@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); 

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

/*  Removed as not used in the coverage report or CSS Overview
@font-face {
    font-family: 'MADE Evolve Sans EVO';
    src: url('../fonts/MADEEvolveSansEVO-Bold.eot');
    src: url('../fonts/MADEEvolveSansEVO-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MADEEvolveSansEVO-Bold.woff2') format('woff2'),
        url('../fonts/MADEEvolveSansEVO-Bold.woff') format('woff'),
        url('../fonts/MADEEvolveSansEVO-Bold.ttf') format('truetype'),
        url('../fonts/MADEEvolveSansEVO-Bold.svg#MADEEvolveSansEVO-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'MADE Evolve Sans EVO';
    src: url('../fonts/MADEEvolveSansEVO-Light.eot');
    src: url('../fonts/MADEEvolveSansEVO-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MADEEvolveSansEVO-Light.woff2') format('woff2'),
        url('../fonts/MADEEvolveSansEVO-Light.woff') format('woff'),
        url('../fonts/MADEEvolveSansEVO-Light.ttf') format('truetype'),
        url('../fonts/MADEEvolveSansEVO-Light.svg#MADEEvolveSansEVO-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'MADE Evolve Sans EVO';
    src: url('../fonts/MADEEvolveSansEVO-Thin.eot');
    src: url('../fonts/MADEEvolveSansEVO-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MADEEvolveSansEVO-Thin.woff2') format('woff2'),
        url('../fonts/MADEEvolveSansEVO-Thin.woff') format('woff'),
        url('../fonts/MADEEvolveSansEVO-Thin.ttf') format('truetype'),
        url('../fonts/MADEEvolveSansEVO-Thin.svg#MADEEvolveSansEVO-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

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

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

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

*/

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-BlackItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-LightItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-LightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-UltralightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-ThinItalic.woff2') format('woff2'),
        url('../fonts/SFProDisplay-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Black.woff2') format('woff2'),
        url('../fonts/WorkSans-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-BlackItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Bold.woff2') format('woff2'),
        url('../fonts/WorkSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/WorkSans-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Italic.woff2') format('woff2'),
        url('../fonts/WorkSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Light.woff2') format('woff2'),
        url('../fonts/WorkSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-LightItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBold.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Medium.woff2') format('woff2'),
        url('../fonts/WorkSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Regular.woff2') format('woff2'),
        url('../fonts/WorkSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-Thin.woff2') format('woff2'),
        url('../fonts/WorkSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Work Sans';
    src: url('../fonts/WorkSans-ThinItalic.woff2') format('woff2'),
        url('../fonts/WorkSans-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

:root {
    --maxScreenWidth: 1920;
    --maxScreenWidthPx: 1920px;
    --midScreenWidth: 767;
    --midScreenWidthPx: 767px;
    --minScreenWidth: 300;
    --minScreenWidthPx: 300px;
    --maxconWidth: 1410;
    --maxconWidthPx: 1410px;

    /* Font Size Start */
    --fontSize72px: calc(30px + (72 - 30) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize36px: calc(28px + (36 - 28) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize30px: calc(22px + (30 - 22) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize26px: calc(19px + (26 - 19) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize24px: calc(18px + (20 - 18) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize20px: calc(18px + (18 - 18) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize18px: calc(16px + (16 - 16) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));



    --bgbluenew:#666666;
   --stickyheader_color: #34b0d9;
    --white:#fff;
    --bgwhite:#fff;
    --hcolor:#18242b;
    --font-color:#212529;
    --sitebluenew:#34b0d9;
	--colorblack:#000;
}

@media(min-width:1700px){
:root{
    --fontSize72px: 72px;
    --fontSize72px: 50px;
    --fontSize36px: 36px;
    --fontSize30px: 30px;
    --fontSize26px: 26px;
    --fontSize24px: 24px;
    --fontSize18px: 16px;
}
}


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

body {
  color: var(--font-color);
  /* font-family: 'MADE Evolve Sans'; */
  font-family: "Manrope", sans-serif;
/*     font-size: var(   --fontSize24px); */
    background-color: #fff;
    font-size: var(--fontSize18px);
    color: #000000;
}

a {
    text-decoration: none;
	color: var(--font-color);
 /*    color:#000;
    transition: all 0.3s ease 0s;
    font-size: var(--fontSize24px); */
}

a:hover {
    color: var(--sitebluenew);

}

p {
    font-size: var(--fontSize18px);
    line-height: 1.5;
    padding-bottom: 15px;
    color:var(--font-color);
    letter-spacing: .025em;
    
    
}
p:last-child{
    padding-bottom:0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0 0 25px;
    line-height: 1.2;
    color:var(--hcolor);
    font-family: "Manrope", sans-serif;
}
h1{
    font-size: var(--fontSize72px);
    /* font-family: 'Work Sans'; */
    /* font-family: 'MADE Evolve Sans'; */
    text-transform: uppercase;
    letter-spacing: .025em;
	font-weight: 400;
    
}

h2{
    font-size: var(--fontSize36px);
    text-transform: capitalize;
	font-weight: 400;
}
h3{
    font-size: var(--fontSize30px);
	font-weight: 500;
}
h4{
    font-size: var(--fontSize26px);
	font-weight: 500;
}
h5{
    font-size: var(--fontSize24px);
	font-weight: 500;
}
h6{
    font-size: var(--fontSize20px);
	font-weight: 500;
}



ul {
    padding-left: 25px;
    padding-bottom: 25px;
    list-style: none;
}

li {
    padding-bottom: 15px;
    line-height: 1.4;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.pb-0 {padding-bottom: 0 !important;}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--sitebluenew);
    outline: 0px solid rgba(133, 203, 107, 0.3);
/*     border-radius: 5px; */
}
.mobile-menu main-menu{
	overflow-x: hidden;
}
.side-menu .mobile-menu-inner .mobile-menu-wrap::-webkit-scrollbar {
    width: 3px;
}

.side-menu .mobile-menu-inner .mobile-menu-wrap::-webkit-scrollbar-thumb {
    background-color: #c5c7ca;
    outline: 0px solid rgba(133, 203, 107, 0.3);
    border-radius: 5px;
}
.header-lang-pop .gtranslate_wrapper::-webkit-scrollbar {
    width: 3px;
}

.header-lang-pop .gtranslate_wrapper::-webkit-scrollbar-thumb {
    background-color: #c5c7ca;
    outline: 0px solid rgba(133, 203, 107, 0.3);
    border-radius: 5px;
}

.menu-blocks-wrapper::-webkit-scrollbar {
    width: 5px;
}
.menu-blocks-wrapper::-webkit-scrollbar-thumb {
    background-color: #8d8d8d;
    outline: 0px solid rgba(133, 203, 107, 0.3);
}

.inner-cmp-form .cmp-form-blk::-webkit-scrollbar {
    width: 5px;
}
.inner-cmp-form .cmp-form-blk::-webkit-scrollbar-thumb {
    background-color: #8d8d8d;
    outline: 0px solid rgba(133, 203, 107, 0.3);
}


.guides-popup-outer::-webkit-scrollbar {
    width: 5px;
}
.guides-popup-outer::-webkit-scrollbar-thumb {
    background-color: #8d8d8d;
    outline: 0px solid rgba(133, 203, 107, 0.3);
}


.team-detail-blocks::-webkit-scrollbar {
    width: 5px;
}
.team-detail-blocks::-webkit-scrollbar-thumb {
    background-color: #fff;
    outline: 0px solid rgba(133, 203, 107, 0.3);
}


::selection {
    background-color: #004f7e9c;
    color: #fff;
}

.wrapper {
    max-width: 1416px;
    padding: 0 60px;
    margin: 0 auto !important;
}

 
.wrapper-full {
    max-width: 1920px;
    margin: 0 auto;
}

.common-section{
    padding: 60px 0;
}

.home-common-section{
    padding: 60px 0;
}
.mb-0 {margin-bottom: 0 !important;}