/** ADD YOUR AWESOME CODES HERE **/

.about_body
{
    max-height: 500px !important; 
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}



.navbar-nav li {
    position: relative !important;
}


/* Dropdown Menu */
.dropdown {
    position: absolute;
    top: 57px;
    left: 0px;
    /* border-radius: 10px; */
    background-color: var(--background_with_light_gray);
    min-width: 250px;
    overflow: hidden;
    display: none;
}


.dropdown li {
    list-style: none;
    padding: 0;
    margin: 0;
}


.dropdown li a {
    white-space: nowrap;
    display: block;
    padding: 8px 16px;
}

.main_menu {
    display: block;
}


    @media screen and (max-width: 1190px){

        .dropdown {
            top: 47px;
        }

    }

    @media screen and (max-width: 1004px){

        .dropdown {
            top: 45px;
            left: -40px;
        }

    }

    @media screen and (max-width: 991px){

        .dropdown {
            top: 42px;
            left: 0px;
        }

    }



    /* ============ TESTIMONIAL ================== */

     .school-testimonials {
          padding: 90px 20px;
          /* background: #f7f9fc; */
          /* background: linear-gradient(to bottom right, var(--background_light_dark), var(--card_bg) ) !important; */
          background: var(--card_bg) !important;
          overflow: hidden;
     }

     .testimonial-container {
     max-width: 1200px;
     margin: auto;
     }

     .testimonial-heading {
     text-align: center;
     max-width: 700px;
     margin: 0 auto 50px;
     }

     .testimonial-subtitle {
     display: inline-block;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 2px;
     color: var(--main_color);
     margin-bottom: 10px;
     }

     .testimonial-heading h2 {
     font-size: 38px;
     line-height: 1.2;
     margin: 0 0 15px;
     /* color: #18212f; */
     color: var(--title_text_color);
     }

     .testimonial-heading h2 span {
     color: var(--main_color);
     }

     .testimonial-heading p {
     color: #687386;
     line-height: 1.7;
     margin: 0;
     }


     /* ==============================
     SLIDER
     ================================= */

     .testimonial-slider {
     position: relative;
     overflow: hidden;
     padding: 10px 45px;
     }

     .testimonial-track {
     display: flex;
     margin: 0 -10px;
     transition: transform .65s cubic-bezier(.4, 0, .2, 1);
     }

     .testimonial-card {
     flex: 0 0 33.333333%;
     width: 33.333333%;
     padding: 0 10px;
     box-sizing: border-box;
     }

     .testimonial-card-inner {
     height: 100%;
     padding: 35px 25px;
     /* background: #fff; */
     background: var(--background_light_dark);
     border-radius: 18px;
     box-shadow: 0 10px 35px rgba(0, 0, 0, .07);
     box-sizing: border-box;
     }


     /* Quote */

     .quote-icon {
     font-size: 55px;
     line-height: 35px;
     height: 40px;
     color: var(--main_color);
     font-family: Georgia, serif;
     }

     .testimonial-text {
     margin: 15px 0 30px;
     font-size: 16px;
     line-height: 1.75;
     /* color: #4d5868; */
     color: var(--text_color);
     }


     /* User */

     .testimonial-user {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-top: auto;
     }

     .testimonial-avatar {
     width: 48px;
     height: 48px;
     flex-shrink: 0;
     border-radius: 50%;
     background: var(--main_color);
     color: #fff;

     display: flex;
     align-items: center;
     justify-content: center;

     font-weight: 700;
     font-size: 14px;
     overflow: hidden;
     border: 2px solid var(--main_color);
     }

     .testimonial-user h4 {
     margin: 0 0 3px;
     font-size: 15px;
     /* color: #202938; */
     color: var(--title_text_color);
     padding: 0 !important;
     }

     .testimonial-user span {
     font-size: 12px;
     color: #8a94a6;
     }


     /* ==============================
     NAVIGATION
     ================================= */

     .testimonial-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

     width: 42px;
     height: 42px;

     border: none;
     border-radius: 50%;

     background: var(--main_color);
     color: #fff;

     cursor: pointer;
     font-size: 18px;

     transition: .3s ease;

     z-index: 5;
     }

     .testimonial-btn:hover {
     transform: translateY(-50%) scale(1.08);
     }

     .testimonial-prev {
     left: 0;
     }

     .testimonial-next {
     right: 0;
     }


     /* ==============================
     DOTS
     ================================= */

     .testimonial-dots {
     display: flex;
     justify-content: center;
     gap: 8px;
     margin-top: 25px;
     }

     .testimonial-dot {
     width: 9px;
     height: 9px;

     border: none;
     padding: 0;

     border-radius: 50%;
     background: #ccd2dc;

     cursor: pointer;

     transition: .3s ease;
     }

     .testimonial-dot.active {
     width: 25px;
     border-radius: 10px;
     background: var(--main_color);
     }


     /* ==============================
     TABLET
     ================================= */

     @media (max-width: 991px) {

     .testimonial-card {
          flex: 0 0 50%;
          width: 50%;
     }

     }


     /* ==============================
     MOBILE
     ================================= */

     @media (max-width: 767px) {

     .school-testimonials {
          padding: 65px 15px;
     }

     .testimonial-heading h2 {
          font-size: 29px;
     }

     .testimonial-slider {
          padding: 10px 5px;
     }

     .testimonial-track {
          margin: 0;
     }

     .testimonial-card {
          flex: 0 0 100%;
          width: 100%;
          padding: 0;
     }

     .testimonial-card-inner {
          padding: 30px 22px;
     }

     .testimonial-text {
          font-size: 15px;
          line-height: 1.7;
     }

     .testimonial-btn {
          width: 38px;
          height: 38px;
          font-size: 16px;
     }

     .testimonial-prev {
          left: 10px;
     }

     .testimonial-next {
          right: 10px;
     }

}