section.s.landsolution {
    padding: 30px 0;
}
section.s.landsolution .row {
    display: block;
}
section.s.landsolution .contentwrrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
section.s.landsolution .leftheading {
    width: 30%;
}
section.s.landsolution .centerpara {
    width: 50%;
}
section.s.landsolution .commonbttn.right {
    width: 20%;
}
section.s.landsolution .contentwrrap > div {
    position: relative;
}
section.s.landsolution .contentwrrap > div:not(:last-child)::before {
    content: "";
    border-right: 1px solid #c99d67;
    position: absolute;
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
}
section.s.landsolution .contentwrrap .centerpara {
    padding: 0 140px 0 0;
}
section.s.landsolution .commonbttn a.lk {
    color: #000;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 13px;
    padding: 0 30px 0 30px;
    line-height: 42px;
}
section.s.landsolution .commonbttn a.lk img.btnarrow {
    left: 33px;
    right: auto;
    top: auto;
    bottom: -8px;
    filter: brightness(0) saturate(100%) invert(74%) sepia(49%) saturate(381%) hue-rotate(346deg) brightness(84%) contrast(91%);
}
section.s.landsolution .commonbttn a.lk::before {
    content: "";
    background: url();
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    width: 20px;
}
.withbackground a img.btnarrow {
    height: 15px;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(106%);
}
.commonflex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.deliverymodels .commonflex {
    margin-bottom: 30px;
}
    .deliverymodels .commonflex .hd{
        display:flex;
        justify-content:space-between;
    }
    .deliverymodels .commonflex .hd .text{
        max-width:450px;
    }
    .Prominencelandsolutionssystem .commonflex .headingwrap {
        width: 40%;
    }
.Prominencelandsolutionssystem .commonflex .prominacepara {
    width: 60%;
    text-align: right;
}
.withbackground a {
    display: inline-block;
    line-height: 52px;
    padding: 0 50px 0 30px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    font-size: 13px;
    border-radius: 0;
    position: relative;
    background: linear-gradient(180deg,rgba(207, 163, 108, 1) 0%, rgba(182, 139, 89, 1) 50%);
    color: #fff;
}
section.s.Whyindustriallandiscomplex .indaustrialpara .eb {
    color: #4d5558;
}
    .withbackground a:hover {
        background: linear-gradient(356deg,rgba(207, 163, 108, 1) 0%, rgba(182, 139, 89, 1) 50%);
    }
    .Prominencelandsolutionssystem.ci {
    display: block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 10px;
    overflow: hidden;
}
.process-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
}
/* Single Step */
.process-item {
    flex: 1;
    min-width: 0;
    text-align: center;
    position: relative;
    padding: 0 18px;
}
/* Arrow */
.process-item:not(:last-child)::after {
    content: "→";
    position: absolute;
    right: -8px;
    top: 42px;
    color: #d8a05c;
    font-size: 27px;
    font-weight: 300;
    z-index: 5;
}
/* Vertical Line */
    .process-item:not(:last-child)::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 128px;
        background: rgba(255,255,255,0.25);
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }
/* Image Circle */
.image-box {
    width: 112px;
    height: 112px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}
.image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* Small Icon */
.step-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #021a2f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    margin: auto;
    position: absolute;
    bottom: auto;
    top: 80px;
    left: 0;
    right: 0;
}
/* Number */
.step-number {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    color: #a58765;
    font-family: "Manrope", sans-serif;
    margin: 30px 0 0 0;
}
.step-icon img {
    height: 30px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(14%) hue-rotate(212deg) brightness(104%) contrast(104%);
}
/* Heading */
.step-title {
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    font-family: "Manrope", sans-serif;
}
/* Description */
.step-description {
    max-width: max-content;
    margin: 0 auto;
    color: rgba(255,255,255,0.72);
    font-family: "Manrope", sans-serif;
    font-size: 16px;
    line-height: 23px;
    min-height: 80px;
}
/* Learn More */
.learn-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 13px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Manrope", sans-serif;
    padding: 0 20px 0 20px;
    line-height: 42px;
}
.learn-more span {
    color: #d8a05c;
    font-size: 15px;
    line-height: 1;
}
.learn-more:hover {
    color: #d8a05c;
}
.Prominencelandsolutionssystem.s.dark {
    background: #042035;
    color: #fff;
}
.commonbttn a img.btnarrow {
    height: 15px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
a{
    position: relative
}
.process-item a.learn-more img.btnarrow {
    height: 15px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(105%) contrast(106%);
    margin: auto;
}



.factors-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}
.factor-card {
    position: relative;
    height: 150px;
    overflow: hidden;
    background: #ddd;
}
.factor-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}
.factor-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45px;
    background: rgba(0, 0, 0, 0.65);
}
.factor-title {
    position: absolute;
    left: 10px;
    bottom: 12px;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.factor-card:hover img {
    transform: scale(1.05);
}
.factor-card:hover::after {
    background: rgba(0, 0, 0, 0.75);
}
section.s.Whyindustriallandiscomplex .industrialheading {
    width: 20%;
}
section.s.Whyindustriallandiscomplex .factorwrrap {
    width: 60%;
}
section.s.Whyindustriallandiscomplex .indaustrialpara {
    width: 20%;
}
section.s.Whyindustriallandiscomplex .commonflex {
    gap: 15px;
}
section.s.Whyindustriallandiscomplex h2 {
    font-size: 47px;
}
section.s.Whyindustriallandiscomplex .eb {
    color: #5f5e5c;
}
section.s.Whyindustriallandiscomplex .withbackground a {
    background: transparent;
    padding-left: 0;
    color: #b68b59;
    line-height: 20px;
}
section.s.Whyindustriallandiscomplex .withbackground a img.btnarrow {
    filter: brightness(0) saturate(100%) invert(63%) sepia(36%) saturate(499%) hue-rotate(352deg) brightness(85%) contrast(87%);
}
section.deliverymodels p.eb {
    color: #fff;
}
section.deliverymodels p {
    margin: 0;
}
section.deliverymodels a.lk {
    color: #fff;
    letter-spacing: 2px;
}
section.deliverymodels .withbackground a.lk {
    background: transparent;
    padding-left: 0;
    line-height: 13px;
}



.services-section {
    width: 100%;
    padding: 30px 0;
    background: #171717;
}
.services-container {
    width: 100%;
    max-width: 1400px;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
/* =========================
   SERVICE CARD
========================= */
.service-card {
    position: relative;
    display: block;
    width: 100%;
    height: 310px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #222;
    transition: all 0.4s ease;
}
.service-card .service-content {
    min-height: 96px;
}
/* IMAGE */
.service-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.5s ease;
}
/* DARK OVERLAY */
.service-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(25, 22, 18, 0.98) 0%, rgba(25, 22, 18, 0.82) 25%, rgba(25, 22, 18, 0.20) 60%, rgba(25, 22, 18, 0.05) 100% );
    z-index: 1;
}
/* CONTENT */
.service-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 14px;
    z-index: 2;
    background: #29241e;
}
/* TITLE */
    .service-content h3 {
        margin: 0;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.25;
        letter-spacing: 0.1px;
        /* font-family: "Manrope", sans-serif; */
    }
        .service-content p{
            font-size:14px;
            padding:12px 0px;
        }
        /* ARROW */
        .service-arrow {
            display: inline-block;
            margin-top: 4px;
            color: #ffffff;
            font-size: 20px;
            line-height: 1;
            transition: transform 0.3s ease;
        }
/* =========================
   HOVER
========================= */
.service-card:hover img {
    transform: scale(1.08);
}
.service-card:hover .service-arrow {
    transform: translateX(6px);
}
.service-card:hover {
    border-color: rgba(255, 255, 255, 0.35);
}
section.s.b2.deliverymodels {
    background: #29241e;
    color: #fff;
}
.service-arrow img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(9%) saturate(7498%) hue-rotate(185deg) brightness(111%) contrast(100%);
}

/* =====================================
   SLIDER
===================================== */
.project-slider {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
/* =====================================
   VIEWPORT
===================================== */
.project-viewport {
    width: 100%;
    overflow: hidden;
}
/* =====================================
   TRACK
===================================== */
.project-track {
    display: flex;
    gap: 24px;
    transition: transform 0.5s ease;
}
/* =====================================
   CARD
===================================== */
.project-card {
    flex: 0 0 calc((100% - 48px) / 3);
    min-width: 0;
}
/* LINK */
.project-card a {
    display: block;
    color: inherit;
    text-decoration: none;
}
/* =====================================
   IMAGE
===================================== */
.project-image {
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: #eee;
}
.project-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.4s ease;
}
/* Image hover */
.project-card:hover .project-image img {
    transform: scale(1.04);
}
/* =====================================
   CONTENT
===================================== */

.project-info {
    padding: 8px 5px 0;
}
.project-info h3 {
    margin: 0 0 5px;
    color: #222;
    font-size: 17px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
}
.project-info p {
    color: #8b8b8b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    font-family: "Manrope", sans-serif;
}
/* =====================================
   PREVIOUS / NEXT BUTTON
===================================== */
.project-prev, .project-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #cfa36c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 5;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}
.project-prev {
    left: 0px;
}
.project-next {
    right: 0px;
}
.project-prev span,
.project-next span {
    display: block;
    margin-top: -3px;
    font-size: 27px;
    font-weight: 300;
    line-height: 1;
}
.project-prev:hover,
.project-next:hover {
    background: #b9a27e;
}
/* =====================================
   DOTS
===================================== */
.project-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
}
.project-dot {
    width: 20px;
    height: 3px;
    border: 0;
    padding: 0;
    background: #d2d2d2;
    cursor: pointer;
    transition: all 0.3s ease;
}
.project-dot.active {
    background: #b6a184;
    width: 25px;
}
/* =====================================
   TABLET
===================================== */
section.featuredprojects p {
    margin: 0;
}
section.featuredprojects .withbackground a.lk {
    background: transparent;
    padding-left: 0;
    color: #cfa36c;
    line-height: 13px;
}
section.featuredprojects .withbackground a.lk img {
    filter: brightness(0) saturate(100%) invert(64%) sepia(35%) saturate(430%) hue-rotate(353deg) brightness(96%) contrast(97%);
}
section.featuredprojects .eb {
    color: #cfa36c;
}
section.s.featuredprojects .commonflex .hd {
    width: 35%;
}
section.s.featuredprojects .commonflex .projectsliderwrrap {
    width: 75%;
}
section.s.featuredprojects h2 {
    color: #0a1830ed;
}
section.hero p.eb {
    color: #fff;
    font-weight: 400;
}
section.s.Whyindustriallandiscomplex .indaustrialpara p {
    margin: 0;
}
.breadcrumb {
    gap: 8px;
    align-items: center;
}
.breadcrumb span img {
    height: 10px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
.breadcrumb p {
    margin: 0;
}
.energy-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.energy-card {
    display: flex;
    align-items: flex-start;
    gap: 22px;
    padding: 8px 28px;
    border-right: 1px solid rgba(215, 190, 145, 0.3);
}

    .energy-card:first-child {
        padding-left: 0;
    }

    .energy-card:last-child {
        border-right: none;
        padding-right: 0;
    }

.energy-icon {
    flex-shrink: 0;
    color: #c6a36a;
    font-size: 32px;
    margin-top: 3px;
    width: 42px;
    text-align: center;
}
.energy-content h3 {
    color: #e7e9eb;
    font-size: 17px;
    line-height: 23px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
    font-family: "Manrope", sans-serif;
}
.energy-content p {
    color: #b8c0c7;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
}
.energy-icon img {
    height: 60px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(23deg) brightness(118%) contrast(118%);
}
.energy-card .energy-content {
    margin: 0 0 0 10px;
}
.eb{
    color: #cfa36c;
}
section.s.renewablepower .hd p {
    margin: 0;
}
section.s.renewablepower h2 {
    margin: 0;
    font-size: 50px;
    line-height: 47px;
    max-width: 300px;
}
section.s.renewablepower .withbackground a.lk {
    background: transparent;
    color: #cfa36c;
    padding-left: 0;
    line-height: 13px;
}
section.s.renewablepower .withbackground a.lk img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(83%) saturate(284%) hue-rotate(337deg) brightness(86%) contrast(87%);
}
.gridcontent {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 15px;
}
.gridcontentwrp h3 {
    font-size: 17px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #065089;
    line-height: 19px;
}
.renewablepower .commonflex {
    flex-direction:column;
    gap:20px;
}
section.renewablepower .commonflex .hd {
    width: 100%;
}
.renewablepower .commonflex .hd {
    display: flex;
    align-items: center;
    gap: 30px;
}
    .renewablepower .commonflex .hd div{
        position:relative;

    }
        .renewablepower .commonflex .hd div:not(:last-child):before {
            position: absolute;
            content: "";
            width: 1px;
            height: 80px;
            top: 0;
            bottom: 0;
            left: auto;
            right: 0px;
            border-left: 1px solid #ab805178;
            margin: auto;
        }
.renewablepower .commonflex .griditem  p{
    font-size:14px;
}
.renewablepower .commonflex .hd .heading {
    width: 30%
}
.renewablepower .commonflex .hd .pera {
    width: 40%
}
.renewablepower .commonflex .hd .withbackground {
    width: 30%
}
section.renewablepower .commonflex .gridcontentdivision {
    width: 100%;
}
section.renewablepower .griditem img {
    height: 160px;
    width: 100%;
    object-fit: cover;
}
section.s.renewablepower {
    background: #fff;
}
.renewablepower{

}
section.renewablepower .gridcontentwrp {
    padding: 10px 10px;
}
.gridimg::before {
    content: "";
   /* background: #ffffff87;*/
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.gridimg {
    position: relative;
}
section.s.renewablepower .gridimg img.shadowicon {
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    object-fit: unset;
    width: auto;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(13%) hue-rotate(235deg) brightness(105%) contrast(105%);
}
section.ourpowersolution .commonflex .hd {
    width: 40%;
}
section.ourpowersolution .commonflex .parwrrap {
    width: 60%;
    position: relative;
}
section.ourpowersolution .commonflex .withbackground a.lk {
    background: transparent;
    color: #cfa36c;
    line-height: 13px;
    padding-left: 0;
}
section.ourpowersolution .commonflex .withbackground a.lk img.btnarrow {
    filter: brightness(0) saturate(100%) invert(93%) sepia(89%) saturate(3679%) hue-rotate(305deg) brightness(88%) contrast(82%);
}
section.ourpowersolution .commonflex p {
    margin: 0 0 0 0;
}
section.ourpowersolution .commonflex > div:last-child::before {
    content: "";
    border-left: 1px solid #334456ba;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    height: 120px;
    width: 1px;
    display: block;
    margin: auto;
}
.gridboxesdesign {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 15px;
    padding: 0;
}
.gridboxesdesign a.arrowicon img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1552%) hue-rotate(353deg) brightness(94%) contrast(88%);
}
.gridboxesdesign a.arrowicon {
    display: block;
    text-align: right;
}
.gridcontentw h3 {
    font-size: 17px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #065089;
    min-height: 38px;
    margin-bottom: 4px;
}
.gridcontentw p {
    min-height: 52px;
    margin: 0 0 9px 0;
}
section.ourpowersolution .row.top {
    margin: 0;
}
.gridboxesdesign .gridimage img {
    height: 140px;
    width: 100%;
    object-fit: cover;
}
section.ourpowersolution .gridcontentw {
    padding: 15px 15px;
}
section.ourpowersolution .gridbox {
    box-shadow: 0 0 1px 0 #00000029;
}
.w {
    padding: 0 15px;
}
section.ourpowersolution .commonflex {
    grid-gap: 35px;
}
.gridcontentw span.icon img {
    height: 35px;
    margin: 0 0 10px 0;
    filter: brightness(0) saturate(100%) invert(71%) sepia(10%) saturate(1552%) hue-rotate(353deg) brightness(94%) contrast(88%);
}
section.whowepower .commonflex .hd {
    width: 30%;
}
section.whowepower .commonflex .icontextwrrap {
    width: 70%;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 15px;
}
.icontextwrrap .iconcontent {
    background: #fff;
    box-shadow: 0 0 40px 0 #00000000;
    padding: 15px;
}
.iconpara h3 {
    font-size: 15px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #065089;
    text-align: center;
    margin: 0;
}
.icontextwrrap .iconcontent .icon img {
    height: 60px;
    filter: brightness(0) saturate(100%) invert(24%) sepia(69%) saturate(1325%) hue-rotate(179deg) brightness(91%) contrast(99%);
    margin: 0 0 10px 0;
}
.icontextwrrap .iconcontent .icon {
    text-align: center;
}
section.darkpowerdevelopmentworks .iconsnumbercontentwrrap {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 15px;
}
.iconsnumbercontentwrrap .icon {
    text-align: center;
}
.iconsnumbercontentwrrap .icon img {
    height: 60px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(20%) hue-rotate(68deg) brightness(107%) contrast(107%);
}
.iconsnumbercontentwrrap h3 {
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    min-height: 35px;
}
.iconsnumbercontentwrrap p {
    font-size: 14px;
    line-height: 20px;
}
.iconcontent {
    position: relative;
}
.iconcontent span.number {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b68b59;
    border-radius: 50%;
    font-size: 14px;
    color: #000;
    font-family: "Manrope", sans-serif;
}
section.darkpowerdevelopmentworks .commonflex .hd {
    width: 40%;
}
section.darkpowerdevelopmentworks .commonflex .rightpara {
    width: 60%;
}
section.darkpowerdevelopmentworks .withbackground a {
    background: transparent;
    line-height: 13px;
    padding-left: 0;
}
section.darkpowerdevelopmentworks p {
    margin: 0;
}
section.darkpowerdevelopmentworks .commonflex {
    gap: 35px;
}
section.darkpowerdevelopmentworks .commonflex .rightpara {
    width: 60%;
    padding-left: 60px;
}
.contenticon {
    margin: 10px 0 0 0;
}
.iconsnumbercontentwrrap > div:not(:last-child)::before {
    content: "";
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -60px;
    right: 0;
    bottom: 0;
    height: 14px;
    width: 17px;
    filter: brightness(0) saturate(100%) invert(70%) sepia(4%) saturate(5522%) hue-rotate(335deg) brightness(78%) contrast(77%);
    margin: auto;
}
section.commercialmodel .commonflex .hd {
    width: 35%;
}
section.commercialmodel .commonflex .commercialboxes {
    width: 65%;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 15px;
}
.commercialboxes h3 {
    font-size: 17px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #065089;
    min-height: 38px;
}
a.iconwrap img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(70%) sepia(4%) saturate(5522%) hue-rotate(335deg) brightness(78%) contrast(77%);
}
.commercialboxes .icon img {
    height: 60px;
    filter: brightness(0) saturate(100%) invert(70%) sepia(4%) saturate(5522%) hue-rotate(335deg) brightness(78%) contrast(77%);
}
.commercialboxes .commerlbox {
    background: #fff;
    padding: 15px;
}
.commerlbox p {
    line-height: 20px;
    font-size: 14px;
    margin: 0 0 0 0;
}
.coma {
    text-align: right;
}
section.readinessbankability .commonflex .hd {
    width: 35%;
}
section.readinessbankability .commonflex .readinessboxes {
    width: 65%;
}
.readinessboxes {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 15px;
}
.readinessboxes .content h3 {
    font-size: 15px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
    min-height: 38px;
    text-align: center;
}
.readinesscontent .icon img {
    height: 60px;
    margin: 0 0 10px 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(45%) saturate(7276%) hue-rotate(305deg) brightness(89%) contrast(79%);
}
.readinesscontent .icon {
    text-align: center;
}
section.powerwhatnext .commonflex .hd {
    width: 40%;
}
section.powerwhatnext .commonflex .lastpara {
    width: 30%;
    padding-right: 40px;
    position: relative;
}
section.powerwhatnext .commonflex .lastbutton {
    width: 30%;
}
section.powerwhatnext {
    background-image: url('../images/renewebleenergy/50.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.powerwhatnext::before {
    content: "";
    background: #ffffff63;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
section.powerwhatnext .w {
    padding: 0 15px;
    position: relative;
}
section.powerwhatnext .eb {
    color: #8e5003;
}
section.powerwhatnext .lastpara p {
    font-weight: 600;
}
    section.powerwhatnext .commonflex .lastpara::before {
        content: "";
        border-left: 1px solid #b68b59;
        position: absolute;
        top: 0;
        bottom: 0;
        left: -22px;
        height: 100px;
        width: 1px;
        margin: auto;
    }
.map img {
    width: 100%;
}
.rightsidecontent {
    padding: 0 0 0 100px;
}
.rightsidecontent h3 {
    font-size: 17px;
}
.rightsidecontent {
    padding: 0 0 0 100px;
    position: relative;
}
.rightsidecontent::before {
    content: "";
    border-left: 1px solid #fff;
    position: absolute;
    top: -10px;
    left: 80px;
    bottom: 0;
    height: 130px;
    margin: auto;
}
.map {
    margin: 0 0 -60px 0;
}
section.s.dark.mapsectionwrap {
    overflow: hidden;
    background: url('../assets/images/renewebleenergy/mapbanner.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center right;
}
    section.mapsectionwrap .w {
        position: relative;
    }
section.mapsectionwrap::before {
    content: "";
    background: #0a1830b0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
footer.footer ul {
    padding: 0;
}
footer.footer .commonflex {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 35px;
    align-items: flex-start;
}
footer.footer h3 {
    font-size: 25px;
    font-family: "Manrope", sans-serif;
    color: #d1a56d;
}
.followus li a {
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0084b1;
    position: relative;
    border-radius: 5px;
}
    .followus li a img {
        height: 15px;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
    }
footer.footer p {
    line-height: 20px;
    font-size: 14px;
}
ul.connect li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
ul.connect li img {
    height: 21px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    filter: brightness(0) saturate(100%) invert(96%) sepia(26%) saturate(5623%) hue-rotate(306deg) brightness(92%) contrast(77%);
}
.copyrightwrrap p {
    margin: 0;
    text-align: center;
}
footer.footer .container.w {
    justify-content: center;
}
.copyrightwrrap p a img {
    height: 20px;
    margin: 0 0 0 3px;
}
.copyrightwrrap {
    padding: 10px 0;
    border-top: 1px solid #ffffff4d;
}
.footerlinks .footerlinks ul li a:hover {
    color: #d1a56d !important;
}
footer .footerlinks {
    padding-left: 80px;
}
nav a {
    padding: 4px 0;
    font-size: 14px;
    font-weight: 300;
}
nav a:hover {
    color: var(--g2);
}

.project-filter-section {
    width: 100%;
    padding: 20px 0;
    background: #fff;
}
.project-filter-wrapper {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 25px;
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

/* Heading */

    .filter-title h2 {
        margin: 0;
        color: #25374a;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 30px;
        line-height: 31px;
        font-weight: 400;
        letter-spacing: 0.3px;
    }
.filter-title h2 span {
    font-weight: 400;
}
/* Filter Item */
.filter-item {
    flex: 1;
    min-width: 120px;
}
.filter-item label {
    display: block;
    margin-bottom: 7px;
    color: #333;
    font-size: 12px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}
/* Select */
.select-wrapper {
    position: relative;
    width: 100%;
}
.select-wrapper::after {
    content: "";
    position: absolute;
    top: 40%;
    right: 12px;
    color: #666;
    font-size: 15px;
    pointer-events: none;
    background-image: url('../images/project/1.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(90deg);
    z-index: 99;
    height: 8px;
    width: 8px;
}
.select-wrapper select {
    width: 100%;
    height: 38px;
    padding: 0 35px 0 13px;
    border: 1px solid #d5d5d5;
    border-radius: 0;
    background: #fff;
    color: #000;
    font-size: 12px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: "Manrope", sans-serif;
}
.select-wrapper select:focus {
    border-color: #b69a78;
}
/* Apply Button */
.filter-button {
    flex: 0 0 auto;
    margin-left: -5px;
}
.filter-button button {
    height: 40px;
    min-width: 150px;
    padding: 0 20px;
    border: 0;
    border-radius: 0;
    background: #a98a68;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    transition: all 0.3s ease;
}
.filter-button button span {
    font-size: 17px;
    line-height: 1;
}
.filter-button button:hover {
    background: #8f7253;
}
.twobtnwrrap a {
    background: transparent;
    color: #08366a;
    font-weight: 800;
}
.twobtnwrrap a img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(667%) hue-rotate(178deg) brightness(88%) contrast(105%) !important;
}
.twobtnwrrap.withbackground {
    display: flex;
    align-items: center;
    gap: 31px;
}
section.s.findprojects {
    background: #f9f8f6;
}
.twobtnwrrap.withbackground > div {
    position: relative;
}
.twobtnwrrap.withbackground > div:last-child a {
   padding-left: 0;
}
.twobtnwrrap.withbackground > div:first-child a {
   padding-right: 0;
}
.twobtnwrrap.withbackground > div:not(:last-child)::before {
    content: "";
    border-right: 1px solid #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -16px;
    height: 50px;
    width: 1px;
    margin: auto;
}
.featuredproject {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
}
.featuredproject .featuredimg img {
    height: 150px;
    width: 100%;
    object-fit: cover;
}
.featuredproject .fetureddesignbtn {
    position: absolute;
    bottom: 4px;
    left: 6px;
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
.featuredproject .fetureddesignbtn span {
    font-size: 11px;
    background: #fff;
    line-height: 22px;
    border-radius: 50px;
    padding: 0 10px;
    font-weight: 500;
    font-family: "Manrope", sans-serif;
}
.featuredcard h3 {
    font-size: 20px;
    font-weight: 700;
    color: #065089;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
}
.featuredcard .statenumber {
    display: flex;
    align-items: center;
    gap: 15px;
}
.featuredcard .statenumber span {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    line-height: 14px;
}
.featuredcard .statenumber span:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    border-right: 1px solid #000;
    height: 20px;
    width: 1px;
    margin: auto;
}
.featuredcontent .paraabtnwrrap {
    margin: 10px 0 0 0;
    display: flex;
    align-items: flex-start;
    grid-gap: 10px;
}
.feturedimgbtnwrrap {
    position: relative;
}
.paraabtnwrrap a img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(81%) sepia(10%) saturate(2194%) hue-rotate(339deg) brightness(92%) contrast(75%);
}
.featuredcontent {
    padding: 10px 20px;
    background: #fff;
}
.featuredcard:nth-child(2) .featuredcontent, .featuredcard:nth-child(3) .featuredcontent {
    min-height: 210px;
}

.paraabtnwrrap p {
    font-size: 14px;
    line-height: 20px;
    min-height: 80px;
    margin: 0;
}
.statenumber span.state img {
    height: 30px;
    margin: 0 3px 0 0;
    filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(3753%) hue-rotate(180deg) brightness(93%) contrast(88%);
}
.fourboxeswrrap .commonboxes h2 {
    font-size: 50px;
    text-align: center;
    font-family: "Manrope", sans-serif;
    line-height: 60px;
    color: #d1a56d;
}
.fourboxeswrrap .commonboxes h3 {
    font-size: 20px;
    text-align: center;
    letter-spacing: 3px;
    font-family: "Manrope", sans-serif;
}
.fourboxeswrrap .commonboxes > div:not(:last-child)::before {
    content: "";
    position: absolute;
    border-right: 1px solid #cda16a;
    height: 330px;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
}
.fourboxeswrrap .commonboxes > div{
    position: relative;
}
.fourboxeswrrap {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 15px;
}
.fourboxeswrrap > div {
    position: relative;
}
.fourboxeswrrap > div:not(:last-child)::before {
    content: "";
    border-right: 1px solid #d1a56d;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 1px;
}

section.featuredcasestudy .commonflex .hd {
    width: 30%;
}
section.featuredcasestudy .commonflex .imagecseimage {
    width: 40%;
}
section.featuredcasestudy .commonflex .featuredcontentwrap {
    width: 30%;
}
ul.featuredulli li h4 {
    font-size: 16px;
    margin: 0 0 0 0;
    letter-spacing: 2px;
    color: #cba069;
}
ul.featuredulli li p {
    margin: 4px 0 0 0;
    font-size: 14px;
    line-height: 14px;
}
ul.featuredulli li {
    position: relative;
    margin: 0 0 14px 0;
    padding: 0 0 0 59px;
}
ul.featuredulli li img {
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    filter: brightness(0) saturate(100%) invert(10%) sepia(86%) saturate(723%) hue-rotate(172deg) brightness(92%) contrast(104%);
}
section.featuredcasestudy h2 {
    font-size: 43px;
    line-height: 43px;
}
.withbackground a:hover {
    color: #fff;
}
section.ouraprochinaction .commonflex .hd {
    width: 35%;
}
section.ouraprochinaction .commonflex .ourapproachcard {
    width: 65%;
}
section.ouraprochinaction .commonflex .ourapproachcard {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 25px;
}
section.ouraprochinaction .commonflex {
    gap: 15px;
}
.aprochcard h3 {
    font-size: 17px;
    color: #032f52;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    margin: 5px 0 5px 0;
}
.aprochcard p {
    line-height: 20px;
    font-size: 14px;
}
span.spannumber {
    height: 30px;
    width: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #977657;
    border-radius: 50%;
    font-size: 14px;
}
.numberarow a img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(81%) sepia(10%) saturate(2194%) hue-rotate(339deg) brightness(92%) contrast(75%);
}
.numberarow {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
section.ouraprochinaction .withbackground a {
    background: transparent;
    color: #cfa36c;
    padding-left: 0;
    line-height: 13px;
}
section.ouraprochinaction .withbackground a img {
    filter: brightness(0) saturate(100%) invert(81%) sepia(10%) saturate(2194%) hue-rotate(339deg) brightness(92%) contrast(75%);
}
section.ouraprochinaction .commonflex p {
    margin: 0;
}
section.s.ouraprochinaction {
    background: #f5f4f0;
}
section.letsbuildwhat .commonflex .hd {
    width: 70%;
}
section.letsbuildwhat .commonflex .btnapproch {
    width: 30%;
    text-align: right;
}
section.s.letsbuildwhat {
    background-image: url('../assets/images/cta/LandSolutions.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.s.solarbackground {
    background-image: url('../assets/images/cta/LandSolutions.jpg');
}
section.s.letsbuildwhat::before {
    content: "";
    background: #000000ad;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
section.s.letsbuildwhat .w {
    position: relative;
}
section.s.letsbuildwhat p.eb, 
section.s.letsbuildwhat h2, 
section.s.letsbuildwhat p {
    color: #fff;
}
.twobtnwrrap a:hover {
    background: transparent;
    color: #08366a;
}
.withbackground .btnscnd a img {
    height: 40px;
    left: -20px;
    right: auto;
}
.project-filter-wrapper .filter-title {
    position: relative;
}
.project-filter-wrapper .filter-title::before {
    content: "";
    position: absolute;
    border-right: 1px solid #cfa36c;
    height: 80px;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
}

/* =========================================
   CASE STUDY SECTION
========================================= */
.case-study-section {
    width: 100%;
    padding: 20px 0;
    background: #f8f7f4;
}
.case-study-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 35px;
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 34px;
    box-sizing: border-box;
}


/* =========================================
   LEFT IMAGE GALLERY
========================================= */

.case-study-gallery {
    width: 100%;
}

.case-main-image {
    width: 100%;
    height: 330px;
    overflow: hidden;
}

    .case-main-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .case-main-image:hover img {
        transform: scale(1.03);
    }


/* =========================================
   THUMBNAILS
========================================= */

.case-gallery-bottom {
    width: 100%;
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.case-thumbnails {
    flex: 1;
    display: flex;
    gap: 5px;
    overflow: hidden;
}

.case-thumb {
    flex: 1;
    min-width: 0;
    height: 52px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    box-sizing: border-box;
}

    .case-thumb.active {
        border-color: #ad8b66;
    }

    .case-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.3s ease;
    }

    .case-thumb:hover img {
        transform: scale(1.08);
    }


/* =========================================
   GALLERY ARROWS
========================================= */

.gallery-arrow {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border: 0;
    border-radius: 50%;
    background: #b39470;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .gallery-arrow:hover {
        background: #8e6f4e;
    }

    .gallery-arrow i {
        font-size: 11px;
    }


/* =========================================
   RIGHT CONTENT
========================================= */

.case-study-content {
    width: 100%;
    padding-top: 0;
}


/* =========================================
   TOP ROW
========================================= */

.case-top-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 13px;
    border-bottom: 1px solid #d7d3cc;
}

.case-heading {
    min-width: 0;
}
.case-label {
    display: block;
    margin-bottom: 6px;
    color: #9b7a5b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: "Manrope", sans-serif;
}

.case-heading h2 {
    margin: 0;
    color: #1d344d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 34px;
    line-height: 0.98;
    font-weight: 400;
}

.case-subtitle {
    margin: 7px 0 0;
    color: #34485b;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    line-height: 1.3;
}


/* =========================================
   INDUSTRY
========================================= */

.case-industry {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 7px;
}

.industry-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #273d52;
}

    .industry-icon i {
        font-size: 25px;
    }

.case-industry span {
    color: #555;
    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}


/* =========================================
   LOCATION
========================================= */
.case-location {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0 5px;
    color: #65717b;
    font-size: 12px;
    font-family: "Manrope", sans-serif;
}
.case-location span {
    display: flex;
    align-items: center;
    gap: 6px;
}
.case-location i {
    color: #263d53;
    font-size: 14px;
}
.location-divider {
    width: 1px;
    height: 17px;
    background: #cfcac2;
}
/* =========================================
   DESCRIPTION
========================================= */
.case-description {
    max-width: 650px;
    margin: 4px 0 12px;
    color: #505d68;
    font-size: 16px;
    line-height: 23px;
    font-family: "Manrope", sans-serif;
}
/* =========================================
   STATS
========================================= */
.case-stats {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.case-stat {
    min-height: 105px;
    padding: 7px 12px 8px;
    border-right: 1px solid #d5d0c8;
    box-sizing: border-box;
}
.case-stat:first-child {
    padding-left: 0;
}
.case-stat:last-child {
    border-right: 0;
}
/* Stat Icon */
.stat-icon img {
    height: 50px;
    margin: 0 0 10px;
    filter: brightness(0) saturate(100%) invert(24%) sepia(38%) saturate(467%) hue-rotate(167deg) brightness(93%) contrast(104%);
}
.stat-icon i {
    font-size: 23px;
}
/* Stat Main */
.case-stat strong {
    display: block;
    margin-top: 1px;
    color: #263d53;
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    font-family: "Manrope", sans-serif;
    min-height: 30px;
}
.case-stat > span {
    display: block;
    margin-top: 2px;
    color: #4e5a65;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;
}
.case-stat small {
    display: block;
    margin-top: 2px;
    color: #78828a;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 1.3;
}
/* =========================================
   CTA BUTTON
========================================= */
.case-study-button {
    margin-top: 14px;
}
.case-study-button a {
    min-width: 200px;
    height: 38px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-sizing: border-box;
    background: #a88661;
    color: #fff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}
.case-study-button a span {
    font-size: 17px;
}
.case-study-button a:hover {
    background: #866845;
}
.case-stat p {
    font-size: 13px;
    line-height: 16px;
    margin: 4px 0 0 0;
}
.case-study-content .withbackground {
    margin: 10px 0 0 0;
}
.industry-icon img {
    height: 40px;
    filter: brightness(0) saturate(100%) invert(32%) sepia(5%) saturate(0%) hue-rotate(134deg) brightness(99%) contrast(99%);
}

.case-studies-section {
    width: 100%;
    padding: 14px 25px 20px;
    background: #fff;
}
.case-studies-container {
    max-width: 1290px;
    margin: 0 auto;
}
.section-heading {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #77716a;
    margin-bottom: 10px;
}
.case-slider {
    position: relative;
    width: 100%;
}
.case-slider-viewport {
    overflow: hidden;
    width: 100%;
}
.case-slider-track {
    display: flex;
    gap: 16px;
    transition: transform 0.45s ease;
    will-change: transform;
}
.case-card {
    flex: 0 0 calc((100% - 64px) / 5);
    min-width: 0;
    overflow: hidden;
}
.case-card img {
    width: 100%;
    height: 88px;
    display: block;
    object-fit: cover;
    border-radius: 1px;
}
.case-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: #202b3a;
    margin-top: 7px;
    margin-bottom: 5px;
    line-height: 19px;
    font-family: "Manrope", sans-serif;
    letter-spacing: 0px;
    min-height: 38px;
}
.case-card p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 10px;
    color: #898989;
    line-height: 1.4;
}
.case-card p span + span::before {
    content: "|";
    margin-right: 5px;
    color: #c6c6c6;
}
.slider-arrow {
    position: absolute;
    top: 36px;
    transform: translateY(-50%);
    z-index: 5;
    width: 29px;
    height: 29px;
    border: none;
    border-radius: 50%;
    background: #b8a087;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease;
}
.slider-arrow:hover {
    background: #8e7459;
}
.prev-arrow {
    left: -34px;
}
.next-arrow {
    right: -34px;
}
.slider-arrow:disabled {
    opacity: 0.5;
    cursor: default;
}
.case-card p span {
    font-size: 14px;
    line-height: 14px;
    font-family: "Manrope", sans-serif;
}
/*font-family: "Manrope", sans-serif;*/
section.Ourpurpose .commonflex .hd {
    width: 40%;
}

section.Ourpurpose .commonflex .prominanacepara {
    width: 40%;
}

section.Ourpurpose .commonflex .prominancebtn {
    width: 20%;
}

section.Ourpurpose .commonflex {
    gap: 15px;
}

    section.Ourpurpose .commonflex > div {
        position: relative;
    }

        section.Ourpurpose .commonflex > div:not(:last-child)::before {
            content: "";
            border-right: 1px solid #cfa36c;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 140px;
            width: 1px;
        }

section.Ourpurpose .prominancebtn a {
    background: transparent;
    padding-left: 0;
    color: #103a72;
    font-weight: 700;
    line-height: 19px;
}

    section.Ourpurpose .prominancebtn a img {
        filter: brightness(0) saturate(100%) invert(16%) sepia(19%) saturate(6799%) hue-rotate(198deg) brightness(98%) contrast(91%);
    }

section.exploreprominance .commonflex .hd {
    width: 40%;
}

section.exploreprominance .commonflex .explorerightpara {
    width: 60%;
}

section.exploreprominance .commonflex {
    gap: 25px;
    margin: 0 0 20px 0;
}

.explorerightpara p {
    padding-right: 420px;
}

.explorecardprominance {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 15px;
}

    .explorecardprominance .exploreimg img {
        height: 160px;
        width: 100%;
        object-fit: cover;
    }

.explorecontent {
    display: flex;
    gap: 15px;
    background: #011c2f;
}

    .explorecontent .explorenumber {
        width: 15%;
        text-align: center;
        font-size: 30px;
        background: #16242d;
        padding: 5px;
        color: #ad8353;
    }

    .explorecontent .headingwrrapa h3 {
        font-size: 25px;
        line-height: 25px;
        margin: 0 0 3px 0;
    }

.explotextwrrap {
    padding: 10px 10px 10px 0;
}

.headingwrrapa a img {
    height: 15px;
    filter: brightness(0) saturate(100%) invert(53%) sepia(3%) saturate(3845%) hue-rotate(351deg) brightness(100%) contrast(91%);
}

.headingwrrapa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 4px 0;
}

section.exploreprominance .commonflex .hd {
    position: relative;
}

    section.exploreprominance .commonflex .hd::before {
        content: "";
        position: absolute;
        border-right: 1px solid #a67c4e;
        height: 90px;
        width: 1px;
        top: 0;
        bottom: 0;
        right: 40px;
        margin: auto;
    }

section.ourreachsection .commonflex .hd {
    width: 30%;
}

section.ourreachsection .commonflex .mapreach {
    width: 40%;
    max-width: 380px;
    position: relative;
}

section.ourreachsection .ourimpactwrapright {
    width: 30%;
}

.mapreach img {
    width: 100%;
}

.fourboxwrrap {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0;
}

    .fourboxwrrap > div {
        position: relative;
        padding: 20px;
    }

        .fourboxwrrap > div:first-child,
        .fourboxwrrap > div:nth-child(3) {
            border-right: 1px solid #b68b59;
        }

        .fourboxwrrap > div:nth-child(3),
        .fourboxwrrap > div:last-child {
            border-top: 1px solid #b68b59;
        }

section.ourreachsection .mapreach::before {
    content: "";
    border-right: 1px solid #b68b59;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -30px;
    margin: auto;
    height: 340px;
    width: 1px;
}

.boxitemwrap h3 {
    font-size: 35px;
    font-family: "Manrope", sans-serif;
    line-height: 35px;
    color: #a67c4e;
}
.industry-sec .listss {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    margin-top:20px;
}
    .industry-sec .listss li {
        background: #f6f4ef;
    }
.industry-sec .listss img {
    width:100%;
    height:200px;
    object-fit:cover;
}
.industry-sec .listss  h4{
    font-size: 20px ;
    padding: 10px 10px 0px;
}
.industry-sec .listss  p{
    padding: 0px 12px;
    font-size:14px;
}




footer .footerlinks {
    padding-left: 0;
}

footer.footer .commonflex .logowrrap {
    width: 20%;
}

    footer.footer .commonflex .logowrrap a {
        display: block;
    }

        footer.footer .commonflex .logowrrap a img {
            width: 100%;
        }

footer.footer .commonflex .footerlinks {
    width: 60%;
}

    footer.footer .commonflex .footerlinks ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0;
    }

.followus {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 120px;
}

    .followus ul {
        margin: 0;
    }

footer {
    padding: 10px 0;
}

    footer.footer .commonflex > div {
        position: relative;
    }

        footer.footer .commonflex > div:nth-child(2)::before {
            content: "";
            border-right: 1px solid #7e7878;
            position: absolute;
            top: 0;
            bottom: 0;
            right: -31px;
            height: 30px;
            width: 1px;
            margin: auto;
        }
    footer.footer .commonflex {
        display: flex;
        grid-gap: 35px;
        align-items: center;
    }
    footer.footer h3 {
        font-size: 16px;
        font-family: "Manrope", sans-serif;
        color: #696363;
        margin: 0;
    }
.followus ul {
    margin: 0;
}
footer.footer .commonflex .footerlinks ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}
footer {
    padding: 6px 0;
}