/*
Theme Name: Green Lanes
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*========================== COMMON DETAILS START ==========================*/

:focus,
:focus-visible,
:focus-within {
    outline: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.common-details>*:last-child {
    margin-bottom: 0 !important;
}


.common-details p:last-child {
    margin-bottom: 0;
}

.common-details h1,
.common-details h2,
.common-details h3,
.common-details h4,
.common-details h5,
.common-details h6 {
    margin-bottom: 20px;
    margin-top: 0;
}

.common-details ul,
.common-details ol {
    margin-bottom: 20px;
}


.common-details ul li,
.common-details ol li {
    margin-bottom: 15px;
}

.common-details strong,
.common-details b {
    color: var(--black);
}

.elementor-icon-wrapper {
    display: flex !important;
}


.common-green-button::after,
.common-green-button::before {
    content: '' !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    z-index: -1;
}

.common-green-button::before {
    background: linear-gradient(90deg, #5C8D78 0%, #6FA087 47.6%, #81B39A 100%);
    opacity: 1;
}

.common-green-button::after {
    /* background: linear-gradient(90deg, #080C0B 0%, #202E2D 44.71%, #304644 66.83%, #3F5D5A 91.96%); */
    background: linear-gradient(90deg, #182322 0%, #202E2D 44.71%, #304644 66.83%, #3F5D5A 91.96%);
    opacity: 0;
}

.common-green-button:hover::after {
    opacity: 1;
}

.common-green-button:hover::before {
    opacity: 0;
}

.transparent-button-title {
    background: linear-gradient(90deg, #5C8D78 0%, #6FA087 47.6%, #81B39A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.common-transparent-button:hover .transparent-button-title {
    background: none;
    -webkit-text-fill-color: var(--white);
    color: var(--white);
}

.common-word-break {
    word-break: break-all;
}

/*========================== COMMON DETAILS END ==========================*/

/*========================== HEADER START ==========================*/
.menu-hover-shadow .elementor-nav-menu li a {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.menu-hover-shadow .elementor-nav-menu li a:hover,
.menu-hover-shadow .elementor-nav-menu li a.gl-highlighted {
    text-shadow: 1px 0px #3C484C;
}

.menu-open-icon .elementor-icon svg rect {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.menu-open-icon .elementor-icon:hover svg rect:nth-child(1) {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
}

.menu-open-icon .elementor-icon:hover svg rect:nth-child(2) {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}

.menu-close-icon .elementor-icon svg path {
    transition: all 0.8s ease-in-out !important;
    -webkit-transition: all 0.8s ease-in-out !important;
    -moz-transition: all 0.8s ease-in-out !important;
    -ms-transition: all 0.8s ease-in-out !important;
    -o-transition: all 0.8s ease-in-out !important;
}

.menu-close-icon .elementor-icon:hover svg path {
    fill: #3C484C;
    stroke: #3C484C;
}

.sticky-header {
    background: var(--transparent) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
}

/*========================== HEADER END ==========================*/

/*========================== HERO SECTION START ==========================*/
.banner-icon-list ul {
    gap: 12px;
}

.trusted-details-list ul {
    gap: 24px;
}

.trusted-details-list .elementor-icon-list-items li span svg {
    margin: 0 !important;
}

/*========================== HERO SECTION END ==========================*/

/*========================== PATIENT REVIEW SECTION START ==========================*/
.patient-review-carousel .swiper-pagination .swiper-pagination-bullet {
    opacity: 1 !important;
}

.patient-review-carousel .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--light_green) !important;
}

.patient-review-carousel .swiper-pagination {
    display: none;
}

/*========================== PATIENT REVIEW SECTION END ==========================*/

/*========================== FAQ SECTION START ==========================*/
.faq-accordion .e-n-accordion-item {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.faq-accordion .e-n-accordion-item[open] .e-n-accordion-item-title {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-color: transparent;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

/*========================== FAQ SECTION END ==========================*/

/*========================== FOOTER START ==========================*/
.footer-menu .elementor-nav-menu li a {
    display: inline;
}

.footer-contact-list .elementor-icon-list-items li a:hover .elementor-icon-list-text {
    color: var(--black);

}

.footer-contact-list .elementor-icon-list-items li a .elementor-icon-list-text {
    word-break: break-all;
}

.privacy-menu .elementor-nav-menu--main ul li {
    position: relative !important;
    overflow: hidden !important;
}

.privacy-menu .elementor-nav-menu--main ul li:not(:last-child)::after {
    content: '' !important;
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: var(--black);
    opacity: 1 !important;
    border: none;
}

/*========================== FOOTER END ==========================*/

/*========================== MEDIA QUERIES START ==========================*/
@media(min-width: 1367px) and (max-width: 1760px) {
    .footer-top-wrapper {
        padding-left: clamp(20px, calc(10.178vw - 119.12px), 60px) !important;
        padding-right: clamp(20px, calc(10.178vw - 119.12px), 60px) !important;
    }

}

@media(max-width: 1366px) {
    .banner-icon-list .elementor-icon-list-items li span svg {
        margin: 0 !important;
    }

    .trusted-details-list ul {
        gap: 20px;
    }
}

@media(max-width: 1200px) {
    .trusted-details-list ul {
        gap: 10px;
    }
}

@media(max-width: 767px) {
    .trusted-details-list ul {
        gap: 6px;
    }

    .patient-review-carousel .swiper-pagination {
        display: block;
    }
}

@media(max-width: 575px) {
    .common-width-100 {
        width: 100% !important;
    }
    .banner-icon-list ul{
        flex-direction: column;
        align-items: start;
    }
}

/*========================== MEDIA QUERIES END ==========================*/