:root {
    --dark-blue: #2154ac;
    --light-blue: #2b65bf;
    --heading-color: #130942;
    --subheading-color: #2154ac;
    --bg-light: #ebf3ee;
    --fobex-white: #ffffff;
    --fobex-black-rgb: 21, 51, 42;
    --accordion-btn-active-icon: url(../images/minus.png);
    --accordion-btn-icon: url(../images/add.png);
    --list-icon: url(../images/arrow.png);
}
html{
   scroll-behavior: smooth;
   overflow-x: hidden;
}
body{
  font-family: Poppins;
  overflow-x: hidden;
}

/* font css */
.fs-60 {
    font-size: 60px;
    line-height: 66px;
}

.fs-45 {
    font-size: 45px;
    line-height: 52px;
}

.fs-38 {
    font-size: 38px;
    line-height: 44px;
}

.fs-32 {
    font-size: 32px;
    line-height: 38px;
}

.fs-28 {
    font-size: 28px;
    line-height: 34px;
}

.fs-24 {
    font-size: 24px;
    line-height: 30px;
}

.fs-20 {
    font-size: 20px;
    line-height: 26px;
}

.fs-18 {
    font-size: 18px;
    line-height: 24px;
}

.fs-16 {
    font-size: 16px;
    line-height: 22px;
}

.fs-14 {
    font-size: 14px;
    line-height: 20px;
}
.ml-5 {
    margin-left: 5px;
}

.sub-heading {
    color: var(--subheading-color);
    text-transform: uppercase;
}

.main-heading {
    color: var(--heading-color);
}

.text-red {
    color: #D4313B;
}

.text-fixed {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.text-dark-theme {
    color: var(--heading-color);
}

.text-justify {
    text-align: justify;
}

/* background css ============== */

.bg-them-light {
    background-color: var(--bg-light);
}

/* padding css start ============== */
.ps-6 {
    padding-left: 4.5rem !important;
}

.py-50 {
    padding: 50px 0;
}

.py-100 {
    padding: 100px 0;
}

/* padding css end ============== */
/* width css ================ */
.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.w-20 {
    width: 20%;
}

/* margin css============= */
.mt-10 {
    margin-top: 10%;
}

/* margin css End ============= */
/* button css start ============= */
/* CSS */

.apply-btn{
  width: 120px;
}
.blog_post{
  padding-top: 100px;
}
.thanku {
    background-color: #fff;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    max-width: 600px;
    text-align: center;
    animation: fadeIn 1s ease-in-out;
}
.content {
    max-width: 830px;
    margin: auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.success-icon {
    font-size: 4rem;
    color: #d90000;
    margin-bottom: 30px;
    animation: bounce 1.5s infinite;
}
.thankuh1 {
    font-size: 2.5rem;
    color: #d90000;
    margin-bottom: 20px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.message {
    font-size: 1.2rem;
    color: #333;
    margin-bottom: 30px;
    font-family: "Roboto", sans-serif;
}
.info {
    font-size: 1rem;
    color: #555;
    margin-top: 20px;
    font-family: "Roboto", sans-serif;
}
.info a {
    color: #d90000;
    text-decoration: none;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
}
.mainthanku {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 98px 60px 60px 60px;
}
.team_section{
  padding: 98px 0px 0px 0px;
}
.service_image{
      max-height: 282px;
}
.s-card{
  min-height: 470px;
}
.btn-theme {
    margin: 10px;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px var(--dark-blue);
    background-image: linear-gradient(45deg, var(--dark-blue) 0%, var(--light-blue) 51%, var(--dark-blue) 100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-sm {
    margin: 10px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 10px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px var(--dark-blue);
    background-image: linear-gradient(45deg, var(--dark-blue) 0%, var(--light-blue) 51%, var(--dark-blue) 100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.btn-theme:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-theme:active {
    transform: scale(0.95);
}

.btn-sm:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

.btn-sm:active {
    transform: scale(0.95);
}
.text-justufy{
  text-align: justify !important;
}
.calculate{
  margin-top: 100px
}

/* header css start ========================== */

header {
    z-index: 99;
    backdrop-filter: blur(3px);
    background-color: #ffffff54;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);


    .logo {
        width: 100%;
    }

    .navbar {
        height: 100%;

        a {
            font-weight: 600;
        }
        a.nav-link{
          color: #000;
        }

        .dropdown-menu[data-bs-popper] {
            top: 136%;
            left: 0;
            margin-top: var(--bs-dropdown-spacer);
            border: 0px;
            border-radius: 0px;
            border-top: 2px solid #d8343e;
            box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
        }
    }

}

/* banner css ======================== */
.banner {

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 10.25rem;
        left: 15%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center;
        img{
          height: 600px !important;
        }
    }
}

.services {
    .card {
        transition: all .5s;
        .text-fixed {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }

        .feature-img {
            position: relative;
            display: block;
            z-index: 1;
            overflow: hidden;
        }

        .feature-img img {
              width: 176px;
              /* aspect-ratio: 2 / 2; */
              object-fit: cover;
              border-radius: 50%;
              transition: all 500ms ease;
              transform: scale(1);
              margin: auto;
              display: block;
              height: 173px;
          }

        .feature-img::before {
            background-color: var(--fobex-white);
            position: absolute;
            height: 0;
            width: 100%;
            left: 0;
            top: 0;
            opacity: 0;
            -moz-transition: all 400ms ease-out 0s;
            -webkit-transition: all 400ms ease-out 0s;
            -ms-transition: all 400ms ease-out 0s;
            -o-transition: all 400ms ease-out 0s;
            transition: all 400ms ease-out 0s;
            content: "";
            z-index: 1;
        }

        .feature-img:after {
            position: absolute;
            content: "";
            background-color: var(--fobex-white);
            height: 100%;
            width: 100%;
            left: 0;
            top: 0;
            bottom: 0;
            opacity: 0;
            z-index: 1;
            -moz-transition: all 600ms ease-out 0s;
            -webkit-transition: all 600ms ease-out 0s;
            -ms-transition: all 600ms ease-out 0s;
            -o-transition: all 600ms ease-out 0s;
            transition: all 600ms ease-out 0s;
        }
    }

    .card:hover {
        transform: translateY(-10px);
    }

    .card:hover .feature-img:after {
        height: 0;
        opacity: .4;
    }

    .card:hover .feature-img::before {
        height: 100%;
        opacity: .06;
    }
    .for-height{
      height: 340px;
    max-height: 340px;
    }
}

.about {

    .progress,
    .progress-stacked {
        height: 0.8rem;
    }

    .about-bg {
        background-image: url(../images/abouts.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }

    .faculty-bg {
        background-image: url(../images/doctors-working-together-medical-research.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
    }
}

.services-list {
    background-image: url(../images/services-one-bg.jpg);
    background-position: center;
    background-size: cover;
    background-color: var(--heading-color);
    background-blend-mode: overlay;
    padding: 10vh;
    padding-bottom: 30vh;
}

.appointment {
    margin-top: -20vh;

    .appointment-one__shape-1 {
        position: absolute;
        top: 44px;
        right: 115px;
    }
    .faculty{
        background-image:url(../images/appointment.png) ;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .appointment-one__shape-1.float-bob-y img {
        animation: up 2s infinite ease-in-out;

    }

    @keyframes up {

        0%,
        100% {
            transform: translateY(-10px);
        }

        50% {
            transform: translateY(0);
        }
    }

    .appointment-one__shape-1 img {
        width: auto;
    }

    .appointment-one__shape-2 {
        position: absolute;
        bottom: 70px;
        right: 160px;
    }

    .float-bob-x img {
        animation: float-bob-x 2s infinite linear;
    }

    .appointment-one__shape-2 img {
        width: auto;
    }


    @keyframes float-bob-x {
        0% {
            transform: translateX(-30px);
        }

        50% {
            transform: translateX(-10px);
        }

        100% {
            transform: translateX(-30px);
        }
    }

}

/* testimonials css strat ============== */
.testimonials {
    background-image: url(../images/testiimg.jpg);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    .card {
        background-image: url(../images/testimonial-one-shape-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: var(--bg-light);
        /* opacity: 0.9; */
        background-blend-mode: overlay;
    }

    .testimonial-one__quote {
        position: absolute;
        bottom: 0;
        right: 6px;
    }

    .testimonial-one__img {
        position: relative;
        display: block;
        width: 170px;
        margin: 0 auto;

    }

    .testimonial-one__quote i {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        font-size: 19px;
        color: var(--heading-color);
        background-color: var(--bg-light);
        border-radius: 50%;
    }

    .card img {
        width: 100%;
        border-radius: 50%;
    }

    span.carousel-control-next-icon {
        border: 1px solid #fff;
        top: 80%;
        right: 50px;
        position: absolute;
        width: 75px;
        height: 40px;
        border-radius: 30px;
        filter: invert(1);
        background-size: 35%;
    }

    span.carousel-control-next-icon:hover {
        background-color: #000;
        filter: invert(1);
    }

    span.carousel-control-prev-icon:hover {
        background-color: #000;
        filter: invert(1);
    }

    span.carousel-control-prev-icon {
        border: 1px solid #f1ebeb;
        position: absolute;
        top: 80%;
        left: 50px;
        width: 75px;
        height: 40px;
        border-radius: 30px;
        filter: invert(1);
        background-size: 35%;
    }

}

/* blog css start==================== */
.blog {
    .card {
        .news-one__img {
            position: relative;
        }

        .news-one__img:before {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            content: "";
            background-color: rgba(var(--fobex-black-rgb), .30);
            -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
            -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
            transform: perspective(400px) rotateX(90deg) scaleY(0.5);
            -webkit-transform-origin: center;
            -ms-transform-origin: center;
            transform-origin: center;
            transition-delay: .1s;
            transition-timing-function: ease-in-out;
            transition-duration: .5s;
            transition-property: all;
            z-index: 1;
        }
    }

    .card:hover .news-one__img:before {
        -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
        -ms-transform: perspective(400px) rotateX(0deg) scaleY(1.0);
        transform: perspective(400px) rotateX(0deg) scaleY(1.0);
    }
}
.client{
    .client-img{
        border: 1px solid var(--light-blue);
        text-align: center;
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin: 10px;
        img{
            display: block;
            margin: auto;
            transition: all .5s;
        }
    }
    .client-img:hover{
        img{
            transform: scale(1.2);
        }
    }
}
footer {
  .log{
    width: 100%;
  }
    i {
        font-size: 32px;
        margin-right: 10px;
    }

}

/*============================================================================= CONTACT PAGE CSS STA============================================================================== */

/* BANNER CSS START========== */
.Contact_page_banner {
    background-image: url(../images/contact.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding: 200px 0;


}

.contat-form {
    .card {
        transition: all .5s;
    }

    .card:hover {
        transform: translateY(-10px);
    }
    .icon {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background-color: var(--dark-blue);
        display: block;
        margin: auto;
    }
    .icon i {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 32px;
    }
}
/* ========================================================ABOUT US PAGE =========================================================================================================== */
/* BANNER SECTION START============= */
.about_page_banner {
    background-image: url(../images/about-banner.png);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding: 200px 0;
}
.management {
    background-image: url(../images/medical-bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    background-color: #130942;
    background-blend-mode: overlay;
}
.team {
    .our-team {
        text-align: center;
        overflow: hidden;
        position: relative;
    }
    .our-team img {
        width: 100%;
        height: auto;
        transition: all 0.5s ease-in-out 0s;
    }
    .our-team:hover img {
        transform: scale(1.2) !important;
    }
    .our-team .social {
        list-style: none;
        padding: 30px 15px;
        margin: 0;
        background: #0facf3;
        border-bottom-right-radius: 50px;
        position: absolute;
        top: 0;
        left: -50%;
        transition: all 0.4s ease-in-out 0s;
    }
    .our-team:hover .social {
        left: 0;
    }
    .our-team .social li {
        display: block;
    }
    .our-team .social li a {
        display: block;
        padding: 5px 0;
        font-size: 18px;
        color: #fff;
        transition: all 0.3s ease-in-out 0s;
    }
    .our-team .social li:first-child a {
        padding-top: 0;
    }
    .our-team .social li:last-child a {
        padding-bottom: 0;
    }
    .our-team .social li a:hover {
        color: #000;
    }
    .our-team .team-content {
        width: 100%;
        padding: 15px 10px;
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .our-team .title {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 1px;
        color: #fff;
        margin: 0 0 5px 0;
    }
    .our-team .post {
        display: block;
        font-size: 14px;
        color: #0facf3;
    }
    @media only screen and (max-width: 990px) {
        .our-team {
            margin-bottom: 30px;
        }
    }
}

/* team */
.teamimg img{
  border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
}
.teamimg img:hover{
  transform: scale(1.1);
}
/* number text */
.number_text {
    font-size: 31px;
    text-align: center;
    background: #130942;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    font-weight: 600;
    margin-top: -40px;
    margin-bottom: 15px;
}
/* ==================================================================================FAQs =============================================================== */
/* faq accordian css start ================================ */
.faq {
    .accordion-button:not(.collapsed) {
        color: var(--fobex-white);
        background-color: var(--heading-color);
    }
    .accordion-body{
      background-color: var(--bg-light)
    }
    .accordion-button {
        background-color: var(--fobex-white);
        color: var(--heading-color);
    }
    .accordion-button:not(.collapsed)::after {
        filter: invert(1);
    }
    .accordion-button:not(.collapsed)::after {
        background-image: var(--accordion-btn-active-icon) !important;
    }
    .accordion-button::after {
        background-image: var(--accordion-btn-icon);
    }
    .accordion-button:focus {
    z-index: 3;
    border-color: none !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%) !important;
}
.accordion-button::after {
    color: #fff !important;
}
}
/* ==========================================================================Current Scenario============================================================= */
/* Current Scenario css start ========================== */
.current-scenarior-banner {
    background-image:url(../images/1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 200px 0;
}
.increasing {
    background-image: url(../images/9.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    .litigations {
        border-left: 10px solid #e02f36;
        margin-top: -5vw;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }
    ul {
        li {
            list-style: none;
            position: relative;
            ul{
                li::before {
                    content: '';
                    position: absolute;
                    background-image: var(--list-icon);
                    width: 15px;
                    height: 15px;
                    background-repeat: no-repeat;
                    background-size: cover;
                    left: -16px;
                }
            }
        }
        li::before {
            content: '';
            position: absolute;
            background-image: var(--list-icon);
            width: 20px;
            height: 20px;
            background-repeat: no-repeat;
            background-size: cover;
            left: -16px;
        }
    }
}
.other {
    .card {
        height: 200px;
        max-height: 200px;
        background-color: #eee;
            transition: all 0.5s ease-in-out 0s;
    }
}
/* ===========================================================recent case ===================================================== */
/* banner css start====================== */
.recent-cases-banner{
    background-image:url(../images/recentban.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 200px 0;
}
.case {
    .img-left {
        position: relative;
    }
    .img-left:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 250px solid var(--light-blue);
        border-right: 250px solid transparent;
        z-index: -1;
        top: -20px;
        left: -20px;
    }
    .img-right {
        position: relative;
    }
    .img-right:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 250px solid var(--light-blue);
        border-left: 250px solid transparent;
        z-index: -1;
        top: -20px;
        right: -20px;
    }
}
/* ================================================================================blog page================================================================================ */
/* banner section css start======================== */
.blog_page_banner {
    background-image:url(../images/lawfm.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    padding: 200px 0;
}
/* blog list css start ======================= */
.blogs {
    .blog-list{
      img {
            height: 200px !important;
            width: 100%;
        }
        .text-fixed {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }
    }
    .blog-list-content {
        padding: 20px 25px;
        background-color: #f5f8fa;
        box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .1);
        margin: -50px 20px 20px;
        position: relative;
        z-index: 1
    }
    .blog-footer {
        padding: 15px 0;
        font-weight: bold;
    }
    .blog-list-content .title a {
        font-size: 18px;
        font-weight: bold;
        color:var(--heading-color);
        transition: all .50s;
        text-decoration: none;
    }
    .blog-footer {
        font-weight: 100;
    }
    .blog-footer span {
        color:black;
        margin-left: 15px;
    }
}
.blog_side h6{
  color: black;
  text-decoration: none !important;
}
.blog_side p{
  color: black;
  text-decoration: none !important;
}
.recent_post a{
  text-decoration: none;
}
.recent_post{
  height: 500px;
overflow: hidden;
overflow-y: scroll;
position: sticky;
top: 0;
}
.blog_line h3{
  color: black;
}
/* calculator==================================================== */
.calculate{
  h5.card-header{
    background-color: var(--dark-blue);
    color: #fff
  }
}
/* responsive css ============================== */
@media(max-width:567px) {
footer{
  .foot-logo{
    width: 40%;
  }
}
  .litigations {
    border-left: 10px solid #e02f36;
    margin-top: 0vw;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
  .ml-5 {
    margin-left: 0px;
}
    .w-20 {
        width: 65%;
    }
    .Contact_page_banner {
        padding: 80px 0;
    }
    .about_page_banner ,.blog_page_banner, .recent-cases-banner{
        padding: 80px 0;
    }
    .current-scenarior-banner {
        padding: 80px 0;
    }
    .fs-38 {
        font-size: 26px;
        line-height: 32px;
    }
    .case {
        .img-left:before {
            border-top: 150px solid var(--light-blue);
            border-right: 150px solid transparent;
        }

        .img-right:before {
            border-top: 150px solid var(--light-blue);
            border-left: 150px solid transparent;
        }
    }
}
@media(min-width:567px) {
    .w-20 {
        width: 35%;
    }
}
@media(max-width:768px){
  .btn-theme{
    margin: 0px;
  }
  section.case .ps-5 {
      padding-left: .7rem !important;
  }
    section.case .mb-3 {
    margin-bottom: 0rem !important;
}
  .client {
    & .client-img {
        img {
      width: 100px;
  }
}
}
  .banner {
      .carousel-caption {
          bottom: 0rem;
          padding-top: 1.25rem;
          padding-bottom: 1.25rem;
          left: 2% !important;
          right: 2% !important;
      }
  }
.banner .carousel-caption h2 {
    font-size: 18px;
    line-height: 23px;

}
  .services {
      & .card {
          .feature-img img {
              aspect-ratio: 2 / 2;
              /* height: 160px; */
          }
      }
  }
  section.banner.z-4 .carousel-inner img {
    height: 242px !important;
}
  .table-responsive.forfontsize select {

      height: 31px !important;
  }
  table.table.mb-0 tr td:first-child {
      width: 22%;
  }
.forfontsize .form-select {
      background-position: right .5rem center !important;
      background-size: 10px 10px !important;
  }
  .forfontsize .form-select {
      font-size: 14px;
    }
  #multistepsform {
      .action-button {
          padding: 15px 12px !important;
          text-align: center;
      }
  }
#multistepsform  label.form-label {
      margin-top: 10px;
  }
  .mainthanku {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 79px 0px 0px 0px;
  }
    .navbar-collapse {
        /* flex-basis: 100%; */
        /* flex-grow: 1; */
        /* align-items: center; */
        position: absolute;
        top: 50px;
        width:300px !important;
        display: block;
        background-color: #fff;
        right: 0;
    }
    .ps-6 {
        padding-left: 1rem !important;
    }
    .appointment{
        .faculty{
            background-image:url(../images/faculty.jpg) ;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            height: 300px;
        }
    }
    .fs-45 {
        font-size: 35px;
        line-height: 42px;
    }
    .testimonials{
        span.carousel-control-prev-icon {
            border: 1px solid #f1ebeb;
            position: absolute;
            top: 80%;
            left: 28px;
            width: 60px;
            height: 35px;
            border-radius: 30px;
            filter: invert(1);
            background-size: 35%;
        }
        span.carousel-control-next-icon {
            border: 1px solid #fff;
            top: 80%;
            right: 28px;
            position: absolute;
            width: 60px;
            height: 35px;
            border-radius: 30px;
            filter: invert(1);
            background-size: 35%;
        }
    }
    .services-list {
        padding: 4vh;
        padding-bottom: 25vh;
    }
}
@media(min-width:768px) {
  header {
    & .navbar {
        a.nav-link {
            color: #000;
            font-size: 14px;
        }
    }
}
    .w-sm-75 {
        width: 75% !important;
    }
    .banner {
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 0.25rem;
            left: 15%;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            color: #fff;
            text-align: center;
        }
    }
    .about {
        .about-bg,
        .faculty-bg {
            height: 30vh;
        }
    }
}
@media(min-width:992px) {
    .w-md-75 {
        width: 75% !important;
    }
    .banner {
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 8.25rem;
            left: 15%;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            color: #fff;
            text-align: center;
        }
    }
    .about {
        .about-bg,
        .faculty-bg {
            height: auto;
        }
    }
    .w-20 {
        width: 20%;
    }
}
@media(min-width:1199px) {
  header {
    & .navbar {
        a.nav-link {
            color: #000;
            font-size: 18px;
        }
    }
}
    .fs-lg-60 {
        font-size: 60px;
        line-height: 66px;
    }

    .fs-lg-18 {
        font-size: 18px;
        line-height: 24px;
    }

    .w-md-75 {
        width: 75% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

}

@media(min-width:1400px) {
    .w-lg-35 {
        width: 35% !important;
    }

    .banner {
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 12.25rem;
            left: 15%;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            color: #fff;
            text-align: center;
        }
    }
}
@media(min-width:767px) and (max-width:1024px) {
  .table-responsive.forfontsize select {
    height: auto !important;
}
td.redues {
    width: 160px;
}
#multistepsform  label.form-label {
        margin-top: 10px;
        font-size: 14px;
    }
    #multistepsform label.form-label.onlys {
      height: 35px;
      display: table-footer-group;
  }
}
.col-md-12.text-center.girl-image-testi {
    margin: 0 auto;
    display: block;
    width: 31%;
    height: 31%;
    margin-bottom: 7px;
}
.testimonialitems .row.align-items-center {
    background: #ffffff;
    box-shadow: 0px 1px 8px 0px #00000057;
    padding: 15px 10px;
    height: 295px;
    border-radius: 8px;
}
.slick-slide{
  height: auto !important;
}
/* p.paragraph {
    overflow-y: scroll;
    height: 55px;
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
} */
.col-md-12.text-center.girl-image-testi img {
    height: 80px;
    width: 80px;
}
#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.scrollbar
{
	height: 50px;
	overflow-y: scroll;
	margin-bottom: 25px;
  scrollbar:thin;
}
.wp-block-table td { border-width: 1px;}