/* Banner Section */
.banner-section.about-us {
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/about/about-banner.png') 50% / cover no-repeat, rgba(33,95,141,1);
}

.banner-section .tag-line{
    border-radius: 12px;
    background: #FFF2C6;
    box-shadow: 0px 2px 0px 2px #AE8809;
    margin: auto;
    margin-bottom: -18px;
}
.tag-line.with-img{
    border-radius: 12px;
    background: #FFF2C6;
    box-shadow: 0px 3px 0px 3px #F2E2AE;
}


/* Section LY Approach */
.ly-approach{
    border-radius: 42px;
    border: 3px solid #3A2C60;
    background: #C6B7EE;
}
.ly-approach .approach-img{
    border-radius: 24px;
    border: 4px solid #FFF;
    box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.20);
    overflow: hidden;
}
.ly-approach .approach-content{
    border-radius: 16px;
    border-left: 4px solid #3A2C60;
    background: #FFF;
}
/* .ly-approach .col-md-12 .approach-content{
    padding-top: 40px !important;
} */
.approach-content .number{
    border-radius: 500px;
    background: #3A2C60;
    color: #FFF;
    line-height: 160%; /* 28px */
    height: 32px;
    width: 32px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Who Can Practice Section CSS */
.who-pract .right::before {
    content: "";
    width: 1px;
    height: 80%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    background-color: #3899CF;
}
.who-pract-swiper .text-container{
    /* border-radius: 206px;
    background: rgba(34, 34, 34, 0.51);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50%;
    transition: all 0.7s ease; */

    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-swiper .swiper-slide{
    max-height: 450px;
    min-height: 400px;
    width: 176px;
    border-radius: 206px;
}
.who-pract-swiper .swiper-slide:hover .text-container{
    background: var(--Primary-blue, #034CAC);
}

/* Does it Works Section */
.does-it-work .color-cards .icon-card{
    border-radius: 12px;
    background: #FFF2C6;
}
.does-it-work .color-cards div:nth-child(2) .icon-card{
    background: #FFD7D7;
}
.does-it-work .color-cards div:nth-child(3) .icon-card{
    background: #CFF4F2;
}
.does-it-work .color-cards div:nth-child(1) .icon-card:hover {
    box-shadow: 0px 0px 0px 3px rgb(211 201 166);
}
.does-it-work .color-cards div:nth-child(2) .icon-card:hover {
    box-shadow: 0px 0px 0px 3px rgb(229 183 183);
}
.does-it-work .color-cards div:nth-child(3) .icon-card:hover {
    box-shadow: 0px 0px 0px 3px rgb(142 206 202);
}
/* a{
    color: var(--Primary-blue, #034CAC);
} */

/* Applications of LY */
.application-of-ly .row .application-card{
    border-radius: 16px;
    border: 1px solid var(--Primary-blue, #034CAC);
    background: #FFFAFA;
    height: 100%;
}
.right-column section:first-child::after,
.tag-line.with-img::before,
.who-pract::before,
.application-of-ly::before {
    content: '';
    background-color: rgba(251, 65, 31, 0.20);
    width: 250px;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: 200px;
    left: -150px;
    z-index: -3;
    filter: blur(80px);
}
.tag-line.with-img::before,
.who-pract::before{
    top: 40px;
}
.right-column section:first-child::after{
    left: unset;
    right: -100px;
    top: 10px;
}

.application-of-ly .ribbon-label{
    padding: 14px 36px; 
    margin-left: -30.5px; 
    width:85%; 
    white-space: nowrap; 
    border-radius: 8px 8px 8px 0px; 
    background: var(--Gradient-shade, #3899CF); 
    box-shadow: 3px 3px 5px 0px rgba(3, 76, 172, 0.32);
}

/* Benefits-section */
.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;
    aspect-ratio: 1;
}

.icon-container .para-text,
.icon-container .sub-heading{
    color: #5B3710;
}

.btn-ab-zoom{
    padding: 12px 30px; 
    border-radius: 6px;
    border: 1px solid #EB6607;
    background: #FB411F;
    box-shadow: 0px 2px 0px 0px #B52308;
    color: #FFF;
    font-family: Mulish;
    font-size: 16px;
    font-weight: 700;
}

.btn-ab-zoom:active:focus{
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    padding: 12px 27px 12px 33px; 
}

.zoom-section-about .icon-span{
    border-radius: 100px;
    border: 1.5px solid #EF7E7E;
    background: #FFD7D7;
    width: 63px;
    height: 63px;
    padding: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.zoom-section-about .second-row .col-md-4:nth-child(3) .icon-span{
    border: 1.5px solid #4893CC;
    background: #D6EDFF;
}
.zoom-section-about .second-row .col-md-4:nth-child(4) .icon-span{
    border: 1.5px solid #00A59B;
    background: #CFF4F2;
}
.zoom-section-about .second-row .col-md-4:nth-child(5) .icon-span{
    border: 1.5px solid #CAAB42;
    background: #FFF2C6;
}
.zoom-section-about .second-row .col-md-4:nth-child(6) .icon-span{
    border: 1.5px solid #8E9CD0;
    background: #DDE4FF;
}
.zoom-section-about .second-row .col-md-4:nth-child(7) .icon-span{
    border: 1.5px solid #EF7E7E;
    background: #FFD7D7;
}

.zoom-section-about .info-card{
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 3px 16px 0px rgba(70, 74, 75, 0.10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    height: 100%;
}
.zoom-section-about .join-zoom{
    border: 1px solid #EB6607; 
    min-height:375px;
    background: url('../porlob_img/about/zoom-bg.png') right/cover no-repeat; 
    background-size: 100% 100%; 
    border-radius: 40px;
}

.zoom-section-about .become-ly-leader{
    border: 1px solid #EB6607; 
    min-height:375px;
    background: url('../porlob_img/about/zoom-bg2.png') right/cover no-repeat; 
    background-size: 100% 100%; 
    border-radius: 40px;
}

/* Right Column */
.certified-leader-card .disable-price{
    color: #757575;
    text-align: center;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
    text-decoration-line: strikethrough;
    text-transform: uppercase;
}
.certified-leader-card .price{
    color: #FB411F;
    text-align: center;
    font-family: Mulish;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 44.8px */
    text-transform: uppercase;
    }


/* Laughter yoga For Seniors Page Styles Started from here*/
.banner-section.ly-for-seniors {
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/ly-for-seniors/ly-for-seniors-banner.png') 50% / cover no-repeat, rgba(33,95,141,1);
}

.light-blue-labels .label,
.light-blue-labels > span{
    border-radius: 50px; 
    background: #EFF2FF; 
    color:#034CAC;
}
.light-blue-labels .label{
    border: 1px solid #034CAC;
}

/* .ly-seniors{
    border-radius: 32px;
    border: 3px solid #F9B86C;
    background: #FFF2C6;
} */

.ly-in-school li,
.value-of-workshop .row li{
    position: relative;
    color: #FFF;
}

.benefits-and-support .row.health li{
    position: relative;
}
/* .benefits-and-support .row.health li::before,  */
.ly-in-school li::before,
.value-of-workshop li::before{
    content: "";
    position: absolute;
    left: -26px;
    top: 0px;
    width: 18px;
    height: 18px;
    background: url('../porlob_img/ly-for-seniors/svg/red-check.svg') no-repeat center / contain;
}
/* .benefits-and-support .row.health.benefits li::before{
    background: url('../porlob_img/ly-for-seniors/svg/green-check.svg') no-repeat center / contain;
} */


/* .social-lifeline img{
    width: 100px;
    height: 100px;
} */


.bg-images-section>div>div .text-center{
    width:90%; 
    border-radius: 22px; 
    background-color: #231F20;
    transition: all 0.5s ease;
}
.bg-images-section>div>div:hover .text-center{
    background-color: #034CAC;
}
/* Laughter yoga For Seniors Styles End */

/* LY For Business */
.banner-section.ly-for-business{
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/ly-for-business/ly-for-business.jpg') 50% / cover no-repeat, rgba(33,95,141,1);
}

.left-bg-color::before{
    content: '';
    width: 300px;
    height: 300px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -150px;
    z-index: -3;
    background: #7C71EF;
    filter: blur(281px);
}

.used-by-card>div .text-center{
    width:90%; 
    border-radius: 22px; 
    background-color: #231F20;
    transition: all 0.5s ease;
    color: #FB411F;
    
}
.used-by-card>div:hover .text-center{
    background-color: #034CAC;
    color: #fff;
}
/* LY Business End */

/* LY in Cancer Support */
.study-highlight{
    border-radius: 16px;
    border: 2px dashed #F87518;
    background: #FFF2C6;
}
/* ENd */

/* LY for Children Start */
.banner-section.ly-for-children{
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/ly-for-children/ly-f-children-banner.png') 50% / cover no-repeat, rgba(33,95,141,1);
}
.subjected-to p{
    border-radius: 8px; 
    background: #FBEBD9;
    color: #EB6607;
    height: 100%;
}

.c-benefits-card{
    border-radius: 16px;
    border: 1px solid var(--Gradient-shade, #3899CF);
    background: #FFF;
    transition: all 0.8s ease;
}

.drk-diary .events-card{
    border-radius: 22px;
    background: #FFF8EA;
    transition: all 0.8s ease;
}
.ly-news .events-card:hover,
.drk-diary .events-card:hover{
    box-shadow: 0px 0px 15px -3px #caab6d;
}
.ly-blogs .events-card{
    border-radius: 32px;
    background: #F4FFFE;
    transition: all 0.8s ease;
}
.ly-blogs .label.laughter-yoga-wellness{
    background-color: #d0f0c0 !important;
    color: #2e7d32 !important;
}
.ly-blogs .label.laughter-yoga-in-education{
    background-color: #fff3cd !important;
    color: #856404 !important;
}
.ly-blogs .label.healing-through-laughter-yoga{
    background-color: #f8d7da !important;
    color: #721c24 !important;
}
.ly-blogs .label.laughter-yoga-coporate{
    background-color: #e0f7fa !important;
    color: #006064 !important;
}

.scientific-research .events-card{
    border-radius: 32px;
    background: #F4EEFD;
    transition: all 0.8s ease;
}
.scientific-research .events-card:hover {
    box-shadow: 0px 0px 15px -3px #c49dfe;
}
.testimonials .events-card{
    border-radius: 32px;
    background: #FFF0F0;
    transition: all 0.8s ease;
}
.testimonials .events-card:hover {
    box-shadow: 0px 0px 15px -3px #cf9191;
}
.ly-news .events-card{
    border-radius: 32px;
    background: #FFF6D6;
    transition: all 0.8s ease;
}
.upcoming-events .events-card{
    border-radius: 36px; 
    background: #FFF;
    transition: all 0.8s ease;
    box-shadow: 0px 0px 5px 2px aliceblue;
}
.find-training .events-card{
    background-color: #EFF2FF; 
    border-radius: 32px;
    transition: all 0.8s ease;
}
.drk-schedule .events-card{
    border-radius: 28px;
    border: 2px solid #E6E8E9;
    background: #FFF;
    transition: all 0.8s ease;
}

.c-benefits-card .img-container{
    max-height: 250px;
}
.c-benefits-card img{
    border-radius: 16px;
    width: 100%;
    height: 100%;
}
/* LY for Children end */

/* Dr. Kataria Schedule CSS Start */

.events-select .form-select{
    border-radius: 8px;
    background-color: #FFF;
    padding: 8px 32px;
    border: 1px solid #8C8C8C;
}
.form-select:focus{
    box-shadow: none;
}
.events-select .form-select:active:focus {
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    border-color: #FFF2C6;
}
.events-card .time-and-day,
.events-card .date{
    color: #8C8C8C;
    font-family: Mulish;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
}

.events-section .events-card .label{
    border-radius: 12px;
    padding: 8px;
    font-size: 18px;
    font-weight: 600;
    color: var(--Primary-blue, #034CAC);
    background: #EFF2FF;
}
.events-section .events-card .label.daily-event{
    color: var(--Primary-blue, #034CAC) !important;
    background: #EFF2FF !important;
}

.events-section .events-card .label.event-completed{
    background: #AABF7D !important;
    color: #2E4B1C !important;
}
.events-section .events-card .label.days-left{
    color: #FB411F !important;
    background: #FFE7DF !important;
}
.events-card:hover {
    box-shadow: 0px 0px 15px -3px #3899cf;
}

.swiper-pagination-bullet,
.testimonial-swiper-section .swiper-pagination-bullet,
.quotes-swiper .swiper-pagination-bullet{
    background-color: var(--Primary-blue, #034CAC) !important;
    transition: all 0.4s ease-in-out;
}
.swiper-pagination-bullet-active,
.testimonial-swiper-section .swiper-pagination-bullet-active,
.quotes-swiper .swiper-pagination-bullet-active{
    width: 20px;
    border-radius: 6px;
}
/* Dr. Kataria Schedule CSS End */

/* Form */
.form-label{
    color: #000;
    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.form-control::placeholder{
    color: #BAB2B2;
}
.form-control{
    border: 1px solid #E4E1E1;
    background-color: #F7F7F7;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

/* Kataria Diary */
/* Pagination css */
.pagination-container .button-wrap{
    width:100%;
    display: flex;
}

.pagination-container .btn-pagination.btn-main{
    padding: 8px 12px;
    border-radius: 8px;
    color: #555;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    border:1px solid #D0D5DD;
    background-color: #fefbfb;
}

.pagination-container .btn-pagination.btn-main i,
.pagination-container .btn-pagination.btn-main svg{
    height: 1.4rem;
    width: 1.4rem;
}

.pagination-container .btn-pagination.btn-main:hover{
    background-color: transparent;
}
.pagination-container .btn-pagination.btn-main:active {
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    padding: 8px 15px 8px 9px;
}
.pagination-container .btn-pagination.btn-main.right:active {
    padding: 8px 9px 8px 15px;
}

.pagination-container .page-btn{
    padding: 4px;
    border-radius: 8px;
    font-weight: 600;
    background-color: #fefbfb;
}

.pagination-container .page-btn span,
.pagination-container .spacer{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
}

.pagination-container .page-btn.active {
    background-color: var(--Primary-blue,#034CAC);
    color: #fff;
    pointer-events: none;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
    border: none;
}

.pagination-container .page-btn:active {
    box-shadow: inset 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    padding: 5px 4px 3px 4px;
}
/* For Pagination */
.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.btn-outline-primary{
    border-radius: 12px;
    border: 1px solid var(--Primary-blue, #034CAC);
    background-color: #FFF;
    color: var(--Primary-blue, #034CAC);
    transition: all 0.8s ease;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    padding: 8px 16px;
    box-shadow: 0px 2px 0px 0px #5695DF;
}
.btn-outline-primary:hover{
    background-color: var(--Primary-blue, #034CAC);
    color: #FFF;
}

/* Learn LY */
.who-can-do .overflow-y-scroll::-webkit-scrollbar-thumb {
    background: #754931;
    border-radius: 24px;
    width: 1px;
}
.who-can-do .overflow-y-scroll::-webkit-scrollbar-track {
    background: #FFF;
    border-radius: 24px;
}
.filter-bar .filter-btn{
    padding: 12px 20px;
}
.filter-btn.active{
    border-radius: 46px;
    background: #034CAC;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.17);
    color: #fff;
}

/* Teacher Training */
.nav-pills .nav-link{
    border-radius: 54px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 24px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #FFF;
    background: var(--Primary-blue, #034CAC);
}

/* Leader Training */
/* .bg-round-number{
    font-weight: 700;
    border-radius: 50%;
    background: #3A2C60;
    color: #FFF;
    text-align: center;
    line-height: 160%;
    height: 30px;
    width: 30px;
    aspect-ratio: 1;
} */

.filter-bar button{
    border:unset;
    background-color: transparent;
}
.free-seminars{
    border-radius: 8px;
    background: #D9E9FF;
    color: var(--Primary-blue, #034CAC);
}
.conference{
    color: #5A2BE1;
    border-radius: 8px;
    background: #E8E2FA;
}
.workshop{
    color: #EB6607;
    border-radius: 8px;
    background: #FFF4E4;
}
/* Tabel Code */
.table-container{
    background-color: #FFF;
    border-radius: 12px;
    border: 1px solid #E4E7EC;
    overflow: hidden;
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}

.table-container table{
    border: unset;
    color: #E4E7EC;
    margin-bottom: unset;
}

.table-container thead{
    background-color: #F9FAFB;
}

.table-container th{
    padding: 12px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    border: unset;
    background-color: transparent;
}
.table-container td{
    padding: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border:unset;
    border-top: 1px solid #E4E7EC;
    max-width: 450px;
}
.table-container td.certified-leader{
    color: #5A2BE1;
}
.table-container td.certified-teacher{
    color: #EB6607;
}
/* Blur Text */
.blurry-text {
    text-shadow: 0 0 15px #000000;
    color: transparent;
}

.table-container td a.nav-link{
    color: var(--Primary-blue, #034CAC);
    cursor: pointer;
}
.table-container td a.nav-link.pending{
    color: #EB6607;
}
.table-container td a.nav-link:hover{
    text-decoration: underline;
}

.table-wrapper{
    overflow-x: scroll;
}
.table-container .pagination-container{
    border-top: 1px solid #E4E7EC;
}
.table-wrapper::-webkit-scrollbar {
    height: 0;
}

/* Prozone Page */
.banner-section.prozone{
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/prozone-banner-img.jpg') 50% / cover no-repeat, rgba(33,95,141,1);
}

ul.g-check-list li{
    position: relative;
    padding-left: 30px;
}
ul.g-check-list li::before {
    content: "✅";
    position: absolute;
    left: 0;
    top: 0px;
    width: 20px; /* Adjust size */
    height: 20px;
}

/* LY 2.0 */
.banner-section.ly-2-0{
    background: linear-gradient(180deg, #1291DE 0%, rgba(29, 161, 242, 0.8) 100%), url('../porlob_img/ly-2.0-banner-img.png') 50% / cover no-repeat, rgba(33,95,141,1);
}

/* Accordion */

.accordion-header,
.accordion-collapse{
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.08);
}
.accordion-collapse{
    padding: 20px;
}
.accordion.session .accordion-body{
    overflow-y: scroll;
    overflow-x: clip;
    max-height: 500px;
    padding: 0 0 10px 0;
}
.accordion-body::-webkit-scrollbar{
    width: 14px;
}
.accordion-body::-webkit-scrollbar-track {
    background: #E3E3E3;
    border-radius: 10px;
}
.accordion-body::-webkit-scrollbar-thumb {
    background: #034CAC;
    border-radius: 10px;
}

.accordion-item,
.accordion-button{
    background-color: transparent;
    border: unset;
}
.accordion-button:focus{
    box-shadow: unset;
}
.accordion-button:not(.collapsed){
    box-shadow: unset;
    background-color: transparent;
    color: var(--Gray-1, #333);
}

.accordion.qna .accordion-collapse{
    border-radius: 24px;
    background: #F1F1F1;
}

ul.scrolling-list > li > span {
    position: relative;
    padding-left: 30px;
    display: inline-block;
}

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

/* Events Detail Page CSS */
.outline-number{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFF;
    color: transparent;
    font-family: Mulish;
    font-size: 52px;
    font-weight: 800;
}
/* Professional Profile Page */
.profile-page .image-section >div{
    border-radius: 16px; 
    background: #FFF; 
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);
}
.profile-page .p-image{
    max-width:220px; 
    aspect-ratio:1; 
    border-radius: 50%;
}
.profile-page .tag-line{
    color: #1A3E91;
    border-radius: 6px;
    background: #CDEDFF; 
    width:fit-content;
}
.profile-page .Registd-number{
    width:fit-content; 
    border-radius: 8px;
    border: 1px solid #F1EEEE;
    background: #0E388F;
}
.profile-page .contact-d-card{
    border-radius: 12px; 
    border: 1px solid #F1EEEE; 
    background: #FAF9FE;
}
.profile-page .contact-d-card > span{
    color: #676767;
    font-size: 12px;
}
.profile-page .certified-card{
    background: #FFF;
    box-shadow: 0px 4px 17px 0px rgba(14, 56, 143, 0.11);
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.profile-page .upcomming{
    font-size: 14px;font-weight: 500;color: #605C5C; border-radius: 8px;background: #CDEDFF;
}
.profile-page .done{
    font-size: 14px;font-weight: 500;color: #605C5C; border-radius: 8px;background: #D5F9D1;
}

/* Contact Us Form */
.contact-us-form .form-control{
    border-radius: 16px;
    border: 1px solid #CCC;
    background-color: var(--SIMPLYVAT-COLOUR-PALETTE-White, #FFF);
    padding: 15px;
    color: #676767;
    font-family: Mulish;
    font-size: 20px;
}
/* Links Color */
.link-color{
    color: #034CAC;
}
.city-filter-bar > .row{
    border-radius: 120px;
    background: #F6F7FB;
}
.description img{
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
}
/* Image Container  */
.img-hover-zoom--brightness img {
    transition: transform 2s, filter 1.5s ease-in-out;
    transform-origin: center center;
    filter: brightness(60%);
}

.img-hover-zoom--brightness:hover img {
    filter: brightness(100%);
    transform: scale(1.3);
}
.about-drk .img-hover-zoom--brightness{
    border-radius: 20px;
    height: 30%;
}
.about-drk .img-hover-zoom--brightness img {
    filter: grayscale(100%);
}
.about-drk .img-hover-zoom--brightness:hover img {
    filter: grayscale(0);
}
.schedule-swiper .swiper-slide{
    width: 350px;
}
.quotes-swiper .profile-img{
    border-radius: 50%; 
    aspect-ratio: 1;
    width: 140px;
    height: 140px;
}
/*UpcommingEvents*/
.u-events{
    border-radius: 24px; 
    background: linear-gradient(90deg, rgba(22, 79, 154, 0.09) 0.23%, rgba(142, 165, 218, 0.20) 96.84%), url('../porlob_img/mission-and-vision/box-bg.png') lightgray -112.615px 0px / 125.503% 53.195% no-repeat;
}

/* 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));
    }
    /*0%   { transform: translateX(0); }
    50%  { transform: translateX(calc(-264px * 10)); }
    100% { transform: translateX(0); }*/
}

.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;
}
ul.icon-text-list.gold > li::before{
    background: url('../porlob_img/spark.svg') no-repeat center / contain;
}
ul.icon-text-list.problem > li::before{
    background: url('../porlob_img/problem.svg') no-repeat center / contain;
}
ul.icon-text-list.check-blue > li::before{
    background: url('../porlob_img/check-circle-blue.svg') no-repeat center / contain;
}
.b-school-children{
    border-color: #9D3F3F;
    background: #FFD7D7;
}
.b-school-children .approach-content{
    border-left-color:#9D3F3F;
}
.b-school-children .approach-content .sub-heading{
    color: #9D3F3F;
}
.b-school-children .approach-content .number{
    background-color: #9D3F3F;
}
.special-needs .label {
    border-radius: 0 50px 50px 0;
    background: #EFF2FF;
    color: #034CAC;
    border: 1px solid #034CAC;
    padding: 14px 20px 14px 25px;
    margin-left: -15px;
    z-index: -1;
}

.special-needs .spn-icon{
    padding: 10px;
    border-radius: 41px;
    border: 1px solid var(--Primary-blue, #034CAC);
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    aspect-ratio: 1;
}
.pink-bg-section{
    border-radius: 16px; 
    border: 3px solid #D4A3A3; 
    background: #FFD7D7;
}
.pink-bg-section .card{
    border-radius: 16px; 
    border-left: 4px solid #D4A3A3; 
    background: #FFF;
}

.yellow-tag-line{
    border-radius: 12px;
    background: #FEEEC3;
    box-shadow: 0 2px 0 2px #AE8809;
    width: max-content;
}
.yellow-tag-line.large-text{
    position: relative;
    width: fit-content;
    margin: -40px auto auto;
    z-index: 1;
}
.benefits-section .icon-card.green{
    border-color: #F9B86C;
}
/* PDF News Clips */
.newsroom .events-card .download-btn-container{
    position: absolute;
    bottom: -30px;
    width: 100%;
    padding: 0 15px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: bottom 0.5s ease-out, opacity 0.5s ease-out;
    will-change: transform, opacity;
}
.newsroom .events-card:hover .download-btn-container{
    bottom: 15px;
    opacity: 1;
}

.download-btn{
    border-radius: 50%;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px !important;
}
.newsroom .events-card{
    border-radius: 16px; 
    height:250px;
    overflow: hidden;
    box-shadow: 0px 3px 10px 3px rgba(234, 236, 244, 0.29);
}
.newsroom .events-card:hover img{
    filter: brightness(0.6);
    transition: filter 0.5s ease-in-out;
}

.reaction-for-blog{
    background: #fdfbe6; 
    border-radius:16px;
}
.reaction-for-blog .count{
    font-size: 14px;
    background: #dbd8bc;
    text-align: center;
    border-radius: 12px;
    padding: 0 10px;
}
.reaction-for-blog .message{
    font-size: 16px;
    cursor: pointer;
}
.reaction-for-blog form{
    grid-template-columns: 1fr 1fr 1fr;
}
.reaction-for-blog img{
    width: 38px;
}
.reaction-for-blog .emoji-container{
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 1s ease;
}
.reaction-for-blog .emoji-container.selected,
.reaction-for-blog .emoji-container:hover{
    opacity: 1;
}

/* History*/

.history-container .img-container{
    overflow: hidden;
    width: 100%;
    border-radius:24px; 
    height: 260px;
}
.history-container .row{
    min-height: 340px;
}
.history-container .row.with-date{
    padding-top: 4rem;
}
/*.history-container .svg-icon{
    position: absolute;
    left: -15px;
    top: 30px;
} */
.history-container .svg-icon{
    position: absolute;
    left: -39px;
    top: 50%;
    transform: translateY(-50%);
}
.history-container .year{
    position: absolute;
    top: -45px;
    left: -32px;
    background-color: #fff;
}
.main-text .sub-heading{
    color:#fff;
    border-radius: 16px;
    background: #0D2442;
}
.text-container{
    border-left: 2px dashed #000;
    height: 100%;
}


/* End */

/* New Added */
.accordion-item{
    border-radius: 16px !important;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}
.accordion-header, .accordion-collapse{
    box-shadow: none;
    border-radius: 0;
}
.accordion-collapse{
    border-top: 1px solid #e8e8e8;
}
/*New Added*/

.accordion-body{
    position: relative;
}
.accordion-body .sticky-btn{
    border-radius: 32px;
    position: sticky;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
}
.live-blink{
    font-size: 12px;
    font-family: Caladea;
    position: absolute;
    color: red;
    right: -20px;
    top: -12px;
    border-radius: 15px;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.20));
    animation: blink 0.6s infinite alternate;
}


/* Media Queries */
@media (max-width:1100px){
    .icon-svg{
        width: 90px;
    }
}

@media(min-width:992px){
    .trainds{border-right: 1px solid #FF7E66;}
    .approach-img{
        max-height: 180px;
    }
    .history-container .row:last-child .text-container::before{
        content: '';
        background: #fff;
        left: -17px;
        bottom: 0;
        position: absolute;
        height: 214px;
        width: 30px;
        display: block;
        z-index: 5;
    }
}


@media (max-width: 992px) {
    .text-container{
        padding-left: 0;
        border-left: unset;
    }
    .history-container .svg-icon{
        display: none;
    }
    .history-container .year {
        top: -310px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width:768px){
    .pagination-container .page-btn:not(.active),
    .pagination-container .spacer{
        display:none;
    }
    .pagination-container .button-wrap {
        width: auto;
    }
    .city-filter-bar > .row{
        border-radius: 32px;
    }
    .yellow-tag-line.large-text{
        margin: -10px 10px;
    }

    /* New */
    .reaction-for-blog .count{
        font-size: 12px;
    }
    .reaction-for-blog .message{
        font-size: 14px;
    }
    .reaction-for-blog img{
        width: 28px;
    }
    .accordion-body .sticky-btn{
        left: unset;
        transform: unset;
    }
}

@media (max-width:576px){
    .banner-section .tag-line{
        width: fit-content !important;
    }
    .benefits-section .icon-container .svg,
    .benefits-section .icon-container svg {
        width: 44px;
        height: 44px;
    }
    .btn-ab-zoom {
        padding: 8px 14px;
    }
    .btn-ab-zoom:active:focus{
        padding: 8px 10px 8px 18px; 
    }
    .who-pract-swiper .swiper-slide {
        min-height: 360px;
    }

    .zoom-section-about .join-zoom{
        background: #fdfbf3;
        margin: 5px;
    }
    
    .zoom-section-about .become-ly-leader{
        background: #fdfbf3;
        margin: 5px;
    }

    .ly-approach .approach-content {
        padding-top: 40px !important;
        border-left: unset;
        border-bottom: 4px solid #3A2C60;
    }
    .ly-approach .mb-sm--10{
        margin-bottom: -20px;
        z-index: 1;
    }

    .icon-svg{
        width: 80px;
    }
    .outline-number{
        font-size: 40px;
    }

    .special-needs .spn-icon{
        width: 55px;
        height: 55px;
    }
    .special-needs .label {
        padding: 8px 10px 8px 20px;
    }

}

@media (max-width:468px){
    .application-of-ly .ribbon-label svg{
        top: -4.3px !important;
    }
    .who-pract-swiper .swiper-slide {
        min-height: 360px;
    } 
    .table-container th,
    .table-container td{
        padding: 10px !important;
    }

    /* PDF News Clips */
    .newsroom .events-card .download-btn-container{
        position: static;
        opacity: 1;
        padding: 15px;
    }
    .newsroom .events-card img{
        border-radius: 16px;
        height:220px;
    }
    .newsroom .events-card{
        height: unset;
        overflow: visible;
        background: #F2F2F2;
    }
}