/******************************************/
/** General                              **/
/******************************************/

:root {
   --primary: #01508C;
	--secondary: #DB032F;
	--foundation: #013054;
	--foundation-light: #B0C9DB;
	--body: #5d6264;
	--light: #F2F2F2;
	--black: #000000;
	--white: #ffffff;
}

*,
*::before,
*::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

html, body {
	height: 100%;
   min-height: 100vh;
   min-height: 100dvh;
   position: relative;
   font-size: 1.05rem !important;
   line-height: 1.6;
   color: var(--body);
   background-color: var(--white);
}

.card-animation .overlay {
	opacity: 0;
	transition: .3s all ease-in-out;
}


.card-animation:hover img.object-fit-cover {
   transform: scale(1.1);
}

.card-animation:hover .overlay {
   opacity: 1;
   background-color: #00000085;
}
/******************************************/
/** Utilities & Helpers                  **/
/******************************************/

/* Fonts & Text */
h1,h2,h3,h4,h5,h6, .fs-1, .fs-2, .fs-3 {
   font-family: "Ubuntu", serif;
}
.fs-7 {font-size: .9rem;}

.lh-1 {line-height: 1.4 !important;}

/* Colors */

.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-body {color: var(--body) !important;}
.text-foundation-light {color: var(--foundation-light) !important;}

.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-foundation {background-color: var(--foundation) !important;}

.border-white-20 {border-color: rgba(255, 255, 255, .2) !important;}

.transition-03 {transition: .3s all ease-in-out;}

/* Sizes & Shapes */
.w-fit {width: fit-content;}


.size-xxs {
	width: .4rem;
   height: .4rem;
   min-width: .4rem;
   max-width: .4rem;
   min-height: .4rem;
   max-height: .4rem;
}


.size-sm {
	width: 1.6rem;
   height: 1.6rem;
   min-width: 1.6rem;
   min-height: 1.6rem;
}

.size-md {
	width: 2rem;
   height: 2rem;
   min-width: 2rem;
   min-height: 2rem;
}

.size-lg {
	width: 3rem;
   height: 3rem;
   min-width: 3rem;
   min-height: 3rem;
}

/******************************************/
/** Cookies Pop-up                       **/
/******************************************/

/* ! MAKE CUSTOM */
/* .cc-window.cc-banner {
	left: 25px !important;
	right: 25px !important;
	width: auto !important;
	padding: 2em !important;
	bottom: 25px !important;
	border-radius: 35px !important;
}

.cc-btn.cc-allow:hover {background-color: var(--light) !important;}

@media (max-width: 900px) {
	.cc-window.cc-banner {
		align-items: unset !important;
		-ms-flex-align: unset !important;
		flex-direction: column !important;
		-webkit-box-align: unset !important;
		-ms-flex-direction: column !important;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
	}
	.cc-message {
		margin-right: 0 !important;
		margin-bottom: 20px !important;
	}
	.cc-btn {padding: .4em .6em !important;}
}

@media (max-width: 420px) {
	.cc-window.cc-banner {
		left: 15px !important;
		right: 15px !important;
		padding: 1.25em !important;
		bottom: 15px !important;
	}
	.cc-btn {padding: .4em .6em !important;}
}

.cc-window.cc-banner a {text-decoration: none;} */

/******************************************/
/** Whatsapp                             **/
/******************************************/

#whatsapp {
	right: 25px;
	bottom: 25px;
	z-index: 999;
	position: fixed;
	background: linear-gradient(180deg, #25D366 0%, #1CB172 48.44%, #128C7E 100%);
}

/******************************************/
/** Navbar                               **/
/******************************************/

#navDesktop {z-index: 2000; transition: all .3s ease-in-out;}

#navDesktop.sticky {
	position: fixed !important;
	background-color: var(--white);
	box-shadow: 0 .5rem 1rem rgba(var(--bs-body-color-rgb),.35) !important;
}

#navDesktop.sticky .svgTopLeft {display: none !important;}
#navDesktop.sticky a {color: var(--black) !important;}
#navDesktop.sticky svg path {stroke: var(--black) !important;}
#navDesktop.sticky .logoHorizontal {display: block !important ;}

#navDesktop.sticky a.active{
   font-weight:bold;
   color: var(--primary) !important;
}

@media (max-width: 768px){
   #navDesktop{position: fixed !important; background-color: #ffffff !important;}
   .logoHorizontal{display: block !important;}
   .navbar-nav .nav-item{
      padding:1rem 0;
      border-bottom:1px solid #eeeeee;
   }
   .navbar-nav a {
      color: var(--black) !important;
      font-size: 1.4rem;
   }

}






#hero .splide__arrows.splide__arrows--ltr {
   height: 100%;
   display: flex;
   align-items: center;
	justify-content: flex-start;
}

#hero .splide__arrow {
   left: 0;
   right: 0;
   position: relative;
   margin-bottom: 5rem;
}

/******************************************/
/** Home                                 **/
/******************************************/

#hero {
	height: 90vh;
	height: 90dvh;
}

#banner {
	height: 34vh;
	height: 34dvh;
}

@media (min-width: 992px) and (max-width: 1199.98px){
   #banner {
      height: 45vh;
      height: 45dvh;
   }  
}

/******************************************/
/** Formations                           **/
/******************************************/

.formation-info {
	display: grid;
	grid-gap: 1px;
	background-color: var(--light);
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);
}

.formation-info > .item {background-color: var(--white);}

/******************************************/
/** Contacts                             **/
/******************************************/

#map {
	height: 600px;
}