.vs-hero__desc {text-transform: unset;}
.vs-room__text {text-transform: unset;}
.vs-client__desc {text-transform: unset;}

.vs-custom-checkbox .wpcf7-form-control.wpcf7-checkbox label::before{display: none;}
.vs-custom-checkbox .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] {display: unset; height: unset; }
.vs-custom-checkbox .wpcf7-form-control.wpcf7-checkbox label{padding-left: unset;}
.vs-header img.custom-logo {
    max-width: 160px;
    width: 100%;
    height: auto;
}
.vs-header .main-menu > ul > li > a:hover, .main-menu > ul > li > a.active {
    color: #25283e;
}
header.vs-header .current_page_item>a{ color: #00bbbb !important}
header.vs-header .current_page_parent>a, header.vs-header .current-menu-parent>a{ color: #00bbbb !important}
header.vs-header .main-menu ul.sub-menu li a.active{color: #fff !important;}
.main-menu ul li.menu-item-has-children.active > a {
    color: #25283e;
}

section.vs-hero.vs-hero--style2.overflow-hidden .vs-hero__bg{background-image: linear-gradient(to left bottom, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.vs-list li::before {content: "\f058" !important;}

/* This is feature cards css */

.vs-feature--area .row .col-lg-4:nth-child(odd) .vs-feature {
  background-color: #2FBCBC;
}

.vs-feature--area .row .col-lg-4:nth-child(even) .vs-feature {
  background-color: #5BCAB2;
}

/* This is contact page css start from here */
.vs-map .mapouter {
    filter: unset;
}

.form-style2 select.wpcf7-form-control.wpcf7-select {
 width: 100%;
   background-color: var(--vs-theme-color6);
    border-radius: 15px;
    border: 1.5px solid rgba(var(--vs-title-color-rgb), 0.07);
    min-height: 69px;
    border-radius: 15px;
    font-weight: 700;
    letter-spacing: 0.8px;
    padding: 19px 20px;
    box-shadow: none;
    outline: none;
}

.form-style input{color: #fff;}
.form-style2 textarea.form-control{max-height: 170px;}
form.wpcf7-form br {
    display: none;
}
.add-skip-btn .cf7mls_skip{
                          border: none;
                          padding: 10px 25px;
                          background: #f29b34;
                          color: #ffffff;
                          font-weight: 500;
                          }

.add-skip-btn {
    text-align: end;
}
/* BLOG PAGE CSS START FROM HERE  */
a.vs-blog__heading--link{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


.vs-blog.vs-blog--style2 .vs-blog__inner .vs-blog__img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    /* min-height: 300px; */
}
.vs-blog.vs-blog--single .vs-blog__img--figure img {height: 450px; width: 100%; object-fit: cover; object-position: center;}
nav.vs-pagination .nav-links {
    display: flex;
    gap: 10px;
}
nav.vs-pagination .page-numbers.current{background: #00bbbb; color: #fff;}
.vs-blog--single .blog-details__content h2, .vs-blog--single .blog-details__content h3, .vs-blog--single .blog-details__content h4, .vs-blog--single .blog-details__content h5, 
.vs-blog--single .blog-details__content h6{  text-transform: capitalize;   line-height: 1.2;}
.vs-blog--single .blog-details__content h2 {
  font-size: clamp(2rem, 1.5rem + 1.2vw, 3rem);
}

.vs-blog--single .blog-details__content h3 {
  font-size: clamp(1.75rem, 1.3rem + 1vw, 2.5rem);
}

.vs-blog--single h4 {
  font-size: clamp(1.5rem, 1.1rem + 0.9vw, 2.3rem);
}

.vs-blog--single h5 {
  font-size: clamp(1.25rem, 1rem + 0.8vw, 2rem);
}

.vs-blog--single h6 {
  font-size: clamp(1.125rem, 0.9rem + 0.6vw, 1.7rem);
}
.recent-post .media-img img {height: auto;}
.recent-post-wrap .recent-post h4 a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
      font-size: 16px;
    font-weight: 600;
}

/* LEFT RIGHT SECTION CSS START FROM HERE  */
.lr-img img {
    border-radius: 21px;
    box-shadow: 15px 15px 0px 0px #f39b34;
}


.lr-content h2, .lr-content h3, .lr-content h4, .lr-content h5, 
.lr-content h6, .fw-content h2, .fw-content h3, .fw-content h4, .fw-content h5, 
.fw-content h6{  text-transform: capitalize;   line-height: 1.2;}

.lr-content h2, .fw-content h2 {
  font-size: clamp(2rem, 1.5rem + 1.2vw, 3rem);
}

.lr-content h3, .fw-content h3 {
  font-size: clamp(1.75rem, 1.3rem + 1vw, 2.5rem);
}

.lr-content h4, .fw-content h4 {
  font-size: clamp(1.5rem, 1.1rem + 0.9vw, 2.3rem);
}

.lr-content h5, .fw-content h5 {
  font-size: clamp(1.25rem, 1rem + 0.8vw, 2rem);
}

.lr-content h6, .fw-content h6 {
  font-size: clamp(1.125rem, 0.9rem + 0.6vw, 1.7rem);
}

.fwc.bg-skyblue p, .fwc.bg-skyblue li, .fwc.bg-skyblue a, .fwc.bg-skyblue h2, .fwc.bg-skyblue h3, .fwc.bg-skyblue h4, .fwc.bg-skyblue h5, .fwc.bg-skyblue h6{color: #fff;}
.breadcrumb-wrapper .breadcrumb-wrapper__content p {color: #fff; font-size: 1.3rem;}
.bg-cream{background: #F6F1E4;}
.bg-skyblue{background: #5BCaB2;}

section.vs-class--area span.vs-class__icon.vs-class__icon--color1 {
    background: transparent;
    width: 80px;
    height: 80px;
}

/* THIS IS READ MORE AND READ LESS CSSS  */
.read-more-text{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* number of lines to show */
  -webkit-box-orient: vertical;
  transition: all 0.3s ease;
	    font-size: 15px;
}
.read-more-text.expanded {
  -webkit-line-clamp: unset;
}


/* CUSTOM LOGIN FORM AND DASHBOARD CSS STRAT FROM HERE  */
.page-template-dashboard-template h3 {
    background: #39cab3;
    color: #fff;
    padding: 10px;
}


.teacher-login-container, .teacher-registration-form {
  justify-content: center;
  margin: 0 auto;
/*   display: flex; */
  max-width: 400px;
  border-radius: 10px;
  background: #2fbcbc;
  padding: 30px;
}
.teacher-login-container p, .teacher-registration-form p{margin-bottom: 0px;}

.teacher-login-container label, .teacher-login-container input, .teacher-registration-form label, .teacher-registration-form input{
  width: 100%;
}
.teacher-login-container label, .teacher-registration-form label{color: #fff;}
.teacher-login-container input, .teacher-registration-form input{
  border: none;
  height: 40px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.teacher-login-container input[type="submit"], .teacher-registration-form input[type="submit"]{
  background: #25283e;
  color: #fff;
}
.dash-pdf-list h3 {font-size: 1.7rem; text-align: center;}
.dash-pdf-list ul li{display: flex;justify-content: space-between; padding: 10px 15px; }
.dash-pdf-list ul li a{color: #242323;}
.dash-pdf-list ul li:nth-child( odd ) {background: #e8e9ea; }
.teacher-login-container .error, .teacher-register-form .error {
  background: #ffc5c5;
  padding: 8px;
  border-radius: 5px;
}

/* ADMISSION FORM CSS START FROM HERE  */
.admission-form-page h2, .admission-form-page h4 {
    font-size: 30px;
}
 
.admission-form-page .wpcf7-form label{font-weight: 600;}
.admission-form-page .wpcf7-form .wpcf7-list-item-label{font-weight: 400;}

.form-inner-heading {
    padding: 25px 0;
    font-weight: 600;
    font-size: 18px;
}
.form-inner-heading small{font-size: 12px; font-weight: unset;}


 .text-container {
            margin-bottom: 25px;
        }
        
        .text-content {
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
        }
        
        .text-content.collapsed {
            -webkit-line-clamp: 7;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .text-content.expanded {
            display: block;
        }
        
        .text-container  .read-more-btn {
            background: none;
			color: #39cab3;
			font-style: italic;
            border: none;
            cursor: pointer;
            font-size: 16px;
          
        }


.admission-form-page img.form-img-logo {
    max-width: 210px;
    width: 100%;
}
 #wpcf7-f219-p7-o1 .wpcf7-response-output {color: #fff;}     

.success-reg{
  color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
  padding: 8px;
  border-radius: 5px;
margin-bottom: 15px;
}

.admission-form-page .wpcf7-select {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.admission-form-page label.form-label {width: 100%}