:root {
      --brand-blue: #1a3a6b;
      --accent-blue: #1e78c8;
      --nav-bg: #f4f6f9;
      --nav-text: #1a3a6b;
      --active-bg: #1e78c8;
      --fb: #3b5998;
      --tw: #1da1f2;
      --ig: #8a5c42;
      --li: #0077b5;
    }

    body {
      background: #eef1f5;
        font-family: 'Open Sans', sans-serif;
    }

    /* ── Navbar wrapper ── */
    .main-navbar {
      background: var(--nav-bg);
      box-shadow: 0 2px 8px rgba(0,0,0,.10);
      padding: 0;
    }

    /* ── Logo ── */
    .logo-wrap {
      display: flex;
      align-items: center;
      gap: 10px;
      text-decoration: none;
    }

    /* SVG-drawn "G" logo */
    .logo-icon {
      width: 46px;
      height: 46px;
      flex-shrink: 0;
    }

    .logo-text {
      line-height: 1.15;
    }

    .logo-text .brand-name {
      display: block;
      font-size: 15px;
      font-weight: 800;
      color: #0188cc;
      letter-spacing: .5px;
      text-transform: uppercase;
    }

    /* ── Nav links ── */
    .navbar-nav .nav-link {
      color: #0188cc;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: .8px;
      text-transform: uppercase;
      padding: 15 px 16px !important;
      border-radius: 0;
      transition: color .2s;
    }

    .navbar-nav .nav-link:hover {
      color: var(--accent-blue) !important;
    }

    .navbar-nav .nav-item.active .nav-link,
    .navbar-nav .nav-link.active-link {
      background: var(--active-bg) !important;
      color: #fff !important;
    }

    /* Dropdown caret */
    .navbar-nav .dropdown-toggle::after {
      border-top-color: var(--nav-text);
    }

    .navbar-nav .nav-item.active .dropdown-toggle::after {
      border-top-color: #fff;
    }

    .dropdown-menu {
      border-radius: 0;
      border: none;
      box-shadow: 0 4px 12px rgba(0,0,0,.12);
      min-width: 180px;
    }

    .dropdown-item {
      font-size: 13px;
      font-weight: 600;
      color: var(--nav-text);
      padding: 9px 18px;
      letter-spacing: .4px;
      text-transform: uppercase;
    }

    .dropdown-item:hover {
      background: var(--accent-blue);
      color: #fff;
    }

    /* ── Social icons ── */
    .social-icons {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 0 12px;
    }

    .social-btn {
      width: 34px;
      height: 34px;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff !important;
      font-size: 14px;
      transition: opacity .2s, transform .15s;
      text-decoration: none;
    }

    .social-btn:hover {
      opacity: .85;
      transform: translateY(-2px);
    }

    .social-btn.fb { background: var(--fb); }
    .social-btn.tw { background: var(--tw); }
    .social-btn.ig { background: var(--ig); }
    .social-btn.li { background: var(--li); }

    /* ── Mobile toggler ── */
    .navbar-toggler {
      border-color: var(--brand-blue);
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231a3a6b' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    @media (max-width: 991px) {
      .navbar-nav .nav-link { padding: 12px 16px !important; }
      .social-icons { padding: 10px 16px; }
    }
    .logo-icon {
  width: 200px;
  height: 57px;
  flex-shrink: 0;
}
/* Dropdown open on hover */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}


.slider-img{
    height: 560px;
    object-fit: cover;
}

.carousel-caption{
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}

.carousel-caption h1{
    font-size: 48px;
    font-weight: 600;
    letter-spacing: 6px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

.carousel-item::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.35);
    top:0;
    left:0;
}


.about-section{
    background:#f3f3f3;
    padding-top:300px;
    padding-bottom:80px;
    font-family:'Open Sans', sans-serif;
}

.about-small{
    font-size:28px;
    font-weight:300;
    color:#1d2127;
    margin-bottom:10px;
}

.about-title{
    font-size:30px;
    font-weight:300;
    color:#1d2127;
    margin-bottom:40px;
}

.about-section p{
    font-size:18px;
    line-height:1.9;
    color:#666;
    text-align:justify;
    margin-bottom:25px;
}

.about-img{
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
.parallax-section{
    background:url('../img/solar_bg.jpg') center center/cover no-repeat fixed;
    padding:100px 0;
    color:#fff;
    font-family:'Open Sans', sans-serif;
    position:relative;
    height: 464px;
}



.para-text{
    font-size:20px;
    line-height:1.8;
    max-width:1000px;
    margin:auto;
}

.icon-box{
    margin-top:40px;
}

.icon-box i{
    font-size:50px;
    margin-bottom:20px;
}

.icon-box h5{
    font-size:20px;
    font-weight:400;
}


.why-section{
    padding:80px 0;
    background:#fff;
    font-family:'Open Sans', sans-serif;
}

.why-title{
    font-size:30px;
    font-weight:300;
    margin-bottom:50px;
    color: #1d2127;
    letter-spacing:2px;
}

.why-box{
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-bottom:40px;
}

.circle{
    width:90px;
    height:90px;
    border-radius:50%;
    flex-shrink:0;
}

.orange{
    background:#e5481d;
    border:3px solid #ffcc00;
}

.blue{
    background:#2c74b3;
    border:3px solid #00d4ff;
}

.why-box h5{
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
}

.why-box p{
    font-size:14px;
    color:#777;
    line-height:1.7;
}

.why-img{
    max-width:100%;
    width:300px;
}
.services-section{
    background:#3aa3a6;
    padding:80px 0;
    font-family:'Open Sans', sans-serif;
    color:#fff;
}

.services-title{
    font-size:34px;
    font-weight:300;
    margin-bottom:50px;
}

.service-box img{
    margin-bottom:20px;
}

.service-box h4{
    color:#000;
    font-weight:600;
    margin-bottom:15px;
}

.service-box p{
    font-size:16px;
    line-height:1.8;
    color:#eaf6f7;
}

.service-box a{
    color:#0b6fa4;
    text-decoration:none;
    font-weight:500;
}

.service-box a:hover{
    text-decoration:underline;
}
.vision-slider{
    font-family:'Open Sans', sans-serif;
}

.slider-bg{
    background:url('../img/transfrnt.jpg') center/cover no-repeat;
    padding:120px 0;
    position:relative;
    color:#fff;
}

.slider-bg::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,30,50,0.75);
}

.slider-bg .container{
    position:relative;
    z-index:2;
}

.icon i{
    font-size:40px;
    color:#ff5a2f;
    margin-bottom:15px;
}

.slider-bg h2{
    font-weight:300;
    margin-bottom:20px;
}

.slider-bg p{
    max-width:900px;
    margin:auto;
    line-height:1.8;
    font-size:16px;
}

.main-footer{
background:#020202;
color:#fff;
padding:60px 0 0;
font-family:'Open Sans', sans-serif;
}

.footer-logo{
max-width:260px;
}

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:15px;
border-bottom:1px solid #222;
padding-bottom:8px;
}

.footer-links a{
color:#fff;
text-decoration:none;
}

.footer-links a:hover{
color:#00bcd4;
}

.footer-title{
margin-bottom:20px;
font-weight:400;
}

.social-icons{
/*margin-top:20px;*/
}

.social-icons a{
display:inline-block;
width:40px;
height:40px;
background:#fff;
color:#000;
border-radius:50%;
text-align:center;
line-height:40px;
margin-right:8px;
}

.footer-bottom{
text-align:center;
padding:20px;
background:#000;
color:#888;
margin-top:40px;
}

.footer-bottom a{
color:#fff;
text-decoration:none;
font-weight:600;
}
.page-header{
    background:#111;
    padding:30px 0 20px;
    position:relative;
}

.page-header h2{
    color:#fff;
    font-weight:300;
    font-family:'Open Sans', sans-serif;
    margin:0;
    position:relative;
    display:inline-block;
}

/* blue underline */
.page-header h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:160px;
    height:4px;
    background:#1ea5d7;
}

/* bottom light border */
.page-header::after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:6px;
    background:#e5e5e5;
}
.company-content{
    background:#efefef;
    padding:60px 0;
    font-family:'Open Sans', sans-serif;
}

.company-title{
    font-size:28px;
    font-weight:400;
    letter-spacing:1px;
    margin-bottom:25px;
    color:#222;
}

.company-content p{
    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:25px;
}

.company-list{
    margin-top:20px;
    padding-left:20px;
}

.company-list li{
    margin-bottom:8px;
    color:#555;
    font-size:16px;
}


.consulting-section{
    background:#efefef;
    padding:60px 0;
    font-family:'Open Sans', sans-serif;
}

.consulting-title{
    font-size:32px;
    font-weight:300;
    color:#222;
    margin-bottom:25px;
}

.consulting-section p{
    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

.consulting-list{
    padding-left:20px;
    margin-top:10px;
}

.consulting-list li{
    margin-bottom:8px;
    font-size:16px;
    color:#555;
}

.consulting-section::after{
    content:"";
    display:block;
    height:1px;
    background:#ddd;
    margin-top:40px;
}

.resource-section{
    background:#efefef;
    padding:60px 0;
    font-family:'Open Sans', sans-serif;
}

.section-title{
    font-size:30px;
    font-weight:300;
    margin-bottom:20px;
    color:#222;
}

.resource-section p{
    color:#555;
    line-height:1.9;
    margin-bottom:20px;
}

.resource-list{
    padding-left:20px;
    margin-bottom:20px;
}

.resource-list li{
    margin-bottom:8px;
    color:#555;
}

.resource-img{
    width:130px;
    margin-top:10px;
}

.service-img{
    width:100%;
    max-width:450px;
    margin-top:20px;
}

.associates-section{
    background:#efefef;
    padding:70px 0;
    font-family:'Open Sans', sans-serif;
}

.associates-title{
    font-size:34px;
    font-weight:300;
    margin-bottom:40px;
    color:#222;
}

.associate-logo{
    max-width:220px;
    width:100%;
    transition:0.3s;
}

.associate-logo:hover{
    transform:scale(1.05);
}

.projects-section{
    background:#efefef;
    padding:60px 0;
    font-family:'Open Sans', sans-serif;
}

.projects-title{
    font-size:32px;
    font-weight:300;
    margin-bottom:25px;
    color:#222;
}

.company-name{
    color:#0033cc;
    font-weight:600;
    margin-bottom:15px;
}

.sub-heading{
    font-weight:600;
    margin-bottom:15px;
    color:#444;
}

.project-title{
    font-weight:600;
    margin-top:20px;
    color:#444;
}

.projects-section p{
    color:#555;
    line-height:1.9;
    font-size:15px;
}
.solar-section{
background:#efefef;
padding:60px 0;
font-family:'Open Sans', sans-serif;
}

.solar-title{
font-size:34px;
font-weight:300;
margin-bottom:20px;
}

.solar-section p{
color:#555;
line-height:1.9;
}

.solar-subtitle{
margin-top:20px;
margin-bottom:20px;
font-weight:400;
}

.solar-list{
list-style:none;
padding-left:0;
}

.solar-list li{
position:relative;
padding-left:25px;
margin-bottom:12px;
color:#555;
}

.solar-list li:before{
content:"✓";
position:absolute;
left:0;
color:#1ea5d7;
font-weight:bold;
}

.solar-img{
width:100%;
max-width:520px;
border:1px solid #ccc;
}
@media (max-width: 767px){
    .expertise-section{
        height: auto !important;
    }
    .expertise-section .overlay{
background:rgba(0,0,0,0.45);
padding:90px 0 !important;
}
}

.expertise-section{
background:url('../img/appli1.png') center/cover no-repeat;
position:relative;
color:#fff;
font-family:'Open Sans', sans-serif;
height: 400px;
}

.expertise-section .overlay{
background:rgba(0,0,0,0.45);
padding:29px 0;
}

.expertise-title{
font-weight:300;
margin-bottom:20px;
}

.expertise-list{
list-style:disc;
font-weight: 400;
font-size: 14px;
padding-left:20px;
}

.expertise-list li{
margin-bottom:6px;
}
.application-section{
background:#eaeff3 !important;
/* padding:60px 0; */
font-family:'Open Sans', sans-serif;
}

.application-title{
font-size:32px;
font-weight:300;
margin-bottom:25px;
}

.application-list{
padding-left:20px;
}

.application-list li{
margin-bottom:8px;
font-size:15px;
}
.methodology-section{
background:#efefef;
padding:70px 0;
font-family:'Open Sans', sans-serif;
}

.methodology-title{
font-size:34px;
font-weight:300;
margin-bottom:20px;
}

.method-img{
width:100%;
max-width:420px;
}
.execution-section{
background:#efefef;
padding:70px 0;
font-family:'Open Sans', sans-serif;
}

.execution-title{
font-size:34px;
font-weight:300;
margin-bottom:30px;
}

.execution-img{
width:100%;
max-width:900px;
}

.power-section{
background:#efefef;
padding:70px 0;
font-family:'Open Sans', sans-serif;
}

.power-title{
font-size:34px;
font-weight:300;
margin-bottom:20px;
}

.power-section p{
color:#555;
line-height:1.9;
font-size:15px;
}

.power-img{
width:100%;
max-width:520px;
border:1px solid #ccc;
}

.solar-projects{
background:#efefef;
padding-top:40px ;
font-family:'Open Sans', sans-serif;
}

.small-title{
color:#777;
margin-bottom:10px;
}

.main-title{
font-weight:300;
margin-bottom:30px;
}

.project-card img{
width:100%;
border:1px solid #999;
}

.project-card p{
margin-top:10px;
font-weight:600;
color:#222;
}

/* Responsive */
@media(max-width:768px){
.main-title{
font-size:26px;
}
}
   /* section */
    .project-section {
        width: 95%;
        margin: 40px auto;
    }

    .section-title {
        text-align: center;
        font-size: 28px;
        margin-bottom: 30px;
    }

    /* row */
    .slider-row {
        display: flex;
        flex-wrap: wrap;
        gap: 25px;
        justify-content: center;
    }

    /* column */
    .column {
        flex: 1 1 30%;
        min-width: 280px;
        text-align: center;
    }

    /* slider */
    .slider {
        position: relative;
        overflow: hidden;
    }

    /* .slide {
        display: none;
    } */

    .slide img {
        width: 100%;
        height: 230px;
        object-fit: cover;
        border: 1px solid #999;
    }

    /* dots */
    .dots {
        margin-top: 10px;
    }

    .dot {
        height: 10px;
        width: 10px;
        margin: 0 4px;
        background: #bbb;
        display: inline-block;
        border-radius: 50%;
        cursor: pointer;
    }

    .dot.active {
        background: #333;
    }

    .title {
        margin-top: 10px;
        font-weight: 600;
        font-size: 14px;
    }

    /* responsive */
    @media(max-width:992px) {
        .column {
            flex: 1 1 45%;
        }
    }

    @media(max-width:600px) {
        .column {
            flex: 1 1 100%;
        }
    }
    .experience-section{
background:#f5f5f5;
padding:60px 0;
}

.exp-title{
font-weight:600;
margin-bottom:20px;
color:#555;
}

.exp-desc{
color:#777;
line-height:1.8;
margin-bottom:30px;
}

.exp-list{
list-style:none;
padding:0;
margin:0;
}

.exp-list li{
position:relative;
padding-left:35px;
margin-bottom:15px;
color:#666;
}

/* check icon */
.exp-list li:before{
content:"✔";
position:absolute;
left:0;
top:0;
color:#1e88e5;
font-weight:bold;
}
.contact-section{
background:#f5f5f5;
padding:60px 0;
font-family:Arial;
}

.contact-title{
text-align:center;
margin-bottom:40px;
font-weight:500;
}

.contact-row{
display:flex;
gap:50px;
flex-wrap:wrap;
}

.contact-left{
flex:1;
min-width:300px;
}

.contact-right{
flex:1;
min-width:300px;
}

.contact-left h5{
margin-top:20px;
color:#666;
}

.contact-left h3{
margin:10px 0;
font-weight:500;
}

.contact-left p{
color:#666;
line-height:1.7;
}

.contact-list{
padding-left:18px;
}

.contact-list a{
color:#666;
text-decoration:none;
}

.contact-left a{
color:#1e88e5;
text-decoration:none;
}

.contact-left a:hover{
text-decoration:underline;
}

/* form */
.contact-right label{
display:block;
margin-top:15px;
margin-bottom:5px;
}

.contact-right input,
.contact-right textarea{
width:100%;
padding:10px;
border:1px solid #999;
}

.contact-right button{
margin-top:15px;
background:#0a7db6;
color:#fff;
border:none;
padding:10px 20px;
cursor:pointer;
}

/* responsive */
@media(max-width:768px){
.contact-row{
flex-direction:column;
}
}