@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@font-face {
	font-family: 'Intelo-Regular';
	src: url('./fonts/Intelo-Regular.eot');
	src: url('./fonts/Intelo-Regular.eot?#iefix') format('embedded-opentype'),
			url('./fonts/Intelo-Regular.woff2') format('woff2'),
			url('./fonts/Intelo-Regular.woff') format('woff'),
			url('./fonts/Intelo-Regular.ttf') format('truetype'),
			url('./fonts/Intelo-Regular.svg#Intelo-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Intelo-ExtraBold';
	src: url('./fonts/Intelo-ExtraBold.eot');
	src: url('./fonts/Intelo-ExtraBold.eot?#iefix') format('embedded-opentype'),
			url('./fonts/Intelo-ExtraBold.woff2') format('woff2'),
			url('./fonts/Intelo-ExtraBold.woff') format('woff'),
			url('./fonts/Intelo-ExtraBold.ttf') format('truetype'),
			url('./fonts/Intelo-ExtraBold.svg#Intelo-ExtraBold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Intelo-SemiBold';
	src: url('./fonts/Intelo-SemiBold.eot');
	src: url('./fonts/Intelo-SemiBold.eot?#iefix') format('embedded-opentype'),
			url('./fonts/Intelo-SemiBold.woff2') format('woff2'),
			url('./fonts/Intelo-SemiBold.woff') format('woff'),
			url('./fonts/Intelo-SemiBold.ttf') format('truetype'),
			url('./fonts/Intelo-SemiBold.svg#Intelo-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Intelo-Bold';
	src: url('./fonts/Intelo-Bold.eot');
	src: url('./fonts/Intelo-Bold.eot?#iefix') format('embedded-opentype'),
			url('./fonts/Intelo-Bold.woff2') format('woff2'),
			url('./fonts/Intelo-Bold.woff') format('woff'),
			url('./fonts/Intelo-Bold.ttf') format('truetype'),
			url('./fonts/Intelo-Bold.svg#Intelo-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Intelo-Medium';
	src: url('./fonts/Intelo-Medium.eot');
	src: url('./fonts/Intelo-Medium.eot?#iefix') format('embedded-opentype'),
			url('./fonts/Intelo-Medium.woff2') format('woff2'),
			url('./fonts/Intelo-Medium.woff') format('woff'),
			url('./fonts/Intelo-Medium.ttf') format('truetype'),
			url('./fonts/Intelo-Medium.svg#Intelo-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AvenirLTPro-Black';
	src: url('./fonts/AvenirLTPro-Black.eot');
	src: url('./fonts/AvenirLTPro-Black.eot?#iefix') format('embedded-opentype'),
			url('./fonts/AvenirLTPro-Black.woff2') format('woff2'),
			url('./fonts/AvenirLTPro-Black.woff') format('woff'),
			url('./fonts/AvenirLTPro-Black.ttf') format('truetype'),
			url('./fonts/AvenirLTPro-Black.svg#AvenirLTPro-Black') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AvenirLTPro-Roman';
	src: url('./fonts/AvenirLTPro-Roman.eot');
	src: url('./fonts/AvenirLTPro-Roman.eot?#iefix') format('embedded-opentype'),
			url('./fonts/AvenirLTPro-Roman.woff2') format('woff2'),
			url('./fonts/AvenirLTPro-Roman.woff') format('woff'),
			url('./fonts/AvenirLTPro-Roman.ttf') format('truetype'),
			url('./fonts/AvenirLTPro-Roman.svg#AvenirLTPro-Roman') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'AvenirLTPro-Book';
	src: url('./fonts/AvenirLTPro-Book.eot');
	src: url('./fonts/AvenirLTPro-Book.eot?#iefix') format('embedded-opentype'),
			url('./fonts/AvenirLTPro-Book.woff2') format('woff2'),
			url('./fonts/AvenirLTPro-Book.woff') format('woff'),
			url('./fonts/AvenirLTPro-Book.ttf') format('truetype'),
			url('./fonts/AvenirLTPro-Book.svg#AvenirLTPro-Book') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

:root {

	/* --clr-primary: #6994A5; */
	--clr-primary: #538697;
	--clr-secondary: #F47B20; 
	--clr-tertiary: #939598;
	--clr-quaternary: #161616;
	--clr-accent: #4C4C4C;


	--bg-clr: #F5F8F9;

	
	--main-bg-clr:var(--clr-white);
	--secondary-bg-clr: var(--bg-clr);
	
	--textT-clr:var(--clr-quaternary);
	--text-clr: var(--clr-accent);

	--top-text-clr: var(--clr-secondary);
	--Mid-text-clr: var(--clr-primary);
	--sub-text-clr: var(--clr-tertiary);

	--clr-black: #000000;
	--clr-white: #FFFFFF;

	--ff-primary:'Roboto', sans-serif;

	--ff-body:var(--ff-primary);
	--fw-light:300;
	--fw-regular:400;
	--fw-medium:500;
	--fw-semi-bold:600;
	--fw-bold:700;
	--fw-extra-bold:800;
	--fw-black:900;
}

body{text-rendering:optimizeSpeed;line-height:1.2;font-family: 'AvenirLTPro-Roman';background-color:var(--main-bg-color);font-weight: var(--fw-medium);}
body,h1,h2,h3,h4,h5,h6,p,ul,ul li{margin:0;padding:0;font-size:inherit;}
*,*::before,*::after{outline:none;box-sizing:border-box;}
*{margin:0;padding:0;}
input,button{-moz-appearance:none;-webkit-appearance:none;}
a:link,a:visited{text-decoration:none;border:none;outline:none;}
img,picture,svg{max-width:100%;display:block;}
img{border:none;outline:none;display:block;}
ul,ol{list-style:none;list-style-type:none;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
.relative{position:relative;}
.absolute{position:absolute;}
.clr{clear:both;}
.floatLft{float:left;}
.floatRgt{float:right;}
.inlineBlk{display:inline-block;vertical-align:middle;}
.table{display:table;}
.transition{transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;-webkit-transition:all 0.35s ease 0s;}
.col-10{width:10%;}
.col-20{width:20%;}
.col-30{width:30%;}
.col-40{width:40%;}
.col-50{width:50%;}
.col-60{width:60%;}
.col-70{width:70%;}
.col-80{width:80%;}
.col-90{width:90%;}
.col-100{width:100%;}
.textCenter{text-align:center;}
.textJustify{text-align:justify;}
.textLeft{text-align:left;}
.textRight{text-align:right;}

.wrapper-1500{max-width:1530px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1450{max-width:1480px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1400{max-width:1430px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1350{max-width:1380px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1300{max-width:1330px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1250{max-width:1280px;width:100%;padding:0 15px;margin:0 auto;}
.wrapper-1030{max-width:1060px;width:100%;padding:0 15px;margin:0 auto;}


/* Utility classes */
/* font weight */
.fw-black{font-weight:var(--fw-black);}
.fw-ex-bold{font-weight:var(--fw-extra-bold);}
.fw-bold{font-weight:var(--fw-bold);}
.fw-semi-bold{font-weight:var(--fw-semi-bold);}
.fw-medium{font-weight:var(--fw-medium);}
.fw-regular{font-weight:var(--fw-regular);}
.fw-light{font-weight:var(--fw-light);}
.ff-primary{font-family:var(--ff-primary);}
.textUp{text-transform:uppercase;}
.bg-transparent{background-color:transparent;}
/* scrollbar */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #828282;-webkit-border-radius:10px;border-radius:10px;}
::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#6994A5;-webkit-box-shadow:inset 0 0 6px #828282;}
::-webkit-scrollbar-thumb:window-inactive{background:#6994A5;}