*{margin: 0;padding: 0;box-sizing: border-box;list-style-type: none;text-decoration: none;}
.clear{clear: both;}
img{display: block;max-width: 100%;height: auto;}
li{list-style: none;}
a{text-decoration: none;display: block;cursor: pointer;}

html{font-size: 62.5%;font-family: 'Poppins', sans-serif;-webkit-text-size-adjust:none;overflow-x: hidden;}
body{overflow-x: hidden;}

/* navbar */
.hidden {
    opacity: 0;
  }
.navbar{background: #fff;position: fixed;left: 0;right: 0;top: 0;transition: .2s ease-in-out all;z-index: 9;z-index: 999;box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);height: auto;}
.navbar .inner-contain{display: flex;align-items: center;justify-content: space-between;padding: 10px 0px;}
.nav-container{max-width: 1680px;width: 90%;margin: 0 auto;}
.navbar .navlist{display: flex;column-gap: 37px;align-items: center;}
.navbar .navlist .nav-item{color: #678CEF;font-size: 18px;line-height: 1.35;transition: ease-in-out .3s all;}
.navbar .navlist .nav-item.active{color: #3A57A5;}
.navbar .navlist .nav-item:hover{border-bottom: 1px solid #57341E;}
/* .navbar .navlist .nav-item:first-child:hover{border: none;} */
.navbar .brochure{background: #3A57A5;border:solid 1px transparent;color:#fff;font-size: 20px;line-height: 1.35;display: flex;column-gap: 6.4px;align-items: center;border-radius: .8rem;padding: 9px 17px;transition: ease-in-out .2s all;}
.navbar .navlist .brochure:hover{background: #A2C4EE;border: solid 1px #222A67;}
/* .navbar .brand-logo{padding: 2rem 0px;} */
.menu-btn{display: none;}

/* sec-banner */
#sec-banner{background: url('../img/jis-banner1.webp');background-size: cover;background-repeat: no-repeat;background-position: center;height: 100vh;}
#sec-banner .container{max-width: 111.4rem;margin-left: 28.3rem;width: 90%;}
#sec-banner .banner-text{transform: translateY(85%);}
#sec-banner .banner-text h1{color: #fff;font-size: 7rem;font-weight: 500;line-height: 1.14;}
#sec-banner .banner-text p{color: #fff;font-size: 2.5rem;font-weight: 400;line-height: 1.32;margin-top: 18px;}
#sec-banner .banner-text a{background: #fff;width: max-content;padding: 9px 3.1rem;text-align: center;border-radius: 11px;color: #3A57A5;line-height: 1.33;font-size: 3rem;font-weight: 600;margin-top: 32px;transition: .2s ease-in-out;}
/* #sec-banner .banner-text a:hover{box-shadow: 0px 0px 50px 13px #ff00d9;} */
#sec-banner .banner-text a:hover{    background-color: #3A57A5;    color: #fff;outline: 2px solid #fff;}


/* sec-discover */
#sec-discover{margin-top: 6.4rem;}
#sec-discover .container{max-width: 1526px;/* margin-left: 27.8rem; */width: 90%;margin: 0 auto;}
#sec-discover .discover-box{display: flex;justify-content: space-between;align-items: center;}
#sec-discover .discover-box .leftbox{width: 55.25%;}
#sec-discover .discover-box .rightbox{width: 42.8%;}
#sec-discover .discover-box .leftbox h3{color: #3A57A5;font-size: 5rem;font-weight: 400;line-height: 1.32;}
#sec-discover .discover-box .leftbox h3 span{font-weight: 500 ;}
#sec-discover .discover-box .leftbox p{color: #000;font-size: 2.5rem;font-weight: 300;line-height: 1.32;margin-top: 20px;}
#sec-discover .discover-box .leftbox button{margin-top: 25px;transition: .2s ease-in-out all;border: solid 3px transparent;color: #fff;font-size: 2.5rem;background: #A2C4EE;cursor: pointer;font-weight: 600;line-height: 1.32;padding: 12px 3.5rem;width: max-content;text-align: center;border-radius: 11px;}
#sec-discover .discover-box .leftbox button:hover{background: transparent;border: solid 3px #A2C4EE;color: #A2C4EE;}
#sec-discover .discover-box .leftbox #read-more-content{display: none;}

/* sec-why */
#sec-why{margin-top: 6rem;}
#sec-why .container{max-width: 1425px;margin: 0 auto;width: 90%;}
#sec-why h3{font-size: 5rem;text-align: center;color: #3A57A5;font-weight: 300;line-height: 1.34;}
#sec-why h3 span{font-weight: 500;}
#sec-why .sec-why-grid{display: grid;grid-template-columns: 30.7% 38% 29.3%;place-items: center;margin-top: 6.5rem;}
#sec-why .sec-why-grid .content-box{display: flex;flex-direction: column;align-items: center;padding: 0px 28px;border-right: solid 1px #A2C4EE;}
#sec-why .sec-why-grid .content-box:first-child{padding-left: 0px;}
#sec-why .sec-why-grid .content-box:last-child{padding-right: 0px;border-right: none;}
#sec-why .sec-why-grid .content-box p{color:#678CEF ;font-size: 3.2rem;line-height: 1.56;font-weight: 400;text-align: center;margin-top: 22px;}

/* sec-core */
#sec-core{margin-top: 6.8rem;}
#sec-core .core-values{position: relative;top: -20rem;text-align:center;max-width: 1224px;width: 90%;margin: 0 auto;background: #3A57A5;border-radius: 64px;padding: 7.6rem 13.6rem 14.2rem 13.6rem;}
#sec-core .core-values h3{color: #fff;font-size: 5rem;line-height: 1.34;font-weight: 400;}
#sec-core .core-values p{color: #fff;font-size: 2.5rem;line-height: 1.52;font-weight: 300;margin-top: 24px;}
#sec-core .vision-box{position: relative;}
#sec-core .vision-box .vision-text{margin-left: 59.5rem;max-width: 104.7rem;width: 90%;}
/* #sec-core .vision-box:after{content: "";position: absolute;background: url('../img/vision.webp');background-size: contain;left: 0;top: 0;width: 100%;height: auto;} */
#sec-core .vision-box .vision-img{position: absolute;top: 10px;left: 0;width: 76vw;}
#sec-core .vision-box .vision-text h3{color:#3A57A5;font-size: 4rem;font-weight: 400;line-height: 1.32;}
#sec-core .vision-box .vision-text p{color:#678CEF;font-size: 2.5rem;font-weight: 300;line-height: 1.32;letter-spacing: 0;margin-top: 23px;}

#sec-core .mission-box{position: relative;margin-top: 58px;}
#sec-core .mission-box .mission-img{position: absolute;top: 0px;right: 27.8rem;width: 51vw;}
#sec-core .mission-box .mission-text{max-width: 112.4rem;width: 90%;float: right;margin-right: 57.1rem;}
#sec-core .mission-box .mission-text h3{color:#3A57A5;font-size: 4rem;font-weight: 400;line-height: 1.32;text-align: right;}
#sec-core .mission-box .mission-text p{color:#678CEF;font-size: 2.5rem;font-weight: 300;line-height: 1.32;letter-spacing: 0;text-align: right;margin-top: 4px;}

/* sec-featured */
#sec-featured{margin: 12.2rem 0rem;}
#sec-featured #featured-text{text-align: center;font-size: 5rem;color: #3A57A5;line-height: 1.52;font-weight: 300;}
#sec-featured #featured-text span{font-weight: 500;}
#sec-featured .project-box{display: flex;column-gap: 56px;align-items: center;max-width: 1334px;width: 90%;margin: 7rem auto 0rem;}
#sec-featured .project-box .leftbox{width: 51.13%;}
#sec-featured .project-box .rightbox{width: 40%;}
#sec-featured .project-box .rightbox .rbox-text h4{color: #678CEF;font-size: 4rem;font-weight: 400;line-height: 1.32;margin-top: 37px;}
#sec-featured .project-box .rightbox .rbox-text a{transition: .2s ease-in-out all;border: solid 3px transparent;background: #3A57A5;width: max-content;display: block;cursor: pointer;margin-top: 10px;color: #fff;padding: 11px 29px;border-radius: 17px;font-size: 3.2rem;font-weight: 400;line-height: 1.56;}
#sec-featured .project-box .rightbox .rbox-text a:hover{background: transparent;border: solid 3px #3A57A5;color: #3A57A5;}
/* sec-about */
#sec-about{background: url('../img/about-bg.webp');background-position: center;background-size: cover;padding: 14.6rem 0rem 17.2rem;}
#sec-about .container{max-width: 1780px;width: 90%;margin: 0 auto;}
#sec-about .about-box{display: flex;justify-content: space-between;}
#sec-about .about-box .leftbox{width: 31%;}
#sec-about .about-box .rightbox{width: 54%;position: relative;}
#sec-about .about-box .rightbox h3{color: #fff;font-size:5rem;line-height: normal;font-weight: 500;}
#sec-about .about-box .rightbox h3 span{font-weight: 300;}
#sec-about .about-box .rightbox p{color: #fff;font-size: 2.5rem;font-weight: 400;line-height: 1.52;margin-top: 27px;}
#sec-about .about-box .rightbox p:after{content: "";position: absolute;bottom: -37px;left: 0;width: 60px;height: 3px;background: #A2C4EE;}

/* sec-today */
#sec-today{padding: 60px 0px 83px;}
#sec-today .container{max-width:136.3rem;width: 90%;margin: 0 auto;}
#sec-today h4{font-size: 3.8rem;color: #3A57A5;font-weight: 300;line-height: 1.6;text-align: center;}
#sec-today h4 span{font-weight: 500;}
#sec-today .today-grid{max-width:115rem;width: 90%;margin: 34px auto 0px;display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 34.7px;}
#sec-today .today-grid .content-box{text-align: center;border-radius: 23px;padding: 43px 0px 55px;}
#sec-today .today-grid .content-box:nth-child(odd){background: #678CEF;}
#sec-today .today-grid .content-box:nth-child(even){background: #E4E4E5;}
#sec-today .today-grid .content-box h2{font-size: 9rem;line-height:1.46;font-weight: 700;}
#sec-today .today-grid .content-box p{font-size: 3rem;line-height:1.2;font-weight: 300;color: #FFFFFF;}
#sec-today h4:nth-of-type(2){margin-top: 20px;}
#sec-today .today-grid .content-box:nth-child(odd) h2{color: #fff;}
#sec-today .today-grid .content-box:nth-child(even) h2{color: #678CEF;}
#sec-today .today-grid .content-box:nth-child(even) p{color: #678CEF;}

#sec-today .objective h3{font-size: 5rem;font-weight: 300;color: #3A57A5;line-height: normal;text-align: center;margin-top: 6rem;}
#sec-today .objective h3 span{font-weight: 500;}
#sec-today .objective p{position: relative;font-size: 2.5rem;font-weight: 300;color: #000;line-height: 1.52;text-align: center;margin-top: 6rem;}
#sec-today .objective p:after{content:"";position: absolute;background: #A2C4EE;height: 3px;width: 60px;left: 50%;bottom: -15px;    transform: translateX(-50%);}

/* sec-industry */
#sec-industry{background: #F8F8F8;padding: 6rem 0rem 20rem;}
#sec-industry .container{max-width:136.4rem;width: 90%;margin: 0 auto;}
#sec-industry h3{color: #3A57A5;font-size: 5rem;line-height: 1.52;font-weight: 300;text-align: center;}
#sec-industry h3 span{font-weight: 500;}
#sec-industry .industry-slider{margin-top: 6rem;}
#sec-industry .industry-slider .slick-track{column-gap: 32px !important;display: flex;}
#sec-industry .industry-slider .slick-arrow{cursor: pointer;top: 50%;position: absolute;height: 30px;width: 30px;background: none;border: navajowhite;color: transparent;border-top: solid 8px #707070;border-right: solid 8px #707070;transform: rotate(45deg) translateY(-50%);border-radius: 5px;}
#sec-industry .industry-slider .slick-disabled{opacity: .45;}
#sec-industry .industry-slider .slick-next{right: -3%;}
#sec-industry .industry-slider .slick-prev{left: -3%;transform: rotate(225deg);}
#sec-industry .industry-slider .slider-child{padding: 5.8rem 5rem 8rem;height: auto;text-align: center;display: flex;flex-direction: column;align-items: center;border-radius: 51px;}
#sec-industry .industry-slider .slider-child h4{font-size: 3rem;font-weight: 600;line-height: 1.26;margin-top: 20px;flex: 1;}
#sec-industry .industry-slider .slider-child p{flex: 1;font-size: 2.2rem;font-weight: 300;line-height: 2.27;font-style: italic;margin-top: 2.7rem;}
#sec-industry .industry-slider .slider-child:nth-child(odd){background: #3A57A5;}
#sec-industry .industry-slider .slider-child:nth-child(odd) h4,#sec-industry .industry-slider .slider-child:nth-child(odd) p{color: #fff;}
#sec-industry .industry-slider .slider-child:nth-child(even){background: #E4E4E5;}
#sec-industry .industry-slider .slider-child:nth-child(even) h4,#sec-industry .industry-slider .slider-child:nth-child(even) p{color: #3A57A5;}

/* sec-foot */
#sec-foot{background: #3A57A5;padding: 6.2rem 0rem 4.4rem;}
#sec-foot .container{max-width: 1360px;width: 90%;margin: 0 auto;}
#sec-foot .foot-box{display: flex;justify-content: space-between; align-items: center;}
#sec-foot .foot-box .foot-left{width: 60.75%;display: flex;justify-content: space-between;}
#sec-foot .foot-box .foot-left .partners .bottom{display: flex;justify-content: center;margin-top: 21px;column-gap:32px}
#sec-foot .foot-box .foot-left .partners .bottom .bottom-img{position: relative;}
#sec-foot .foot-box .foot-left .partners .bottom .jis:after{position: absolute;content: "";width: 1px;background: #fff;height: 48px;right: -20px;top: 2px;}
#sec-foot .foot-box .foot-left .links{display: flex;column-gap:12rem;}
#sec-foot .foot-box .foot-left .links .link-head h4{color: #fff;font-size: 20px;font-weight: 500;line-height: 1.5;}
#sec-foot .foot-box .foot-left .links .link-box,#sec-foot .foot-box .connect-box{margin-top: 12px;}
#sec-foot .foot-box .foot-left .links .link-box ul li{margin-top: 8px;}
#sec-foot .foot-box .foot-left .links .link-box ul li:first-child{margin-top: 0px;}
#sec-foot .foot-box .foot-left .links .link-box a{color: #fff;font-size: 12px;font-weight: 400;line-height: 1.5;}
#sec-foot .foot-box .foot-right{width: 28%;}
#sec-foot .foot-box .foot-right .connect-box h4{color: #fff;font-size: 20px;font-weight: 500;line-height: 1.5;}
#sec-foot .foot-box .foot-right .connect-box p{color: #fff;font-size: 12px;font-weight: 400;line-height: 1.6;}
#sec-foot .foot-box .foot-right .contact-box{margin-top: 24px;}
#sec-foot .foot-box .foot-right .contact-box .contact{display: grid;grid-template-columns: auto 1fr;column-gap: 11px;}
#sec-foot .foot-box .foot-right .contact-box .contact:last-child{margin-top: 6px;}
#sec-foot .foot-box .foot-right .contact-box .contact a{color: #fff;font-size: 12px;font-weight: 400;line-height: 1.5;}
#sec-foot .foot-box .foot-right .follow-box{display: grid;grid-template-columns: max-content max-content max-content;margin-top: 26px;align-items: center;}
#sec-foot .foot-box .foot-right .follow-box p{color: #fff;font-size: 12px;font-weight: 400;line-height: 1.5;}
#sec-foot .foot-box .foot-right .follow-box .fb-img{margin-left: 4.6px;}
#sec-foot .foot-box .foot-right .follow-box .insta-img{margin-left: 6.3px;}

/* popup */
.overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 999;display: none;}

.register-form{background-color: #3A57A5;width: 421px;padding: 4rem 0 4.5rem 0;position: fixed;top: 50%;transform: translateY(-50%);left: 0;right: 0;z-index: 9999;margin: 0 auto;display: none;border-radius: 1rem;}
.register-form .section-form{padding: 2.5rem 0;padding: 3.2rem 5.9rem 2rem 6.3rem;text-align: center;}
.register-form .heading05{font-size: 20px;line-height: 1.3; font-weight: 600;color: #fff;text-align: center;}
.register-form .section-form .input-box input{font-family:'Montserrat', sans-serif;;width: 100%;border: none; background: transparent;padding:10px 5px 10px 5px; border-bottom: 1px solid #FFFFFF;margin-bottom: 3rem;font-size: 20px;line-height: 24px;color: #fff;}
.register-form .section-form .input-box input::placeholder{color: #fff;}
.register-form .section-form .theme-btn{font-size: 20px;line-height: 24px;font-weight: 400;border: none;background: #ECB659;padding: 7px 2.9rem;border-radius: 1.1rem;color: #fff;margin: 10px 0;}
.register-form .img-row{display: flex;align-items: center;justify-content: center;padding: 0 51px;}
.register-form .img-row .img-box{text-align: center;margin: 0 20px;}
.register-form .img-row .img-box img{margin: 0 auto;}
.register-form .img-row .img-box p{font-size: 13px;font-weight: 600;line-height: 16px;margin-top: 5px;color: #fff;}
.register-form .close-btn{width: 29px;height: 29px;position: absolute;top: -15px;right: -15px;cursor: pointer;background-color: transparent;border: none;}
.register-form .popup-btn{cursor: pointer;}
.register-form input:focus{outline: none;}

.enquire-popup-checkbox {display: flex; align-items: flex-start; gap: 6px;}
.enquire-popup-checkbox input {margin-top: 3px;}
.enquire-popup-checkbox span {display: block; text-align: left; color: #FFFFFF; font-size: 13px;}
.enquire-popup-checkbox a {display: inline; color: #FFFFFF; text-decoration: underline;}

/* privacy-policy-page */
.privacy-policy-section .container {max-width: 1526px; width: 90%;  margin: 0 auto;}
.privacy-policy-page {margin-top: 150px; margin-bottom: 40px;}
.privacy-policy-section h1 {font-size: 70px; text-align: center; margin-bottom: 20px; color: #3a57a5;}
.privacy-policy-section li {font-size: 20px; line-height: 2; width: 75%; margin: 0 auto; text-align: justify; border-radius: 20px; list-style: square;}


.thankyou-wrapper{
  width: 50%;
  margin: 0 auto;
  padding: 8% 0;
  text-align: center;

}
.thankyou-wrapper h1{font-size: 9rem;color: #222A67;}
.thankyou-wrapper p{font-size: 2.5rem;}
.thankyou-wrapper a{font-size: 2rem;text-decoration: none;
  background: #222A67;
  border: solid 1px transparent;
  color: #fff;
  font-size: 20px;
  line-height: 1.35;
  border-radius: 0.8rem;
  padding: 9px 17px;
  width: max-content;
  margin: 0 auto;
  margin-top: 2rem;
}

.country{font-size: 1.8rem;}
.country-select{width: 100%;}
.country-select .flag.in{
  margin: 6px !important;
}

.country-select.inside .selected-flag{    padding-left: 0;}
/* .flag-dropdown{b} */
/* .mobile-no{display: grid;grid-template-columns: 40px auto;gap: 18px;} */