/******************* HERO SECTION START *******************/
.hero-banner-img {
    width: 100% !important;
    height: 100% !important;
}

.hero-banner-main-wrapper.inner-page-banner::before {
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 83px;
    background: linear-gradient(180deg, #EBF0DC 0%, rgba(235, 240, 220, 0) 100%);
}

.hero-banner-main-wrapper::after {
    content: '' !important;
    position: absolute;
    bottom: 0px;
    left: -60px;
    right: -60px;
    width: calc(100% + 120px);
    height: 90px;
    /* background: linear-gradient(180deg, #FFFFFF 18.4%, #FFFFFF 63.25%);
    filter: blur(30px);
    -webkit-filter: blur(30px); */
    background: url("../images/overlay-shap.png") no-repeat;
    background-size: 100% 100%;
}


.hero-sub-title {
    position: relative !important;
}

.hero-sub-title::after {
    content: '' !important;
    position: absolute;
    width: 11px;
    height: 11px;
    top: 0;
    left: -17px;
    background: url('../images/title-star-icon.svg');
}

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

/******************* HOME PAGE TESTIMONIAL SECTION START *******************/
.testimonial-carousel .slick-track{
    display: flex !important;
}
.testimonial-carousel .slick-track .slick-slide{
    height: auto !important;
}
.testimonial-carousel .slick-track .slick-slide > div{
    height: 100% !important;
}
.testimonial-slide-item{
    height: 100% !important;
}
/******************* HOME PAGE TESTIMONIAL SECTION END *******************/


/******************* EXPERTISE SECTION START *******************/
.expertise-item-link-icon .elementor-icon {
    position: relative !important;
    overflow: hidden !important;
    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;
}

.expertise-item-link-icon a.elementor-icon::after {
    content: '' !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #365649;
    border-radius: inherit !important;
    -webkit-border-radius: inherit !important;
    -moz-border-radius: inherit !important;
    -ms-border-radius: inherit !important;
    -o-border-radius: inherit !important;
    transform: translate(-100%, -100%);
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
    transition: transform 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out;
    -moz-transition: transform 0.5s ease-in-out;
    -ms-transition: transform 0.5s ease-in-out;
    -o-transition: transform 0.5s ease-in-out;
}

.expertise-item-link-icon a.elementor-icon:hover::after {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}

.expertise-item-link-icon a.elementor-icon:hover {
    border-color: transparent !important;
}

.expertise-item-link-icon a.elementor-icon svg {
    transition: all 0.5s ease-in-out;
    z-index: 1;
    -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;
}

.expertise-item-link-icon a.elementor-icon:hover svg {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}

.expertise-grid-item .expertise-item-bg-img {
    opacity: 0;
    transition: 0.5s ease-in-out !important;
    -webkit-transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
}

.expertise-grid-item:hover .expertise-item-bg-img {
    opacity: 1 !important;
}

.expertise-grid-item {
    position: relative !important;
}

.expertise-grid-item::after {
    content: '' !important;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f1f5f4;
    transform: translate(100%, 100%);
    transition: transform 0.5s ease-in-out !important;
    -webkit-transition: transform 0.6s ease-in-out !important;
    -moz-transition: transform 0.5s ease-in-out !important;
    -ms-transition: transform 0.5s ease-in-out !important;
    -o-transition: transform 0.5s ease-in-out !important;
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    border-radius: inherit !important;
    -webkit-border-radius: inherit !important;
    -moz-border-radius: inherit !important;
    -ms-border-radius: inherit !important;
    -o-border-radius: inherit !important;
}

.expertise-grid-item:hover::after {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
}

/******************* EXPERTISE SECTION END *******************/

/******************* HOW IT WORKS SECTION START *******************/
.how-it-works-main-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
}

.how-it-works-main-wrapper .how-it-works-item {
    flex: 0 0 auto;
    max-width: 100%;
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(4n + 1) {
    width: calc(33% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(4n + 2) {
    width: calc(67% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(4n + 3) {
    width: calc(67% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(4n + 4) {
    width: calc(33% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(1) {
    width: calc(33% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(2) {
    width: calc(67% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(3) {
    width: calc(67% - 12px);
}

.how-it-works-main-wrapper .how-it-works-item:nth-of-type(4) {
    width: calc(33% - 12px);
}

.how-it-works-item-index {
    min-width: 56px !important;
}

/******************* HOW IT WORKS SECTION END *******************/

/******************* CONTACT SECTION START *******************/
.contact-section-vector-img {
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}

/******************* CONTACT SECTION END *******************/




/* FOOTER START */
.footer-social-icons a {
    position: relative;
    overflow: hidden;
}

.footer-social-icons a::after {
    content: '' !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-100%, -100%);
    background: #000;
    transition: transform 0.5s ease-in-out !important;
    -webkit-transition: transform 0.5s ease-in-out !important;
    -moz-transition: transform 0.5s ease-in-out !important;
    -ms-transition: transform 0.5s ease-in-out !important;
    -o-transition: transform 0.5s ease-in-out !important;
    border-radius: inherit !important;
    -webkit-border-radius: inherit !important;
    -moz-border-radius: inherit !important;
    -ms-border-radius: inherit !important;
    -o-border-radius: inherit !important;
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
}

.footer-social-icons a:hover::after {
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}

.footer-social-icons a svg {
    z-index: 2;
}

.footer-menu nav {
    width: 100% !important;
}

.footer-menu nav ul li a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.copyright-detail .elementor-icon-list-text span {
    color: #10C07D;
    font-weight: 600;
}

/* FOOTER END */

/* Privacy Policy */

.privacy-policy-wrp .common-details li strong {
    color: #000 !important;
}

.privacy-policy-wrp .common-details strong {
    color: #000 !important;
}

.privacy-policy-wrp .common-details.content-gap-rm * {
    margin-bottom: 10px !important;
}


/* Privacy Policy */

.common-white-arrow-btn.button-justify {
    height: 44px !important;
}

.open-menu {
    overflow: hidden;
}


/******************* MEDIA QUERIES START *******************/

@media (max-width:880px) {
    .hero-banner-main-wrapper::after {
        height: 60px;
    }
}

@media(max-width: 767px) {
    .copyright-detail ul {
        gap: 10px 0;
    }

    .expertise-item-link-icon a.elementor-icon::after {
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }

    .expertise-item-link-icon a.elementor-icon svg {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .expertise-item-link-icon a.elementor-icon {
        border-color: transparent !important;
    }
}

@media(min-width: 576px) and (max-width: 767px) {

    .expertise-grid,
    .why-choose-us-grid {
        --e-con-grid-template-columns: repeat(2, 1fr) !important;
    }

    .how-it-works-main-wrapper .how-it-works-item {
        width: calc(50% - 10px) !important;
    }
}

@media(max-width: 575px) {
    .footer-menu nav ul {
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .footer-menu nav ul li:not(:last-child) {
        margin-right: 0 !important;
        margin-bottom: 15px;
    }

    .common-width-100 {
        width: 100% !important;
    }

    .how-it-works-main-wrapper .how-it-works-item {
        width: 100% !important;
    }

    .contact-section-vector-img {
        width: clamp(55%, calc(111.4% - 9vw), 80%) !important;
    }
}

@media(max-width: 400px) {
    .hero-sub-title {
        width: 90% !important;
    }

    .hero-sub-title::after {
        left: -8px;
    }

    .hero-main-title {
        width: 90% !important;
    }

    .why-choose-person-img img {
        height: 100% !important;
    }

    .why-choose-top-right-img img {
        width: 60% !important;
    }

    .why-choose-bottom-left-img {
        width: 130px !important;
        height: 130px !important;
    }

    .contact-details-block ul li.elementor-icon-list-item::after {
        border-inline-start-width: 0px !important;
    }

    .contact-details-block ul {
        row-gap: 5px !important;
    }

}

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