.js-image-zoom__zoomed-image {
        z-index: 99;
        right: 0px !important;
        left: 10px !important
    }

    .js-image-zoom__zoomed-area {
        opacity: 0 !important;
    }

    .feedback-description {
        min-height: 110px
    }

    .countent_detail_meta {
        display: table;
        width: 100%;
        padding: 15px 0;
        margin: 15px 0px;
        border-top: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
    }

    

    .details-section .other-images img {
        width: 20%;
        margin-right: 4%;
        margin-top: 20px;
    }

    .slideshow-items {
        width: 500px;
    }

    .slideshow-thumbnails {
        width: 100px;
    }

    #slideshow-items-container {
        display: inline-block;
        position: relative;
    }

    #lens {
        background-color: rgba(233, 233, 233, 0.4)
    }

    #lens,
    #result {
        position: absolute;
        display: none;
        z-index: 1;
    }

    .slideshow-items {
        display: none;
    }

    .slideshow-items.active {
        display: block;
    }

    .slideshow-thumbnails {
        opacity: 0.5;
        margin-right: 15px;
    }

    .slideshow-thumbnails.active {
        opacity: 1;
    }

    #lens,
    .slideshow-items,
    .slideshow-thumbnails,
    #result {
        border: solid var(--light-grey-2) 1px;
    }

    .short-desc p {
        text-align: justify;
    }

    .short-desc ul {
        list-style-type: none
    }

    .cart_extra {
        margin-bottom: 15px;
        display: initial;
    }

    .sidebar ul {
        list-style: none;
        height: 430px;
        overflow-y: scroll;
        width: 100%;
    }

    /* width */
    .course_details ::-webkit-scrollbar {
        width: 1px;
        margin-left: 2px;
    }

    /* Track */
    .course_details ::-webkit-scrollbar-track {
        background: #45B649;
    }

    /* Handle */
    .course_details ::-webkit-scrollbar-thumb {
        background: #45B649;
    }

    /* Handle on hover */
    .course_details ::-webkit-scrollbar-thumb:hover {
        background: #45B649;
    }

    .sticky-area {
        position: sticky;
        top: 100px;
        background-color: white;
        z-index: 88;
        padding: 5px 0px;
    }

    .course_details .widget_categories ul li,
    .course_details .widget_archive ul li {
        padding-bottom: 8px;
        margin-right: 10px;
    }

    .package-active {
        background-color: green !important;
        color: white !important;
    }

    .py70 {
        padding: 70px 0px;
    }

    #result {
        z-index: 9999;
    }

    .btnn-gruop .btn {
        padding: 10px 20px !important
    }

    .swal2-styled.swal2-confirm {
        background-color: green
    }

    .is_wish {
        color: white;
        background: green;
        padding: 6px;
        border-radius: 50px;
    }

   

                        .effective-price-unit {
                            color: green;
                            font-weight: bold
                        }

                        .save-block p { font-size: 13px; margin-bottom: 0px }

                        .course-details-section { background-color: #FFF5EC ; margin-top: 0px}
    .course-details-section.breadcrumb-item {
        font-weight: 600
    }

    .breadcrumb li a, .breadcrumb li{font-weight:500}

    .course-details-section .product_title {
        position: relative;
    }

    .course-details-section ol.breadcrumb {
        margin-bottom: 30px;
    }

    .course-details-section .breadcrumb-item.active {
        color: #159F49
    }

    .course-details-section .sticky-area .like {
        position: absolute;
        right: 0;
        top: 10px;
    }

    .course-details-section .rate-n-time {
        display: flex;
        display: relative;
        margin-top: 30px
    }

    .course-details-section .rate-n-time .fa.fa-click {
        color: #34638e
    }

    .course-details-section .rate-n-time .classes_time {
        position: absolute;
        right: 15px;
        color: #34638e;
        font-weight: 600;
    }

    .course-details-section .fa.fa-star,
    .course-details-section .fa.fa-pencil {
        font-size: 11px
    }

    .course-details-section .sticky-area {
        background-color: initial
    }

    .course-details-section .image-container1 {
        position: relative;
        display: inline-block;
    }

    .course-details-section .image-container1 img {
        display: block;
        border: 2px solid #ccc;
        /* Add a border to the image */
        border-radius: 8px;
        /* Optional: Add rounded corners to the image */
    }

    .course-details-section .image-container1::before {
        content: "";
        position: absolute;
        top: -5px;
        right: -5px;
        width: 95%;
        height: 95%;
        border-top:
            5px solid #34638e;
        border-right: 4px solid rgb(21, 159, 74);
        border-right: 4px solid #34638e;
        border-radius: 0 8px 0 0;
    }

   

    .course-details-section .product_title.main-title {
        font-size: 45px;
        color: #2E2F2E
    }

    .course-details-section .welcome-content-box {
        position: relative;
        height: 500px
    }

    .course-details-section .welcome-content-box .short_description {
        color: black;
        text-align: justify;
        color: black;
        text-align: justify;
        min-height: 240px;
        margin-top:
            20px;
    }

    .course-details-section .review-about {
        display: flex
    }

    .course-details-section .review-about .reviews {
        font-size: 17px;
        margin-bottom: 0px;
        color: black
    }

    .course-details-section .review-about .fa-star {
        color: #34638e;
    }

    .course-details-section .review-about .review-count {
        font-size: 14px
    }

   .course-details-section  .techer-welcome-box {
                            display: flex;
                            align-items: center
                        }

    .course-details-section   .techer-welcome-box img {
                            width: 60px;
                            margin-right: 15px;
                            border-radius: 50%;
                        }

    .course-details-section    .techer-welcome-box .teacher-des h4 {
                            font-size: 17px;
                            color: black;
                        }

     .course-details-section                   .techer-welcome-box .teacher-des .teacher-name {
                            color: #34638e;
                            font-size: 18px;
                            font-weight: 600;
                        }

                          .section-padding {
        padding: 30px 0px;
    }

    

       .course-details-about-section {
        position: relative;
        background-color: #FFF6F1
    }

    .course-details-about-section video {
        width: 250px;
        height: 250px
    }

        .course-benefit-section .benefits ul {
        margin-left: 15px;
        list-style: none
    }

    .course-benefit-section .benefits li {
        margin-bottom: 0px;
        font-size: 14px;
    }

    .course-benefit-section .benefits ul li::before {
        content: "\2022";
        color: #34638e;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }

    .course-benefit-section .icon_box_style2 .box_icon {
        float: initial;
        background: #E26C26;
        color: white;
    }

    .course-benefit-section .icon_box {
        display: flex;
        align-items: center;
        padding: 0px
    }

    .course-benefit-section .box_icon {
        margin-bottom: initial;
        padding: 15px;
        border-radius: 50px;
    }

    .course-benefit-section .box_icon i {
        color: white !important
    }

    .course-benefit-section .icon_box_style1,
    .course-benefit-section .icon_box_style2 {
        background-color: initial;
        box-shadow: initial
    }

    .course-benefit-section .intro_desc h5 {
        margin-bottom: 0px;
        font-size: 20px;
        color: black;
    }

    .course-benefit-section .right-swe .icon_box {
        float: right
    }

    .related_products .product_img img {
        height: initial
    }

    .btn-white,
    .sub_heading,
    .text_default,
    .btn-outline-default {
        color: #34638e !important;
        text-transform: uppercase;
        font-size: 20px
    }

    .heading_s1 h1,
    .heading_s1 h2,
    .heading_s1 h3,
    .heading_s1 h4,
    .heading_s1 h5,
    .heading_s1 h6 {
        font-weight: initial;
        color: black
    }

    .heading_s1,
    .heading_s2 {
        margin-bottom: 30px;
    }

    .classes_schedule li {
        font-size: 16px;
        font-weight: 600;
        color: #E26C26;
        margin-bottom: 10px;
    }

    .price ins {
        color: #159F49
    }

    .ion-android-alarm-clock {
        color: #E26C26 !important
    }

    .product-yellow-border {
        border: 1px solid #34638e
    }

    .product_action_box .btn.btn-default {
        background-color: #34638e;
        border: #34638e
    }

    .buy-now-btn {
        background-color: #34638e;
        border: #34638e
    }

    .coach-section .image-container {
        position: relative;
        width: 100%;
        /* Adjust the width as per your requirement */
    }

    .sub-heading-border {
        width: 60px;
        height: 3px;
        background: #008000;
        margin-bottom: 5px;
    }

    .heading_s1 .sub-heading-border {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px
    }

    .coach-section .image-container {
        position: relative;
        display: inline-block;
    }

    .coach-section .image-container img {
        display: block;
        border: 2px solid #ccc;
        /* Add a border to the image */
        border-radius: 8px;
        /*
    Optional: Add rounded corners to the image */
    }

    .coach-section .image-container::before {
        content: "";
        position: absolute;
        top: -5px;
        right: -5px;
        width: 95%;
        height: 95%;
        border-top: 5px solid rgb(21, 159, 74);
        /* Add the top-right border */
        border-right: 5px solid rgb(21, 159, 74);
        /* Add the top-right border */
        border-radius: 0 8px 0 0;
        /* Optional: Add rounded corner to the top-right border */
    }

    .coach-section .coach-content .lists li { list-style: none; align-items: center; display: flex; } .coach-section
    .coach-content.lists li::before { content: "\2022"; /* Unicode for the bullet (•) symbol */ color: red; margin-right:
    10px; color: #34638e; font-size: 26px; } .coach-section .coach-content .coach-name{color: #34638e; font-size: 19px;
    margin-bottom: 10px;}