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

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

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

@font-face {
    font-family: 'Tenor Sans';
    src: url('../fonts/TenorSans.eot');
    src: url('../fonts/TenorSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TenorSans.woff2') format('woff2'),
        url('../fonts/TenorSans.woff') format('woff'),
        url('../fonts/TenorSans.ttf') format('truetype'),
        url('../fonts/TenorSans.svg#TenorSans') format('svg');
    font-weight: normal;
    font-style: normal;
    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 + (52 - 30) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize50px: calc(28px + (50 - 28) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
	--fontSize42px: calc(28px + (42 - 28) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize36px: calc(28px + (36 - 28) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize30px: calc(28px + (30 - 28) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize26px: calc(24px + (26 - 24) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize24px: calc(22px + (24 - 22) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize22px: calc(20px + (22 - 20) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
    --fontSize18px: calc(16px + (18 - 16) * ((100vw - 380px) / (var(--maxScreenWidth) - 380)));
	--listhdfontSize: 22px;

    --bgbluenew:#004f7e;
   
    --white:#fff;
    --bgwhite:#fff;
    --hcolor: #00264c;
    --font-color:#000000;
    --sitebluenew:#004f7e;
	--colorblack:#000000;


}

@media(min-width:1700px){
:root{
    --fontSize72px: 62px;
    --fontSize42px: 42px;
    --fontSize36px: 36px;
    --fontSize30px: 30px;
    --fontSize26px: 26px;
    --fontSize22px: 24px;
    --fontSize18px: 18px;
}
}

@media(max-width:768px)
{
	:root
	{
		--listhdfontSize: 20px;
	}
}


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

body {

    color: var(--font-color);
    font-family: 'Mulish';
    background-color: #fff;
    font-size: 20px;
	opacity: 0;
/*     color: #000000; */
}
body.active-sl {opacity: 1;}
body.menu-open {overflow: hidden;}
a {
    text-decoration: none;
    color: var(--font-color);
    transition: all 0.3s ease 0s;
    font-size: 20px;
}

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

}

p {
    font-size: 20px;
    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 20px;
    line-height: 1.3;
    color: var(--hcolor);
    font-family: 'Tenor Sans';
    font-weight: 600;
	/* letter-spacing: 1.5; */
}
h1{
    font-size: var(--fontSize72px);
    text-transform: uppercase;
    letter-spacing: .025em;
    
}

h2{
    font-size: var(--fontSize36px);
    text-transform: uppercase;
}
h3{
    font-size: var(--fontSize30px);
}
h4{
    font-size: var(--fontSize26px);
}
h5{
    font-size: var(--fontSize22px);
}
h6{
    font-size: var(--fontSize18px);
}



ul {
    padding-left: 45px;
    padding-bottom: 20px;
}

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

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

body {
    overflow-x: hidden;
}

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

body::-webkit-scrollbar-thumb {
    background-color: var(--hcolor);
    outline: 0px solid rgba(133, 203, 107, 0.3);
}

.side-menu .mobile-menu-inner .mobile-menu-wrap::-webkit-scrollbar {
    width: 4px;
}
.side-menu .mobile-menu-inner .mobile-menu-wrap::-webkit-scrollbar-thumb {
    background-color: #bebebe;
    outline: 0px solid rgba(133, 203, 107, 0.3);
    border-radius: 5px;
}
   
::selection {
    background-color: #67a0bd;
    color: #fff;
}

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

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

.common-section{
    padding: 100px 0;
	padding: 70px 0;
}

/*--------------------*/

.mobile-menu-wrap .sub-menu li a {font-size: 19px;}
.mobile-menu-wrap .mega-menu  li.current_page_item > a, .mobile-menu-wrap .mega-menu  li:hover > a, .mobile-menu-wrap .mega-menu  li.current-menu-parent > a, .mobile-menu-wrap .mega-menu  li.current-menu-item > a, .mobile-menu-wrap li a:hover
{
    color: var(--nhc-blue-color);
    transition: all 0.2s linear;
}

/*-------------/// Mobile Nav Submenu ///-------------------*/

.mobile-menu-wrap li.menu-item-has-children > a:not(.arrow-nav)
{
    width: calc(100% - 40px);
	display: inline-block;
}
.mobile-menu>li>a:before
{
    display: none;
}
.mobile-menu-wrap li>a.arrow-nav
{
    font-size: 21px !important;
    width: 35px;
    text-align: right;
    padding-right: 5px;
    display: inline-block;
/*    transition: all 0.2s linear;*/
}
.d-menu a.arrow-nav {margin-left: 5px;}
/*
.mobile-menu-wrap li>a.arrow-nav svg
{
    transition: all 0.2s linear;
}
*/
.mobile-menu-wrap li>a.arrow-nav.rotate-90 svg
{
    transform: rotateZ(180deg);
    transform-origin: center;
/*    transition: all 0.2s linear;*/
}
.mobile-menu-wrap li>ul.sub-menu
{
/*     position: relative;
    padding: 0 0 0 10px;  */
    display: none;
/*     width: 100%;
    margin: 12px 0;
	list-style-type: none; */
}
.mobile-menu-wrap li>ul.sub-menu.xs-d-cont,.mobile-menu-wrap li:hover>ul.sub-menu.xs-d-cont
{
    display: block;
    transform: scaleY(1);
    transition: all 0.2s linear;
}

.mobile-menu-wrap>ul::-webkit-scrollbar {
	width: 3px;
    border-radius: 6px;
}

.mobile-menu-wrap>ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 0px rgba(0,0,0,0.3);
}

.mobile-menu-wrap>ul::-webkit-scrollbar-thumb {
  background-color: #cbd5ba;
  outline: 0px solid slategrey;
}