/* .logo img {
            background: #fff;
        } */

        .navbar-area-3 {
            background: #f1f3f3 !important;
        }

        .sticky-active {
            background: #f1f3f3 !important;
        }

        .navbar-area .nav-container .navbar-collapse .navbar-nav li a {
            color: #050a30;
        }

        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children::before,
        .navbar-area .nav-container .navbar-collapse .navbar-nav li.menu-item-has-children::after {
            background: #050a30;
        }

        .footer-top {
            background: #f1f3f3 !important;
        }

        /* .social-area {
            padding: 30px 0 !important;
        } */

        .social-area li a {
            background: #5ba600;
        }

        .navbar-top ul li a:hover {
            color: #050a30;
        }

        .single-about-inner.about-line-right .thumb::after {
            background: none;
        }

        .process-area {
            padding: 110px 0 90px;
            background: #fff;
        }

        .section-title {
            max-width: 700px;
            margin: 0 auto 65px;
        }

        .section-title span {
            display: inline-block;
            margin-bottom: 10px;
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .section-title h2 {
            margin: 0 0 12px;
            font-size: 40px;
            line-height: 1.2;
            font-weight: 600;
        }

        .section-title p {
            margin: 0;
            color: #777;
            font-size: 15px;
            line-height: 1.7;
        }

        .process-wrapper {
            position: relative;
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 20px;
        }

        .process-wrapper::before {
            content: "";
            position: absolute;
            top: 34px;
            left: 8%;
            right: 8%;
            height: 1px;
            background: #ddd;
            z-index: 0;
        }

        .process-step {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        .process-number {
            width: 68px;
            height: 68px;
            margin: 0 auto 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #ddd;
            font-size: 15px;
            font-weight: 600;
            position: relative;
        }

        .process-content {
            padding: 0 8px;
        }

        .process-content h4 {
            margin: 0 0 10px;
            font-size: 17px;
            line-height: 1.4;
            font-weight: 600;
        }

        .process-content p {
            margin: 0;
            color: #777;
            font-size: 13px;
            line-height: 1.6;
        }

        @media(max-width:991px) {

            .process-area {
                padding: 80px 0 65px;
            }

            .section-title {
                margin-bottom: 50px;
            }

            .section-title h2 {
                font-size: 34px;
            }

            .process-wrapper {
                grid-template-columns: repeat(3, 1fr);
                gap: 50px 25px;
            }

            .process-wrapper::before {
                display: none;
            }

        }

        @media(max-width:767px) {

            .process-area {
                padding: 65px 0 45px;
            }

            .section-title {
                margin-bottom: 40px;
                padding: 0 15px;
            }

            .section-title h2 {
                font-size: 28px;
            }

            .section-title p {
                font-size: 14px;
            }

            .process-wrapper {
                display: block;
                padding-left: 15px;
            }

            .process-step {
                display: flex;
                align-items: flex-start;
                text-align: left;
                gap: 18px;
                padding-bottom: 35px;
                position: relative;
            }

            .process-step:not(:last-child)::after {
                content: "";
                position: absolute;
                top: 62px;
                left: 29px;
                bottom: 0;
                width: 1px;
                background: #ddd;
            }

            .process-number {
                flex: 0 0 58px;
                width: 58px;
                height: 58px;
                margin: 0;
                font-size: 13px;
                z-index: 2;
            }

            .process-content {
                padding: 4px 10px 0 0;
            }

            .process-content h4 {
                font-size: 16px;
                margin-bottom: 6px;
            }

            .process-content p {
                font-size: 13px;
                line-height: 1.5;
            }

        }

        @media(max-width:480px) {

            .process-wrapper {
                padding-left: 5px;
            }

            .process-step {
                gap: 14px;
            }

            .process-number {
                flex-basis: 50px;
                width: 50px;
                height: 50px;
            }

            .process-step:not(:last-child)::after {
                left: 25px;
                top: 52px;
            }

            .process-content h4 {
                font-size: 14px;
            }

            .process-content p {
                font-size: 12px;
            }

        }

        .services-area{
    padding-top:110px;
    background:#f8f8f5;
}

.services-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;
    margin-bottom:55px;
}

.services-heading-left{
    flex:0 0 auto;
}

.services-eyebrow{
    display:block;
    margin-bottom:10px;
    color:#315b32;
    font-size:12px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.services-heading h2{
    margin:0;
    color:#1f3f22;
    font-size:42px;
    line-height:1.15;
    font-weight:600;
}

.services-heading > p{
    max-width:500px;
    margin:0 0 2px;
    color:#665f56;
    font-size:15px;
    line-height:1.8;
}

.service-card{
    position:relative;
    height:calc(100% - 30px);
    min-height:245px;
    margin-bottom:30px;
    padding:30px 30px 28px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e5df;
    transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}

.service-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:0;
    background:#315b32;
    transition:height .35s ease;
}

.service-card:hover{
    transform:translateY(-7px);
    border-color:#d5dcd2;
    box-shadow:0 18px 45px rgba(28,48,30,.09);
}

.service-card:hover::before{
    height:100%;
}

.service-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
}

.service-number{
    color:#315b32;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
}

.service-arrow{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e1e4df;
    border-radius:50%;
    color:#315b32;
    font-size:17px;
    transition:all .35s ease;
}

.service-card:hover .service-arrow{
    background:#315b32;
    border-color:#315b32;
    color:#fff;
    transform:rotate(45deg);
}

.service-line{
    width:38px;
    height:2px;
    margin-bottom:22px;
    background:#315b32;
    transition:width .35s ease;
}

.service-card:hover .service-line{
    width:65px;
}

.service-card h4{
    margin:0 0 12px;
    color:#243d26;
    font-size:20px;
    line-height:1.35;
    font-weight:600;
}

.service-card p{
    margin:0;
    color:#716b63;
    font-size:14px;
    line-height:1.75;
}

@media(max-width:991px){

    .services-area{
        padding-top:80px;
    }

    .services-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:15px;
        margin-bottom:45px;
    }

    .services-heading h2{
        font-size:36px;
    }

    .services-heading > p{
        max-width:650px;
    }

}

@media(max-width:767px){

    .services-area{
        padding-top:65px;
    }

    .services-heading{
        margin-bottom:35px;
        gap:12px;
    }

    .services-eyebrow{
        font-size:11px;
        letter-spacing:1.7px;
    }

    .services-heading h2{
        font-size:30px;
    }

    .services-heading > p{
        font-size:13px;
        line-height:1.7;
    }

    .service-card{
        min-height:auto;
        margin-bottom:18px;
        padding:24px 22px;
    }

    .service-card h4{
        font-size:18px;
    }

    .service-card p{
        font-size:13px;
        line-height:1.65;
    }

}

@media(max-width:480px){

    .services-heading h2{
        font-size:27px;
    }

    .service-card{
        padding:22px 20px;
    }

    .service-number{
        font-size:12px;
    }

    .service-arrow{
        width:30px;
        height:30px;
        font-size:15px;
    }

}

.form-group{
    width:100%;
    margin-bottom:20px;
}

.form-group label{
    display:block;
    margin-bottom:8px;
    color:#243d26;
    font-size:14px;
    font-weight:600;
}

.custom-select{
    width:100%;
    height:52px;
    padding:0 45px 0 16px;
    border:1px solid #deded8;
    border-radius:4px;
    background-color:#fff;
    color:#555;
    font-family:inherit;
    font-size:14px;
    outline:none;
    cursor:pointer;

    /* Custom arrow */
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23315b32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:14px;
    transition:border-color .3s ease,box-shadow .3s ease;
}

.custom-select:hover{
    border-color:#315b32;
}

.custom-select:focus{
    border-color:#315b32;
    box-shadow:0 0 0 3px rgba(49,91,50,.08);
}

.custom-select option{
    color:#333;
    background:#fff;
    font-size:14px;
}

/* Placeholder */
.custom-select:invalid{
    color:#999;
}

/* Mobile */
@media(max-width:767px){

    .form-group{
        margin-bottom:16px;
    }

    .form-group label{
        font-size:13px;
        margin-bottom:7px;
    }

    .custom-select{
        height:48px;
        padding:0 40px 0 14px;
        font-size:13px;
        background-position:right 13px center;
    }

}

.card-link{
    display:block;
    color:inherit;
    text-decoration:none;
}

.card-link:hover{
    color:inherit;
    text-decoration:none;
}

.card-link .single-product-wrap{
    height:100%;
    cursor:pointer;
}

/* =========================
   RESPONSIVE OWL CAROUSEL
========================= */

#image-carousel{
    width:100%;
    height:600px;
    overflow:hidden;
    position:relative;
}

#image-carousel .owl-stage-outer,
#image-carousel .owl-stage,
#image-carousel .owl-item{
    height:100%;
}

#image-carousel .slide-item{
    width:100%;
    height:600px;
    overflow:hidden;
}

#image-carousel .slide-item img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover;
    object-position:center;
}

/* Large Laptop */
@media(max-width:1199px){

    #image-carousel,
    #image-carousel .slide-item{
        height:520px;
    }

}

/* Tablet */
@media(max-width:991px){

    #image-carousel,
    #image-carousel .slide-item{
        height:450px;
    }

}

/* Mobile */
@media(max-width:767px){

    #image-carousel,
    #image-carousel .slide-item{
        height:350px;
    }

}

/* Small Mobile */
@media(max-width:575px){

    #image-carousel,
    #image-carousel .slide-item{
        height:280px;
    }

}

/* Extra Small Mobile */
@media(max-width:400px){

    #image-carousel,
    #image-carousel .slide-item{
        height:240px;
    }

}

/* =========================
   OWL CAROUSEL NAVIGATION
========================= */

#image-carousel{
    position:relative;
}

/* Arrows */
#image-carousel .owl-nav{
    display:block !important;
    margin:0 !important;
}

#image-carousel .owl-nav button{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    z-index:99 !important;

    width:50px !important;
    height:50px !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-radius:50% !important;

    background:rgba(0,0,0,.45) !important;
    color:#fff !important;

    font-size:26px !important;
    line-height:1 !important;

    cursor:pointer !important;
    transition:all .3s ease !important;
}

#image-carousel .owl-nav button:hover{
    background:rgba(0,0,0,.75) !important;
}

#image-carousel .owl-nav .owl-prev{
    left:20px !important;
}

#image-carousel .owl-nav .owl-next{
    right:20px !important;
}

/* Remove default Owl button focus */
#image-carousel .owl-nav button:focus{
    outline:none !important;
}

/* =========================
   DOTS
========================= */

#image-carousel .owl-dots{
    position:absolute !important;
    left:50% !important;
    bottom:20px !important;
    transform:translateX(-50%) !important;

    z-index:99 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    margin:0 !important;
    padding:0 !important;

    gap:6px !important;
}

#image-carousel .owl-dot{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:0 !important;
}

#image-carousel .owl-dot span{
    display:block !important;

    width:10px !important;
    height:10px !important;

    margin:0 !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.65) !important;

    transition:all .3s ease !important;
}

#image-carousel .owl-dot.active span{
    width:28px !important;
    border-radius:10px !important;
    background:#fff !important;
}

/* =========================
   TABLET
========================= */

@media(max-width:991px){

    #image-carousel .owl-nav button{
        width:44px !important;
        height:44px !important;
        font-size:22px !important;
    }

    #image-carousel .owl-nav .owl-prev{
        left:15px !important;
    }

    #image-carousel .owl-nav .owl-next{
        right:15px !important;
    }

    #image-carousel .owl-dots{
        bottom:15px !important;
    }

}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    #image-carousel .owl-nav button{
        width:36px !important;
        height:36px !important;
        font-size:18px !important;
    }

    #image-carousel .owl-nav .owl-prev{
        left:10px !important;
    }

    #image-carousel .owl-nav .owl-next{
        right:10px !important;
    }

    #image-carousel .owl-dots{
        bottom:12px !important;
        gap:5px !important;
    }

    #image-carousel .owl-dot span{
        width:7px !important;
        height:7px !important;
    }

    #image-carousel .owl-dot.active span{
        width:20px !important;
    }

}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:480px){

    #image-carousel .owl-nav button{
        width:32px !important;
        height:32px !important;
        font-size:16px !important;
    }

    #image-carousel .owl-nav .owl-prev{
        left:7px !important;
    }

    #image-carousel .owl-nav .owl-next{
        right:7px !important;
    }

}