/*
Theme Name: SDS Infra Theme
Author: You
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {font-family:'Inter', sans-serif; color:#000; margin:0; padding:0;}
ul {margin:0; padding:0; list-style-type:none;}
.container {width:100%; max-width:1300px;}
p {font-size:18px;margin-bottom: 20px;}
.header {background:#FF7722;}
.logo {margin:0 30px;}
.nav {list-style:none; margin:0; padding:0;}
.nav li {margin:0 30px;}
.nav li a {color:#fff; text-decoration:none; font-weight:500; font-family:'Inter', sans-serif; padding:0;font-size: 18px;}
.nav li a:hover {color:#2E256A; font-weight:700;}
.logo img {display:block; max-height:120px;}
.menu-left, .menu-right {flex:1;}
.menu-left {justify-content:flex-end; display:flex;}
.menu-right {justify-content:flex-start; display:flex;}
.menuIcon {width:30px; height:24px; position:relative; border:none; background:transparent; padding:0; z-index:9999;}
.menuIcon span {position:absolute; left:0; width:100%; height:4px; background:#2E256A; border-radius:2px; transition:all 0.3s ease;}
.menuIcon span:nth-child(1) {top:0;}
.menuIcon span:nth-child(2) {top:10px;}
.menuIcon span:nth-child(3) {top:20px;}
.menuIcon.active span:nth-child(1) {transform:rotate(45deg); top:10px;}
.menuIcon.active span:nth-child(2) {opacity:0;}
.menuIcon.active span:nth-child(3) {transform:rotate(-45deg); top:10px;}
#mobileMenu .nav li a{color: #2E256A;font-size: 18px;}
#mobileMenu .nav li a:hover{color: #FF7722;}
.offcanvas-header {padding: 35px 30px;}


.hero-content h1 {font-size: 64px;font-weight: 500;color: #FF7722;line-height: 1.1;}
.hero-content p {margin-top: 30px;font-size: 22px;font-weight: 500;margin-bottom: 30px;}
.heroNav a{margin-right: 10px;}
.hero-section {position:relative;}
.hero-slide {position:relative; overflow:hidden; display:flex; align-items:center;padding: 150px 0;}
.hero-content {position:relative; z-index:9; max-width:600px;}
.heroNav {position:absolute; z-index:9; bottom:50px;}
.hero-bg {position:absolute; will-change:transform; transform:translate3d(0,0,0) scale(1.2); backface-visibility:hidden;}
.swiper-slide {opacity:0 !important; transition:opacity 0.8s ease;}
.swiper-slide-active {opacity:1 !important;}
.hero-bg img {width:100%; height:100%; object-fit:cover; will-change:transform; transform:scale(1.2);}
.swiper-slide-active .hero-bg {animation:zoomBg 6s ease forwards;}
@keyframes zoomBg {
    from {transform:scale(1.2);}
    to {transform:scale(1);}
}
.heroShadow{position: absolute;left: 0;top: 0;width: 27%;height: 100%;background: #FFF5EE;z-index: 2;}
.heroShadow::after{content: "";width: 393px;height: 100%;background: url(assets/images/hero-shadow.png) no-repeat;position: absolute;right: -393px;background-position: left;background-size: contain;}


.headLabel:before {content: "";background: url(assets/images/headarrow.png) no-repeat;display: inline-block;position: absolute;width: 70px;height: 11px;background-size: contain;left: 0;top: 5px;}
.headLabel{position: relative;padding-left: 80px;margin-bottom: 20px;display: inline-block;font-size: 14px;}
.commonBtn{background: #2E256A;color: #FFF;padding: 12px 35px;display: inline-block;border-radius: 50px;transition: 0.5s all;font-size: 15px;}
.commonBtn:hover{background: #FF7722;color: #FFF;}
.commonSection {padding: 100px 0;}
.sectionTitle{color: #2E256A;font-size: 48px;}
.blueText{color: #2E256A;}

.stats {background: #FFF5EE;padding: 0 0 60px;margin-top: 50px;}
.stat-text {position: relative;padding: 0 40px;border-right: 1px solid #3B2B78;height: calc(100% - 80px);}
.stats img{width: 100%;}
.stat-icon {width: 90px;margin-bottom: 30px;margin-top: -50px;margin-left: 40px;}
.stat-box h3 {color: #2E256A;font-weight: 500;margin-bottom: 20px;font-size: 38px;}

.project-card {background:#fff; overflow:hidden;}
.project-image {position:relative;}
.project-image img {width:100%; display:block;}
.project-arrow {position:absolute; top:0; right:0;visibility: hidden;transition: 0.5s all;opacity: 0;}
.project-arrow img{max-width: 50px;}
.project-card:hover .project-arrow{visibility: visible;opacity: 1;}
.project-content {padding:25px; background-color:#F6F5F0;}
.project-content h3 {font-size:24px; color:#2d2677; font-weight:600; line-height:1.3;}
.project-content .location {margin-bottom:25px;}
.project-info {display:flex; justify-content:space-between; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:18px 0; margin-bottom:25px;}
.info-box span {display:block; font-size:12px; color:#5B5B5B;}
.info-box strong {display:block; font-size:18px; font-weight:500;}
.project-buttons {display:flex; gap:12px;justify-content: space-between;}
.btn-orange {background:#FF7722; color:#fff; padding:8px 22px; border-radius:30px; text-decoration:none; font-size:14px;}
.btn-light-custom {background:#FFF; color:#000; padding:8px 22px; border-radius:30px; text-decoration:none; font-size:14px;}
.border0 {border:0 !important;}
.approveText img {width:20px; display:inline-block; top:-1px; margin-right:5px; position:relative;}
.approveText {color:#FFF; display:inline-block; background:rgb(0 0 0 / 60%); padding:8px 15px 8px 30px; font-size:15px; position:absolute; bottom:0; right:0;clip-path: polygon(30px 0,100% 0,100% 100%,0 100%,0 40px);}
.standard-section {padding-bottom:100px;}
.standard-box {border:1px solid #ddd; padding:35px; height:100%; background:#fff;}
.standard-box h3 {font-size:26px; color:#2d2677; line-height:1.3; max-width:220px;}
.standard-box img {width:42px;}
.standard-box p {margin-top:20px; line-height:1.4; margin-bottom:0;}

.testimonial-section {background:url('assets/images/testimonial-bg.jpg') center center/cover no-repeat; position:relative; padding:150px 0;}
.testimonial-content {max-width:850px; margin:auto; color:#fff;}
.testimonial-content h2 {color: #FFF; margin-bottom:35px;}
.testimonial-content p {font-size:24px; line-height:1.4; margin-bottom:35px;}
.review-stars {color:#FF7722; font-size:30px; letter-spacing:5px;}

.cta-section {padding:120px 0 120px; }
.cta-box {background:#ff741d; padding:60px 80px;position: relative;}
.cta-box h2 {color:#fff; font-size:48px; line-height:1.2; font-weight:500;}
.cta-btn {display:inline-block; background:#2d2677; color:#fff; text-decoration:none; padding:18px 42px; border-radius:50px; font-size:15px; letter-spacing:1px;position: relative;}
.cta-btn:hover {background:#1f195a; color:#fff;}
.cta-box .row{justify-content: space-between;}
.mapIcon {position: absolute;right: 35%;width: 250px;display: inline-block;}



.footer-section {background:#3e2b86;}
.footer-logo img {max-width:240px;}
.footer-widget h4 {color:#ff6d1f; font-size:20px; font-weight:600; margin-bottom:30px;}
.footer-widget p, .footer-widget a, .copyright {color:#fff; text-decoration:none; font-size:18px; line-height:1.8;}
.footer-menu {list-style:none; padding:0; margin:0;}
.footer-menu li {margin-bottom:14px;}
.footer-contact .contact-item {display:flex; align-items:center; margin-bottom:20px;}
.contact-icon img {margin-right:10px;}
.footer-contact a {font-size:24px; font-weight:500;}
.copyright {margin-top:25px;}


@media (min-width: 1600px) {
    .nav li a{font-size: 20px;}
    .logo img{max-height: max-content;}
    .container{max-width: 1500px;}
    .hero-content h1 {font-size: 90px;}
    .hero-content p{font-size: 28px;}
    .heroShadow{width: 30%;}
    p{font-size: 20px;}
    .sectionTitle{font-size: 57px;}
    .stat-box h3{font-size: 50px;}
    .info-box span{font-size: 14px;}
    .footer-contact a {font-size:32px;}
    .footer-widget h4{font-size: 22px;}
}

@media (max-width: 1200px) {
    .nav li a{font-size: 16px;}
    .nav li{margin: 0 15px;}
    .logo img{max-height: 100px;}
    .hero-slide{padding: 100px 0;}
    .stat-box h3{font-size: 32px;}
    .cta-box h2{font-size: 38px;position: relative;z-index: 1;}
    .cta-box{padding: 30px 60px;}
    .mapIcon img{width: 100%;}
    .mapIcon{right: 30%;}
}
@media (max-width: 991px) {
    .hero-content h1{font-size: 48px;}
    .hero-content p{font-size: 20px;}
    .commonSection {padding: 80px 0;}
    .stat-text{padding: 0 20px;}
    .projects-section .projectsRow{width: 100%;max-width: 500px;margin: 0 auto;margin-top: 30px !important;}
    .testimonial-content p{font-size: 20px;}
    .testimonial-section,.cta-section{padding: 100px 0;}
    .cta-box h2{font-size: 32px;}
    .mapIcon{width: 180px;}
    .footer-widget h4{margin-bottom: 20px;}
    .footer-contact .contact-item {justify-content: flex-start;}
    .footer-section {text-align:center;}
    .footer-logo {margin-bottom:20px;}
}
@media (max-width: 767px) {
    .hero-content br,.menu-left,.menu-right{display: none;}
    .hero-content{text-align: center;max-width: 100%;}
    .hero-content h1{font-size: 38px;}
    .hero-content p{font-size: 18px;margin-top: 20px;}
    .hero-slide{padding: 0;padding-top: 100px;}
    .logo{margin: 0;}
    .logo img{max-height: 80px;}
    .perspective .sectionTitle{margin-bottom: 30px;}
    .commonSection {padding: 50px 0;}
    .sectionTitle{font-size: 42px;}
    .stat-icon{margin: 0;margin-bottom: 10px;}
    .stats{margin: 0;padding: 50px 0 0;}
    .stat-text {padding: 20px 0;border: 0;border-bottom: 1px solid #3B2B78;height: auto;margin-bottom: 40px;}
    .stat-text.border0{padding-bottom: 10px;}
    .project-buttons a{font-size: 12px;}
    .project-buttons{justify-content: flex-start;}
    .project-info .px-2{padding: 0 !important;}
    .project-info {flex-direction: column;gap: 15px;}
    .project-buttons {flex-wrap: wrap;}
    .standard-section{padding: 30px 0 60px;}
    .testimonial-content p{font-size: 18px;}
    .testimonial-section,.cta-section{padding: 80px 0;}
    .mapIcon {right: 20px;top: 20px;opacity: 0.4;}
    .cta-box{padding: 30px;}
    .cta-btn{font-size: 14px;padding: 15px 35px;}
    .cta-box h2{font-size: 28px;margin-bottom: 0;}
    .footer-contact a{font-size: 22px;}
    .footer-logo img {max-width: 180px;}
}