/*

Theme Name: VMS-Joka 

Author: VMS Joka — CISCE School in Joka, Kolkata (School Code WB121) | Vivekananda Mission School 

Description: Vivekananda Mission School, Joka — flagship VMS campus in Kolkata, affiliated to CISCE, New Delhi (School Code WB121). Man-making, character-building education since 1978. Admissions open for Nursery–VIII, Session 2027-28.

Version: 1.1

Date: AUG

*/
/*.vms-header{display: none!important;}*/
.vms-club-card .body {text-align: center;}
.vms-form-control, #gform_fields_1 input, #gform_fields_1 textarea {
    width: 100%;
    border: 1px solid var(--vms-line);
    border-radius: 10px;
    padding: .7rem .9rem;
    font-family: var(--vms-font-body);  
    font-size: .92rem;
    color: var(--vms-ink);
    background: var(--vms-cream);
    transition: border-color .2s ease, background .2s ease;
    height: 46px;
}
.vms-form-control:focus, #gform_fields_1 input:focus, #gform_fields_1 textarea:focus {
    outline: none;
    border-color: var(--vms-maroon);
    background: var(--vms-white);
}
textarea.vms-form-control, #gform_fields_1 textarea{
    resize: vertical;
    min-height: 120px;
}
.vms-btn-primary, #gform_submit_button_1 {
    background: var(--vms-maroon);
    color: var(--vms-white);
}
.vms-btn, #gform_submit_button_1{
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .75rem 1.6rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .95rem;
    transition: all .2s ease;
    border: 1px solid transparent;
    text-decoration: none;
}
.contact-fot-btn a{
    padding: .75rem 0.9rem!important;
    font-size: 1rem!important;
}
#gform_fields_1{row-gap: 15px;}
.dropdown-item.active, .dropdown-item:active{
    text-decoration: none;
    background: var(--vms-maroon-tint)!important;
    color: var(--vms-maroon-dark)!important;   
}
@media (max-width: 1199.5px) and (min-width: 991.5px){  
    .vms-inner-layout .col-lg-3{width: 30%;}
    .vms-inner-layout .col-lg-9{width: 70%;}
}   
@media (max-width: 991.5px) {
    .cta-btn-wrap {
        justify-content: center;
    }
}
@media (max-width:420.5px) {
    .vms-quickfacts .col-6{
        width: 100%;
        margin-top: 7px!important;
    }
    .vms-quickfacts .fact{padding: 0.5rem 0!important; }
}



/*11-08-2026*/

.page-template-boards-results .vms-rule-block{
    height: unset !important;
}
.vms-header{
    border-bottom: 0px !important;
}
.home .vms-notice{
    align-items: center !important;
}
.cta-btn-wrap .vms-btn-outline{
    z-index: 1;
}
html {
  overflow-x: hidden !important;
}
body {
  overflow-x: clip !important;
}
.home .vms-branch-hero{
    padding: 3rem 0 3rem !important;
}

/*17-08-2026*/

.vms-club-swiper {
    overflow: hidden;
    padding-bottom: 4px;
}
.vms-club-swiper .swiper-wrapper {
    align-items: stretch;
}
.vms-club-swiper .swiper-slide {
    height: auto;
    width: 50%;
    padding: 0 8px;
}
.vms-club-swiper .vms-club-card {
    height: 100%;
}
@media (min-width: 992px) {
    .vms-club-swiper .swiper-slide {
        width: 16.6666%;
    }
}

/*Responsive*/
/*11-08-2026*/
@media (max-width: 1399.5px) {
    .vms-header .vms-nav .nav-link{
        padding: .5rem 5px !important;
    }
}
@media (max-width: 1199.5px){
    .navbar .m-m-a-btn{
        margin-top: 10px !important;
        margin-left: 0px !important;
    }
/*  12-08-2026  */
    .vms-inner-layout{
        padding-bottom: 3rem !important;
    }
    .page-template-faq .vms-inner-layout.pb-4{
        padding-bottom: 0px !important;
    }
}
@media (max-width: 991.5px){
    .vms-utility-bar .top-nav-w{
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
}
@media (max-width: 767.5px){
    .top-nav-w .vms-social,
    .top-nav-w .c-details-p{
        display: none !important;
    }
}
@media (max-width: 425.5px){
    .vms-logo img {
        height: 34px !important;
    }
}

/*12-08-2026*/
@media (max-width: 375.5px){
    .cta-btn-wrap .vms-btn{
        width: 100%;
        justify-content: center;
    }
    .contact-fot-btn{
        flex-direction: column;
    }
    .contact-fot-btn a{
        justify-content: center;
    }
}


/* 14-08-2026 */
/*.student-achive-para {
    max-height: 125px; 
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.student-achive-para.expanded {
    max-height: 2000px;
}*/

/*19-08-2026*/

.student-achive-para {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.student-achive-para.expanded {
    -webkit-line-clamp: unset;
    display: block;
}

.student-achive-para p {
    margin: 0;
}

.read-more-btn {
    border: 0;
    background: none;
    padding: 0;
    margin-top: 8px;
    color: #a71919;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: color 0.3s ease;
}

.read-more-btn:hover {
    text-decoration: none;
}
  .nursey-block{margin-bottom: auto!important;}
 .nursey-block p{font-size:.92rem; color:var(--vms-ink-soft); line-height:1.7; margin-bottom: 0;} 
 .cta-btn-wrap .vms-btn-outline {
    z-index: 1;
    background: #743d47;
    transform: translateY(-2px);
}
 .cta-btn-wrap .vms-btn-outline:hover{transform: translateY(-2px);}
 /*joka home testimonial slider css */
 .vms-testimonial {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;

  .testimonial-text {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;

    &.expanded {
      -webkit-line-clamp: unset;
      display: block;
    }
  }

  .read-more-btn {
    background: none;
    border: none;
    color: #8a1f2b; 
    font-weight: 600;
    padding: 0;
    margin-top: 8px;
    margin-bottom: 12px;
    cursor: pointer;
    align-self: flex-start;
  }
}

.row.g-4 {
  align-items: stretch; 
}

/* ===== Testimonial Carousel ===== */

.vms-testimonial-swiper .swiper-slide {
  height: auto;
}

.vms-testimonial-swiper .vms-testimonial {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vms-testimonial-swiper .testimonial-text {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vms-testimonial-swiper .testimonial-text.expanded {
  -webkit-line-clamp: unset;
  display: block;
}

.vms-testimonial-swiper .read-more-btn {
  background: none;
  border: none;
  color: #8a1f2b;
  font-weight: 600;
  padding: 0;
  margin: 0px 0 12px;
  cursor: pointer;
  align-self: flex-start;
}

.vms-testimonial-swiper .swiper-button-prev,
.vms-testimonial-swiper .swiper-button-next {
  color: #8a1f2b;
}

.vms-testimonial-swiper .swiper-pagination-bullet-active {
  background: #8a1f2b;
}

/*14-08-2026*/

/* Testimonial slider arrows — white circle, shadow, protruding outside card */
.vms-testimonial-swiper .swiper-button-prev,
.vms-testimonial-swiper .swiper-button-next {
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  top: 50%;
  margin-top: -22px;
}

.vms-testimonial-swiper .swiper-button-prev {
  left: 8px;
}

.vms-testimonial-swiper .swiper-button-next {
  right: 8px;
}

.vms-testimonial-swiper .swiper-button-prev::after,
.vms-testimonial-swiper .swiper-button-next::after {
  font-size: 16px;
}

/* Hover effect (optional but recommended) */
.vms-testimonial-swiper .swiper-button-prev:hover,
.vms-testimonial-swiper .swiper-button-next:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}
.vms-testimonial-swiper {
  padding-left: 24px;
  padding-right: 24px;
}




/*19-08-2026*/
.home .vms-testimonial-swiper{
    padding: 0px 20px !important;
}
.home .vms-testimonial .avatar{
    min-width: 42px !important;
}
.home .vms-branch-hero .vms-btn-outline{
    border: 1px solid #ffffff !important;
}
.page-template-student-achivement .vms-achieve-item img{
    object-fit: unset !important;
/*  21-08-2026  */
    border: 1px solid #6e2a36 !important;

}
.blog-img img{
    height: 400px;
    margin: 0 auto;
    text-align: center;
    width: auto !important;
}
.page-template-acheivement .vms-hof-row img{
    object-fit: unset !important;
}
.page-template-boards-results .vms-subject-table tbody td:not(:first-child), 
.page-template-boards-results .vms-subject-table tbody th:not(:first-child) {
    text-align: left;
}
.page-template-acheivement .vms-subject-table thead th{
    min-width: 110px !important;
}
.vms-rule-block table tbody th, 
.vms-rule-block table tbody td{
    min-width: 110px !important;
    white-space: wrap !important;
}

/*21-08-2026*/
.page-template-contact #gform_submit_button_1{
    height: 48px !important;
    outline: none !important;
}
.page-template-contact #gform_submit_button_1:hover{
    background: var(--vms-maroon-dark) !important;
    color: var(--vms-white) !important;
    transform: translateY(-2px) !important;
}








/*Responsive*/
/*19-08-2026*/
@media (max-width: 991.5px) {
    .vms-section {
        padding: 3rem 0 !important;
    }
    .home .row.align-items-center.gy-5.mb-5{
        margin-bottom: 0px !important;
    }
}
@media (max-width: 767.5px) {
    .vms-utility-bar .top-nav-w{
        align-items: end !important;
    }
    .vms-utility-bar .top-nav-w .divider{
        display: none !important;
    }
/*  08-09-2026  */
    .single .blog-img img {
        height: auto !important;
        width: 100% !important;
    }
}
@media (max-width: 575.5px) {
    .vms-club-swiper .swiper-slide {
        width: 100%;
    }
}

@media (max-width: 425.5px){
    /*21-08-2026*/
    .page-template-acheivement .vms-achieve-item {
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    .page-template-acheivement .vms-achieve-item .body{
        text-align: center !important;
    }
}
/*27-08-2026*/
.vms-nav .nav-link:focus,
.vms-nav .nav-link:focus-visible,
.vms-nav .dropdown-toggle:focus,
.vms-nav .dropdown-toggle:focus-visible,
.vms-nav .nav-link.show,
.vms-nav .dropdown-toggle.show {
  outline: none !important;
  box-shadow: none !important;
}
.blog-img img{text-align: center; margin:  0 auto 20px; display: block;}