@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body { font-family: 'Sora-Light'; font-size: 15px; position: relative;}
/* MAIN LAYOUT
========================================================================*/
.mobileMenu{ display:none;}
.hideheadingtag{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
/* HEADER
========================================================================*/
header { position: fixed; top:0; left: 0; width: 100%; z-index: 999; display: flex; justify-content: space-between; align-items: center;/* padding: 40px 0 0 0; */background: #ffffff; box-shadow: rgba(0, 0, 0, 0.03) 1.95px 1.95px 2.6px;}
/*header:before{position: absolute; left: 0; top: 0; height: calc(100% + 16px); width: 32px; content: ""; background: #ffffff;}
header:after{ position:absolute; left: 0; top: 0; height: 40px; width: 100%; content: ""; background: #ffffff;}*/
.headerInner{display: flex; justify-content: space-between; align-items: anchor-center;}
.logo a{ position: relative; display: block; padding: 15px 25px 15px 15px; /*background: #ffffff; border-radius: 0 0 20px 0;*/}
.logo img{ width: 160px;}
.menuBtn{ background: #3f70b2; padding: 7px 15px; border-radius: 50px;display: flex; align-items: center; color: #ffffff;  cursor: pointer; z-index: 999; }
.menuBtn span{display: block; margin-right: 6px;}
.menuBtn img{ width: 32px;}
.menuBtn .menuicon{}
.menuBtn .menuicon em{ width: 28px; height: 2px; background: #ffffff; margin-bottom: 5px;display: block; transition: 0.2s;}
.menuBtn .menuicon em:last-child{ margin-bottom:0;}
.menuBtn.active .menuicon em:first-child{transform: rotate(45deg); margin: 0;}
.menuBtn.active .menuicon em:nth-child(2){opacity: 0;}
.menuBtn.active .menuicon em:last-child{transform: rotate(-45deg); margin: -8px 0 0 0}
 @media only screen and (min-width: 960px) {
.menuBtn{ margin-right: 2%; right: 2%;/*position: fixed; top:65px;*/}     
.logo{ position: relative; width: auto; display: inline-block; left: 2%;/* top: 40px;z-index: 999; left: 2%; top: 40px; box-shadow: rgba(0, 0, 0, 0.03) 1.95px 1.95px 2.6px; border-radius: 0 0 20px 0;*/}     
/*body:before{ position:fixed; left: 0; top: 0; height: 40px; width: 100%; content: ""; background: #ffffff; z-index: 999;box-shadow: rgba(0, 0, 0, 0.03) 1.95px 1.95px 2.6px;}
body:after{position: fixed; left: 0; top: 0; height: 180px; width: 2%; content: ""; background: #ffffff;z-index: 999;}     
header:before{position: fixed; right: 0; top: 0; height: 180px; width: 2%; content: ""; background: #ffffff;z-index: 999;}
header:after {position: fixed; right: 2%; top: 39px; background: url(../images/corner.svg) no-repeat; content: ""; z-index: 9; width: 20px; height: 20px; background-size: 100%; rotate: 90deg;}  
.logo a:after { position: absolute; right: -19px; top: 0; background: url(../images/corner.svg) no-repeat; content: ""; z-index: 9; width: 20px; height: 20px; background-size: 100%;}
.logo a:before { position: absolute; left: -1px; bottom: -19px; background: url(../images/corner.svg) no-repeat; content: ""; z-index: 9; width: 20px; height: 20px; background-size: 100%;}*/
 }
/* NAV
========================================================================*/
.navigation{width: 100%; height: 100vh; min-height: 700px; background: #ffffff; opacity: 0; padding: 40px; box-sizing: border-box; position: fixed; top: -101%; right: 0; z-index:998; pointer-events:none; transition: 0.5s;}
.navigation.active{top: 0; z-index:998;pointer-events:auto; opacity: 1;}
.navigation .navigationInner{ display: flex; justify-content: space-between; height: 100%; padding: 100px 0 0 0;}
.navigation .leftMenu{ width: 78%; margin-right: 2%;display: flex; align-items: center; background: #fcfafa url(../images/menuBg.webp) no-repeat right top;background-size: auto 100%; padding: 30px 40px; border-radius: 20px;     position: relative;}
.navigation .leftMenu > ul{ position: inherit; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.navigation .leftMenu > ul > li > ul{ display:none;}
.navigation .leftMenu > ul > li > ul{ }
.navigation .leftMenu > ul > li{ position: relative;}
.navigation .leftMenu > ul > li > a,.navigation .leftMenu > ul > li > .nav-header { font-size: 46px; line-height: 50px; font-family: 'Sora-Bold'; color: #111111; text-transform: uppercase;padding: 10px 0; display: block; transition: 0.5s;cursor: pointer;}
.navigation .leftMenu > ul > li > a:hover, .navigation .leftMenu > ul > li > .nav-header:hover, .navigation .leftMenu > ul > li > .nav-header.currentahow{color: #3f70b2;}
.navigation .leftMenu > ul > li.active > a, .navigation .leftMenu > ul > li.active > .nav-header{ color: #3f70b2;}
.navigation .leftMenu > ul > li.active > .currentahow{color: #3f70b2;}
.navigation .rightMenu{ width: 20%;display: flex; align-items: center;}
.navigation .rightMenu ul{ position: relative; height: 100%; display: flex; flex-wrap:wrap; flex-direction: column; justify-content: space-between;}
.navigation .rightMenu ul li{ height: 31%;}
.navigation .rightMenu ul li a{ display: block; background: #ededed; padding:25px 25px 10px 25px; border-radius: 15px; height: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: end; transition: 0.5s;}
.navigation .rightMenu ul li a:hover, .navigation .rightMenu ul li.active a{ background: #e1e1e1;}
.navigation .rightMenu ul li .centerLogo{ position: relative;}
.navigation .rightMenu ul li .centerLogo img{ width: 90%;}
.navigation .rightMenu ul li .knowMore{ position: relative; text-align: right; margin-top: 30px;width: 35px; border-radius: 50%; overflow: hidden;}
.navigation .rightMenu ul li .knowMore img{ width: 35px;}
 
.navigation .rightMenu ul li .knowMorebtn{ margin-top: 20px;}
.navigation .rightMenu ul li .knowMorebtn span{ width: 40px; height: 40px; overflow: hidden; text-indent: -1000px; display: block; position:relative; border-radius: 50px; position: relative;}
.navigation .rightMenu ul li .knowMorebtn span::before, .navigation .rightMenu ul li .knowMorebtn span::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.2s linear; }
.navigation .rightMenu ul li .knowMorebtn span::before { background-image: url("../images/knowmore.svg"); transform: translateX(0); z-index: 2;}
.navigation .rightMenu ul li .knowMorebtn span::after { background-image: url("../images/knowmorehr.svg"); transform: translateX(-100%); z-index: 1;}
.navigation .rightMenu ul li a:hover .knowMorebtn span::before, .navigation .rightMenu ul li.active a .knowMorebtn span::before { transform: translateX(100%);}
.navigation .rightMenu ul li a:hover .knowMorebtn span::after, .navigation .rightMenu ul li.active a .knowMorebtn span::after { transform: translateX(0);}
 
.navigation .leftMenu > ul > li > ul { display: none; margin-top:10px;}
.navigation .leftMenu > ul > li > ul.show{ display:block;}
.navigation .leftMenu > ul > li > ul > li{ margin-bottom:20px;}
.navigation .leftMenu > ul > li > ul > li > a{ font-size: 48px; line-height: 50px; padding: 10px 15px; color:#ffffff;} 
.navigation .leftMenu > ul > li > ul > li > a:hover{ color: #3f70b2;}  
.navigation .leftMenu > ul > li > ul > li.active > a{ color: #3f70b2;}   
.navigation .leftMenu > ul > li > ul > li > a { font-size: 22px; line-height: 24px; padding: 0; font-family: 'Sora-Light'; color: #111111; display: block; transition: 0.5s;}
.navigation .leftMenu > ul > li > ul > li > a img{ width:17px; margin-right: 5px;}
/* BANNER
========================================================================*/
.bannerWrap{ width: 96%; margin: 116px auto 0 auto; overflow: hidden; position: relative;}
.bannerWrap.margintopzero{ margin-top: 0;}
.bannerWrap.ciagBanner{ background: #4a4b98; border-radius: 20px 20px 0 0;}
.bannerWrap.clpgBanner{ background: #275c7a; border-radius: 20px 20px 0 0;}
.bannerWrap.csissBanner{ background: #d46940; border-radius: 20px 20px 0 0;}
.bannerWrap.ciagBanner .banner, .bannerWrap.clpgBanner .banner, .bannerWrap.csissBanner .banner{ border-radius: 0 0 20px 20px; overflow: hidden;}
.banner{ position: relative;}
.banner img{ width: 100%;}
.banner img.desktopBanner{ display: block;}
.banner img.mobileBanner{ display: none;}
.bannerInfo{ position: absolute; left: 3.5%; width: 50%; bottom: 100px;color: #ffffff;}
.bannerInfo.publicationsdeatilsInfo{ bottom: 70px;}
.bannerInfo h2{ color: #ffffff;font-size: 50px; line-height: 54px; text-transform: uppercase;}
.bannerInfo .bannerBtn{ margin-top: 60px;}
.bannerInfo .bannerBtn a{ border-radius: 40px; padding: 10px 20px;transition: 0.5s;}
.bannerInfo .bannerBtn a.researchBtn{ background: #3f70b2; color: #ffffff; margin-right: 15px;}
.bannerInfo .bannerBtn a.publicationsBtn{background: #ffffff; color: #111111;}
.bannerInfo .bannerBtn a:hover{ background: #111111; color: #ffffff; transition: 0.5s;}
.bannerArticle{ position: absolute; right: 4%; top: 50%; transform: translateY(-50%); width: 300px;}
.bannerArticle .barticleBox{ background: rgba(0,0,0,0.7); padding: 20px 20px 60px 20px; margin-bottom: 20px; position: relative;}
.bannerArticle .barticleBox h3{font-family: 'Sora-Light'; font-size: 18px; color: #ffffff;}
.bannerArticle .barticleBox .knowMore{ position: absolute; right: 20px; bottom: 20px;}
.bannerArticle .heading{color:#ffffff; margin:0;}
.bannerArticle .articlesHead{ color:#ffffff; margin:0 0 20px 20px;}
.bannerArticle .articlesHead p{margin:0;}
/* CONTAINER
========================================================================*/
.borderrds10{border-radius: 10px;}
.borderrds12{border-radius: 12px;}
.borderrds15{border-radius: 15px;}
.borderrds20{border-radius: 20px;}
.container { }
.containerWrap { }
.sectionWrap{ padding:80px 0;}
 @media only screen and (max-width: 959px) {
.sectionWrap { padding: 60px 0;}
}
.heroSection{ margin-bottom: 40px;}
.heroSection .heroSectioninner{}
.heroSection .heroSectioninner h2{}
.knowMore{}
.knowMore a{/* background: url("../images/knowmore.svg") no-repeat center;*/ width: 40px; height: 40px; overflow: hidden; text-indent: -1000px; display: block; position:relative; border-radius: 50px;}
.knowMore a::before, .knowMore a::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.2s linear;}
.knowMore a::before { background-image: url("../images/knowmore.svg"); transform: translateX(0); z-index: 2;}
.knowMore a::after { background-image: url("../images/knowmorehr.svg"); transform: translateX(-100%); z-index: 1;}
.knowMore a:hover::before { transform: translateX(100%);}
.knowMore a:hover::after { transform: translateX(0);}

.policydomainsWrap{ position: relative;}
.policydomainsWrap.sectionWrap.homepolicydomainWrap{ padding-bottom: 0;}
.policydomainsWrap .policydomainsGroup{ position: relative; /*display: flex; justify-content: space-between;*/}
.policydomainsWrap .policydomainsGroup .policydomainsBox{ /*width: 19%;*/ background: #f2f2f2; overflow: hidden;}
.policydomainsWrap .policydomainsGroup .slick-slide{ margin-right: 1%;}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyIcon{ text-align: right; margin: -12px -12px 0 0; }
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyIcon img{ width: 110px}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo{ padding: 30px 30px 90px 30px;}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo .highlight{font-family: 'Sora-SemiBold';}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo h3{}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo{}
.policydomainsWrap .policydomainsGroup .policydomainsBox .policyInfo .knowMore{  position: absolute; bottom: 30px;}
.policydomainsWrap .policydomainsGroup .slick-track { display: flex !important;}
.policydomainsWrap .policydomainsGroup .slick-slide {  height: auto !important; display: flex !important;}
.boardirectorsWrap.sectionWrap.homeboardirectorsWrap{ margin-top:80px;}
.boardirectorsWrap.sectionWrap.homeboardirectorsWrap .moreBtn, .boardirectorsWrap .moreBtn{ text-align:center;margin-top: 50px;}
.boardirectorsWrap.sectionWrap.homeboardirectorsWrap .moreBtn a, .boardirectorsWrap .moreBtn a { background: transparent; color: #1a1a1a; padding: 10px 40px; border-radius: 50px; display: inline-block; border: 1px solid #1a1a1a; transition: 0.5s;}
.boardirectorsWrap.sectionWrap.homeboardirectorsWrap .moreBtn a:hover, .boardirectorsWrap .moreBtn a:hover {background: #1a1a1a; color: #ffffff;}

.ourcentresWrap.sectionWrap{ margin-top: 80px;}
.ourcentresWrap{ position: relative; background: #f2f2f2; padding: 60px 0 60px 40px;}
.ourcentresWrap .ourcentresSlider{ margin-top: 90px;}
.ourcentresWrap .ourcentresSlider .slick-track{ display:flex;}
.ourcentresWrap .ourcentresSlider .slick-track .slick-slide{ float:none; height: auto;}
.ourcentresWrap .ourcentresBox{ width: 96%; display: flex; background: #e6e7fc; overflow: hidden; height: 100%; }
.ourcentresWrap .ourcentresBox.caigBox{ background: #e6e7fc;}
.ourcentresWrap .ourcentresBox.clpgBox{ background: #d0ebf5;}
.ourcentresWrap .ourcentresBox.csissBox{ background: #ffcdba;}
.ourcentresWrap .ourcentresBox.caigBox .ourcentresLogo{ background: #4a4b98;}
.ourcentresWrap .ourcentresBox.clpgBox .ourcentresLogo{ background: #005d7e;}
.ourcentresWrap .ourcentresBox.csissBox .ourcentresLogo{ background: #d46940;}
.ourcentresWrap .ourcentresBox .ourcentresLogo{ width: 45%; display: flex; justify-content: center;}
.ourcentresWrap .ourcentresBox .ourcentresLogo img{ width: 80%;}
.ourcentresWrap .ourcentresBox .ourcentresInfo{ width: 55%; padding:80px 50px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo h3{ font-size: 28px; line-height: 30px; margin-bottom: 20px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo h4{ margin-top: 30px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo ul{ margin-left: 18px; margin-bottom: 20px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo ul li{ list-style: disc;}
.ourcentresWrap .ourcentresBox .ourcentresInfo .exploreBtn{ margin-top: 40px;}
.ourcentresWrap .ourcentresBox .ourcentresInfo .exploreBtn a{ border-radius: 40px; padding: 10px 20px; color: #111111; border: 1px solid #111111; transition: 0.5s;}
.ourcentresWrap .ourcentresBox .ourcentresInfo .exploreBtn a:hover{ background: #111111; color: #ffffff; transition: 0.5s;}
.ourcentresWrap .slick-arrow{ width: 50px; height: 50px; background: none; overflow: hidden; text-indent: -1000px; border: none; position: absolute; top: 50%; z-index:9; }
.ourcentresWrap .slick-arrow.slick-disabled{ opacity:0.5; cursor: default;}
.ourcentresWrap .slick-prev.slick-arrow{ background: url("../images/left-btn.svg") no-repeat center; background-size:100%; left: -20px;}
.ourcentresWrap .slick-next.slick-arrow{ background: url("../images/right-btn.svg") no-repeat center; background-size:100%; right: -20px;}
.publicationsWrap{}
.publicationsWrap .publicationsList{}
.publicationsWrap .publicationsList .publicationsBox{border: 1px solid #f0f0f0; position: relative; overflow: hidden; font-size: 16px;}
.publicationsWrap .publicationsList .publicationsBox .background{ opacity: 0; width: 100%; position: absolute; left: 0; top: 0;transition: 0.8s;}

.publicationsWrap .publicationsList .publicationsBox a{ padding: 40px;  display: flex; color: #111111;transition: 0.8s; position: relative; z-index: 9;}
.publicationsWrap .publicationsBox .publicationsleft{ width: 40%; display: flex; align-items: center; padding: 0; transition: 0.8s;}
.publicationsWrap .publicationsBox .publicationsleft .readmore{ position: absolute; left: 0; top: 50%; margin-top: -20px; opacity: 0; transition: 0.8s;}
.publicationsWrap .publicationsBox .publicationsleft .readmore img{ width: 40px;}
.publicationsWrap .publicationsBox .publicationsleft h3{ margin: 0;transition: 0.8s;}
 @media only screen and (min-width: 960px) {
.publicationsWrap .publicationsList .publicationsBox:hover a{color: #ffffff;transition: 0.8s;}
.publicationsWrap .publicationsBox:hover .publicationsleft{padding: 0 0 0 50px; transition: 0.8s;}
.publicationsWrap .publicationsBox:hover .publicationsleft .readmore{ opacity: 1;left: 30px; transition: 0.8s;}
.publicationsWrap .publicationsList .publicationsBox:hover .background{ opacity: 1;transition: 0.8s;}
.publicationsWrap .publicationsBox:hover .publicationsleft h3{color: #ffffff;transition: 0.8s;}
}
.publicationsWrap .publicationsBox .publicationsright{ width: 60%;} 
.publicationsWrap .publicationsBox .publicationsright .knowmore{ display:none}
.aboutnfprcWrap{ position: relative; padding: 60px 0;}
.aboutnfprcWrap .aboutnfprcInner{ display: flex; align-items: center;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcLeft{ width: 55%; margin-right: 5%;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcLeft .aboutlogo{ display: none;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox{ display: flex; margin-top: 40px;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn{ margin-right: 20px;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn a{ color: #ffffff; display: block; background: #3f70b2; padding: 13px 30px; border-radius: 50px; text-transform: uppercase; font-size: 16px;transition: 0.2s linear;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn a img{ width: 35px; margin-left: 15px; transition: 0.2s linear;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn a:hover{ background: #111111; color: #ffffff; padding: 13px 15px 13px 30px; transition: 0.2s linear;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcBtnBox .aboutnfprcBtn a:hover img{ margin-left: 30px; transition: 0.2s linear;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcRight{ width: 40%; text-align: center;}
.aboutnfprcWrap .aboutnfprcInner .aboutnfprcRight img{ width: 100%; max-width: 400px;}

.policyinsightsWrap{ background: #f2f2f2; padding: 60px 40px;}
.policyinsightsWrap .policyinsightsInner{ display: flex; justify-content: space-between;}
.policyinsightsWrap .policyinsightsBox{ width: 31%; position: relative; overflow: hidden; padding:40px 30px; background: #ffffff; transition: 0.8s;}
.policyinsightsWrap .policyinsightsBox a{display: flex; flex-direction: column; min-height: 450px; justify-content: space-between;}
.policyinsightsWrap .policyinsightsBox h2{ color:#3f70b2; transition: 0.8s;}
.policyinsightsWrap .policyinsightsBox .policyinsightsInfo{ opacity: 1; transition: 0.8s; color: #111111;}
.policyinsightsWrap .policyinsightsBox .policyinsightsInfo h3{}
.policyinsightsWrap .policyinsightsBox .policyinsightsInfo .moreBtn{ margin-top: 30px; background: #1a1a1a; color: #ffffff; padding: 10px 40px; border-radius: 50px; display: inline-block;}
.policyinsightsWrap .policyinsightsBox .overImg{ position: absolute; left: 0; width: 100%; bottom:-50px; opacity: 0; transition: 0.8s; z-index: -1;}
.policyinsightsWrap .policyinsightsBox .overImg img{ width: 100%;}
 @media only screen and (min-width: 960px) {
.policyinsightsWrap .policyinsightsBox:hover{ background: #3f70b2; transition: 0.8s;}
.policyinsightsWrap .policyinsightsBox:hover .policyinsightsInfo{ opacity: 0; transition: 0.8s;}
.policyinsightsWrap .policyinsightsBox:hover h2{ color: #ffffff; transition: 0.8s;}
.policyinsightsWrap .policyinsightsBox:hover .overImg{ bottom:0; opacity: 1; transition: 0.8s; z-index: 9;}
}
/* Join Us */
.opportunitiesWrap{ position: relative; background: #f2f2f2; padding: 60px 40px;}
.opportunitiesWrap .opportunitiesGroup{ display: flex; margin-top: 40px; justify-content: space-between;}
.opportunitiesWrap .opportunitiesBox{ width: 49%; background: #ffffff; padding: 30px; border-radius: 20px; transition: 0.5s;}
.opportunitiesWrap .opportunitiesBox:hover{ background: #4a4b98; color: #ffffff;}
.opportunitiesWrap .opportunitiesBox h3{transition: 0.5s;}
.opportunitiesWrap .opportunitiesBox h4{ margin-top: 20px;transition: 0.5s;}
.opportunitiesWrap .opportunitiesBox:hover h3,.opportunitiesWrap .opportunitiesBox:hover h4 { color: #ffffff; }
.opportunitiesWrap .opportunitiesBox ul{}
.opportunitiesWrap .opportunitiesBox ul li{padding-left: 15px; background: url("../images/bullet.png") no-repeat left top 10px; transition: 0.5s;}
.opportunitiesWrap .opportunitiesBox:hover ul li{ background: url("../images/bullet-w.png") no-repeat left top 10px;}
.opportunitiesWrap .opportunitiesBox .applyBtn{ margin-top: 30px;}
.opportunitiesWrap .opportunitiesBox .applyBtn a{ background: #4a4b98; color: #ffffff; padding: 10px 30px; border-radius: 40px; transition: 0.5s;}
.opportunitiesWrap .opportunitiesBox:hover .applyBtn a{ background: #ffffff; color: #4a4b98;}
.opportunitiesWrap .opportunitiesBox .applyBtn a:hover{ background: #000000; color: #ffffff;}
.aboutWrap.paddingtopzero{ padding-top: 0;}
.whyworkWrap{ position: relative; background: #f2f2f2; padding: 60px 40px; margin-bottom:80px;}
.whyworkWrap .whyworkGroup{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.whyworkWrap .whyworkBox{ padding: 30px; background: #ffffff; border-radius: 20px; width: 23%;}
.whyworkWrap .whyworkBox h3{}
.institutionalWrap{ background: url("../images/institutionalBg.webp") no-repeat center/cover; text-align: center; padding: 100px 0; margin-bottom: 80px;}
.institutionalWrap .institutionalInner{ width: 70%; margin: 0 auto; color: #ffffff;}
.institutionalWrap .institutionalInner h2{color: #ffffff;}
.institutionalWrap .applyBtn{ margin-top: 50px;}
.institutionalWrap .applyBtn a{ background: #ffffff; color: #3f70b2; transition: 0.5s; padding: 10px 30px; border-radius: 40px; transition: 0.5s; }
.institutionalWrap .applyBtn a:hover{background: #000000; color: #ffffff;}

/* FOOTER
========================================================================*/
footer { background: #102235; padding: 80px 0 0 0; color: #ffffff;}
footer a{color: #ffffff;transition: 0.5s;}
footer a:hover{color: #3f70b2; transition: 0.5s;}
.footerWrap {  display: flex; justify-content: space-between;} 
.footerWrap .footerBox.addressBox{width: 40%; }
.footerWrap .footerBox.articlelinksWrap{width: 45%; }
.footerWrap .footerBox.quicklinkBox{width: 20%; min-width: 230px;}
.footerWrap .addressBox .footerLogo{ margin-bottom: 10px;}
.footerWrap .addressBox .footerLogo img{ width: 200px;}
.footerWrap .addressBox .address{ margin-bottom: 20px;}
.footerWrap .addressBox ul{    margin-top: 16px;}
.footerWrap .addressBox ul li{ margin-bottom: 10px;}
.footerWrap .addressBox ul li a{}
.footerWrap .addressBox ul li img{ width: 25px; margin-right: 5px;}
.footerWrap .addressBox ul li span{}
.footerWrap .articlelinksWrap .articleBox{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #666666}
.footerWrap .articlelinksWrap .articleBox.lastBox{ border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.footerWrap .articlelinksWrap .articleBox a{ display: flex; align-items: center;}
.footerWrap .articlelinksWrap .articleBox .articleImg{ width: 25%; margin-right: 5%; overflow: hidden;}
.footerWrap .articlelinksWrap .articleBox .articleImg img{ width: 100%;}
.footerWrap .articlelinksWrap .articleBox .articleInfo{ width: 70%;} 
.footerWrap .quicklinkBox h3{ color: #ffffff; margin-bottom: 30px;}
.footerWrap .quicklinkBox ul{}
.footerWrap .quicklinkBox ul li{ margin-bottom: 10px;}
.footerWrap .quicklinkBox ul li a{ display: block;}
.footerWrap .quicklinkBox ul li a:hover{}

.copyRightWrap { background: #3f70b2; padding: 20px 0; margin-top: 60px;}
.copyRightWrap .copyRightInner{ display: flex; justify-content: space-between;color: #ffffff;}
.copyRightWrap .socialLinks{}
.copyRightWrap .socialLinks ul{ display: flex;}
.copyRightWrap .socialLinks ul li{}
.copyRightWrap .socialLinks ul li a{ color: #ffffff; padding-right: 15px; margin-right: 15px; border-right:1px solid #ffffff; transition: 0.5s;} 
.copyRightWrap .socialLinks ul li a:hover{color: #102235; transition: 0.5s;}
.copyRightWrap .socialLinks ul li:last-child a{ padding-right: 0; margin-right: 0; border-right:none;} 
.copyRightWrap .copyRightInner .copyRight{}
.copyRightWrap .copyRightInner .copyRight a{color: #ffffff; transition: 0.5s;}
.copyRightWrap .copyRightInner .copyRight a:hover{color: #102235; transition: 0.5s;}

/* Inner Page*/
.submenu{background: #4a4b98; border-radius: 0 0 20px 20px; position: relative; top: 0; z-index: 997;}
.submenu ul{ display: flex; justify-content: center; padding: 27px 0;}
.submenu ul li{ width: 15%; margin: 0 10px; font-family: 'Sora-Regular';}
.submenu ul li a{ display: block; padding: 12px 0; border:1px solid #ffffff; border-radius: 40px; text-align: center; color: #ffffff; transition: 0.5s;}
.submenu ul li a:hover{ color: #000000; background: #ffffff;}

/* our centres */
.ourcentrespageWrap{ margin:80px 0;}
.ourcentrespageWrap .ourcentresBox{ margin-bottom: 40px;}
.ourcentrespageWrap .ourcentresBox.marginzero{ margin-bottom: 0;}
.ciagaboutWrap{ position: relative; padding: 60px 0; scroll-margin-top: 110px;}
.ciagaboutWrap .ciagaboutInner{ display: flex; }
.ciagaboutWrap .ciagaboutInner .ciagaboutLeft{ width: 50%; margin-right: 10%;}
.ciagaboutWrap .ciagaboutInner .ciagaboutLeft h2{ color: #4a4b98;}
.ciagaboutWrap .ciagaboutInner .highlight{ font-family: 'Sora-SemiBold'; font-size: 16px;}
.ciagaboutWrap .ciagaboutInner .ciagaboutRight{ width: 40%;}
.ciagaboutWrap .ciagaboutInner .ciagaboutRight .ciagaboutImg{ background:#4a4b98; padding: 120px 50px; text-align: center; border-radius: 20px; }
.ciagaboutWrap .ciagaboutInner .ciagaboutRight img{ width: 90%;}
.caigobjectivesWrap{ position: relative; background: #f2f2f2; padding: 60px 40px 30px 40px; border-radius: 20px; margin-bottom: 80px; scroll-margin-top: 110px;}
.caigobjectivesWrap .caigobjectivesHero{ width: 70%;}
.caigobjectivesWrap .objectivesList{ display: flex; flex-wrap: wrap;justify-content: space-between; margin-top:30px;}
.caigobjectivesWrap .objectivesBox{ width: 32%; padding: 30px; border-radius: 20px; background: #ffffff; margin-bottom: 30px; transition: 0.8s; position: relative; overflow: hidden;}
.caigobjectivesWrap.clpgsection .objectivesBox{ }
.caigobjectivesWrap.csisssection .objectivesBox{ }
.caigobjectivesWrap .objectivesBox:hover{/*background:#4a4b98;*/ color: #ffffff;}
.caigobjectivesWrap .objectivesBox h3{color: #111111; transition: 0.8s;}
.caigobjectivesWrap .objectivesBox:hover h3{color: #ffffff;}
.caigobjectivesWrap .objectivesBox .objectivesIcon{ text-align: right; margin-bottom: 10px;}
.caigobjectivesWrap .objectivesBox .objectivesIcon img{ width: 80px;} 
.caigobjectivesWrap .objectivesBox:after {content: ""; position: absolute; top:64px; right: 64px; width:10px; height:10px; border-radius: 100%; background: #4a4b98; transform: scale3d(1, 1, 1); transform-style: preserve-3d; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; z-index: -1;}
.caigobjectivesWrap .objectivesBox:hover:after { transform: scale3d(150, 150, 1); will-change: transform;}

.ciag-publicationsWrap{ position: relative; padding:0 40px; scroll-margin-top: 170px;}
.ciag-publicationsWrap .ciag-publicationsHero{ width: 70%;}
.ciag-publicationsWrap .ciag-publicationsList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px;}
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsLeft{ width: 48.5%;}
.ciag-publicationsWrap .ciag-publicationsBox{}
.ciag-publicationsWrap .ciag-publicationsBox .ciag-publicationsImg{ overflow: hidden; border-radius: 20px; margin-bottom: 15px;}
.ciag-publicationsWrap .ciag-publicationsBox .ciag-publicationsImg img{ width: 100%;}
.ciag-publicationsWrap .ciag-publicationsBox .ciag-publicationsInfo{}
.ciag-publicationsWrap .ciag-publicationsBox .ciag-publicationsInfo h3{}
.ciag-publicationsWrap .ciag-publicationsBox .viewmore{ margin-top: 30px;}
.ciag-publicationsWrap .ciag-publicationsBox .viewmore a{ display: inline-block; background: #4a4b98; border-radius: 40px; padding: 10px 30px; color: #ffffff; transition: 0.5s;}
.ciag-publicationsWrap .ciag-publicationsBox .viewmore a:hover{background: #111111; color: #ffffff; }
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsRight{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 48.5%;}
.ciag-publicationsWrap .ciag-publicationsList .ciag-publicationsRight .ciag-publicationsBox{ width: 48%; margin-bottom: 40px;}

.caig-portfolioWrap{ position: relative; background: #f2f2f2; padding: 60px 0 80px 40px; border-radius: 20px; margin: 80px 0; scroll-margin-top: 110px;}
.caig-portfolioWrap .caig-portfolioHero{ width: 70%;}
.caig-portfolioWrap h2{}
.caig-portfolioWrap .caig-portfolioList{ margin-top: 30px;}
.caig-portfolioWrap .slick-track{ display: flex;}
.caig-portfolioWrap .slick-slide{ position: relative; height:auto; float: none;}
.caig-portfolioWrap .caig-portfolioBox{ background: #ffffff; padding: 30px; border-radius: 20px; width: 92%; position: relative; height: 100%; transition: 0.5s;}
.caig-portfolioWrap .caig-portfolioBox:hover{background:#4a4b98; color: #ffffff;}
.caig-portfolioWrap .caig-portfolioBox h3{ margin-bottom: 20px; transition: 0.5s;}
.caig-portfolioWrap .caig-portfolioBox:hover h3{color: #ffffff;}
.caig-portfolioWrap .caig-portfolioBox ul{ }
.caig-portfolioWrap .caig-portfolioBox ul li{ margin-bottom: 10px; padding-left: 15px; background: url("../images/bullet.png") no-repeat left top 10px; transition: 0.5s;color:#222;}
.caig-portfolioWrap .caig-portfolioBox:hover ul li{ background: url("../images/bullet-w.png") no-repeat left top 10px; color:#ffffff;}
.caig-portfolioWrap .caig-portfolioBox ul li:last-child{ margin-bottom: 0;}
.caig-portfolioWrap .caig-portfolioBox .viewmore{ position: absolute; bottom: 30px; left: 30px;}
.caig-portfolioWrap .caig-portfolioBox .viewmore a{ background: #4a4b98; border-radius: 40px; padding: 10px 30px; color: #ffffff; transition: 0.5s;}
.caig-portfolioWrap .caig-portfolioBox:hover .viewmore a{ background: #ffffff; color: #000000; }
.caig-portfolioWrap .caig-portfolioBox .viewmore a:hover{background: #111111; color: #ffffff; }
.caig-portfolioWrap .slick-arrow{ width: 50px; height: 50px; background: none; overflow: hidden; text-indent: -1000px; border: none; position: absolute; top: -70px; }
.caig-portfolioWrap .slick-arrow.slick-disabled{ opacity:0.5; cursor: default;}
.caig-portfolioWrap .slick-prev.slick-arrow{ background: url("../images/left-btn.svg") no-repeat center; background-size:100%; right: 80px;}
.caig-portfolioWrap .slick-next.slick-arrow{ background: url("../images/right-btn.svg") no-repeat center; background-size:100%; right: 20px;}
.caigobjectivesWrap.clpgsection .objectivesBox:after { background: #275c7a;}
.ciag-publicationsWrap.clpgsection .ciag-publicationsBox .viewmore a{ background: #275c7a;}
.ciag-publicationsWrap.clpgsection .ciag-publicationsBox .viewmore a:hover{background: #111111; }
.caig-portfolioWrap.clpgsection .caig-portfolioBox:hover{background:#275c7a;}
.caig-portfolioWrap.clpgsection .caig-portfolioBox .viewmore a{ background: #275c7a;}
.caig-portfolioWrap.clpgsection .caig-portfolioBox:hover .viewmore a{ background: #ffffff;}
.caig-portfolioWrap.clpgsection .caig-portfolioBox .viewmore a:hover{background: #111111;}
.caigobjectivesWrap.csisssection .objectivesBox:after { background: #d46940;}
.ciag-publicationsWrap.csisssection .ciag-publicationsBox .viewmore a{ background: #d46940;}
.ciag-publicationsWrap.csisssection .ciag-publicationsBox .viewmore a:hover{background: #111111; }
.caig-portfolioWrap.csisssection .caig-portfolioBox:hover{background:#d46940;}
.caig-portfolioWrap.csisssection .caig-portfolioBox .viewmore a{ background: #d46940;}
.caig-portfolioWrap.csisssection .caig-portfolioBox:hover .viewmore a{ background: #ffffff;}
.caig-portfolioWrap.csisssection .caig-portfolioBox .viewmore a:hover{background: #111111;}
.policytrackersWrap{ padding-bottom: 80px; position: relative;}
.policytrackersWrap .policytrackersGroup{ display: flex; margin-top: 40px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox{ background: #f2f2f2; padding: 30px 30px 100px 30px; border-radius: 20px; position: relative; margin: 0 1%;width:32%;}
.policytrackersGroup.twoCol .policytrackersBox{ width:49%;}
.policytrackersWrap .policytrackersGroup .policytrackersBox .highlight{font-family: 'Sora-Regular'; font-size: 18px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox h3{}
.policytrackersWrap .policytrackersGroup .policytrackersBox .viewmore{  position: absolute; bottom: 30px; left: 30px;}
.policytrackersWrap .policytrackersGroup .policytrackersBox a{background: #4a4b98; border-radius: 40px; padding: 10px 30px; color: #ffffff; transition: 0.5s;}
.policytrackersWrap.clpgpolicytrackers .policytrackersGroup a{background: #275c7a;}
.policytrackersWrap .policytrackersGroup .policytrackersBox a:hover{background: #111111; color: #ffffff; }
/* Policy Track */
.trackersWrap{ padding: 40px; position: relative; background: #f2f2f2; border-radius: 20px; margin: 80px 0 0 0;}
.trackersWrap.marginbottom{margin-bottom: 80px;}  
.trackersWrap .trackersGroup{ display: flex; flex-wrap:wrap;  margin: 0  -1%;}
.trackersWrap .trackersGroup.caigtrackersGroup .trackersBox{ background: #e6e7fc;}
.trackersWrap .trackersGroup.clpgtrackersGroup .trackersBox{ background: #d0ebf5;}
.trackersWrap .trackersGroup .trackersBox{ background: #ffffff; padding: 30px 30px 100px 30px; border-radius: 20px; position: relative; margin: 15px 1%;width:31.3%;}
.trackersGroup.twoCol .trackersBox{ width:49%;}
.trackersWrap .trackersGroup .trackersBox .highlight{font-family: 'Sora-Regular'; font-size: 18px; line-height: 22px;}
.trackersWrap .trackersGroup .trackersBox h3{}
.trackersWrap .trackersGroup .trackersBox .viewmore{  position: absolute; bottom: 30px; left: 30px;}
.trackersWrap .trackersGroup .trackersBox a{background: #4a4b98; border-radius: 40px; padding: 10px 30px; color: #ffffff; transition: 0.5s;}
.trackersWrap .trackersGroup.clpgtrackersGroup .trackersBox a{ background: #275c7a;}
.trackersWrap.clpgpolicytrackers .trackersGroup a{background: #275c7a;}
.trackersWrap .trackersGroup .trackersBox a:hover{background: #111111; color: #ffffff; }

/* Publication */
.publicationsboutWrap{ position: relative; padding: 80px 0;}
.publicationsboutWrap .publicationsboutInner{position: relative;}
.publicationsboutWrap .publicationsboutInner h2{}
.publicationsboutWrap .publicationsboutInner h3{}

.publicationslistWrap{ position: relative; padding-bottom: 80px;}
.publicationslistWrap .publicationsfilter1{ margin-bottom: 40px;}
.publicationslistWrap .publicationsfilter1 ul{ display: flex;justify-content: center;}
.publicationslistWrap .publicationsfilter1 ul li{ background: #ffffff; color: #000000; padding: 10px 25px; border-radius: 40px; border:1px solid #999999; margin: 0 10px; transition: 0.5s; cursor: pointer;}
.publicationslistWrap .publicationsfilter1 ul li:hover, .publicationslistWrap .publicationsfilter1 ul li.active{ background:#ea861e; color: #ffffff;}
.publicationslistWrap .publicationslistinner{ /*display: flex;*/}
.publicationslistWrap .publicationfilterWrap{width: 25%; margin-right: 3%; float:left;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox{ padding: 30px; border-radius: 20px;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox.centreBox{ margin-bottom: 20px; background: #e1efff;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox.publicationtypeBox{background: #fff2e3;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox h3{}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox ul{ margin-top: 20px;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox ul li{ margin-bottom: 10px; transition: 0.5s; padding-left: 25px; background: url("../images/filterlistBg.svg") no-repeat left center; background-size: 16px; cursor: pointer;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox.centreBox ul li.active{ background: url("../images/filterlistactive1Bg.svg") no-repeat left center; background-size: 16px;}
.publicationslistWrap .publicationfilterWrap .publicationfilterBox.publicationtypeBox ul li.active{ background: url("../images/filterlistactive2Bg.svg") no-repeat left center; background-size: 16px;}
.publicationslistWrap .publicationlistGroup{ width: 72%; display: flex; flex-wrap: wrap; margin: 0 -1%;float:left;}
.publicationslistWrap .publicationlistGroup .publicationBox{ width: 31%; margin:0 1% 20px 1%; background: #f4f4f4; border-radius: 20px; overflow: hidden;display: flex; flex-direction: column;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg{ position: relative;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg img{ width: 100%;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg .publicationTag1{ position: absolute; left: 15px; top: 15px;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg .publicationTag1 span{ background: #3f70b2; border-radius: 20px; padding: 5px 8px; color: #ffffff; font-size: 10px;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg .publicationTag2{ position: absolute; right: 15px; bottom: 15px;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg .publicationTag2 span{background: #ffffff; border-radius: 20px; padding: 5px 8px; color: #000000; margin-left: 5px; font-size: 10px;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationImg img{ width: 100%;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo{ padding: 20px 20px 80px 20px; position: relative; flex: 1;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo h3{ min-height: 48px;font-size: 18px; line-height: 22px; font-family: 'Sora-Regular';}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo .publicationDate{}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo .viewmorebtn{ position: absolute; left: 20px; bottom: 20px;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo .viewmorebtn a{ background: #111111; color: #ffffff; padding: 8px 30px; border-radius: 40px; transition: 0.5s; display: inline-block;}
.publicationslistWrap .publicationlistGroup .publicationBox .publicationInfo .viewmorebtn a:hover{background:#ea861e; color: #ffffff;}

.mobileFilterSelect{ display:none;}

.publicationdetailsWrap{ margin-top:120px;}
.pubdetailsWrap{ position: relative; background: #f2f2f2; padding: 60px 40px; margin-top:80px; display: flex;}
.pubdetailsWrap .pubdetailsImg{ width:40%;}
.pubdetailsWrap .pubdetailsImg img{ width:100%;}
.pubdetailsWrap .pubdetailsContent{width:100%;}
.pubdetailsContent .pubdetailsTag{ display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ffffff;}
.pubdetailsContent .pubdetailsTag .pubdetailsLeft{ width: 40%;}
.pubdetailsContent .pubdetailsTag .pubdetailsLeft span{ background: #3f70b2; color: #ffffff; border-radius: 40px; font-size: 13px; line-height: 18px; padding: 5px 10px;}
.pubdetailsContent .pubdetailsTag .pubdetailsRight{width: 60%; text-align: right;}
.pubdetailsContent .pubdetailsTag .pubdetailsRight span{background: #ffffff; color: #111111; border-radius: 40px; font-size: 13px; line-height: 18px; padding: 5px 10px; margin-left: 10px;}
.pubdetailsContent .pubdetailsHeading{ font-size: 20px;}
.pubdetailsContent .pubdetailsHeading h2{ margin-bottom: 0;}
.pubdetailsContent .pubdetailsHeading p{}
.pubdetailsContent .pubdetailstimeList { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 15px 0; margin: 20px 0;}
.pubdetailsContent .pubdetailstimeList ul{ display: flex;}
.pubdetailsContent .pubdetailstimeList ul li{ flex: 1;}
.pubdetailsContent .pubdetailstimeList ul li img{ width: 40px;}
.pubdetailsContent .pubdetailstimeList ul li span{font-size: 16px; margin-left: 10px;}
.pubdetailsContent .contributorsList{background: #ffffff; padding: 30px; border-radius: 20px;}
.pubdetailsContent .contributorsList h3{font-size: 34px; line-height: 38px; color: #3f70b2; font-family: 'Sora-ExtraBold';}
.pubdetailsContent .contributorsList .contributorsGroup{display: flex;  margin-top:20px; flex-wrap: wrap;}
.pubdetailsContent .contributorsList .contributorsBox{ width: 18%; margin: 0 1%;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsImg{ border-radius: 15px; overflow: hidden;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsImg img{ width: 100%;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo{ margin-top: 10px;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo .name{ font-family: 'Sora-SemiBold'; font-size: 18px;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo .designation{}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo ul{ display: flex;margin-top: 10px;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo ul li{ margin-right: 10px;}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo ul li a{}
.pubdetailsContent .contributorsList .contributorsBox .contributorsInfo ul li a img{ width: 27px;}
.pubdetailsContent .downloadBtn{ margin-top: 30px;}
.pubdetailsContent .downloadBtn a{background: #3f70b2; color: #ffffff; border-radius: 40px; padding: 10px 25px; display: inline-block;transition: 0.5s;}
.pubdetailsContent .downloadBtn a img{ height: 18px; margin-right: 12px;}
.pubdetailsContent .downloadBtn a:hover{background: #111111;}

.executiveWrap{ padding: 80px 0; position: relative;}
.executiveWrap .executiveInner{ display: flex;}
.executiveWrap .executiveLeft{ width: 100%; margin-right: 0;}
.executiveWrap .executiveLeft .executiveBox{ margin-bottom: 40px;}
.executiveWrap .executiveLeft .executiveBox.executiveTop{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e1efff;}
.executiveWrap .executiveLeft ul{}
.executiveWrap .executiveLeft ul li{ background: url("../images/bullet.png") no-repeat left top 10px; padding-left: 15px; margin-bottom: 15px;}
.executiveWrap .executiveLeft ul li h4{}
.executiveWrap .executiveRight{ width: 30%; display: none;}
.executiveWrap .executiveRight .executiveRightinner{ border-radius: 20px; background: #e1efff; padding: 30px;}
.executiveWrap .executiveRight h3{ color: #3f70b2; border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px;}
.executiveWrap .executiveRight ul{}
.executiveWrap .executiveRight ul li{border-bottom: 1px solid #ffffff; padding-bottom: 12px; margin-bottom: 12px; display: flex;}
.executiveWrap .executiveRight ul li .reportsImg{ width: 50px;}
.executiveWrap .executiveRight ul li .reportsImg img{ width: 100%;}
.executiveWrap .executiveRight ul li .reportsInfo{ padding-left: 15px;}
.executiveWrap .executiveRight ul li .reportsInfo h5{}
.executiveWrap .executiveRight ul li .reportsInfo .date{}
.executiveWrap .executiveRight .viewreportsBtn{ margin-top:30px; text-align: center;}
.executiveWrap .executiveRight .viewreportsBtn a{ background: none; border:1px solid #3f70b2; padding: 10px 20px; border-radius: 40px; color: #3f70b2; transition: 0.5s; display: inline-block;}
.executiveWrap .executiveRight .viewreportsBtn a:hover{ background: #3f70b2; color: #ffffff; }
.executiveWrap .executiveLeft .downloadreportBox{background: #f2f2f2; padding: 40px 40px; border-radius:20px;}
.executiveWrap .executiveLeft .downloadreportBox h3{}
.executiveWrap .executiveLeft .downloadreportBox .downloadBtn{ margin-top:30px;}
.executiveWrap .executiveLeft .downloadreportBox .downloadBtn a{background: #3f70b2; color: #ffffff; padding: 10px 20px; border-radius: 40px; transition: 0.5s; display: inline-block;}
.executiveWrap .executiveLeft .downloadreportBox .downloadBtn a:hover{background: #111111;}

/* About Us*/
.aboutWrap{ position: relative; padding: 80px 0;}
.aboutWrap .aboutInner{position: relative;}
.policySlider.aboutFootprints { }
.policySlider.aboutFootprints .policydomainsBox .policyInfo{ padding: 30px;}

.aboutdirectionWrap { position: relative; background: #f2f2f2; padding: 60px 40px;}
.visionmissionWrap{ display: flex; justify-content: space-between; margin-top: 40px;}
.visionmissionWrap .visionmissionBox{ width: 49%; background: #3f70b2; border-radius: 20px; padding: 40px;}
.visionmissionWrap .visionmissionIcon{ text-align: right;}
.visionmissionWrap .visionmissionIcon img{ width: 90px;}
.visionmissionWrap .visionmissionInfo{ color: #ffffff;}
.visionmissionWrap .visionmissionInfo h3{color: #ffffff;}

.researchWrap{ position: relative;}
.researchWrap .researchInner{position: relative;}
.researchWrap .researchGroup{position: relative; margin-top: 40px;}
.researchWrap .researchGroup .slick-track { display: flex !important;}
.researchWrap .researchGroup .slick-slide { height: auto !important; display: flex !important;} 
.researchWrap .researchBox{ width: 94%; background: #f2f2f2; border-radius: 20px; overflow: hidden;}
.researchWrap .researchBox .researchImg{border-radius: 20px; overflow: hidden;}
.researchWrap .researchBox .researchImg img{ width: 100%;}
.researchWrap .researchBox .researchInfo{ padding: 30px;}
.researchWrap .researchBox .researchInfo h3{}

.boardirectorsWrap{ position: relative; background: #f2f2f2; padding: 60px 40px; margin-bottom: 80px;}
.boardirectorsWrap .boardirectorsSlider{position: relative; margin-top: 40px;}
.boardirectorsWrap .boardirectorsSlider .boardirectorsBox{ width: 94%;}
.boardirectorsWrap .boardirectorsBox .boardirectorsImg{ border-radius:20px; overflow: hidden;}
.boardirectorsWrap .boardirectorsBox .boardirectorsImg img{ width: 100%;}
.boardirectorsWrap .boardirectorsBox .boardirectorsInfo{ margin-top: 15px;}
.boardirectorsWrap .boardirectorsBox .boardirectorsInfo h3{ margin-bottom: 5px;}
.boardirectorsWrap .boardirectorsBox .designation{}

/* Policy Domains */
.domainsWrap{ position: relative; padding: 80px 0;}
.domainsWrap .domainsInner{ position: relative;}
.domainsWrap .domainsGroups{ display: flex; flex-direction: column;}
.domainsWrap .domainsGroups .domainsBox{ margin-bottom: 30px; background: #f2f2f2; border-radius: 20px; position: relative;}
.domainsWrap .domainsGroups .domainsBox.marginbottom{ margin-bottom: 0;}
.domainsWrap .domainsBox .domainsIcon{ text-align: right; margin: -12px -12px 0 0;}
.domainsWrap .domainsBox .domainsIcon img{ width: 120px;}
.domainsWrap .domainsBox .domainsInfo{ padding: 0 40px 40px 40px;}
.domainsWrap .domainsBox .domainsInfo h4{ border-top:1px solid #d1d1d1; padding-top: 20px; margin-top: 20px;}
.domainsWrap .domainsBox .domainsInfo ul{ padding-left: 10px;}
.domainsWrap .domainsBox .domainsInfo ul li{ padding-left: 15px; background: url("../images/bullet.png") no-repeat left top 10px;}

/* Contact Us */
.contactWrap{ position: relative; padding: 80px 0;}
.contactWrap .contactInner{ display: flex; flex-wrap: wrap;}
.contactWrap h3{}
.contactWrap .contactLeft{ width: 40%; margin-right: 3%; padding: 30px; border-radius:20px; background: #f2f2f2;}
.contactWrap .contactBox{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #dddddd;} 
.contactWrap .contactBox a{ color: #111111;}
.contactWrap .contactBox ul{}
.contactWrap .contactBox ul li{}
.contactWrap .contactRight{ width: 57%; padding: 30px; border-radius:20px; background: #f2f2f2;}
.contactWrap .contactRight h3{}
.contactWrap .wehelpBox{padding-top: 30px; margin-top: 30px; border-top: 1px solid #dddddd;}
.contactWrap .wehelpBox h4{}
.contactformWrap{ position: relative; padding-bottom: 80px;}
.contactformWrap .contactformInner{ width: 90%; margin: 0 auto;}
.contactformWrap .contactformInner .heroSection{ text-align: center;}
.contactformWrap .contactformBox{}
.contactformWrap .contactformBox .inputBox{ width: 98%; margin: 0 1% 30px 1%;}
.contactformWrap .contactformBox .inputBox.width50{width: 48%; float: left;}
.contactformWrap .contactformBox .inputBox input{ width: 100%; padding: 15px 15px; border-radius: 15px; border:1px solid #e5e5e5;font-family: 'Sora-Light';}
.contactformWrap .contactformBox .inputBox select{width: 100%; padding: 15px 15px; border-radius: 15px; border:1px solid #e5e5e5;font-family: 'Sora-Light';}
.contactformWrap .contactformBox .inputBox textarea{width: 100%; padding: 15px 15px; border-radius: 15px; border:1px solid #e5e5e5;font-family: 'Sora-Light';}
.contactformWrap .contactformBox .inputSubmit{ text-align: center; margin-top: 30px;}
.contactformWrap .contactformBox .inputSubmit input{ background: #4a4b98; color: #ffffff; padding: 15px 30px; text-transform: uppercase; border-radius: 15px; border:none;font-family: 'Sora-Regular'; transition: 0.5s;}
.contactformWrap .contactformBox .inputSubmit input:hover{background: #000000;}
.contactformWrap .contactformBox .inputBox .formError { color: #c30606; font-weight: normal; font-size: 14px; position: absolute; left: 10px; bottom: -25px;}

.boardirectorsWrap.managmentteamWrap.margintop{ margin-top:80px;}
.boardirectorsWrap.managmentteamWrap .boardirectorsGroup{ display: flex; flex-wrap: wrap; margin: 0 -1%;}
.boardirectorsWrap.managmentteamWrap .boardirectorsGroup .boardirectorsBox{ width: 18%; margin: 0 1% 15px 1%;}
.managmentteamWrap .margintop{ margin-top:40px; }
/* HEADINGS
========================================================================*/
.caigbgColor{ background: #4a4b98 !important;}
.caigColor{ color: #4a4b98 !important;}
.clpgbgColor{ background: #275c7a !important;}
.clpgColor{ color: #275c7a !important;}
.csissbgColor{ background: #d46940 !important;}
.csissColor{ color: #d46940 !important;}
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 26px; line-height: 27px; }
h2 { font-size: 40px; line-height: 42px; color: #3f70b2; margin-bottom: 25px; font-family: 'Sora-ExtraBold'; }
h3 { font-size: 22px; line-height: 25px; color: #111111; margin-bottom: 10px; font-family: 'Sora-SemiBold';}
h4 { font-size: 18px; line-height: 19px; color: #111111; margin-bottom: 10px; font-family: 'Sora-SemiBold'; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
label { }
input, textarea, select { font-size: 15px; border: 1px solid #dadada; padding: 12px; margin: 0; }
input:focus, textarea:focus { border-color: #c1c1c1; }

/* Slick Slider
========================================================================*/
.slick-track,.slick-list { user-select: text !important;}
.slick-slider{position:relative; display:block; -moz-box-sizing:border-box;  box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; 	user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before, .slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;} 
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden {display:none;}

 

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

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

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

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

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

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

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

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




