@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import "font.css";
:root {
    --font1:"Neutrif Studio";
    --font2:'Hanken Grotesk', sans-serif;
}
* { margin: 0; font-family: var(--font1); }
html,
body { overflow-x: hidden; }
header { position: fixed; width: 100%; height: 104px; margin: 0 0 0 -1px; z-index: 106; }
.navbar.navbar-expand-sm { position: absolute; width: 100%; height: 62.5%; top: 0; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 98; }
.navbar-brand { position: absolute; width: 7.75%; height: 100%; top: 0; left: 6.14%; z-index: 106; padding: 0; }
.navbar-brand img { max-width: 100%; }
header nav li.nav-item.extra {display: none;}
.sidebar {height: 100%;width: 0;position: fixed;z-index: 9999;top: 0;right: 0;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.sidebar a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 23px;color: #fff;display: block;transition: 0.3s;}
.sidebar a:hover {color: #5eb3fd;}
.sidebar .closebtn { position: absolute; top: 0; right: 25px; font-size: 35px; margin-left: 50px; }
.sidebar ul { padding: 0; list-style: none; }
#slider .carousel-caption {left: 6%;bottom: 40px;z-index: 2;}
.carousel-item:after { content: ''; background: linear-gradient(177deg, rgba(0, 0, 0, 0.00) 29.23%, rgba(0, 0, 0, 0.55) 97.33%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
#slider video{width: 100%;height: auto;}
#slider .carousel-caption h3 { display: flex; align-items: flex-start; justify-content: flex-start; position: relative; color: #ffffff; font-size: 150px; font-weight: 500; line-height: 146px; text-align: left; text-overflow: initial; z-index: 4; }
header nav a.nav-link { color: #fff; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; }
header nav a.nav-link:hover {color: #5eb3fd;}
header nav .dropdown-toggle::after {display: none;}
.navbar-expand-sm .navbar-nav .dropdown-menu {right: 0px;left: auto;}
.navbar-expand-sm .navbar-nav { gap: 30px; }
header nav li a span { color: #ffffff; font-size: 18px; font-weight: 500; line-height: 21.946px; text-align: left; white-space: nowrap; display: inline-block; position: relative; top: 4px; left: 3px; width: 45px; background: url(../images/angal-down-white.png); background-repeat: no-repeat; background-position: center right; background-size: 13px; }
header nav li a {display: block;text-decoration: none;cursor: pointer;}
header nav li { display: flex; align-items: center; justify-content: center; }
.carousel-indicators [data-bs-target] { width: 18px; max-height: 18px; height: 0px; border-radius: 100%; aspect-ratio: 1/1; background: #606060; }
.carousel-indicators .active { background: #b0ebe7; }
.about-us .text-box h2 { color: #272727; font-size: 30px; font-style: normal; font-weight: 400; line-height: 40px; }
.btn-custom {background: #b0ebe7;border-radius: 40px;color: #014088;font-size: 17px;font-style: normal;font-weight: 500;line-height: 32px;margin: 10px 0;padding: 8px 24px;position: relative;transition: all 0.5s;}
.btn-custom:hover {transform: scale(0.9);}
.btn-custom svg { position: relative; right: -6px; top: 1px; }
.btn-custom:hover { background: #67ebe2; }
#myPopup .modal-body {padding: 0;}
#myPopup .modal-content {padding: 0;}
#myPopup .modal-dialog.modal-lg {top: 50px;}
.video-container { position: relative; }
.video-container video { width: 100%; height: 100%; border-radius: 4px; }
.play-button-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: auto; pointer-events: none; }
.play-button-wrapper #circle-play-b { cursor: pointer; pointer-events: auto; }
.play-button-wrapper #circle-play-b img { width: 62px; height: 62px; fill: #fff; stroke: #fff; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.9; }
.about-us {padding: 40px 0;}
section.quality img { padding: 15px; background: #fff; border-radius: 25px; margin: 0 auto; display: block; width: 55%; }
.count-box h3 { margin: 20px 0; font-size: 60px; font-weight: 700; line-height: 46px; text-align: center; white-space: nowrap; background: linear-gradient(166.83deg, #014088, #b0cbeb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.count-box { text-align: center; }
.count-box p { color: #272727; font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; white-space: nowrap; margin: 0; }
.count-box h3:after { content: '+'; }
.count-box a { text-decoration: none; }

.global-presence h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.global-presence p { width: 426px; height: 40px; flex-shrink: 0; color: #535353; text-align: center;font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; margin: 10px auto; }

.our-service { background: #1f43a1; min-height: 650px; padding: 50px 0; padding-left: 6%; }
.our-service h3 { color: #fff; font-size: 50px; font-style: normal; font-weight: 400; line-height: 54px; }
.our-service p { color: #e8e8e8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 2.5rem; }
.our-service .item-box { border-radius: 10px; background: #2c51b0; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 40px 80px; min-height: 340px; width: 100%; }
.our-service .item-box img { width: auto; height: 150px; object-fit: unset; }

.swiper-slide { background: transparent !important; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.swiper-button-next:hover,
.swiper-button-prev:hover{transform: scale(1.1);}
.swiper-button-prev:after,
.swiper-button-next:after { display: none; }
.swiper-button-next.swiper-button-disabled { background: url(../images/arrow-right.png); }
.swiper-button-prev.swiper-button-disabled { background: url(../images/arrow-left.png); }
.swiper-button-prev { background: url(../images/arrow-left-active.png); }
.swiper-button-next { background: url(../images/arrow-right-active.png); }
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-prev,
.swiper-button-next { background-repeat: no-repeat; background-position: center; background-size: cover; width: 66px; opacity: 1;transition:all 0.5s}

.serviceSwiper.button-bottom .swiper-button-prev {left: calc(50% - 120px);bottom: 0px;top: auto;}
.serviceSwiper.button-bottom .swiper-button-next {left: calc(50% + -40px);bottom: 0px;top: auto;}

.serviceSwiper.button-bottom,
.certificationSwiper.button-bottom{ padding-bottom: 75px; }
.patentsSwiper.button-top{padding-top: 60px;}
.patentsSwiper.button-top .swiper-button-prev {right: calc(9% + 0px);top: 23px;bottom:auto;left:auto;}
.patentsSwiper.button-top .swiper-button-next {right: calc(9% - 80px);top: 23px;bottom: auto;left: auto;}
.patents-box { position: relative; top: 70px; }

.certifications { padding: 60px 0; }
.certificationSwiper.button-bottom .swiper-button-prev { left: calc(43%); bottom: 0px; top: auto; }
.certificationSwiper.button-bottom .swiper-button-next { right: calc(43%); bottom: 0px; top: auto; }
.certifications h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.certifications p { color: #535353; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; }

.share {padding: 40px 0;}
.share .share-img img { max-width: 100%; }
.share h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.share p { color: #535353; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; }

.modal-content .btn-close { position: absolute; right: 10px; top: 10px; z-index: 5; }
.modal-content { padding-top: 15px; }
.item-box a {cursor: pointer;}

footer { width: 100%; background: #f1f9f9; padding:20px 0; }
footer p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
footer img { margin-bottom: 20px; }
footer h4 { color: #272727;font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; }
footer ul { padding: 0; list-style: none; margin: 0; display: flex; flex-direction: column; gap: 8px; }
footer ul li a { color: #272727;font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; text-decoration: none; }
footer address{margin-bottom: 0;}
address span { display: block; color: #1F43A1;font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; margin: 8px 0; }
address a { color: #272727;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; text-decoration: none; }
footer ul li a img { margin: 0; }
footer ul li a:hover {color: #1f43a1;}
ul.number { padding: 0; list-style: none; }
ul.number li { color: #1F43A1;font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; }
ul.social { padding: 0; list-style: none; display: flex; gap: 30px; flex-direction: revert; margin-top: 20px; }
.footer-botton { background: #1f43a1; color: #fff;}
.footer-botton ul { padding: 0; list-style: none; display: flex; align-items: center; gap: 40px; margin: 0; height:40px; }
.footer-botton ul li a { display: block; text-decoration: none; color: #fff; }
.footer-botton p { margin: 0; line-height:40px; text-align: right; }



/*--- About Us -----*/
.mission-box { border-radius: 10px; background: #1F43A1; padding: 60px 55px 20px; }
.mission-box-div { margin-bottom: 25px; border-bottom: 1px solid #D7D7D7; padding-bottom: 25px; }
.mission-box .mission-box-div:last-child { border-bottom: none; }
.mission-box h2 { color: #FFF;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.mission-box p { color: #FFF;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }

.timeline { padding: 60px 0; }
.timeline h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.timeline p {color: #535353;text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 26px;margin-top: 10px;}
.timelineSwiper .swiper-slide {display: flex;flex-direction: column;position: relative;}
.timelineSwiper.button-bottom .swiper-button-prev {left: 50%;transform: translateX(-115%);bottom: 0px;top: auto;}
.timelineSwiper.button-bottom .swiper-button-next {right: 50%;transform: translateX(115%);bottom: 0px;top: auto;}
.timeline-text {padding: 6px 30px;position: absolute;top: -80px;display: flex;flex-direction: column-reverse;}
.timelineSwiper .swiper-slide.slide1 .timeline-text,
.timelineSwiper .swiper-slide.slide3 .timeline-text,
.timelineSwiper .swiper-slide.slide5 .timeline-text,
.timelineSwiper .swiper-slide.slide7 .timeline-text,
.timelineSwiper .swiper-slide.slide9 .timeline-text,
.timelineSwiper .swiper-slide.slide11 .timeline-text{top: 60px;display: flex;flex-direction: column;}
.timelineSwiper.button-bottom { padding:65px 0 130px; }
.timeline-text { transition: all 0.5s; cursor: pointer; }
.timeline-text:hover {transform: scale(1.1); }
span.time { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); display: inline-block; width: 100px; margin: 0 auto; padding: 5px; }
.patents h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.patents p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.quality { width: 100%; padding: 75px 0; background: url(../images/img-20.png); background-position: center; background-size: cover; background-repeat: no-repeat; display: flex; align-items: center; position: relative; }
.quality:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.54); z-index: 0; }
.quality .container { position: relative; z-index: 2; }
.quality h3 { color: #FFF; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.quality p { color: #E8E8E8; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.slide.inner-slider:after { content: ''; width: 100%; height: 100%; background: linear-gradient(177deg, rgba(0, 0, 0, 0.00) 29.23%, rgba(0, 0, 0, 0.78) 97.33%); position: absolute; z-index: 1; left: 0; top: 0; }
#slider .slide.inner-slider .carousel-caption h3 { font-size: 80px; font-style: normal; text-transform: uppercase; }
.inner-slider .carousel-caption {text-align: center;left: 0!important;right: auto;width: 100%;bottom: 20%!important;}
.inner-slider .carousel-caption h3 { justify-content: center !important; text-align: center !important; }

/*---- Contact Us-----*/
.get-touch {padding: 40px 0;}
.get-touch h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.get-touch p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }

.addresses h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.addresses p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.addresses .tab-box .nav-pills { }
.addresses .tab-box .nav-pills .nav-link {color: #535353;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;background: transparent;position: relative;display: inline-block;}
.addresses .tab-box .nav-pills .nav-link.active {color: #272727;font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px;}
.addresses .tab-box {border-radius: 10px;background: #F1F9F9;height: 100%;padding: 20px 10px;}
.addresses .tab-box .nav-pills .nav-link svg { display: none; position: absolute; right: -15px; top: 36%; }
.addresses .tab-box .nav-pills .nav-link.active svg { display: inline-block; }

.map-box .tab-content { overflow: hidden; border-radius: 10px; }
.map-box .tab-content .tab-pane { padding: 0; }

.contact-details {padding: 40px 0;}
.contact-details h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.contact-details p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.contact-details .info p { color: #272727;font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; }
.contact-details .info-title { color: #272727;font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; display: flex; align-items: center; gap: 10px; margin-bottom: 15px; }

.project h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.project p { color: #414141; font-family: var(--font2); font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; }
.project .tab-content { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.project .tab-content ul { padding: 0; list-style: none; }
.project .tab-content ul li a{ padding: 10px; display: flex; align-items: center; gap: 20px; border-top: 1px solid #ddd; min-height: 60px;    text-decoration: none;}
.project .tab-content ul li:last-child a{ border-bottom: 1px solid #ddd; }
.project .tab-content .tab-pane { padding: 0; }
.project .tab-content ul li:first-child { border-top: none; }
.project a.nav-link {color: #272727;text-align: center;font-family: var(--font2);font-size: 18px;font-style: normal;font-weight: 500;line-height: normal;min-height: 90px;display: flex;justify-content: center;align-items: center;}
.project a.nav-link.active { color: #1F43A1; font-family: var(--font2); font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; }
.project { padding: 40px 0; }
.addresses { padding: 40px 0; }
.faq{padding: 40px 0;}
.faq h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 56px; }
.faq #accordion .card-header a {color: #272727;font-size: 20px;font-style: normal;font-weight: 500;line-height: 30px;padding-left: 0;}
.faq #accordion .card-body p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; }
.faq #accordion .card-header { border-radius: 10px !important; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 15px; }
.faq #accordion .collapse { border-radius: 10px !important; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); border: none; margin-bottom: 15px; }
.faq #accordion .card { border: none; }
.faq #accordion .card.active .card-header { margin-bottom: 0; box-shadow: 0px -10px 20px 0px rgb(0 0 0 / 15%); padding-bottom: 0; border-radius: 10px 10px 0 0 !important; }
.faq #accordion .card.active .collapse { box-shadow: 0px 15px 20px 0px rgb(0 0 0 / 15%); border-radius: 0 0 10px 10px !important; }
.faq #accordion .card.active .collapse .card-body { padding-top: 0; }
.faq #accordion .card-header a:active {border: none;}
.faq #accordion .card .card-header:after { content: '+'; font-size: 22px; position: absolute; right: 25px; top: 15px; font-weight: 600; }
.faq #accordion .card.active .card-header:after { content: '-'; }

/* -------- Infrastructure ----- */
.our-locations { padding: 40px 0; }
.our-locations h3 { color: #272727;font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; }
.our-locations p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.our-locations h5 { color: #014088;font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; margin-top: 15px; }
.india-map { position: relative; }
.india-map .pint1 { position: absolute; top: 27%; left: 30%; z-index: 9; }
.india-map .pint2 {position: absolute;top: 29%;left: 27%;z-index: 9;}
.india-map .pint3 {position: absolute;top: 56%;left: 37%;z-index: 9;}
.india-map .pint1 img,
.india-map .pint2 img,
.india-map .pint3 img{width: 30px;}
.innovation-centre h3 { color: #272727;font-size: 40px; font-style: normal; font-weight: 400; line-height: 40px; }
.innovation-centre p { color: #535353;font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.canada-map { position: relative; top: 10%; }
.canada-map .pint1 { position: absolute; bottom: 17%; left: 50%; z-index: 9; }
.canada-map .pint1 img { width: 100px; }
.latest-innovation .swiper-slide {border-radius: 10px;background: #F1F9F9 !important;flex-direction: column;padding: 20px 30px;text-align: left;align-items: self-start;min-height: 230px;}
.latest-innovation .swiper-slide h4 { color: #272727;font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; }
.latest-innovation .swiper-slide ul { padding: 0; }
.latest-innovation .swiper-slide ul li {color: #535353;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px;}
.latest-innovation .swiper-slide ul li::marker{color:#1F43A1;}
.latest-innovation {padding: 40px 0 20px 6%;}
.innovationSwiper.button-bottom .swiper-button-prev {left: calc(50% - 40px);bottom: 0;top: auto;}
.innovationSwiper.button-bottom .swiper-button-next { left: calc(50% + 40px); bottom: 0px; top: auto; }
.latest-innovation h3 { color: #272727; font-size: 30px; font-style: normal; font-weight: 400; line-height: 26px; margin: 25px 0; }
.swiper.innovationSwiper { padding-bottom: 70px; }

.works .gallery { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 12px; grid-row-gap: 12px; }
.works .gallery .div1 { grid-area: 1 / 1 / 3 / 2; }
.works .gallery .div2 { grid-area: 1 / 2 / 2 / 3; }
.works .gallery .div3 { grid-area: 2 / 2 / 3 / 3; }
.works .card .card-header a {color: #272727;font-size: 40px;font-style: normal;font-weight: 400;line-height: 40px;padding: 0;text-align: left;display: block;}
.works .card .card-header a span { font-size: 20px; display: block; }
.works .card .card-header {border: none;background: #fff;padding: 20px 0;}
.works .card { border: none; background: transparent; border-bottom: 1px solid #ddd; }

.profile { padding: 40px 0; }
.profile-text { border-radius: 10px; background: #F1F9F9; height: 100%; padding: 30px 90px 30px 30px; }
.featured { padding: 40px 0; }
.featured h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; margin-bottom: 25px; }
span.date { color: #B7B7B7; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; }
.featured h4 { color: #272727; font-size: 30px; font-style: normal; font-weight: 500; line-height: 40px; }
.featured p { color: #535353; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.btn-link { color: #014088; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; text-decoration: none; padding-left: 0; }
.latest-updates { padding: 40px 0; }
.latest-updates h3 { color: #272727; font-size: 50px; font-style: normal; font-weight: 400; line-height: 40px; margin-bottom: 25px; }
.latest-updates .post h3 { color: #373737; font-size: 18px; font-style: normal; font-weight: 500; line-height: 26px; margin: 10px 0; }
.latest-updates .post { margin: 20px 0; padding-right: 20px; }
.clients-logo { padding: 40px 0; }
ul.logo-list { display: flex; flex-wrap: wrap; list-style: none; gap: 20px; }
ul.logo-list li { border-radius: 10px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20); flex: 0 0 18%; display: flex; justify-content: center; align-items: center; width: 215px; height: 138px; flex-shrink: 0; }
.works .gallery img { border-radius: 10px; }
.innovation-div img { border-radius: 10px; }
.innovation-div { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 7px; grid-row-gap: 7px; }
.innovation-div .div1 { grid-area: 1 / 1 / 2 / 2; }
.innovation-div .div2 { grid-area: 2 / 1 / 3 / 2; }
.innovation-div .div3 { grid-area: 3 / 1 / 4 / 2; }
.innovation-div .div4 { grid-area: 1 / 2 / 4 / 4; }