/* fonts */
@font-face {
    font-family: 'roboto_r';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_m';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_b';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_black';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_eb';
    src: url('../fonts/Roboto-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_l';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_sb';
    src: url('../fonts/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'roboto_t';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_black';
    src: url('../fonts/Rubik-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_b';
    src: url('../fonts/Rubik-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_eb';
    src: url('../fonts/Rubik-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_l';
    src: url('../fonts/Rubik-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_m';
    src: url('../fonts/Rubik-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_r';
    src: url('../fonts/Rubik-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rubik_sb';
    src: url('../fonts/Rubik-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   GLOBAL STYLES & VARIABLES
   ============================================ */
:root {
    --primary: #076297;
    --second: #66a900;
    --white: #fff;
    --dark: #000;
    --text: #1f2937;
}
* {outline: none;}
::-webkit-scrollbar {
    width: 8px !important;
}
::-webkit-scrollbar-thumb {
    background: #85d3ff;
    border-radius: 2px;
    height: 50px;
}
html {
  scroll-behavior: smooth;
}

body {    
    font-family: "Roboto", sans-serif, "Rubik", sans-serif;
    background-color: var(--white);
    font-style: normal;
    font-optical-sizing: auto;
    /* text-wrap: balance; */
    padding-top:120px;
}
.form-control:focus {box-shadow: none;}
/* custom css */
p {letter-spacing: 0.1px;font-size: 1em;}
ul {list-style: none;padding-left: 0;margin-bottom: 0;}
a, a:hover {text-decoration: none;transition: all 0.3s ease;display: inline-block;}
button {outline: none;transition: all 0.3s ease;border: 0;}
.section, footer {width: 100%;overflow: hidden;}

.container {max-width: 1340px;}

/* Buttons */
.btn-split, .cd-white {
    position: relative;
    padding: 10px 34px;
    font-size: 16px;
    font-family: 'roboto_m';
    color: var(--white);
    background: var(--primary);
    border: none;
    border-radius: 24px;
    cursor: pointer;
    overflow: hidden;
}
.cd-white {background-color: var(--white);color: var(--primary);}
.cd-white:hover {color: var(--white);}
.btn-split span, .cd-white span {
    position: relative;
    z-index: 2;
    transition: all 0.4s ease;
    display: inline-block;
    white-space: pre;
}
.btn-split::before,
.btn-split::after,
.cd-white::before,
.cd-white::after {
    content: "";
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    color: var(--white);
    background: var(--second);
    transition: transform 0.4s ease;
    z-index: 1;
}
.cd-white::before,
.cd-white::after {background-color: var(--second);color: var(--white) !important;}
.btn-split::before {
    left: 0;
    transform: translateX(-100%);
}
.btn-split::after {
    right: 0;
    transform: translateX(100%);
}
.btn-split:hover::before {
    transform: translateX(0);
}
.btn-split:hover::after {
    transform: translateX(0);
}
.btn-split:hover span {
    letter-spacing: 2px;
}

/* ==== list ==== */
.cd-list {padding-left: 10px;margin-bottom: 1.5rem;}
.cd-list li {position: relative;padding-left: 1.5rem;font-family: 'rubik_m';color: var(--primary);padding-block: 5px;}
.cd-list li::before {position: absolute;content: '\f00c';font-family: "Font Awesome 6 Pro";color: #66a900;left: 0;font-weight: 800;}

/* font size */
.cd-sectiontitle .titleh2 { color: var(--primary);font-size: clamp(1.5rem, 2vw, 2.5em);font-family: 'rubik_sb';}
.cd-sectiontitle .title36 {font-size: 2.75em;font-weight: 600;margin-bottom: 8px;color: var(--dark);}
.cd-sectiontitle .cd-subtitle {font-size: 1.25em;font-family: 'rubik_m';color: var(--primary);}
.cd-sectiontitle .cd-subtitle18 {font-size: 18px;font-weight: bold;color: var(--btn-bg);}
.cd-sectiontitle .text-para {color: var(--primary);}
.cd-titleh3 {font-size: 22px;font-weight: 600;}

/* custom css # */

/* top bar */
.cd-header {box-shadow: 0 .5rem 1rem #00000026,inset 0 -1px #ffffff26;}
.cd-topbar {background-color: #f5f5f5;padding: 8px 0;}
.cd-topbar .cd-rightside {display: flex;gap: 10px;}
.cd-topbar .cd-rightside .cd-gratingText {color: var(--primary);}
.cd-topbar .cd-rightside .cd-rating {font-size: 1em;color: #ff8a00;}
.cd-topbar .cd-leftside ul {display: flex;gap: 10px;justify-content: end;position: relative;}
.cd-topbar .cd-leftside ul li {position: relative;}
.cd-topbar .cd-leftside ul li:first-child {border-right: 2px solid var(--primary);padding-right: 10px;}
.cd-topbar .cd-leftside ul .cdlink {color: var(--primary);}
.cd-topbar .cd-leftside ul .cdlink:hover {color: var(--dark);}
.cd-topbar .nav-link.dropdown-toggle, .cd-topbar .nav-link.dropdown-toggle:hover {color: var(--primary);}

/* ========= header ========== */
.navbar {
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.cd-navheader .cd-logo {height: 39px;}
.cd-navheader .nav-link {font-size: 1em;color: var(--primary);font-weight: 400;padding-inline: 1rem !important;}
.cd-navheader .nav-link:hover {color: var(--dark);}
.cd-navheader .cd-navregisterBtn {background-color: #66a900;color: var(--white);border-radius: 24px;font-family: 'rubik_m';padding: 10px 18px;}
.cd-navheader .cd-navregisterBtn:hover {background-color: #66a900;color: var(--white);box-shadow: 0 10px 13px -14px #000;}
.cd-navheader .dropdown-item {color: var(--dark);}
.dropdown-item.active, .dropdown-item:active {background-color: var(--white);}
.cd-navheader .dropdown-item:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--primary);}
/* Optional: modern modal look */
.cd-formmodel .modal-content {
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);
}
.cd-formmodel .modal-header {
    background: linear-gradient(135deg, #65a009, #68a51b);
    background: -webkit-linear-gradient(135deg, #65a009, #68a51b);
    color: var(--white);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 5px 10px;
}
.cd-formmodel .modal-body {
    background: var(--white);
}
.cd-formmodel .modal-footer {
    border-top: 1px solid #eef2f7;
    padding: 5px 10px 15px 10px;
}
.cd-formmodel .modal-backdrop.show {
    opacity: 0.65;
}
.cd-formmodel label.form-label {font-family: 'rubik_m';margin-bottom: 0px;}
/* ------ hero ------- */
.slider-container {width: 100%;}
.slider-container .cd-innerbox {position: relative;}
.slider-container .cd-innerbox .cd-textbox {position: absolute;max-width: 1320px;margin: 0 auto;left: 0;right: 0;top: 5rem;color: white;}
.slider-container .cd-innerbox .cd-textbox .cd-headingText {font-size: clamp(1.5rem, 3vw, 2.5rem);font-family: 'rubik_r';}
.slider-container .cd-innerbox .cd-textbox .cd-secondText {font-size: clamp(1.125rem, 2vw, 1.375rem);font-family: 'rubik_r';margin: 1rem 0 1.5rem;}
.slide-box {background: var(--white);overflow: hidden;}
.slide-box img {width: 100%;display: block;}
.slick-prev:before, .slick-next:before {color: #000;font-size: 25px;}

/* === about === */
.cd-about {padding: 4rem 0;}
.cd-about .cd-clogo{position: relative;margin-bottom: 5rem;}
.cd-about .cd-clogo::after {position: absolute;content: '';background-image: url('../images/c-logo-png.webp');background-repeat: no-repeat;background-position: top center;background-size: cover;top: 0;width: 100%;min-height: 230px;}
.cd-about .cd-aboutTitle {font-size: clamp(2rem, 3vw, 3.75rem);font-family: 'rubik_l';color: var(--primary);}
.cd-about .cd-leftSide p {font-family: 'rubik_r';color: var(--primary);}



/* === solustion === */
.cd-solustion {text-align: center;padding: 4rem 0;}
.cd-solustion .cd-innerbox {padding: 3rem 2.5rem;border-radius: 3rem;background-image: linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -moz-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -webkit-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -ms-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);}
.cd-solustion .cd-sectionTitle h2 {font-size: clamp(1.8rem, 3vw, 3rem);color: var(--white);font-family: 'rubik_b';}
.cd-solustion .cd-sectionTitle p {font-size: clamp(1.5rem, 2vw, 1.25rem);color: var(--white);font-family: 'rubik_m';}
.cd-solustion .cd-card {margin: 10px 0;}
.cd-solustion .cd-card figure {margin: 0;overflow: hidden;border-radius: 20px;}
.cd-solustion .cd-card h3 {color: var(--white);font-size: clamp(1.2rem, 2vw, 1.5rem);font-family: 'roboto_b';margin: 1.5rem 0 1rem;}
.cd-solustion .cd-card p {color: var(--white);font-size: clamp(1rem, 2vw, 1rem);font-family: 'roboto_r';margin-bottom: 1.5rem;}
.cd-solustion .cd-smallbox {max-width: 930px;margin: 0 auto;background-image: linear-gradient(45deg, rgb(7 98 151 / 39%) 0%, rgb(102 169 0 / 22%) 100%);background-image: -moz-linear-gradient(45deg, rgb(7 98 151 / 39%) 0%, rgb(102 169 0 / 22%) 100%);background-image: -webkit-linear-gradient(45deg, rgb(7 98 151 / 39%) 0%, rgb(102 169 0 / 22%) 100%);background-image: -ms-linear-gradient(45deg, rgb(7 98 151 / 39%) 0%, rgb(102 169 0 / 22%) 100%);border-bottom-left-radius: 3rem;border-bottom-right-radius: 3rem;}
.cd-solustion .cd-smallbox .cd-innerinfo {padding: 5px 3rem 2rem;display: flex;align-items: center;justify-content: space-between;gap: 10px;flex-wrap: wrap;}
.cd-solustion .cd-smallbox .cd-innerinfo .cd-textbox {text-align: left;}
.cd-solustion .cd-smallbox .cd-innerinfo .cd-textbox h4 {font-size: clamp(1.2rem, 2vw, 1.5rem);font-family: 'rubik_m';color: var(--primary);}
.cd-solustion .cd-smallbox .cd-innerinfo .cd-textbox h5 {font-size: clamp(1rem, 2vw, 1.125rem);font-family: 'rubik_m';color: var(--primary);}

/* ==== service ==== */
.cd-service {padding: 4rem 0;}
.cd-service .sprite {display: inline-block; vertical-align: middle;}
.cd-service .sprite {background-image: url('../images/icon/services.webp'); background-position: left center; background-repeat: no-repeat;}
.cd-service .sprite.s1_png {background-position: 0 0; width: 60px; height: 60px;}
.cd-service .sprite.s2_png {background-position: 0 -65px; width: 60px; height: 60px;}
.cd-service .sprite.s3_png {background-position: 0 -130px; width: 60px; height: 60px;}
.cd-service .sprite.s4_png {background-position: 0 -195px; width: 60px; height: 60px;}
.cd-service .sprite.s5_png {background-position: 0 -260px; width: 60px; height: 60px;}
.cd-service .cd-serviceIcon {display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: 20px;text-align: center;}
.cd-service .cd-round {display: flex;flex-direction: column;align-items: center;justify-content: center;transition: transform 0.3s ease;padding: 1rem;cursor: pointer;margin: 1rem 0;}
.cd-service .cd-round:hover {transform: translateY(-5px);}
.cd-service .cd-round p {font-size: 1em;font-family: 'rubik_m';color: var(--primary);margin-bottom: 0;}
.cd-service .cd-iconround {width: 134px;height: 134px;border-radius: 50%;background: var(--primary);display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;box-shadow: 3px 4px 7px 1px rgb(0 0 0 / 14%);border: 1px solid #38b5e7;transition: all 0.5s ease;}
.cd-service .cd-iconround:hover {background-color: var(--second);}
.cd-service .cd-iconround span {width: 40px;height: 40px;display: block;}

/* ==== choose ==== */
.cd-whyChoose .cd-sectiontitle .titleh2 {margin-bottom: 1.5rem;}
.cd-whyChoose .cd-sectiontitle .cd-subtitle {margin-bottom: 10px;}
.cd-whyChoose .cd-rightside .cd-listwork {border-radius: 20px;padding: 1.6rem 2rem;display: flex;align-items: center;gap: 10px;}
.cd-whyChoose .cd-rightside .cd-listwork + .cd-listwork {margin-top: 1.5rem;}
.cd-whyChoose .cd-rightside .cd-listwork {background-color: #dff9df;}
.cd-whyChoose .cd-rightside .cd-listwork:nth-child(2) {background-color: #e7f6ff;}
.cd-whyChoose .cd-rightside .cd-listwork:nth-child(3) {background-color: #fff7e8;}
.cd-whyChoose .cd-rightside .cd-listwork .cd-counter {font-size: clamp(2rem, 3vw, 3.75rem);font-family: 'rubik_l';color: var(--primary);margin-right: 1rem;}
.cd-whyChoose .cd-rightside .cd-listwork .cd-textbox h3 {color: var(--primary);font-size: clamp(1.2rem, 2.5vw, 1.5rem);font-family: 'rubik_b';}
.cd-whyChoose .cd-rightside .cd-listwork .cd-textbox p {margin-bottom: 0;color: var(--primary);}

.cd-cta {background-image: url('../images/cta-bg.webp'); background-repeat: no-repeat;background-position: center;background-size: cover; padding: 150px 0;color: #fff;}
.cd-cta h3{font-size: 36px;font-family: 'rubik_m';margin-bottom: 30px;color: #fff;}

/* ==== project ==== */
.cd-projects {background-color: #e7f6ff;padding: 4rem 0;}
.cd-projects .cd-listofProjects {display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));gap: 10px;margin-top: 1rem;}
/* Card Container */
.cd-projects .solar-card {/*width: 350px;*/overflow: hidden;cursor: pointer;}
.cd-projects .card-image {position: relative;overflow: hidden;}
.cd-projects .card-image img {width: 100%;display: block;transition: transform 0.5s ease;}
.cd-projects .overlay {position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0.1));transition: background 0.4s ease;}
/* Text Content */
.cd-projects .card-content {position: absolute;bottom: 20px;left: 0;right: 0;margin: 0 auto;color: #fff;transition: transform 0.4s ease;}
.cd-projects .card-content {text-align: center;padding-inline: 10px;}
.cd-projects .card-content h3 {font-size: clamp(1.2rem, 2.5vw, 1.5rem);font-family: 'rubik_sb';}
.cd-projects .card-content p {line-height: normal;margin-bottom: 0;}
/* Hover Effects */
.cd-projects .solar-card:hover img {transform: scale(1.1);}
.cd-projects .solar-card:hover .overlay {background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.2));}
.cd-projects .solar-card:hover .card-content {transform: translateY(-5px);}
.cd-projects .cd-btnbox {text-align: center;margin-top: 3rem;}

/* ==== ctasection ==== */
.cd-ctasection {background-image: linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -moz-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -webkit-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);background-image: -ms-linear-gradient( 45deg, rgb(7,98,151) 0%, rgb(102,169,0) 100%);padding: 4rem;color: var(--white);border-bottom: 1px solid #fff;}
.cd-ctasection .cd-msgbtn h2 {font-size:  clamp(1.8rem, 3vw, 2.25rem);font-family: 'rubik_m';}
.cd-ctasection .cd-msgbtn h3 {font-size:  clamp(1.2rem, 3vw, 1.5rem);font-family: 'rubik_r';}
.cd-ctasection .cd-calltext {text-align: right;}
.cd-ctasection .cd-calltext .cd-custcall {color: var(--white);font-size: clamp(2rem, 3vw, 3.75rem);font-family: 'rubik_l';}

/* ==== about ===== */
.hero {background: url("../images/aboutus.webp") center/cover no-repeat;min-height: 350px;position: relative;display: flex;align-items: center;justify-content: center;color: var(--white);}
.hero::after {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}
.hero-content {position: relative;z-index: 2;text-align: center;}

.cd-aboutheader {background-image: url('../images/about-banner.webp');}

/* About Section */
.about-section {padding: 4rem 0;}
.about-section h2 {font-weight: 600;}
.cd-relative {position: relative;}
.cd-relative .cd-bgbox {position: absolute;top: -1.5rem;left: -1.5rem;width: calc(100% - 30%);height: 100%;border-radius: 1.5rem;z-index: -1;background-image: linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);background-image: -moz-linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);background-image: -ms-linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);}

/* Stats */
.counter-section {background-color: var(--primary);padding: 4rem 0;color: var(--white);text-align: center;position: relative;}
.counter-section .bg-line {position: absolute;inset: 0;opacity: 0.3;background-image: url('../images/icon/line.svg');z-index: 0;}
.counter-section .counter-box {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 40px;position: relative;z-index: 1;}
.counter-section .counter-item {flex: 1;min-width: 250px;}
.counter-section .counter-item:hover .icon {border-color: var(--second);box-shadow: 0 0 20px rgba(0, 255, 106, 0.6);}
.counter-section .icon {font-size: clamp(2rem, 3vw, 3.75rem);margin-bottom: 10px;display: flex;border-radius: 100%;width: 100px;height: 100px;align-items: center;justify-content: center;justify-self: center;padding: 30px 20px;border-bottom: 3px solid var(--second);transition: 0.4s;}
.counter-section .counter-item h2 {font-size: clamp(2rem, 3vw, 3.75rem);font-family: 'rubik_m';margin: 10px 0;}
.counter-section .counter-item p {font-size: clamp(1rem, 2vw, 1.125rem);}

/* Timeline */
.team-section {background: #e7f6ff;padding: 4rem 0;}
.team-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;}
.team-header h2 {font-size: clamp(1.8rem, 2vw, 2.5em);font-family: 'rubik_sb';color: var(--primary);}
.team-header p {color: var(--primary);margin-top: 5px;margin-bottom: 0;font-family: 'rubik_m';font-size: 1.125em;}
.team-arrows button {background: var(--second);color: var(--white);width: 40px;height: 40px;border-radius: 8px;margin-left: 10px;cursor: pointer;transition: 0.3s;}
.badge-flag {background: var(--second);color: var(--white);padding: 8px 20px;border-radius: 20px;font-weight: 600;display: inline-block;margin-bottom: 10px;}
.team-arrows button:hover {background: var(--primary);}
.team-card {background: linear-gradient(145deg, #076297, #09121f);background: -webkit-linear-gradient(145deg, #076297, #09121f);padding: 25px;border-radius: 16px;border: 1px solid #1f2a40;margin: 0 10px;min-height: 80px;}
.team-top {display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}
.team-top img {width: 100px;height: 100px;border-radius: 50%;object-fit: cover;}
.team-card h4 {color: var(--second);margin: 0;font-size: clamp(1.2rem, 3vw, 1.75rem);}
.team-card p {font-size: 1em;color: var(--white);margin-bottom: 0;}

/* Why Choose */
.section-wrap {padding: 4rem 0;}
.eyebrow {letter-spacing: 0.08em;font-size: 1em;font-family: 'rubik_m';color: var(--primary);}
.lead-text {color: var(--primary);line-height: 1.7;max-width: 46ch;font-family: 'rubik_r';font-size: 1rem;}
.feature-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 22px;}
.glass-card {position: relative;border-radius: 16px;padding: 26px 26px 22px;background-image: -webkit-linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);background-image: linear-gradient( 90deg, rgb(84 133 9) 0%, rgb(119, 192, 7) 100%);border: 2px solid rgb(255 255 255);box-shadow: 0px 4px 4px 1px rgb(0 0 0 / 15%);backdrop-filter: blur(14px);overflow: hidden;min-height: 160px;}
.glass-card::before {content: "";position: absolute;inset: -2px;background: radial-gradient(420px 220px at 20% 20%, rgba(255, 255, 255, 0.1), transparent 60%), radial-gradient(420px 260px at 80% 10%, rgba(59, 130, 246, 0.1), transparent 62%), radial-gradient(520px 260px at 50% 100%, rgba(168, 85, 247, 0.08), transparent 65%);pointer-events: none;opacity: 0.9;}
.card-inner {position: relative;z-index: 1;}
.icon-badge {width: 80px;height: 80px;border-radius: 10px;display: grid;place-items: center;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.04);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);margin-bottom: 14px;font-size: clamp(2rem, 2.5vw, 3rem);background-color: var(--white);}

.cd-media {display: flex;align-items: center;gap: 1rem;}
.glass-card h3 {font-size: 1.12rem;color: var(--white);font-family: 'rubik_m';margin: 0 0 8px;}
.glass-card p {margin: 0;color: rgba(255, 255, 255, 0.72);line-height: 1.65;font-size: 0.97rem;max-width: 56ch;}
/* Responsive */
@media (max-width: 991.98px) {
    .feature-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .lead-text {max-width: none;}
}

/* Residential Solar */
.cd-solarRoof {padding: 4rem 0;}
.cd-solarRoof .cd-roof2 {max-height: 250px;width: 100%;object-fit: cover;margin-top: 2rem;}
.cd-solarRoof p {color: var(--primary);}
.cd-compnay {padding: 4rem 0;}
.cd-compnay .compnay-logo {min-height: 76px;line-height: 76px;display: flex;flex-wrap: wrap;align-items: center;padding: 10px;border-radius: 10px;margin: 10px;border: 4px solid;border-image: linear-gradient(#076297, #36b44c) 0.5;border-radius: 10px;}
/* Feature Cards */
.cd-feature {padding: 4rem 0;background-color: #e7f6ff;}
.cd-feature .card {position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;margin: 1rem 0;}
.cd-feature .card img {object-fit: cover;width: 100vmin;aspect-ratio: 1;}
.cd-feature .card-icon {margin-bottom: 1rem;}
.cd-feature .card-icon .sv-icon {font-size: clamp(2rem, 3vw, 3rem);width: 92px;height: 92px;display: flex;border: 1px dashed #fff;color: #fff;line-height: normal;justify-content: center;align-items: center;justify-self: center;background-color: var(--second);}
/* Common content styles */
.cd-feature .card-content {position: absolute;left: 0;width: 100%;height: 100%;padding: 20px;color: #fff;transition: all 0.4s ease;}
.cd-feature .card-content.basic {bottom: 0;background: linear-gradient(to top, rgb(0 0 0 / 68%), transparent);display: flex;flex-direction: column;justify-content: flex-end;text-align: center;}.card-content.basic .cd-headtitle {margin-bottom: 0;}
.cd-feature .card-content.hover {top: 0;height: 100%;background: rgba(0, 0, 0, 0.75);opacity: 0;display: flex;flex-direction: column;justify-content: center;text-align: center;}
/* Hover effects */
.card:hover .basic {opacity: 0;transform: translateY(20px);}
.card:hover .hover {opacity: 1;}    
.cd-headtitle {font-size: clamp(1.125rem, 2vw, 1.3rem);}

/* welcome infrax */
.cd-welcome {position: relative;padding: 4rem 0;}
.cd-welcome .img-collage {position: relative;}
.cd-welcome .collage-img-1 {position: absolute;top: 40px;left: 0;width: 40%;z-index: 2;}
.cd-welcome .collage-img-2 {position: absolute;bottom: 0;right: 0;width: 35%;z-index: 3;}
.cd-welcome .collage-img-main {position: relative;top: 0;left: 115px;z-index: 1;}

/* Testimonials */
.cd-testimonial .cd-quot {font-size: 2em;color: #ffffff3d;position: absolute;top: 8px;}
.cd-testimonial .team-top {position: relative;}
.cd-testimonial .indented-text {text-indent: 2.5rem;}
.cd-testimonial .team-card {min-height: 186px;display: flex;flex-direction: column;justify-content: space-between;}
.cd-testimonial .team-card h4 {font-family: 'rubik_m';font-size: clamp(1.2rem, 3vw, 1.125rem);}

/* ---- Industrial Solar ---- */
.cd-solarBusiness {padding: 4rem 0;}
.service-card {padding: 2rem 1rem;border: 1px solid #e3e3e3;background: #fff;height: 100%;transition: 0.3s;}
.service-card p {margin-bottom: 0;font-size: 15px;}
.service-card:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);transform: translateY(-5px);}
.service-card h5 {font-family: 'rubik_m';margin-top: 10px;color: var(--primary);}
.service-icon {font-size: 30px;color: #1b4f9c;}
/* Feature Cards */
.cd-whySolar {padding: 4rem 0;}
.feature-card {background: #ffffff;border-radius: 24px;padding: 3rem;height: 100%;border: 1px solid rgba(0, 0, 0, 0.04);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position: relative;z-index: 1;overflow: hidden;}
.feature-card::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: linear-gradient(90deg, var(--second) 0%, #b9ff4d80 100%);transform: scaleX(0);transition: transform 0.4s ease;}
.feature-card:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);border-color: rgba(132, 204, 22, 0.2);}.feature-card:hover::before {transform: scaleX(1);}
.quote-icon {width: 60px;height: 60px;background: linear-gradient(135deg, rgba(132, 204, 22, 0.1) 0%, rgba(132, 204, 22, 0.2) 100%);border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;position: relative;}
.quote-icon::after {content: "";position: absolute;inset: -4px;border-radius: 20px;background: linear-gradient(135deg, var(--second) 0%, #67991A 100%);opacity: 0;z-index: -1;transition: opacity 0.3s ease;}
.feature-card:hover .quote-icon::after {opacity: 0.15;}.quote-icon i {font-size: 1.75rem;color: var(--second);font-weight: bold;}
.card-title {font-size: 1.5rem;font-weight: 700;color: var(--primary);margin-bottom: 1rem;line-height: 1.3;}
.card-text {font-size: 1rem;color: var(--primary);line-height: 1.7;margin-bottom: 0;}

/* Stats Badge */
.stats-badge {display: inline-flex;align-items: center;gap: 0.5rem;background: var(--primary);color: white;padding: 0.75rem 1.5rem;border-radius: 50px;font-weight: 600;font-size: 0.9rem;margin-top: 2rem;box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2);}
.stats-badge i {color: var(--second);}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .section-title {
        font-size: 2.25rem;
    }
    .feature-card {
        padding: 2rem;
        margin-bottom: 1rem;
    }
    .why-solar-section {
        padding: 4rem 0;
    }
}

/* Animation Classes */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.8s ease forwards;
}
@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.delay-1 {animation-delay: 0.1s;}
.delay-2 {animation-delay: 0.2s;}
.delay-3 {animation-delay: 0.3s;}
.delay-4 {animation-delay: 0.4s;}

/* cd-investForm */
.cd-investForm {min-height: 100vh;position: relative;overflow: hidden;display: grid;place-items: center;padding: clamp(32px, 4vw, 56px) 0;background: radial-gradient(1200px 500px at 20% 20%, rgba(255, 176, 0, 0.25), transparent 60%), radial-gradient(900px 450px at 90% 30%, rgba(255, 106, 0, 0.18), transparent 55%), linear-gradient(110deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.3)), url("../images/business-solutions/invest-bg.webp") center/cover no-repeat;background-attachment: fixed;}
.cd-investForm::after {content: "";position: absolute;inset: 0;background: linear-gradient( 90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0.42) 100% );pointer-events: none;}
.cd-investForm > .container {position: relative;z-index: 2;}
.cd-investForm .badge-accent {background: rgba(255, 176, 0, 0.15);border: 1px solid rgba(255, 176, 0, 0.35);color: #ffd18a;}
.cd-investForm h2 {color: var(--white);font-weight: 800;letter-spacing: -0.03em;line-height: 1.05;font-size: clamp(2rem, 4vw, 3.3rem);margin: 14px 0 12px;}
.cd-investForm p {color: var(--white);font-size: 1.05rem;line-height: 1.7;max-width: 52ch;}
.cd-investForm .mini-stats {display: flex;gap: 18px;flex-wrap: wrap;margin-top: 18px;}
.cd-investForm .stat {padding: 10px 14px;border-radius: 14px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(255, 255, 255, 0.12);backdrop-filter: blur(8px);}
.cd-investForm .stat .k {color: var(--white);font-weight: 800;font-size: 1.05rem;}
.cd-investForm .stat .l {color: var(--white);font-size: 0.88rem;}
/* Glass form card */
.cd-investForm .glass-card {background: linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.06));border: 1px solid var(--glass-border);border-radius: 18px;box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);}
.cd-investForm .form-label {color: rgba(255, 255, 255, 0.75);font-size: 1rem;font-weight: 600;}
.cd-investForm .form-control, .cd-investForm .form-select {border-radius: 14px;border: 1px solid rgba(255, 255, 255, 0.18);background: rgba(255, 255, 255, 0.92);padding: 12px 14px;caret-color: var(--primary);}
.cd-investForm .form-control:focus, .cd-investForm .form-select:focus {border-color: rgba(255, 176, 0, 0.55);box-shadow: 0 0 0 0.25rem rgba(255, 176, 0, 0.2);}
.cd-investForm .btn-accent {border: 0;border-radius: 14px;padding: 12px 14px;font-weight: 700;background: linear-gradient(135deg, var(--accent), var(--accent2));box-shadow: 0 16px 40px rgba(255, 106, 0, 0.28);}
.cd-investForm .btn-accent:hover {filter: brightness(1.03);transform: translateY(-1px);}
.cd-investForm .privacy {color: rgba(255, 255, 255, 0.7);font-size: 0.85rem;}

/* Responsive tweaks */
@media (max-width: 991px) {
    .cd-investForm::after {
        background: rgba(0, 0, 0, 0.55);
    }
}

/* ---- press ---- */
.cd-press {padding: clamp(32px, 4.5vw, 70px) 0;background: radial-gradient(900px 500px at 15% 10%, rgba(91, 124, 250, 0.18), transparent 60%), radial-gradient(900px 500px at 85% 15%, rgba(37, 194, 255, 0.14), transparent 55%), linear-gradient(180deg, #f7f9ff, var(--white));}
.press__head {display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-bottom: 18px;}
.press__card {background: var(--white);border: 1px solid rgba(15, 23, 42, 0.1);border-radius: 18px;box-shadow: 0 18px 60px rgba(15, 23, 42, 0.1);padding: clamp(14px, 2vw, 20px);}

/* GRID */
.logo-grid {list-style: none;padding: 0;margin: 0;display: grid;gap: 14px;grid-template-columns: repeat(auto-fill, minmax(205px, 1fr));}
.logo-item {border-radius: 16px;border: 1px solid rgba(15, 23, 42, 0.08);background: linear-gradient(180deg, #fff, #fbfdff);overflow: hidden;transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;}
.logo-link {display: flex !important;align-items: center;justify-content: center;padding: 18px;min-height: 100%;text-decoration: none;}

/* Logo image style */
.logo-link img {max-width: 100%;object-fit: contain;filter: grayscale(100%);opacity: 0.92;transition: filter 0.18s ease, opacity 0.18s ease, transform 0.18s ease;}
.logo-item:hover {transform: translateY(-3px);border-color: rgba(91, 124, 250, 0.25);box-shadow: 0 16px 45px rgba(15, 23, 42, 0.12);}
.logo-item:hover img {filter: grayscale(0%);opacity: 1;transform: scale(1.02);}

/* Accessibility focus */
.logo-link:focus-visible {outline: 3px solid rgba(37, 194, 255, 0.55);outline-offset: 3px;border-radius: 14px;}
.press__note {margin: 14px 2px 0;color: #475569;font-size: 0.95rem;}
.text-link {color: #1d4ed8;font-weight: 700;text-decoration: none;}
.text-link:hover {text-decoration: underline;text-underline-offset: 4px;}

/* ---- career ---- */
.file-input {position: relative;display: inline-block;padding: 20px;border: 2px dashed #007BFF;border-radius: 8px;cursor: pointer;transition: background 0.3s;width: 100%;color: var(--white);}
.file-input:hover {background: #e7f0ff;color: var(--primary);}
.file-input input {display: none;}
.file-name {margin-top: 10px;font-weight: bold;}

/* --- partner --- */
.cd-contactBar {background: #0A2540;padding: 4rem 0;color: var(--white);}
.cd-contactBar .form-control {background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.2);color: var(--white);border-radius: 8px;padding: 12px;}
.cd-contactBar .form-control::placeholder {color: #94a3b8;}
/*  */
.cd-whyJoin {padding: 4rem 0;background-color: #e7f6ff;}
.cd-whyJoin .feature-card {background: var(--white);padding: 40px;border-radius: 16px;border: 1px solid #f1f5f9;transition: all 0.3s ease;height: auto;text-align: center;margin: 1rem 0;}
.cd-whyJoin .feature-card:hover {transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05);}
.cd-whyJoin .feature-card h4 {font-size: clamp(1.2rem, 2vw, 1.5rem);}
.cd-whyJoin .icon-box {width: 70px;height: 70px;background: rgba(130, 201, 30, 0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;color: var(--primary-green);font-size: 1.8rem;}

/* ---- portfolio ---- */
.cd-portfolio {padding: 4rem 0;}
.cd-portfolio .card {position: relative;overflow: hidden;border-radius: 10px;cursor: pointer;margin: 1rem 0;}
.cd-portfolio .card img {width: 100%;min-height: 300px;object-fit: cover;transition: 0.4s;}
.cd-portfolio .card:hover img {transform: scale(1.1);}
.cd-portfolio .card-content {position: absolute;bottom: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 3rem 20px 1rem;color: var(--white);background: linear-gradient(#00000000, rgb(0 0 0 / 78%));}
.cd-portfolio .card-content h3 {font-size: clamp(1.2rem, 3vw, 1.3rem);color: var(--white);margin-bottom: 0;}
.cd-portfolio .play-btn {width: 55px;height: 55px;border-radius: 50%;background: var(--second);border: none;font-size: 30px;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;}
.cd-portfolio .cd-openytub .fi {color: var(--white);line-height: normal;display: flex;}

/* --- Contact --- */
.cd-contact {padding: 4rem 0;}
.cd-contact .contact-info-card {background: var(--white);border-radius: 10px;padding: 26px;margin: 20px 0;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease, box-shadow 0.3s ease;border-left: 5px solid var(--second);}
.cd-contact .contact-info-card .cdlink {color: var(--dark);}
.cd-contact .contact-info-card p {margin-bottom: 0;}
.cd-contact .contact-info-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}
.cd-contact .contact-info-card i {font-size: 2rem;color: var(--second);margin-bottom: 15px;}
.cd-contact .contact-info-card h5 {color: var(--primary);font-weight: 600;}
/* Contact Form */
.cd-contact .contact-form-container label.form-label {font-family: 'rubik_m';}
.cd-contact .contact-form-container {background: var(--white);padding: 40px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);}
.cd-contact .form-control, .cd-contact .form-select {border-radius: 5px;padding: 12px;border: 1px solid #dee2e6;}
.cd-contact .form-control:focus, .cd-contact .form-select:focus {border-color: var(--second);box-shadow: 0 0 0 0.2rem rgba(124, 179, 66, 0.25);}
/* FAQ Section */
.faq-section {padding: 4rem 0;}
.faq-section .accordion-button:not(.collapsed) {color: var(--primary);background-color: rgba(124, 179, 66, 0.1);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);}
.faq-section .accordion-button:focus {box-shadow: 0 0 0 0.25rem rgba(124, 179, 66, 0.25);border-color: rgba(124, 179, 66, 0.5);}
.faq-section .accordion-item {border: none;margin: 1rem 0;border-radius: 5px !important;overflow: hidden;box-shadow: 0 0 8px 3px rgb(0 0 0 / 8%);padding: 6px;}
.faq-section .accordion-item .accordion-button {font-size: 18px;font-family: 'rubik_m';box-shadow: none;}
.accordion-button:focus {box-shadow: none;}


/* --- footer --- */
.cd-footer {background-color: var(--white);padding: 4rem 0 0;color: var(--primary);text-wrap: balance;}
.cd-footer .cd-footerinfo {display: flex;align-items: start;gap: 1rem;justify-content: space-between;border-bottom: 1px solid var(--primary);padding-bottom: 3rem;}
.cd-footer .cd-footerinfo .cd-footicon {flex: 0 0 auto;}
.cd-footer .cd-footerinfo .cd-footlist {display: flex;align-items: start;gap: 1.5rem;}
.cd-footer .cd-footerinfo .cd-footlist h3 {font-size: clamp(1.2rem, 3vw, 1.5rem);font-family: 'rubik_m';}
.cd-footer .cd-footerinfo .cd-footlist p {font-size: 1em;font-family: 'rubik_m';margin-bottom: 0;}
.cd-footer .cd-link {color: var(--primary);}
.cd-copyright {text-align: center;padding: 2.5rem 0 0rem 0;display: flex;justify-content: center;gap: 10px;border-top: 1px solid #fff;margin-top: 50px;}
.cd-copyright p, .cd-copyright .cd-policy {font-size: 1em;font-family: 'rubik_m';margin-bottom: 0;color: #fff;}
.cd-copyright .cd-policy {text-decoration: underline;color: #fff;}

/*---- policy ---- */
.cd-policyInfo {padding-top: 4rem;}
.cd-policyInfo .last-updated {color: #6b7280;font-size: 14px;margin-bottom: 36px;padding-bottom: 22px;border-bottom: 1px solid #e5e7eb;}
.rating-flex{display: flex;align-items: center;}
.rating-section{position: relative; background-color: #F1F1F1;padding: 10px 20px;border-radius: 50px;width: fit-content;margin: 30px 0 20px 0;}
.rating-section p{margin-bottom: 0px;}
.rating-section .number{font-size: 36px;font-family: 'roboto_b';margin-top: -40px;margin-bottom: 0px;line-height: normal;}
.fa-star.yellow{color: #FF8A00;}.font-12{font-size: 12px;}

.bill-question {font-size: 18px;font-weight: 600;display: block;margin-bottom: 15px;color: #333;}
.bill-options {display: flex;flex-wrap: wrap;gap: 10px;}
.bill-options input[type="radio"] {display: none;}
.bill-options label {display: inline-block;padding: 8px 10px;border: 1px solid #ccc;border-radius: 10px;cursor: pointer;font-size: 16px;color: #333;transition: all 0.3s ease;background-color: #fff;font-family: 'rubik_m';}
.bill-options label:hover {border-color: #000;background-color: #f9f9f9;}
.bill-options input[type="radio"]:checked + label {border-color: #007bff;background-color: #e7f1ff;color: #007bff;}


.footer-section{background-color: #076297;padding: 80px 0 40px 0;color: #fff;}
.footer-section a{color: inherit}
.foot-head{font-family: 'roboto_b';margin-bottom: 10px;font-size: 24px;}
.foot-head1{font-family: 'roboto_b';margin-bottom: 10px;font-size: 24px;margin-top: 50px;}

/*===========
     Mobile view 
=================*/
.mobile-sticky-footer {
	display: inline-block;
	width: 100%;
}
.mobile-sticky-footer {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: var(--primary);
}
.mobile-sticky-footer a {
	float: left;
	width: 20%;
	padding: 3px 10px;
	text-align: center;
	color: var(--white);
	font-size: 26px;
}
.mobile-sticky-footer a:hover {
	background-color: rgba(0,0,0,0.5);
}
/*======= # Mobile view =======*/

/* ======= back to top ========== */
#return-to-top {
    position: fixed;
    border: 2px solid #fff;
    bottom: 20px;
    right: 20px;
    background-color: var(--primary);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 39px;
    display: block;
    text-decoration: none;
    display: none;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.25);
    opacity: 0.3;
}
#return-to-top:hover {opacity: 1;}
#return-to-top i {
    color: #fff;
    font-weight: 600;
    margin: 0;
    top: 0;
    position: relative;
    font-size: 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* ======= # back to top ========== */


/* ============================================
   RESPONSIVE UTILITIES
   ============================================ */
@media (min-width: 992px) {
    .mobile-sticky-footer {display: none;}
    
    
}
@media only screen and (min-width: 1200px) and (max-width: 1320px) {
    .cd-footer .cd-footerinfo .cd-footlist {flex: 0 0 33.33%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav {flex: 0 0 auto;}
    .cd-navheader .nav-link {padding: 5px !important;}
    .cd-about .cd-clogo::after {min-height: 155px;}
    .cd-footer .cd-footerinfo .cd-footlist {flex: 0 0 33.33%;}
}
@media (max-width: 991px) {
    body {padding-top: 90px;}
    .cd-topbar {display: none;}
    .cd-navheader .nav-item.dropdown .dropdown-menu.show {margin-bottom: 1rem;}
    #return-to-top {bottom: 50px;}
    nav.cd-navheader .navbar-collapse {margin-top: 8px;border-top: 1px solid var(--second);}
    .cd-navheader button.navbar-toggler {border: 0;background-color: var(--second);}
    .cd-footer {margin-bottom: 45px;}
    .cd-footer .cd-footerinfo {flex-wrap: wrap;}
    .cd-projects .cd-listofProjects {gap: 10px;}
    .cd-projects .solar-card {margin: 0;}
    .slider-container .cd-innerbox .cd-textbox {top: 5rem;padding-inline: 1rem;}
    .counter-section .counter-box {gap: 20px;}
    .cd-welcome .collage-img-main {left: 0;}
    .foot-head{margin-top: 30px;}
    .foot-head1{margin-top: 30px;}
}
@media only screen and (min-width: 938px) and (max-width: 1030px) {
    .cd-businessSolution .cd-listofProjects {grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .cd-solustion .cd-smallbox {margin-top: -45px;padding-top: 45px;z-index: -1;position: relative;}
    .cd-about .cd-clogo::after {min-height: 142px;}
    .counter-section .counter-item {min-width: 220px;}
    .cd-businessSolution .cd-listofProjects {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));}
}
@media (min-width: 768px) {
    .faq-section .accordion-item .cd-twocol {column-count: 2;}
}
@media (max-width: 767px) {    
    .cd-copyright {flex-wrap: wrap;margin-top: 10px;margin-bottom: 30px;}
    .slide-box img {width: auto;}
    .cd-about, .cd-solustion, .cd-service, .cd-projects, .about-section, .team-section, .counter-section, .section-wrap, .cd-solarRoof, .cd-compnay, .cd-feature, .cd-welcome, .cd-portfolio, .cd-contact, .faq-section, .cd-solarBusiness, .cd-whySolar, .cd-contactBar,.cd-whyJoin, .cd-policyInfo {padding: 2rem 0;}
    .cd-footer {padding-top: 2rem;}
    .cd-solustion .cd-innerbox {padding: 2rem 1.5rem;}
    .cd-about .cd-clogo {margin-bottom: 2rem;}
    .cd-solustion .cd-smallbox { margin-top: -45px;padding-top: 4rem;z-index: -1;position: relative;}
    .cd-solustion .cd-smallbox img {display: none;}
    .cd-solustion .cd-smallbox .cd-innerinfo {justify-content: center;}
    .cd-service .cd-serviceIcon {gap: 0;}
    .cd-service .cd-round {margin: 0;}
    .cd-ctasection .cd-msgbtn, .cd-ctasection .cd-calltext {text-align: center;}
    .cd-ctasection .cd-calltext .cd-custcall {margin-top: 1rem;}
    .about-section .cd-relative {margin-top: 2rem;}
    .cd-contact .contact-form-container {padding: 1.5rem;}
    
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
    .cd-about .cd-clogo::after {min-height: 105px;}
    .cd-feature .card img {width: 100%;}
    .cd-whyJoin .feature-card {padding: 1.5rem;}
    .about-section .cd-relative {margin: 2rem 6rem;}
}
@media (max-width: 639px) {
    .cd-about .cd-clogo::after {min-height: 60px;}     
    .cd-whyChoose .cd-rightside {margin-top: 2rem;}
    .cd-cta {flex-wrap: wrap;text-align: center;padding-block:2rem}    
    .cd-projects .cd-btnbox {margin-top: 2rem;}
    .cd-ctasection {padding: 1.5rem;}
    .hero {min-height: 140px;}
    .team-arrows {display: flex;flex: 0 0 auto;}
}

@media (max-width: 575px) {
    .footer-section{text-align: center;}
}