html {
    scroll-behavior: smooth;
}

.content-full-section .container {
    max-width: 1300px;
    padding: 0 14px;
}

.hero {
    background: url("/Content/images/wellness-banner.jpg") no-repeat;
    width: 100%;
    min-height: 520px;
    border-radius: 30px;
    padding: 60px 40px;
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    object-fit: cover;
    background-size: cover;
    /* background: red; */
}

.timer-box.sidebar ul li span {
    color: #fff300;
}

.hero-content {
    max-width: 920px;
}

.hero small {
    font-size: 18px;
    letter-spacing: 0.5px;
}

.hero h1 {
    font-size: 58px;
    margin: 15px 0;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
}

.hero .sub-line {
    font-size: 18px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero .btn {
    margin-top: 25px;
    background: #009A00;
    padding: 15px 35px;
    font-size: 18px;
    border-radius: 50px;
    color: white;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}

    .hero .btn:hover {
        background: #FF6600;
    }

@media(max-width:768px) {
    .hero {
        padding: 40px 20px;
        text-align: center;
    }

        .hero h1 {
            font-size: 32px;
        }

    .hero-content {
        max-width: 100%;
    }
    .card-number {
        right: 11px !important;
    }
    .pbmit-service_content.mt-5.mb-5.row {
        padding: 0 20px;
        margin-top: 0 !important;
    }
}
.content-full-section {
    background: #E9F0EC;
}

.sidebar {
    width: 100%;
}

.content {
    flex: 1;
}
/* Left Menu Box */
.menu-box {
    background: #fff;
    padding: 20px;
    border-radius: 18px;
}

    .menu-box h3 {
        margin-top: 0;
        font-weight: 600;
        font-size: 25px;
        color: #009A00;
    }

    .menu-box ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .menu-box ul li {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
            cursor: pointer;
            font-weight: 500;
            font-size: 16px;
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
        }

            .menu-box ul li a {
                color: #424242;
                display: block;
            }
.sidebar {
    width: 100%;
    position: sticky;
    top: 77px;
    padding-bottom: 30px;
}

                .menu-box ul li a i {
                    margin-right: 6px;
                    color: #009A00;
                }

            .menu-box ul li:last-child {
                border-bottom: 0;
            }
/* Right Event Timer Box */
.timer-box {
    background-color: #009A00;
    color: #fff;
    padding: 25px;
    border-radius: 20px;
    background-image: url("/Content/images/yoga-pattern-01.png");
}

.timer-grid {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 3px;
}

.timer-box p strong {
    color: #fff300;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

.timer-item {
    text-align: center;
    background: #fff;
    color: #3c8a67;
    padding: 11px;
    border-radius: 12px;
    font-size: 10px;
    width: 100%;
}

    .timer-item span {
        display: block;
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 5px;
    }

.btn-register span {
    background: #FF6600;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 11px;
    top: 8px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-weight: 600;
}
/* Register Button */
.btn-register {
    display: block;
    width: 100%;
    margin: 15px 0px;
    padding: 15px 27px;
    background: #fff;
    color: #FF6600;
    border: none;
    border-radius: 40px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
    text-align: left;
}

    .btn-register:hover {
        background: #FF6600;
        color: #ffffff;
    }

        .btn-register:hover span {
            background: #fff;
            color: green;
        }
/* Course List */
.course-box {
    background: #fff;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .course-box i {
        color: #009A00;
        font-size: 22px;
    }

.section-title {
    font-size: 28px;
    margin: 20px 0 10px;
}

h2.title-box {
    font-weight: 600;
    font-size: 27px;
}
/* Responsive */
@media(max-width:992px) {
    .container {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
    }
}

.time-section {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 9px;
}

    .time-section .d-flex {
        align-content: center;
        align-items: center;
        gap: 5px;
    }
.timer-box h3 {
    color: #fff;
    font-weight: 600;
}
.register-container .form-check input {
    margin-right: 10px;
    width: 20px;
}
h3.title-box-sidebar {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.timer-box.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

    .timer-box.sidebar ul li {
        display: flex;
        gap: 9px;
        line-height: 23px;
        padding: 6px 0px;
    }

.cards {
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
}

.card {
    background: #fff;
    padding: 19px 20px;
    border-radius: 22px;
    width: 31%;
    position: relative;
    min-width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    clip-path: polygon( 6.726% 0%,93.274% 0%,93.274% 0%,94.364% 0.14%,95.399% 0.545%,96.364% 1.192%,97.245% 2.061%,98.029% 3.129%,98.701% 4.373%,99.249% 5.772%,99.657% 7.303%,99.912% 8.945%,100% 10.676%,100% 61.278%,100% 61.278%,99.732% 65.983%,98.988% 69.483%,97.863% 71.995%,96.447% 73.739%,94.835% 74.934%,93.119% 75.798%,91.39% 76.552%,89.742% 77.413%,88.268% 78.601%,87.061% 80.335%,87.061% 80.335%,86.147% 82.63%,85.483% 85.137%,84.946% 87.749%,84.409% 90.359%,83.749% 92.86%,82.839% 95.146%,81.556% 97.11%,79.775% 98.644%,77.369% 99.643%,74.215% 100%,6.726% 100%,6.726% 100%,5.637% 99.861%,4.603% 99.457%,3.638% 98.811%,2.758% 97.944%,1.974% 96.879%,1.302% 95.638%,0.754% 94.241%,0.346% 92.712%,0.09% 91.071%,0% 89.342%,0% 10.676%,0% 10.676%,0.088% 8.945%,0.343% 7.303%,0.751% 5.772%,1.299% 4.373%,1.971% 3.129%,2.755% 2.061%,3.636% 1.192%,4.601% 0.545%,5.636% 0.14%,6.726% 0% );
    margin-bottom: 12px;
}

.icon {
    width: 70px;
    height: 70px;
    background: #f0f6f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 30px;
}

.card-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 1.3;
}

.card hr {
    margin: 8px 0;
}

.card p {
    font-size: 15px;
    line-height: 1.6;
}

.card-number {
    position: absolute;
    right: -5px;
    bottom: 10px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media(max-width: 900px) {
    .card {
        width: 48%;
    }
}

@media(max-width: 600px) {
    .card {
        width: 100%;
    }
}

.pbmit-animation-style7 img {
    border-radius: 30px;
}

ul.list-group.list-group-borderless.ul-bg .list-group-item {
    display: flex;
    font-size: inherit;
    align-items: center;
    padding-bottom: calc(0px/2);
    padding: 0;
    margin-bottom: 5px;
    color: var(--pbmit-blackish-color);
    position: relative;
    border: none;
    background: transparent;
    gap: 8px;
    line-height: 22px;
}

.faq-sections .faq-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.faq-sections .faq-box {
    background: #fff;
    border-radius: 20px;
    margin-bottom: 18px;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.3s ease;
}

    .faq-sections .faq-box.active {
        background: #009A00;
        color: #fff;
    }

.faq-sections .faq-question {
    padding: 22px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.faq-sections .faq-answer {
    padding: 0 30px 25px 30px;
    display: none;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

.faq-sections .faq-box.active .faq-answer {
    color: #fff;
}

.faq-sections .iconfaq {
    font-size: 22px;
    transition: 0.3s ease-in-out;
}

.faq-sections .faq-box.active .iconfaq {
    transform: rotate(180deg);
}

.testimonial {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3d5a80;
    color: #3d5a80;
}

.testimonial-slide {
    padding: 40px 20px;
}

.testimonial_box-top {
    background-color: #e0fbfc;
    padding: 30px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-shadow: 5px 5px 20px rgba(152, 193, 217, 0.493);
}

.testimonial_box-icon {
    padding: 10px 0;
}

    .testimonial_box-icon i {
        font-size: 25px;
        color: #14213d;
    }

.testimonial_box-text {
    padding: 10px 0;
}

    .testimonial_box-text p {
        color: #293241;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

.testimonial_box-img {
    padding: 20px 0 10px;
    display: flex;
    justify-content: center;
}

    .testimonial_box-img img {
        width: 70px;
        height: 70px;
        border-radius: 50px;
        border: 2px solid #e5e5e5;
    }

.testimonial_box-name {
    padding-top: 10px;
}

    .testimonial_box-name h4 {
        font-size: 20px;
        line-height: 25px;
        color: #293241;
        margin-bottom: 0;
    }

.testimonial_box-job p {
    color: #293241;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 0;
}


.testimonials-section {
    max-width: 100%;
    margin: auto;
    padding: 0;
    position: relative;
}

.heading-badge {
    display: inline-block;
    padding: 5px 18px;
    border: 2px solid #FF6600;
    border-radius: 20px;
    font-size: 13px;
    font-weight: bold;
    color: #FF6600;
    background: #fff;
}

.title {
    font-size: 27px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: 600;
}

.arrows {
    position: absolute;
    top: 20px;
    right: 10px;
    display: flex;
    gap: 10px;
}

    .arrows button {
        width: 45px;
        height: 45px;
        font-size: 20px;
        border: 1px solid #FF6600;
        background: #fff;
        cursor: pointer;
        border-radius: 8px;
        color: #FF6600;
    }

/* Testimonial Card */
.t-card {
    background: #fff;
    padding: 35px;
    border-radius: 35px;
    position: relative;
    min-height: 320px;
    margin: 0 10px;
    clip-path: polygon(6.726% 100%, 93.274% 100%, 93.274% 100%, 94.364% 99.896%, 95.399% 99.594%, 96.364% 99.111%, 97.245% 98.464%, 98.029% 97.668%, 98.701% 96.741%, 99.249% 95.698%, 99.657% 94.556%, 99.912% 93.332%, 100% 92.042%, 100% 28.912%, 100% 28.912%, 99.732% 25.399%, 98.988% 22.786%, 97.863% 20.91%, 96.447% 19.608%, 94.835% 18.717%, 93.119% 18.071%, 91.39% 17.508%, 89.742% 16.865%, 88.268% 15.977%, 87.061% 14.682%, 87.061% 14.682%, 86.147% 12.968%, 85.483% 11.096%, 84.946% 9.146%, 84.409% 7.198%, 83.749% 5.331%, 82.839% 3.624%, 81.556% 2.158%, 79.775% 1.012%, 77.369% 0.266%, 74.215% 0%, 6.726% 0%, 6.726% 0%, 5.636% 0.104%, 4.601% 0.406%, 3.636% 0.889%, 2.755% 1.536%, 1.971% 2.332%, 1.299% 3.259%, 0.751% 4.302%, 0.343% 5.444%, 0.088% 6.668%, 0% 7.958%, 0% 92.042%, 0% 92.042%, 0.088% 93.332%, 0.343% 94.556%, 0.751% 95.698%, 1.299% 96.741%, 1.971% 97.668%, 2.755% 98.464%, 3.636% 99.111%, 4.601% 99.594%, 5.636% 99.896%, 6.726% 100%);
}

.quote-badge {
    position: absolute;
    top: 14px;
    right: 58px;
    background: #FF6600;
    color: #fff;
    font-size: 26px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stars {
    color: #f4c430;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 22px;
}

.t-card p {
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
}

.client-info {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .client-info img {
        width: 55px;
        height: 55px;
        border-radius: 50%;
    }

    .client-info h4 {
        margin: 0;
        font-size: 18px;
    }

    .client-info span {
        font-size: 12px;
        letter-spacing: 1px;
        color: #777;
    }

/* Slick styling fixes */
.slick-slide {
    padding: 10px;
}




.hosts-section .tag {
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 14px;
    margin-bottom: 10px;
}



.hosts-section .hosts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.hosts-section .host-card {
    border-radius: 0px;
    padding: 0px;
    transition: 0.4s ease;
}


    .hosts-section .host-card:hover {
        transform: translateY(-10px);
    }


.hosts-section .host-img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

    .hosts-section .host-img img {
        width: 100%;
        border-radius: 20px;
        transition: 0.5s ease;
        clip-path: polygon(6.772% 0%, 93.228% 0%, 93.228% 0%, 94.326% .099%, 95.367% .386%, 96.339% .846%, 97.226% 1.463%, 98.016% 2.22%, 98.693% 3.103%, 99.244% 4.096%, 99.655% 5.182%, 99.911% 6.348%, 100% 7.576%, 100% 72.475%, 100% 72.475%, 99.73% 75.82%, 98.982% 78.307%, 97.848% 80.093%, 96.423% 81.332%, 94.8% 82.182%, 93.072% 82.796%, 91.332% 83.332%, 89.673% 83.944%, 88.189% 84.789%, 86.973% 86.023%, 86.973% 86.023%, 86.053% 87.654%, 85.385% 89.436%, 84.844% 91.292%, 84.304% 93.147%, 83.639% 94.925%, 82.723% 96.55%, 81.431% 97.945%, 79.638% 99.036%, 77.216% 99.746%, 74.041% 100%, 6.772% 100%, 6.772% 100%, 5.674% 99.901%, 4.633% 99.614%, 3.661% 99.154%, 2.774% 98.537%, 1.984% 97.78%, 1.307% 96.897%, .756% 95.904%, .345% 94.818%, .089% 93.652%, 0% 92.424%, 0% 7.576%, 0% 7.576%, .089% 6.348%, .345% 5.182%, .756% 4.096%, 1.307% 3.103%, 1.984% 2.22%, 2.774% 1.463%, 3.661% .846%, 4.633% .386%, 5.674% .099%, 6.772% 0%);
        height: 300px;
        object-fit: cover;
    }




.hosts-section .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 15px;
    background: #FF6600;
    color: #fff;
    font-size: 12px;
    border-radius: 20px;
    z-index: 5;
}


.hosts-section .arrow-btn {
    position: absolute;
    bottom: 10px;
    right: 2px;
    background: #FF6600;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    cursor: pointer;
    transition: 0.4s ease;
}

.hosts-section .host-card:hover .arrow-btn {
    transform: translateY(-5px);
    background: #222;
}
.hosts-section h3 {
    margin-top: 0px;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0;
}

.hosts-section .info {
    margin-top: 10px;
    font-size: 14px;
    color: #444;
    display: flex;
    gap: 20px;
}

.hosts-section .host-card p {
    margin-bottom: 6px;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

a.read-more-host {
    border: 2px solid #009A00;
    color: #009A00;
    padding: 7px 13px;
    border-radius: 40px;
    margin-top: 8px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

    a.read-more-host:hover {
        border: 2px solid #FF6600;
        color: #FF6600;
        background: #fff
    }


.register-container {
    background: #fff;
    padding: 32px;
    border-radius: 30px;
    max-width: 100%;
    margin: auto;
    margin-top: 42px;
    margin-bottom: 42px;
}

    .register-container h2 {
        font-size: 27px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .register-container .form-row {
        display: flex;
        gap: 30px;
        margin-bottom: 2px;
    }

    .register-container .form-group {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .register-container .form-group.full {
            margin-bottom: 20px;
        }

    .register-container .form-check label {
        margin: 0;
    }

    .register-container input, .register-container textarea {
        border: none;
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
        outline: none;
        font-size: 15px;
        background: transparent;
    }

    .register-container textarea {
        resize: none;
    }

    /* Checkbox */
    .register-container .form-check {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        font-size: 14px;
        color: #555;
    }

        .register-container .form-check input {
            margin-right: 10px;
        }

    /* Button */
    .register-container .submit-btn {
        background: #009A00;
        color: #fff;
        padding: 15px 40px;
        font-size: 15px;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: 0.3s ease;
    }

        .register-container .submit-btn:hover {
            background: #FF6600;
            transform: translateY(-2px);
        }

        .register-container .submit-btn span {
            font-size: 18px;
        }

/* Responsive */
@media(max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
}

.form-control:focus {
    outline: none;
    /* border: none !important; */
    box-shadow: none;
}