/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Utility
# Common
# Custom Cursor
# Topbar
# Navigations
# Home Showcase
# Search Popup
# Hero Slider
# Page Header
# Features
# About
# Campaign
# Progress Box
# Our Beenfit
# Gallery
# Guide
# Subscribe
# Count Bar
# Video
# Animations
# Mobile Nav
# Content
# Brand 
# Testimonial
# Team
# Company
# News Card
# Comments
# Form
# Sidebar
# Cta
# Categories
# Process
# Tab Content
# Google Map
# Contact Page
# Main footer
--------------------------------------------------------------*/

/*@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf");
}

@font-face {
    font-family: Roboto Condensed;
    src: url("../fonts/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf");
}*/

body {
    translate: no;
    background-color: #fff;
}


:root {
    /* --ehiapp-font: "Lexend Deca", sans-serif; */
    --ehiapp-font: "Roboto", serif;
    --ehiapp-text: #848493;
    --ehiapp-text-two: #9090a4;
    --ehiapp-heading-text: #21212d;
    --ehiapp-primary: #006168;
    --ehiapp-secondary: #005526;
    --ehiapp-bg: #eef5f7;
    --ehiapp-bg-two: #21212d;
    --ehiapp-white: #fff;
    --ehiapp-border: #e2dfeb;
}
/*.container-fluid {
    width: 90%;
}*/

/*.top-bar {
    background: linear-gradient(to right, #FF9933 0%, #FF9933 33.33%, #FFFFFF 33.33%, #FFFFFF 66.66%, #138808 66.66%, #138808 100%);
    height: 5px;
}*/
/*--------------------------------------------------------------
  # Utility
  --------------------------------------------------------------*/
.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-120 {
    margin-top: 120px;
}

.mt--60 {
    margin-top: -60px;
}

.mt--120 {
    margin-top: -120px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}


.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb--60 {
    margin-bottom: -60px;
}

.mb--120 {
    margin-bottom: -120px;
}

.mr-5 {
    margin-right: 5px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-142 {
    padding-top: 142px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-60 {
    padding-left: 60px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-22 {
    padding-right: 22px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-60 {
    padding-right: 60px;
}

/*--------------------------------------------------------------
  # Common
  --------------------------------------------------------------*/

body {
    font-family: var(--ehiapp-font, "Lexend Deca", sans-serif);
    font-size: 15px;
    color: #111111;
    /* font-weight: 500; */
    line-height: 2;
    letter-spacing: 0.2px;
}

    body.locked {
        overflow: hidden;
    }

a {
    color: var(--ehiapp-text, #848493);
    transition: all 400ms ease;
}

    a,
    a:hover,
    a:focus,
    a:visited {
        text-decoration: none;
    }

::placeholder {
    color: inherit;
    opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ehiapp-font);
    color: var(--ehiapp-heading-text, #21212d);
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

@media (max-width: 575px) {

    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}

@media (max-width: 575px) {
    p br {
        display: none;
    }
}

dl,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

::placeholder {
    color: inherit;
    opacity: 1;
}

button {
    border: none;
    outline: none;
}

.container-fluid,
.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.row {
    --bs-gutter-x: 30px;
}

.gutter-x-40 {
    --bs-gutter-x: 40px;
}

.gutter-y-10 {
    --bs-gutter-y: 10px;
}

.gutter-y-15 {
    --bs-gutter-y: 15px;
}

.gutter-y-16 {
    --bs-gutter-y: 16px;
}

.gutter-y-20 {
    --bs-gutter-y: 20px;
}

.gutter-y-30 {
    --bs-gutter-y: 30px;
}

.gutter-y-35 {
    --bs-gutter-y: 35px;
}

.gutter-y-40 {
    --bs-gutter-y: 40px;
}

.gutter-y-50 {
    --bs-gutter-y: 50px;
}

.gutter-y-60 {
    --bs-gutter-y: 60px;
}

.ehiapp-btn {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    font-weight: 600;
    padding: 12px 50px;
    background-color: var(--ehiapp-white, #fff);
    position: relative;
    color: var(--ehiapp-heading-text, #21212d);
    cursor: pointer;
    text-decoration: none;
    transition: 0.5s ease all;
    z-index: 1;
    overflow: hidden;
}



    .ehiapp-btn:before {
        transition: 0.5s all ease;
        position: absolute;
        top: 0;
        left: -50%;
        right: -50%;
        bottom: 0;
        transform: translate(-50%, -50%);
        opacity: 0;
        content: '';
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
        z-index: -1;
    }

    .ehiapp-btn:hover,
    .ehiapp-btn:focus {
        color: var(--ehiapp-white, #fff);
    }

        .ehiapp-btn:hover:before,
        .ehiapp-btn:focus:before {
            transition: 0.5s all ease;
            transform: translate(0, 0);
            left: 0;
            right: 0;
            opacity: 1;
        }

    .ehiapp-btn:active {
        transform: scale(0.9);
    }

.ehiapp-btn__active {
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
}

    .ehiapp-btn__active::before {
        background-color: var(--ehiapp-white, #fff);
        color: var(--ehiapp-heading-text, #21212d);
    }

    .ehiapp-btn__active:hover,
    .ehiapp-btn__active:focus {
        color: var(--ehiapp-heading-text, #21212d);
    }

.sec-title__tagline {
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 400;
    position: relative;
    color: var(--ehiapp-text, #848493);
    text-transform: uppercase;
}

    .sec-title__tagline::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0px;
        height: 2px;
        background-color: var(--ehiapp-secondary, #005526);
        margin-left: 10px;
    }

.sec-title__title {
    font-size: 50px;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 20px;
    /* letter-spacing: -2px; */
}

@media (max-width: 1199px) {
    .sec-title__title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .sec-title__title {
        font-size: 40px;
    }
}

@media (max-width: 575px) {
    .sec-title__title {
        font-size: 35px;
    }
}

@media (max-width: 425px) {
    .sec-title__title {
        font-size: 33px;
    }
}


.preloader {
    position: fixed;
    background-color: var(--ehiapp-bg-two, #21212d);
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px auto;
    width: 100%;
    height: 100%;
}



.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

.section-space {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-space-top {
    padding-top: 120px;
}

@media (max-width: 767px) {
    .section-space {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .section-space {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.section-space-two {
    padding-top: 117px;
    padding-bottom: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space-two {
        padding-top: 97px;
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .section-space-two {
        padding-top: 77px;
        padding-bottom: 80px;
    }
}

.section-space-top {
    padding-top: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space-top {
        padding-top: 100px;
    }
}

@media (max-width: 575px) {
    .section-space-top {
        padding-top: 80px;
    }
}

.section-space-bottom {
    padding-bottom: var(--section-space, 120px);
}

@media (max-width: 767px) {
    .section-space-bottom {
        padding-bottom: 100px;
    }
}

@media (max-width: 575px) {
    .section-space-bottom {
        padding-bottom: 80px;
    }
}


/*--------------------------------------------------------------
# Custom Cursor
--------------------------------------------------------------*/
.custom-cursor__cursor {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    border: 1px solid var(--ehiapp-primary, #58aec0);
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transform: translate(calc(-50% + 5px), -50%);
    transform: translate(calc(-50% + 5px), -50%);
    z-index: 999991;
}

.custom-cursor__cursor-two {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: var(--ehiapp-primary, #58aec0);
    opacity: 0.3;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    -webkit-transition: width 0.3s, height 0.3s, opacity 0.3s;
    transition: width 0.3s, height 0.3s, opacity 0.3s;
    z-index: 999991;
}

.custom-cursor__hover {
    background-color: var(--ehiapp-primary, #58aec0);
    opacity: 0.4;
}

.custom-cursor__innerhover {
    width: 25px;
    height: 25px;
    opacity: 0.4;
}



/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/


.topbar {
    background-color: #eef5f757;
    left: 0px;
    height: auto;
    position: relative;
    background: linear-gradient(to bottom, #1b5e20, #2e7d32);
    padding: 8px 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.topbar__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.topbar__left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.topbar__right {
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .topbar--one .topbar__right {
        display: none;
    }
}

.topbar__infu {
    display: flex;
    align-items: center;
}

.topbar__infu__icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    transition: all 400ms ease;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-width: 100px;
}

    .topbar__infu__icon i {
        font-size: 13px;
    }

    .topbar__infu__icon::after {
        content: "";
        z-index: -1;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 150%;
        height: 150%;
        background-color: var(--ehiapp-secondary, #005526);
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        border-radius: 50%;
    }

.topbar__infu:hover .topbar__infu__icon {
    color: var(--ehiapp-white, #fff);
}

    .topbar__infu:hover .topbar__infu__icon::after {
        bottom: -50%;
    }

.topbar__infu__text {
    display: flex;
    flex-direction: column;
    line-height: 20px;
}

    .topbar__infu__text span {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        /* cursor: pointer; */
        margin-bottom: 5px;
    }



    .topbar__infu__text .topbar__contact {
        color: #fff;
        /* background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; */
        transition: all 500ms ease;
        font-size: 15px;
        font-weight: 400;
    }


        .topbar__infu__text .topbar__contact:hover {
            color: #fff;
            background-size: 100% 1px;
        }

/* Topbar--two  */
.topbar--two {
    background-color: var(--ehiapp-bg-two, #21212d);
    padding-top: 0;
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    z-index: 1;
    position: relative;
}

    .topbar--two .topbar__inner {
        display: flex;
        justify-content: space-between;
    }

    .topbar--two .topbar__left__text {
        list-style: none;
        font-size: 14px;
        font-weight: 300;
        color: var(--ehiapp-text, #848493);
        padding-right: 30px;
    }

        .topbar--two .topbar__left__text a {
            background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
            transition: all 500ms ease;
        }


            .topbar--two .topbar__left__text a:hover {
                color: var(--ehiapp-secondary, #005526);
                background-size: 100% 1px;
            }

        .topbar--two .topbar__left__text i {
            color: var(--ehiapp-primary, #58aec0);
            padding-right: 5px;
        }

    .topbar--two .topbar__right__social-icon {
        background-color: rgb(23, 23, 32);
        padding: 6px 40px 6px 10px;
        margin-right: 40px;
    }


        .topbar--two .topbar__right__social-icon a {
            padding-left: 25px;
            color: var(--ehiapp-white, #fff);
        }

            .topbar--two .topbar__right__social-icon a:hover {
                color: var(--ehiapp-primary, #58aec0);
            }

    .topbar--two .topbar__right__user-profile {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .topbar--two .topbar__right__user-profile__avater {
        color: var(--ehiapp-primary, #58aec0);
        font-size: 16px;
    }

.topbar__right__user-profile__text {
    font-size: 13px;
    font-weight: 300;
}

    .topbar__right__user-profile__text:hover {
        color: var(--ehiapp-primary, #58aec0);
    }

@media (max-width: 991px) {
    .topbar--two .topbar__left {
        display: none;
    }

    .topbar__right {
        margin: auto;
    }
}

@media (max-width: 539px) {
    .topbar--two {
        display: none;
    }
}


.topbar--three {
    margin-top: 30px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 9;
    box-shadow: none;
}

    .topbar--three .topbar__inner {
        background-color: var(--ehiapp-bg-two, #21212d);
        padding: 0 40px;
    }




@media (max-width: 1199px) {
    .topbar--three .topbar__inner {
        background-color: var(--ehiapp-bg-two, #21212d);
        padding: 0 10px;
    }

    .topbar--three .topbar__right__social-icon {
        padding: 6px 30px 6px 10px;
        margin-right: 20px;
    }
}

/*--------------------------------------------------------------
# Navigations
  --------------------------------------------------------------*/
.main-header {
    background-color: var(--ehiapp-bg, #eef5f7);
}

.main-header__inner {
    background-color: var(--ehiapp-white, #fff);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px 0 40px;
}

.main-header__logo {
    padding-right: 70px;
}

.main-header__logo__sticky {
    display: none;
}



.main-header__search {
    position: relative;
    cursor: pointer;
}

    .main-header__search .search__icon {
        padding-right: 7px;
        color: var(--ehiapp-heading-text, #21212d);
    }

        .main-header__search .search__icon::before {
            content: "";
            width: 1px;
            height: 45px;
            position: absolute;
            top: 50%;
            left: -30.5px;
            transform: translateY(-50%);
            background-color: #d3e0e4;
        }

        .main-header__search.search__icon:hover {
            color: var(--ehiapp-primary, #58aec0);
        }

    .main-header__search .search-here {
        font-size: 16px;
        font-weight: 300;
    }




@media (max-width: 1199px) {
    .main-header__inner__left {
        display: none;
    }

    .main-header__inner {
        padding: 10px 10px 10px 30px;
    }
}

@media (max-width: 350px) {
    .topbar--one .main-header__search .search-here {
        display: none;
    }
}





.main-header__user-profile {
    display: flex;
    align-items: center;
}

.main-header__user-profile__avater {
    padding-right: 10px;
    padding-top: 3px;
    color: #fff;
    /* color: var(--ehiapp-primary, #58aec0); */
}

.main-header__user-profile__text {
    color: #fff;
    text-transform: uppercase;
    /* color: var(--ehiapp-text, #848493); */
    font-size: 18px;
    /* font-weight: 300; */
}

    .main-header__user-profile__text:hover {
        color: #00ffd8;
        /* var(--ehiapp-primary, #58aec0); */
    }

.main-header__user-profile__avater span {
    font-size: 16px;
}

.main-header__user-profile__br {
    padding: 0 8px;
}

.main-menu__btn {
    min-width: 150px;
    font-size: 12px;
    padding: 8px 30px;
    display: flex;
    align-items: center;
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    margin-left: 25px;
}

    .main-menu__btn:before {
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
    }

    .main-menu__btn i {
        padding-right: 6px;
    }

@media (max-width: 539px) {
    .main-menu__btn {
        display: none;
    }
}

/* main-header--two */

.main-header--two {
    background-color: var(--ehiapp-bg-two, #21212d);
    position: relative;
}

    .main-header--two .main-header__bg-overlay {
        width: 370px;
        height: 100%;
        background-color: var(--ehiapp-white, #fff);
        position: absolute;
        top: 0;
        left: 0;
    }



@media (max-width: 1599px) {
    .main-header--two .main-header__bg-overlay {
        width: 250px;
    }
}

@media (max-width: 1300px) {
    .main-header--two .main-header__bg-overlay {
        width: 150px;
    }
}

@media (max-width: 1199px) {
    .main-header--two .main-header__bg-overlay {
        display: none;
    }

    .main-header--two .main-header__logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .main-header--two .main-header__logo img {
            padding-right: 50px;
        }
}

@media (max-width: 1099px) {
    .main-header--two .main-header__bg-overlay {
        width: 300px;
    }
}


@media (max-width: 767px) {
    .main-header--two .main-header__logo img {
        padding-right: 0;
    }
}



.main-header--two .main-header__inner {
    background-color: var(--ehiapp-bg-two, #21212d);
    margin-top: 0;
    padding: 0 0;
}

.main-header--two .main-header__logo {
    height: 87px;
    z-index: 1;
    padding-right: 40px;
    background: var(--ehiapp-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1199px) {
    .main-header--two .main-header__logo {
        padding: 0 30px;
    }
}

.main-header--two .main-header__inner__left {
    margin-right: 140px;
}

.main-header--two .main-menu .main-menu__list li .active {
    color: var(--ehiapp-white, #fff);
}

.main-header--two .main-menu .main-menu__list > li + li {
    margin-left: 45px;
}

.main-header--two .main-menu .main-menu__list li:hover > a {
    color: var(--ehiapp-white, #fff);
}

.main-header--two .main-header__search .search__icon {
    color: var(--ehiapp-white, #fff);
}

    .main-header--two .main-header__search .search__icon::before {
        background-color: rgba(255, 255, 255, 0.1);
        left: -20px;
    }

.main-header--three {
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    background-color: transparent;
    z-index: 9;
}

    .main-header--three .main-header__inner {
        background-color: var(--ehiapp-white, #fff);
        padding: 0;
    }


    .main-header--three .main-header__logo {
        height: 88px;
        z-index: 1;
        padding-right: 40px;
        padding-left: 37px;
        display: flex;
        align-items: center;
        background-color: var(--ehiapp-bg-two, #21212d);
    }

    .main-header--three .main-header__inner__left {
        margin-right: 90px;
    }

    .main-header--three .main-header__inner__right {
        padding-right: 40px;
    }


    .main-header--three .main-header__search .search__icon {
        color: var(--ehiapp-bg-two);
    }

        .main-header--three .main-header__search .search__icon::before {
            background-color: rgba(0, 0, 0, 0.1);
            left: -20px;
        }

    .main-header--three .main-menu .main-menu__list > li + li {
        margin-left: 50px;
    }


.sticky-header--cloned {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    top: 0;
    transform: translateY(-100%);
    box-shadow: 0px 3px 18px rgba(30, 29, 29, 0.07);
    transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
    visibility: hidden;
    transition: transform 500ms ease, visibility 500ms ease;
}


    .sticky-header--cloned.active {
        transform: translateY(0%);
        visibility: visible;
    }

    .sticky-header--cloned .main-header__wrappper {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 0;
        background-color: var(--ehiapp-white, #fff);
    }

    .sticky-header--cloned img {
        width: 65px !important;
    }

    .sticky-header--cloned .main-menu .main-menu__list > .megamenu > ul {
        top: 100%;
    }

    .sticky-header--cloned .main-header__logo__sticky {
        display: block;
        padding-left: 200px;
    }

@media (max-width: 1699px) {
    .sticky-header--cloned .main-header__logo__sticky {
        display: block;
        padding-left: 60px;
    }
}

@media (max-width: 1300px) {
    .sticky-header--cloned .main-header__logo__sticky {
        display: block;
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .sticky-header--cloned .main-header__logo__sticky {
        display: none;
        padding-left: 50px;
    }

    .main-header--three .main-header__inner__right {
        padding-right: 10px;
    }

    .main-header--three .main-header__logo {
        padding-left: 10px;
    }
}



.main-header--three.sticky-header.sticky-header--normal.sticky-header--cloned.active {
    background: #fff;
}

.mobile-nav__btn {
    width: 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    cursor: pointer;
    z-index: 3;
}

@media (min-width: 1200px) {
    .mobile-nav__btn {
        display: none;
    }
}

.mobile-nav__btn span {
    width: 100%;
    height: 2px;
    background-color: var(--ehiapp-bg-two, #21212d);
}

    .mobile-nav__btn span:nth-child(2) {
        margin-top: 4px;
        margin-bottom: 4px;
    }

.main-header--two .mobile-nav__btn {
    margin-right: 60px;
}

    .main-header--two .mobile-nav__btn span {
        background-color: var(--ehiapp-white, #fff);
    }

.main-header--three .mobile-nav__btn span {
    background-color: var(--ehiapp-bg-two, #21212d);
}


.main-menu {
    /* after third level no menu */
}

    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        align-items: center;
        display: none;
    }

@media (min-width: 1200px) {

    .main-menu .main-menu__list,
    .main-menu .main-menu__list ul {
        display: flex;
    }
}

.main-menu .main-menu__list > li {
    padding: 15px 10px;
    position: relative;
}

    .main-menu .main-menu__list > li.dropdown > a {
        position: relative;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 63px;
    }

@media (max-width: 1599px) {
    .main-menu .main-menu__list > li + li {
        margin-left: 20px;
    }
}

.main-menu .main-menu__list > li > a {
    font-size: 18px;
    display: flex;
    align-items: center;
    color: var(--ehiapp-text, #848493);
    font-weight: 400;
    line-height: normal;
    position: relative;
    transition: all 500ms ease;
}


.main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a {
    color: var(--ehiapp-heading-text, #21212d);
    text-shadow: 0 0 0.5px currentColor;
}

.main-menu .main-menu__list li ul {
    position: absolute;
    top: 100%;
    left: -25px;
    min-width: 270px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    z-index: 99;
    background-color: var(--ehiapp-white, #fff);
    box-shadow: 0px 10px 60px 0px rgba(255, 255, 255, 0.7);
    padding: 15px 20px 11px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-menu__two .main-menu__list li ul {
    background-color: var(--ehiapp-bg-two, #21212d);
}

.main-menu .main-menu__list li:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateZ(0px);
}

.main-menu .main-menu__list > .megamenu {
    position: static;
}

    .main-menu .main-menu__list > .megamenu > ul {
        top: 150px;
        left: 0 !important;
        right: 0 !important;
        background-color: transparent;
        box-shadow: none;
        padding: 0;
    }

.main-header--two .main-menu .main-menu__list > .megamenu > ul {
    top: 100%;
}

.main-header--three .main-menu .main-menu__list > .megamenu > ul {
    top: 100%;
}

.main-menu .main-menu__list li ul li {
    flex: 1 1 100%;
    width: 100%;
    position: relative;
}

    .main-menu .main-menu__list li ul li > a {
        font-size: 14px;
        line-height: 25px;
        color: var(--ehiapp-text, #848493);
        font-weight: 500;
        display: flex;
        padding: 8px 20px;
        transition: 400ms;
        margin-bottom: 4px;
    }

        .main-menu .main-menu__list li ul li > a::after {
            position: absolute;
            right: 20px;
            top: 8px;
            border-radius: 0;
            font-size: 6px;
            font-weight: 700;
            font-family: "Font Awesome 5 Free";
            content: "\f111";
            color: var(--ehiapp-white, #fff);
            visibility: hidden;
            opacity: 0;
            transition: all 500ms ease;
            transform: scale(0);
        }

    .main-menu .main-menu__list li ul li.current > a,
    .main-menu .main-menu__list li ul li:hover > a {
        background-color: var(--ehiapp-secondary, #005526);
        color: var(--ehiapp-white, #fff);
    }

        .main-menu .main-menu__list li ul li.current > a::after,
        .main-menu .main-menu__list li ul li:hover > a::after {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }

    .main-menu .main-menu__list li ul li > ul {
        top: 0;
        left: calc(100% + 20px);
    }

        .main-menu .main-menu__list li ul li > ul.right-align {
            top: 0;
            left: auto;
            right: 100%;
        }

        .main-menu .main-menu__list li ul li > ul ul {
            display: none;
        }

@media (min-width: 1200px) and (max-width: 1400px) {

    .main-menu__list li:nth-last-child(1) ul li > ul,
    .main-menu__list li:nth-last-child(2) ul li > ul {
        left: auto;
        right: calc(100% + 20px);
    }
}


/*--------------------------------------------------------------
# Home Showcase
--------------------------------------------------------------*/
.demo-one {
    padding-top: 120px;
    padding-bottom: 120px;
}

    .demo-one .row {
        --bs-gutter-y: 30px;
    }

.demo-one__card {
    background-color: var(--ehiapp-white, #fff);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1);
    text-align: center;
    transition: 500ms ease;
    transform: translateY(0px);
}

    .demo-one__card:hover {
        transform: translateY(-10px);
    }

.demo-one__title {
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--ehiapp-heading-text, #21212d);
    font-weight: 500;
}

    .demo-one__title:hover {
        color: var(--ehiapp-secondary, #005526);
    }

    .demo-one__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .demo-one__title a:hover {
            background-size: 100% 1px;
        }

.demo-one__image {
    position: relative;
    overflow: hidden;
}

    .demo-one__image img {
        max-width: 100%;
        transition: filter 500ms ease;
        filter: blur(0px);
    }

.demo-one__card:hover .demo-one__image img {
    filter: blur(2px);
}

.demo-one__btns {
    background-color: rgba(0, 0, 0, 0.07);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    transform: scale(1, 0);
    transition: transform 500ms ease, opacity 600ms linear;
    transform-origin: bottom center;
    opacity: 0;
}

.demo-one__card:hover .demo-one__btns {
    transform: scale(1, 1);
    opacity: 1;
    transform-origin: top center;
}

.demo-one__btn {
    font-size: 12px;
    padding: 8px 20px;
    color: var(--ehiapp-heading-text, #21212d);
    text-transform: capitalize;
}

    .demo-one__btn::before {
        background-color: var(--ehiapp-secondary, #005526);
    }


    .demo-one__btn:hover {
        color: var(--ehiapp-white, #fff);
    }

@media (min-width: 768px) {
    .demo-one__btn {
        display: inline-flex;
    }
}

.demo-one__title {
    padding-top: 20.5px;
    padding-bottom: 20.5px;
}

.home-showcase .row {
    --bs-gutter-x: 42px;
    --bs-gutter-y: 20px;
}

.home-showcase__inner {
    padding: 40px 40px 21px;
    background-color: var(--ehiapp-white, #fff);
    /* box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); */
}


.home-showcase .demo-one__card {
    box-shadow: none;
}

.home-showcase .demo-one__btns {
    flex-direction: column;
}

.home-showcase .demo-one__btn {
    min-width: 130px;
    text-align: center;
    justify-content: center;
}

.home-showcase .demo-one__title {
    padding: 0;
    font-size: 16px;
    margin-top: 15px;
    padding-bottom: 15px;
}





/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/
 

@media (max-width: 767px) {
    .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(-110%);
    }
}

 

.search-popup__form {
    position: relative;
}

    .search-popup__form input[type=search],
    .search-popup__form input[type=text] {
        width: 100%;
        background-color: var(--ehiapp-white, #fff);
        font-size: 15px;
        color: var(--ehiapp-text, #848493);
        border: none;
        outline: none;
        height: 66px;
        padding-left: 30px;
    }

    .search-popup__form .ehiapp-btn {
        padding: 0;
        width: 66px;
        height: 66px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        position: absolute;
        top: 0;
        right: -1px;
        font-size: 18px;
        border-radius: 0;
        border: none;
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
    }

        .search-popup__form .ehiapp-btn::before {
            background-color: var(--ehiapp-bg-two, #21212d);
        }

.search-popup.active {
    z-index: 9999;
}

     

@media (max-width: 767px) {
    .search-popup.active .search-popup__overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: none;
        width: 100%;
        height: 100%;
        border-radius: 0;
        transform: translateY(0%);
    }
}

.search-popup.active .search-popup__content {
    width: 100%;
    opacity: 1;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}





/*--------------------------------------------------------------
# Hero Slider
--------------------------------------------------------------*/
.hero-slider-one {
    position: relative;
}

.hero-slider-one__shape {
    width: 630px;
    position: absolute;
    bottom: 0;
    right: 0;
    mix-blend-mode: screen;
    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateX(200px) scalex(1);
    filter: blur(10px);
    animation: zoomBig 2s linear infinite;
}




.hero-slider-one__carousel {
    position: relative;
    width: 100%;
}

    .hero-slider-one__carousel.owl-carousel .owl-nav {
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 44%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
    }

        .hero-slider-one__carousel.owl-carousel .owl-nav button {
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.2);
            color: var(--ehiapp-white, #fff);
            margin: 0 60px;
            transition: 0.5s;
        }

            .hero-slider-one__carousel.owl-carousel .owl-nav button:hover {
                background-color: var(--ehiapp-white, #fff);
                color: var(--ehiapp-heading-text, #21212d);
            }

.hero-slider-one__item {
    background-color: var(--ehiapp-heading-text, #21212d);
    position: relative;
    z-index: 3;
    padding-top: 160px;
    padding-bottom: 270px;
}

.hero-slider-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* opacity: 40%; */
}

.hero-slider-one .container {
    position: relative;
    z-index: 1;
}


.hero-slider-one__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero-slider-one__subtitle {
    color: var(--ehiapp-white, #fff);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transition: transform 1500ms ease, opacity 1500ms ease;
    transform: translateY(-200px);
}




.hero-slider-one__title {
    font-size: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--ehiapp-white, #fff);
    padding-top: 10px;
    padding-bottom: 32px;
    /* letter-spacing: -3px; */
    line-height: 80px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateX(200px);
}


.hero-slider-one__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 1500ms ease;
}



.hero-slider-one__title__overlay-group {
    display: block;
    background-color: var(--ehiapp-white, #fff);
    width: 100%;
    height: 80%;
    display: block;
    position: absolute;
    transition: 1000ms cubic-bezier(0.65, 0, 0.076, 1);
    transition-delay: 2s;
    z-index: 1;
    right: 0;
    top: 10px;
}

.hero-slider-one .active .hero-slider-one__subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1100ms;
}

.hero-slider-one .active .hero-slider-one__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1300ms;
}

.hero-slider-one .active .hero-slider-one__title__overlay-group {
    right: 105%;
    top: 10px;
}

.hero-slider-one .active .hero-slider-one__btn {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 1700ms;
}

.hero-slider-one .active .hero-slider-one__shape {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
    transition-delay: 1500ms;
}

@media (max-width: 1199px) {
    .hero-slider-one__title {
        font-size: 70px;
    }
}

@media (max-width: 991px) {
    .hero-slider-one__title {
        font-size: 55px;
    }

    .hero-slider-one__carousel.owl-carousel .owl-nav button {
        margin: 0 35px;
    }

    .hero-slider-one__shape {
        width: 450px;
    }
}

@media (max-width: 767px) {
    .hero-slider-one__title {
        font-size: 50px;
        line-height: 60px;
    }

    .hero-slider-one__shape {
        width: 400px;
    }

    .hero-slider-one__carousel.owl-carousel .owl-nav {
        top: 55%;
    }

        .hero-slider-one__carousel.owl-carousel .owl-nav button {
            margin: 0 10px;
        }
}

@media (max-width: 539px) {
    .hero-slider-one__title {
        font-size: 35px;
        line-height: 40px;
    }

    .hero-slider-one__carousel.owl-carousel .owl-nav {
        display: none;
    }

    .hero-slider-one__btn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 350px) {

    .hero-slider-one__title {
        font-size: 25px;
        line-height: 30px;
    }

    .hero-slider-one__carousel.owl-carousel .owl-nav {
        display: none;
    }

    .hero-slider-one__btn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}



/* hero-slider-two */


.hero-slider-two {
    position: relative;
}


.hero-slider-two__carousel {
    position: relative;
    width: 100%;
}

    .hero-slider-two__carousel.owl-carousel .owl-nav {
        width: 100%;
        margin-top: 0;
        position: absolute;
        top: 44%;
        transform: translateY(-50%);
        display: flex;
        justify-content: space-between;
    }

        .hero-slider-two__carousel.owl-carousel .owl-nav button {
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.2);
            color: var(--ehiapp-white, #fff);
            margin: 0 60px;
            transition: 0.5s;
        }

            .hero-slider-two__carousel.owl-carousel .owl-nav button:hover {
                background-color: var(--ehiapp-white, #fff);
                color: var(--ehiapp-heading-text, #21212d);
            }

.hero-slider-two__item {
    background-color: var(--ehiapp-heading-text, #21212d);
    position: relative;
    z-index: 3;
    padding-top: 180px;
    padding-bottom: 180px;
}

.hero-slider-two__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 40%;
}

.hero-slider-two .container {
    position: relative;
    z-index: 1;
}

.hero-slider-two__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.hero-slider-two__subtitle {
    color: var(--ehiapp-white, #fff);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(-200px);
    transition: transform 1500ms ease, opacity 1500ms ease;
}

.hero-slider-two__title {
    font-size: 80px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: start;
    color: var(--ehiapp-white, #fff);
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 32px;
    line-height: 80px;
    overflow: hidden;
    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateX(-200px) scalex(2);
    filter: blur(10px);
}

.hero-slider-two__btn {
    opacity: 0;
    line-height: 30px;
    transition: transform 1500ms ease, opacity 1500ms ease;
    transform: translateY(100%);
    filter: blur(10px);
}

.hero-slider-two .find-on-platform {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: var(--ehiapp-bg-two, #21212d);
    padding: 25px 190px 25px 40px;
    cursor: pointer;
    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateX(200px) scalex(1);
    filter: blur(10px);
}

    .hero-slider-two .find-on-platform a span {
        font-size: 60px;
        color: var(--ehiapp-secondary, #005526);
        padding-right: 20px;
    }

    .hero-slider-two .find-on-platform h4 {
        font-size: 24px;
        font-weight: 600;
        color: var(--ehiapp-white, #fff);
    }

@media (max-width: 991px) {
    .hero-slider-two .find-on-platform {
        padding: 25px 50px 25px 40px;
    }
}

@media (max-width: 767px) {
    .hero-slider-two__title {
        font-size: 40px;
        line-height: 50px;
    }

    .hero-slider-two__carousel.owl-carousel .owl-nav {
        display: none;
    }
}

.hero-slider-two .active .hero-slider-two__subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1100ms;
}

.hero-slider-two .active .hero-slider-two__title {
    opacity: 1;
    transform: translateX(0) scalex(1);
    filter: blur(0);
    transition-delay: 1200ms;
}

.hero-slider-two .active .hero-slider-two__btn {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition-delay: 1500ms;
}

.hero-slider-two .active .find-on-platform {
    opacity: 1;
    transform: translateX(0);
    filter: blur(0);
    transition-delay: 1500ms;
}


/* hero-slider-three */


.hero-slider-three {
    position: relative;
}


.hero-slider-three__carousel {
    position: relative;
    width: 100%;
}

    .hero-slider-three__carousel .hero-slider-three__item .shape-1 {
        width: 50%;
    }

    .hero-slider-three__carousel .hero-slider-three__item .shape-2 {
        width: 63.5%;
    }

.shape {
    position: absolute;
}

.shape-1 {
    bottom: 0;
    left: 0;
    opacity: 0;
    transform: translateY(200px);
    transition: transform 1000ms ease, opacity 1000ms ease;
}

.shape-2 {
    top: 0;
    left: 0;
    opacity: 1;
    opacity: 0;
    transform: translateY(-200px);
    transition: transform 1000ms ease, opacity 1000ms ease;
}



.hero-slider-three__carousel.owl-carousel .owl-nav {
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

    .hero-slider-three__carousel.owl-carousel .owl-nav button {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.2);
        color: var(--ehiapp-white, #fff);
        margin: 0 60px;
        transition: 0.5s;
    }

        .hero-slider-three__carousel.owl-carousel .owl-nav button:hover {
            background-color: var(--ehiapp-white, #fff);
            color: var(--ehiapp-heading-text, #21212d);
        }


.hero-slider-three__item {
    background-color: var(--ehiapp-heading-text, #21212d);
    position: relative;
    z-index: 3;
    padding-top: 310px;
    padding-bottom: 220px;
}

.hero-slider-three__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 40%;
}


.hero-slider-three .container {
    position: relative;
    z-index: 1;
}

.hero-slider-three__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero-slider-three__subtitle {
    color: var(--ehiapp-white, #fff);
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    transition: transform 1500ms ease, opacity 1500ms ease;
    transform: translateY(-200px);
}

.hero-slider-three__title {
    font-size: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    color: var(--ehiapp-white, #fff);
    padding-top: 10px;
    padding-bottom: 32px;
    line-height: 80px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateX(-200px);
}

.hero-slider-three__btn {
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: perspective(400px) rotateY(0deg) translateY(80px);
    transform-origin: bottom;
    transition: all 1500ms ease;
}

.hero-slider-three__title__overlay-group {
    display: block;
    background-color: var(--ehiapp-white, #fff);
    width: 100%;
    height: 90%;
    display: block;
    position: absolute;
    transition: 1000ms cubic-bezier(0.65, 0, 0.076, 1);
    transition-delay: 2s;
    z-index: 1;
    left: 0;
    top: 10px;
}

.hero-slider-three .active .hero-slider-three__subtitle {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1100ms;
}

.hero-slider-three .active .hero-slider-three__title {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1300ms;
}

.hero-slider-three .active .hero-slider-three__title__overlay-group {
    left: 105%;
    top: 10px;
}



.hero-slider-three .active .shape-1 {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition-delay: 1500ms;
}

.hero-slider-three .active .shape-2 {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
    transition-delay: 1500ms;
}

.hero-slider-three .active .hero-slider-three__btn {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    transition-delay: 1700ms;
}

@media (max-width: 1199px) {
    .hero-slider-three__title {
        font-size: 60px;
        line-height: 60px;
    }
}

@media (max-width: 767px) {
    .hero-slider-three__title {
        font-size: 40px;
        line-height: 40px;
    }

    .hero-slider-three__carousel.owl-carousel .owl-nav {
        display: none;
    }

    .hero-slider-three__carousel .hero-slider-three__item .shape-2 {
        width: 100%;
    }

    .hero-slider-three__carousel .hero-slider-three__item .shape-1 {
        width: 80%;
    }
}

@media (max-width: 539px) {
    .hero-slider-three__title {
        font-size: 35px;
        line-height: 60px;
    }

    .hero-slider-three__btn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}


/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
    background-color: var(--ehiapp-heading-text, #21212d);
    position: relative;
    padding-top: 160px;
    padding-bottom: 145px;
}

@media (max-width: 767px) {
    .page-header {
        padding-top: 80px;
        padding-bottom: 84px;
    }
}


.page-header__bg {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    opacity: 30%;
}


    .page-header__bg::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

.page-header__shape {
    width: 630px;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 1;
    mix-blend-mode: screen;
    animation: zoomBig 2s linear infinite;
}


    .page-header__shape img {
        width: 100%;
    }

@media (max-width: 1199px) {
    .page-header__shape {
        width: 500px;
    }
}

@media (max-width: 767px) {
    .page-header__shape {
        width: 345px;
    }
}

@media (max-width: 450px) {
    .page-header__shape {
        width: 250px;
    }
}

.page-header .container {
    position: relative;
    z-index: 10;
}

.page-header__title {
    font-size: 40px;
    color: var(--ehiapp-white, #fff);
    font-weight: 600;
    line-height: normal;
    margin-bottom: 11px;
    /* letter-spacing: -1.5px; */
}


@media (max-width: 575px) {
    .page-header__title {
        font-size: 35px;
    }
}

.ehiapp-breadcrumb {
    display: flex;
    gap: 15px;
}

    .ehiapp-breadcrumb li {
        font-size: 14px;
        color: var(--ehiapp-white, #fff);
        font-weight: 300;
        line-height: 1;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        cursor: pointer;
        letter-spacing: 2px;
    }

        .ehiapp-breadcrumb li span,
        .ehiapp-breadcrumb li a {
            color: inherit;
            display: inline-flex;
            line-height: 1.4;
        }

        .ehiapp-breadcrumb li a {
            background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
            transition: all 500ms ease;
        }

            .ehiapp-breadcrumb li a:hover {
                background-size: 100% 1px;
            }

            .ehiapp-breadcrumb li a:hover {
                color: var(--ehiapp-secondary, #005526);
            }


/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

.features-one {
    display: flex;
    padding-top: 46px;
    padding-bottom: 35px;
    justify-content: center;
    align-items: center;
}

.features-one__avater__text {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 400;
    color: var(--ehiapp-white, #fff);
    padding-bottom: 10px;
    padding-left: 10px;
}

.features-one__title {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.features-one__avater__heading {
    font-size: 18px;
    font-weight: 400;
}

    .features-one__avater__heading span {
        font-weight: 800;
    }

.features-two {
    background-color: var(--ehiapp-bg-two, #21212d);
    position: relative;
    z-index: 2;
}

.features-two__bg-overlay {
    background-image: url(../../assets/images/futures/feature-bg-shape.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 5%;
    mix-blend-mode: luminosity;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.features-two__cart__inner {
    display: flex;
    align-items: center;
    padding: 40px 0;
}

.features-two__avater {
    width: 270px;
    height: 108px;
    display: flex;
    align-items: center;
    z-index: 1;
}

    .features-two__avater img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.features-two__cart__icon a {
    width: 60px;
    height: 60px;
    font-size: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-primary, #58aec0);
    transition: 0.5s;
    color: var(--ehiapp-bg);
    margin-left: -30px;
}

.features-two__avater__text {
    display: flex;
    flex-direction: column;
    align-items: start;
    color: var(--ehiapp-white, #fff);
    padding-left: 60px;
}

.features-two__avater__title {
    color: var(--ehiapp-text, #848493);
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.2px;
    line-height: 36px;
}

.features-two__avater__desc {
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .features-two__cart__inner {
        flex-direction: column;
        gap: 20px;
    }
}

.features-three__avter {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 35px;
}

.features-three__avater__text {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
}

.features-three__avater__title {
    color: var(--ehiapp-text, #848493);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.features-three__avter__desc span {
    color: var(--ehiapp-secondary, #005526);
    font-weight: 800;
}

@media (max-width: 767px) {
    .features-three__wrapper .container {
        max-width: 540px;
    }
}

@media (max-width: 539px) {
    .features-three__wrapper .container {
        max-width: 100%;
    }

    .features-three__single {
        padding: 30px 10px 25px 10px;
    }

    .features-three__icon {
        width: 50px;
        height: 50px;
    }

        .features-three__icon span {
            font-size: 25px;
        }
}

/*--------------------------------------------------------------
# About
  --------------------------------------------------------------*/

.about-one {
    position: relative;
}

.about-one__background-overlay {
    background-image: url(../../assets/images/about/about-background-overlay.jpg);
    background-repeat: repeat-y;
    background-position: -150px 0;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.about-one__background-overlay-two img {
    position: absolute;
    top: -40px;
    right: 0;
    z-index: -1;
    animation: zoomBig 2s linear infinite;
}

@media (max-width: 1300px) {
    .about-one__background-overlay {
        background-position: -200px 0;
    }
}


.about-one__image__inner {
    position: relative;
}

.about-one__image__one {
    margin-left: -100px;
    width: 523px;
    height: 669px;
    position: relative;
}

@media (max-width: 1440px) {
    .about-one__image__one {
        margin-left: 0;
    }
}

@media (max-width: 1199px) {
    .about-one__image__one {
        width: 423px;
        margin-left: -30px;
    }
}

@media (max-width: 991px) {
    .about-one__image__one {
        width: 523px;
    }
}

@media (max-width: 767px) {
    .about-one__image__one {
        width: 100%;
    }
}


.about-one__image__one img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-one__image__one::after {
    position: absolute;
    content: "";
    position: absolute;
    top: 17.5%;
    right: 15%;
    transform: translateY(-50%);
    width: 20px;
    height: 112px;
    background-color: var(--ehiapp-secondary, #005526);
}

.about-one__image__two {
    width: 350px;
    height: 340px;
    position: absolute;
    bottom: 120px;
    right: 50px;
}

@media (max-width: 1499px) {
    .about-one__image__two {
        right: 30px;
    }
}


.about-one__image__two img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-one__image__content {
    background-color: var(--ehiapp-secondary, #005526);
    width: 270px;
    padding: 30px 0 30px 38px;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
}

.experiance-count {
    font-size: 50px;
    font-weight: 700;
    color: var(--ehiapp-white, #fff);
    padding-right: 18px;
}

.experiance-title {
    font-size: 18px;
    font-weight: 300;
    display: flex;
    flex-direction: column;
    color: var(--ehiapp-white, #fff);
    line-height: 24px;
}

.about-one__text {
    font-size: 16px;
    font-weight: 300;
    padding-top: 10px;
    text-align: justify;
    line-height: 28px;
}

.about-one__inner {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
}

.about-one__features {
    display: flex;
}

.about-one__icon {
    padding-right: 20px;
    padding-top: 4px;
}

    .about-one__icon span {
        font-size: 64px;
        color: var(--ehiapp-primary, #58aec0);
        transition: 0.5s;
    }

.about-one__features:hover .about-one__icon span {
    color: var(--ehiapp-text, #848493);
}

.about-one__features__text h5 {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}

@media (max-width: 1199px) {
    .about-one__features__text h5 {
        font-size: 18px;
    }
}

.about-one__features__text p {
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    padding-bottom: 30px;
}

.about-one__features__line {
    position: relative;
    padding-bottom: 38px;
}

    .about-one__features__line::after {
        position: absolute;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(-50%);
        width: 370px;
        height: 1px;
        background-color: #d3e0e4;
    }

@media (max-width: 1199px) {
    .about-one__features__line::after {
        width: 90%;
    }

    .about-one__features__line {
        position: relative;
        padding-bottom: 23px;
    }

    .about-one__features__text p {
        font-size: 15px;
        padding-bottom: 20px;
    }
}

.about__btn {
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
    padding: 15px 50px;
    margin-top: 15px;
}

    .about__btn:before {
        background-color: var(--ehiapp-secondary, #005526);
    }

.about-one__icon-box {
    width: 170px;
    height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-width: 10px;
    border-style: solid;
    border-color: var(--ehiapp-bg, #eef5f7);
    padding: 0 20px;
}

    .about-one__icon-box a {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--ehiapp-secondary, #005526);
        color: var(--ehiapp-white, #fff);
        margin-bottom: 15px;
    }

        .about-one__icon-box a span {
            font-size: 22px;
        }

.about-one__icon-box__text {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}


@media (max-width: 991px) {
    .about-one__background-overlay {
        background-image: none;
    }

    .about-one__image__one {
        margin-left: 0;
    }

    .about-one__image__two {
        max-width: 350px;
        position: absolute;
        bottom: 120px;
        right: 70px;
    }

    .about-one__content {
        padding-top: 60px;
    }

    .about-one__features__line::after {
        width: 100%;
    }
}

@media (max-width: 539px) {

    .about-one__image__two {
        max-width: 275px;
        position: absolute;
        right: 0;
    }

    .about-one__image__one::after {
        right: 5%;
    }

    .about-one__inner {
        flex-direction: column;
        gap: 20px;
    }

    .about-one__icon-box {
        width: 100%;
        height: 160px;
    }
}

/* about-two */
.about-two {
    position: relative;
}

.about-two__background-overlay-two img {
    position: absolute;
    top: -40px;
    right: 0;
    z-index: -1;
    animation: zoomBig 2s linear infinite;
}

.about-two__single {
    position: relative;
    max-width: 560px;
    margin: 0 auto 30px;
    padding-right: 25px;
}



.about-two__image {
    position: relative;
    z-index: 11;
}

    .about-two__image .content-inner {
        width: 508px;
        height: 615px;
    }

        .about-two__image .content-inner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .about-two__image:after {
        content: '';
        width: 95%;
        height: 100%;
        background-image: linear-gradient(180deg, var(--ehiapp-primary) 0%, var(--ehiapp-secondary) 100%);
        position: absolute;
        top: 0;
        left: 0;
        transform: rotate(5deg);
        z-index: -1;
        transition: all 400ms linear;
    }

    .about-two__image:hover:after {
        transform: rotate(-5deg);
    }

.about-two__image-second {
    position: absolute;
    left: -150px;
    bottom: 120px;
    z-index: 99;
    max-width: 62%;
}

    .about-two__image-second .content-inner {
        width: 350px;
        height: 330px;
    }

        .about-two__image-second .content-inner img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }


.about-two__line {
    position: absolute;
    top: 60px;
    left: -80px;
    bottom: 60px;
    right: 150px;
    border: 2px solid var(--ehiapp-secondary, #005526);
    z-index: 22;
    animation: topToBottom 2s linear infinite;
}

@media (max-width: 1499px) {
    .about-two__image-second {
        left: -100px;
    }

    .about-two__line {
        left: -30px;
    }
}

@media (max-width: 1350px) {
    .about-two__image-second {
        left: -70px;
    }

    .about-two__line {
        left: -20px;
    }
}

@media (max-width: 1250px) {
    .about-two__image-second {
        left: -30px;
    }

    .about-two__line {
        left: -10px;
    }
}

@media (max-width: 1199px) {
    .about-two__image .content-inner {
        width: 433px;
    }

    .about-two__image:after {
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .about-two__line {
        left: -40px;
    }

    .about-two__image-second {
        left: -70px;
    }
}

@media (max-width: 1099px) {
    .about-two__image-second {
        left: -20px;
    }

    .about-two__line {
        left: -10px;
    }
}

@media (max-width: 991px) {
    .about-two__image .content-inner {
        width: 100%;
    }

    .about-two__image-second {
        left: -70px;
    }

    .about-two__line {
        left: -40px;
    }
}

@media (max-width: 768px) {
    .about-two__single {
        max-width: 420px;
        padding-right: 0;
    }

    .about-two__image-second {
        left: -40px;
    }

    .about-two__line {
        left: -20px;
        right: 120px;
    }
}



.about-two__inner {
    padding-top: 15px;
}

.about-two__title {
    color: var(--ehiapp-secondary, #005526);
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 10px;
}

.about-two__desc {
    font-size: 16px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}


.about-two__progress-box {
    padding-top: 20px;
}

.about-two .progress-box__title {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
    padding-bottom: 0;
    color: #171720;
    margin-bottom: 10px;
}

.about-two .progress-box__bar {
    width: 100%;
    height: 8px;
    background-color: var(--ehiapp-bg, #eef5f7);
    position: relative;
    transition: 0.5s;
}

.about-two .progress-box__bar__inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ehiapp-primary, #58aec0);
    transition: all 800ms linear;
    width: 0px;
    border-radius: 5px;
}

    .about-two .progress-box__bar__inner::after {
        display: none;
    }

.about-two .progress-box__bar-number {
    position: absolute;
    right: 0;
    color: var(--ehiapp-text, #848493);
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 0;
    padding-left: 5px;
    padding-right: 5px;
    bottom: calc(100% + 18px);
}

.about-two__features-box {
    display: flex;
    align-items: center;
    padding-top: 30px;
}

.about-two__features {
    padding-right: 65px;
}

.about-two__features-infu {
    display: flex;
    align-items: center;
}

    .about-two__features-infu a {
        font-size: 24px;
        padding-right: 25px;
        color: var(--ehiapp-secondary, #005526);
    }

    .about-two__features-infu h6 {
        font-size: 18px;
        font-weight: 500;
        color: var(--ehiapp-heading-text, #21212d);
    }

.about-two__features p {
    font-size: 16px;
    font-weight: 300;
}

.about-two__btn {
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
    padding: 15px 50px;
    margin-top: 30px;
}

    .about-two__btn::before {
        background-color: var(--ehiapp-secondary, #005526);
    }

@media (max-width: 1199px) {
    .about-two__features {
        padding-right: 30px;
    }
}

@media (max-width: 539px) {
    .about-two__image .content-inner {
        padding-left: 20px;
    }


    .about-two__image:after {
        width: 89%;
        left: 25px;
    }

    .about-two__image-second .content-inner {
        width: 265px;
        height: 265px;
    }

    .about-two__line {
        left: 0;
        right: 120px;
    }

    .about-two__image-second {
        left: -5px;
    }

    .about-two__features-box {
        flex-direction: column;
        gap: 20px;
    }

    .about-two__features {
        padding-right: 0;
    }
}

/* about-three */



.about-three {
    position: relative;
}

.about-three__background-overlay {
    background-color: var(--ehiapp-bg-two);
    opacity: 1;
    height: 100%;
    width: 30%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.about-three__background-shape {
    background-image: url(../../assets/images/about/about-three-bg-shape.png);
    background-repeat: no-repeat;
    background-position: 0;
    opacity: 40%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation: zoomBig 2s linear infinite;
}

.about-three__image__one {
    width: 470px;
    height: 570px;
    position: relative;
}

    .about-three__image__one img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about-three__image__one::after {
        position: absolute;
        content: "";
        position: absolute;
        bottom: -37%;
        left: 52%;
        transform: translateY(-50%);
        width: 20px;
        height: 110px;
        background-color: var(--ehiapp-secondary, #005526);
    }

@media (max-width: 1399px) {
    .about-three__image__one {
        width: 400px;
    }

        .about-three__image__one::after {
            left: 90%;
        }
}

.about-three__block-content {
    display: flex;
    padding-top: 5px;
}

    .about-three__block-content .about-three__block-icon {
        padding-right: 20px;
        padding-top: 6px;
    }

        .about-three__block-content .about-three__block-icon span {
            font-size: 60px;
            color: var(--ehiapp-primary, #58aec0);
        }

.about-three__block-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: var(--ehiapp-secondary, #005526);
}

.about-three__item__eliment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 15px;
    padding: 35px 0;
}

.about-three__item__eliment__single {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 30px;
    background-color: var(--ehiapp-bg, #eef5f7);
}

    .about-three__item__eliment__single i {
        padding-right: 10px;
        color: var(--ehiapp-primary, #58aec0);
    }

.about-three__text {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
    padding-bottom: 10px;
}

.about-three .about-three__btn {
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
    padding: 15px 50px;
    margin-top: 30px;
}

    .about-three .about-three__btn::before {
        background-color: var(--ehiapp-secondary, #005526);
    }

@media (max-width: 1199px) {
    .about-three__background-overlay {
        background-position: -200px 0;
    }

    .about-three__item__eliment__single {
        padding: 19px 20px;
    }

    .about-three__block-text {
        font-size: 15px;
    }
}

@media (max-width: 991px) {

    .about-three__background-overlay {
        display: none;
    }

    .about-three__image__one::after {
        display: none;
    }
}

@media (max-width: 768px) {

    .about-three__image__one {
        width: 100%;
    }
}

@media (max-width: 539px) {
    .about-three__item__eliment {
        width: 250px;
        flex-direction: column;
        gap: 20px;
        margin: 0 auto;
    }
}


/* about page */

.about-page__about .about-two__features-box {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 40px;
}

.about-page__about .about-two__image .content-inner {
    width: 508px;
    height: 670px;
}

.about-page__about .about-two__features {
    padding-right: 80px;
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 1440px) {
    .about-page__about .about-two__features {
        padding-right: 50px;
    }
}

@media (max-width: 1199px) {
    .about-page__about .about-two__features {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .about-page__about .about-two__features {
        padding-right: 140px;
    }
}

@media (max-width: 767px) {
    .about-page__about .about-two__features {
        padding-right: 0;
    }
}

.about-page__about .about-two__features-infu a {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ehiapp-primary, #58aec0);
    padding: 0;
    color: var(--ehiapp-white, #fff);
}


.about-page__about .about-two__features-box .about-two__features:nth-child(2) .about-two__features-infu a {
    background-color: var(--ehiapp-secondary, #005526);
}

.about-page__about .about-two__features-infu a span {
    font-size: 30px;
}

.about-page__about .about-two__features p {
    color: var(--ehiapp-heading-text, #21212d);
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.about-page__about .about-two__btn {
    margin-top: 40px;
    background-color: var(--ehiapp-bg-two, #21212d);
}

/*--------------------------------------------------------------
# Campaign
  --------------------------------------------------------------*/

.campaign-one {
    position: relative;
}


.campaign-one__single {
    margin-bottom: 30px;
    padding: 10px;
    border: 1px solid var(--ehiapp-border, #e2dfeb);
}

.campaign-one__img__wrapper {
    position: relative;
}

.campaign-one__img {
    height: 250px;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1399px) {
    .campaign-one__image {
        width: 335px;
    }
}

.campaign-one__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
    display: block;
}

.campaign-one__single__img__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20%);
    z-index: 1;
    border-radius: inherit;
    transition: opacity 500ms ease, transform 500ms ease;
}

    .campaign-one__single__img__link::before,
    .campaign-one__single__img__link::after {
        content: "";
        width: 25px;
        height: 2px;
        background-color: var(--ehiapp-white, #fff);
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .campaign-one__single__img__link::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

.campaign-one__single:hover .campaign-one__img > a {
    opacity: 1;
    transform: translateY(0);
}

.campaign-one__categories {
    display: inline-block;
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    padding: 6px 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 10px;
    left: -5px;
    z-index: 11;
}

    .campaign-one__categories:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        content: "";
        border-right: 0 solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid var(--ehiapp-secondary);
    }

    .campaign-one__categories a {
        text-transform: capitalize;
        color: var(--ehiapp-white, #fff);
        font-weight: 500;
    }

.campaign-one__love {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--ehiapp-white, #fff);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.07);
    z-index: 11;
    cursor: pointer;
}

    .campaign-one__love i {
        font-size: 20px;
        color: var(--ehiapp-heading-text, #21212d);
        transition: 0.5s;
    }

    .campaign-one__love:hover i {
        color: var(--ehiapp-primary, #58aec0);
    }

.campaign-one__content {
    padding: 35px 20px 20px;
    text-align: center;
}

.campaign-one__time-remaining {
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}

.time-remaining i {
    color: var(--ehiapp-primary, #58aec0);
}


.campaign-one__title {
    font-size: 24px;
    margin: 10px 0 27px;
    line-height: 28px;
    color: var(--ehiapp-heading-text, #21212d);
    cursor: pointer;
    font-weight: 600;
    /* letter-spacing: -1px; */
}

    .campaign-one__title:hover {
        color: var(--ehiapp-primary, #58aec0);
    }

    .campaign-one__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .campaign-one__title a:hover {
            background-size: 100% 1px;
        }

.campaign-one__infu-wrap {
    display: flex;
    border-top: 1px solid var(--ehiapp-border, #e2dfeb);
    text-align: left;
    justify-content: space-between;
    align-items: center;
}

.campaign-one__achive {
    display: flex;
    padding-right: 60px;
    padding-top: 10px;
    align-items: center;
    justify-content: flex-start;
    border-right: 1px solid var(--ehiapp-border, #e2dfeb);
}

.campaign-one__goal {
    display: flex;
    padding-top: 10px;
    align-items: center;
    justify-content: flex-start;
}

.campaign-one__achive-icon a {
    font-size: 25px;
    padding-top: 6px;
    color: var(--ehiapp-primary, #58aec0);
}

.campaign-one__achive-content {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.campaign-one__achive-level {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
}

.campaign-one__achive-vlaue {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--ehiapp-heading-text, #21212d);
}

.campaign-one__bottom {
    background: var(--ehiapp-bg, #eef5f7);
    text-align: left;
    padding: 15px 20px;
}

    .campaign-one__bottom .progress-box .progress-box__bar-text {
        color: var(--ehiapp-heading-text, #21212d);
    }




.home--three-campaign {
    position: relative;
    z-index: 1;
}

    .home--three-campaign .campaign-one__background {
        background-image: url(../../assets/images/campaign-two/campain-bgImg.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: -240px;
    }


    .home--three-campaign .campaign-one__wrapper {
        position: relative;
        z-index: 1;
    }

@media (max-width: 1199px) {
    .campaign-one__image {
        width: 100%;
    }

    .campaign-one__title {
        font-size: 19px;
    }

    .campaign-one__achive {
        padding-right: 15px;
    }

    .home--three-campaign .campaign-one__background {
        top: -260px;
    }
}

@media (max-width: 991px) {
    .campaign-one__achive {
        padding-right: 35px;
    }

    .home--three-campaign .campaign-one__background {
        background-image: none;
    }
}

@media (max-width: 767px) {
    .campaign-one__achive {
        padding-right: 120px;
    }
}

@media (max-width: 539px) {
    .campaign-one__achive {
        padding-right: 55px;
    }
}


/* Campaign Two */



.campaign-two {
    position: relative;
}

.home--two-campaign .container-fluid {
    padding: 0 60px;
}

.campaign-two__wrapper {
    position: relative;
    z-index: 1;
}

.campaign-two__background {
    background-image: url(../../assets/images/campaign/campain-bgImg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -170px;
}

.campaign-two__single {
    position: relative;
    cursor: pointer;
}

.campaign-two__slider.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.campaign-two__slider.owl-carousel .owl-dots {
    display: block;
}

.campaign-two__slider.owl-theme .owl-dots .owl-dot span {
    margin: 0;
    margin: 0 3px;
}

.campaign-two__slider.owl-theme .owl-dots .owl-dot.active span,
.campaign-two__slider.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--ehiapp-primary, #58aec0);
}


.campaign-two__image {
    height: 400px;
}

    .campaign-two__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.campaign-two__content {
    width: 100%;
    position: absolute;
    padding: 45px 60px 60px;
    bottom: 0;
    left: 50%;
    transform: translatex(-50%);
}

.cpamign-two__overlay {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 96%;
    height: 100%;
    background-color: var(--ehiapp-white, #fff);
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
}

.campaign-two__single:hover .cpamign-two__overlay {
    bottom: 10px;
    opacity: 1;
}

.campaign-two__single:hover .campaign-two__title,
.campaign-two__single:hover .progress-box__bar-text,
.campaign-two__single:hover .progress-box__bar-number {
    color: var(--ehiapp-heading-text, #21212d);
}

.campaign-two__time-remaining .time-remaining {
    font-size: 13px;
    line-height: 36px;
    font-weight: 400;
    color: var(--ehiapp-text, #848493);
    text-transform: capitalize;
}



.campaign-two__single:hover .progress-box__bar {
    background: var(--ehiapp-bg, #eef5f7);
}

.campaign-two__title {
    color: var(--ehiapp-white, #fff);
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0;
    /* letter-spacing: -0.40px; */
}

@media (max-width: 1199px) {
    .campaign-two__title {
        font-size: 20px;
    }

    .campaign-two__background {
        top: -260px;
    }
}

@media (max-width: 991px) {
    .campaign-two__title {
        font-size: 24px;
    }

    .campaign-two__background {
        background-image: none;
    }
}


.campaign-two .progress-box__bar {
    background-color: rgba(255, 255, 255, 0.3);
}


.campaign-two .progress-box__bar-number {
    color: white;
}


/* campaign-details */

.campaign-details .row {
    border: 1px solid #d3e0e4;
    padding: 10px 15px 30px 0px;
}

.campaign-details__wrapper {
    position: relative;
}

.campaign-details__img {
    width: 100%;
    height: 626px;
}

    .campaign-details__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.campaign-details__categories {
    display: inline-block;
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    padding: 6px 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 10px;
    left: -5px;
    z-index: 11;
}

    .campaign-details__categories::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        content: "";
        border-right: 0 solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid var(--ehiapp-secondary, #005526);
    }

    .campaign-details__categories a {
        text-transform: capitalize;
        color: var(--ehiapp-white, #fff);
        font-weight: 500;
    }

.campaign-details__love {
    position: absolute;
    top: 10px;
    right: 30px;
    color: var(--ehiapp-white, #fff);
    font-size: 20px;
}

    .campaign-details__love:hover {
        color: var(--ehiapp-primary, #58aec0);
    }


.campaign-details__location {
    font-size: 14px;
    font-weight: 400;
    color: var(--ehiapp-text, #848493);
}

    .campaign-details__location i {
        color: var(--ehiapp-primary, #58aec0);
    }

.campaign-details__title {
    font-size: 24px;
    margin: 0px 0 25px;
    line-height: 30px;
    color: var(--ehiapp-heading-text, #21212d);
    cursor: pointer;
    font-weight: 600;
    /* letter-spacing: -1px; */
}

.campaign-details__count-box {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #d3e0e4;
}

.camapaign-details__count-box__single {
    border-right: 1px solid #d3e0e4;
    height: 100%;
    text-align: center;
    padding: 25px 44px 20px 45px;
}




.campaign-details__count-box .camapaign-details__count-box__single:nth-child(3) {
    border-right: none;
}

.campaign-details__count-box__data {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .campaign-details__count-box__data h5 {
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
        color: var(--ehiapp-heading-text, #21212d);
    }

.camapaign-details__count-box__single span {
    font-size: 14px;
    font-weight: 400;
    color: var(--ehiapp-text, #848493);
}

.campaign-details__progress {
    background-color: var(--ehiapp-bg, #eef5f7);
    text-align: left;
    padding: 15px 20px;
}

    .campaign-details__progress .progress-box .progress-box__bar-text {
        color: var(--ehiapp-heading-text, #21212d);
    }

.campaign-details__goal {
    padding-top: 15px;
    font-size: 16px;
    font-weight: 600;
    /* letter-spacing: -0.40px; */
}

    .campaign-details__goal span {
        color: var(--ehiapp-primary, #58aec0);
        padding-left: 5px;
    }

.campaign-details__desc {
    padding-top: 18px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--ehiapp-text, #848493);
}

.campaign-details__avater {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 20px;
}

.campaign-details__avater__img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.campaign-details__avater__title {
    display: flex;
    align-items: center;
    gap: 5px;
}

.campaign-details__avater__subtitle {
    font-size: 14px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}

.campaign-details__avater__title span {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
}

.campaign-details__avater__title h5 {
    font-size: 16px;
    transition: 0.5s;
    font-weight: 500;
    line-height: 22px;
    /* letter-spacing: -1px; */
}



.campaign-details__amount-list {
    display: flex;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-top: 30px;
}

.campaign-details__amount-list__single {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 58px;
    background-color: var(--ehiapp-bg, #eef5f7);
    color: var(--ehiapp-text, #848493);
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    transition: border-color 0.3s, background-color 0.3s;
}

/* Hide radio buttons */
.campaign-checkbox {
    display: none;
}


    .campaign-checkbox:checked + .campaign-details__amount-list__single {
        border: 1px solid var(--ehiapp-primary, #58aec0);
    }


.campaign-details__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
}


.campaign-details__quantity {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
}

    .campaign-details__quantity .quantity-box {
        position: relative;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid #D3E0E4;
    }

        .campaign-details__quantity .quantity-box input {
            border: none;
            outline: none;
            width: 58px;
            height: 58px;
            text-align: center;
            color: var(--ehiapp-text, #848493);
            outline: none;
            font-size: 16px;
            font-weight: 700;
            transition: all 400ms ease;
        }

            .campaign-details__quantity .quantity-box input:focus {
                color: var(--ehiapp-heading-text, #21212d);
            }

.campaign-details__btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 60px;
    border-left: 1px solid #D3E0E4;
    cursor: pointer;
}

    .campaign-details__btn .sub {
        border-bottom: 1px solid #D3E0E4;
    }

.campaign-details .quantity-box i {
    padding: 6px 10px;
    color: var(--ehiapp-text, #848493);
    font-size: 15px;
    background-color: transparent;
    transition: all 400ms ease-in-out;
}

.campaign-details .ehiapp-btn {
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    padding: 15px 50px;
}

.campaign-details__social {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .campaign-details__social a {
        color: var(--ehiapp-heading-text, #21212d);
    }

        .campaign-details__social a:hover {
            color: var(--ehiapp-primary, #58aec0);
        }

.campaign-details-page {
    position: relative;
    margin-top: 120px;
    padding-bottom: 90px;
}


.campaign-one__details-overlay {
    position: absolute;
    top: 0;
    background-color: var(--ehiapp-bg, #eef5f7);
    left: 0;
    right: 0;
    width: 100%;
    height: 450px;
}

@media (max-width: 1199px) {
    .campaign-details .ehiapp-btn {
        background-color: var(--ehiapp-secondary, #005526);
        color: var(--ehiapp-white, #fff);
        padding: 15px 18px;
    }

    .camapaign-details__count-box__single {
        padding: 25px 25px 20px 25px;
    }

    .campaign-details__title {
        margin: 0px 0 10px;
    }

    .campaign-details__avater {
        padding-top: 10px;
    }

    .campaign-details__amount-list {
        margin-top: 24px;
    }
}

@media (max-width: 991px) {
    .campaign-details__count-box {
        display: grid;
        grid-template-columns: auto auto auto;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .campaign-details .row {
        padding: 10px 0px 30px 0px;
    }

    .campaign-details__title {
        margin: 0px 0 25px;
    }

    .campaign-details__bottom {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 20px;
        padding-top: 10px;
    }
}

@media (max-width: 380px) {
    .campaign-details__count-box {
        display: flex;
        height: 100%;
        flex-direction: column;
        align-items: center;
    }

    .camapaign-details__count-box__single {
        border: none;
        border-bottom: 1px solid #d3e0e4;
        width: 100%;
        height: 100%;
        text-align: center;
        padding: 25px 44px 20px 45px;
    }

    .campaign-details__count-box .camapaign-details__count-box__single:nth-child(3) {
        border: none;
    }
}

/*--------------------------------------------------------------
# Progress Box
  --------------------------------------------------------------*/



.progress-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}


.progress-box__bar-text {
    font-weight: 500;
    color: var(--ehiapp-white, #fff);
    padding-right: 10px;
    padding-bottom: 4px;
}


.progress-box__bar {
    width: 100%;
    height: 3px;
    background-color: var(--ehiapp-white, #fff);
    position: relative;
}

.progress-box__bar__inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--ehiapp-secondary, #005526);
    transition: all 800ms linear;
    width: 0px;
}

.progress-box__bar-number {
    padding-left: 10px;
    display: flex;
}

.progress-box__bar__inner::after {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ehiapp-secondary, #005526);
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 1;
}




/*--------------------------------------------------------------
# Our Beenfit
  --------------------------------------------------------------*/

.our-beenfit {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 190px;
    position: relative;
    padding-bottom: 335px;
}

.our-beenfit__wrapper {
    display: flex;
    justify-content: space-between;
}




.beenfit-arrow {
    position: absolute;
    top: 35px;
    right: 46.5%;
    animation: topToBottom 2s linear infinite;
}

.our-beenfit__left .sec-title__title {
    color: var(--ehiapp-white, #fff);
    padding-bottom: 0;
}

.our-beenfit__single {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 32px;
    padding-top: 40px;
}

.our-beenfit__icon .beenfit__icon__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


    .our-beenfit__icon .beenfit__icon__icon::after {
        content: "";
        z-index: -1;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 150%;
        height: 150%;
        background-color: var(--ehiapp-secondary, #005526);
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        border-radius: 50%;
    }


.our-beenfit__single:hover .our-beenfit__icon .beenfit__icon__icon::after {
    bottom: -50%;
}

.our-beenfit__single:hover .our-beenfit__icon .beenfit__icon__icon span {
    animation: bounceIn 1s linear;
}

.our-beenfit__icon a span {
    font-size: 32px;
}

.our-beenfit__title h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--ehiapp-white, #fff);
    line-height: 30px;
}

.our-beenfit__title p {
    font-size: 15px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
    line-height: 30px;
}

.our-beenfit__right {
    margin-top: -100px;
    margin-left: 85px;
}

@media (max-width: 1300px) {
    .our-beenfit__right {
        margin-left: 50px;
    }

    .beenfit-arrow {
        right: 55%;
    }
}


.our-beenfit__img {
    width: 920px;
    height: 690px;
    position: relative;
}


    .our-beenfit__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.trasted {
    width: 377px;
    height: 100px;
    position: absolute;
    top: 0;
    left: -377px;
    display: flex;
    align-items: center;
    background-color: var(--ehiapp-secondary, #005526);
    padding: 32px 60px;
}

    .trasted a {
        color: var(--ehiapp-white, #fff);
        padding-right: 10px;
    }

        .trasted a span {
            font-size: 48px;
        }

    .trasted h5 {
        font-size: 18px;
        color: var(--ehiapp-white, #fff);
    }

@media (max-width: 991px) {
    .our-beenfit .container {
        max-width: 100%;
    }

    .our-beenfit__img {
        width: 680px;
    }
}

@media (max-width: 767px) {
    .our-beenfit__wrapper {
        display: block;
    }

    .our-beenfit__right {
        margin-top: 0;
        margin-left: 0;
    }

    .trasted {
        width: 100%;
        left: 0;
    }

    .our-beenfit__img {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Gallery
  --------------------------------------------------------------*/

.main-gallery {
    position: relative;
    margin-top: -215px;
    z-index: 1;
}

.main-gallery__images {
    width: 1600px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.main-gallery__card {
    width: 310px;
    height: 310px;
    position: relative;
    overflow: hidden;
    background-color: var(--ehiapp-heading-text, #21212d);
    margin: 0 5px;
    cursor: pointer;
}

@media (max-width: 1599px) {
    .main-gallery__images {
        width: 1500px;
    }

    .main-gallery__card {
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 1500px) {
    .main-gallery__images {
        width: 1400px;
    }
}

@media (max-width: 1400px) {
    .main-gallery__images {
        width: 1200px;
    }
}

@media (max-width: 1200px) {
    .main-gallery__images {
        width: 1000px;
    }
}

@media (max-width: 1000px) {
    .main-gallery__images {
        width: 900px;
    }
}

@media (max-width: 900px) {
    .main-gallery__images {
        width: 700px;
    }
}

@media (max-width: 767px) {
    .main-gallery__images {
        width: 600px;
    }
}

@media (max-width: 600px) {
    .main-gallery__images {
        width: 300px;
    }
}

.main-gallery__card img {
    transform: scale(1);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 500ms ease, opacity 500ms ease;
    opacity: 1;
}

.main-gallery__card__hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(235, 93, 93, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: bottom center;
}

.main-gallery__card:hover img {
    transform: scale(1.05);
    opacity: 0.9;
    mix-blend-mode: screen;
}

.main-gallery__card:hover .main-gallery__card__hover {
    transform-origin: top center;
    transform: scale(1, 1);
}

.main-gallery__card__icon {
    width: 21.56px;
    height: 21.56px;
    display: block;
    position: relative;
}

    .main-gallery__card__icon::after,
    .main-gallery__card__icon::before {
        content: "";
        width: 2px;
        height: 100%;
        background-color: var(--ehiapp-white, #fff);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 400ms ease;
    }

    .main-gallery__card__icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .main-gallery__card__icon:hover::after,
    .main-gallery__card__icon:hover::before {
        background-color: var(--ehiapp-bg-two);
    }


.gallery-two__images {
    padding-top: 110px;
    position: relative;
    z-index: 1;
}


/*--------------------------------------------------------------
# Guide
  --------------------------------------------------------------*/


.guide {
    width: 100%;
    height: 100%;
    padding-top: 90px;
    position: relative;
    background-image: linear-gradient(180deg, #fff 0%, var(--ehiapp-primary) 100%);
}

.guide__bg {
    background-image: url(../../assets/images/guide/guide-bg.jpg);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 20%;
    mix-blend-mode: luminosity;
    z-index: 0;
}

.guide__shape__img {
    position: absolute;
    top: 23%;
    left: 63.5%;
    z-index: 2;
    animation: topToBottom 2s linear infinite;
}

.guide__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.guide-input {
    width: 650px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 30px;
}

    .guide-input input {
        width: 100%;
        height: 60px;
        padding: 0 30px;
        outline: none;
        border: none;
        color: var(--ehiapp-text, #848493);
    }

.guide-input-btn {
    padding: 16px 50px;
    background-color: var(--ehiapp-bg-two, #21212d);
    color: var(--ehiapp-white, #fff);
    position: absolute;
    right: 0;
}

@media (max-width: 1400px) {
    .guide__shape__img {
        left: 70.5%;
    }
}

@media (max-width: 991px) {
    .guide-input {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .guide-input-btn {
        padding: 16px 15px;
    }
}


/*--------------------------------------------------------------
# Subscribe
  --------------------------------------------------------------*/


.subscribe {
    padding-top: 110px;
}

    .subscribe .sec-title__title {
        font-size: 40px;
    }

.subscribe__list {
    list-style: none;
    padding-top: 10px;
}


    .subscribe__list li {
        font-weight: 500;
        padding: 5px;
        font-size: 16px;
        color: var(--ehiapp-heading-text, #21212d);
    }

        .subscribe__list li i {
            color: var(--ehiapp-secondary, #005526);
            padding-right: 15px;
        }

.subscribe__newsletter {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: var(--ehiapp-bg, #eef5f7);
    padding: 50px 50px 45px 50px;
    cursor: pointer;
}

@media (max-width: 1199px) {
    .subscribe .sec-title__title {
        font-size: 35px;
    }

    .subscribe__newsletter {
        padding: 30px;
    }
}

.subscribe__text {
    text-align: center;
    padding-bottom: 32px;
    font-size: 17px;
    font-weight: 400;
}

.subscribe__form .newsletter__form {
    width: 100%;
    height: 60px;
    text-align: center;
    border: none;
    margin-bottom: 10px;
    padding: 0 20px;
    color: var(--ehiapp-text, #848493);
}

    .subscribe__form .newsletter__form:focus {
        outline: none;
    }

.subscribe__form .newsletter__btn {
    width: 100%;
    height: 60px;
    padding: 17px 0;
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
}

    .subscribe__form .newsletter__btn::before {
        background-color: var(--ehiapp-secondary, #005526);
        color: var(--ehiapp-white, #fff);
    }

.subscribe .form-check {
    padding-top: 20px;
}

.subscribe .form-check-input {
    width: 20px;
    height: 20px;
    border: 2px solid #d3e0e4;
}


    .subscribe .form-check-input[type=checkbox] {
        border-radius: unset;
    }

    .subscribe .form-check-input:checked {
        background-color: var(--ehiapp-secondary, #005526);
        border-color: var(--ehiapp-secondary, #005526);
    }

    .subscribe .form-check-input:focus {
        border-color: #d3e0e4;
        outline: 0;
        box-shadow: none;
    }

.subscribe .form-check-label {
    line-height: 22px;
    font-size: 13px;
    padding-left: 10px;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Count Bar
  --------------------------------------------------------------*/

.countbar-one {
    border-top: 1px solid var(--ehiapp-border, #e2dfeb);
    border-bottom: 1px solid var(--ehiapp-border, #e2dfeb);
}

.countbar-one__single {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.5s;
    padding: 26px 0 22px 30px;
}

.countbar-one__icon {
    padding-right: 20px;
    transition: 0.5s;
}

    .countbar-one__icon span {
        font-size: 64px;
        color: var(--ehiapp-primary, #58aec0);
    }

.countbar-one__number h4 {
    padding-right: 20px;
    font-size: 40px;
    font-weight: 600;
}

.countbar-one__number span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.countbar-one__single:hover {
    background-color: var(--ehiapp-primary, #58aec0);
}

    .countbar-one__single:hover .countbar-one__icon span,
    .countbar-one__single:hover .countbar-one__number span,
    .countbar-one__single:hover .countbar-one__number h4 {
        color: var(--ehiapp-white, #fff);
    }

    .countbar-one__single:hover .countbar-one__icon {
        animation: bounceIn 1s linear;
    }

@media (max-width: 991px) {
    .countbar-one {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .countbar-one__single {
        padding: 20px 10px 24px 10px;
    }

    .countbar-one__icon span {
        font-size: 40px;
    }

    .countbar-one__number h4 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .countbar-one {
        display: block;
        align-items: center;
        justify-content: space-between;
    }
}

/* countbar-two */


.countbar-two {
    position: relative;
    z-index: 1;
}

.countbar-two__single {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.5s;
    padding: 35px 0 35px 30px;
    margin-bottom: 4px;
    background-color: var(--ehiapp-white, #fff);
}

.countbar-two__icon {
    margin-right: 30px;
    padding: 10px 30px 3px 30px;
    transition: 0.5s;
    background-image: linear-gradient(90deg, rgb(235, 93, 93) 0%, rgb(88, 174, 192) 100%);
}

    .countbar-two__icon span {
        font-size: 43px;
        color: var(--ehiapp-white, #fff);
    }

.countbar-two__number h4 {
    padding-right: 20px;
    font-size: 40px;
    font-weight: 600;
}

.countbar-two__number span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.countbar-two__single:hover {
    background-color: var(--ehiapp-primary, #58aec0);
}

    .countbar-two__single:hover .countbar-two__icon span,
    .countbar-two__single:hover .countbar-two__number span,
    .countbar-two__single:hover .countbar-two__number h4 {
        color: var(--ehiapp-white, #fff);
    }

    .countbar-two__single:hover .countbar-two__icon {
        animation: bounceIn 1s linear;
    }

.countbar-three {
    position: relative;
    background-color: var(--ehiapp-bg-two, #21212d);
    margin-top: 120px;
    padding-top: 100px;
    padding-bottom: 100px;
    z-index: 5;
}

.countbar-three__bg-overlay {
    background-image: url(../../assets/images/futures/feature-bg-shape.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 5%;
    mix-blend-mode: luminosity;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.countbar-three__wrapper {
    position: relative;
    width: 100%;
    z-index: 1;
}

.countbar-three__title {
    color: var(--ehiapp-white, #fff);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}

    .countbar-three__title::after,
    .countbar-three__title::before {
        content: '';
        width: 495px;
        height: 2px;
        position: absolute;
        top: 50%;
        background: rgba(255, 255, 255, .3);
        overflow: hidden;
    }

    .countbar-three__title::before {
        right: 0%;
    }

    .countbar-three__title::after {
        left: 0%;
    }

.countbar-three__inner {
    width: 100%;
    display: flex;
    align-items: center;
}

.countbar-three .countbar-one__single {
    width: 100%;
    background-color: var(--ehiapp-white, #fff);
}

    .countbar-three .countbar-one__single:hover {
        background-color: var(--ehiapp-primary, #58aec0);
    }

@media (max-width: 1199px) {

    .countbar-three__title::after,
    .countbar-three__title::before {
        width: 380px;
    }
}

@media (max-width:991px) {
    .countbar-three .container {
        max-width: 100%;
    }

    .countbar-three__title::after,
    .countbar-three__title::before {
        width: 290px;
    }
}

@media (max-width:767px) {

    .countbar-three__title::after,
    .countbar-three__title::before {
        width: 175px;
    }
}

@media (max-width:539px) {

    .countbar-three__title::after,
    .countbar-three__title::before {
        width: 90px;
    }
}




/*--------------------------------------------------------------
# Video
  --------------------------------------------------------------*/

.video-one {
    position: relative;
    margin-top: 120px;
}

.video-one__bg-overlay {
    width: 50%;
    height: 100%;
    background-color: var(--ehiapp-secondary, #005526);
    position: absolute;
    opacity: 90%;
    top: 0;
    left: 0;
    z-index: 1;
}

.video-one__bg {
    background-image: url(../../assets/images/video/video-one-bg.jpg);
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
}

.video-one__title {
    padding-top: 120px;
    padding-bottom: 170px;
    position: relative;
    z-index: 2;
}

.video-one__title__subtitle {
    color: var(--ehiapp-white, #fff);
    font-size: 20px;
    font-weight: 400;
}

.video-one__title__title {
    display: flex;
    flex-direction: column;
    font-size: 60px;
    font-weight: 600;
    color: var(--ehiapp-white, #fff);
    padding-top: 10px;
    padding-bottom: 47px;
    z-index: 2;
}

@media (max-width: 1199px) {
    .video-one__title__title {
        font-size: 50px;
    }
}

@media (max-width: 991px) {
    .video-one .container {
        max-width: 100%;
    }

    .video-one__title__title {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .video-one__title__title {
        font-size: 28px;
    }
}



.video-one__btn {
    background-color: var(--ehiapp-heading-text, #21212d);
    color: var(--ehiapp-white, #fff);
}

.video-one .video-button {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-white, #fff);
    z-index: 2;
}

    .video-one .video-button i {
        font-size: 30px;
    }

.video-one__action {
    position: absolute;
    top: 145px;
    left: 47%;
    z-index: 2;
}

.popup-video {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: var(--ehiapp-white, #fff);
    position: relative;
    transition: all 0.5s;
    width: 100px;
    height: 100px;
    line-height: 100px;
    background: var(--ehiapp-white);
    text-align: center;
    margin-left: 25px;
}

    .popup-video:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border: 1px solid var(--ehiapp-white);
        opacity: 0;
        animation: none;
        animation: pulse-border-2 2s linear infinite;
    }

    .popup-video:after {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        border: 1px solid var(--ehiapp-white);
        transform: scale(1.4);
        opacity: 10%;
        animation: none;
        animation: pulse-border 1.5s linear infinite;
    }


    .popup-video span {
        font-size: 30px;
        color: var(--ehiapp-primary, #58aec0);
    }

    .popup-video:hover {
        background-color: var(--ehiapp-heading-text, #21212d);
        color: var(--ehiapp-white, #fff);
    }

.video-two {
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-top: 240px;
    padding-bottom: 110px;
    margin-top: -130px;
    background-color: var(--ehiapp-bg-two, #21212d);
}

.video-two__background {
    background-image: url(../../assets/images/video/video-two-bg.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    top: 0;
    opacity: 40%;
}

.video-two__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.video-two__title {
    color: var(--ehiapp-white, #fff);
    z-index: 1;
    font-size: 50px;
    padding-top: 40px;
    font-weight: 600;
    /* letter-spacing: -1px; */
}

.video-two__icon-box {
    background-color: var(--ehiapp-secondary, #005526);
    width: 275px;
    padding: 50px;
    margin-top: -155px;
}

    .video-two__icon-box span {
        font-size: 64px;
        color: var(--ehiapp-white, #fff);
    }

    .video-two__icon-box h3 {
        color: var(--ehiapp-white, #fff);
        padding-top: 15px;
        font-size: 30px;
        font-weight: 700;
    }

@media (max-width: 1199px) {
    .video-two__icon-box {
        margin-top: -210px;
    }
}

@media (max-width: 991px) {
    .video-two__icon-box {
        margin-top: -235px;
    }
}

@media (max-width: 767px) {
    .video-two .container {
        max-width: 100%;
    }

    .video-two__icon-box {
        margin-top: -300px;
    }
}

@media (max-width: 539px) {
    .video-one__title {
        padding-top: 180px;
    }

    .video-one__bg-overlay {
        width: 100%;
    }

    .video-one__action {
        position: absolute;
        top: 40px;
        left: 5%;
    }

    .video-one__title__title {
        font-size: 40px;
    }

    .video-two__title {
        font-size: 35px;
    }

    .video-two__content {
        flex-direction: column;
        gap: 30px;
    }

    .video-two__icon-box {
        width: 100%;
        padding: 50px;
        margin-top: 0;
    }
}


/* about-page-video */

.about-page__video {
    margin-top: 120px;
    padding-top: 110px;
}

    .about-page__video .video-two__content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-page__video .video-two__action {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-page__video .video-two__title {
        text-align: center;
    }

/*--------------------------------------------------------------
  # Animations
  --------------------------------------------------------------*/

@keyframes pulse-border {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 10%;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 10%;
    }
}


@keyframes pulse-border-2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 10%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes bounceIn {

    0%, 20%, 40%, 60%, 80%, 100% {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes slideLeft {
    49% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes zoomBig {
    0% {
        transform: scale(1.1, 1.1);
    }

    50% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1.1, 1.1);
    }
}

@keyframes topToBottom {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}



/*--------------------------------------------------------------
# Mobile Nav
--------------------------------------------------------------*/
.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    transform: translateX(-100%);
    transform-origin: left center;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    visibility: hidden;
    position: fixed;
}

    .mobile-nav__wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }

    .mobile-nav__wrapper .home-showcase .row [class*=col-] {
        flex: 0 0 100%;
    }

    .mobile-nav__wrapper .home-showcase {
        margin-bottom: -1px;
        margin-top: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-nav__wrapper .home-showcase__inner {
        padding: 15px 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .mobile-nav__wrapper .home-showcase__title {
        color: var(--ehiapp-white, #fff);
    }

    .mobile-nav__wrapper.expanded {
        opacity: 1;
        transform: translateX(0%);
        visibility: visible;
        transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    }

        .mobile-nav__wrapper.expanded .mobile-nav__content {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
            transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
        }

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: var(--ehiapp-bg-two, #21212d); */
    opacity: 0.5;
    /*cursor: url(../../assets/images/close.png), auto;*/
}

.mobile-nav__content {
    width: 300px;
    background-color: var(--ehiapp-bg-two, #21212d);
    z-index: 10;
    position: relative;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}

    .mobile-nav__content .main-menu__nav {
        display: block;
        padding: 0;
    }

    .mobile-nav__content .logo-box {
        margin-bottom: 40px;
        display: flex;
    }

.mobile-nav__close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 18px;
    color: var(--ehiapp-white, #fff);
    cursor: pointer;
    transition: all 400ms ease;
}

    .mobile-nav__close:hover {
        color: var(--ehiapp-secondary, #005526);
    }

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .mobile-nav__content .main-menu__list ul {
        display: none;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

        .mobile-nav__content .main-menu__list ul li > a {
            padding-left: 1em;
        }

    .mobile-nav__content .main-menu__list li:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .mobile-nav__content .main-menu__list li > a {
        display: flex;
        justify-content: space-between;
        line-height: 30px;
        color: var(--ehiapp-white, #fff);
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 500;
        height: 46px;
        align-items: center;
        transition: 500ms;
    }

    .mobile-nav__content .main-menu__list ul li a {
        font-size: 12px;
    }

    .mobile-nav__content .main-menu__list li a.expanded {
        color: var(--ehiapp-secondary, #005526);
    }

    .mobile-nav__content .main-menu__list li a button {
        width: 30px;
        height: 30px;
        background-color: var(--ehiapp-secondary, #005526);
        border: none;
        outline: none;
        color: var(--ehiapp-white, #fff);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        transform: rotate(-90deg);
        transition: transform 500ms ease;
    }

        .mobile-nav__content .main-menu__list li a button.expanded {
            transform: rotate(0deg);
            background-color: var(--ehiapp-white, #fff);
            color: var(--ehiapp-bg-two);
        }

.mobile-nav__social {
    display: flex;
    align-items: center;
}

    .mobile-nav__social a {
        font-size: 16px;
        color: var(--ehiapp-white, #fff);
        transition: 500ms;
    }

        .mobile-nav__social a + a {
            margin-left: 20px;
        }

        .mobile-nav__social a:hover {
            color: var(--ehiapp-secondary, #005526);
        }

.mobile-nav__contact {
    margin-bottom: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .mobile-nav__contact li {
        color: var(--ehiapp-white, #fff);
        font-size: 14px;
        font-weight: 500;
        position: relative;
        display: flex;
        align-items: center;
    }

        .mobile-nav__contact li + li {
            margin-top: 15px;
        }

        .mobile-nav__contact li a {
            color: inherit;
            transition: 500ms;
        }

            .mobile-nav__contact li a:hover {
                color: var(--ehiapp-secondary, #005526);
            }

        .mobile-nav__contact li > i {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: var(--ehiapp-secondary, #005526);
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            font-size: 12px;
            margin-right: 10px;
            color: var(--ehiapp-white, #fff);
        }

.mobile-nav__container .main-menu__logo,
.mobile-nav__container .main-menu__right {
    display: none;
}




/*--------------------------------------------------------------
# Content
  --------------------------------------------------------------*/


.content-one {
    background-color: var(--ehiapp-heading-text, #21212d);
}

.content-one__inner {
    display: flex;
    align-items: center;
    background-color: var(--ehiapp-white, #fff);
    position: relative;
    margin-top: -60px;
    z-index: 1;
}

.content-one__single {
    padding: 10px 38px 39px 10px;
    transition: 0.5s;
    cursor: pointer;
}

    .content-one__single:hover {
        background-color: var(--ehiapp-bg, #eef5f7);
    }

.content-one__icon-box {
    display: flex;
    align-items: self-end;
    padding-bottom: 15px;
}

    .content-one__icon-box .content-one__icon-box__icon {
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
        padding: 17px 27px;
        margin-right: 20px;
    }

    .content-one__icon-box h4 {
        font-size: 20px;
        display: flex;
        flex-direction: column;
        font-weight: 600;
        /* letter-spacing: -1px; */
    }

    .content-one__icon-box .content-one__icon-box__icon span {
        font-size: 60px;
    }

.content-one__single:hover .content-one__icon-box .content-one__icon-box__icon {
    animation: bounceIn 1s linear;
}

.content-one__box-desc {
    padding-left: 30px;
}

@media (max-width: 991px) {
    .content-one .container {
        max-width: 100%;
    }

    .content-one__single {
        padding: 10px 10px;
        transition: 0.5s;
        cursor: pointer;
    }

    .content-one__icon-box .content-one__icon-box__icon span {
        font-size: 30px;
    }

    .content-one__icon-box .content-one__icon-box__icon {
        padding: 15px 20px;
    }

    .content-one__inner {
        padding: 10px 10px;
    }

    .content-one__icon-box h4 {
        font-size: 17px;
    }

    .content-one__box-desc {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .content-one .container {
        max-width: 540px;
    }

    .content-one__inner {
        display: block;
        align-items: center;
        background-color: var(--ehiapp-white, #fff);
        position: relative;
        margin-top: -60px;
        z-index: 1;
    }
}

/*--------------------------------------------------------------
# Brand 
  --------------------------------------------------------------*/

.brand-one {
    background: var(--ehiapp-heading-text);
}

.brand-one__wrapper {
    padding-top: 120px;
    padding-bottom: 60px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}



.brand-one__inner {
    display: flex;
}

.brand-one__text {
    font-size: 16px;
    font-weight: 400;
    width: 400px;
    color: var(--ehiapp-white, #fff);
    line-height: 26px;
    margin-top: -14px;
}

@media (max-width: 991px) {
    .brand-one__text {
        width: 300px;
        color: var(--ehiapp-white, #fff);
    }
}

@media (max-width: 767px) {
    .brand-one__inner {
        display: flex;
        flex-direction: column;
        gap: 125px;
    }
}


.brand-one__text span {
    color: var(--ehiapp-secondary, #005526);
}

.brand-one__slider__single {
    height: auto;
}

    .brand-one__slider__single img {
        opacity: 40%;
        transition: 0.3s;
    }

    .brand-one__slider__single:hover img {
        opacity: 100%;
    }

.brand-one__slider.owl-carousel .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -70px;
    transform: translateY(-50%);
    display: flex;
    gap: 16px;
    z-index: 1;
    position: relative;
}

@media (max-width: 540px) {
    .brand-one__slider.owl-carousel .owl-nav {
        top: -85px;
    }
}

.brand-one__slider.owl-carousel .owl-nav::after {
    content: "";
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 100px;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
}

.brand-one__slider.owl-carousel .owl-nav button.owl-next,
.brand-one__slider.owl-carousel .owl-nav button.owl-prev {
    width: 28px;
    height: 28px;
    display: flex;
    padding-bottom: 3px !important;
    justify-content: center;
    align-items: center;
    background-color: rgb(23, 23, 32);
    color: var(--ehiapp-white, #fff);
}

    .brand-one__slider.owl-carousel .owl-nav button.owl-next span,
    .brand-one__slider.owl-carousel .owl-nav button.owl-prev span {
        font-size: 20px;
    }


.brand-two__slider {
    bottom: 1px solid var(--ehiapp-border);
}

    .brand-two__slider .owl-stage-outer {
        padding: 90px 0;
    }

.brand-two__slider__item {
}

    .brand-two__slider__item img {
        width: 100%;
        transition: all 400ms ease;
        color: #000;
        opacity: 15%;
    }


    .brand-two__slider__item:hover img {
        opacity: 50%;
    }


/*--------------------------------------------------------------
# Testimonial
  --------------------------------------------------------------*/

.main-testimonial {
    width: 100%;
    height: 100%;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    background-color: var(--ehiapp-bg, #eef5f7);
}

.main-testimonial__bg {
    background-image: url(../../assets/images/testimonial/testimonial-bg1.png);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: .08;
    mix-blend-mode: luminosity;
}

.main-testimonial__wrapper {
    display: flex;
    padding-top: 120px;
    padding-bottom: 180px;
}

.main-testimonial__left {
    z-index: 1;
}

.main-testimonial__reviews {
    display: flex;
    align-items: center;
    column-gap: 6px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.main-testimonial__star {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
}

.main-testimonial__reviews__text {
    font-size: 18px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}

.main-testimonial__right {
    position: absolute;
    width: 60%;
    top: 120px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.main-testimonial__single {
    cursor: pointer;
}

.main-testimonial__content {
    border-left: 10px solid var(--ehiapp-primary);
    background: var(--ehiapp-white);
    padding: 10px 60px 36px 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
}

.main-testimonial__meta {
    display: flex;
    align-items: center;
}

.main-testimonial__meta-left {
    width: 145px;
}

.main-testimonial__image {
    position: relative;
    padding-right: 10px;
    width: 145px;
    height: 145px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, .15);
    border-radius: 50%;
    z-index: 9;
}

    .main-testimonial__image:after {
        content: '';
        height: 165px;
        background: var(--ehiapp-primary, #58aec0);
        background: linear-gradient(-90deg, var(--ehiapp-white) -30%, var(--ehiapp-primary) 100%);
        border-radius: 0 145px 145px 0;
        position: absolute;
        left: -40px;
        right: -10px;
        top: -10px;
        z-index: 1;
    }

    .main-testimonial__image img {
        border-radius: 50%;
        position: absolute;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        z-index: 9;
        border: 5px solid var(--ehiapp-white, #fff);
    }

.main-testimonial__quote-icon {
    color: var(--ehiapp-white, #fff);
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -25px;
    font-size: 50px;
    line-height: 75px;
    text-align: center;
    display: inline-block;
    background: var(--ehiapp-secondary, #005526);
    border-radius: 50%;
    z-index: 11;
    transition: all 500ms ease;
}

    .main-testimonial__quote-icon::after {
        content: "";
        z-index: -1;
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 150%;
        height: 150%;
        background-color: var(--ehiapp-heading-text, #21212d);
        transition-duration: 1000ms;
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        border-radius: 50%;
    }

.main-testimonial__single:hover .main-testimonial__quote-icon {
    color: var(--ehiapp-white, #fff);
}

    .main-testimonial__single:hover .main-testimonial__quote-icon::after {
        bottom: -50%;
    }


.main-testimonial__meta-right {
    width: calc(100% - 145px);
    padding-left: 46px;
}

.main-testimonial__stars {
    font-size: 13px;
    color: var(--ehiapp-secondary, #005526);
    letter-spacing: 1px;
}

.main-testimonial__name {
    margin: 8px 0 2px;
    font-size: 20px;
    transition: 0.5s;
    font-weight: 600;
    /* letter-spacing: -1px; */
}

    .main-testimonial__name:hover {
        color: var(--ehiapp-secondary, #005526);
    }

.main-testimonial__job {
    font-size: 14px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}


.main-testimonial__quote {
    padding-top: 40px;
    font-size: 18px;
    line-height: 34px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .main-testimonial__wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 120px;
        padding-bottom: 50px;
    }

    .main-testimonial__reviews {
        padding-top: 0;
    }

    .main-testimonial__right {
        padding-top: 50px;
        position: initial;
        width: 80%;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        gap: 30px;
        float: right;
    }
}

@media (max-width: 767px) {
    .main-testimonial__right {
        width: 100%;
    }
}

@media (max-width: 539px) {
    .main-testimonial__image:after {
        height: 120px;
    }

    .main-testimonial__image {
        width: 100px;
        height: 100px;
    }

    .main-testimonial__meta-right {
        padding-left: 0;
    }

    .main-testimonial__content {
        padding: 10px 15px 36px;
    }
}



/* testimonial-two */

.testimonial-two {
    padding: 120px 0;
    width: 100%;
    height: 100%;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    background-color: var(--ehiapp-bg, #eef5f7);
}

.testimonial-two__bg {
    background-image: url(../../assets/images/testimonial/testimonial-bg1.png);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: .08;
    mix-blend-mode: luminosity;
}


.testimonial-two__images {
    display: flex;
    width: 300px;
    padding-top: 20px;
}


    .testimonial-two__images .center img {
        border: 7px solid var(--ehiapp-primary);
    }



    .testimonial-two__images .testimonial-two__image img {
        width: 85px;
        height: 85px;
        object-fit: cover;
        border-radius: 50%;
        transition: all 500ms ease;
        position: relative;
    }

.testimonial-two__slider {
    padding-top: 20px;
    padding-right: 90px;
}

.testimonial-two__quote {
    color: var(--ehiapp-text, #848493);
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
}

.testimonial-two__meta-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 40px;
}

.testimonial-two__name {
    margin: 8px 0 2px;
    font-size: 20px;
    transition: 0.5s;
    font-weight: 600;
    /* letter-spacing: -1px; */
}

.testimonial-two__job {
    font-size: 14px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}

.testimonial-two__stars i {
    color: var(--ehiapp-secondary, #005526);
}


@media (max-width: 1199px) {
    .testimonial-two__quote {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .testimonial-two .container {
        max-width: 100%;
    }

    .testimonial-two__slider {
        padding-right: 0;
    }

    .countbar-two__single {
        padding: 28px 0 30px 15px;
        margin-bottom: 20px;
    }

    .countbar-two__icon {
        margin-right: 20px;
        padding: 10px 20px;
    }

    .testimonial-two__meta-bottom {
        padding-top: 15px;
    }

    .testimonial-two__quote {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .testimonial-two .container {
        max-width: 540px;
    }
}


.testimonial-three {
    width: 100%;
    height: 100%;
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    background-color: var(--ehiapp-bg, #eef5f7);
    padding-top: 120px;
    padding-bottom: 120px;
}


    .testimonial-three .main-testimonial__wrapper {
        display: initial;
        z-index: 1;
    }

    .testimonial-three .main-testimonial__right {
        position: inherit;
        width: 100%;
        padding-top: 30px;
    }

    .testimonial-three .main-testimonial__meta-right {
        text-align: left;
    }

    .testimonial-three .main-testimonial__quote {
        text-align: left;
        color: var(--ehiapp-text, #848493);
    }

@media (max-width: 991px) {
    .testimonial-three {
        padding-top: 0;
        padding-bottom: 0;
    }

        .testimonial-three .main-testimonial__wrapper {
            display: flex;
            z-index: 1;
        }
}


/*--------------------------------------------------------------
# Team
  --------------------------------------------------------------*/

.team {
    position: relative;
    margin-top: 130px;
}

.team__content {
    padding-bottom: 120px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.team-card {
    width: 100%;
    height: auto;
    background: var(--ehiapp-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    margin-top: 200px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

    .team-card::after {
        content: '';
        position: absolute;
        border: 4px solid var(--ehiapp-primary, #58aec0);
        width: 100%;
        height: 0%;
        opacity: 0;
        transition: 0.5s;
    }

    .team-card:hover::after {
        height: 100%;
        opacity: 1;
    }

.team-card__shape {
    position: relative;
    border-radius: 50%;
    background-color: var(--ehiapp-primary, #58aec0);
    width: 322px;
    height: 322px;
    position: absolute;
    top: -170px;
    z-index: -1;
}

.team-card__details {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 5;
    flex-direction: column;
    transition: 0.3s;
}

.team-card__img {
    width: 290px;
    height: 290px;
    margin-top: -155px;
}


    .team-card__img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        object-position: 80% 20%;
    }

.team-card__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
    padding-bottom: 40px;
}

    .team-card__intro h3 {
        font-size: 24px;
        font-weight: 600;
        transition: 0.5s;
        /* letter-spacing: -1px; */
        color: var(--ehiapp-heading-text, #21212d);
    }

    .team-card__intro p {
        font-size: 16px;
        font-weight: 400;
        color: #6c6a72;
    }

    .team-card__intro h3:hover {
        color: var(--ehiapp-primary, #58aec0);
    }

.team-card__social {
    display: flex;
    padding-top: 25px;
}

    .team-card__social a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: var(--ehiapp-bg, #eef5f7);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--ehiapp-heading-text, #21212d);
        margin: 0 7px;
        transition: 0.5s;
    }

        .team-card__social a:hover {
            background-color: var(--ehiapp-primary, #58aec0);
            color: var(--ehiapp-white, #fff);
        }





/*--------------------------------------------------------------
# Company
  --------------------------------------------------------------*/

.company {
    background-color: var(--ehiapp-bg-two);
    position: relative;
}

.company-shape {
    position: absolute;
    opacity: 40%;
    animation: zoomBig 2s linear infinite;
}

.company__content {
    padding-top: 120px;
}

    .company__content .sec-title__tagline {
        color: var(--ehiapp-text-two, #9090a4);
    }

    .company__content .sec-title__title {
        color: var(--ehiapp-white, #fff);
    }

.company__inner {
    width: 80%;
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    margin-top: 20px;
    gap: 20px;
}

@media (max-width: 1199px) {
    .company__inner {
        width: 100%;
        padding-top: 60px;
    }
}

@media (max-width: 991px) {
    .company .container {
        max-width: 100%;
    }

    .company__inner {
        width: 100%;
        padding-top: 60px;
    }

    .company .sec-title__title {
        font-size: 35px;
    }
}

.company__item {
    display: flex;
}

.company__icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    margin-right: 20px;
}

    .company__icon span {
        font-size: 24px;
        color: var(--ehiapp-primary, #58aec0);
    }

.company__item:hover .company__icon span {
    animation: bounceIn 1s linear;
}

.company__title {
    line-height: 26px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--ehiapp-white, #fff);
}

.company-image {
    width: 930px;
    height: 700px;
    margin-left: 10px;
}

    .company-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


@media (max-width: 991px) {
    .company-image {
        margin-top: 60px;
        width: 100%;
        margin-left: 0;
    }
}




/*--------------------------------------------------------------
# News Card
  --------------------------------------------------------------*/


.main-news__card {
    transition: all 0.5s;
    max-width: 500px;
    margin: 0 auto 30px;
    cursor: pointer;
}

.main-news__img__wrapper {
    position: relative;
}

.main-news__img {
    position: relative;
    height: 260px;
    overflow: hidden;
}

    .main-news__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: 0.5s;
        display: block;
    }

.main-news__card__img__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: translateY(-20%);
    z-index: 1;
    border-radius: inherit;
    transition: opacity 500ms ease, transform 500ms ease;
}

    .main-news__card__img__link::before,
    .main-news__card__img__link::after {
        content: "";
        width: 25px;
        height: 2px;
        background-color: var(--ehiapp-white, #fff);
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .main-news__card__img__link::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }

.main-news__card:hover .main-news__img > a {
    opacity: 1;
    transform: translateY(0);
}


@media (max-width: 1399px) {
    .main-news__img {
        width: 100%;
    }
}


.main-news__card .entry-date {
    display: flex;
    flex-direction: column;
    background: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    min-width: 60px;
    position: absolute;
    bottom: -10px;
    right: 30px;
    z-index: 11;
    text-align: center;
    padding: 13px 5px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
}

.main-news__img__wrapper .entry-date:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -10px;
    content: "";
    border-top: 0 solid transparent;
    border-right: 10px solid var(--ehiapp-secondary, #005526);
    border-bottom: 10px solid transparent;
}

.main-news__img__wrapper .entry-date .date {
    font-size: 16px;
}

.main-news__img__wrapper .entry-date .month {
    font-size: 12px;
    letter-spacing: 1px;
}

.main-news__img__wrapper .entry-date:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -10px;
    content: "";
    border-top: 0 solid transparent;
    border-left: 10px solid var(--ehiapp-secondary, eb5d5d);
    border-bottom: 10px solid transparent;
}

.main-news__content {
    position: relative;
    text-align: left;
    background: var(--ehiapp-white);
    border: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}

.main-news__content-inner {
    padding: 30px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0 auto;
    position: relative;
}

.main-news__meta {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.main-news__admin {
    color: var(--ehiapp-text, #848493);
    padding-right: 15px;
    transition: 0.5s;
    font-weight: 300;
    font-size: 14px;
}

    .main-news__admin:hover {
        color: var(--ehiapp-primary, #58aec0);
    }



    .main-news__admin i {
        color: var(--ehiapp-primary, #58aec0);
        transition: 0.5s;
    }


.main-news__comment {
    color: var(--ehiapp-text, #848493);
    font-weight: 300;
    font-size: 14px;
}

    .main-news__comment:hover {
        color: var(--ehiapp-primary, #58aec0);
    }

    .main-news__comment i {
        color: var(--ehiapp-primary, #58aec0);
        transition: 0.5s;
    }



.main-news__title {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 0;
    word-wrap: break-word;
    line-height: 30px;
    position: relative;
    /* letter-spacing: -1px; */
    color: var(--ehiapp-heading-text, #21212d);
}

    .main-news__title:hover {
        color: var(--ehiapp-primary, #58aec0);
    }

    .main-news__title a {
        color: inherit;
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .main-news__title a:hover {
            background-size: 100% 1px;
        }

@media (max-width: 1199px) {
    .main-news__comment {
        font-size: 14px;
    }

    .main-news__admin {
        font-size: 14px;
    }

    .main-news__title {
        font-size: 18px;
    }

    .main-news__content-inner {
        padding: 25px;
    }
}

.main-news__bottom {
    display: flex;
    border-top: 1px solid var(--ehiapp-border, #e2dfeb);
    justify-content: space-between;
    align-items: center;
    padding: 5px 30px;
    position: absolute;
    background: #21212d;
    top: 110%;
    left: 0;
    right: 0;
    z-index: 11;
    opacity: 0;
    transition: all .35s;
    margin-bottom: 50px;
}

    .main-news__bottom:hover .main-news__read-more {
        color: var(--ehiapp-text, #848493);
    }

    .main-news__bottom:hover .main-news__arrow {
        color: var(--ehiapp-white, #fff);
        animation: slideLeft 0.5s;
    }

.main-news__read-more {
    white-space: nowrap;
    font-size: 12px;
    color: var(--ehiapp-white, #fff);
    text-transform: uppercase;
    letter-spacing: .1em;
}

.main-news {
    color: var(--ehiapp-white, #fff);
    margin-top: 1px;
}

.main-news__card:hover .main-news__bottom {
    opacity: 1;
    margin-top: -15px;
}


.news--two {
    position: relative;
}

.news-wrapper {
    z-index: 11;
    position: relative;
}

.news--two__background {
    background-image: url(../../assets/images/news/news-two-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -260px;
}

@media (max-width: 991px) {
    .news--two__background {
        background-image: none;
    }
}

.news--three {
    width: 100%;
    height: 100%;
    padding-bottom: 160px;
    position: relative;
    background-image: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(238, 245, 247) 100%);
}

.news--three__bg-overlay {
    background-image: url(../../assets/images/news/news-three-bg.png);
    height: 120%;
    width: 100%;
    top: -450px;
    left: 0;
    position: absolute;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 20%;
    mix-blend-mode: luminosity;
    z-index: 0;
}

.news--three .main-news__inner {
    padding-top: 30px;
}



/* news-page */


.news-page {
    padding-bottom: 90px;
}


.news-card__image {
    position: relative;
    width: 100%;
    height: 430px;
}

    .news-card__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.news-details .entry-date {
    display: flex;
    flex-direction: column;
    background: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    min-width: 60px;
    position: absolute;
    bottom: -10px;
    right: 30px;
    z-index: 11;
    text-align: center;
    padding: 13px 5px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 16px;
}

    .news-details .entry-date:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: -10px;
        content: "";
        border-top: 0 solid transparent;
        border-right: 10px solid var(--ehiapp-secondary);
        border-bottom: 10px solid transparent;
    }

    .news-details .entry-date:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: -10px;
        content: "";
        border-top: 0 solid transparent;
        border-left: 10px solid var(--ehiapp-secondary);
        border-bottom: 10px solid transparent;
    }

.news-details .main-news__meta {
    margin-top: 10px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.news-card__title {
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 10px;
    /* letter-spacing: -1px; */
}

.comments-one__card__date {
    color: var(--ehiapp-secondary, #005526);
}

.news-card__text {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
}

.news-card__text--1 {
    padding-bottom: 20px;
}

.news-card__text--2 {
    padding-bottom: 50px;
}

.news-details__meta {
    padding: 35px 0;
    border-top: 1px solid var(--ehiapp-border, #e2dfeb);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 539px) {
    .news-details__meta {
        flex-direction: column;
        gap: 30px;
        align-items: start;
    }
}


.news-details__meta__title {
    padding-right: 20px;
}

.news-details__tags {
    display: flex;
    align-items: center;
}

.news-details__tags__box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 10px;
}

    .news-details__tags__box a {
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
        padding: 7px 20px;
        margin-right: 10px;
        position: relative;
        overflow: hidden;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        transition: all 500ms ease;
        z-index: 1;
    }

        .news-details__tags__box a::after {
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 150%;
            height: 150%;
            background-color: var(--ehiapp-secondary, #005526);
            transition-duration: 1000ms;
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

        .news-details__tags__box a:hover {
            color: var(--ehiapp-white, #fff);
            text-shadow: 0 0 1px currentColor;
        }

            .news-details__tags__box a:hover::after {
                bottom: -50%;
            }


.news-details__social {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .news-details__social a {
        width: 43px;
        height: 43px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--ehiapp-bg, #eef5f7);
        color: var(--ehiapp-heading-text, #21212d);
        transition: all 500ms ease;
    }

        .news-details__social a:hover {
            background-color: var(--ehiapp-primary, #58aec0);
            color: var(--ehiapp-white, #fff);
        }

.news-details__inner {
    display: flex;
    align-items: center;
    background-color: var(--ehiapp-bg, #eef5f7);
    padding: 45px 50px;
}

.blog-detailes__inner__image {
    width: 105px;
    height: 105px;
    margin-right: 30px;
}

    .blog-detailes__inner__image img {
        width: 105px;
        height: 105px;
        border-radius: 50%;
        object-fit: cover;
    }

.news-details__inner__desc h4 {
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    /* letter-spacing: -0.40px; */
    color: var(--ehiapp-heading-text, #21212d);
}

.news-details__inner__desc p {
    font-size: 15px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}




/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-one__title,
.comments-form__title {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.088;
    margin-bottom: 54px;
    /* letter-spacing: -1px; */
}


.comments-one {
    padding-top: 54px;
}

.comments-one__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-one__card {
    display: flex;
    gap: 30px;
    border-bottom: 1px solid var(--ehiapp-border, #e2dfeb);
    padding-bottom: 60px;
    margin-bottom: 60px;
}


.comments-one__card__image {
    width: 127px;
    height: 132px;
}

    .comments-one__card__image img {
        width: 127px;
        height: 132px;
        object-fit: cover;
    }

.comments-one__card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px 20px;
    margin-top: -9px;
}

@media (max-width: 767px) {
    .comments-one__card__top {
        margin-top: 5px;
    }
}

@media (max-width: 500px) {
    .comments-one__card__top {
        align-items: flex-start;
        flex-direction: column;
    }
}

.comments-one__card__info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.comments-one__card__title {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    /* letter-spacing: -0.40px; */
}

@media (max-width: 430px) {
    .comments-one__card__title {
        font-size: 18px;
    }
}

.comments-one__card__date {
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0;
}

.comments-one__card__text {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    padding-right: 90px;
}

.comments-one__card__reply {
    border: none;
    outline: none;
    background-color: transparent;
    position: relative;
    top: 9px;
    z-index: 1;
    overflow: hidden;
    padding: 14px 20px 12px;
    font-size: 12px;
    color: var(--ehiapp-white, #fff);
    line-height: 1;
    text-transform: capitalize;
    background-color: var(--ehiapp-bg-two, #21212d);
    transition: all 500ms ease;
}

@media (max-width: 500px) {
    .comments-one__card__reply {
        top: 0;
    }
}

.comments-one__card__reply::after {
    content: "";
    z-index: -1;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 150%;
    height: 150%;
    background-color: var(--ehiapp-secondary, #005526);
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.comments-one__card__reply:hover::after {
    bottom: -50%;
}

.comments-form {
    margin-top: 54px;
}


@media (max-width: 767px) {
    .comments-one__card {
        display: grid;
        grid-template-columns: auto;
    }

    .comments-one__card__top {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        gap: 10px;
    }

    .comments-one__card__text {
        padding-top: 20px;
        padding-right: 0;
    }

    .news-details__inner {
        padding: 45px 15px;
    }
}

@media (max-width: 539px) {
    .news-details__inner {
        gap: 20px;
        align-items: start;
        flex-direction: column;
        padding: 45px 15px;
    }
}



/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.form-one__group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin: 0;
}

@media (min-width: 576px) {
    .form-one__group {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .form-one__group--grid {
        grid-template-columns: 1fr;
    }
}

.form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
}

.form-one__control__icon {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    font-size: 14px;
}

.form-one__control--full {
    grid-column-start: 1;
    grid-column-end: -1;
}

.form-one .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    position: relative;
    display: block;
    width: 100% !important;
}

.form-one .bootstrap-select > .dropdown-toggle::after {
    display: none;
}

.form-one .bootstrap-select > .dropdown-toggle {
    position: relative;
    height: 52px;
    outline: none !important;
    border-radius: 0;
    border: 0;
    background-color: transparent !important;
    margin: 0;
    margin-top: -21px;
    padding: 0;
    padding-left: 0px;
    padding-right: 0px;
    color: var(--ehiapp-text) !important;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 52px;
    font-weight: 500;
    box-shadow: none !important;
    background-repeat: no-repeat;
    background-size: 14px 12px;
    background-position: right 25.75px center;
    border-bottom: 1px solid var(--ehiapp-border, #e2dfeb);
}

    .form-one .bootstrap-select > .dropdown-toggle:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0px;
        font-family: "Font Awesome 5 Free";
        content: "\f107";
        font-weight: 900;
        font-size: 16px;
        color: var(--ehiapp-text, #848493);
    }

@media (max-width: 425px) {
    .form-one .bootstrap-select > .dropdown-toggle:before {
        right: 20px;
    }
}

.form-one .bootstrap-select .dropdown-menu > li + li > a {
    border-top: 1px solid var(--ehiapp-border, #e2dfeb);
}

.form-one .bootstrap-select .dropdown-menu {
    border: none;
}

    .form-one .bootstrap-select .dropdown-menu > li > a {
        font-size: 14px;
        font-weight: 500;
        padding: 10px 22px;
        font-weight: normal;
        color: var(--ehiapp-heading-text, #21212d);
        background-color: var(--ehiapp-bg, #eef5f7);
        text-transform: capitalize;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .form-one .bootstrap-select .dropdown-menu > li:hover > a,
    .form-one .bootstrap-select .dropdown-menu > li.selected > a {
        background: var(--ehiapp-secondary, #005526);
        color: var(--ehiapp-white, #fff);
        border-color: var(--ehiapp-secondary, #005526);
    }

.form-one .bootstrap-select > .dropdown-toggle {
    display: flex;
    align-items: center;
}

    .form-one .bootstrap-select > .dropdown-toggle .filter-option {
        display: flex;
        align-items: center;
    }

.form-one input[type=text],
.form-one input[type=email],
.form-one textarea {
    display: block;
    width: 100%;
    background-color: var(--ehiapp-bg, #eef5f7);
    color: var(--ehiapp-text, #848493);
    font-size: 16px;
    line-height: 16px;
    font-weight: 400;
    border: none;
    outline: none;
    padding: 0 20px;
    height: 55px;
    border: 1px solid transparent;
    transition: all 300ms ease;
}

    .form-one input[type=text]:focus,
    .form-one input[type=email]:focus,
    .form-one textarea:focus {
        color: var(--ehiapp-heading-text, #21212d);
        border-color: var(--ehiapp-secondary, #005526);
    }

.form-one textarea {
    height: 165px;
    padding: 20px 20px 0;
}

.form-one__control .ehiapp-btn {
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
}

    .form-one__control .ehiapp-btn::before {
        background-color: var(--ehiapp-secondary, #005526);
    }


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar__single {
    background-color: var(--ehiapp-bg, #eef5f7);
    padding: 50px 30px 30px 30px;
}

@media (max-width: 1199px) {
    .sidebar__single {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 991px) {
    .sidebar__single {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 375px) {
    .sidebar__single {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.sidebar__single + .sidebar__single {
    margin-top: 30px;
    padding-bottom: 50px;
    padding-left: 25px;
}

.sidebar__title {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 25px;
    margin-left: 25px;
    /* letter-spacing: -0.40px; */
}

.sidebar__form__title {
    margin-bottom: 29px;
}

.sidebar__search {
    display: flex;
    align-items: center;
    position: relative;
    height: 75px;
    margin-bottom: 30px;
}

    .sidebar__search input[type=search],
    .sidebar__search input[type=text] {
        padding-left: 50px;
        outline: none;
        border: 0;
        color: var(--ehiapp-white, #fff);
        font-size: 16px;
        line-height: 1;
        font-weight: 400;
        border: 1px solid var(--ehiapp-border, #e2dfeb);
        width: 100%;
        height: 100%;
        background-color: var(--ehiapp-white, #fff);
        transition: all 500ms ease;
        background-color: var(--ehiapp-secondary, #005526);
    }

        .sidebar__search input[type=search]:focus,
        .sidebar__search input[type=text]:focus {
            color: var(--ehiapp-white, #fff);
            border-color: var(--ehiapp-secondary, #005526);
        }

    .sidebar__search button[type=submit] {
        padding: 0;
        border: none;
        outline: none;
        background-color: transparent;
        position: absolute;
        top: 50%;
        right: 50px;
        transform: translateY(-50%);
        width: auto;
        font-size: 20px;
        font-weight: 300;
        color: var(--ehiapp-white, #fff);
        z-index: 1;
    }

.sidebar__posts {
    margin-bottom: 0;
}

.sidebar__posts-title {
    margin-left: 18px;
    margin-bottom: 15px;
}

.sidebar__posts__item {
    display: flex;
    gap: 16px;
    padding: 18px 22px 18px 18px;
    transition: 0.3s;
}

    .sidebar__posts__item:hover {
        background-color: var(--ehiapp-white, #fff);
        box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05);
    }


    .sidebar__posts__item:not(:last-of-type) {
        margin-bottom: 15px;
    }

.sidebar__posts__image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .sidebar__posts__image img {
        width: 100%;
        height: 100%;
        display: block;
    }

.sidebar__posts__content {
    position: relative;
    top: 0px;
    width: calc(100% - 80px);
}

.sidebar__posts__meta {
    margin: 0;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .sidebar__posts__meta a {
        display: inline-flex;
        align-items: center;
        color: var(--ehiapp-text, #848493);
        font-size: 13px;
        font-weight: 400;
        line-height: 16px;
        transition: all 500ms ease;
    }

        .sidebar__posts__meta a i {
            margin-right: 5px;
            color: var(--ehiapp-primary, #58aec0);
        }

        .sidebar__posts__meta a:hover {
            color: var(--ehiapp-secondary, #005526);
        }

        .sidebar__posts__meta a span {
            font-size: 12px;
            color: var(--ehiapp-secondary, #005526);
            margin-right: 11px;
        }

.sidebar__posts__title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    /* letter-spacing: -0.40px; */
}

    .sidebar__posts__title:hover {
        color: var(--ehiapp-secondary, #005526);
    }

@media (max-width: 1199px) {
    .sidebar__posts__title {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .sidebar__posts__title {
        font-size: 18px;
    }
}

@media (max-width: 412px) {
    .sidebar__posts__title {
        font-size: 16px;
    }
}

@media (max-width: 359px) {
    .sidebar__posts__title {
        font-size: 15px;
    }
}

.sidebar__posts__title a {
    color: inherit;
    background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
    transition: all 500ms ease;
}

    .sidebar__posts__title a:hover {
        background-size: 100% 1px;
    }

.sidebar__categories {
    margin-top: -12px;
    margin-bottom: -11px;
}

    .sidebar__categories li:not(:last-child) {
        margin-bottom: 6px;
    }

    .sidebar__categories li a {
        position: relative;
        font-size: 16px;
        color: var(--ehiapp-text, #848493);
        font-weight: 300;
        line-height: 1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: all 500ms ease;
        z-index: 1;
        padding-left: 25px;
    }

@media (max-width: 1199px) {
    .sidebar__categories li a {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .sidebar__categories li a {
        font-size: 15px;
    }
}

.sidebar__categories li a::after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: var(--ehiapp-white, #fff);
    transition: all 500ms ease;
}

.sidebar__categories li a span {
    color: inherit;
    padding: 12px 15px;
    opacity: 0;
    transition: all 500ms ease;
}

.sidebar__categories li a:hover {
    color: var(--ehiapp-heading-text, #21212d);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
}

    .sidebar__categories li a:hover span {
        opacity: 1;
    }

    .sidebar__categories li a:hover::after {
        left: 0;
        width: 100%;
    }

.sidebar__tags-wrapper {
    padding-bottom: 32px;
}

.sidebar__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 10px;
    padding-left: 25px;
}

    .sidebar__tags a {
        position: relative;
        overflow: hidden;
        display: inline-block;
        background-color: var(--ehiapp-white, #fff);
        font-size: 12px;
        color: var(--ehiapp-heading-text, #21212d);
        font-weight: 500;
        transition: all 500ms ease;
        padding: 7px 20px;
        z-index: 1;
    }

        .sidebar__tags a::after {
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            width: 150%;
            height: 150%;
            background-color: var(--ehiapp-primary, #58aec0);
            transition-duration: 1000ms;
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

        .sidebar__tags a:hover {
            color: var(--ehiapp-white, #fff);
            text-shadow: 0 0 1px currentColor;
        }

            .sidebar__tags a:hover::after {
                bottom: -50%;
            }

.sidebar-two {
    background-color: var(--ehiapp-bg);
    padding: 52px 60px;
}

.sidebar-two__title {
    font-size: 30px;
    font-weight: 500;
    /* letter-spacing: -1px; */
    color: var(--ehiapp-heading-text);
}

.sidebar-two__subtitle {
    font-size: 18px;
    font-weight: 400;
    color: var(--ehiapp-heading-text);
    padding-top: 20px;
}

    .sidebar-two__subtitle span {
        color: var(--ehiapp-secondary);
    }

.sidebar-two__img {
    padding-top: 10px;
    width: 100%;
    height: 150px;
}

    .sidebar-two__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.sidebar-two__desc {
    font-size: 16px;
    font-weight: 300;
    color: var(--ehiapp-text);
    line-height: 30px;
    padding-top: 25px;
}

.sidebar-two__date {
    font-size: 16px;
    font-weight: 500;
    color: var(--ehiapp-heading-text);
    padding-top: 10px;
}

.sidebar-two__delivary {
    font-size: 16px;
    font-weight: 400;
    color: var(--ehiapp-text);
}

.sidebar-two__reward-text {
    padding-top: 30px;
}

.sidebar-two__reward-title__title {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--ehiapp-heading-text);
    display: flex;
    align-items: center;
}

    .sidebar-two__reward-title__title span {
        padding-right: 20px;
        color: var(--ehiapp-primary);
    }

.sidebar-two .ehiapp-btn {
    margin-top: 30px;
    background-color: var(--ehiapp-secondary);
    color: var(--ehiapp-white);
    padding: 15px 50px;
}

@media (max-width: 1199px) {
    .sidebar-two .ehiapp-btn {
        padding: 15px 40px;
    }

    .sidebar-two {
        padding: 40px;
    }
}

@media (max-width: 991px) {
    .sidebar-two .ehiapp-btn {
        padding: 15px 40px;
    }

    .sidebar-two {
        margin-top: 60px;
        padding: 60px;
    }
}

/*--------------------------------------------------------------
# Cta
  --------------------------------------------------------------*/

.main-cta {
    max-width: 1280px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: -120px;
    position: relative;
    z-index: 1;
    background-color: var(--ehiapp-white, #fff);
    border-style: solid;
    border-width: 40px;
    border-color: #fff;
    padding: 48px 55px;
    background-color: var(--ehiapp-secondary, #005526);
}

.main-cta__shape {
    position: absolute;
    top: -70px;
    right: -130px;
    animation: topToBottom 2s linear infinite;
}

.main-cta__shape__text {
    margin-top: 5px;
    margin-left: 170px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
    line-height: 25px;
}

.main-cta__title p {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: var(--ehiapp-white, #fff);
}

.main-cta__title h3 {
    color: var(--ehiapp-white, #fff);
    font-size: 34px;
    font-weight: 700;
    line-height: 40px;
}

.main-cta .ehiapp-btn {
    background-color: var(--ehiapp-bg-two, #21212d);
    color: var(--ehiapp-white, #fff);
}


@media (max-width: 1440px) {

    .main-cta__shape {
        top: -50px;
        right: -100px;
    }
}

@media (max-width: 1300px) {
    .main-cta {
        max-width: 1200px;
    }
}

@media (max-width: 1199px) {
    .main-cta {
        max-width: 1160px;
    }
}

@media (max-width: 991px) {
    .main-cta {
        max-width: 760px;
    }

        .main-cta .ehiapp-btn {
            padding: 12px 20px;
        }

    .main-cta__title h3 {
        font-size: 20px;
    }
}



.main-cta__background {
    background-position: center center;
    padding: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .7;
    mix-blend-mode: luminosity;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}


.main-cta__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    position: relative;
}

@media (max-width: 767px) {
    .main-cta {
        max-width: 500px;
        padding: 25px 10px;
    }

    .main-cta__content {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .main-cta__title {
        padding-bottom: 20px;
    }
}

@media (max-width: 539px) {
    .main-cta {
        max-width: 90%;
        border-width: 20px;
    }
}



/* cta-two */

.cta--two {
    margin-bottom: 0px;
    box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
}

.cta--three {
    margin-top: -110px;
    margin-bottom: -40px;
    box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
}

.contact-page--cta {
    margin-top: 80px;
    margin-bottom: -40px;
    box-shadow: 0px 50px 50px 0px rgba(0, 0, 0, 0.1);
}

/*--------------------------------------------------------------
# Categories
  --------------------------------------------------------------*/
.categories-one {
    background-color: var(--ehiapp-primary, #58aec0);
    position: relative;
}

.categories-one__bg-overlay {
    background-image: url(../../assets/images/futures/feature-bg-shape.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
    mix-blend-mode: luminosity;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.categories-one__title {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 413px;
}

@media (max-width: 1199px) {
    .categories-one__title {
        bottom: 365px;
    }
}

@media (max-width: 400px) { /* Small phones */
    .categories-one__title {
        bottom: calc(123vh);
    }
}

.categories-one__title span {
    position: relative;
    font-size: 14px;
    color: var(--ehiapp-white, #fff);
    font-weight: 400;
    padding: 0 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

    .categories-one__title span::after,
    .categories-one__title span::before {
        content: '';
        width: 487px;
        height: 2px;
        position: absolute;
        top: 50%;
        background: rgba(255, 255, 255, .3);
        overflow: hidden;
    }

    .categories-one__title span::before {
        right: 100%;
    }

    .categories-one__title span::after {
        left: 100%;
    }


.categories-one__cart__inner {
    position: relative;
    z-index: 99;
}


.categories-one__cart__wrapper {
    max-width: 1250px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -70px;
}



.categories-one__cart {
    height: 150px;
    background-color: var(--ehiapp-white, #fff);
    padding: 20px 20px 15px 20px;
    cursor: pointer;
    border-radius: 30px;
}

@media (max-width: 1200px) {
    .categories-one__cart__wrapper {
        max-width: 1100px;
    }
}

@media (max-width: 991px) {
    .categories-one__cart__wrapper {
        max-width: 800px;
    }
}

@media (max-width: 769px) {
    .categories-one__cart__wrapper {
        max-width: 550px;
    }
}

@media (max-width: 550px) {
    .categories-one__cart__wrapper {
        max-width: 300px;
    }

    .categories-one__cart {
        width: 100%;
    }
}



.categories-one__cart__icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 3px;
}

    .categories-one__cart__icon h4 {
        font-size: 30px;
        font-weight: 400;
        color: var(--ehiapp-bg);
        margin: 0;
    }



    .categories-one__cart__icon a {
        width: 80px;
        height: 60px;
        font-size: 32px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--ehiapp-bg, #eef5f7);
        transition: 0.5s;
        color: var(--ehiapp-primary, #58aec0);
        position: relative;
        overflow: hidden;
        z-index: 11;
        transition: all 500ms ease;
    }

        .categories-one__cart__icon a::after {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 50%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transform: scale(0);
            opacity: 0;
            transition: transform 400ms ease, opacity 400ms ease;
            background-color: var(--ehiapp-primary, #58aec0);
        }

.categories-one__cart:hover .categories-one__cart__icon a {
    color: var(--ehiapp-white, #fff);
}

    .categories-one__cart:hover .categories-one__cart__icon a::after {
        transform: scale(1);
        opacity: 1;
    }

.categories-one__cart__text {
    line-height: 30px;
    color: var(--ehiapp-heading-text, #21212d);
    font-size: 18px;
    font-weight: 600;
    padding-top: 9px;
    /* letter-spacing: -0.80px; */
}


.categories-one__cart:hover .categories-one__cart__icon > a span {
    animation: bounceIn 1s linear;
}



.categories-two {
    margin-top: 110px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.categories-two__content .sec-title__tagline {
    color: var(--ehiapp-text-two, #9090a4);
}

.categories-two__content .sec-title__title {
    color: var(--ehiapp-white, #fff);
    /* letter-spacing: -1px; */
}

.categories-two__desc p {
    padding-top: 15px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: var(--ehiapp-text-two, #9090a4);
}

.categories-two__image {
    width: 860px;
    height: 380px;
    position: relative;
    z-index: 11;
    margin-top: -120px;
    margin-left: 100px;
}

@media (max-width: 1399px) {
    .categories-two__image {
        margin-left: 20px;
    }

    .categories-two__content .sec-title__title {
        font-size: 48px;
        color: var(--ehiapp-white, #fff);
        /* letter-spacing: -1px; */
    }
}

@media (max-width: 1399px) {
    .categories-two__image {
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }
}


.categories-two__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.categories-two__image::after {
    content: '';
    height: 100%;
    width: 22px;
    background-image: linear-gradient(180deg, var(--ehiapp-primary) 0%, var(--ehiapp-secondary) 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.categories-two__inner {
    padding-top: 55px;
}

.categories-two__cart {
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 50px;
    position: relative;
    cursor: pointer;
}

    .categories-two__cart::after {
        content: '';
        position: absolute;
        background-color: rgba(255, 255, 255, 0.031);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 110px;
        clip-path: polygon(50% 50%, 0 0, 100% 0);
        z-index: 1;
    }

.categories-two__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #171720;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    position: relative;
    overflow: hidden;
    transition: all 500ms ease;
}

    .categories-two__icon::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: transform 400ms ease, opacity 400ms ease;
        background-color: var(--ehiapp-primary, #58aec0);
    }

.categories-two__cart:hover .categories-two__icon span {
    color: var(--ehiapp-white, #fff);
    animation: bounceIn 1s linear;
}

.categories-two__cart:hover .categories-two__icon::after {
    transform: scale(1);
    opacity: 1;
}

.categories-two__icon span {
    font-size: 32px;
    transition: 0.5s;
    color: var(--ehiapp-primary, #58aec0);
}

.categories-two__text {
    padding-top: 20px;
    color: var(--ehiapp-white, #fff);
    font-size: 18px;
    /* letter-spacing: -0.40px; */
    font-weight: 600;
}


.categories-three {
    padding-top: 90px
}

.categories-three__desc {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    color: var(--ehiapp-text, #848493);
}

.categories-three__wrapper {
    position: relative;
    z-index: 2;
}

    .categories-three__wrapper .container {
        max-width: 1250px;
        background: var(--ehiapp-bg, #eef5f7);
        padding: 40px 40px 20px 40px;
        margin-top: 35px;
    }


.categories-three__single {
    width: 100%;
    height: 127px;
    border: 1px solid var(--ehiapp-border, #e2dfeb);
    display: flex;
    align-items: center;
    background-color: var(--ehiapp-white, #fff);
    padding: 30px 20px 25px 40px;
}

.categories-three__wrapper .row .col-lg-4:nth-child(1),
.categories-three__wrapper .row .col-lg-4:nth-child(4) {
    padding-right: 8px;
}

.categories-three__wrapper .row .col-lg-4:nth-child(2),
.categories-three__wrapper .row .col-lg-4:nth-child(5) {
    padding-right: 8px;
    padding-left: 8px;
}

.categories-three__wrapper .row .col-lg-4:nth-child(3),
.categories-three__wrapper .row .col-lg-4:nth-child(6) {
    padding-left: 8px;
}

@media (max-width: 991px) {

    .categories-three__wrapper .row .col-lg-4:nth-child(1),
    .categories-three__wrapper .row .col-lg-4:nth-child(4) {
        padding-right: 15px;
    }

    .categories-three__wrapper .row .col-lg-4:nth-child(2),
    .categories-three__wrapper .row .col-lg-4:nth-child(5) {
        padding-right: 15px;
        padding-left: 15px;
    }

    .categories-three__wrapper .row .col-lg-4:nth-child(3),
    .categories-three__wrapper .row .col-lg-4:nth-child(6) {
        padding-left: 15px;
    }
}

.categories-three__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--ehiapp-bg, #eef5f7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-right: 20px;
}

.categories-three__icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: var(--ehiapp-bg, #eef5f7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    transition: all 500ms ease;
}

    .categories-three__icon::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: transform 400ms ease, opacity 400ms ease;
        background-color: var(--ehiapp-primary, #58aec0);
    }


.categories-three__single:hover .categories-three__icon::after {
    transform: scale(1);
    opacity: 1;
}

.categories-three__icon span {
    font-size: 32px;
    color: var(--ehiapp-primary, #58aec0);
    transition: all 500ms ease;
}

.categories-three__single:hover .categories-three__icon span {
    color: var(--ehiapp-white, #fff);
    animation: bounceIn 1s linear;
}

.categories-three__title h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    /* letter-spacing: -1px; */
    color: var(--ehiapp-heading-text, #21212d);
}


.categories-three__title span {
    font-size: 14px;
    font-weight: 400;
    color: var(--ehiapp-text, #848493);
}


/*--------------------------------------------------------------
# Process
  --------------------------------------------------------------*/

.process__wrapper {
    position: relative;
}

.process__shape {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.precess__single {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    z-index: 1;
    position: relative;
}

.process__single-pt {
    padding-top: 100px;
}

.process__single-pt2 {
    padding-top: 60px;
}

.process__icon-box {
    position: relative;
}

@media (max-width: 991px) {
    .process__shape {
        display: none;
    }

    .process__single-pt {
        padding-top: 0;
    }

    .process__single-pt2 {
        padding-top: 0;
    }

    .process__wrapper {
        padding-top: 30px;
    }
}

.process__icon {
    width: 150px;
    height: 150px;
    box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-white, #fff);
    border: 1px solid var(--ehiapp-border, #e2dfeb);
    overflow: hidden;
    position: relative;
    overflow: hidden;
    z-index: 5;
    transition: all 500ms ease;
}

    .process__icon::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: transform 400ms ease, opacity 400ms ease;
        background-color: var(--ehiapp-primary, #58aec0);
    }

.precess__single:hover .process__icon span {
    color: var(--ehiapp-white, #fff);
    animation: bounceIn 1s linear;
}

.precess__single:hover .process__icon::after {
    transform: scale(1);
    opacity: 1;
}

.process__icon span {
    font-size: 62px;
    color: var(--ehiapp-primary, #58aec0);
    transition: all 500ms ease;
}

.process__icon-box__num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-secondary, #005526);
    color: var(--ehiapp-white, #fff);
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 11;
    transition: all 500ms ease;
}

.precess__single:hover .process__icon-box__num {
    background-color: var(--ehiapp-bg-two, #21212d);
}


.process__icon-box__num__bt {
    top: 0;
    left: 0;
}

.process__title {
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
}

.precess__single p {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}

.process__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 40px;
    column-gap: 15px;
}

    .process__btns .ehiapp-btn {
        background-color: var(--ehiapp-bg-two, #21212d);
        color: var(--ehiapp-white, #fff);
    }

    .process__btns .ehiapp-btn__active {
        background-color: var(--ehiapp-primary, #58aec0);
        color: var(--ehiapp-white, #fff);
    }

        .process__btns .ehiapp-btn__active::before {
            background-color: var(--ehiapp-bg-two, #21212d);
            color: var(--ehiapp-white, #fff);
        }

@media (max-width: 539px) {

    .process__btns {
        flex-direction: column;
        gap: 20px;
        column-gap: 0;
    }
}

/*--------------------------------------------------------------
# Tab Content
  --------------------------------------------------------------*/
.main-tab {
    margin-top: -170px;
    z-index: 2;
    position: relative;
}

    .main-tab .tab-content {
        background-color: #ffff;
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
        transition: 0.2s;
    }

        .main-tab .tab-content > .active {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 50px;
        }


    .main-tab .nav-pills .nav-link {
        font-size: 18px;
        display: inline-block;
        text-align: center;
        font-weight: 600;
        padding: 5px 45px;
        background-color: var(--ehiapp-primary, #58aec0);
        position: relative;
        color: var(--ehiapp-white, #fff);
        cursor: pointer;
        text-decoration: none;
        transition: 0.5s ease all;
        z-index: 1;
        overflow: hidden;
        border-radius: 10px;
        margin-right: 10px;
        /* letter-spacing: -0.40px; */
    }

        .main-tab .nav-pills .nav-link::before {
            transition: 0.5s all ease;
            position: absolute;
            top: 0;
            left: -50%;
            right: -50%;
            bottom: 0;
            transform: translate(-50%, -50%);
            opacity: 0;
            content: '';
            background-color: var(--ehiapp-white, #fff);
            color: var(--ehiapp-white, #fff);
            z-index: -1;
        }

    .main-tab .nav-link:hover {
        color: var(--ehiapp-heading-text, #21212d);
    }

        .main-tab .nav-link:hover:before,
        .main-tab .nav-link:focus:before {
            transition: 0.5s all ease;
            transform: translate(0, 0);
            left: 0;
            right: 0;
            opacity: 1;
        }

/* .main-tab .nav-pills .nav-link.active,
.main-tab .nav-pills .show>.nav-link {
  background-color: var(--ehiapp-white, #fff);
  color: var(--ehiapp-heading-text, #21212d);

} */


.main-tab__content__image {
    width: 370px;
    height: 215px;
}


    .main-tab__content__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.main-tab__content__text {
    width: 355px;
    padding-right: 55px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
}

.main-tab__text {
    display: flex;
    align-items: center;
}

.main-tab__content__list {
    list-style: none;
    padding-right: 35px;
}

    .main-tab__content__list li i {
        color: var(--ehiapp-secondary, #005526);
        padding-right: 10px;
    }

    .main-tab__content__list li {
        font-size: 16px;
        font-weight: 400;
        line-height: 36px;
        color: var(--ehiapp-heading-text, #21212d);
    }


@media (max-width: 1199px) {
    .main-tab .tab-content > .active {
        padding: 50px 20px;
    }

    .main-tab__content__text {
        padding-right: 0;
        width: 280px;
    }

    .main-tab__content__list {
        list-style: none;
        padding-right: 0px;
    }

    .main-tab__content__image {
        width: 300px;
    }
}

@media (max-width: 991px) {
    .main-tab .container {
        max-width: 100%;
    }
}

@media (max-width: 940px) {
    .main-tab .container {
        max-width: 100%;
    }

    .main-tab #pills-tab {
        flex-wrap: nowrap;
    }

    .main-tab .nav-pills .nav-link {
        padding: 12px 15px;
    }

    .main-tab__text {
        display: flex;
        flex-direction: column;
        align-items: start;
    }

    .main-tab__content__text {
        width: 355px;
    }

    .main-tab .tab-content > .active {
        justify-content: space-around;
    }
}

@media (max-width: 767px) {
    .main-tab .container {
        max-width: 540px;
    }

    .main-tab #pills-tab {
        flex-wrap: nowrap;
    }

    .main-tab .nav-pills .nav-link {
        padding: 12px 15px;
    }

    .main-tab__content__image {
        width: 370px;
        padding-bottom: 20px;
    }

    .main-tab__text {
        gap: 20px;
    }

    .main-tab__content__text {
        width: 355px;
    }

    .main-tab .tab-content > .active {
        display: block;
    }

    .deptname {
        font-size: 12px !important;
        margin-left: 10px;
    }
}

@media (max-width: 539px) {
    .main-tab #pills-tab {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .main-tab__content__image {
        width: 100%;
    }

    .main-tab__content__text {
        width: 100%;
    }
}



.campaign-details__tab {
    padding-top: 60px;
}

.tab--two {
    margin: 0;
}

    .tab--two .tab-content {
        background-color: #ffffff4a;
        box-shadow: none;
        transition: 0.2s;
    }

        .tab--two .tab-content > .active {
            display: flex;
            flex-direction: column;
            align-items: start;
            padding: 0;
            padding-top: 10px;
            margin: 10px;
            /* height: 25vh;*/
        }


    .tab--two .nav-pills .nav-link.active,
    .tab--two .nav-pills .show > .nav-link {
        background-color: #63efca;
        color: var(--ehiapp-heading-text, #21212d);
    }

    .tab--two .nav-pills .nav-link::before {
        background-color: #60bb73;
        color: var(--ehiapp-heading-text, #21212d);
    }

    .tab--two .main-tab__text {
        display: block;
    }

    .tab--two .main-tab__content__text {
        width: 100%;
        padding-right: 0;
        color: var(--ehiapp-text);
    }

    .tab--two .main-tab__content__list {
        list-style: none;
        padding-right: 35px;
        /* padding-top: 30px; */
        color: var(--ehiapp-heading-text, #21212d);
    }

    .tab--two .main-tab__content__list {
        list-style: none;
        padding-right: 0px;
        /* padding-top: 30px; */
        width: -webkit-fill-available;
        color: var(--ehiapp-heading-text, #21212d);
    }

        .tab--two .main-tab__content__list li i {
            color: var(--ehiapp-primary);
            padding-right: 10px;
        }

.tab--two__content__images {
    width: 100%;
    padding-top: 60px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.tab--two__content__img {
    width: 100%;
    height: 375px;
}

    .tab--two__content__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.tab--two .main-tab__content__text-two {
    padding-top: 50px;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: var(--ehiapp-text);
}

.tab--two__content__image-two {
    width: 100%;
    height: 425px;
    padding-top: 50px;
}

    .tab--two__content__image-two img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.campaign-one__wrapper {
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .tab--two .nav-pills .nav-link {
        padding: 12px 30px;
    }

    .tab--two__content__img {
        height: 300px;
    }
}

@media (max-width: 991px) {
    .tab--two .nav-pills .nav-link {
        padding: 12px 20px;
    }

    .campaign-details__bottom {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 30px;
    }
}

@media (max-width: 767px) {
    .campaign-details__bottom {
        display: flex;
        align-items: start;
        justify-content: start;
        flex-direction: column;
    }
}

@media (max-width: 450px) {
    .tab--two__content__images {
        flex-direction: column;
    }
}

/*--------------------------------------------------------------
# Google Map
--------------------------------------------------------------*/
.google-map {
    position: relative;
}

    .google-map iframe {
        position: relative;
        display: block;
        border: none;
        height: 430px;
        width: 100%;
    }

.contact-map {
    position: relative;
    mix-blend-mode: luminosity;
}

    .contact-map .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

/*--------------------------------------------------------------
# Contact Page
  --------------------------------------------------------------*/

.contact-page {
    padding-top: 120px;
}

.contact-page__form {
    position: relative;
    display: grid;
    grid-template-columns: calc(70% - 50px);
    grid-gap: 40px;
    z-index: 11;
    justify-content: center;
    padding-top: 20px;
}

@media (max-width: 1199px) {
    .contact-page__form {
        grid-template-columns: calc(80%);
    }
}

@media (max-width: 991px) {
    .contact-page__form {
        grid-template-columns: calc(100%);
    }
}


.contact-page .form-one__control {
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
}

.contact-infu {
    padding-top: 110px;
}

.contact-infu__single {
    height: 350px;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 40px 0 40px;
    gap: 15px;
}

.contact-infu .row .col-lg-4:nth-child(1) {
    padding-right: 8px;
}

.contact-infu .row .col-lg-4:nth-child(2) {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.contact-infu .row .col-lg-4:nth-child(3) {
    padding-left: 8px;
}



.contact-infu__icon {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ehiapp-bg, #eef5f7);
    color: var(--ehiapp-primary, #58aec0);
    position: relative;
    z-index: 11;
    overflow: hidden;
}



    .contact-infu__icon::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: transform 400ms ease, opacity 400ms ease;
        background-color: var(--ehiapp-primary, #58aec0);
        transition: all 500ms ease;
    }

.contact-infu__single:hover .contact-infu__icon span {
    color: var(--ehiapp-white, #fff);
    animation: bounceIn 1s linear;
    transition: all 500ms ease;
}

.contact-infu__single:hover .contact-infu__icon::after {
    transform: scale(1);
    opacity: 1;
}

.contact-infu__icon span {
    font-size: 64px;
}

.contact-infu__title {
    font-size: 24px;
    font-weight: 600;
    color: var(--ehiapp-heading-text, #21212d);
}

.contact-infu__desc {
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: var(--ehiapp-text, #848493);
}

/*--------------------------------------------------------------
# Main footer
  --------------------------------------------------------------*/


.main-footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

.main-footer__left {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

    .main-footer__left p {
        color: var(--ehiapp-text-two);
        font-size: 16px;
        font-weight: 300;
        line-height: 26px;
    }

.main-footer__contact li {
    list-style: none;
}

    .main-footer__contact li a {
        list-style: none;
        color: var(--ehiapp-white, #fff);
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
    }

        .main-footer__contact li a:hover {
            color: var(--ehiapp-secondary, #005526);
            background-size: 100% 1px;
        }

    .main-footer__contact li i {
        color: var(--ehiapp-secondary, #005526);
        padding-right: 20px;
    }

.main-footer__social-icon {
    display: flex;
}

    .main-footer__social-icon a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: rgb(23, 23, 32);
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ehiapp-white, #fff);
        margin-right: 10px;
        transition: all 500ms ease;
    }

        .main-footer__social-icon a:hover {
            background-color: var(--ehiapp-secondary, #005526);
        }

.main-footer__navmenu-title h5 {
    color: var(--ehiapp-white, #fff);
    padding-bottom: 25px;
}

.main-footer__nammenu-list ul li {
    list-style: none;
    line-height: 36px;
}


    .main-footer__nammenu-list ul li a {
        list-style: none;
        color: var(--ehiapp-text-two, #9090a4);
        background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
        transition: all 500ms ease;
        font-weight: 300;
        font-size: 16px;
    }

        .main-footer__nammenu-list ul li a:hover {
            color: var(--ehiapp-secondary, #005526);
            background-size: 100% 1px;
        }

.main-footer__newsletter {
    background-color: rgb(40, 40, 53);
    padding: 50px;
}

    .main-footer__newsletter h3 {
        color: var(--ehiapp-white, #fff);
        font-size: 18px;
        font-weight: 600;
        padding-bottom: 20px;
    }

    .main-footer__newsletter p {
        color: var(--ehiapp-text-two, #9090a4);
        font-size: 15px;
        font-weight: 300;
        line-height: 26px;
    }

.main-footer__input {
    padding-top: 20px;
    position: relative;
}

    .main-footer__input input {
        width: 100%;
        height: 60px;
        padding: 10px 0;
        padding-left: 25px;
        outline: none;
        border: none;
        color: var(--ehiapp-text, #848493);
    }

.main-footer__icon {
    position: absolute;
    top: 41%;
    right: 20px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ehiapp-primary, #58aec0);
    color: var(--ehiapp-white, #fff);
}

    .main-footer__icon i {
        font-size: 12px;
    }


.main-footer__bottom {
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #004709;
}

.main-footer__bottom__inner {
    padding: 5px;
}

.main-footer__copyright {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    color: #fff0b3;
}

.footer--two {
    margin-top: -120px;
    z-index: 0;
    position: relative;
}

.footer--three {
    padding-top: 100px;
}

/* about-page footer */

.page-footer {
    padding-top: 100px;
}

/*******New**********/
.jhlogo {
    width: 100px;
}

.cmlogo {
    width: 100px;
    height: 100px;
}

.sitetitle {
    font-size: 21px;
    font-family: inherit;
    color: #fff;
    /* letter-spacing: -1px; */
    font-weight: 600;
    line-height: 1.3;
}

.deptname {
    font-size: 16px;
    color: #fff;
    color: #f9ff00;
    font-weight: 600;
}

.sitetitlehn {
    font-size: 24px;
    font-family: inherit;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.3;
}

.main-menu .main-menu__list li ul {
    position: absolute;
    top: 100%;
    left: -25px;
    min-width: 270px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transform-origin: top center;
    transform: scaleY(0) translateZ(100px);
    transition: opacity 500ms ease, visibility 500ms ease, transform 700ms ease;
    z-index: 99;
    background-color: var(--ehiapp-white, #fff);
    box-shadow: 0px 10px 60px 0px rgba(255, 255, 255, 0.7);
    padding: 0px 1px 0px;
}

.main-header__inner {
    background-color: #0e5353;
}

.main-menu .main-menu__list > li > a {
    color: #ffffffde;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

.main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a {
    color: #00ffd8;
    text-shadow: 0 0 0.5px currentColor;
}

.sticky-header--cloned .main-header__wrappper {
    background-color: #0e5353;
}

.hero-slider-one__title {
    font-size: 40px;
    /* letter-spacing: -1px; */
    line-height: 50px;
}

.categories-one__cart {
    height: 120px;
}

.main-footer__bottom__inner {
    padding: 14.5px 0;
}

.sec-title__title {
    font-size: 38px;
}

.section-space-top {
    padding-top: var(--section-space, 30px);
}

.subscribe {
    padding-top: 50px;
}

.subscribe__list li {
    font-weight: 500;
    padding: 1px;
    font-size: 17px;
    color: var(--ehiapp-heading-text, #21212d);
    text-align: justify;
}

.main-footer {
    /*position: fixed;*/
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
}

#nikshayHomepageContainer {
    /*background: url(/assets/images/landing-bg.jpg) center center no-repeat;*/
    background-size: cover;
    min-width: 100%;
    height: 100%;
    min-height: 100vh;
    /* margin-left: -15px;
    margin-right: -15px;*/
}

.depart_name {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #014343;
    /* cursor: pointer; */
    margin-bottom: 5px;
}

.accordion-button {
    padding: 10px 18px;
    background: #f1f8e9;
    color: #2e7d32;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
    font-weight: 600;
    border-left: 4px solid #43a047;
    font-size: 14px;
    /*background-color: #11cdef;*/
}

.accordion-body {
    padding: 10px;
    max-height: 151px;
    overflow-y: scroll;
}

.list-group-item {
    padding: 5px;
}

.section-authentication-signin .col-md-3 {
    max-height: 360px;
    overflow: hidden;
}

.hide-scrollbar {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    .hide-scrollbar:hover::-webkit-scrollbar {
        display: block;
    }

.card {
    background: #ffffff47;
}

.card-header {
    padding: 0 15px;
}

.list-group {
    background: #ff000000;
}

.card.radius-10 .card-body {
    padding: 5px 10px;
}

    .card.radius-10 .card-body .widgets-icons {
        width: 36px;
        height: 36px;
    }

.list-group-item {
    background-color: #ffffff00;
}

.bg-warning {
    background-color: #fff884 !important;
}

@media screen and (min-width:240px) and (max-width:766px) {
    .jhlogo {
        width: 80px;
    }

    .sitetitle {
        font-size: 17px;
        font-family: inherit;
        color: #fff;
        /* letter-spacing: -1px; */
        font-weight: 600;
        line-height: 1.3;
        margin-left: 10px;
    }

    .sitetitlehn {
        font-size: 20px;
        font-family: inherit;
        color: #fff;
        letter-spacing: 1px;
        font-weight: 600;
        line-height: 1;
        margin-left: 10px;
    }

    .main-header__logo {
        padding-right: 0px;
    }

    .mobile-nav__btn span {
        width: 100%;
        height: 2px;
        background-color: #ffffff;
    }

    .tab--two .tab-content > .active {
        height: auto;
    }

    .main-footer__copyright {
        font-size: 11px;
    }

    .main-footer__bottom__inner {
        padding: 8.5px 0;
    }

    .section-authentication-signin .col-md-3 {
        max-height: 398px;
        padding-bottom: 50px;
    }
}

.features-one i {
    font-size: 60px;
    margin-right: 10px;
    color: white;
}

.main-tab__wrapper .nav {
    padding: 0;
    margin: 0;
}

.main-tab.tab--two {
    padding: 10px;
    background: #0e535314;
    border-radius: 10px;
}

.features-one__avater__heading {
    font-size: 20px;
    font-weight: 400;
    line-height: 34px;
    text-align: justify;
}

p {
    /*text-align: justify;*/
    font-size: 17px;
}

.sec-title__title {
    font-size: 24px;
}

@media (min-width: 1200px) {
    .h4, h4 {
        font-size: 1.2rem;
    }
}

.about-one__text {
    font-size: 17px;
}

.icon-office:before {
    content: "\e903";
}

.openExtLink {
    cursor: pointer;
}

.topbar__wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-cta__title h3 {
    font-size: 26px;
}

@media screen and (min-width:240px) and (max-width:660px) {
    .container-fluid {
        width: 100%;
    }


    .topbar.topbar--one .container-fluid {
        padding: 5px 5px;
    }

    .ehimobilemenu {
        margin-top: 10px;
    }

        .ehimobilemenu .jhlogo {
            width: 50px;
        }

        .ehimobilemenu .ms-3 {
            margin-left: 0px !important;
        }

        .ehimobilemenu .sitetitlehn {
            font-size: 18px;
        }

        .ehimobilemenu .sitetitle {
            font-size: 14px;
        }

        .ehimobilemenu .deptname {
            font-size: 11px !important;
        }

    .topbar--one .topbar__right {
        display: flex;
        justify-content: space-between;
    }

    .cmlogo {
        width: 50px;
        height: 50px;
    }

    .topbar__infu__icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .topbar__infu__text {
        display: flex;
        align-items: center;
    }

    .topbar__infu {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .topbar__infu__text span {
        font-size: 14px;
        margin-bottom: 0px;
        line-height: 10px;
        margin-top: 5px;
    }

    .topbar__infu__text .topbar__contact {
        font-size: 10px;
        font-size: 12px;
        margin-top: 10px;
    }

    .ehimobilemenu .text-center.ms-5 {
        margin: 0 !important;
    }

        .ehimobilemenu .text-center.ms-5 .topbar__infu__text span {
            font-size: 14px;
            line-height: 14px;
        }

    .pr-22 {
        padding-right: 10px;
    }

    .m-text1 {
        padding: 12px 15px !important;
        gap: 0px !important;
    }

        .m-text1 p {
            font-size: 15px;
        }
}

@media screen and (min-width:960px) and (max-width:1441px) {
    .jhlogo {
        width: 90px;
    }

    ms-3 {
        margin-left: 0.5rem !important;
    }

    .sitetitlehn {
        font-size: 23px;
    }

    .sitetitle {
        font-size: 20px;
    }

    .deptname {
        font-size: 15px !important;
    }

    .topbar--one .topbar__right {
        display: flex;
        justify-content: space-between;
    }

    .cmlogo {
        width: 80px;
        height: 80px;
    }

    .topbar__infu__icon {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    .topbar__infu__text {
        display: flex;
        /* align-items: center;*/
    }

    @media screen and (min-width: 960px) and (max-width: 1441px) {
        .topbar_infu_text {
            display: flex;
            /*align-items: flex-start; */
        }
    }




    .topbar__infu__text span {
        font-size: 17px;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .topbar__infu__text .topbar__contact {
        font-size: 13px;
    }

    .text-center.ms-5 {
        margin: 1.5rem !important;
    }

        .text-center.ms-5 .topbar__infu__text span {
            font-size: 16px;
            line-height: 24px;
        }

    .pr-22 {
        padding-right: 10px;
    }
}

@media screen and (min-width:1200px) and (max-width:1366px) {
    .h4, h4 {
        font-size: 1.2rem;
    }

    .jhlogo {
        width: 70px;
    }

    .sitetitlehn {
        font-size: 20px;
    }

    .sitetitle {
        font-size: 17px;
    }

    .deptname {
        font-size: 12px !important;
    }

    .topbar__infu__icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
    }

    .cmlogo {
        width: 60px;
        height: 60px;
    }

    .main-menu .main-menu__list > li > a {
        color: #ffffffde;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

    .main-header__user-profile__text {
        font-size: 15px;
    }

    p {
        /*text-align: justify;*/
        font-size: 15px;
    }

    .features-one__avater__heading {
        font-size: 16px;
        font-weight: 400;
        line-height: 34px;
        text-align: justify;
    }

    .categories-one__cart__text {
        font-size: 16px;
    }

    .about-one__text {
        font-size: 16px;
    }

    .main-menu .main-menu__list > li + li {
        margin-left: 20px;
    }

    .topbar__infu__text {
        display: flex;
        align-items: flex-start;
    }

    .subscribe__list li {
        font-size: 16px;
    }
}

/* ============================================
   ENHANCED CARD HEADER STYLES 
   ============================================ */

/* Make card headers more presentable */
.fixed-dashboard-card .card-header {
    background: linear-gradient(135deg, #f0f0f0 0%, #f7f7f7 100%);
    color: #037600;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 20px;
    /* border-bottom: 3px solid #00ffd8;
    border-radius: 0;*/
}

    .fixed-dashboard-card .card-header p {
        margin-bottom: 0;
       /* font-weight: 600;
        color: #ffffff;*/
    }

    .fixed-dashboard-card .card-header i {
        margin-right: 8px;
        color: #007c0b;
        font-size: 18px;
    }

/* Adjust card heights to fit viewport without scrolling */
.fixed-dashboard-card {
    display: flex;
    flex-direction: column;
    /*height: calc(100vh - 280px);*/ /* Adjusted for header and footer */
    /*min-height: 500px;*/
}

    .fixed-dashboard-card .card-body {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 1.25rem;
    }

/* Hide scrollbar but keep functionality */
.hide-scrollbar::-webkit-scrollbar {
    width: 6px;
}

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

.hide-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(14, 83, 83, 0.3);
    border-radius: 10px;
}

    .hide-scrollbar::-webkit-scrollbar-thumb:hover {
        background: rgba(14, 83, 83, 0.5);
    }


/* Responsive adjustments */
@media (max-width: 991px) {
    .fixed-dashboard-card {
        height: auto;
        min-height: 400px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .fixed-dashboard-card {
        /*height: calc(100vh - 260px);*/
    }
}

@media (min-width: 1400px) {
    .fixed-dashboard-card {
        /*height: calc(100vh - 240px);*/
    }
}