*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    width: 0.5rem;
    height:0.5rem;
}

/* ::-webkit-scrollbar-track {
    background: #FFF;
} */

::-webkit-scrollbar-thumb {
    background: #E3E3E3;
    border-radius: 10px;
}

/* Remove default focus style */
:focus {
    outline: 0;
}
:root{
    --Primary-blue : #034CAC;
    --Base-black : #231F20;
    --white : #fff;
    --Accent-Color : #FB411F;
}
 h1,h2,h3,h4,h5,h6,
 p,li,span,a{
    font-style: normal;
}
ul,ol{
    margin-bottom: 0;
}
/* span{
    font-family: Mulish;
} */

/* Blue button Styles */
.btn-primary{
    padding: 8px 16px;
    color: var(--white,#FFF);
    border-radius: 6px;
    border: 1px solid var(--Primary-color, #1F60B6);
    background: linear-gradient(180deg, #034CAC 0%, #034CAC 102.38%);
    box-shadow: 0px 2px 0px 0px #003780;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #034CAC;
    
}
/* .btn-primary:focus {
    box-shadow: 0px 0px 0px 1px #003780, 0px 1px 0.75px 0px rgba(255, 255, 255, 0.12) inset, 0px -1px 0px 0px #003780 inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
    background-color: #034CAC;
} */
.btn-primary:active:focus,
.btn-primary:active {
    background-color: #034CAC;
    /* border: 1px solid var(--Brand-border); */
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 16px 6px 16px;
}

.next.arrow-span.btn-primary:active:focus,
.next.arrow-span.btn-primary:active{
    padding: 12px 12px 12px 20px;
    box-shadow: 0px 2px 0px 0px #003780;
}
.prev.arrow-span.btn-primary:active:focus,
.prev.arrow-span.btn-primary:active{
    padding: 12px 20px 12px 12px;
    box-shadow: 0px 2px 0px 0px #003780;
}

/* White button Styles */
.btn-light{
    border-radius: 100px;
    border: 1px solid #2E4B1C;
    background: var(--white,#FFF);
    box-shadow: 0px 2px 0px 0px #2E4B1C;
    color: var(--Base-black,#231F20);
    font-family: Mulish;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 20px;
}

/* .btn-light{
    background-color: var(--white);
    padding: 6px 20px;
    border-radius: 100px;
    border: 1px solid var(--gray-border);
    color: var(--text);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
} */
.btn-light:hover,
.btn-light:focus {
    /* background-color:var(--white);*/
    color: var(--text);
    border: 1px solid rgba(0,0,0,0.10);
    background-color: #fff;
}

.btn-light:focus {
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    background-color: var(--white);
}
.btn-light:active:focus,
.btn-light:active {
    background-color: var(--white);
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    padding: 7px 20px 5px 20px;
}

/* Common */
.para-text{
    color: var(--Base-black, #231F20);
    /* text-align: justify; */
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.sub-heading{
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: capitalize;
}
.lg-heading{
    color: var(--Base-black, #231F20);
    /* text-align: center; */
    font-family: Caladea;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
}
/* New */
.ff-bg{
    font-family: "Bricolage Grotesque";
}
.ff-caladea{
    font-family: Caladea;
}
.ff-mulish{
    font-family: Mulish;
}
.left-column .lg-heading{
    font-size: 32px;
}
.fs-26{
    font-size: 26px;
}

/* Banner Section */
.banner-section {
    color: #fff;
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/Main-banner.png') 50% / cover no-repeat, rgba(33,95,141,1);
    background-size: cover;
    background-position: center;
    border-radius: 0px 0px 50px 50px;
}
.banner-section .text-column{
    padding-top: 100px;
}
.home-page .hhwp{
    padding-top: 100px;
}

.vertical-container > .bg-white.first{
    height: 32%;
    width: 10px;
}
.vertical-container > .bg-white.second{
    height: 150px;
    width: 10px;
}
.vertical-text {
    writing-mode: sideways-lr;
    text-orientation: mixed;
    text-transform: uppercase;
    font-family: Mulish;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}
/* .vertical-text::before {
    content: '';
    background-color: #fff;
    width: 10px;
    height: 100%;
} */

.name-text{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    font-family: Mulish;
}
.name-text .name{
    color: #FFF;
    font-family: Caladea;
    font-size: 22px;
    font-weight: 700;
}
.banner-text{
    color: #FFF;
    font-size: 45px;
    font-family: Caladea;
    font-weight: 700;
}

/* New 06-09-25 */
/* Breadcrumb */
.breadcrumbItem,
.breadcrumbItem a{
    color: #231F20;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.breadcrumbItem a.home{
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
}
.breadcrumbItem a.home svg path{
    fill: #AE8809;
}
.breadcrumbItem:last-child{
    font-weight: 500;
}
.breadcrumbItem+.breadcrumbItem{
    margin-left: 45px;
    position: relative;
}
.breadcrumbItem+.breadcrumbItem::before{
    position: absolute;
    content: "";
    left: -34px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    background: url('../porlob_img/breadcrumb-arrow.svg') no-repeat;
    background-size: 100%;
    height: 15px;
    width: 15px;
}

/* Global Image Class */
.img-100{
    width: 100%;
    height: 100%;
}

.home-page .banner-text{
    letter-spacing: 3.2px;
    line-height: normal;
    text-transform: uppercase;
}
.counting-section .single-countdown h3{
    color:  #8C8C8C;
    text-align: center;
    font-family: Caladea;
    font-size: 38px;
    font-weight: 700;
}
.counting-section p{
    color: #8C8C8C;
    font-size: 15px;
    font-weight: 600;
    font-family: Mulish;
}

/* video-section */
.video-section .main-heading{
    color: var(--Base-black, #231F20);
    font-size: 64px;
    font-weight: 700;
    font-family: Caladea;
}
.video-section .sub-heading{
    color: var(--Base-black, #231F20);
    font-size: 28px;
    font-weight: 600;
}
.video-section .textChange-container{
    border-radius: 30px;
    background: var(--Primary-blue, #003780);
     padding: 40px;                     /*Latest*/
}
.video-section .textChange-container h2,
.video-section span#textChanger a{
    color: #FFF;
    font-family: Caladea;
    font-size: 42px;
    font-weight: 700;
    /* text-align: left; */
    white-space: nowrap;
    margin: 0;
}
.video-section span#textChanger a{
    color:#FCCD57;
    text-decoration: underline;
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
    text-decoration-thickness: 2px;
}
.video-section span#textChanger a:hover{
    text-decoration: none;
    color: #e3af2b;
}

.vertical-text-left,
.vertical-text-right{
    font-family: Caladea;
    font-weight: 600;
    font-size: 5rem;
    padding: 0 5px;
    -webkit-text-stroke: 1px var(--Base-black, #231F20);
    -webkit-text-fill-color: transparent;
    writing-mode: sideways-lr;
    text-orientation: mixed;
    z-index: -2;
    opacity: 0.35;
}
.vertical-text-right{
  writing-mode: vertical-rl;
}
.video-section .container::before,
.video-section .container::after {
    content: '';
    background-color: rgba(251, 65, 31, 0.20);
    width: 250px;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-90%);
    left: -100px;
    z-index: -3;
    filter: blur(80px);
}
.video-section .container::after{
    left: unset;
    right:-100px;
}
.play-btn{
    height:50px;
    width: 50px;
}

/* Image Swiper*/
.img-slider .slide-track {
    animation: img-scroll 45s linear infinite;
    display: flex;
    width: calc(340px * 30);
}

@keyframes img-scroll {
    0% {
        transform: translateX(calc(-340px * 15));
   }
    100% {
        transform: translateX(0);
   }
}

.img-slider .slide {
    height: 220px;
    width: 310px;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
}

.img-slider .slide img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 25px;
    filter: grayscale(100%);
    transition: filter 0.5s ease-in-out;
}
.img-slider img:hover {
    filter: grayscale(0%);
}

.img-slider::before, .img-slider::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 100px;
    z-index: 2;
}
.img-slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.img-slider::before {
    left: 0;
    top: 0;
}
.img-slider .slide .hover-text-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: max-content;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: center;
    padding: 6px 24px;
    border-top-right-radius: 25px;
    opacity: 1;
    pointer-events: none;
}

/* Text Slider */
.text-slider{
    background: #034CAC;
    color: #FFF;
    /*font-family: Mulish;*/
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    text-wrap: nowrap;
}

.text-slider .slide-track {
    display: flex;
    gap: 30px;
    /* width: max-content; */
    width: calc(700px * 10);
    animation: text-scroll 40s linear infinite;
}

@keyframes text-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}


/* Storeis Swiper */
.st-swiper-container:before,
.st-swiper-container:after {
    content: '';
    background-color: rgba(251, 65, 31, 0.20);
    width: 250px;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -185px;
    filter: blur(80px);
}
.st-swiper-container::after{
    left: unset;
    right:-185px;
}

.health-section .top-heading{
    color: #034CAC;
    font-family: Mulish;
    font-size: 21px;
    font-weight: 700;
}
.health-section .second-row > div{
    border-radius: 12px;
    background: #FFF2C6;
    /* padding: 45px 22px 25px 22px; */
    max-width: 215px;
    min-width: 180px;
}
.health-section .second-row div:nth-child(2){
    background: #FFD7D7;
}
.health-section .second-row div:nth-child(3){
    background: #CFF4F2;
}
.health-section .second-row div:nth-child(4){
    background: #DDE4FF;
}
.health-section .second-row div:nth-child(5){
    background: #FED9FF;
}
.health-section .second-row h4.heading{
    color: var(--Base-black, #231F20);
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-weight: 700;
}
.health-section .second-row p.text{
    color: var(--Base-black, #231F20);
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
}

/* Zoom Section */
.zoom-section{
    background: var(--Primary-blue, #034CAC);
}
.zoom-section .lg-heading{
    color: #FFF;
}
.session-container .time-heading{
    color: var(--Accent-Color, #FB411F);
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 800;
    /* line-height: 150%; */
    letter-spacing: 0.5px;
}
.session-container{
    border-radius: 8px;
    background: #F6F6F6;
    padding: 12px;
}
.session-container .schedule-heading,
.time-container .count,
.time-container span{
    color: var(--Base-black, #231F20);
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
/* .time-container>div {
    width: 25%;
    text-align: center;
} */
.time-container .count{
    border-radius: 8px;
}
.zoom-section .tag-line{
    border-radius: 12px;
    background: #FFF2C6;
    box-shadow: 0px 3px 0px 3px #AE8809;
    margin-top: -15px;
}

/* Certifications Section */
.certificate-section .time-info-container{
    border-radius: 14px;
    border: 2px solid #2E4B1C;
    background: #F3FBE2;
    padding: 12px;
}
.certificate-section .btn-light{
    color: var(--Primary-blue, #034CAC);
    border: 1px solid #5695DF;
    box-shadow: 0px 2px 0px 0px #5695DF;
}
.certificate-section .btn-light .fa-arrow-right{
    color:#034CAC;
}

/*.certificate-section .name-plate{
    color: #231F20;
    font-family: Caladea;
    padding: 18px;
    border-radius: 12px;
    background: #FFF2C6;
    box-shadow: 0px 3px 0px 3px #AE8809;
    font-size:20px; 
    bottom: 50%;
    left: 10%;
    transform: translateX(-50%) translateY(50%); 
    width:max-content;
    height:max-content;
    writing-mode: sideways-lr;
}*/
.certificate-section .name-plate{
    color: #231F20;
    font-family: Caladea;
    padding: 10px 15px;
    border-radius: 12px;
    background: #FFF2C6;
    box-shadow: 0px 3px 0px 3px #AE8809;
    font-size:18px; 
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%); 
    width:max-content;
    height:max-content;
}
.certificate-section img.img-fluid {
    max-height: 500px !important;
}

.ly-leader *{
    color: #2E4B1C;
}
.ly-teacher *{
    color: #3A2C60;
}
.ly-teacher .time-info-container{
    background: #DED2FF;
    border-color: #3A2C60;
}

.ly-season-7 *{
    color: #754931;
}
.ly-season-7 .time-info-container{
    background: #FDE4D6;
    border-color: #754931;
}

.ly-leader,.ly-teacher,.ly-season-7{
    border-radius: 60px;
}
/* Prozone Section */
.prozone-section .p-card > .icon-card{
    border-radius: 12px;
    border: 2px solid #EB6607;
    background: #FDFBF3;
    min-height: 200px;
    padding-top: 60px !important;
}
.prozone-section .p-card span{
    border-radius: 200px;
    padding: 20px;
    border: 2px solid #F9B86C;
    background: #FFF2C6;
}
.prozone-section .p-card h4.heading{
    color: #5B3710;
    text-align: center;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 27px */
}
.prozone-section .p-card p.text{
    color: #5B3710;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.prozone-section h5.w-prozone{
    color: #863D09;
    font-family: Caladea;
    font-size: 28px;
    font-weight: 600;
}
.prozone-section .prozone-for{
    border-radius: 16px;
    border: 1px solid #EB6607;
    background: #FFF2C6;
    margin-top: -10px;
    z-index: 2;
}
.prozone-section .bottom-container{
    border-radius: 200px;
    background: #EB6607;
}
.icon-text-list span{
    position: relative;
    left: 5px;
}

.arrow-span{
    padding:12px 16px; 
    border-radius: 50px; 
    border: 1px solid var(--Primary-color, #1F60B6); 
    background: linear-gradient(180deg, #034CAC 0%, #034CAC 102.38%); 
    box-shadow: 0px 2px 0px 0px #003780;
    cursor: pointer;
}
/* Footer */

.footer-Section .nav-link{
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.footer-Section a.nav-link:hover {
    color: #60affd;
}
ul {
    list-style: none;
}

ul.icon-text-list > li {
    position: relative;
    padding-left: 30px; /* Adjust space for icon */
}

ul.icon-text-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px; /* Adjust size */
    height: 20px;
    background: url("../porlob_img/check-circle.svg") no-repeat center/contain;
}

.icon-card{
    transition: box-shadow 0.3s ease-in-out;
}

/* .icon-card:hover {
    box-shadow: 0px 0px 0px 3px rgb(142 206 202);
} */
.icon-card:nth-child(1):hover {
    box-shadow: 0px 0px 0px 3px rgb(211 201 166);
}

.icon-card:nth-child(2):hover {
    box-shadow: 0px 0px 0px 3px rgb(229 183 183);
}

.icon-card:nth-child(3):hover {
    box-shadow: 0px 0px 0px 3px rgb(142 206 202);
}

.icon-card:nth-child(4):hover {
    box-shadow: 0px 0px 0px 3px rgb(183 198 255);
}

.icon-card:nth-child(5):hover {
    box-shadow: 0px 0px 0px 3px rgb(233 189 234);
}


/* topBar */
.top-bar{
    border-radius: 0px 0px 40px 40px;
    background:  #293A5D;
    border-bottom: 1px solid #8e8e8e;
    transform: translateY(0);
    transition: opacity 0.8s ease, transform 0.8s ease, visibility 0.8s ease;
}

/* New for dropdown */
.top-bar-links .dropdown-menu a.dropdown-item{
    color: #231F20;
}
.top-bar .dropdown-menu {
    display: unset;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
}

/* When Bootstrap adds .show */
.top-bar .dropdown-menu.show {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s ease;
}

/* End */

.top-bar.hide{
    transform: translateY(-50px);
}
.top-bar *{
    color: #FFF;
    font-family: Mulish;
    font-size: 14px;
    font-weight: 600;
}
.media-drop>ul{
    background-color: #fff;
    border-radius: 10px;
    padding: 8px 0;
}
.media-drop>ul>li>a{
    padding: 8px 15px !important;
}
.btn.dropdown-toggle {
    border: none;
    padding: 5px 10px;
}
.language-btn .btn.dropdown-toggle:focus,
.language-btn .btn.dropdown-toggle:hover {
    background-color: #0c5cb7;
}
.top-bar-links .dropdown-menu a.dropdown-item:hover,
.dropdown-item:hover,
.nav-bar .dropdown:hover .dropdown-toggle{
    color: #034CAC;
}

.top-bar .android:hover,
.top-bar .iphone:hover{
    color: #e1e1e1;
}


/* Navbar */
.nav-bar *{
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 16px;
    font-weight: 600;
}
.navbar-btn .btn{
    color:#fff;
    border-radius: 42px;
    /*border: 1px solid var(--Primary-color, #1F60B6);
    background: linear-gradient(180deg, #034CAC 0%, #034CAC 102.38%);
    box-shadow: 0px 2px 0px 0px #003780;*/
    /* Border in primary color */
    border: 1px solid #FF4500;

    /* Gradient using lighter → primary color */
    background: linear-gradient(
        180deg,
        #F44200 0%,   /* lighter shade */
        #FF4500 100%  /* main color */
    );

    /* Shadow using darker tone of primary color */
    box-shadow: 0px 2px 0px 0px #CC3700;

    position: relative;
    overflow: hidden;
    display: inline-block;
}
.feedback-btn{
    position: relative;
}
.feedback-btn::before,
.navbar-btn a.btn.btn-primary::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-20deg);
    animation: slideAnimation 4s linear infinite;
}

@keyframes slideAnimation {
    from {
        left: -100%;
    }
    to {
        left: 100%;
    }
}

.nav-bar-links .nav-link.active {
    color: #034CAC;
    font-weight: bold;
}
.nav-bar{
    width: 98%;
    top: 50px;
    left: 50%; transform: translateX(-50%);
    border-radius: 75px;
    transition: top 0.6s ease-in-out, box-shadow 0.3s ease-in-out;
}
.nav-bar.scrolled {
    top: 10px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    /* opacity: 0.95; */
}
.collapse-btn{
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    background: var(--white);
    box-shadow: 0px 1px 3px 0px rgba(11, 19, 36, 0.07), 0px -1px 0px 0px rgba(0, 0, 0, 0.12) inset;
}

/* Submenu */
.dropdown-submenu ul.submenu{
    position: absolute;
    left: 100%;
    background-color: #fff;
    border-radius: 0 6px 6px 6px;
    padding: 5px 0;
    top: 0%;
}

.offcanvas-body .learn-ly::before,
.nav-bar-links .learn-ly::before{
    content: 'New';
    font-size: 12px;
    font-family: Caladea;
    /* background-color: red; */
    /* padding: 0 5px; */
    position: absolute;
    color: red;
    right: -12px;
    top: -8px;
    border-radius: 15px;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.20));
    animation: blink 0.6s infinite alternate;
}
.offcanvas-body .learn-ly{
    position: relative;
}
.offcanvas-body .learn-ly::before{
    right:unset;
    left: 102px;
    top: 8px;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

.join-FLY-btn {
    position: fixed;
    transition: all 0.4s ease-out, opacity 0.4s ease;
    opacity: 0;
    cursor: pointer;
    top: 50%;
    right: -170px;
    transform: translateX(50%) rotate(0deg);
    /* writing-mode: sideways-rl;  commented */
}
.join-FLY-btn .inner-btn{
    color: var(--Base-black, #231F20);
    text-shadow: 0px 2px 6px rgba(255, 255, 255, 0.16);
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
    background: #FFF2C6;
    box-shadow: 3px 0px 0px 3px #d9b232;
    padding: 12px;
    border-radius: 24px;
    transition: opacity 1s ease, transform 1s ease;
}

.join-FLY-btn:not(.dd-none) {
    opacity: 1;
    right: -80px; /* changes from 20px to ..*/
    transform: translateX(0%) rotate(90deg);     /*translateY(-50%) Added rotate here*/
}
/* New 28-08-25 */
.dropdown-menu.wrapper {
    display: unset;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.8s ease;
}
.dropdown-menu.wrapper.show {
    display: unset;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all 0.4s ease;
}
.nav-bar .dropdown-submenu ul.submenu{
    display: unset;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: all 0.8s ease;
}
.nav-bar .dropdown-submenu ul.submenu.show {
    display: unset;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    transition: all 0.4s ease;
}
/* New 04.09-25 */

.dropdown-menu a.dropdown-item{
    position: relative;
    transition: all 0.4s ease;
}
.dropdown-menu a.dropdown-item:hover{
    padding-left: 28px !important;
}
.dropdown-menu a.dropdown-item::before{
    position: absolute;
    content: "";
    left: -6px;
    top: 10px;
    opacity: 0;
    display: inline-block;
    color: #034cac;
    transition: all 0.4s ease;
    background: url('../porlob_img/arrow-rd.svg');
    height: 20px;
    width: 20px;
    transform: scale(0.8) rotate(-45deg);
}
.dropdown-menu a.dropdown-item:hover::before{
    opacity: 1;
    left: 4px;
}



/* offcanvas */
.offcanvas .nav-link{
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 16px;
    font-weight: 600;
}
.offcanvas .top-bar-links li,
.offcanvas .nav-bar-links li{
    padding: 10px 0 10px 40px;
}
/* .offcanvas .nav-bar-links li:hover{
    padding: 10px 0 10px 40px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    font-variation-settings: "wght" 600;
} */
.offcanvas div.download-app{
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 15px;
    font-weight: 700;
}

/* OFF Canvas */
.media-drop,
div.dropdown-menu.wrapper{
    background: transparent;
    border: unset;
    box-shadow: unset;
    padding-top: 22px;
}
ul.dropdown-menu li a{
    padding: 8px 15px !important;
}
.offcanvas-body .nav >ul{
    padding: 0px 20px;
}
.offcanvas-body .nav-item{
    display: flex;
    padding: 8px 30px;
    padding-left: 20px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    color: var(--Base-black, #231F20);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.offcanvas-body .nav-item:hover{
    background-color: #EFF7FF;
    border-radius: 8px;
    /*box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);*/
    font-variation-settings: "wght" 700;
}
.offcanvas-body .nav-item[aria-expanded="true"]{
    background-color: var(--background,#F6F6F9);
    position: relative;
    font-variation-settings: "wght" 700;
}
.offcanvas-body .nav-item[aria-expanded="true"]::after{
    content: "";
    height: 100%;
    width: 5px;
    border-radius: 20px 0px 0px 20px;
    background-color: var(--Primary-blue);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.offcanvas-body .nav-item[aria-expanded="true"] .nav-link .fa-chevron-down {
    transform: rotate(180deg);
}
.offcanvas-body .nav-item.active .nav-link .fa-chevron-down{
    transform: rotate(0deg);
}
.offcanvas-body .nav .nav-link{
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1 0 0;
    color: var(--text-black);
}
.offcanvas-body .nav-link span{
    width:100%;
    text-align: left;
}
.offcanvas-body .sub-nav-item{
    border-left: 2px solid #E6E8F1;
}
.offcanvas-body .sub-nav-item.active:before,
.offcanvas-body .sub-nav-item:hover:before{
    opacity:1;
}
.offcanvas-body .sub-nav-item.active,
.offcanvas-body .sub-nav-item:hover{
    border-left: 2px solid var(--Primary-blue);
}
.offcanvas-body .sub-menu-wrapper{
    background-color: #F6F6F9;
}
/*.offcanvas-body .sub-nav-child.active,*/
.offcanvas-body .sub-nav-child:hover{
    border-left: unset;
    background-color: #e3e8e5 ;
    border-radius: 8px
}
.nav-item-wrapper{
    width: 100%;
}
.offcanvas-body ul.sub-nav.nav-child {
    padding: 0 20px 0 50px;
}
.offcanvas-body ul.sub-nav {
    padding-left: 55px;
}
.offcanvas-body .nav-link.child-link {
    padding: 10px;
}

/* New 06-09-25 */
.nav-child-item .fa-chevron-down{
    transition: transform 0.3s;
    transform: rotate(0);
}
.nav-child-item[aria-expanded="true"] .fa-chevron-down{
    transform: rotate(180deg);
}


/* ScrollTop Button */
.scroll-top-btn {
    position: fixed;
    bottom: 20px;
    right: -60px;
    width: 50px;
    height: 50px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transform: rotate(-90deg);
    transition: right 0.3s ease-out, opacity 0.3s ease;
}

.scroll-top-btn.show {
    right: 20px;
    opacity: 1;
}

.scroll-top-btn.show svg {
    animation: bounce 1.5s infinite;
}
@keyframes bounce {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(4px);
    }
}
.navbar-btn.mobile-bottom{
    display: none;
}

/* .navbar-btn.mobile-bottom, */
.button-jittery .inner-btn {
    animation: jittery 4s infinite;
}

@keyframes jittery {
    5%,
    50% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.9);
    }
    15% {
        transform: scale(1.15);
    }
    20% {
        transform: scale(1.15) rotate(-5deg);
    }
    25% {
        transform: scale(1.15) rotate(5deg);
    }
    30% {
        transform: scale(1.15) rotate(-3deg);
    }
    35% {
        transform: scale(1.15) rotate(2deg);
    }
    40% {
        transform: scale(1.15) rotate(0);
    }
}

/*.button-jittery {
    .emoji {
        position: absolute;
        top: -36px;
        left: 0;
        width: 40px;
        height: 40px;
        overflow: hidden;
        transform: rotate(90deg);
        font-size: 25px;
        &:before {
            content: "🙂";
            display: inline-block;
            animation: give-score 3s infinite;
            position: relative;
            top: 0;
        }
        &:nth-child(2) {
            left: 0;
            right: 0;
            margin: auto;
            &:before {
                animation: give-score 3s infinite 0.2s;
            }
        }
        &:nth-child(3) {
            left: auto;
            right: 0;
            &:before {
                animation: give-score 3s infinite 0.4s;
            }
        }
    }
    .inner-btn:hover .emoji:before {
        content: "🤣";
        transition: 0.5s ease;
    }
}*/

@keyframes give-score {
    30%,
    80% {
        top: 0;
    }
    40%,
    70% {
        top: 50px;
    }
}

/* Backdrop overlay */
.feedback-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1000;
}

/* Feedback form initial hidden state */
.feedback-form {
    position: fixed;
    bottom: -100%;
    left: 50%;
    transform: translateX(-50%);
    /* width: 50%; */
    width: max-content;
    z-index: 1111;
    transition: bottom 0.8s ease-in-out;
}

/* Show form */
.feedback-form.active {
    bottom: 30px;
}

.main-container .para-text{
    padding: 8px 35px;
    border-radius: 65px;
    background: #333;
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.06);
}

.feedback-form .emojis-container .emoji{
    filter: grayscale(100%);
    border-radius: 56px;
    border: 1px solid #E9E3E3;
    background: #E6E4E4;
    padding: 10px;
    position: relative;
    cursor: pointer;
}
.feedback-form .emojis-container .emoji:hover,
.feedback-form .emojis-container .emoji.active {
    filter: grayscale(0);
    background: linear-gradient(264deg, rgba(9, 158, 158, 0.34) 4.89%, rgba(232, 241, 128, 0.50) 75.17%), linear-gradient(180deg, #EDD57F 0%, #F3CE6E 100%);
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}
.feedback-form .emojis-container .emoji:hover img,
.feedback-form .emojis-container .emoji.active img {
    transform: scale(1.3);
    transition: all 0.4s ease-in-out;
}

.feedback-form .emoji span.message {
    position: absolute;
    font-size: 12px;
    white-space: nowrap;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Mulish;
    display: none;
}
.feedback-form .emoji:hover .message{
    display: block;
    background: #333333;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 12px;
}

#feedbackModal .modal-dialog {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

#feedbackModal .modal-content {
    border-radius: 8px;
}

.like-btns label {
    cursor: pointer;
    font-size: 28px;
    transition: color 0.3s ease-in-out;
}

.like-btns label i {
    color: #888;
}

.like-btns input:checked + label i {
    color: #034cac;
}
.btn-bg-white{
    transition: all 0.8s ease;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 16px;
    border-radius: 42px;
    border: 1px solid #0C3B79;
    background: #FFF;
    box-shadow: 0 2px 0 0 #11458A;
    color: #0C3B79;
    text-decoration: none;
}
/* Shop Page CSS */
.shop-btn-wrapper,
.cart-btn-wrapper {
    position: fixed;
    bottom: 20px;
    left: 30px;
    background: #034CAC;
    border-radius: 42px;
    z-index: 9;
}
.cart-count{
    background: #fb411f;
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -2px;
    right: -8px;
}
/* Message */
.messageBlock {
    opacity: 0;
    transform: translate(-50%, 20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
    pointer-events: none;
    display: block;
    top: 125px; 
    z-index: 9999;
    width: max-content;
}
.messageBlock.show {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}
.cart-img span.id-number{
    height: 22px;
    width: 22px;
    background: #da462d;
    /*clip-path: polygon(0 0, 0% 100%, 100% 0);*/
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-bottom-right-radius: 12px;
}

/* New Pasted from Home Page */
/* Img Scroll */
.img-slider2 .slide-track {
    animation: img-scroll2 40s linear infinite;
    display: flex;
    width: calc(264px * 18);
}

@keyframes img-scroll2 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-264px * 9));
    }
}

.img-slider2 .slide {
    height: auto;
    width: 240px;
    margin: 0 12px;
}
.img-slider2 .slide .rounded{
    border: 0.8px solid #D5D4D4;
}

.img-slider2::before, .img-slider2::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 80px;
    z-index: 2;
}
.img-slider2::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}
.img-slider2::before {
    left: 0;
    top: 0;
}
/*  */
.scroll-down-animation {
    position: absolute;
    bottom:-50px;
    left: 50%;
    transform: translate(-50%,0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1;
    visibility: visible;
    transition: opacity 1.5s ease, visibility 1.5s ease;
}

.fade-out { opacity: 0; visibility: hidden;}
.fade-in {opacity: 1;  visibility: visible;}

.mouse {
    display: block;
    border-radius: 50px;
    border: 2px solid #148cde;
    height: 30px;
    width: 18px;
    position: relative;
}

.move {
    position: absolute;
    background-color: #148cde;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    animation: move 2s linear infinite;
}

@keyframes move {
    0% {
        transform: translate(-50%,6px);
        opacity: 0;
    }
    50% {
        transform: translate(-50%,14px);
        opacity: 1;
        color: #148cde;
    }
    100% {
        transform: translate(-50%,22px);
        opacity: 0;
    }
}

.arrow{
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: #148cde;
    transform: rotate(-45deg);
    animation: sdb04 2s infinite;
    box-sizing: border-box;
    margin-top: -4px;
}

@keyframes sdb04 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
    }
    20% {
        transform: rotate(-45deg) translate(-4px, 4px);
        border-color: #148cde;
    }
    40% {
        transform: rotate(-45deg) translate(0, 0);
    }
}

.label-text{
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    height: 120px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #2E4B1C;
    font-family: Caladea;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    /*clip-path: polygon(100% 0, 100% 100%, 50% 70%, 0 100%, 0 0)'';*/
    background: url('../porlob_img/ly-leader-label.svg') no-repeat center/contain;
}

@media (max-width:992px){
    .label-text{
        top: -21px;
        left: 53px;
        transform: unset;
        width: 100px;
        height: 90px;
        font-size: 18px;
    }
}

.ly-teacher .label-text{
    background: url('../porlob_img/ly-teacher-label.svg') no-repeat center/contain;
    color: #3a2c60;
}
.ly-season-7 .label-text{
    background: url('../porlob_img/ly-20-label.svg') no-repeat center/contain;
    color: #754931;
}

@media (min-width:992px){
    .certificate-section .row .overflow-hidden{
        border-bottom-right-radius: 60px;
    }
}

.animated-container,
p.animated{
    position: relative;
    overflow: hidden;
}

.certificate-section .animated-container::before{
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgb(3 76 172 / 18%), transparent);
    transform: skewX(-15deg);
    animation: slideAnimation 4s linear infinite;
    z-index: 0;
    pointer-events: none;
}
/* End */

/* Queries For Width */
@media (min-width:1100px){
    .w-lg-75{
        width: 75%;
    }
}

/* Media Quesries */
@media (max-width:1400px){
    .home-page .hhwp{
        padding-top: 80px;
    }
}

@media (max-width:1100px){
    /*Mobile responsive*/
    .nav-bar .navbar-btn,
    .top-bar,
    .nav-bar .nav-bar-links{
        display: none !important;
    }
    .mobile-btn-container{          
        display: block !important;
    }

    .navbar-btn .btn {
        border-radius: 25px;
        font-size: 14px;
        padding: 6px 12px;
    }
    .header-logo img{
        height: 40px !important;
    }

    .nav-bar{
        top: 10px !important;
    }
    .banner-section .text-column{
        padding-top: 30px;
    }
    .banner-text{
        font-size: 42px;
        line-height: 1;
    }
}

@media (max-width:992px) {
    .vertical-container{
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
    }
    .banner-section .text-column{
        padding-top: 75px;
    }
    .vertical-container > .bg-white.second{
        height: 100%;
    }
    .vertical-container > .bg-white.first{
        height: 165px;
    }
    .lg-heading{
        font-size: 28px;
    }
    #feedbackModal .modal-dialog{
        width: 90%;
    }
    .home-page .hhwp{
        padding-top: 30px;
    }

    .breadcrumbItem,
    .breadcrumbItem a{
        font-size: 18px;
    }
}
@media (max-width:768px) {
    .prozone-section .bottom-container,
    .prozone-section .row.my-5,
    .ly-leader,.ly-teacher,.ly-season-7{
        border-radius: 25px !important;
    }

    /* Name Plate */
    .certificate-section .name-plate{
        /*left: 50%;
        writing-mode: unset;*/
        bottom: 25px;
        transform: translateX(-50%);
    }

    /* Image Slider */
    .img-slider .slide-track {
        width: calc(310px * 30);
    }
    
    @keyframes img-scroll {
        0% {
            transform: translateX(calc(-310px * 15));
       }
        100% {
            transform: translateX(0);
       }
    }
    .img-slider .slide {
        height: 190px;
        width: 280px;
    }

    .vertical-container{
        right: unset;
        left: -10px;
    }
    .video-section .textChange-container h2,
    .video-section span#textChanger a{
        white-space: unset;
    }
    /* .feedback-form {
        width: 90%;
    } */
    .feedback-form .para-text{
        font-size: 14px;
    }
    
}
@media (max-width:576px) {

    .vertical-container{
        right: unset;
        left: 10px;
    }
    /* .banner-section.home-page .w-100.pb-3{
        padding-left: 25px !important;
    } */

    .stories-section .swiper-slide > div{
        border-width: 6px !important;
    }

    /* Join LY btn */
    .join-FLY-btn .inner-btn{
        font-size: 12px;
    }
    /* .join-FLY-btn{
        bottom: 60px;
        left: 10px;
    }
    .scroll-top-btn {
        bottom: 60px;
        right: 10px;
    } */
    .feedback-form {
        width: 90%;
    }
    .feedback-form .para-text{
        width: 90%;
    }
    .feedback-form .main-container{
        flex-wrap: wrap;
        border-radius: 28px !important;
    }

    .feedback-form .main-container .para-text{
        /* margin-bottom: 20px; */
        text-align: center;
    }

    .navbar-btn.mobile-bottom{
        display: block !important;
        position: fixed;
        left: 0;
        bottom: 0px;
        z-index: 99;
    }
    .offcanvas-body .navbar-btn,
    .join-FLY-btn{
        display: none !important;
    }

    /* Shop page */
    .cart-count {
        height: 22px !important;
        width: 22px !important;
        top: -5px !important;
        right: -10px !important;
    }
    .shop-btn-wrapper,
    .cart-btn-wrapper {
        bottom: 70px !important;
        left: 24px !important;
    }

    /* New */
    .breadcrumbItem,
    .breadcrumbItem a{
        font-size: 14px;
    }
    .breadcrumbItem+.breadcrumbItem::before{
        height: 14px;
        width: 14px;
    }
    .certificate-section .name-plate{
        width: auto;
        transform: unset;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 5px;
        padding: 5px 10px;
    }
}
@media (max-width:468px){
    .nav-bar .nav-link,
    .vertical-text,
    .name-text,
    .counting-section p,
    p.text,
    .para-text{
        font-size: 14px !important;
    }
    .video-section span#textChanger a,
    .video-section .textChange-container h2,
    .counting-section .single-countdown h3,
    .lg-heading{
        font-size: 26px !important;
    }
    .left-column .lg-heading{
        font-size: 24px !important;
    }
    h4.heading,
    .sub-heading{
        font-size: 16px !important;
    }
    button.btn {
        font-size: 15px !important;
    }
    .video-section .main-heading,
    .home-page .banner-text{
        font-size: 36px !important;
    }
    .banner-text{
        font-size: 30px !important;
        text-align: center;
    }
    .fs-26,
    .certificate-section .name-plate,
    .name-text .name{
        font-size: 18px !important;
    }

    .textChange-container{
        min-height: 125px;
        padding: 25px;
    }

    /* Image Slider */
    .img-slider .slide-track {
        width: calc(274px * 30);
    }
    
    @keyframes img-scroll {
        0% {
            transform: translateX(calc(-274px * 15));
       }
        100% {
            transform: translateX(0);
       }
    }
    .img-slider .slide {
        height: 170px;
        width: 250px;
        margin: 0 12px;
    }
    .img-slider::before, .img-slider::after{
        display: none;
    }

    /* Swiper */
    .ns-btn-prev.position-absolute,
    .ns-btn-next.position-absolute,
    .news-section .btn-prev.position-absolute,
    .news-section .btn-next.position-absolute{
        display: none;
    }
    .news-section .position-relative.mx-md-4{
        padding: 0 !important;
    }
    .news-section .swiper-btn-wrapper{
        display: flex !important;
    }
    .news-section .container-fluid{
        padding: 0;
    }

    /* Join Leader Training Button on Mobile */
    .navbar-btn.mobile-bottom {
        width: 100%;
    }
    .navbar-btn.mobile-bottom a{
        width: 100%;
    }
    .scroll-top-btn {
        display: none !important;
    }
    .feedback-form.active {
        bottom: 75px;
    }
}
@media (max-width:365px){
    .zoom-section .tag-line{
        display: flex;
        text-align: center;
    }
}

/* Right arrow button css issue fixed */

.arrow-btn {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;
  background: linear-gradient(180deg,#034CAC 0%,#034CAC 102.38%);
  border: 1px solid #1F60B6;
  box-shadow: 0px 2px 0px 0px #003780;

  cursor: pointer;
}
.arrow-btn i {
  color: #fff;
  font-size: 18px;
}
/* Stripe Card Element CSS*/
div#card-element {
    border: 1px solid #E4E1E1;
    background-color: #F7F7F7;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 15px;
    border-radius: 8px;
}

/* Training Overview Section Styles */
.pricing-card-wrapper {
    border-radius: 40px;
    background: var(--White, #FFF);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.20);
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pricing-card-wrapper:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.pricing-card {
    border-radius: 24px;
    background: #FEF6DF;
    border: 2px solid #F1B800;
    text-align: center;
}

.pricing-card.certified {
    background: #F1F5E6;
    border: 2px solid #80AD32;
}

.pricing-card h4 {
    font-family: Caladea;
    font-size: 22px;
    font-weight: 700;
    color: #231F20;
}

.pricing-card .price {
    font-family: Mulish;
    font-size: 24px;
    font-weight: 800;
    color: #052D68;
}

.pricing-card .price .original-price {
    font-size: 18px;
    text-decoration: line-through;
    color: #8C8C8C;
    font-weight: 600;
    margin-right: 10px;
}

.pricing-card .btn-primary {
    padding: 6px 18px;
    border-radius: 50px;
    font-family: Mulish;
    font-weight: 700;
    text-transform: capitalize;
    display: inline-block;
}

.program-info-card {
    background: #FCDB84;
    padding: 24px 30px;
    margin-bottom: 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 24px;
    border: 2px solid #F1B800;
}

.program-info-card h4 {
    font-family: Caladea;
    font-size: 26px;
    font-weight: 700;
    color: #231F20;
    margin-bottom: 10px;
}

/* Timeline */
.session-block {
    border-radius: 20px;
    background: #FFF8E5;
    border: 2px solid #F1B800;
    margin-top: 40px;
    position: relative;
}

.session-label {
    background: var(--Base-black, #231F20);
    ;
    color: #fff;
    padding: 6px 20px;
    border-radius: 12px;
    font-family: Mulish;
    font-weight: 600;
    font-size: 18px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 20px;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    padding-right: 40px;
}

.view-details-btn {
    background: #F1B800;
    color: var(--Base-black, #231F20);
    border-radius: 50px;
    padding: 5px 12px;
    font-family: Mulish;
    font-weight: 700;
    font-size: 14px;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    bottom: -18px;
    right: 20px;
    z-index: 2;
    cursor: pointer;
}

.session-content {
    padding: 40px;
    position: relative;
    clear: both;
}

/*.timeline-list {
            list-style: none;
            padding-left: 0px;
            position: relative;
            margin-top: 10px;
        }

        .timeline-list::before {
            content: '';
            position: absolute;
            left: 12px;
            top: 6px;
            bottom: 35px;
            width: 1.5px;
            background-color: #8C8C8C;
            z-index: 1;
        }*/

/* .timeline-item {
    position: relative;
    padding-left: 40px;
    padding-bottom: 15px;
    font-family: Mulish;
    font-size: 18px;
    color: var(--Base-black, #231F20);
    font-weight: 700;
}

.timeline-item:last-child {
    padding-bottom: 0;
} */

.best-seller {
    border-radius: 24px;
    border: 2px solid #80AD32;
    background: #C3D89F;
    /* border-top-right-radius: 0px; */
    margin-top: 120px;
    position: relative;
}

.best-seller::before {
    content: "";
    background: rgba(35, 31, 32, 0.25);
    width: 100%;
    height: 2px;
    position: absolute;
    top: -60px;
    left: 0;
}

.best-seller h4 {
    font-size: 26px !important;
    font-family: Caladea;
}



.best-seller-ribbon {
    position: absolute;
    right: -10px;
    top: -23px;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 10% 50%, 0% 0%);
    padding: 5px 20px 5px 30px;
    background-color: #3899CF;
    border-top-right-radius: 10px;

    color: var(--Base-white, #FFFFFF);
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 33.6px */
    text-transform: capitalize;
}

.certified-training-card .best-seller-ribbon {
    right: -27px;
    top: -38px;
}

/* .best-seller::after, */
.certified-training-card .position-relative::after {
    position: absolute;
    content: '';
    right: -10px;
    top: 20px;
    width: 9px;
    height: 9px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath d='M0 13L14 9.53674e-07L5.68248e-07 3.41715e-07L0 13Z' fill='%231372A8'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
}

.certified-training-card .position-relative::after {
    right: -26px;
    top: 5px;
}


.session-block.best-seller-session {
    border: 2px solid #81AF2B;
    background: #F1F5E6;
    border-radius: 24px;
}

.session-block.best-seller-session .view-details-btn {
    background-color: #81AF2B;
}

.session-block.best-seller-session .timeline-item::before {
    background-color: #81AF2B;
}



/* Certified Training Card Styles */
.certified-training-card {
    border-radius: 32px;
    border: 2px solid #80AD32;
    background: var(--White, #FFF);
    position: relative;
    margin-top: 20px;
}

.certified-training-card.blc {
    border: 2px solid #F1B800;
}

.certified-training-card .card-head {
    background: #F1F5E6;
    border-radius: 16px;
}

.certified-training-card.blc .card-head {
    background: #FEF6DF;
}

.certified-training-card .card-title {
    font-family: Caladea;
    font-size: 28px;
    font-weight: 700;
    color: #231F20;
    margin-bottom: 5px;
}

.certified-training-card .card-subtitle {
    font-family: Mulish;
    font-size: 18px;
    font-weight: 700;
    color: #231F20;
    margin-bottom: 15px;
}

.session-info-badge {
    border-radius: 50px;
    border: 1px solid #231F20;
    background: rgba(255, 255, 255, 0.40);
    color: #231F20;
    padding: 4px 15px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: Mulish;
    font-size: 18px;
    /*14px before*/
    font-weight: 600;
}

.inclusion-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
}

.inclusion-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-family: Mulish;
    font-size: 16px;
    color: #231F20;
    font-weight: 500;
}

.inclusion-list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #231F20;
    font-weight: bold;
}

.price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.current-price {
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    color: #034CAC;
}

.original-price-strike {
    font-family: Mulish;
    font-size: 20px;
    text-decoration: line-through;
    color: #8C8C8C;
    margin-left: 10px;
}

@media ((min-width: 992px)) {
    .certification-section .cert-img {
        transform: scale(1.2);
        margin-right: -50px;
        transition: transform 0.8s ease-in-out;
    }

    .certification-section .cert-img:hover {
        transform: scale(1.1) rotate(2deg);
    }

    .w-lg-75 {
        width: 75%;
        margin: auto;
    }
}


/* Course Schedule Section Styles */
.schedule-card {
    border-radius: 16px;
    background: #FEF6DF;
    border: 2px solid #FCDB84;
    /* Yellow border for BLC */
    height: 100%;
    display: flex;
    flex-direction: column;
}

.schedule-card.certified {
    border-color: #C3D89F;
    background: #F1F5E6;
    /* Green border for CLYL */
}

.schedule-header {
    padding: 20px;
    text-align: center;
    font-family: Caladea;
    font-size: 26px;
    font-weight: 700;
    color: #231F20;
    border-radius: 14px;
}

.schedule-header.blc {
    background: #FCDB84;
}

.schedule-header.clyl {
    background: #C3D89F;
}

.schedule-body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.schedule-date-row {
    border-radius: 16px;
    background: var(--White, #FFF);
    padding: 2px;
}

/* Timezone Pill Styling */
.timezone-pill {
    border-radius: 16px;
    background: #FBDB86;
    /* Light yellow for BLC */
    padding: 12px 24px;
    font-family: Mulish;
    font-size: 16px;
    color: #231F20;
    text-align: center;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}

.timezone-pill span {
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.schedule-card.certified .timezone-pill {
    background: #C4D89D;
    /* Light green for CLYL */
}

.date-text {
    font-family: Mulish;
    font-size: 20px;
    font-weight: 600;
    color: #555;
    padding: 20px;
    text-align: center;
}

.quick-register-icon-btn {
    border-radius: 38px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #F44200 0%, #FF581A 102.38%);
    box-shadow: 0 4px 12px 0 rgba(246, 70, 4, 0.80);
    margin-left: auto;
    display: block;
    font-size: 18px;
    width: max-content;
}

.quick-register-icon-btn:hover {
    border-color: transparent;
}

/* Best Seller Ribbon Bottom Styles */
.best-seller-ribbon-bottom {
    position: absolute;
    bottom: 25px;
    left: -10px;
    background: #3899CF;
    /* Reddish color */
    color: white;
    padding: 8px 30px;
    font-family: Mulish;
    font-size: 18px;
    font-weight: 600;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 85% 50%, 100% 100%, 0 100%);
    border-top-left-radius: 10px;
}

/* Correcting the ribbon fold */
.ribbon-fold {
    position: absolute;
    left: -10px;
    bottom: 16.2px;
    width: 9px;
    height: 9px;
    background: #1372A8;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    z-index: 1;
}

/* End */

.charlie-chaplin .card-subtitle {
    color: var(--White, #FFF);
    font-family: Caladea;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    border-radius: 16px;
    background: var(--Primary-blue, #034CAC);
}

/* Why Learn Directly From Section Styles */


.dr-kataria-why-section .main-title {
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 126px */
    text-transform: uppercase;
    text-wrap: nowrap;
    position: relative;
}

/* .dr-kataria-why-section .main-title::after {
    content: '';
    position: absolute;
    left: 5px;
    bottom: 10px;
    width: 100px;
    height: 3px;
    background-color: #034cac;
} */

.dr-kataria-why-section .text-green {
    color: #28ae60;
}

.vinayak-shastri-block {
    background-color: #d8eaff;
    position: relative;
    z-index: 2;
}

.vinayak-img-wrapper {
    border: 6px solid #034cac;
    border-radius: 20px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    max-width: 250px;
    margin: 0 auto;
    margin-top: -50px;
    transform: scale(1.2);
}

.vinayak-name {
    color: #000;
    font-family: Mulish;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 33.6px */
    text-transform: uppercase;
}

.vinayak-text {
    color: #000;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 27px */
    text-transform: capitalize;
}



/* Discount Countdown Section Styles */
.discount-countdown-section {
    background-color: #03285A;
    padding: 80px 0;
    text-align: center;
    color: #fff;
    border-radius: 0 0 50px 50px;
}

.discount-countdown-section .discount-title {
    color: var(--White, #FFF);
    text-align: center;
    font-family: Caladea;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    /* 67.2px */
    text-transform: uppercase;
    margin-bottom: 50px;
    letter-spacing: 1px;
}

.countdown-container {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

.countdown-box {
    border-radius: 16px;
    border: 2px solid var(--Primary-blue, #034CAC);
    background: rgba(3, 76, 172, 0.24);
    padding: 25px 20px;
    min-width: 160px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease;
}

.countdown-box:hover {
    transform: translateY(-5px);
}

.countdown-number {
    font-family: 'Mulish', sans-serif;
    font-size: 82px;
    font-weight: 800;
    line-height: 1;
    background: var(--linear, linear-gradient(136deg, #36DFF1 11.31%, #2764E7 81.69%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 12px;
}

.countdown-label {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.9;
}

/*.discount-countdown-section .quick-register-icon-btn {
    margin: 0 auto;
    transition: all 0.3s ease;
    border-radius: 38px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #F44200 0%, #FF581A 102.38%);
    box-shadow: 0 2px 0 0 #A62D00;
}*/

/* Certified Leader Swiper Styles */
.certified-leader-section {
    padding: 80px 0;
    background-color: #fff;
    overflow: hidden;
}

.certified-swiper {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
}

.certified-swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 600px;
    /* height: 400px; */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
    opacity: 0.5;
    transform: scale(0.85);
}

.certified-swiper .swiper-slide-active {
    opacity: 1;
    transform: scale(1.1);
    z-index: 2;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.25);
}

.video-wrapper:not(.youtube-lazy) {
    /*-----------------------------------------------*/
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9 Aspect Ratio */
    background: #eee;
}

.swiper-slide .video-wrapper img,
.video-wrapper video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-btn-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.31);
    backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.play-btn-overlay:hover {
    background: rgba(255, 255, 255, 0.7);
    transform: translate(-50%, -50%) scale(1.1);
}

.play-btn-overlay svg {
    width: 28px;
    height: 28px;
    fill: #fff;
    margin-left: 4px;
}

.swiper-nav-wrapper {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}

.swiper-custom-nav {
    width: 48px;
    height: 48px;
    background: #034CAC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    box-shadow: 0 4px 10px rgba(3, 76, 172, 0.3);
}

.swiper-custom-nav:hover {
    background: #023b85;
    transform: translateY(-2px);
}

.swiper-custom-nav svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
}

.register-form-box {
    border-radius: 16px;
    border: 1px solid rgba(3, 76, 172, 0.50);
    background: var(--White, #FFF);

}

.course-selection-box {
    border-radius: 14px;
    border: 0.741px solid #DBEAFE;
    background: #EFF6FF;
}

/* Interactive Course Selection Radio Styles */
.course-radio-card {
    display: block;
    cursor: pointer;
    margin: 0;
    height: 100%;
}

.course-radio-card input[type="radio"] {
    display: none;
}

.course-radio-content {
    border-radius: 14px;
    border: 0.833px solid #D1D5DB;
    background: #FFF;
    padding: 20px;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;

}

.course-radio-content .batch-date {
    margin-bottom: -14px;
    border-radius: 8px 8px 0 0;
    background: #D1D5DB;
    font-size: 12px;
    text-align: center;
}

.course-radio-card input[type="radio"]:checked+.course-radio-content .batch-date {
    background: #FCDB84;
}

.course-radio-card.for-cl input[type="radio"]:checked+.course-radio-content .batch-date {
    background: #C2DB98;
}

.course-radio-card input[type="radio"]:checked+.course-radio-content {
    border-radius: 14px;
    border: 2px solid #F1B800;
    background: #FEF6DF;
}

.course-radio-card input[type="radio"]:checked+.course-radio-content .location-details {
    border-radius: 12px;
    background: #FDEDC4;
}

.course-radio-card.for-cl input[type="radio"]:checked+.course-radio-content {
    border-radius: 14px;
    border: 2px solid #80AD32;
    background: #F1F5E6;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05);
}

.course-radio-card.for-cl input[type="radio"]:checked+.course-radio-content .location-details {
    border-radius: 12px;
    background: #DCEEB8;
}

.radio-indicator {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #D1D5DB;
    background-color: #fff;
    transition: all 0.3s ease;
}

.course-radio-card input[type="radio"]:checked+.course-radio-content .radio-indicator {
    border: 6px solid #034CAC;
    background-color: #fff;
}

.crc-title {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #231F20;
    margin-bottom: 5px;
    padding-right: 30px;
}

.crc-sessions {
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 15px;
}

.crc-price-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin-top: auto;
}

.crc-price {
    font-family: 'Mulish', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #034CAC;
    line-height: 1;
}

.crc-old-price {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    color: #9CA3AF;
    text-decoration: line-through;
}

/* FAQ Section Styles */
.oclt-faq-section {
    padding: 80px 0;
    background-color: #fff;
}

.oclt-faq-section .faq-tabs {
    border: none;
    justify-content: center;
    gap: 15px;
    margin-bottom: 40px;
}

.oclt-faq-section .faq-tabs .nav-link {
    border-radius: 50px;
    padding: 10px 25px;
    font-family: 'Mulish', sans-serif;
    font-weight: 600;
    color: #4B5563;
    transition: all 0.3s ease;
    border: 1px solid var(--Base-black, #231F20);
    background: var(--White, #FFF);
}

.oclt-faq-section .faq-tabs .nav-link.active {
    background-color: #034CAC !important;
    color: #fff !important;
    border-color: #034CAC !important;
    box-shadow: 0 4px 12px rgba(3, 76, 172, 0.2);
}

.oclt-faq-section .faq-accordion .accordion-item {
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 16px;
    border: 2px solid rgba(13, 13, 13, 0.60);
    background: var(--White, #FFF);
}

/* For active/expanded state */
.oclt-faq-section .faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    border-radius: 16px;
    border: 2px solid var(--Primary-blue, #034CAC);
    background: #EFF6FF;
}

.oclt-faq-section .faq-accordion .accordion-button {
    padding: 25px;
    padding-right: 65px;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none;
    display: flex;
    align-items: center;
    color: #0D0D0D;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 140% */
}

.oclt-faq-section .faq-accordion .accordion-button::after {
    content: '+';
    background-image: none;
    width: 36px;
    height: 36px;
    border-radius: 24855100px;
    border: 1px solid rgba(13, 13, 13, 0.10);
    background: rgba(13, 13, 13, 0.05);
    color: #374151;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 400;
    transition: all 0.3s ease;
    position: absolute;
    right: 30px;
}

.oclt-faq-section .faq-accordion .accordion-button:not(.collapsed)::after {
    content: '-';
    transform: none;
    background-color: #E5E7EB;
}

.oclt-faq-section .faq-accordion .accordion-body {
    padding: 25px;
    padding-top: 0;
    color: #0D0D0D;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 140% */
}

@media (max-width: 768px) {
    .oclt-faq-section .faq-accordion .accordion-button {
        font-size: 17px;
        padding: 15px;
        padding-right: 50px;
    }

    .oclt-faq-section .faq-accordion .accordion-body {
        font-size: 15px;
        padding: 15px;
        padding-top: 0;
    }

    .oclt-faq-section .faq-accordion .accordion-button::after {
        right: 15px;
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .date-text {
        font-size: 16px;
    }
}

/* Timeline Card Styles */

.timeline-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.timeline-item {
    position: relative;
    padding-left: 50px;
    font-family: 'Mulish', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #231F20;
    line-height: 1.4;
    padding-bottom: 15px;
}

.timeline-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.timeline-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    /* Alignment with text */
    width: 14px;
    height: 14px;
    background-color: #F1B800;
    border-radius: 50%;
    z-index: 2;
}

.timeline-item::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 20px;
    width: 1.5px;
    height: 100%;
    background-color: #231F20;
    z-index: 1;
}

.timeline-item:last-child::after {
    display: none;
}


@media (min-width: 992px) {
    .dr-kataria-why-section .dr-img {
        transform: scale(1.6);
        margin-left: -40px;
        margin-bottom: -37px;
    }
}

@media (max-width: 992px) {
    .discount-countdown-section .discount-title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .countdown-number {
        font-size: 60px;
    }

    .countdown-box {
        min-width: 130px;
        padding: 15px;
    }

    .timeline-item,
    .quick-register-icon-btn {
        font-size: 16px;
    }

    .dr-kataria-why-section .main-title {
        font-size: 45px;
    }

    .vinayak-img-wrapper {
        margin-top: 30px;
        transform: scale(1);
    }

    .dr-kataria-why-section .main-title {
        text-wrap: wrap;
    }

    .certified-swiper .swiper-slide {
        width: 450px;
    }
}

@media (max-width: 576px) {
    .countdown-container {
        gap: 15px;
    }

    .countdown-box {
        min-width: calc(50% - 15px);
    }

    .countdown-number {
        font-size: 48px;
    }

    .certified-swiper .swiper-slide {
        width: 85%;
    }

    .play-btn-overlay {
        width: 50px;
        height: 50px;
    }

    .best-seller-ribbon {
        font-size: 18px;
        top: -20px;
    }

    .best-seller::after {
        top: 15px;
    }

    .certified-training-card .position-relative::after {
        top: -3px;
    }

    .oclt-faq-section .faq-tabs .nav-link {
        font-size: 14px;
        padding: 10px 15px;
    }

}

@media (max-width: 468px) {
    .best-seller-ribbon-bottom {
        bottom: unset;
        top: 96px;
    }

    .ribbon-fold {
        bottom: unset;
        top: 138px;
    }

    .dr-kataria-why-section .main-title {
        font-size: 30px;
    }

    /* .dr-kataria-why-section .main-title::after {
        left: 0px;
        bottom: 0px;
    } */
}

/* Testimonial & Features Section Styles */
.tf-section-wrapper {
    background-color: #EBF3FB;
    /* Light blue/grey */
    position: relative;
    z-index: 1;
}

.tf-curve-divider {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.tf-curve-divider svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 90px;
    transform: rotateY(180deg);
}

.tf-curve-divider .shape-fill {
    fill: #EBF3FB;
}

.tf-card {
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    height: 100%;
    overflow: hidden;
}

.tf-dr-img-wrapper {
    position: relative;
    padding-bottom: 20px;
}

.tf-dr-img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-bottom-left-radius: 20px;
}

.tf-dr-label {
    background-color: #034CAC;
    color: var(--White, #FFF);
    text-align: center;
    font-family: Caladea;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px 15px;
    border-radius: 8px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}

.tf-feature-pill {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 12px;
    gap: 15px;
    margin-bottom: 16px;
}

.tf-feature-pill:last-child {
    margin-bottom: 0;
}

.tf-pill-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

.tf-pill-red {
    background-color: #fae8e8;
}

.tf-pill-red .tf-pill-icon {
    background-color: #f5c4c4;
    color: #d32f2f;
}

.tf-pill-red h5 {
    color: #5c1818;
}

.tf-pill-blue {
    background-color: #e8f4fc;
}

.tf-pill-blue .tf-pill-icon {
    background-color: #bedffd;
    color: #1976d2;
}

.tf-pill-blue h5 {
    color: #103c5f;
}

.tf-pill-yellow {
    border-radius: 16px;
    background: #FEF6DF;
}

.tf-pill-yellow .tf-pill-icon {
    background: #f8dfaa;
    color: #e65100;
}

.tf-pill-yellow h5 {
    color: #5d4205;
}

.tf-feature-pill h5 {
    color: var(--Base-black, #231F20);
    font-family: Caladea;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tf-feature-pill span {
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 992px) {
    .tf-dr-img-wrapper {
        margin-bottom: 20px;
    }
}

.banner-section.oclt-page {
    background:
        linear-gradient(180deg, rgba(255, 252, 244, 0.98) 0%, rgba(255, 252, 244, 0.92) 100%),
        url('../images/new-images/Main-banner.png') center / cover no-repeat;
    position: relative;
    z-index: 10;
}

.tf-card .video-container img,
.tf-card .video-container iframe {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .tf-card.right-card {
        position: absolute;
        height: fit-content;
    }
}

.counting-section.tony-robbins-section {
    border-radius: 0 0 50px 50px;
    background: #113868;
    padding-top: 100px;
    margin-top: -50px;
}

.benefits-section .icon-card {
    border-radius: 12px;
    border: 2px solid #EB6607;
    background: #FDFBF3;
}

.benefits-section .icon-card .icon-container {
    border-radius: 200px;
    border: 2px solid #F9B86C;
    background: #FFF2C6;
    padding: 15px;
}

@media (min-width:992px) {
    .hide-card {
        opacity: 0;
        transform: translateY(-40px);
        pointer-events: none;
        transition: all .4s ease;
        position: absolute;
        pointer-events: none;
    }
}

.show-card {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s ease;
    position: relative;
    pointer-events: auto;
}

.pricing-card.second-card {
    opacity: 0;
    transform: translateY(-40px);
}

.eclips-on-start,
.eclips-on-end {
    position: relative;
    overflow-x: clip;
}

.eclips-on-start::before,
.eclips-on-end::after {
    content: "";
    border-radius: 405px;
    background: rgba(251, 65, 31, 0.12);
    filter: blur(100px);
    position: absolute;
    bottom: -50px;
    left: -100px;
    width: 405px;
    height: 405px;
    z-index: -1;
}

.eclips-on-start::before {
    bottom: unset;
    left: unset;
    top: -50px;
    right: -100px;
}

.eclips-on-start.green::before,
.eclips-on-end.green::after {
    background-color: #F7FFDF;
}

.eclips-on-start.yellow::before,
.eclips-on-end.yellow::after {
    background-color: #FEF6DF;
}

.eclips-on-start.blue::before,
.eclips-on-end.blue::after {
    background-color: #E8F2FF;
}


.position-relative .image-bg {
    position: absolute;
    top: 0;
    right: 0px;
    width: 100%;
    height: 400px;
    border-radius: 504px;
    opacity: 0.45;
    background: var(--Colors-Green, #34C759);
    filter: blur(281px);
    z-index: -1;
    pointer-events: none;
}


/* New Code from page external (24-03-2026) */
.tf-card .video-container {
    position: relative;
    cursor: pointer;
}

.tf-card .video-container img {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* New Code */
.pricing-strip-wrapper {
    border-radius: 62px;
    background: var(--Primary-blue, #034CAC);
    transition: transform 0.35s ease, position 0.35s ease, bottom 0.4s ease;
}

.pricing-strip-wrapper .quick-register-icon-btn {
    font-size: 14px;
}

.pricing-strip-wrapper.fixed-bottom {
    border-radius: 0;
    padding: 13px 60px !important;
    transform: translateY(10px);
    bottom: 6px;
}

.pricing-strip-wrapper.fixed-bottom.near-footer {
    bottom: 92px;
}

.location-details,
.course-pricing-strip {
    position: relative;
}

.location-details::before,
.course-pricing-strip::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #325C9A;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*@media (max-width: 992px) {
            .course-pricing-strip::before {
                width: 100%;
                height: 1px;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
            }
        }*/


/* 88888888888 */
.dr-kataria-why-section .card-wrapper .b-card {
    background-color: #FEF7EA;
    border-radius: 12px;
    padding: 24px;
    height: 100%;
}

.feature-pill {
    background: #fff;
    border-radius: 16px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
    transition: transform 0.2s ease;
}

.feature-pill:hover {
    transform: translateY(-2px);
}

.feature-pill.pink {
    border: 1px solid #FEA9AA;
}

.feature-pill.pink .icon-circle {
    background-color: #FEA9AA;
    color: white;
}

.feature-pill.blue {
    border: 1px solid #9BCFFF;
}

.feature-pill.blue .icon-circle {
    background-color: #9BCFFF;
    color: white;
}

.feature-pill.yellow {
    border: 1px solid #FBDE95;
}

.feature-pill.yellow .icon-circle {
    background-color: #FBDE95;
    color: white;
}

.feature-pill .icon-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    flex-shrink: 0;
}

.feature-pill .text {
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.feature-pill .text strong {
    color: #2d3748;
    font-weight: 700;
}

.founder-card {
    background-color: #FFE8B2;
    border-radius: 20px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}

@media (min-width:992px) {
    .founder-card::before {
        content: "";
        position: absolute;
        top: 0;
        right: -50px;
        width: 70px;
        height: 100%;
        background-color: #FFE8B2;
        z-index: 0;
    }
}

.founder-card img.founder-img {
    width: 160px;
    height: auto;
    object-fit: contain;
    margin-top: -20px;
    /* transform: scale(1.3); */
}

.founder-card-content {
    padding-left: 15px;
}

.founder-card-content h4 {
    color: #936C0D;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.founder-card-content p {
    color: var(--Base-black, #231F20);
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.banner-section .video-wrapper.youtube-lazy {
    background-color: #FFE8B2;
    border-radius: 24px;
    padding: 10px;
    position: relative;
}

.video-wrapper.youtube-lazy {
    position: relative;
}

.video-wrapper.youtube-lazy iframe {
    border-radius: 16px;
    width: 100%;
}

.video-wrapper.youtube-lazy img {
    border-radius: 16px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-wrapper.youtube-lazy .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(32px);
    background: #ffffff6b;
    width: 70px;
    height: 70px;
    border-radius: 50px;
}

@media(max-width: 991px) {
    .founder-card {
        flex-direction: column;
        text-align: center;
        margin-top: 90px;
    }

    .founder-card img.founder-img {
        margin-top: -80px;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .founder-card-content {
        padding-left: 0;
    }
}

/* 88888888888 */

.location-details::before {
    background-color: #DDECFF;
}

.pricing-card-wrapper .location-details::before {
    background-color: #231F20;
}

.course-pricing-strip .para-text {
    font-size: 14px;
    text-align: center;
}

.course-pricing-strip .price {
    color: #052D68;
    text-align: center;
    font-family: Mulish;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.course-pricing-strip .original-price {
    color: #325C9A;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: line-through;
}

.course-pricing-strip .you-save {
    color: var(--Base-black, #231F20);
    text-align: center;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.location-details .para-text {
    text-align: center;
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.location-details .date {
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    /* 22.4px */
}

/* Tony Robbins Section */
.tony-robbins-section {
    background-color: #112a46;
    padding: 60px 0;
    font-family: 'Mulish', sans-serif;
    overflow: hidden;
}

.tony-text-content h3 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tony-text-content h3 span {
    font-family: Caladea;
    font-size: 32px;
}

.tony-text-content p {
    color: #FFF;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.tony-stats-divider {
    border-top: 1px solid #fff;
    margin: 30px 0 25px 0;
}

.tony-stat-item h4 {
    font-size: 26px;
    font-weight: 800;
    font-family: 'Mulish', sans-serif;
    color: #ffffff;
    margin-bottom: 5px;
    line-height: 1.2;
}

.tony-stat-item span {
    font-size: 14px;
    color: #cbd5e0;
    font-family: 'Mulish', sans-serif;
    display: block;
    line-height: 1.4;
}

.tony-robbins-section h3.lg-heading {
    color: #ffffff;
    font-size: 32px;
}

/* Benefits Section */

.benefit-card {
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
    height: 100%;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #f0f0f0;
    display: flex;
    flex-direction: column;
}

.benefit-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.08);
}

.benefit-card img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    background-color: #f5f5f5;
}

.benefit-card-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.benefit-card-content h4 {
    color: #034CAC;
}

.benefit-card-content p {
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
}

.text-primary-blue {
    color: #034CAC !important;
}

/* Quote Section */
.quote-section {
    padding: 80px 0;
    background-color: #fff;
}

.quote-box {
    background-color: #eff9df;
    border-radius: 40px;
    padding: 50px 40px;
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.quote-icon-wrapper {
    position: absolute;
    top: -30px;
    left: 80px;
}

.quote-text {
    color: #42620C;
    font-family: 'Caladea', serif;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 25px;
    line-height: 1.2;
}

.quote-author {
    color: #42620C;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
}

.quote-author span {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.8;
}

.quote-desc {
    color: #42620C;
    font-family: 'Mulish', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    opacity: 0.9;
}

@media (max-width: 768px) {
    .quote-text {
        font-size: 24px;
    }

    .quote-box {
        padding: 40px 20px;
        /* border-radius: 20px; */
    }

    .quote-icon-wrapper {
        left: 30px;
    }

    .certified-swiper {
        padding-bottom: 42px;
    }
}


.course-selection-box .location-details::before {
    background: #231F20;
    height: 75%;
    top: unset;
}

.course-selection-box .location-details {
    border-radius: 12px;
    background: #EFEFEF;
}

.emoji-btn {
    position: fixed;
    bottom: 88px;
    right: 40px;
    z-index: 9999;
    transform: translateY(280px);
    transition: all 0.5s ease-in-out;
}

.emoji-btn.near-footer {
    bottom: 170px;
}

.emoji-btn.show-emoji {
    transform: translateY(0px);
}


@media (min-width: 992px) {
    .training-overview-right .modal-dialog {
        max-width: 700px;
        margin-right: auto;
        margin-left: auto;
    }
}


.position-relative.founder-img-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(251, 65, 31, 0.30);
    z-index: 0;
    filter: blur(50px);
}

.emoji-btn img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes rotateLoop {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.emoji-btn img.text-img {
    animation: rotateLoop 12s linear infinite;
}

.oclt-faq-section.eclips-on-start::before,
.oclt-faq-section.eclips-on-end::after,
.certified-leader-section.eclips-on-start::before,
.certified-leader-section.eclips-on-end::after {
    z-index: 0;
}

.oclt-faq-section.eclips-on-start>div,
.oclt-faq-section.eclips-on-end>div,
.certified-leader-section.eclips-on-start>div,
.certified-leader-section.eclips-on-end>div {
    position: relative;
    z-index: 1;
}

.form-control::placeholder {
    color: #55555580;
}

@media(min-width:1024px) {
    .button-second {
        display: none;
    }

    .who-pract .right::before {
        content: "";
        width: 1px;
        height: 80%;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        background-color: #3899CF;
    }

}

.footer-Section.oclt-footer {
    margin-bottom: 100px;
}

@media(max-width:1024px) {
    .footer-Section.oclt-footer {
        margin-bottom: 170px;
    }

    .pricing-strip-wrapper.scroll-wrapper {
        overflow: hidden;
        background-color: #034CAC;
    }

    .row.scroll-track {
        display: flex;
        flex-wrap: nowrap;
        width: max-content;
        animation: scrollX 20s linear infinite;
    }

    .max-540 {
        max-width: 550px;
    }

    .max-400 {
        max-width: 400px;
    }

    .button-first {
        display: none !important;
    }

    /* animation */
    @keyframes scrollX {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-1 * var(--scroll-width)));
        }
    }

    .emoji-btn {
        bottom: 150px;
        right: 0;
    }
}



/*  */
.who-pract-grid .text-container {

    width: 100%;
    aspect-ratio: 1;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 2vw, 18px);
    text-align: center;
    transition: all 0.7s ease;
}

.who-pract-grid .grid-item {
    height: 400px;
    flex: 0 0 190px;
    border-radius: 206px;
    display: flex;
    margin-bottom: 20px;
}

.who-pract-grid .grid-item:hover .text-container {
    background: var(--Primary-blue, #034CAC);
}

@media (max-width: 1024px) {
    .who-pract-grid .grid-item {
        height: 320px;
    }
}

@media (max-width: 768px) {
    .who-pract-grid .grid-item {
        height: 300px;
        flex: 0 0 160px;
    }

    .who-pract-grid .sub-heading {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .who-pract-grid .grid-item {
        height: 250px;
        flex: 0 0 100px;
    }

    .who-pract-grid .sub-heading {
        font-size: 16px;
    }
}