﻿
* {
    scrollbar-color: #240046 #FFF8DB;
    scrollbar-width: thin;
    scroll-behavior: smooth !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.footer {
    background: #240046 !important;
}
.text-gray {
    color: #D9D9D9;
}
.footer-title::before {
    background: #FFD000;
}

.testimonialWrap {
    background: #FFFCF0;
    padding: 30px;
    border-radius: 15px;
    height: 100%;
}

    .testimonialWrap p{
        font-size:20px; 
    }
    h2 {
        font-size: 35px;
        letter-spacing: 2px;
    }
.workshopHeader .NewBtn_yellow{
    font-size:18px;
}

h1.banner-heading {
    font-size: 95px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.banner-section h2 {
    font-size: 70px;
    font-weight: 300 !important;
    font-style: italic !important;
    margin-bottom: 20px;
}
.banner-section p {
    margin-bottom: 20px;
    font-size: 25px;
}
.full-width-yellow-btn {
    background: #FFD000;
    color: #240046 !important;
    padding: 10px 20px;
    border-radius: 15px;
    width: 100%;
    display: inline-block;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-weight:600;
}
.cta_sec h3 {
    font-size: 30px;
}

.cta_sec h2 {
    font-size: 40px;
    font-weight: normal;
}

p {
    font-size: 25px;
}

.footer-about-content > p, .copyright-text p{
    font-size: 14px;
}



.text-yellow {
   color: #FFD000;
}
.text-navy-blue {
    color: #240046;
}
.border-bottom-yellow{
    position:relative;
}
    .border-bottom-yellow::after {
        content: "";
        height: 20px;
        background-color: #FFD000;
        position: absolute;
        width: 100%;
        bottom: 10px;
        left: 0px;
        z-index: -1;
    }



.ws_header h3 {
    letter-spacing: 2px;
}

.timingFlexSec > .prcSec:first-child {
    margin-right: 10px;
}

.header {
    display: none;
}

.ws_bannerImg {
    object-fit: cover;
}

.workshopHeader {
    background: #FFFCF0;
}

.ws_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}



.ws_feature {
    text-align: center;
}

    .ws_feature h3 {
        margin-bottom: 10px;
        color: #FFD000;
        /*        -webkit-text-stroke: 1px #FFD000;
        -webkit-text-fill-color: transparent;*/
        font-size: 40px;
    }

    .ws_feature > span {
        font-size: 12px;
        color: #240046;
        font-weight: 600;
    }

.ws_subTitle {
    font-weight: 600;
    color: #240046;
    font-size: 14px;
}

.prcSec {
    border: 2px solid #240046;
    border-radius: 5px;
    padding: 5px 14px;
    font-weight: 600;
    font-size: 14px;
}

.cta_sec .prcSec {
    border: 2px solid #FFD000;
}

.ws_inst_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    position: relative;
    left: 50px;
}


    .ws_inst_sec > div {
        height: max-content;
    }

.abt_inst {
    border-radius: 10px;
    padding: 50px;
}

    .abt_inst > div {
        padding-right: 120px;
    }

    .abt_inst p {
        margin-bottom: 0px;
    }

.img_inst {
    border-radius: 100%;
    border: 5px solid #FFD000;
    padding: 5px;
    min-width: 450px;
    min-height: 450px;
    position: relative;
    right: 100px;
}

.toc_content {
    background: #FFD000;
    border-radius: 5px;
    box-shadow: 2px 3px 0px 0px rgba(0,0,0,0.3);
    padding: 20px 20px;
    text-align: center;
}

.toc_wrap {
    position: relative;
    margin-bottom: 20px;
}

    .toc_wrap.left .toc_no {
        position: absolute;
        left: -20px;
        height: 100%;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .toc_wrap.right .toc_no {
        position: absolute;
        right: -20px;
        bottom: 0px;
        height: 100%;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }



.toc_no h3 {
    -webkit-text-stroke: 1px #240046;
    -webkit-text-fill-color: transparent;
    margin: 0px;
    font-size: 50px;
    font-family: poppins, sans-serif;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.pr-20 {
    padding-right: 20px;
}

.pl-20 {
    padding-left: 20px;
}

.useCaseWrap {
    margin-bottom: 20px;
    color: #240046;
    border: 1px solid #240046;
    padding: 20px 0px;
    text-align: center;
    background: #fff;
}

    .useCaseWrap h3 {
        font-size: 16px !important;
        margin-bottom: 0px;
        font-weight: 600 !important;
        color: #240046;
    }

.course-card .cou-title a {
    box-shadow: 2px 3px 0px 0px rgba(0,0,0,0.3);
    background: #fff;
}

.ws_testimonial_wrap {
    margin-bottom: 20px;
    color: #240046;
    border: 1px solid #240046;
    padding: 30px;
    text-align: left;
    background: #fff;
}

    .ws_testimonial_wrap .ws_title {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .ws_testimonial_wrap .ws_title h4 {
            margin-bottom: 0px;
        }

        .ws_testimonial_wrap .ws_title img {
            height: 50px;
            width: 50px;
            margin-right: 20px;
            border-radius: 100%;
        }

.overflow_carousel_wrap {
    width: 120%;
    position: relative;
    right: 10%;
}

.ws_sec_pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ws_video .plyr__video-wrapper {
    border-radius: 10px;
    box-shadow: 5px 5px 0px 0px rgba(255,208,0,1);
}

.hide-img-mob {
    display: flex;
}

.hide-img-desk {
    display: none;
}

.NewBtn_yellow:hover {
    color: #240046 !important;
}

.NewBtn_blue:hover {
    color: #fff !important;
}

.planBtn {
    border: 2px solid #FFD000;
    border-radius: 5px;
    text-align: center;
    color: #FFD000;
    width: 100%;
    padding: 10px;
    background-color: transparent;
    font-size: 20px;
    margin-bottom: 30px;
}

    .planBtn.active {
        background: #FFD000;
        color: #240046;
    }

    .planBtn:hover {
        background: #FFD000;
        color: #240046;
    }

.priceWrap {
    border: 2px solid #FFD000;
    border-radius: 5px;
    text-align: center;
    color: #FFD000;
    cursor: pointer;
    margin-bottom:30px;
}

    .priceWrap h3 {
        color: #FFD000;
    }

    .priceWrap .priceFooter {
        background: #FFD000;
        color: #240046;
    }

        .priceWrap .priceFooter span {
            /*font-family: "Righteous", sans-serif;*/
            font-family: poppins, sans-serif;
            display: inline-block;
            padding: 5px;
            font-size: 14px;
            font-weight: 600;
        }

    .priceWrap .priceBody {
        padding: 30px 0;
    }

        .priceWrap .priceBody span {
            display: inline-block;
            margin-bottom: 10px;
        }

    .priceWrap.active {
        border: 2px solid #fff;
        border-radius: 5px;
    }

        .priceWrap.active .priceBody {
            background: #FFD000;
            color: #240046;
        }

            .priceWrap.active .priceBody h3 {
                color: #240046;
            }

        .priceWrap.active .priceFooter {
            background: #fff;
        }

    .priceWrap:hover {
        border: 2px solid #fff;
        border-radius: 5px;
    }

        .priceWrap:hover .priceBody {
            background: #FFD000;
            color: #240046;
        }

            .priceWrap:hover .priceBody h3 {
                color: #240046;
            }

        .priceWrap:hover .priceFooter {
            background: #fff;
        }



.priceSec {
    background: #fff;
    color: #240046;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
}

    .priceSec h5 {
        margin-bottom: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0.5rem;
    }

    .priceSec span {
        font-size: 10px;
        color: #24004680;
    }



.planWrap {
    padding: 25px;
    border-radius: 10px;
    text-align: center;
    margin-bottom:30px;
}

    .planWrap.white {
        border: 2px solid #240046;
    }

    .planWrap button {
        width: 80%;
        margin: auto;
    }

    .planWrap.white .NewMemPlanBtn {
        opacity: 0;
    }

.NewMemPlanBtn {
    background: #ffffff;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    color: #240046;
    font-size: 14px;
    font-weight: 600;
    border: unset;
}

.memWrap {
    display: none;
}

    .memWrap.active {
        display: block;
    }

.contentSec{
    margin-bottom:30px; 
    margin-top:30px;
}

.planWrap.dark_blue_bg .contentSec p{
    color:#FFD000;
}

    @media (min-width:1199px) {
        .ws_container {
            padding: 0 100px !important;
        }

        .ws_video {
            width: 100%;
            min-height: 350px;
        }


    }

    @media (max-width:1199px) {
        .mb-sm-30 {
            margin-bottom: 30px;
        }

        .ws_container {
            padding: 0 50px !important;
        }

        .ws_video {
            width: 100%;
            min-height: 350px;
        }

        h1.banner-heading {
            font-size: 60px;
        }

        .banner-section h2 {
            font-size: 45px;
        }
        .mb-sm-50 {
            margin-bottom: 50px !important;
        }

        .mt-sm-50 {
            margin-top: 50px !important;
        }
    }

    @media(max-width:767px) {
        .hide-img-mob {
            display: none;
        }

        .hide-img-desk {
            display: block;
        }

        h1 {
            font-size: 25px;
        }

        h2 {
            font-size: 24px;
        }

        p {
            font-size: 16px;
        }

        .ws_feature h3 {
            font-size: 30px;
            margin-bottom: 0px;
        }

        .cta_sec h3 {
            font-size: 25px;
        }

        .cta_sec h2 {
            font-size: 30px;
        }

        .prcSec {
            font-size: 8px;
            padding: 5px 5px;
        }

        .cta_sec .prcSec {
            font-size: 8px;
            padding: 5px 5px;
        }

        .prcSec {
            font-size: 10px;
        }

        .cta_sec .ws_subTitle {
            margin-top: 15px;
        }

        .ws_testimonial_wrap {
            padding: 20px;
        }

        .NewBtn_blue, .NewBtn_yellow {
            font-size: 12px;
        }

        .toc_sec .ws_container {
            padding: 0 25px !important;
        }

        .ws_feature > span {
            font-size: 10px;
        }

        .ws_video {
            width: 100%;
            min-height: 200px !important;
        }

        .ws_container {
            padding: 0 15px !important;
        }

        .ws_sec_pad {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .overflow_carousel_wrap {
            width: 100%;
            position: static;
            right: 0%;
        }

            .overflow_carousel_wrap .ws_testimonial_wrap {
                margin: 20px;
            }

        .cta_sec .p-5 {
            padding: 15px !important;
        }

        .toc_sec .pr-20, .toc_sec .pl-20 {
            padding-right: 20px !important;
            padding-left: 20px !important;
        }

        .ws_header h3 {
            display: none;
        }

        .abt_inst > div {
            padding-right: unset;
            padding-top: 170px;
        }

        .ws_inst_sec {
            position: relative;
            top: -85px;
            display: block;
            right: 0px;
            left: 0px;
        }

        .ws_sec_pad.ws_instructor {
            padding: 0px !important;
        }

        .ws_sec_pad.toc_sec {
            padding-top: 0px !important;
        }

        .abt_inst {
            padding: 25px;
        }

        .img_inst {
            position: relative;
            min-width: 250px;
            min-height: 250px;
            bottom: -170px;
            right: 0px;
        }

        .priceSec span {
            font-size: 8px;
        }

        h1.banner-heading {
            font-size: 45px;
        }

        .banner-section h2 {
            font-size: 30px;
        }
        p {
            font-size: 18px;
        }
        .banner-section p {
            font-size: 18px;
        }
        .banner-section .contentSec{
            padding:20px;
        }
        .border-bottom-yellow::after{
            height:10px;
            bottom:5px;
        }
        .full-width-yellow-btn{
            font-size:16px !important;
        }
        .workshopHeader .NewBtn_yellow{
            font-size:12px !important;
        }
    }

    @media(min-width:767px) and (max-width:1199px) {

        .overflow_carousel_wrap {
            width: 100%;
            position: static;
            right: 0%;
        }

            .overflow_carousel_wrap .ws_testimonial_wrap {
                margin: 20px;
            }

        .abt_inst > div {
            padding-right: 100px;
        }

        .ws_inst_sec {
            left: 75px;
        }

        .abt_inst {
            padding: 25px;
        }

        .img_inst {
            min-width: 250px;
            min-height: 250px;
            right: 125px;
        }

        .toc_sec .pr-20, .toc_sec .pl-20 {
            padding-right: 30px !important;
            padding-left: 30px !important;
        }
    }
