:root {
	/* Shadow */
	--bs-box-shadow: 3px 3px 23px 0px rgba(0,0,0,0.03);

	/* Colors */
	--primary-blue: #232fd1;
	--bs-primary-rgb: 35, 47, 209; /* --primary-blue */
    --bs-secondary-rgb: 6, 8, 34; /* --secondary-blue-dark: */

	--primary-blue-hover: #202ABC;
	--primary-blue-active: #1C26A7;


	--primary-blue-light-2: #8C93E4;
	--primary-blue-light: #CFD1F2;
	--secondary-blue-dark: #060822;

	--basic-bg: #fafafa;
	--basic-white: #ffffff;
	--grey-text-color: #4E5561;

	--grey-1: #A7AFB9;
	--grey-2: #CBD0D6;
	--grey-3: #9B9CA7;
	--line-color: #E4E7E9;
	--bs-border-color: var(--line-color);
	--footer-color: #050721;
	--footer-social-icons: #38394E;
}


/****** CSS RESET ******/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: "Open Sans", sans-serif;
}

a,
a:link,
a:visited {
	text-decoration: none;
	color: inherit;
}

input, textarea, select {
	font: inherit;
}

p {
	margin: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Jost";
	font-weight: 700;
	margin: 0;
	color: var(--secondary-blue-dark);
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}



/***** HEADINGS *****/

.h1 {
	font-size: 36px;
	line-height: 45px;
}

.h2 {
	font-size: 32px;
	line-height: 36px;
}

.h3 {
	font-size: 28px;
	line-height: normal;
}

.h4 {
	font-size: 18px;
	line-height: normal;
}

.h5 {
	font-size: 18px;
	line-height: normal;
}

.h6 {
	font-size: 14px;
	line-height: 20px;
}


/***** PARAGRAPHS *****/

.text-1 {
	font-size: 16px;
}

.text-2 {
	font-size: 14px;
}

.text-3 {
	font-size: 12px;
}

.text-4 {
	font-size: 10px;
}

.text-5 {
	font-size: 14px;
}


/***** FONT WEIGHT *****/

.fw-medium {
	font-weight: 600 !important;
}


/***** TEXT COLORS *****/

.text-gray {
	color: var(--grey-text-color);
}


/***** BACKGROUND COLORS *****/

.bg-grey {
	background-color: var(--basic-bg);
}


/***** SECTION PADDING *****/

.section-padding-x {
	--x: 16px;
	padding-left: var(--x);
	padding-right: var(--x);
}

.section-padding-y {
	--y: 32px;
	padding-top: var(--y);
	padding-bottom: var(--y);;
}

.section-container {
	max-width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0 auto;
}


.padding-bottom-12 {
	padding-bottom: 12px;
}

.gap-6 {
	gap: 24px;
}

/***** ELEMENTS *****/

.button {
	font-weight: 700;
	background-color: var(--primary-blue);
	color: var(--basic-white);
	border: none;
	transition: all .3s ease-in-out;
	font-size: 14px;
	padding: 14px 36px;
	text-wrap: nowrap;
}

.button:hover {
	background-color: var(--primary-blue-hover);
}

.button:active {
	background-color: var(--primary-blue-active);
}

.button:disabled {
	background-color: var(--line-color);
	color: var(--grey-1);
}

/* Header */ 
.navbar {
    padding: 0 16px;
    border-bottom: 1px solid rgba(255,255,255, .1);
    font-family: "Jost";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 22;
}

.navbar .nav-link, .navbar a {
    color:var(--basic-white);
    text-transform: capitalize;
    font-size: 18px;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: white;
    border-bottom: 4px solid white;
    margin-bottom: -2px;
}

.navbar .tel div {
	background-color: var(--primary-blue);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.navbar .tel i {
	color: white;
    font-size: 25px;
}
.navbar-toggler {
    border: none;
    color: white;
}

.navbar-toggler i {
	line-height: 1;
}

.navbar-toggler:focus {
    box-shadow: none;
}
.offcanvas {
    background-color: #12132C;
}

.language-select-wrapper .dropdown-menu {
	overflow: hidden !important;
}

.language-select-wrapper button {
	border: none;
	color: var(--basic-white);
	padding: 12px 16px;
}

.language-select-wrapper .dropdown-item.active,
.language-select-wrapper .dropdown-item:active {
	background-color: var(--primary-blue-light);
}

.language-select-wrapper .btn-text > span {
	display: none;
}

.dropdown-menu[data-bs-popper] {
	top: 100%;
	left: -50%;
}


footer{
	background-color: var(--footer-color);
}


footer .social-icons > a {
	background-color: var(--footer-social-icons);
	color: var(--basic-white);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 18px;
}

.footer-links li a {
	color: var(--grey-3) !important;
	transition: color .2s ease;
}

.footer-links li:hover a {
	color: var(--basic-white) !important;
}



@media (max-width: 1199px){
	.logo {
        width: 150px;
    }
}

@media (max-width: 991px){
	.navbar {
		padding: 20px 16px;
	}

	.logo {
        width: 140px;
    }
}



@media (min-width: 768px){
	.h1 {
		 font-size: 54px;
	}

	.h2 {
		 font-size: 40px;
	}
	
	.h3 {
		 font-size: 30px;
	}
	
	.h4 {
		 font-size: 24px;
	}

	.h5 {
		font-size: 20px;
	}
	
	.h6 {
		 font-size: 16px;
	}

	.section-padding-y {
		 --y: 48px;
	}

	.section-padding-x {
		 --x: 32px;
	}

	.button {
		font-size: 16px;
	}

	.section-container {
		max-width: 992px;
	}


}

@media (min-width: 992px) {
	.navbar .nav-link{
		padding:  49px 10px;
	}

	.language-select-wrapper .btn-text > span {
		display: inline;
	}

	.dropdown-menu[data-bs-popper] {
		top: 100%;
		left: 0;
	}
}

@media (min-width: 1200px) {

	.navbar {
		padding: 0 64px;
	}

	.gap-6 {
		gap: 32px;
	}
	
	.h1 {
		 font-size: 72px;
		 line-height: 76px;
	}

	.h2 {
		 font-size: 48px;
		 line-height: 48px;
	}
	
	.h3 {
		 font-size: 40px;
		 line-height: 48px;
	}
	
	.h4 {
		 font-size: 32px;
		 line-height: 46px;
	}
	.h5 {
		font-size: 24px;
		line-height: normal;
	}
	
	.h6 {
		 font-size: 18px;
		 line-height: 20px;
	}

	.text-1 {
		 font-size: 20px;
	}
	
	.text-2 {
		 font-size: 18px;
	}
	
	.text-3 {
		 font-size: 16px;
	}

	.section-padding-y {
		--y: 60px;
   	}

	.section-padding-x {
		--x: 80px;
   	}
	
	.section-container {
		max-width: 1264px;
		padding-left: 32px;
		padding-right: 32px;
	}
	
}

@media (min-width: 1400px) {
	.section-padding-x {
		--x: 160px;
   }

   .section-padding-y {
		--y: 80px;
   }

	.section-container {
		max-width: 1664px;
		padding-left: 32px;
		padding-right: 32px;
	}
}