.home-3 {
    background: linear-gradient(180deg, #c2fbff 0%, rgba(255, 255, 255, 0) 93.47%);
}
.hero-section {
    position: relative;
 
}

.hero-single {
    padding-top: 180px;
    padding-bottom: 180px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

    .hero-single::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: -.5px;
        top: 0;
        background: var(--hero-overlay-color);
        opacity: .7;
        z-index: -1
    }

    .hero-single .hero-content {
        height: 100%
    }

        .hero-single .hero-content .hero-title {
            color: var(--color-black);
            font-size: 60px;
            font-weight: 800;
            margin: 20px 0;
            text-transform: uppercase
        }

            .hero-single .hero-content .hero-title span {
                color: var(--color-black)
            }

        .hero-single .hero-content .hero-sub-title {
            display: inline-block;
            color: var(--theme-color);
            font-size: 25px;
            letter-spacing: 6px;
            font-weight: 800;
            position: relative;
            text-transform: uppercase
        }

        .hero-single .hero-content p {
            color: var( --color-black);
            line-height: 30px;
            font-weight: 400;
            margin-bottom: 20px
        }

        .hero-single .hero-content .hero-btn {
            gap: 1rem;
            display: flex;
            margin-top: 35px;
            justify-content: start
        }

.hero-slider.owl-theme .owl-nav {
    margin-top: 0
}

    .hero-slider.owl-theme .owl-nav [class*=owl-] {
        color: var(--color-white);
        font-size: 25px;
        margin: 0;
        padding: 0;
        background: var(--slider-arrow-bg);
        display: inline-block;
        cursor: pointer;
        height: 60px;
        width: 60px;
        line-height: 60px;
        border-radius: 50px;
        text-align: center;
        transition: var(--transition)
    }

        .hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
            background: var(--color-white);
            color: var(--theme-color)
        }

    .hero-slider.owl-theme .owl-nav .owl-prev {
        left: 40px
    }

    .hero-slider.owl-theme .owl-nav .owl-next {
        right: 40px
    }

    .hero-slider.owl-theme .owl-nav .owl-prev, .hero-slider.owl-theme .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        transform: translate(0,-50%)
    }

@media all and (max-width: 1199px) {
    .hero-single .hero-content .hero-title {
        font-size: 37px
    }

    .hero-slider.owl-theme .owl-nav .owl-prev, .hero-slider.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 70px !important
    }

    .hero-slider.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px
    }

    .hero-slider.owl-theme .owl-nav .owl-next {
        right: 40px
    }
}

@media all and (max-width: 991px) {
    .hero-single .hero-content .hero-title {
        font-size: 50px
    }
}

@media all and (max-width: 767px) {
    .hero-single .hero-content .hero-sub-title {
        font-size: 18px
    }

    .hero-single .hero-content .hero-btn {
        gap: 1rem
    }
}


/*************/
counter-area {
    position: relative;
    z-index: 2
}
.counter-title{
    margin-bottom:1rem;
}
    .counter-title p {
        color: var(--color-black);
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 20px;
    }

.counter-wrapper {
    /*background-image: url(../image/shape-3.png);*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: -150px;
    border-radius: 30px;
    box-shadow: var(--box-shadow)
}

.counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    position: relative;
    z-index: 1
}

    .counter-box .icon {
        position: relative;
        text-align: center;
        font-size: 60px;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        line-height: 100px;
        color: var(--color-white);
        border: 5px solid var(--color-white);
        background: var(--theme-color);
        z-index: 1
    }

        .counter-box .icon img {
            width: 70px
        }

    .counter-box .counter {
        display: block;
        line-height: 1;
        color: var( --color-black);
        font-size: 50px;
        font-weight: 600
    }

    .counter-box .title {
        color: var( --color-black);
        margin-top: 20px;
        font-size: 20px;
        font-weight: 600;
        text-transform: capitalize
    }

@media all and (max-width: 991px) {
    .counter-area .counter-box {
        margin: 40px 0
    }
}

/**********/

.choose-area {
    position: relative;
    /*background: var(--color-dark);*/
    z-index: 1
}

    .choose-area::before {
        content: "";
        position: absolute;
        background-image: url(../../../JK/image/shape-6.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: .04;
        z-index: -1
    }

.choose-item {
    display: flex;
    gap: 15px;
    position: relative;
    background: var(--color-white);
    border-radius: 25px;
    margin-bottom: 25px;
    padding: 20px;
    box-shadow: var(--box-shadow);
    z-index: 1
}

.choose-count {
    position: absolute;
    right: 20px;
    top: -10px;
    font-size: 50px;
    font-weight: 800;
    -webkit-text-stroke: 1px var(--theme-color);
    -webkit-text-fill-color: transparent;
    z-index: -1
}
.count_left_top {
    /* position: absolute;
    top: -10px;
    padding-right: 1rem;
    font-size: 50px;
    font-weight: 800;
    -webkit-text-stroke: 1px var(--theme-color);
    -webkit-text-fill-color: transparent;*/
    /* z-index: -1*/
}


.choose-item-icon {
    width: 90px;
    height: 90px;
    line-height: 80px;
    background: var(--theme-color);
    color: var(--color-white);
    font-size: 45px;
    border-radius: 50px;
    margin-bottom: 15px;
    text-align: center
}

    .choose-item-icon img {
        width: 55px
    }

.choose-item-info {
    flex: 1
}

    .choose-item-info h3 {
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: 600
    }

.cha-2 {
    padding-top: 350px
}

@media all and (max-width: 991px) {
    .choose-content-wrapper {
        margin-top: 40px
    }
}

@media all and (max-width: 767px) {
    .choose-item {
        flex-direction: column
    }
}
.itemlingh{
    height:300px;
}