:root{

    --theme-green-font: #05B497;
    --theme-green-dark: #006972;
    --theme-green-bg: #00444A;
    --theme-blue-light: #8BF2FF;
    --theme-blue-light-line: #2FB8C6;
    --text-dark-heading: #191C1D;
    --text-dark-description: #3D494B;
    --theme-white: #FFFFFF;

    --glass-bg: #FFFFFF33;
    --glass-effect: saturate(180%) blur(10px);
    --transition-medium: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --gradient-bg: #FFFFFF33;

    --glass-bg: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.15);

    --navbar-height: 68px;
    /* --container-width: 1200px; */

}

*{
    /* margin:0;
    padding:0; */
    box-sizing:border-box;
}

html,
body{
    width:100%;
    overflow-x:hidden;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family:'Plus Jakarta Sans', sans-serif;
}

/* Wp admin bar */
.admin-bar .navbar {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar .navbar {
        top: 46px !important;
    }
}

@media screen and (max-width: 600px) { 
    #wpadminbar { 
        position: fixed !important;  /* For fixed theme headers */
    } 
}

/* Wp admin bar */
/* Space for fixed header */
main {
    margin-top: var(--navbar-height) !important;
}

.home{
    background: #020c19;
}

.dealer{
    background: #FFF;
}


a{
    text-decoration:none;
    color:inherit;
}

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


.hero-wrapper{
    position:relative;
    width:100%;
    height:600px;
    background:
        linear-gradient(49.32deg, rgba(0, 0, 0, 0.6) 31.32%, rgba(0, 0, 0, 0) 69.48%),
        url('../images/hero-banner.png');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    display:flex;
    flex-direction:column;
}
.hero-wrapper::before{
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        49.32deg,
        rgba(0, 0, 0, 0.6) 31.32%,
        rgba(0, 0, 0, 0) 69.48%
    );

    z-index: 1;
}

.hero-video{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-content{
    position: relative;
    z-index: 2;
}

.navbar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background: #FFFFFF33;
    backdrop-filter:blur(10px);
    --bs-navbar-padding-y: 0rem;
}

.navbar__container{
    width:100%;
    height:var(--navbar-height);
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    /* padding:0 32px; */
}

.navbar-logo,
.navbar-logo img{
    outline:none !important;
}

.main-nav ul{
    display:flex;
    align-items:center;
    gap:42px;
}

.main-nav a{
    position:relative;

    color:var(--theme-green-font);

    font-size:15px;
    font-weight:700;

    transition:0.3s ease;
}

.main-nav a.active::after{
    content:"";

    position:absolute;
    left:0;
    bottom:-8px;

    width:100%;
    height:2px;

    border-radius:999px;

    background:var(--theme-green-font);
}

.close-menu-btn{
    display: flex;
    align-items: center;
    gap: 8px;
}


.btn-dealer{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 24px;

    border-radius:999px;

    background:var(--theme-green-dark);

    color:#FFFFFF;

    font-size:14px;
    font-weight:700;

    transition:0.3s ease;
}

.btn-dealer:hover{
    opacity:0.9;
}

.hero-content{
    width:100%;

    margin:auto;

    /* padding:0px 32px 0px; */

    color:#FFFFFF;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:12px 20px;

    border-radius:999px;

    border:1px solid rgba(255,255,255,0.7);

    background:rgba(255,255,255,0.08);

    backdrop-filter:blur(10px);

    font-size:15px;
    font-weight:400;

    margin-bottom:32px;
}

.hero-content h1{
    max-width:650px;
    font-size:90px;
    line-height:0.95;
    font-weight:700;
    letter-spacing : 0px;
}

.menu-toggle{
    display:none;

    flex-direction:column;
    gap:5px;

    background:none;
    border:none;

    cursor:pointer;
}

.menu-toggle span{
    width:24px;
    height:2px;

    background:#ffffff;
}

@media(max-width:992px){

    .hero-content h1{
        font-size:64px;
    }

    .main-nav ul{
        gap:28px;
    }
}

@media(max-width:768px){

    .navbar__container{
        height:var(--navbar-height);
    }

    .menu-toggle{
        display:flex;
    }

    .main-nav{
        position:fixed;

        top:var(--navbar-height);
        left:0;

        width:100%;

        max-height:0;
        overflow:hidden;

        background:rgba(0,0,0,0.9);

        backdrop-filter:blur(20px);

        transition:0.4s ease;
    }

    .main-nav a{
        color : #fff;
    }

    .main-nav.active{
        max-height:400px;
    }

    .main-nav ul{
        flex-direction:column;
        align-items:flex-start;

        padding:24px 32px;
    }

    .desktop-only{
        display:none;
    }

    .hero-content{
        padding-top:140px;
    }

    .hero-content h1{
        font-size:54px;
        line-height:1;
    }

    .hero-badge{
        font-size:14px;
    }
}

@media(min-width:1200px){

    .hero-wrapper{
        height:800px;
    }
}

@media(max-width:480px){

    .hero-content{
        padding:120px 24px 40px;
    }

    .hero-content h1{
        font-size:42px;
        letter-spacing:-1px;
    }

    .hero-badge{
        padding:10px 16px;
        font-size:13px;
    }
}

.manrope-font{
    font-family:'Manrope', sans-serif;
}

.manrope-paragraph{
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 29.25px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #3D494B;
}
.section-2-subheading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
}
.manrope-paragraph.sub{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.bg-our-vision{
    background: #191C1D;
}

.vision-bg{
    background: radial-gradient(56.93% 104.55% at 50% 50%, rgba(0, 105, 114, 0.2) 0%, rgba(0, 105, 114, 0) 70%);
}

.vision-heading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 64px;
    line-height: 96px;
    letter-spacing: -4.8px;
    text-align: center;
    vertical-align: middle;
    color: #8BF2FF;
}

.vision-quote{
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
}

.vision-quote-sub-heading{
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #8BF2FF;
}

.vision-quote-sub-paragraph{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}

.products-main-heading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 38px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.bg-products{
    background: #fff;
}
.products-sub-heading{
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #3D494B;
    text-align: center;
}

.bg-green-corner{
    backdrop-filter: blur(500px)
}

.product-card{
    border: 1px solid #00697233;
    background: #FFFFFF;
    border-radius: 24px;
    padding: 32px;
}

.product-card:hover{
    background: #2FB8C61A;
}

.product-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #191C1D;
}

.product-description{
    font-family:'Manrope', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #006972
}


.filtration-card{
    position: relative;
    min-height: 280px;
    padding: 32px;
    border-radius: 24px;
    border: 1px solid #FFFFFF80;
    background: #0069720D;
    overflow: hidden;
    backdrop-filter: blur(12px);
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}

.filtration-card:hover{
    transform: translateY(-8px);
}

.filtration-icon-wrap{
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: #5AD7E64D;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        background 0.35s ease,
        transform 0.35s ease;
}

.filtration-card:hover .filtration-icon-wrap{
    background: var(--theme-green-dark);
}

.filtration-icon-wrap svg{
    width: 19px;
    height: 21px;
    color: #006972;
}

.filtration-card:hover .filtration-icon-wrap svg{
    color: #fff;
}

.filtration-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #191C1D;
}

.filtration-description{
    font-family:'Manrope', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 22.75px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #3D494B;
}

@media(max-width:1024px){

    .filtration-card{
        min-height: auto;
    }

    .filtration-title{
        font-size: 22px;
    }

    .filtration-description{
        font-size: 17px;
    }
}

@media(max-width:640px){

    .filtration-card{
        padding: 30px;
        border-radius: 28px;
    }

    .filtration-icon-wrap{
        width: 62px;
        height: 62px;
    }

    .filtration-title{
        margin-top: 28px;
        font-size: 21px;
    }

    .filtration-description{
        margin-top: 16px;
        font-size: 16px;
        line-height: 1.6;
    }
}

@media (max-width: 640px){

    .sustainability-card{
        backdrop-filter: blur(14px);
    }

}

.vision-heading-main{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #fff;
}

.vision-section-subheading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #fff;
}

.vision-section-description{
    font-family: 'Manrope', sans-serif;
    color : #fff;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.card-vision{
    background: #FFFFFF4D;
    backdrop-filter: blur(32px);
    border: 1px solid #FFFFFFCC;
    padding : 24px;
}

.contact-heading-main{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #191C1D;
}

.contact-section-description{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #3D494B;
}

.contact-section-subheading{
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #191C1D;
}

.contact-section-description{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #3D494B;
}

.contact-form-wrap{
    width: 100%;
}

.contact-form-wrap label{
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1.2px;
    color : #3D494B;
}

.contact-form-wrap .daffodils-form-input{
    width: 100%;
    border: none;
    outline: none;
    background: #F2F4F4;
    border-radius: 12px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #3D494B;
    transition: all 0.3s ease;
}

.contact-form-wrap input.daffodils-form-input{
    height: 50px;
}

.contact-form-wrap textarea.daffodils-form-input{
    height: 120px;
    resize: none;
    padding-top: 20px;
}

.contact-form-wrap .daffodils-form-input:focus{
    box-shadow: 0 0 0 3px rgba(0, 109, 119, 0.12);
}

.contact-form-wrap .daffodils-form-submit{
    width: 100%;
    height: 60px;
    border: none;
    cursor: pointer;
    border-radius: 999px;
    background: #006972;
    color: #FFFFFF;
    margin-top: 10px;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
}

.contact-form-wrap .daffodils-form-submit:hover{
    background: #006972;
}

.contact-form-wrap .wpcf7-form p{
    margin-bottom: 24px;
}

.contact-form-wrap .wpcf7-form p:last-child{
    margin-bottom: 0;
}

.contact-form-wrap .wpcf7-not-valid-tip{
    margin-top: 8px;
    font-size: 14px;
}

@media (max-width: 767px){

    .contact-form-wrap label{
        font-size: 16px;
    }

    .contact-form-wrap input.daffodils-form-input{
        height: 40px;
    }

    .contact-form-wrap textarea.daffodils-form-input{
        height: 100px;
    }

    .contact-form-wrap .daffodils-form-submit{
        height: 64px;
        font-size: 18px;
    }

}

.contact-form-wrap .daffodils-form-row{
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 576px){

    .contact-form-wrap .daffodils-form-row{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 575px){
    .contact-form-wrap .daffodils-form-row{
        gap: 0px;
    }
}


/* footer */

.footer-credits-one{
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #FFFFFF;
}

.footer-credits-two{
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    vertical-align: middle;
    text-transform: uppercase;
    color : #FFFFFF;
}

.footer-text-description{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #FFFFFF;
}

.footer-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #FFFFFF;
}

.footer-title .footer-link{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #FFFFFF;
}

.footer-text-description-2{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #FFFFFF;
}

.customer-support-wrap{
    background: #FFFFFF33;
    opacity: 1;
    border-radius: 12px;
    gap: 4px;
    padding: 16px;
}

.customer-support-label{
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    vertical-align: middle;
    text-transform: uppercase;
    color : #FFFFFF;
}

.customer-support-label-two{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #FFFFFF;
}

@media (max-width: 991px){
    .vision-quote{
        font-size: 26px;
    }
}


/* Why Daffodils */

.hero-image,
#play-btn{
    transform:translateZ(0);
    backface-visibility:hidden;
}

.hero-image{
    will-change:transform;
    transform-origin:top left;
}

.border-for-play-icon {
    border-width: 1px;
    border-style: solid;
    border-color: #006972;
}

@keyframes pulse{
    0%{
        transform:translate(-50%,-50%) scale(1);
        opacity:1;
    }

    100%{
        transform:translate(-50%,-50%) scale(1.7);
        opacity:0;
    }
}

#background-layer{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:1;
    pointer-events:none;
}

.content-layer{
    position:relative;
    z-index:20;
}

.why-daffodils-heading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color : #191C1D;
}

.feature-wrapper{
    border:2px solid #0d6c72;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
}

.feature-item{
    position:relative;
    padding: 1rem;
}

.feature-item::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    background:#0d6c72;
    opacity:0.7;
}

.feature-item:last-child::after{
    display:none;
}

@media(max-width:1023px){
    .feature-item::after{
        display:none;
    }
}

.why-daffodil-subheading{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #191C1D;
}

.why-daffodil-card-text{
    font-family: 'Manrope', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #3D494B;
}


/* products page css */

.product-all{
    border-radius: 15.28px;
    padding : 20.38px;
    border: 0.64px solid #00697233;
    background: #FFFFFF;
}
.product-main-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #006972;
}

.product-all-description{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #3D494B;
}

@media(max-width: 640px){
    .product-main-title{
        font-size: 26px;
    }

    .product-all-description{
        font-size: 16px;
        margin-top : 0.5rem !important;
    }

    .margin-top-screen{
        margin-top: 2.5rem !important;
    }
}

@media (max-width: 576px) {
    .product-main-title{
        font-size: 24px;
    }

    .product-all-description{
        font-size: 14px;
        margin-top : 0.5rem !important;
    }
}

/* About page styles */

.padding-for-about-bg{
    padding-top: calc(var(--navbar-height) / 2);
}

.overlay-for-aboutbg{
    background: #00697240;
}

.about-main-title{
    color : #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.8px;
    text-align: center;
    vertical-align: middle;
}
.our-vision-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -0.8px;
    vertical-align: middle;
    color : #006972;
}
.our-vision-sub{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #191C1D;
}

.grid-card-title-about{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #191C1D;
}
.grid-card-text-about{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 25.6px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #3D494B;
}

.about-feature-bg{
    background: #B0EEED;
    opacity: 1;
    border-radius: 16px;
}

/* Dealer page */

.dealer-main-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 62px;
    line-height: 104%;
    letter-spacing: -2.88px;
    vertical-align: middle;
    color: #006972;
}

.dealer-main-description{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28.8px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #3D494B;
}

.dealer-location-label{
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #000000;
}

.dealer-locations-wrap{
    position: relative;
}

.dealer-timeline{
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: #006972;
}


.dealer-timeline::before,
.dealer-timeline::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    background: #006972;
}

.dealer-timeline::before{
    top: 0;
}

.dealer-timeline::after{
    bottom: 0;
}

.dealer-location-row{
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    padding-left: 0;
}

.dealer-location-left{
    position: relative;
}

.dealer-city-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 104%;
    letter-spacing: -2.88px;
    vertical-align: middle;
    color : #006972;
}

.dealer-divider{
    width: 1px;
    background: #58585852;
    min-height: 100%;
}

.dealer-location-right{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dealer-address-wrap{
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.dealer-icon-wrap{
    flex-shrink: 0;
    margin-top: 4px;
}

.dealer-address-text{
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #000000;
}
.dealer-users-icon{
    padding-left: 44px;
}

@media (min-width: 1023px){

    .dealer-location-row{
        grid-template-columns: 400px 1px 1fr;
        gap: 56px;
        padding-left: 34px;
        align-items: flex-start;
        min-height: 150px;
    }

     .dealer-location-row:last-child{
        align-items: flex-end;
        min-height: unset;
    }

    .dealer-location-right{
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 40px;
    }
    

}

@media (min-width: 1023px) {
    .dealer-timeline {
        display: block !important;
    }
}

@media (max-width: 1023px){

    .dealer-location-row{
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(17,24,39,0.08);
    }
    
    .dealer-main-title{
        letter-spacing: -1.1px !important;
    }

    .dealer-city-title{
        font-size: 36px;
        letter-spacing: inherit !important;
    }

    .dealer-address-text{
        font-size: 20px;
    }

    .dealer-users-icon{
        padding-left: 44px;
    }

    .dealer-users-icon{
        display: none;
    }

    .dealer-address-wrap{
        align-items: center;
    }
    .dealer-location-row{
        gap: 20px;
    }
}

@media (max-width: 767px){

    .dealer-address-wrap{
        gap: 16px;
    }

    .dealer-address-text{
        line-height: 1.6;
    }

    .dealer-users-icon{
        padding-left: 40px;
    }

    .dealer-main-title{
        margin-top: 1rem;
    }

    .header-row{
        margin-bottom: 2rem;
    }
}
@media (max-width: 576px) {
    .dealer-main-title {
        font-size: 30px;
    }
    .dealer-city-title{
        font-size: 24px;
    }
    .dealer-address-text{
        font-size: 14px;
    }
    .dealer-main-description{
        font-size: 14px;
    }
}
@media (min-width: 576px) and (max-width:768px){
    .dealer-main-title{
        font-size: 36px;
    }
    .dealer-city-title{
        font-size: 28px;
    }
    .dealer-address-text{
        font-size: 18px;
    }

}
@media (min-width: 768px) and (max-width: 991px){
    .dealer-main-title{
        font-size: 42px;
    }
    .dealer-city-title{
        font-size: 34px;
    }
    .dealer-main-description{
        font-size: 18px;
    }
}

.privacy-sub-title{
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #191C1D;
}


@media (max-width: 768px) {

    .our-vision-title{
        font-size: 40px !important;
    }
    .our-vision-sub{
        font-size: 20px !important;
    }
    .about-main-title{
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .grid-card-title-about{
        font-size: 20px !important;
    }
    .grid-card-text-about{
        font-size: 18px !important;
    }

}

@media (max-width: 480px) {
    .heading-size-mobile {
        font-size: 34px !important;
    }
    .heading-size-mobile-2{
        font-size: 38px !important;
    }
    .vision-quote{
        font-size: 20px !important;
    } 
    .vision-section-description,
    .vision-section-subheading {
        font-size: 16px !important;
    }
    .manrope-paragraph,
    .products-sub-heading{
        font-size: 16px !important;
    }
    .filtration-title,
    .why-daffodil-subheading,
    .our-vision-sub{
        font-size: 18px !important;
    }
    .contact-heading-main{
        font-size: 30px !important;
    }
    .about-main-title{
        font-size: 26px !important;
        line-height: 40px !important;
    }

    .grid-card-title-about{
        font-size: 18px !important;
    }
    .grid-card-text-about{
        font-size: 16px !important;
    }
}



/* Blogs */

.blog-card{
    border: 0.64px solid #00697233;
}

.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 16px;
    margin: 0 6px;
    background-color: #2FB8C61A;
    color: #006972;
    border-radius: 9999px; /* Fully rounded */
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
}

.page-numbers:hover {
    background-color: #006972;
    color: #fff;
}

.page-numbers.current {
    background-color: #006972;
    color: #fff;
}

.page-numbers.prev,
.page-numbers.next {
    padding: 0 20px;
}


.prose {
    color: #43474B;
    line-height: 30px;
}

.single-post .prose {
    line-height: 1.9;
}

.prose h2,
.prose h3,
.prose h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.prose p {
    margin-bottom: 1.1rem;
}

.prose ul,
.prose ol {
    margin: 1rem 0 1rem 1.5rem;
}

.prose img {
    border-radius: 12px;
    margin: 2rem auto;
}

.prose a {
    color: #006972;
}

.prose a:hover {
    color: #2FB8C61A;
}

.prose hr{
    border-top: 1px solid #184172;
}

.prose ul {
    list-style: disc;
    padding-left: 1.5rem;
}

.prose ol {
    list-style: decimal;
    padding-left: 1.5rem;
}

.prose ul ul {
    list-style: circle;
}

.prose ul ul ul {
    list-style: square;
}

.prose ol ol {
    list-style: lower-alpha;
}

.prose ol ol ol {
    list-style: lower-roman;
}

.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { color: var(--color-primary); }

.prose h1 { font-size: 2em; font-weight: bold; }
.prose h2 { font-size: 1.5em; font-weight: bold; }
.prose h3 { font-size: 1.17em; font-weight: bold; }
.prose h4 { font-size: 1em; font-weight: bold; }
.prose h5 { font-size: .83em; font-weight: bold; }
.prose h6 { font-size: .67em; font-weight: bold; }