@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-Bold.eot'); src: url('../fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-Bold.woff2') format('woff2'),     url('../fonts/SofiaPro-Bold.woff') format('woff'),     url('../fonts/SofiaPro-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro.eot'); src: url('../fonts/SofiaPro.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro.woff2') format('woff2'),     url('../fonts/SofiaPro.woff') format('woff'),     url('../fonts/SofiaPro.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-Medium.eot'); src: url('../fonts/SofiaPro-Medium.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-Medium.woff2') format('woff2'),     url('../fonts/SofiaPro-Medium.woff') format('woff'),     url('../fonts/SofiaPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-Light.eot'); src: url('../fonts/SofiaPro-Light.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-Light.woff2') format('woff2'),     url('../fonts/SofiaPro-Light.woff') format('woff'),     url('../fonts/SofiaPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-Italic.eot'); src: url('../fonts/SofiaPro-Italic.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-Italic.woff2') format('woff2'),     url('../fonts/SofiaPro-Italic.woff') format('woff'),     url('../fonts/SofiaPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap;}
@font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-SemiBold.eot'); src: url('../fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-SemiBold.woff2') format('woff2'),     url('../fonts/SofiaPro-SemiBold.woff') format('woff'),     url('../fonts/SofiaPro-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap;}

 @font-face { font-family: 'Sofia Pro'; src: url('../fonts/SofiaPro-SemiBoldItalic.eot'); src: url('../fonts/SofiaPro-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),     url('../fonts/SofiaPro-SemiBoldItalic.woff2') format('woff2'),     url('../fonts/SofiaPro-SemiBoldItalic.woff') format('woff'),     url('../fonts/SofiaPro-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; font-display: swap;} 

:root { 
    --white: #fff; 
    --black: #000; 
    --lightblack: #222222; 
    --yellowbg: #FFD600; 
    --yellowtext: #FFD600; 
    --redtext: #FC7057; 
    --greybg:#FAFAFA;
 }
img, video { max-width: 100%;height: auto;}
html,body { margin: 0; padding: 0; font-family: 'Sofia Pro', sans-serif; overflow-x: hidden; color: #000; font-size: 16px; line-height: 1.4;}
body { overflow-x: hidden;}
.container {  width: 1140px ; max-width: 100%; }
a, a:hover { display: inline-block; color: inherit; text-decoration: none;}
p:last-child { margin: 0 ;}
.greybg{background-color: var(--greybg) ;}

/* header */
header { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: fixed; top: 0; left: 0; width: 100%; z-index: 900; background-color: #FFF; transition: all 0.3s; height: 80px;}
header.light-header { box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);}
header.hide-header { transform: translate(0, -100%);}
header .logo{margin-left: -92px;}
header nav{display: flex;justify-content: space-between; align-items: center;  }
header nav ul{display: flex; gap: 40px; list-style: none; align-items: center;margin: 0;padding-left: 0; }
header nav ul li { padding: 20px 0; position: relative;}
header nav ul li a{color: var(--black);font-weight: 300; font-size: 16px; text-decoration: none; transition: 0.1s all ease-in;word-break: break-word;}
header nav ul > li.current-menu-item a{font-weight: 600;  }
header nav ul li:hover > a{font-weight: 600;  }
header nav ul li ul li.current-menu-item a{color: #FAC600; }
header nav ul > li > ul > li:hover > a{color: #FAC600; }
/* submenu */
p.plus-mobile{display: none;}

.menu-item-has-children:after { content: ''; position: absolute; background: url('../images/arrow-down-black.svg'); width: 10px; height: 6px; right: -14px; top: 50%; transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; }
.menu-item-has-children:hover:after {transform: rotate(180deg);}
header nav ul > li > ul.sub-menu {display: none;}
header nav ul > li > ul.sub-menu { position: absolute; display: block; width:260px; left: 50%; transform: translateX(-50%); background: #FFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); padding: 30px 0; top: 55px; opacity: 0; visibility: hidden; transition: all .3s;}
header nav ul > li > ul.sub-menu::before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; top: -10px; margin: 0 auto; left: 0; right: 0;}
header nav ul > li > ul.sub-menu li { padding: 0 30px; width: 100%;}
header nav ul > li > ul.sub-menu li + li{ margin-top: 16px;}
header nav ul > li.menu-item-has-children:hover ul.sub-menu { opacity: 1; visibility: visible; }
header nav ul > li > ul.sub-menu li > ul.sub-menu {
    position: relative;
    background: transparent;
    border: 0;
    box-shadow: none;
    top: unset;
    padding: 0;
    margin-top: 15px;max-width: 100%;
}
header nav ul > li > ul.sub-menu li.menu-item-has-children > a{cursor: initial;}
header nav ul > li > ul.sub-menu li > ul.sub-menu li{padding: 0 0 0 30px; 
    width: 100%;}

header nav ul > li > ul > li > ul > li:hover a{
    color: #FAC600;
}
/* footer */
footer{background-color: #000;}
footer .footermenu{padding: 60px 0 30px 0;  border-bottom: 1px solid rgb(255 255 255 / 50%);}
footer .footermenu ul{display: flex; gap: 40px; list-style: none; align-items: center;  justify-content: center;}
footer .footermenu ul li a{color: var(--white);font-weight: 300; font-size: 16px; text-decoration: none;}
footer .footermenu ul li.current-menu-item a{font-weight: 600; }
footer .copyright-section{padding: 30px 0;display: flex; justify-content: space-between;}
footer .copyright-section p{color: var(--white);font-weight: 300; font-size: 16px;}
footer .copyright-section .socialmedia ul { list-style: none; display: flex; align-items: center; gap: 30px; justify-content: end; padding: 0; margin: 0;}
footer .footermenu ul li a:hover{color: #FAC600;font-weight: 600;}
.socialmedia ul li a:hover svg{fill: #FAC600;}
/* popup */
.our_purpose_model .close-button {--bs-btn-close-bg:none;opacity: 1;z-index: 90;margin: 0; padding: 0; border: 0; }
.our_purpose_model .close-button svg{position: absolute; top: -26px;right: -26px;}
.our_purpose_model .iframe-box {padding-top: 56%;}
.our_purpose_model .modal-content iframe {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.our_purpose_model .modal-content {padding: 15px;}


section.banner{margin-top: 80px;}
@media screen and (min-width: 1200px){ 
    .cls-btn, .menu-btn {display: none;}
}

@media screen and (max-width: 1300px){  
    header .logo {
        margin-left: -70px;
    }
}
@media screen and (max-width: 1199px){  
header .logo {margin-left: 0; }
section{padding: 35px 0px;}
.menu-btn {width: 50px;height: 50px;background: #fff;padding: 10px;border-radius: 50px; transition: background-color 0.3s;  } 
header .menu-bar { position: fixed; top: 0; padding: 80px 25px 20px; width: 100%; left: 0; z-index: 999; bottom: 0; display: block; background: #fff; transform: translate(-100%); transition: all .5s; overflow-y: auto; }
header .menu-bar ul{ display: block; overflow-y: auto; } 
body.show-nav header .menu-bar { transform: translate(0); }
body.show-nav .cls-btn { transform: scale(1.2); transition: all .3s; transition-delay: 0.4s; }
.cls-btn { padding: 10px; border-radius: 50px; background-color: #000; display: inline-block; position: fixed; top: 20px; z-index: 9999; transform: scale(0); right: 25px;}
.cls-btn svg { display: block;}
header nav ul > li > ul.sub-menu li{margin-bottom: 0;}

/* submnu */
 
header ul > li.menu-item-has-children .plus-mobile{color: #565555; display: block; position: absolute; right: 10px; top: 8px; transform: translate(0, -25%); z-index: 999;}
body.show-nav header ul > li.menu-item-has-children .plus-mobile .fa-minus{display: none;}
body.show-nav header ul > li.menu-item-has-children.open-sub-menu > .plus-mobile .fa-minus{display: block;}
body.show-nav header ul > li.menu-item-has-children.open-sub-menu > .plus-mobile .fa-plus{display: none;}  
header ul > li{width: 100%;position: relative;}
header ul > li.menu-item-has-children{padding-right: 30px;}
header ul > li.menu-item-has-children > ul.sub-menu{max-height: 0px; transition: all 1s; overflow: hidden; position: relative; top:15px; box-shadow: none; left: 0px; border-bottom: 0px; padding: 0 !important; transform: none;}
header ul > li.menu-item-has-children.open-sub-menu > ul {max-height: 500px; visibility: visible; opacity: 1;} 
header ul > li > ul > li.menu-item-has-children.open-sub-menu > ul {max-height: 500px; visibility: visible; opacity: 1;} 
.menu-item-has-children:after,.sub-menu::before { display: none }
.sub-menu li{padding-left: 20px;}
header nav ul > li {margin-bottom: 30px }
header nav ul li { padding: 0;}
body.show-nav header nav > ul  { right: 0 } 
.sub-menu li:last-child { margin-bottom: 0}



header ul > li > ul > li.menu-item-has-children .plus-mobile{color: #565555; display: block; position: absolute; right: 10px; top: 8px; transform: translate(0, -25%); z-index: 999;}
body.show-nav header ul > li > ul > li.menu-item-has-children .plus-mobile .fa-minus{display: none;}
body.show-nav header ul > li > ul > li.menu-item-has-children.open-sub-menu .plus-mobile .fa-minus{display: block;}
body.show-nav header ul > li > ul > li.menu-item-has-children.open-sub-menu .plus-mobile .fa-plus{display: none;}  
} 
 

@media screen and (max-width: 768px){

footer .copyright-section .socialmedia ul {gap: 20px;}
footer .footermenu { padding: 30px 0 30px 0;}
#menu-footer-menu { display: flex; gap: 20px; justify-content: flex-start;}
#menu-footer-menu li{width: 48%;}
.footer-links.cf{width: 100%;} 

}
@media screen and (max-width: 767px){
#menu-footer-menu li { width: 46%;}
footer .copyright-section{display: block; text-align: center;}
footer .copyright-section .socialmedia ul{padding: 0;margin-top: 30px; justify-content: center;}
.our_purpose_model .close-button svg { position: absolute; top: -26px; right: -16px; width: 40px;}
}