@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Noto+Nastaliq+Urdu:wght@400..700&display=swap');
:root {
    --button-color: #159c2d;
    --button-hover-color: #58d16f;
    --button-hover-color1: #455a64;
    --heading-font-size: 40px;
    --list-font-size: var(--list-font-size);
}

* {
    font-family: "Archivo", sans-serif;
}

body {
    scroll-behavior: smooth;
}

header {
    background-color: #f1f0f8;
}


/* Navbar */

.solarPanelLandingNavbar a img {
    width: 8%;
}

.solarPanelLandingNavbar .navbar-brand div {
    line-height: 20px;
}

.solarPanelLandingNavbar .navbar-brand div p {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.01em;
    color: #263238;
    text-wrap: wrap;
}

.solarPanelLandingNavbar .navbar-brand div span {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.01em;
    color: #271f55;
}

.adminUsername1 {
    color: #f2f2f2;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    max-width: 142px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}

.solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link {
    font-weight: 500;
    font-size: 16px;
    color: #222228;
}

.solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link.active,
.solarPanelLandingNavbar .offcanvas .offcanvas-body ul .nav-item .nav-link.active {
    font-weight: 700;
    font-size: 16px;
    color: #5452dc;
}

.solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link.active,
.solarPanelLandingNavbar .offcanvas .offcanvas-body ul .nav-item .nav-link.active {
    position: relative;
    padding-bottom: 5px !important;
}

.solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 3px;
    bottom: -3px;
    left: 18%;
    background: #5452dc;
    border-radius: 10px;
}

.solarPanelLandingNavbar .offcanvas .offcanvas-body ul .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    width: 14%;
    height: 3px;
    bottom: 0px;
    left: 0%;
    background: #5452dc;
    border-radius: 10px;
}

.solarPanelLandingNavbar .offcanvas .offcanvas-body ul li {
    background-color: #ebebff;
    border-radius: 10px;
}

.registerBtn {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #464646;
    padding: 0 20px;
    border-radius: 67px;
    height: 38px;
}

.registerBtn:hover {
    background-color: #464646;
    color: #fff;
}

.loginBtn {
    background-color: #5452dc;
    border-radius: 67px;
    height: 38px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    padding: 0 30px;
}

.loginBtn:hover {
    background-color: #8886fd;
    color: #fff;
}


/* Header */

.solarLandingHeaderDiv span {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #5452dc;
    background: rgba(102, 117, 255, 0.13);
    border-radius: 19px;
    padding: 5px 10px;
}

.solarLandingHeaderDiv h1 {
    font-weight: 700;
    font-size: var(--heading-font-size);
    color: #00954a;
}

.solarLandingHeaderDiv h6 {
    font-weight: 400;
    font-size: 16px;
    color: #6b6b6b;
    line-height: 180%;
}

.solarLandingHeaderDiv .col-lg-8 button {
    background: #159c2d;
    border-radius: 67px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: var(--list-font-size);
    text-align: center;
    color: #fff;
}

.solarLandingHeaderDiv .col-lg-8 img {
    width: 40%;
    height: 161px;
    border-radius: 27px;
}

.solarLandingHeaderDiv .col-lg-4 img {
    width: 25%;
}


/* About Program */

.aboutProgram .col-lg-6:nth-child(1) img {
    width: 80%;
}

.aboutProgramBackImg {
    width: 15%;
    right: 0;
    z-index: -1;
    top: -35%;
}

.aboutProgram h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.aboutProgram p {
    font-weight: 400;
    font-size: 16px;
    line-height: 157%;
    color: #6b6b6b;
}

.aboutStats h6 {
    font-weight: 700;
    font-size: 25px;
    line-height: 117%;
    color: #263238;
}

.aboutStats p {
    font-weight: 500;
    font-size: var(--list-font-size);
    text-transform: capitalize;
    color: #323c45;
}


/* Benefits Program */

.benefitsDiv .col-lg-6:nth-child(1) {
    padding-left: 115.6px;
}

.benefitsDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

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

.benefitsDiv ul li {
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    font-size: 19px;
    color: #6b6b6b;
}

.benefitsDiv ul li::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16.5' fill='%23159C2D' stroke='%231EAC53' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.8812 10.8181C27.0081 10.9269 27.1123 11.0596 27.188 11.2087C27.2636 11.3578 27.309 11.5203 27.3218 11.687C27.3346 11.8537 27.3144 12.0213 27.2623 12.1801C27.2103 12.339 27.1275 12.4861 27.0186 12.6129L16.84 24.4879C16.7259 24.621 16.5855 24.7292 16.4276 24.8054C16.2697 24.8817 16.0978 24.9246 15.9225 24.9313C15.7473 24.938 15.5726 24.9084 15.4094 24.8443C15.2461 24.7803 15.0979 24.6832 14.9739 24.5592L9.03643 18.6217C8.80478 18.3816 8.67669 18.0601 8.67974 17.7265C8.6828 17.3929 8.81676 17.0739 9.05277 16.8381C9.28878 16.6023 9.60796 16.4686 9.94156 16.4659C10.2752 16.4632 10.5965 16.5916 10.8363 16.8234L15.8035 21.7889L25.088 10.9572C25.3077 10.7013 25.6199 10.5432 25.9562 10.5174C26.2924 10.4916 26.6251 10.5987 26.8812 10.8181Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.benefitsBackImg {
    top: 0;
    width: 40%;
}


/* eligibility Div */

.eligibilityDiv {
    background-image: url("../assets/eligibility-banner-img.html");
    background-repeat: no-repeat;
    background-size: cover;
}

.eligibilityDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.eligibilityDiv h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 133%;
    color: #263238;
}

.eligibilityDiv h3 span {
    color: #159c2d;
}

.eligibilityDiv .card {
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.24);
    background: #fff;
    border-radius: 33px;
}

.eligibilityDiv .col-lg-6 p,
.eligibilityDiv .col-12 p {
    font-weight: 500;
    font-size: var(--list-font-size);
    line-height: 117%;
    color: #263238;
}

.eligibilityDiv .col-lg-6 p span,
.eligibilityDiv .col-12 p span {
    font-weight: 400;
    color: #6b6b6b;
    font-size: var(--list-font-size);
}

.eligibilityDiv .col-lg-6 p span .fw-semibold,
.eligibilityDiv .col-12 p span .fw-semibold {
    color: #263238 !important;
}

.eligibilityDiv .col-lg-6 h6,
.eligibilityDiv .col-12 h6 {
    font-weight: 700;
    font-size: var(--list-font-size);
    line-height: 157%;
    color: #5452dc;
}

.eligibilityDivList1 {
    line-height: 175%;
}

.eligibilityDivList2 {
    line-height: 175%;
}

.eligibilityDivList1 li,
.eligibilityDivList2 li {
    font-weight: 500;
    font-size: var(--list-font-size);
    color: #263238;
    position: relative;
}

.eligibilityDivList1 li {
    list-style: none;
}

.eligibilityDivList2 li {
    list-style: disc !important;
}

.eligibilityDivList2 li:before {
    content: unset !important;
}

.eligibilityDivList1 li:before {
    content: '';
    position: absolute;
    left: -4%;
    top: 0;
    transform: translateY(12px);
    width: 10px;
    height: 5px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5" fill="none"><rect width="10" height="5" fill="%23159C2D"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

.eligibilityDivList1 li span,
.eligibilityDivList2 li span {
    color: #263238 !important;
    font-weight: 600;
}


/* Apply Div */

.applyDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.applyDiv p {
    font-weight: 500;
    font-size: var(--list-font-size);
    color: #646464;
}

.applySteps h4 {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #18191c;
}

.applySteps p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    text-align: center;
    color: #767f8c;
}

.applyStepImg {
    height: 72px;
}

.applyArrowImg1 {
    position: absolute;
    width: 20%;
    left: 23%;
    top: 0px;
}


/* .applyArrowImg2 {
    position: absolute;
    width: 17%;
    bottom: 63%;
    left: 42%;
} */

.applyArrowImg3 {
    position: absolute;
    width: 20%;
    right: 24%;
    bottom: 55%;
}


/* testimonial Section */

.testimonialDiv {
    background-color: #f1f0f8;
}

.testimonialDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.testimonialDiv p {
    font-weight: 500;
    font-size: var(--list-font-size);
    color: #323c45;
}

.testimonialDiv .card {
    border-radius: 13px;
}

.userFeedback p {
    font-weight: 400;
    font-size: 18px;
    color: #7b7b7b;
}

.userInfo img {
    max-width: 50px;
    max-height: 50px;
}

.userInfo h5 {
    font-weight: 500;
    font-size: 22px;
    color: #008c00;
}

.userInfo p {
    font-weight: 300;
    font-size: 15px;
    color: #7b7b7b;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    border: 1.3px solid #008c00 !important;
    border-radius: 50%;
    padding: 12px !important;
}

.testimonialDiv .owl-prev {
    position: absolute;
    top: 35%;
    left: -6%;
}

.testimonialDiv .owl-next {
    position: absolute;
    top: 35%;
    right: -6%;
}


/* Projects Section */

.projectsDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.projectsDiv p {
    font-weight: 500;
    font-size: var(--list-font-size);
    color: #646464;
}


/* FAQS Section */

.faqsDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.faqsAccordionDiv .accordion-button.open::after {
    background-image: url("../assets/minus-icon.svg");
}

.faqsAccordionDiv .accordion-button::after {
    background-image: url("../assets/plus-icon1.svg");
}

.firstAccorHead span:nth-child(1) {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
    color: #9442fe;
}

.firstAccorHead span:nth-child(2) {
    font-weight: 400;
    color: #191727;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.03em;
}

.faqsAccordionDiv .firstAccorHead span {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #1d2231;
}

.faqsAccordionDiv .accordion-item {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    border-radius: 0px;
}

.faqsAccordionDiv .accordion-item .accordion-body {
    font-weight: 400;
    font-size: var(--list-font-size);
    line-height: 156%;
    color: #63656e;
}


/* News Section */

.newsDiv {
    background-color: #f1f0f8;
}

.newsDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.newsDiv .card {
    border-radius: 36px;
}

.newsInfo h5 {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #1d2231;
}

.newsInfo h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 162%;
    text-align: center;
    color: #63656e;
}

.newsInfo p {
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #63656e;
}

.newsInfo a {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #3baf3f;
}

.newsInfo a:hover {
    text-decoration: underline !important;
}


/* Footer Section */

footer {
    background-image: url("../assets/footer_banner.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* scroll bar */

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

 ::-webkit-scrollbar-track {
    background: transparent;
}

 ::-webkit-scrollbar-thumb {
    background: var(--button-color);
    border-radius: 10px;
}

 ::-webkit-scrollbar-thumb:hover {
    background: var(--button-color);
}


/* Season toggle */

.switch-toggle {
    --width: 200px;
    --height: 40px;
    --radius: 117px;
    position: relative;
    width: var(--width);
    height: var(--height);
    background: #fff;
    border-radius: var(--radius);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    font-style: normal;
}

.switch-toggle input[type="checkbox"] {
    cursor: pointer;
    position: absolute;
    inset: 0;
    appearance: none;
    z-index: 2;
}

.switch-toggle input[type="checkbox"]:checked+label.switch-toggle-label:before {
    translate: 100% 0;
}

.switch-toggle input[type="checkbox"]:checked+label.switch-toggle-label span:nth-child(1) {
    color: #464646;
}

.switch-toggle input[type="checkbox"]:checked+label.switch-toggle-label span:nth-child(2) {
    color: #fff;
    line-height: 1;
    padding-bottom: 8px;
}

.switch-toggle input[type="checkbox"]+label.switch-toggle-label {
    position: absolute;
    inset: var(--offset, 0);
    display: block;
    user-select: none;
    pointer-events: none;
    display: grid;
    gap: 2px;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    place-items: center;
}

.switch-toggle input[type="checkbox"]+label.switch-toggle-label:before {
    content: "";
    position: absolute;
    width: 50%;
    inset: 0;
    background: #5452dc;
    border-radius: var(--radius);
    box-shadow: 0px 10px 20px 0px rgba(16, 39, 68, 0.1);
    translate: 0 0;
    transition: translate 250ms cubic-bezier(0.93, 0.26, 0.07, 0.69);
}

.switch-toggle input[type="checkbox"]+label.switch-toggle-label span {
    position: relative;
    transition: 200ms linear;
}

.switch-toggle input[type="checkbox"]+label.switch-toggle-label span:nth-child(1) {
    color: #fff;
}

.switch-toggle input[type="checkbox"]+label.switch-toggle-label span:nth-child(2) {
    color: #464646;
    line-height: 1;
    padding-bottom: 8px;
}

.switch-toggle-label span:nth-child(2) {
    font-family: "Noto Nastaliq Urdu", serif !important;
}


/* Preloader */

.loader {
    background: #ffffff;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 900;
    letter-spacing: 0.2em;
    z-index: 9999999;
}

.loader span {
    position: absolute;
    width: 250px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #000;
    text-transform: uppercase;
}

.loader span::before,
.loader span::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #5452dc;
    position: absolute;
    animation: load 0.7s infinite alternate ease-in-out;
}

.loader span::before {
    top: 0;
}

.loader span::after {
    bottom: 0;
}

@keyframes load {
    0% {
        left: 0;
        height: 30px;
        width: 15px;
    }
    50% {
        height: 8px;
        width: 40px;
    }
    100% {
        left: 235px;
        height: 30px;
        width: 15px;
    }
}

.offcanvas-body .switch-toggle {
    border: 1px solid #dee2e6;
}

.offcanvas {
    width: 270px;
}


/* landing page 1 */

.supportDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.supportDiv h5 {
    font-weight: 400;
    font-size: 18px;
    color: #6b6b6b;
}

.supportDiv h3 {
    font-weight: 400;
    font-size: 24px;
    color: #6b6b6b;
}

.smsServiceDiv {
    background-color: #eeecf7;
}

.smsServiceDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.smsServiceDiv h5 {
    font-weight: 400;
    font-size: 18px;
    color: #6b6b6b;
}

.webPortalDiv h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #263238;
}

.webPortalDiv h5 {
    font-weight: 400;
    font-size: 18px;
    color: #6b6b6b;
}

.webPortalDiv .imgDiv img {
    width: 70px;
    height: 70px;
}

.webPortalDiv h6 {
    font-weight: 600;
    font-size: 19px;
    text-align: center;
    color: #333;
}

.webPortalDiv .col-xl-4:nth-child(-n+3) {
    margin-bottom: 135px;
}

.webPortalDiv .card {
    box-shadow: 0 7px 17px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    height: 250px;
}

.webPortalDiv .card::after {
    content: url(../assets/webPortal-card-bg.png);
    position: absolute;
    top: -37%;
    right: 0%;
}

.webPortalDiv .card::before {
    content: url(../assets/webPortal-card-bg1.svg);
    position: absolute;
    top: 45%;
    left: -6%;
    width: 50%;
    height: auto;
    transform: translateY(-45%);
    z-index: 1;
}

.webPortalDiv .card-number {
    position: absolute;
    top: 46%;
    left: 3.5%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: bold;
    color: #ffffff;
    z-index: 2;
}

.webPortalDiv .col-xl-4:nth-child(2) .card::before {
    filter: brightness(0) saturate(100%) invert(38%) sepia(73%) saturate(420%) hue-rotate(175deg) brightness(98%) contrast(98%);
}

.webPortalDiv .col-xl-4:nth-child(3) .card::before {
    filter: brightness(0) saturate(100%) invert(49%) sepia(82%) saturate(403%) hue-rotate(158deg) brightness(93%) contrast(87%);
}

.webPortalDiv .col-xl-4:nth-child(4) .card::before {
    filter: brightness(0) saturate(100%) invert(80%) sepia(76%) saturate(1155%) hue-rotate(148deg) brightness(84%) contrast(89%);
}

.webPortalDiv .col-xl-4:nth-child(5) .card::before {
    filter: brightness(0) saturate(100%) invert(69%) sepia(7%) saturate(3804%) hue-rotate(107deg) brightness(99%) contrast(75%);
}

.webPortalDiv .col-xl-4:nth-child(6) .card::before {
    filter: brightness(0) saturate(100%) invert(76%) sepia(56%) saturate(524%) hue-rotate(32deg) brightness(90%) contrast(85%);
}

.supportBackImg {
    width: 35%;
    left: 0;
    bottom: 10%;
}

.supportBackImg1 {
    max-width: 200px;
    right: 0;
    top: -18%;
    z-index: -1;
}

.eligibilityDiv1 {
    background-color: #f1f0f8;
}

.eligibilityDiv1 h2 {
    font-weight: 600;
    font-size: var(--heading-font-size);
    line-height: 120%;
    color: #00954a;
}

.eligibilityDivList3 {
    padding-left: 38px;
}

.eligibilityDiv1 p {
    font-weight: 400;
    font-size: 16px;
    color: #6b6b6b;
}

.eligibilityDiv1 h5 {
    font-weight: 600;
    font-size: 17px;
    color: #1d8f2d;
}

.eligibilityDiv1 h6 {
    font-weight: 600;
    font-size: 17px;
    color: #263238;
}

.eligibilityDiv1 ul li,
.listColor1 {
    font-weight: 400;
    color: #6b6b6b;
}

.listColor2 {
    color: #263238 !important;
}

.eligibilityDivList2 span.d-block {
    font-weight: 600;
}

.eligibilityDivList4 {
    padding-left: 50px;
}

.benefitsDiv1 h2 {
    font-weight: 600;
    font-size: 20px;
    color: #263238;
}

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

.benefitsDiv1 ul li {
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    font-size: 17px;
    color: #6b6b6b;
}

.benefitsDiv1 ul li::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16.5' fill='%23159C2D' stroke='%231EAC53' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.8812 10.8181C27.0081 10.9269 27.1123 11.0596 27.188 11.2087C27.2636 11.3578 27.309 11.5203 27.3218 11.687C27.3346 11.8537 27.3144 12.0213 27.2623 12.1801C27.2103 12.339 27.1275 12.4861 27.0186 12.6129L16.84 24.4879C16.7259 24.621 16.5855 24.7292 16.4276 24.8054C16.2697 24.8817 16.0978 24.9246 15.9225 24.9313C15.7473 24.938 15.5726 24.9084 15.4094 24.8443C15.2461 24.7803 15.0979 24.6832 14.9739 24.5592L9.03643 18.6217C8.80478 18.3816 8.67669 18.0601 8.67974 17.7265C8.6828 17.3929 8.81676 17.0739 9.05277 16.8381C9.28878 16.6023 9.60796 16.4686 9.94156 16.4659C10.2752 16.4632 10.5965 16.5916 10.8363 16.8234L15.8035 21.7889L25.088 10.9572C25.3077 10.7013 25.6199 10.5432 25.9562 10.5174C26.2924 10.4916 26.6251 10.5987 26.8812 10.8181Z' fill='white'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 14px;
    transform: translateY(-50%);
}

.registrationDateDiv h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 166%;
    color: #009859;
}

.registrationDateDiv h4 {
    font-size: 50px;
    line-height: 126%;
    color: #263238;
}

.webPortalDiv .col-xl-4 {
    padding: 0 34px;
}


/* All Faqs Page */

.faqsPage {
    background-color: #f1f0f8;
}

.allFaqsCard {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25);
}

.allFaqsCard .faqsAccordionDiv .firstAccorHead span {
    font-size: 18px;
}

.allFaqsUrduCard .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
}

.allFaqsUrduCard {
    direction: rtl;
}

.faqsUrduDiv h2,
.faqsUrduDiv .faqsAccordionDiv .firstAccorHead span,
.faqsUrduDiv .faqsAccordionDiv .accordion-item .accordion-body,
.faqsUrduDiv .faqsAccordionDiv .accordion-item .accordion-body ul li,
.faqsPage .registerBtn,
.faqsPage footer h5,
.faqsPage footer p {
    font-family: "Noto Nastaliq Urdu", serif !important;
}

@media screen and (min-width:1700px) {
    .solarLandingHeaderDiv .col-lg-4 img {
        width: 20%;
    }
    .container {
        max-width: 1500px;
    }
}

@media screen and (max-width: 1460px) {
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        padding: 10px !important;
    }
    .testimonialDiv .owl-prev {
        left: -4%;
    }
    .testimonialDiv .owl-next {
        right: -4%;
    }
}

@media screen and (max-width: 1440px) {
    .solarLandingHeaderDiv .col-lg-4 img {
        width: 27%;
    }
}

@media screen and (max-width: 1400px) {
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        padding: 8px !important;
    }
    .testimonialDiv .owl-prev {
        left: -8%;
    }
    .testimonialDiv .owl-next {
        right: -8%;
    }
}

@media screen and (max-width: 1340px) {
    .solarLandingHeaderDiv .col-lg-4 img {
        width: 29%;
    }
}

@media screen and (max-width: 1300px) {
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        padding: 7px !important;
    }
    .testimonialDiv .owl-prev {
        left: -4%;
    }
    .testimonialDiv .owl-next {
        right: -4%;
    }
     :root {
        --heading-font-size: 36px;
        --list-font-size: 16px;
    }
    .faqsAccordionDiv .firstAccorHead span,
    .benefitsDiv ul li {
        font-size: 18px;
    }
    .userFeedback p {
        font-size: 16px;
    }
    .userInfo h5 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1220px) {
    .solarLandingHeaderDiv .col-lg-4 img {
        width: 31%;
    }
}

@media screen and (max-width: 1199px) {
    .webPortalDiv .col-xl-4:nth-child(-n+4) {
        margin-bottom: 135px;
    }
}

@media screen and (max-width: 1024px) {
    .solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link {
        font-size: 15px;
    }
}

@media screen and (max-width:991px) {
    .navbar-collapse {
        display: none !important;
    }
    .aboutProgram .col-lg-6:nth-child(1),
    .eligibilityDiv .col-lg-6:nth-child(1) {
        text-align: center;
    }
    .aboutProgram .col-lg-6:nth-child(1) img {
        width: 50%;
    }
    /* .benefitsDiv .col-lg-6:nth-child(2) {
        text-align: end;
    }
    .benefitsDiv .col-lg-6:nth-child(2) img {
        width: 60%;
    } */
    .eligibilityDiv .col-lg-6:nth-child(1) img {
        width: 70%;
    }
    .applyArrowImg1 {
        position: absolute;
        width: 35%;
        left: 32%;
        top: 0px;
    }
    .applyArrowImg3 {
        display: none;
    }
    /* .applyArrowImg2 {
        position: absolute;
        width: 35%;
        bottom: 27%;
        left: 32%;
    } */
    .applySteps .col-lg-3:nth-child(3) .applyStepImg svg {
        width: 18% !important;
    }
    footer .col-lg-4 {
        display: flex;
    }
    footer .col-lg-4 h5 {
        text-align: left;
    }
    footer .col-lg-4 h5,
    footer .col-lg-4 p {
        display: inline-block;
        width: 50%;
    }
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 140px;
    }
    .solarPanelLandingNavbar .navbar-collapse ul .nav-item .nav-link.active::after {
        left: 10%;
        bottom: 2px;
    }
    .aboutProgramBackImg {
        width: 15%;
        right: 0;
        z-index: -1;
        top: -18%;
    }
    .registerBtn {
        background-color: #464646;
        color: #fff;
    }
    .registerBtn:hover {
        background-color: #848484;
    }
    .solarPanelLandingNavbar .navbar-brand div p {
        font-size: 12px;
    }
    .solarPanelLandingNavbar .navbar-brand div span {
        font-size: 10px;
    }
    .solarPanelLandingNavbar .navbar-brand div {
        line-height: 10px;
    }
    .solarPanelLandingNavbar a img {
        width: 17%;
    }
    .solarPanelLandingNavbar .navbar-toggler {
        padding: 0;
        border: none;
    }
    /* .solarPanelLandingNavbar .navbar-toggler .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%207H26ZM4%2015H26ZM4%2023H26Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M4%207H26M4%2015H26M4%2023H26%22%20stroke%3D%22white%22%20stroke-opacity%3D%220.75%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    } */
    .solarPanelLandingNavbar .navbar-toggler:focus {
        box-shadow: none;
    }
}

@media screen and (max-width: 900px) {
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 101px;
    }
}

@media screen and (max-width: 768px) {
    .applyArrowImg2 {
        bottom: 30%;
    }
    .newsImg img {
        width: -webkit-fill-available;
        width: -moz-available;
        width: fill-available;
    }
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 37px;
    }
    .faqsAccordionDiv .firstAccorHead span,
    .benefitsDiv ul li {
        font-size: 16px;
    }
     :root {
        --heading-font-size: 32px;
        --list-font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 128px;
    }
    .webPortalDiv .col-xl-4:nth-child(-n+5) {
        margin-bottom: 135px;
    }
}

@media screen and (max-width: 700px) {
    .applyArrowImg2 {
        bottom: 34%;
    }
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 88px;
    }
}

@media screen and (max-width: 600px) {
    .solarPanelNavbar .navbar-brand {
        width: 50%;
    }
}

@media screen and (max-width:576px) {
    .benefitsDiv .col-lg-6:nth-child(1) {
        padding-left: 11px;
    }
    .applySteps .col-lg-3:nth-child(3) .applyStepImg svg {
        width: 13% !important;
    }
    .applyArrowImg1,
    .applyArrowImg2 {
        display: none;
    }
}

@media screen and (max-width:480px) {
    footer .col-lg-4 {
        display: block;
    }
    footer .col-lg-4 h5,
    footer .col-lg-4 p {
        display: block;
        width: 100%;
    }
    footer .col-lg-4 p {
        text-align: start;
    }
    .aboutProgramBackImg {
        width: 19%;
        right: 0;
        z-index: -1;
        top: -5%;
    }
}