@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(30px + (30 - 20) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize26px: calc(19px + (26 - 19) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize24px: calc(20px + (20 - 18) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize20px: calc(18px + (20 - 18) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize18px: calc(18px + (18 - 16) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));



    --bgbluenew:#004f7e;
   
    --white:#fff;
    --bgwhite:#fff;
    --hcolor:#18242b;
    --font-color:#000;
    --sitebluenew:#004f7e;
	--colorblack:#000;
    --sitebluenew:#004f7e;
    --stickyheader_color: #0045a0;

}

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


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

body {
  color: var(--font-color);
  font-family: 'MADE Evolve Sans';
    font-size: var(   --fontSize24px);
    background-color: #fff;
    font-size: var(--fontSize24px);
    color: #000000;
}

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

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

}

p {
    font-size: var(--fontSize24px);
    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;
    color:var(--hcolor);
    font-family: 'MADE Evolve Sans';
    letter-spacing: 1.5;
   
    
}
h1{
    font-size: var(--fontSize72px);
    /* font-family: 'Work Sans'; */
    font-family: 'MADE Evolve Sans';
    text-transform: uppercase;
    letter-spacing: .025em;
    
}

h2{
    font-size: var(--fontSize50px);
    text-transform: capitalize;
}
h4{
    font-size: var(--fontSize30px);
}
h4{
    font-size: var(--fontSize28px);
}
h5{
    font-size: var(--fontSize24px);
}
h6{
    font-size: var(--fontSize20px);
}



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;
}

body {
    overflow-x: hidden;
}

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

body::-webkit-scrollbar-thumb {
    background-color: var(--sitebluenew);
    outline: 0px solid rgba(133, 203, 107, 0.3);
    border-radius: 2px;
}
.main-menu{
	overflow-x: hidden;
}
.main-menu::-webkit-scrollbar {
    width: 8px;
}

.main-menu::-webkit-scrollbar-thumb {
    background-color: #004f7e9c;
    outline: 0px solid rgba(133, 203, 107, 0.3);
    border-radius: 5px;
}
::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;
}

/*--------------Popup--------------*/

.popup-wrapper{position: fixed; z-index: 99999;top: 0;left: 0;padding: 0;margin: 0; width: 100%; height: 100%; background: rgba(0,0,0,.75); display: none;}
.popup-inner {display: flex; flex-direction: column; align-content: center; justify-content: center; text-align: center; width: 100%; height: 100%;}
.pop-alert {text-align: left; word-wrap: break-word; background: #00489b; border-radius: 5px; width: 98%; max-width: 550px; margin: 15px auto; display: inline-block; -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / 75%); -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.75); box-shadow: 0 2px 10px 0 rgb(0 0 0 / 75%); min-height: 0;}
.pop-alert > div {position: relative;}
.popup_close {position: absolute; cursor: pointer; font-weight: 700; z-index: 99999; border-radius: 50%; background: #fff; color: #00489b; top: 50%; right: 20px; font-size: 12px; line-height: 1; width: 22px; height: 22px; display: inline-flex; justify-content: center; align-items: center; transform: translateY(-50%);}
.popup_close:hover {color: #FFF; background: rgba(255,255,255,.5);}
.popup_title {position: relative; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.popup_title > div.pop-heading {color: #fff !important; font-size: 18px; font-weight: 700; padding: 20px 45px 20px 20px;}
.popup_body {background: #fff; color: #616161; padding: 25px 20px 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.popup_body p {font-size: 18px;}
.popup_body > div {overflow-y: auto; max-height: 65vh;}

.popup_body > div::-webkit-scrollbar {width: 5px;}
.popup_body > div::-webkit-scrollbar-thumb {background-color: #004f7e9c; outline: 0px solid rgba(133, 203, 107, 0.3); border-radius: 5px;
}