@media only screen and (min-width: 320px) and (max-width: 360px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 5.5vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .single-academics-card2 .academic-content {
        position: absolute;
    }

    .single-academics-card2 .academic-content {
        position: relative;
        margin-top: 60vw;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content {
        position: relative;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content h3 {
        font-size: 2vw;
        margin-bottom: 15px;
    }

    .innovation-area {
        text-align: center;
    }

    .innovation-area .row{
        margin-top: -50px;
    }

    .events-area .section-title span::after {
        width: 11vw;
        left: 78vw;
        top: 4.5vh;
    }

   .events-content h3 {
        font-size: 5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 4vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area h2 {
        font-size: 5vw;
    }

    .campus-life-area h3 {
        font-size: 4vw;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        background-color: #fff;
        color: #001C38;
        font-size: 3.5vw;
        font-weight: 900;
        line-height: 1;
        padding: 10px 17px;
    }

    .footer-logo-area{
        text-align: center;
    }

    .footer-logo-area img {
        margin-bottom: 20px;
        width: 55vw;
    }

    .top-banner-fixed {
        background-size: 120%;
        background-position: top;
        height: 87vh;
        margin-bottom: -300px;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
        border-color: pink;
    }

    .mission-vission-area .section-title h2 {
        font-size: 8vw;
        text-align: center;
    }

    .mission-vission-area .section-title p {
        font-size: 4vw;
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 5.5vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        font-size: 4vw;
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    #students-life-box-01 {
        padding-bottom: 50px;
    }

    #students-life-box-02 {
        padding-bottom: 50px;
    }

    #students-life-box-04 {
        padding-bottom: 50px;
    }

    #students-life-box-05 {
        padding-bottom: 50px;
    }

    .students-life-area .section-title h2 {
        font-size: 5.5vw;
        margin-bottom: 6.5vh;
    }

    .students-life-area span.strong-blue {
        font-size: 4.5vh;
    }

    .students-life-area p {
        font-size: 4.5vw;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -13vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 7vw;
        text-align: center;
        line-height: 1;
        margin-top: -50vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 5.5vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .specialties-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;    
    }

    .specialties-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;    
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .vocation-area .card-body p {
        font-size: 3.3vw;
        line-height: 1.3;
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 5vw;

        &::after {
            position: absolute;
            content: "";
            top: 3em;
            bottom: -0.01em;
            left: 30%;
            width: 40%;
            height: 1px;
            background-repeat: no-repeat;
            background-size: 200% 100%;
            background-position: 100% 50%;
        }
    }

    .campus-area .card .card-body {
        text-align: center;
    }

    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

    .contact-promo-area {
        padding: 5px 0px 0px 0px;
        max-width: 300px;
        box-shadow: 0px 0px 7px #9F9F9F;
        margin: 0 auto;
        margin-bottom: 7.5vw;
    }

    .contact-promo-area > .container {
        height: 50vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 150%;
        background-repeat: no-repeat;
        background-position: 40% 100%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 5vw;
        font-weight: 900;
        margin-top: -13vw;  
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 3vw;
        margin: 0 auto;
        margin-top: 12vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 7vw;
        font-weight: 900;
        margin-top: -50vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 4.5vw;
        font-weight: 600;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0vw;
    }

    .mentors-area-alter {
        max-width: 100%;
        text-align: center;
    }

    .mentors-area-alter .card-body h3 {
        font-size: 5vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .mentors-area-alter .card-body p {
        font-size: 4vw;
        line-height: 1.3;
    }

    .mentors-area-alter .card-body ul {
        font-size: 4vw;  
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 6vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 4vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 6vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 6vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 4vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 34% 0%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 20% -60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: 60% 20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 80vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .contact-us-section {
        max-width: 280px;
        box-shadow: 0px 0px 7px #9F9F9F;
        text-align: center;
    }

    .contact-us-section .contact-us-item img.img-fluid {
        max-width: 200vw;
    }

    .contact-us-section .contact-us-item i {
        font-size: 6vw;
    }

    .contact-us-section h3 {
        font-size: clamp(24px, 3vw, 36px);
    }

}

@media only screen and (min-width: 361px) and (max-width: 567px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 5.5vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .single-academics-card2 .academic-content {
        position: absolute;
    }

    .single-academics-card2 .academic-content {
        position: relative;
        margin-top: 35vw;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content {
        position: relative;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content h3 {
        font-size: 2vw;
        margin-bottom: 15px;
    }

    .innovation-area {
        text-align: center;
    }

    .innovation-area .row{
        margin-top: -50px;
    }

    .events-area .section-title span::after {
        width: 37vw;
        left: 55vw;
        top: 4.5vh;
    }

    .events-content h3 {
        font-size: 5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 4vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area h2 {
        font-size: 5vw;
    }

    .campus-life-area h3 {
        font-size: 4vw;
    }

    .single-campus-card.style-3 .campus-content h3 {
        font-size: 3vh;
        font-weight: 500;
        margin-top: 80px;
        margin-bottom: 20px;
    }

    .single-campus-card.style-3 .campus-content span {
        font-size: 2.7vh;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        font-size: 3vw;
        font-weight: 900;
        padding: 6px 13px;
    }

    .footer-logo-area{
        text-align: center;
    }

    .footer-logo-area img {
        margin-bottom: 20px;
        width: 40vw;
    }

    .top-banner-fixed {
        background-size: 130%;
        background-position: top;
        height: 300vw;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
    }

    .mission-vission-area .section-title h2 {
        font-size: 8vw;
        text-align: center;
    }

    .mission-vission-area .section-title p {
        font-size: 3.5vw;
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 5.5vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        font-size: 3.3vw;
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    #students-life-box-01 {
        padding-bottom: 50px;
    }

    #students-life-box-02 {
        padding-bottom: 50px;
    }

    #students-life-box-04 {
        padding-bottom: 50px;
    }

    #students-life-box-05 {
        padding-bottom: 50px;
    }

    .students-life-area h2 {
        font-weight: 600;
        margin-bottom: 6.5vh;
    }

    .students-life-area span.strong-blue {
        font-weight: 900;
        font-size: 5vw;
    }

    .students-life-area .section-title h2 {
        font-size: 5.5vw;
        margin-bottom: 6.5vh;
    }

     .students-life-area span.strong-blue {
        font-size: 4.5vh;
    }

    .students-life-area p {
        font-size: 3.5vw;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: 0vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 6vw;
        text-align: center;
        line-height: 1;
        margin-top: -30vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 5.5vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .specialties-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;    
    }

    .specialties-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;    
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 1vw;

        &::after {
            display:none;
        }
    }

    .campus-area .card .card-body {
        text-align: center;
    }

    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

    .contact-promo-area {
        padding: 20px 0px 10px 0px;
        max-width: 380px;
        box-shadow: 0px 0px 7px #9F9F9F;
        margin: 0 auto;
        margin-bottom: 7.5vw;
    }

    .contact-promo-area > .container {
        height: 55vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 170%;
        background-repeat: no-repeat;
        background-position: 40% 100%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 4.5vw;
        font-weight: 900;
        margin-top: -10vw;  
        margin-left: 30vw;
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 2vw;
        margin: 0 auto;
        margin-top: 15vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 7vw;
        font-weight: 900;
        margin-top: -30vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 4.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area-alter {
        max-width: 100%;
        text-align: center;
    }

    .mentors-area-alter .card-body h3 {
        font-size: 5vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .mentors-area-alter .card-body p {
        font-size: 4vw;
        line-height: 1.3;
    }

    .mentors-area-alter .card-body ul {
        font-size: 4vw;  
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 6vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 4vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 6vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 6vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 4vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 4vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 50% 30%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 31% -60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: 56% 20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .contact-us-section {
        max-width: 350px;
        box-shadow: 0px 0px 7px #9F9F9F;
        text-align: center;
    }

    .contact-us-section .contact-us-item img.img-fluid {
        max-width: 200vw;
    }

    .contact-us-section .contact-us-item i {
        font-size: 4.5vw;
    }

    .contact-us-section h3 {
        font-size: clamp(24px, 3vw, 36px);
    }

    .contact-us-section .contact-us-item a.default-btn  {
        font-size: 3vw;
    }

}

@media only screen and (max-width: 567px) {
    .slider-content h2 {
        font-size: 5vw;
        padding: 10px;
    }

    .slider-content>.default-btn {
        margin-top: 100px;
        margin-left: 190px;
        float: right;
    }

    .counter-card {
        margin-bottom: 0px;
    }

    .counter-card h1 {
        text-align: center;
        font-size: 5vw;
        margin-bottom: 3px;
        line-height: 1;
    }

    .counter-card h1 .target {
        top: 3px;
    }

    .counter-card p {
        text-align: center;
        font-size: 3vw;
        line-height: 1;
    }

    .identity-area {
        margin-top: -90px;
    }

    .single-identity-card {
        margin-top: 0px;
    }

    .single-identity-card .identity-content img {
        max-width: 40vw;
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 1vw;
        margin-bottom: 7vw;
    }

    .vocation-area .card-body p {
        font-size: 3.3vw;
        line-height: 1.3;
    }

}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 5.5vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .box-bg {
        margin-top: 70px;
    }

    .slider-content h2 {
        font-size: 3.5vw;
        padding: 10px;
    }

    .slider-content>.default-btn {
        margin-top: 100px;
        margin-left: 400px;
        float: right;
    }

    .single-academics-card2 .academic-content {
        position: absolute;
    }

    .single-academics-card2 .academic-content {
        position: relative;
        margin-top: 22vw;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content {
        position: relative;
        text-align: center;
    }

    .single-academics-card2 .academic-content .academic-top-content h3 {
        font-size: 2vw;
        margin-bottom: 15px;
    }

    .identity-area {
        margin-top: -90px;
    }

    .single-identity-card {
        margin-top: 0px;
    }

    .single-identity-card .identity-content img {
        max-width: 40vw;
        margin-bottom: 10vw;
    }

    .innovation-area {
        text-align: center;
    }

    .innovation-area .row{
        margin-top: -50px;
    }

    .events-area .section-title span::after {
        width: 31vw;
        left: 35vw;
        top: 4.5vh;
    }

    .events-content h3 {
        font-size: 3vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 2vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area .section-title h2 {
        font-size: 5vw;
    }

    .campus-life-area h3 {
        font-size: 2.5vw;
    }

    .single-campus-card.style-3 .campus-content h3 {
        font-size: 3vh;
        font-weight: 500;
        margin-top: 100px;
        margin-bottom: 20px;
    }

    .single-campus-card.style-3 .campus-content span {
        font-size: 2.7vh;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        font-size: 2vw;
        font-weight: 900;
        padding: 6px 13px;
    }

    .top-banner-fixed {
        background-size: 130%;
        background-position: top;
        height: 300vw;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
    }

    .mission-vission-area .section-title h2 {
        font-size: 5vw;
        text-align: center;
    }

    .mission-vission-area .section-title p {
        font-size: 2.5vw;
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 5.5vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    #students-life-box-01 {
        padding-bottom: 50px;
    }

    #students-life-box-02 {
        padding-bottom: 50px;
    }

    #students-life-box-04 {
        padding-bottom: 50px;
    }

    #students-life-box-05 {
        padding-bottom: 50px;
    }

    .students-life-area h2 {
        font-weight: 600;
        margin-bottom: 6.5vh;
    }

    .students-life-area span.strong-blue {
        font-weight: 900;
        font-size: 3.8vw;
    }

    .students-life-area p {
        font-size: 2vw;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 130%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: 0vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 4.5vw;
        text-align: center;
        line-height: 1;
        margin-top: -20vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 4vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 1vw;
        margin-bottom: 7vw;
    }

    .vocation-area .card-body p {
        font-size: 2.7vw;
        line-height: 1.3;
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 5vw;

        &::after {
            position: absolute;
            content: "";
            top: 7vw;
            bottom: -0.01em;
            left: 30%;
            width: 40%;
            height: 1px;
            background-repeat: no-repeat;
            background-size: 200% 100%;
            background-position: 100% 50%;
        }
    }

    .campus-area .card .card-body {
        text-align: center;
    }

    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

    .contact-promo-area > .container {
        height: 60vw;
        margin-top: 20vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 220%;
        background-repeat: no-repeat;
        background-position: 35% 100%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 5vw;
        font-weight: 900;
        margin-top: -24vw;  
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 3vw;
        margin: 0 auto;
        margin-top: 22vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 6vw;
        font-weight: 900;
        margin-top: -20vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 3.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area-alter {
        max-width: 100%;
        text-align: center;
    }

    .mentors-area-alter .card-body h3 {
        font-size: 5vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .mentors-area-alter .card-body p {
        font-size: 3vw;
        line-height: 1.3;
    }

    .mentors-area-alter .card-body ul {
        font-size: 3vw;  
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 5vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 3vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 5vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 5vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 3vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 48% -20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 31% -60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: 70% 60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .contact-us-section {
        max-width: 600px;
        box-shadow: 0px 0px 7px #9F9F9F;
        text-align: center;
    }

    .contact-us-section .contact-us-item img.img-fluid {
        max-width: 200vw;
    }

    .contact-us-section .contact-us-item i {
        font-size: 3vw;
    }

    .contact-us-section h3 {
        font-size: clamp(24px, 3vw, 36px);
    }

    .contact-us-section .contact-us-item a.default-btn  {
        font-size: 2vw;
    }
}

@media only screen and (max-width: 767px) {
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .pt-70 {
        padding-top: 50px;
    }

    .mt-20 {
        margin-top: 0;
    }

    .pl-20 {
        padding-left: 0;
    }

    .pl-15 {
        padding-left: 0;
    }

    .mr-20 {
        margin-right: 0;
    }

    .pr-20 {
        padding-right: 0;
    }

    p {
        font-size: 14px;
    }

    .form-control {
        height: 45px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .default-btn {
        font-size: 13px;
        padding: 10px 20px;
    }

    .default-btn.mr-20 {
        margin-right: 10px;
    }

    .read-more-btn {
        font-size: 14px;
    }

    .section-title {
        margin: -10px auto 30px;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .header-left-content {
        text-align: center;
        margin-bottom: 15px;
    }

    .header-right-content {
        text-align: center;
    }

    .modal.right .modal-dialog {
        width: 300px;
    }

    .banner-area {
        padding-bottom: 0;
        background-color: transparent;
    }

    .banner-area .container-fluid {
        margin: auto;
        padding-left: 0;
    }

    .slider-item {
        padding-top: 60px;
        padding-bottom: 65px;
        padding-left: 0;
        padding-right: 0;
    }

    .slider-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-content h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .slider-content p {
        margin-bottom: 25px;
    }

    .slider-content.style2 {
        background-color: transparent;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-content.style2 h1 {
        color: #fff;
    }

    .slider-content.style2 p {
        color: #fff;
    }

    .owl-thumbs {
        display: none;
    }

    .hero-slider {
        position: relative;
    }

    .hero-slider.owl-theme .owl-dots {
        display: none;
    }

    .hero-slider.owl-theme .owl-nav [class*="owl-"] {
        position: absolute;
        left: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
        right: 60px;
        bottom: 40px;
        margin: auto;
    }

    .hero-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        left: 110px;
    }

    .hero-slider2 {
        position: relative;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"] {
        position: absolute;
        left: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
        right: 70px;
        bottom: -90px;
        margin: auto;
        opacity: 1;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
        left: 140px;
    }

    .banner-area.banner-area-five video {
        width: auto;
        height: 420px;
    }

    .banner-area.banner-area-five .slider-item {
        padding-left: 0;
    }

    .single-academics-card {
        padding: 20px;
    }

    .single-academics-card .academic-top-content {
        padding-left: 30px;
    }

    .single-academics-card .academic-top-content i {
        font-size: 24px;
    }

    .single-academics-card .academic-top-content h3 {
        font-size: 18px;
    }

    .single-academics-card2 {
        height: 400px;
        padding: 20px;
    }

    .single-academics-card2 .serial {
        left: 20px;
        top: 20px;
    }

    .single-academics-card2 .academic-content {
        padding: 20px;
    }

    .single-academics-card2 .academic-content .academic-top-content {
        padding-left: 25px;
    }

    .single-academics-card2 .academic-content .academic-top-content h3 {
        font-size: 20px;
    }

    .single-academics-card3 {
        padding: 20px;
    }

    .single-academics-card3 .icon {
        margin-bottom: 15px;
    }

    .single-academics-card3 h3 {
        margin-bottom: 10px;
    }

    .single-academics-card3 p {
        margin-bottom: 10px;
    }

    .serch-content {
        padding: 20px;
    }

    .serch-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .serch-content .form-group .src-btn {
        top: 10px;
    }

    .category-content {
        padding: 20px;
    }

    .category-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .location-type {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .location-type h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .program-level h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .academics-details .details h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .academics-details .details p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .academics-details .regiStartion-and-fee h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee .list ul li {
        margin-bottom: 8px;
    }

    .academics-details .prepare-exam h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam p {
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam .exam-card {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .academics-details .prepare-exam .exam-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .academics-details .prepare-exam .exam-card h4::before {
        left: -20px;
    }

    .academics-list {
        padding: 20px;
    }

    .academics-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-download {
        padding: 20px;
    }

    .related-download h3 {
        font-size: 20px;
    }

    .related-download ul li {
        padding: 17px;
        padding-left: 70px;
    }

    .campus-content .campus-title {
        margin-bottom: 25px;
    }

    .campus-content .campus-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .campus-content .list {
        margin-bottom: 10px;
    }

    .campus-content.style-2 {
        margin-left: 0;
        padding: 0;
        box-shadow: none;
    }

    .counter-card {
        margin-bottom: 20px;
    }

    .single-campus-card .campus-content {
        padding: 20px;
    }

    .single-campus-card .campus-content span {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .single-campus-card .campus-content h3 {
        font-size: 19px;
    }

    .campus-slider {
        margin-bottom: -20px;
    }

    .campus-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider.owl-theme .owl-dots {
        display: none;
    }

    .campus-slider2 {
        margin-bottom: -20px;
    }

    .campus-slider2.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider2.owl-theme .owl-dots {
        display: none;
    }

    .estemate-form {
        margin-top: 0;
        padding: 20px;
        margin-bottom: 30px;
    }

    .single-courses-card .courses-content {
        padding: 25px 20px 20px;
    }

    .single-courses-card .courses-content .admin-profile {
        margin-bottom: 15px;
    }

    .single-courses-card .courses-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .single-courses-card.style3 .admin-profile {
        margin-bottom: 20px;
    }

    .single-courses-card.style3 .admin-profile::before {
        display: none;
    }

    .single-courses-card.style3 .courses-content h3 {
        margin-bottom: 30px;
    }

    .courses-slider.mb-20 {
        margin-bottom: -20px;
    }

    .courses-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .courses-slider.owl-theme .owl-dots {
        display: none;
    }

    .courses-details .courses-card {
        margin-bottom: 25px;
    }

    .courses-details .courses-card h2 {
        font-size: 22px;
    }

    .courses-details .courses-card .list ul .teacher {
        margin-bottom: 30px;
    }

    .reply-area p {
        margin-bottom: 15px;
    }

    .description {
        padding-bottom: 15px;
    }

    .description .nav-tabs {
        margin-bottom: 25px;
        box-shadow: none;
    }

    .description .nav-tabs .nav-link {
        padding: 10px 20px;
        margin-bottom: 15px;
    }

    .overview .learn {
        margin-bottom: 20px;
    }

    .overview .learn h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .overview .learn p {
        margin-bottom: 15px;
    }

    .overview .overview-box {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .overview .overview-box h4::before {
        left: -20px;
    }

    .curriculum h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .curriculum .curriculum-list {
        padding: 15px;
    }

    .curriculum .curriculum-list ul li {
        padding-right: 75px;
    }

    .instructor .instructor-image {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .name {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .mb-30 {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .quick-contact h4 {
        margin-bottom: 10px;
    }

    .single-reviews-card {
        padding: 20px;
        padding-left: 20px;
    }

    .single-reviews-card img {
        position: unset;
        transform: translateY(0);
        margin-bottom: 15px;
    }

    .single-reviews-card .date {
        margin-bottom: 15px;
    }

    .review-form h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .review-form .form-group {
        margin-bottom: 20px;
    }

    .enroll-courses {
        padding: 20px;
    }

    .enroll-courses .enroll-img {
        margin-bottom: 20px;
    }

    .enroll-courses .list {
        margin-bottom: 20px;
    }

    .enroll-courses .list ul li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .admission-content .admission-image {
        margin-bottom: 20px;
    }

    .admission-content .admission-image .icon a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 22px;
    }

    .admission-content .admission-image .icon::before {
        height: 50px;
        width: 50px;
    }

    .admission-content .admission-image .icon::after {
        height: 55px;
        width: 55px;
    }

    .admission-content .query p {
        margin-bottom: 20px;
    }

    .admission-left-content {
        margin-bottom: 30px;
    }

    .admission-left-content h2 {
        font-size: 24px;
    }

    .admission-right-content {
        text-align: left;
    }

    .admission-right-content .icon {
        right: 60px;
    }

    .how-to-apply h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .how-to-apply p {
        margin-bottom: 20px;
    }

    .submit h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .financial h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .additional-information {
        padding: 20px;
    }

    .additional-information .list ul li {
        padding: 12px;
    }

    .single-program-card {
        padding: 20px;
    }

    .single-program-card h3 {
        margin-bottom: 15px;
    }

    .single-health-care-card .health-care-content {
        padding: 20px;
    }

    .single-health-care-card .health-care-content h3 {
        font-size: 20px;
    }

    .single-health-care-card.style1 .health-care-content {
        max-width: none;
        position: unset;
    }

    .single-health-care-card.style2 {
        padding-top: 0;
    }

    .single-health-care-card.style2 .health-care-content {
        max-width: none;
        position: unset;
    }

    .more-health-care.style2 {
        text-align: center !important;
        padding-right: 0;
    }

    .health-care-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .health-care-slider.owl-theme .owl-dots {
        display: none;
    }

    .health-details .top-content h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .health-details .top-content p {
        margin-bottom: 15px;
    }

    .health-details .health-care h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .health-details .health-care p {
        margin-bottom: 15px;
    }

    .health-details .health-care-access h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .madical-care-content .medical-card {
        margin-bottom: 20px;
    }

    .madical-care-content .medical-card .content {
        padding: 15px 0 7px;
    }

    .madical-care-content .medical-care {
        margin-bottom: 20px;
    }

    .madical-care-content .medical-care h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .madical-care-content .medical-care .list ul li {
        font-size: 14px;
    }

    .tranding {
        padding: 20px;
    }

    .single-events-card .events-image .date {
        left: 20px;
        padding: 10px 20px;
    }

    .single-events-card .events-content {
        padding: 20px;
    }

    .single-events-card .events-content .admin {
        margin-bottom: 15px;
    }

    .single-events-card .events-content h3 {
        
    }

    .events-slider.mb-20 {
        margin-bottom: -20px;
    }

    .events-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .events-slider.owl-theme .owl-dots {
        display: none;
    }

    .events-details-left-content .events-image {
        margin-bottom: 25px;
    }

    .events-details-left-content .about-lecturer img {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .events-details-left-content .about-lecturer p {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .meetings {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .meetings h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .meetings p {
        margin-bottom: 15px;
    }

    .next-workshop {
        margin-bottom: 20px;
    }

    .next-workshop h3 {
        font-size: 20px;
    }

    .next-workshop .list ul li {
        margin-bottom: 8px;
        padding-left: 110px;
    }

    .brought h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .brought p {
        margin-bottom: 15px;
    }

    .podcast-content {
        background-color: #f4f6f9;
        padding: 20px;
    }

    .podcast-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .single-podcasts-card.style2 .podcast-content {
        padding: 20px;
    }

    .single-podcasts-card.style2 .podcast-content h3 {
        font-size: 20px;
    }

    .single-podcasts-card.style3 .podcasts-image .play-btn {
        left: 20px;
        bottom: 20px;
    }

    .single-podcasts-card.style3 .podcasts-image .episodes p {
        padding: 8px 12px;
        left: 20px;
        top: 20px;
    }

    .single-podcasts-card.style3 .podcast-content {
        background-color: #fff;
        padding: 20px;
    }

    .single-podcasts-card.style3 .podcast-content .date p {
        margin-bottom: 0;
    }

    .categories {
        padding: 20px;
    }

    .single-stories-card .stories-content {
        padding: 20px 20px 15px;
    }

    .single-news-card .news-content {
        padding: 20px;
    }

    .single-news-card .news-content .list ul li {
        margin-right: 10px;
    }

    .single-news-card .news-content .list ul li:last-child {
        margin-right: 0;
    }

    .single-news-card .news-content h3 {
        font-size: 18px;
    }

    .news-slider {
        margin-bottom: -20px;
    }

    .news-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 0;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .news-slider.owl-theme .owl-dots {
        display: none;
    }

    .latest-news-simple-card {
        height: 350px;
    }

    .latest-news-simple-card .news-content {
        padding: 15px;
    }

    .latest-news-simple-card .news-content h3 {
        font-size: 22px;
    }

    .latest-news-card-area h3 {
        font-size: 20px;
    }

    .category-list {
        padding: 20px;
    }

    .category-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-post-area {
        padding: 20px;
    }

    .related-post-area h3 {
        font-size: 20px;
    }

    .related-post-area .related-post-box .related-post-content h4 {
        font-size: 15px;
    }

    .news-details .news-simple-card .list {
        margin-bottom: 10px;
    }

    .news-details .news-simple-card h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-bottom: 15px;
    }

    .news-details .news-simple-card p {
        margin-bottom: 15px;
    }

    .news-details .theory .theory-box {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .news-details .theory .theory-box h4::before {
        left: -20px;
    }

    .news-details .blog-img-and-content {
        margin-bottom: 15px;
    }

    .tags-and-share .tags {
        margin-bottom: 20px;
    }

    .tags-and-share .share {
        text-align: left;
    }

    .comments {
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .comments h3 {
        font-size: 20px;
    }

    .comments .single-comments-box {
        padding: 0;
    }

    .comments img {
        position: unset;
        transform: translateY(0);
        margin-bottom: 20px;
    }

    .comments h4 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .comments .date {
        margin-bottom: 15px;
    }

    .reply-area h3 {
        font-size: 20px;
    }

    .reply-area .reply-form .form-group {
        margin-bottom: 20px;
    }

    .paginations ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .footer-logo-area p {
        margin-bottom: 20px;
    }

    .footer-logo-area .contact-list ul li {
        margin-bottom: 8px;
    }

    .footer-logo-area .contact-list ul li a {
        font-size: 14px;
    }

    .footer-widjet h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .footer-widjet .list ul li a {
        font-size: 14px;
    }

    .copyright-area {
        background-color: #1f2c75;
    }

    .copyright .copy {
        text-align: center;
    }

    .copyright .social-content {
        text-align: center;
        margin-bottom: 20px;
    }

    .page-banner-area {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .page-banner-area .page-banner-content h1 {
        font-size: 30px;
    }

    .page-banner-area .page-banner-content ul li {
        font-size: 14px;
    }

    .alumni-left-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-alumni-events-card {
        padding: 0;
    }

    .single-alumni-events-card .alumni-content {
        padding: 20px;
    }

    .single-alumni-events-card .alumni-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .alumni-right-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-alumoni-updates-card {
        padding: 0;
    }

    .single-alumoni-updates-card .updates-content {
        padding: 20px;
    }

    .single-alumoni-updates-card .updates-content h3 {
        font-size: 18px;
    }

    .admission-box-area-content {
        position: relative;
    }

    .admission-box-area-content::before {
        position: absolute;
        content: "";
        background-color: rgba(31, 44, 117, 0.7);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .admission-box-area-content .box-content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .admission-box-area-content .box-content span {
        color: #e32845;
    }

    .admission-box-area-content .box-content h2 {
        color: #fff;
    }

    .admission-box-area-content .box-content p {
        color: #fff;
    }

    .faq-title h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .faq-title p {
        margin-bottom: 20px;
    }

    .faq-image {
        margin-bottom: 20px;
    }

    .accordion .accordion-item .accordion-button {
        padding: 12px;
        font-size: 17px;
    }

    .login {
        padding: 20px;
    }

    .register {
        padding: 20px;
    }

    .register .default-btn {
        margin-top: 10px;
    }

    .password {
        padding: 15px;
    }

    .privacy-content h2 {
        font-size: 22px;
    }

    .privacy-content p {
        margin-bottom: 15px;
    }

    .privacy-content h4 {
        font-size: 20px;
    }

    .privacy-content .list ul {
        margin-bottom: 10px;
    }

    .privacy-content .list ul li {
        font-size: 14px;
    }

    .condition-content h2 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .condition-content p {
        margin-bottom: 15px;
    }

    .condition-content h4 {
        font-size: 20px;
    }

    .condition-content .list ul {
        margin-bottom: 10px;
    }

    .condition-content .list ul li {
        font-size: 14px;
    }

    .coming-soon-area .coming-soon h1 {
        font-size: 30px;
    }

    .coming-soon-area .coming-soon .newsletter-form .default-btn {
        position: unset;
        margin-top: 20px;
    }

    .error-area .top-content ul li {
        font-size: 100px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .error-area h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .error-area p {
        margin-bottom: 20px;
    }

    .contacts-form {
        padding: 20px;
    }

    .contacts-form h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .contacts-form .form-group {
        margin-bottom: 20px;
    }

    .contact-and-address h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contact-and-address .contact-and-address-content {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .contact-and-address .contact-and-address-content .contact-card {
        padding: 20px;
    }

    .contact-and-address .contact-and-address-content .contact-card h4 {
        margin-bottom: 12px;
    }

    .contact-and-address .contact-and-address-content .contact-card p {
        margin-bottom: 8px;
    }

    .contact-and-address .social-media h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .contact-and-address .social-media p {
        margin-bottom: 20px;
    }

    .go-top {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .video-area .video-content {
        margin-top: -110px;
    }

    .video-content .section-title h2 {
        font-size: 7vw;
        line-height: 1;
    }

    .video-content .section-title h2 span {
        font-size: 9vw;
    }

    .copyright-area {
        background-color: #e32845;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .container-fluid {
        max-width: 540px !important;
    }
}

@media screen and (max-width: 768px) {
    ul.menu__list,
    div.menu__brand {
        float: none;
        width: 100%;
        min-height: 0;
    }

    ul.menu__list--active,
    div.menu__brand--active {
        transform: translate3d(0, 0, 0);
    }

    .navbar-brand img {
        padding: 2vw;
        max-width: 30vw;
    }

    .menu__list {
        height: 75vh;
        transform: translate3d(-100%, 0, 0);
    }

    .menu-list {
        font-size: 24px;
    }

    .menu__brand {
        height: 25vh;
        transform: translate3d(100%, 0, 0);
    }

    .menu__brand .logo {
        width: 90px;
        height: 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 4vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pt-100 {
        padding-top: 50px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }

    .pb-70 {
        padding-bottom: 20px;
    }

    .pt-70 {
        padding-top: 50px;
    }

    .mt-20 {
        margin-top: 0;
    }

    .pl-20 {
        padding-left: 0;
    }

    .pl-15 {
        padding-left: 0;
    }

    .mr-20 {
        margin-right: 0;
    }

    .pr-20 {
        padding-right: 0;
    }

    p {
        font-size: 14px;
    }

    .form-control {
        height: 45px;
    }

    .mb-30 {
        margin-bottom: 30px;
    }

    .container-fluid {
        max-width: 720px !important;
    }

    .default-btn {
        font-size: 13px;
        padding: 10px 20px;
    }

    .default-btn.mr-20 {
        margin-right: 10px;
    }

    .read-more-btn {
        font-size: 15px;
    }

    .section-title {
        margin: -10px auto 30px;
    }

    .section-title h2 {
        font-size: 24px;
    }

    .top-header-area .container-fluid {
        max-width: auto;
    }

    .header-left-content p {
        font-size: 11px;
    }

    .header-right-content .list ul li {
        margin-right: 10px;
    }

    .header-right-content .list ul li a {
        font-size: 11px;
    }

    .modal.right .modal-dialog {
        width: 300px;
    }

    .sidebarModal.modal .modal-body .sidebar-content {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .sidebarModal.modal .modal-body .sidebar-content p {
        margin-bottom: 30px;
    }

    .sidebarModal.modal .modal-body .sidebar-contact-info .info-list {
        margin-top: 20px;
    }

    .sidebarModal.modal .modal-body .sidebar-contact-info .info-list li {
        margin-bottom: 10px;
    }

    .sidebarModal.modal .modal-body .sidebar-social-list {
        margin-top: 20px;
    }

    .sidebarModal.modal .modal-body .contact-form {
        margin-top: 20px;
    }

    .banner-area {
        padding-bottom: 0;
        background-color: transparent;
    }

    .banner-area .container-fluid {
        margin: auto;
        padding-left: 0;
    }

    .slider-item {
        padding-top: 60px;
        padding-bottom: 70px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-content h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .slider-content p {
        margin-bottom: 25px;
    }

    .slider-content.style2 {
        background-color: transparent;
        padding: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .slider-content.style2 h1 {
        color: #fff;
    }

    .slider-content.style2 p {
        color: #fff;
    }

    .owl-thumbs {
        display: none;
    }

    .hero-slider {
        position: relative;
    }

    .hero-slider.owl-theme .owl-dots {
        display: none;
    }

    .hero-slider.owl-theme .owl-nav [class*="owl-"] {
        position: absolute;
        left: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
        right: 60px;
        bottom: 40px;
        margin: auto;
    }

    .hero-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        left: 110px;
    }

    .hero-slider2 {
        position: relative;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"] {
        position: absolute;
        left: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
        right: 70px;
        bottom: -50px;
        margin: auto;
        opacity: 1;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
        left: 140px;
    }

    .banner-area.banner-area-five .slider-item {
        padding-left: 35px;
    }

    .eduction-area {
        padding-top: 50px;
    }

    .single-education-card {
        margin-left: 15px;
        margin-right: 15px;
    }

    .single-academics-card {
        padding: 20px;
    }

    .single-academics-card .academic-top-content {
        padding-left: 30px;
    }

    .single-academics-card .academic-top-content i {
        font-size: 24px;
    }

    .single-academics-card .academic-top-content h3 {
        font-size: 18px;
    }

    .single-academics-card2 {
        height: 400px;
        padding: 20px;
    }

    .single-academics-card2 .serial {
        left: 20px;
        top: 20px;
    }

    .single-academics-card2 .academic-content {
        padding: 20px;
    }

    .single-academics-card2 .academic-content .academic-top-content {
        padding-left: 25px;
    }

    .single-academics-card2 .academic-content .academic-top-content h3 {
        font-size: 20px;
    }

    .single-academics-card3 {
        padding: 20px;
    }

    .single-academics-card3 .icon {
        margin-bottom: 15px;
    }

    .single-academics-card3 h3 {
        margin-bottom: 10px;
    }

    .single-academics-card3 p {
        margin-bottom: 10px;
    }

    .serch-content {
        padding: 20px;
    }

    .serch-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .serch-content .form-group .src-btn {
        top: 10px;
    }

    .category-content {
        padding: 20px;
    }

    .category-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .location-type {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .location-type h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .program-level h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .academics-details .details h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .academics-details .details p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .academics-details .regiStartion-and-fee h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee .list ul li {
        margin-bottom: 8px;
    }

    .academics-details .prepare-exam h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam p {
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam .exam-card {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .academics-details .prepare-exam .exam-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .academics-details .prepare-exam .exam-card h4::before {
        left: -20px;
    }

    .academics-list {
        padding: 20px;
    }

    .academics-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-download {
        padding: 20px;
    }

    .related-download h3 {
        font-size: 20px;
    }

    .related-download ul li {
        padding: 17px;
        padding-left: 70px;
    }

    .campus-content .campus-title {
        margin-bottom: 25px;
    }

    .campus-content .campus-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .campus-content .list {
        margin-bottom: 10px;
    }

    .campus-content.style-2 {
        margin-left: 0;
        padding: 0;
        box-shadow: none;
    }

    .counter-card {
        margin-bottom: 20px;
    }

    .counter-card h1 {
        font-size: 30px;
    }

    .counter-card h1 .target.heading-color {
        font-size: 30px;
    }

    .single-campus-card .campus-content {
        padding: 20px;
    }

    .single-campus-card .campus-content span {
        margin-bottom: 10px;
    }

    .single-campus-card .campus-content h3 {
        font-size: 20px;
    }

    .estemate-form {
        margin-top: 0;
        padding: 20px;
        margin-bottom: 30px;
    }

    .campus-slider {
        margin-bottom: -20px;
    }

    .campus-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 15px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider.owl-theme .owl-dots {
        display: none;
    }

    .campus-slider2 {
        margin-bottom: -20px;
    }

    .campus-slider2.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider2.owl-theme .owl-dots {
        display: none;
    }

    .single-courses-card .courses-content {
        padding: 25px 20px 20px;
    }

    .single-courses-card .courses-content .admin-profile {
        margin-bottom: 15px;
    }

    .single-courses-card .courses-content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .single-courses-card.style3 .admin-profile {
        margin-bottom: 20px;
    }

    .single-courses-card.style3 .admin-profile::before {
        display: none;
    }

    .single-courses-card.style3 .courses-content h3 {
        margin-bottom: 30px;
    }

    .courses-slider.mb-20 {
        margin-bottom: -20px;
    }

    .courses-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .courses-slider.owl-theme .owl-dots {
        display: none;
    }

    .reply-area p {
        margin-bottom: 15px;
    }

    .description {
        padding-bottom: 15px;
    }

    .description .nav-tabs {
        margin-bottom: 25px;
    }

    .description .nav-tabs .nav-link {
        padding: 10px 20px;
    }

    .overview .learn {
        margin-bottom: 20px;
    }

    .overview .learn h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .overview .learn p {
        margin-bottom: 15px;
    }

    .overview .overview-box {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .overview .overview-box h4::before {
        left: -20px;
    }

    .curriculum h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .instructor {
        margin-bottom: 20px;
    }

    .instructor .instructor-image {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .name {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .mb-30 {
        margin-bottom: 20px;
    }

    .instructor .instructor-content .quick-contact h4 {
        margin-bottom: 10px;
    }

    .review-form {
        margin-bottom: 20px;
    }

    .review-form h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .review-form .form-group {
        margin-bottom: 20px;
    }

    .single-reviews-card {
        padding: 20px;
        padding-left: 130px;
    }

    .single-reviews-card .date {
        margin-bottom: 15px;
    }

    .single-reviews-card img {
        left: 20px;
    }

    .enroll-courses {
        padding: 20px;
    }

    .enroll-courses .enroll-img {
        margin-bottom: 20px;
    }

    .enroll-courses .list {
        margin-bottom: 20px;
    }

    .enroll-courses .list ul li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .admission-content .admission-image {
        margin-bottom: 20px;
    }

    .admission-content .query p {
        margin-bottom: 20px;
    }

    .admission-left-content h2 {
        font-size: 30px;
    }

    .admission-right-content .icon {
        right: 20px;
    }

    .how-to-apply h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .how-to-apply p {
        margin-bottom: 20px;
    }

    .submit h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .financial h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .additional-information {
        padding: 20px;
    }

    .additional-information .list ul li {
        padding: 12px;
    }

    .single-program-card {
        padding: 20px;
    }

    .single-program-card h3 {
        margin-bottom: 15px;
    }

    .single-health-care-card .health-care-content {
        padding: 20px;
    }

    .single-health-care-card .health-care-content h3 {
        font-size: 20px;
    }

    .single-health-care-card.style1 .health-care-content {
        max-width: none;
        position: unset;
    }

    .single-health-care-card.style2 {
        padding-top: 0;
    }

    .single-health-care-card.style2 .health-care-content {
        max-width: none;
        position: unset;
    }

    .more-health-care.style2 {
        text-align: center !important;
        padding-right: 0;
    }

    .health-care-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .health-details .top-content h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .health-details .top-content p {
        margin-bottom: 15px;
    }

    .health-details .health-care h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .health-details .health-care p {
        margin-bottom: 15px;
    }

    .health-details .health-care-access h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .madical-care-content .medical-card {
        margin-bottom: 20px;
    }

    .madical-care-content .medical-card .content {
        padding: 15px 0 7px;
    }

    .madical-care-content .medical-care {
        margin-bottom: 20px;
    }

    .madical-care-content .medical-care h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .madical-care-content .medical-care .list ul li {
        font-size: 14px;
    }

    .tranding {
        padding: 20px;
    }

    .single-events-card .events-image .date {
        left: 20px;
        padding: 10px 20px;
    }

    .single-events-card .events-content {
        padding: 20px;
    }

    .single-events-card .events-content .admin {
        margin-bottom: 15px;
    }

    .single-events-card .events-content h3 {
        font-size: 20px;
    }

    .events-slider.mb-20 {
        margin-bottom: -20px;
    }

    .events-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .events-slider.owl-theme .owl-dots {
        display: none;
    }

    .events-details-left-content .events-image {
        margin-bottom: 25px;
    }

    .events-details-left-content .about-lecturer h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .events-details-left-content .about-lecturer p {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .meetings {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .meetings h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .meetings p {
        margin-bottom: 15px;
    }

    .next-workshop {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .next-workshop h3 {
        font-size: 20px;
    }

    .next-workshop .list ul li {
        margin-bottom: 8px;
        padding-left: 110px;
    }

    .brought h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .brought p {
        margin-bottom: 15px;
    }

    .podcast-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .categories {
        padding: 20px;
    }

    .single-podcasts-card.style3 .podcast-content {
        background-color: #fff;
        padding: 20px;
    }

    .single-podcasts-card.style3 .podcast-content .date p {
        margin-bottom: 0;
    }

    .single-stories-card .stories-content {
        padding: 20px 20px 15px;
    }

    .single-news-card .news-content {
        padding: 20px;
    }

    .single-news-card .news-content .list ul li {
        margin-right: 10px;
    }

    .single-news-card .news-content .list ul li:last-child {
        margin-right: 0;
    }

    .single-news-card .news-content h3 {
        font-size: 20px;
    }

    .news-slider {
        margin-bottom: -20px;
    }

    .news-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .news-slider.owl-theme .owl-dots {
        display: none;
    }

    .latest-news-simple-card {
        height: 350px;
    }

    .latest-news-simple-card .news-content {
        padding: 20px;
    }

    .latest-news-simple-card .news-content h3 {
        font-size: 24px;
    }

    .latest-news-card-area h3 {
        font-size: 20px;
    }

    .category-list {
        padding: 20px;
    }

    .category-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-post-area {
        padding: 20px;
    }

    .related-post-area h3 {
        font-size: 20px;
    }

    .news-details .news-simple-card .list {
        margin-bottom: 10px;
    }

    .news-details .news-simple-card h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-bottom: 15px;
    }

    .news-details .news-simple-card p {
        margin-bottom: 15px;
    }

    .news-details .theory .theory-box {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .news-details .theory .theory-box h4::before {
        left: -20px;
    }

    .news-details .blog-img-and-content {
        margin-bottom: 15px;
    }

    .comments {
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .comments h3 {
        font-size: 20px;
    }

    .comments h4 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .comments .date {
        margin-bottom: 15px;
    }

    .reply-area h3 {
        font-size: 20px;
    }

    .reply-area .reply-form .form-group {
        margin-bottom: 20px;
    }

    .paginations ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .footer-logo-area p {
        margin-bottom: 20px;
    }

    .footer-logo-area .contact-list ul li {
        margin-bottom: 8px;
    }

    .footer-logo-area .contact-list ul li a {
        font-size: 14px;
    }

    .footer-widjet h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }

    .footer-widjet .list ul li a {
        font-size: 14px;
    }

    .page-banner-area {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .page-banner-area .page-banner-content h1 {
        font-size: 30px;
    }

    .page-banner-area .page-banner-content ul li {
        font-size: 14px;
    }

    .alumni-left-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-alumni-events-card {
        padding: 0;
    }

    .single-alumni-events-card .alumni-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .alumni-right-content h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .single-alumoni-updates-card {
        padding: 0;
    }

    .single-alumoni-updates-card .updates-content h3 {
        font-size: 20px;
    }

    .admission-box-area-content {
        position: relative;
    }

    .admission-box-area-content::before {
        position: absolute;
        content: "";
        background-color: rgba(31, 44, 117, 0.7);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .admission-box-area-content .box-content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .admission-box-area-content .box-content span {
        color: #e32845;
    }

    .admission-box-area-content .box-content h2 {
        color: #fff;
    }

    .admission-box-area-content .box-content p {
        color: #fff;
    }

    .faq-title h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .faq-title p {
        margin-bottom: 20px;
    }

    .faq-image {
        margin-bottom: 20px;
    }

    .accordion .accordion-item .accordion-button {
        padding: 12px;
        font-size: 17px;
    }

    .login {
        padding: 30px;
    }

    .register {
        padding: 30px;
    }

    .password {
        padding: 20px;
    }

    .privacy-content h2 {
        font-size: 26px;
    }

    .privacy-content p {
        margin-bottom: 15px;
    }

    .privacy-content h4 {
        font-size: 20px;
    }

    .privacy-content .list ul {
        margin-bottom: 10px;
    }

    .privacy-content .list ul li {
        font-size: 14px;
    }

    .condition-content h2 {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .condition-content p {
        margin-bottom: 15px;
    }

    .condition-content h4 {
        font-size: 20px;
    }

    .condition-content .list ul {
        margin-bottom: 10px;
    }

    .condition-content .list ul li {
        font-size: 14px;
    }

    .coming-soon-area .coming-soon h1 {
        font-size: 36px;
    }

    .coming-soon-area .coming-soon .newsletter-form .default-btn {
        padding: 15px 25px;
    }

    .error-area .top-content ul li {
        font-size: 120px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .error-area h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .error-area p {
        margin-bottom: 20px;
    }

    .contacts-form {
        padding: 20px;
    }

    .contacts-form h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .contacts-form .form-group {
        margin-bottom: 20px;
    }

    .contact-and-address h2 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contact-and-address .contact-and-address-content {
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    .contact-and-address .contact-and-address-content .contact-card {
        padding: 20px;
    }

    .contact-and-address .contact-and-address-content .contact-card h4 {
        margin-bottom: 12px;
    }

    .contact-and-address .contact-and-address-content .contact-card p {
        margin-bottom: 8px;
    }

    .contact-and-address .social-media h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .contact-and-address .social-media p {
        margin-bottom: 20px;
    }

    .go-top {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .innovation-area {
        text-align: center;
    }

    .innovation-area .row{
        margin-top: -50px;
    }

    .events-area .section-title span::after {
        width: 45vw;
        left: 25vw;
        top: 4vh;
    }

    .events-content h3 {
        font-size: 2.5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 1.5vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area .section-title h2 {
        font-size: 5vw;
    }

    .campus-life-area h3 {
        font-size: 2.5vw;
    }

    .single-campus-card.style-3 .campus-content h3 {
        font-size: 3vh;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .single-campus-card.style-3 .campus-content span {
        font-size: 2.7vh;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        font-size: 1.3vw;
        font-weight: 900;
        padding: 6px 13px;
    }

    .top-banner-fixed {
        background-size: 130%;
        background-position: top;
        height: 300vw;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
    }

    .mission-vission-area .section-title h2 {
        font-size: 4vw;
        text-align: center;
    }

    .mission-vission-area .section-title p {
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 5.5vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    .students-life-box h3 {
        font-size: 2vw;
    }

    #students-life-box-01 {
        padding-bottom: 50px;
    }

    #students-life-box-02 {
        padding-bottom: 50px;
    }

    #students-life-box-04 {
        padding-bottom: 50px;
    }

    #students-life-box-05 {
        padding-bottom: 50px;
    }

    .students-life-area h2 {
        font-weight: 600;
        font-size: 3vw;
        margin-bottom: 6.5vw;
    }

    .students-life-area span.strong-blue {
        font-weight: 900;
        font-size: 3.5vw;
    }

    .students-life-area p {
        font-size: 1.7vw;
    }

    .students-life-area .students-life-box p {
        font-size: 1.3vw;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -1.5vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 3.5vw;
        text-align: center;
        line-height: 1;
        margin-top: -17vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 3vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 1vw;
        margin-bottom: 4vw;
    }

    .vocation-area .card-body p {
        font-size: 1.8vw;
        line-height: 1.3;
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 5vw;

        &::after {
            position: absolute;
            content: "";
            top: 7vw;
            bottom: -0.01em;
            left: 30%;
            width: 40%;
            height: 1px;
            background-repeat: no-repeat;
            background-size: 200% 100%;
            background-position: 100% 50%;
        }
    }

    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

    .contact-promo-area > .container {
        height: 60vw;
        margin-top: 20vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 220%;
        background-repeat: no-repeat;
        background-position: 30% 100%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 5vw;
        font-weight: 900;
        margin-top: -24vw;  
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 3vw;
        margin: 0 auto;
        margin-top: 22vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 5vw;
        font-weight: 900;
        margin-top: -15vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 2.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area-alter {
        max-width: 100%;
        text-align: center;
    }

    .mentors-area-alter .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vw;
    }

    .mentors-area-alter .card-body p {
        font-size: 2vw;
        line-height: 1.3;
    }

    .mentors-area-alter .card-body ul {
        font-size: 2vw;  
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 4vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 48% -20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 31% -60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: 70% 60%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 4vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .pl-20 {
        padding-left: 0;
    }

    .pr-20 {
        padding-right: 0;
    }

    .read-more-btn {
        font-size: 15px;
    }

    .default-btn {
        font-size: 14px;
        padding: 10px 20px;
    }

    .header-right-content .list ul li {
        margin-right: 17px;
    }

    .banner-area .container-fluid {
        margin: auto;
        padding-left: 0;
    }

    .slider-item {
        padding-top: 150px;
        padding-bottom: 150px;
        padding-left: 40px;
    }

    .container-fluid {
        max-width: 960px !important;
    }

    .slider-content h1 {
        font-size: 60px;
    }

    .hero-slider.owl-theme .owl-dots {
        display: none;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"] {
        left: 50px;
    }

    .hero-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: 50px;
        left: auto;
    }

    .banner-area.banner-area-five .slider-item {
        padding-left: 30px;
    }

    .single-campus-card .campus-content {
        padding: 20px;
    }

    .single-campus-card .campus-content h3 {
        font-size: 19px;
    }

    .campus-content .counter .counter-card h1 {
        font-size: 30px;
    }

    .campus-content .counter .counter-card h1 .target.heading-color {
        font-size: 30px;
    }

    .campus-content .counter .counter-card p {
        font-size: 13px;
    }

    .campus-content.style-2 {
        padding: 0;
        box-shadow: none;
        margin-left: 0;
    }

    .campus-slider2 {
        margin-bottom: -20px;
    }

    .campus-slider2.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider2.owl-theme .owl-dots {
        display: none;
    }

    .campus-slider {
        margin-bottom: -20px;
    }

    .campus-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .campus-slider.owl-theme .owl-dots {
        display: none;
    }

    .page-banner-area {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .single-courses-card .courses-content {
        padding: 20px;
    }

    .single-courses-card .courses-content h3 {
        font-size: 20px;
    }

    .single-courses-card .courses-content .admin-profile {
        padding-left: 75px;
    }

    .courses-slider.mb-20 {
        margin-bottom: -20px;
    }

    .courses-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .courses-slider.owl-theme .owl-dots {
        display: none;
    }

    .single-academics-card2 {
        height: 400px;
    }

    .single-academics-card3 {
        padding: 20px;
    }

    .single-academics-card3 h3 {
        margin-bottom: 12px;
    }

    .single-academics-card3 p {
        margin-bottom: 12px;
    }

    .serch-content {
        padding: 20px;
    }

    .serch-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .serch-content .form-group .src-btn {
        top: 10px;
    }

    .category-content {
        padding: 20px;
    }

    .category-content h3 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .location-type {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .location-type h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .program-level h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .academics-details .details h2 {
        font-size: 28px;
        margin-bottom: 18px;
    }

    .academics-details .details p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .academics-details .regiStartion-and-fee h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee p {
        margin-bottom: 15px;
    }

    .academics-details .regiStartion-and-fee .list ul li {
        margin-bottom: 8px;
    }

    .academics-details .prepare-exam h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam p {
        margin-bottom: 15px;
    }

    .academics-details .prepare-exam .exam-card {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .academics-details .prepare-exam .exam-card h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .academics-details .prepare-exam .exam-card h4::before {
        left: -20px;
    }

    .academics-list {
        padding: 20px;
    }

    .academics-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-download {
        padding: 20px;
    }

    .related-download h3 {
        font-size: 20px;
    }

    .related-download ul li {
        padding: 17px;
        padding-left: 70px;
    }

    .single-events-card .events-image .date {
        left: 20px;
        padding: 10px 20px;
    }

    .single-events-card .events-content {
        padding: 20px;
    }

    .single-events-card .events-content .admin {
        margin-bottom: 15px;
    }

    .single-events-card .events-content h3 {
        font-size: 20px;
    }

    .single-events-card.style2 .events-content .admin-and-date ul li p {
        font-size: 13px;
    }

    .events-slider.mb-20 {
        margin-bottom: -20px;
    }

    .events-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .events-slider.owl-theme .owl-dots {
        display: none;
    }

    .events-details-left-content .events-image {
        margin-bottom: 25px;
    }

    .events-details-left-content .about-lecturer h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .events-details-left-content .about-lecturer p {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address {
        margin-bottom: 20px;
    }

    .events-details-left-content .about-lecturer .address h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .meetings {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .meetings h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .meetings p {
        margin-bottom: 15px;
    }

    .next-workshop {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .next-workshop h3 {
        font-size: 20px;
    }

    .next-workshop .list ul li {
        margin-bottom: 8px;
        padding-left: 110px;
    }

    .brought h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .brought p {
        margin-bottom: 15px;
    }

    .single-education-card {
        padding: 40px 15px;
    }

    .single-education-card .edication-content h3 {
        font-size: 17px;
    }

    .single-education-card .edication-content .read-more-btn {
        font-size: 14px;
    }

    .single-health-care-card .health-care-content {
        padding: 20px;
    }

    .single-health-care-card .health-care-content h3 {
        font-size: 20px;
    }

    .health-care-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .more-health-care.style2 {
        padding-right: 36px;
    }

    .health-details .top-content h2 {
        font-size: 30px;
    }

    .tranding {
        padding: 20px;
    }

    .how-to-apply h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .how-to-apply p {
        margin-bottom: 20px;
    }

    .submit h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .financial h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .additional-information {
        padding: 20px;
    }

    .additional-information .list ul li {
        padding: 12px;
    }

    .single-program-card {
        padding: 20px;
    }

    .single-program-card h3 {
        margin-bottom: 15px;
    }

    .single-podcasts-card .podcast-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .single-podcasts-card .podcast-content p {
        margin-bottom: 15px;
        font-size: 13px;
    }

    .single-podcasts-card.style3 .podcast-content {
        background-color: #fff;
        padding: 20px;
    }

    .single-podcasts-card.style3 .podcast-content .date p {
        margin-bottom: 0;
    }

    .single-stories-card .stories-content h3 {
        font-size: 20px;
    }

    .single-news-card .news-content {
        padding: 20px;
    }

    .single-news-card .news-content .list ul li {
        margin-right: 10px;
    }

    .single-news-card .news-content .list ul li:last-child {
        margin-right: 0;
    }

    .single-news-card .news-content h3 {
        font-size: 18px;
    }

    .latest-news-simple-card {
        height: 350px;
    }

    .latest-news-simple-card .news-content {
        padding: 20px;
    }

    .latest-news-simple-card .news-content h3 {
        font-size: 26px;
    }

    .latest-news-card-area h3 {
        font-size: 20px;
    }

    .category-list {
        padding: 20px;
    }

    .category-list h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .related-post-area {
        padding: 20px;
    }

    .related-post-area h3 {
        font-size: 20px;
    }

    .related-post-area .related-post-box .related-post-content h4 {
        font-size: 15px;
    }

    .news-details .news-simple-card .list {
        margin-bottom: 10px;
    }

    .news-details .news-simple-card h2 {
        font-size: 30px;
        margin-bottom: 20px;
        margin-bottom: 15px;
    }

    .news-details .news-simple-card p {
        margin-bottom: 15px;
    }

    .news-details .theory .theory-box {
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .news-details .theory .theory-box h4::before {
        left: -20px;
    }

    .news-details .blog-img-and-content {
        margin-bottom: 15px;
    }

    .comments {
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .comments h3 {
        font-size: 22px;
    }

    .comments h4 {
        margin-bottom: 8px;
        font-size: 18px;
    }

    .comments .date {
        margin-bottom: 15px;
    }

    .reply-area h3 {
        font-size: 22px;
    }

    .reply-area .reply-form .form-group {
        margin-bottom: 20px;
    }

    .news-slider {
        margin-bottom: -20px;
    }

    .news-slider.owl-theme .owl-nav [class*="owl-"] {
        position: unset;
        margin-top: 20px;
        margin-bottom: 0;
        height: 35px;
        width: 35px;
        line-height: 37px;
        font-size: 18px;
    }

    .news-slider.owl-theme .owl-dots {
        display: none;
    }

    .paginations ul li a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .admission-box-area-content {
        position: relative;
    }

    .admission-box-area-content::before {
        position: absolute;
        content: "";
        background-color: rgba(31, 44, 117, 0.7);
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .admission-box-area-content .box-content {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
    }

    .admission-box-area-content .box-content span {
        color: #e32845;
    }

    .admission-box-area-content .box-content h2 {
        color: #fff;
    }

    .admission-box-area-content .box-content p {
        color: #fff;
    }

    .faq-title h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .faq-title p {
        margin-bottom: 20px;
    }

    .accordion .accordion-item .accordion-button {
        padding: 12px;
        font-size: 17px;
    }

    .coming-soon-area .coming-soon .newsletter-form .default-btn {
        padding: 15px 25px;
    }

    .events-area .section-title span::after {
        width: 42vw;
        left: 35vw;
        top: 6vh;
    }

    .video-content {
        margin-top: -100px;
    }

    .events-content h3 {
        font-size: 1.5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 1.5vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area .section-title h2 {
        font-size: 4vw;
    }

    .campus-life-area h3 {
        font-size: 2vw;
    }

    .single-campus-card.style-3 .campus-content h3 {
        font-size: 2.4vh;
        font-weight: 500;
        margin-top: 7px;
        margin-bottom: 20px;
    }

    .single-campus-card.style-3 .campus-content span {
        font-size: 2.7vh;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        font-size: 0.8vw;
        font-weight: 900;
        padding: 6px 13px;
    }

    .top-banner-fixed {
        background-size: 130%;
        background-position: top;
        height: 300vw;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
    }

    .mission-vission-area .section-title h2 {
        text-align: center;
    }

    .mission-vission-area .section-title p {
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 3.5vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -2vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 3vw;
        text-align: center;
        line-height: 1;
        margin-top: -15vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 3vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 3vw;
        margin-top: 3.5vw;
        margin-bottom: 4vw;
    }

    .vocation-area .card-body p {
        font-size: 1.6vw;
        line-height: 1.3;
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 5vw;

        &::after {
            position: absolute;
            content: "";
            top: 4vw;
            bottom: -0.01em;
            left: 30%;
            width: 40%;
            height: 1px;
            background-repeat: no-repeat;
            background-size: 200% 100%;
            background-position: 100% 50%;
        }
    }
    
    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

   .contact-promo-area > .container {
        height: 60vw;
        margin-top: 15vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 190%;
        background-repeat: no-repeat;
        background-position: 30% 10%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 3vw;
        font-weight: 900;
        margin-top: -24vw;  
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 3vw;
        margin: 0 auto;
        margin-top: 22vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 4.5vw;
        font-weight: 900;
        margin-top: -15vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 2.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 4vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 48% -20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 31% 70%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: -30% -40%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
   
}

@media only screen and (min-width: 1200px) and (max-width: 1255px) {
    .burger {
        position: absolute;
        z-index: 10;
        right: 4vw;
        top: 4vw;
        cursor: pointer;
        transform: rotateY(0);
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .burger-patty {
        width: 30px;
        height: 2px;
        margin: 0 0 4px 0;
        background: #fff;
        /*white; */
        transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    }
    
    .video-content {
        margin-top: -100px;
    }

    .events-content h3 {
        font-size: 2.5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 1vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title {
        text-align: center;
    }

    .campus-life-area .section-title span::after {
        display: none;
    }

    .campus-life-area .section-title h2 {
        font-size: 4vw;
    }

    .campus-life-area h3 {
        font-size: 2vw;
    }

    .single-campus-card.style-3 .campus-content h3 {
        font-size: 2.4vh;
        font-weight: 500;
        margin-top: 16px;
        margin-bottom: 20px;
    }

    .single-campus-card.style-3 .campus-content span {
        font-size: 2.7vh;
    }

    .single-campus-card.style-3 .campus-content .action-btn {
        font-size: 0.9vw;
        font-weight: 900;
        padding: 6px 13px;
    }

    .top-banner-fixed {
        background-size: 130%;
        background-position: top;
        height: 300vw;
    }

    .mission-vission-area .section-title {
        margin-bottom: 0px;
    }

    .mission-vission-area .section-title h2 {
        text-align: center;
    }

    .mission-vission-area .section-title p {
        text-align: center;
    }

    .single-mission-vission-card {
        position: relative;
        margin-top: 0px;
    }

    .single-mission-vission-card .mission-vission-content {
        padding: 30px;
    }

    .single-mission-vission-card .mission-vission-content h3 {
        font-size: 4vw;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    
    .single-mission-vission-card .mission-vission-content p {
        margin-bottom: 15px;
    }

    .single-mission-vission-card.style1 {
        position: relative;
    }

    .single-mission-vission-card.style1 .img img {
        position: relative;
    }

    .single-mission-vission-card.style1 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-mission-vission-card.style2 {
        position: relative;
        padding-top: 0;
    }

    .single-mission-vission-card.style2 .img img {
        position: relative;
    }

    .single-mission-vission-card.style2 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 {
        position: relative;
    }

    .single-mission-vission-card.style7 .img img {
        position: relative;
    }

    .single-mission-vission-card.style7 .mission-vission-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        /*margin: auto;*/
        /*left: 0;*/
        /*right: 0;*/
        border-radius: 20px;
        top: 15px;
    }

    .single-mission-vission-card.style7 .mission-vission-content h3 {
        text-align: left;
    }

    .mission-vission-content h3 {
        color: #e32845;
        font-style: unset;
        font-weight: 900;
    }

    .mission-vission-content p {
        text-align: left;
        color: #111d5e;
        font-weight: 700;
        line-height: 1.3;
    }

    .mission-vission-content ul li {
        font-weight: 700;
        font-size: 2.5vh;
        line-height: 1.3;
        text-align: left;
        list-style: none;
        color: #e32845;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 50vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -2.5vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 2.8vw;
        text-align: center;
        line-height: 1;
        margin-top: -15vw;
    }

    .specialties-area {
        margin-top: 0px;
    }

    .specialties-area .section-title {
        margin-bottom: 0px;
    }

    .specialties-area .section-title h2 {
        text-align: center;
    }

    .specialties-area .section-title p {
        text-align: center;
    }

    .single-specialties-card {
        position: relative;
        margin-top: 0px;
    }

    .single-specialties-card .specialties-content {
        padding-top: 30px;
    }

    .single-specialties-card .specialties-content h3 {
        font-size: 3vw;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.3;
    }

    .single-specialties-card .specialties-content p {
        margin-bottom: 15px;
        text-align: center;
    }

    .single-specialties-card.style4 {
        position: relative;
    }

    .single-specialties-card.style4 .img img {
        position: relative;
    }

    .single-specialties-card.style4 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;
        bottom: 0px;
    }

    .single-specialties-card.style5 {
        position: relative;
        padding-top: 0;
    }

    .single-specialties-card.style5 .img img {
        position: relative;
    }

    .single-specialties-card.style5 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 {
        position: relative;
    }

    .single-specialties-card.style6 .img img {
        position: relative;
    }

    .single-specialties-card.style6 .specialties-content {
        position: relative;
        background-color: #fff;
        max-width: 360px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 20px;
        top: 15px;    
    }

    .single-specialties-card.style6 .specialties-content h3 {
        text-align: center;   
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 3vw;
        margin-top: 3.5vw;
        margin-bottom: 4vw;
    }

    .vocation-area .card-body p {
        font-size: 1.6vw;
        line-height: 1.3;
    }

    .campus-area .section-title {
        align-items: center;
        justify-content: center;
    }

    .campus-area .section-title h2 {
        display: block;
        position: relative;
        font-size: 5vh;
        font-weight: 900;
        margin-bottom: 5vw;

        &::after {
            position: absolute;
            content: "";
            top: 4vw;
            bottom: -0.01em;
            left: 30%;
            width: 40%;
            height: 1px;
            background-repeat: no-repeat;
            background-size: 200% 100%;
            background-position: 100% 50%;
        }
    }
    
    .campus-area .card .card-body h5 {
        font-weight: 900;
        font-size: 3vh;
    } 

    .campus-area .card .card-body .default-btn {
        font-weight: 500;
        font-size: 1.8vh;
        padding: 7px 13px;
    } 

    .contact-promo-area > .container {
        height: 60vw;
        margin-top: 15vw;
    }

    .contact-promo-area-content {
        height: 60vw;
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 190%;
        background-repeat: no-repeat;
        background-position: 30% 10%;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 3vw;
        font-weight: 900;
        margin-top: -24vw;  
        line-height: 1;      
    }

    .contact-promo-area .default-btn {
        font-size: 3vw;
        margin: 0 auto;
        margin-top: 22vw;
        margin-left: 30vw;
    }

    .apoyo-area .section-title h2 {
        font-size: 4.5vw;
        font-weight: 900;
        margin-top: -15vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 2.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 4vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

    .slider-item.banner-bg-nosotros {
        background-position: 48% -20%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-bachillerato-7 {
        background-position: 31% 70%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .slider-item.banner-bg-apoyo {
        background-position: -30% -40%;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .top-header-area .container-fluid {
        max-width: 1140px;
    }

    .page-banner-area .container-fluid {
        max-width: 1140px;
    }

    .banner-area.banner-area-five .slider-item {
        padding-left: 15px;
    }

    .health-care-slider.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .health-care-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .courses-slider.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .courses-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .campus-slider.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .campus-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .campus-slider2.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .campus-slider2.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .events-slider.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .events-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .news-slider.owl-theme .owl-nav [class*="owl-"] {
        left: -25px;
    }

    .news-slider.owl-theme .owl-nav [class*="owl-"].owl-next {
        right: -25px;
    }

    .default-btn {
        font-size: 15px;
        padding: 12px 25px;
    }

    .more-health-care.style2 {
        padding-right: 36px;
    }

    .single-academics-card .academic-top-content h3 {
        font-size: 18px;
    }

    .single-alumni-events-card {
        padding: 0;
    }

    .single-alumni-events-card .alumni-content h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .single-alumoni-updates-card {
        padding: 0;
    }

    .single-alumoni-updates-card .updates-content h3 {
        font-size: 20px;
    }

    .single-campus-card .campus-content h3 {
        font-size: 20px;
    }

    .single-health-care-card .health-care-content h3 {
        font-size: 20px;
    }

    .single-events-card .events-content h3 {
        font-size: 20px;
    }

    .single-news-card .news-content h3 {
        font-size: 20px;
    }

    .coming-soon-area .coming-soon .newsletter-form .default-btn {
        padding: 14px 25px;
    }

    .events-area .section-title span::after {
        width: 44vw;
        left: 35vw;
        top: 6vh;
    }

    .events-content h3 {
        font-size: 2.5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 1vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

}

@media only screen and (min-width: 1367px) and (max-width: 1399px) {
    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 47vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -1.7vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 2.8vw;
        text-align: center;
        line-height: 1;
        margin-top: -11vw;
    }

    .vocation-area {
        max-width: 100%;
        text-align: center;
    }

    .vocation-area .card-body h3 {
        font-size: 3vw;
        margin-top: 3.5vw;
        margin-bottom: 4vw;
    }

    .vocation-area .card-body p {
        font-size: 1.6vw;
        line-height: 1.3;
    }

    .apoyo-area .section-title h2 {
        font-size: 4.5vw;
        font-weight: 900;
        margin-top: -16vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 2.5vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 4vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 2vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 2vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-bg {
        margin-top: 50px;
    }

    .slider-content h2 {
        font-size: 3vw;
        padding: 10px;
    }

    .slider-content>.default-btn {
        margin-top: 100px;
        margin-left: 700px;
        float: right;
    }

    .identity-area {
        margin-top: -90px;
    }

    .single-identity-card {
        margin-top: 0px;
    }

    .single-identity-card .identity-content img {
        max-width: 30vw;
        margin-bottom: 10vw;
    }

    .video-content {
        margin-top: -100px;
    }

    .video-content .video-image {
        margin-top: -30px;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1920px) {
    .events-area .section-title span::after {
        width: 44vw;
        left: 23vw;
        top: 4vh;
    }

    .events-content h3 {
        font-size: 1.5vw;
        font-weight: 700;
        font-style: unset;
    }

    .events-content .admin-and-date p {
        font-size: 1vw;
    }

    .events-content span.date-day {
        font-size: 4vh;
    }

    .campus-life-area .section-title span::after {
        width: 25vw;
        left: 41vw;
        top: 5vh;
    }

    .campus-life-area .section-title h2 {
        font-size: 3vw;
    }

    .campus-life-area h3 {
        font-size: 1.7vw;
    }

    .mission-vission-area p {
        font-size: 1.5vw;
    }

    .students-life-area p {
        font-size: 1.5vw;
    }

    .bg-image {
        position: 
        background-image: url('../images/banner/bachillerato-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    .bg-image-2 {
        position: 
        background-image: url('../images/banner/apoyo-estudiante-banner.webp');
        background-size: 120%;
        background-position: 50% 70%;
        background-repeat: no-repeat;
        top: 0px;
        height: 60vw;
    }

    #header-title {
        top: 47vw;
        bottom: 0vw;
        right: 3vw;
    }

    .bg-image #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bg-image-2 #header-title span {
        display: block;
        font-size: 5vw;
        -webkit-text-stroke: 0.28vw #001C38;
    }

    .bachillerato-area .bachillerato-left-content .section-title {
        margin-bottom: -2vw;
    }

    .bachillerato-area .bachillerato-left-content .section-title h2 {
        font-size: 2.8vw;
        text-align: left;
        line-height: 1;
        margin-top: -9vw;
    }

    .contact-promo-area > .container {
        height: 30vw;
    }

    .contact-promo-area-content {
        height: 30vw;
        background: ur
        background: url(../images/contact-promo-area/cuco-contact.webp);
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: center center;
        border-radius: 15px;
    }

    .contact-promo-area-content .box-content {
        max-width: 465px;
        margin-right: 10vw;
        margin-left: auto;
    }

    .contact-promo-area-content .box-content h2 {
        font-size: 30px;
        font-weight: 900;
        font-style: unset;
        color: #001C38;
    }

    .contact-promo-area .default-btn {
        margin: 0 auto;
        margin-top: 0;
    }

    .apoyo-area .section-title h2 {
        font-size: 4.5vw;
        font-weight: 900;
        margin-top: -10vw;
        margin-bottom: 8vw;
    }

    .apoyo-area .section-title p {
        font-size: 2vw;
        font-weight: 400;
        line-height: 1;
        margin-top: -3vw;
        margin-bottom: 0;
    }

    .mentors-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .mentors-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .mentors-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .mentors-area .card-body p {
        font-size: 1.5vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .mentors-area .card-body ul {
        font-size: 1.5vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
        color: #fff;
    }

    .guide-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .guide-area.card {
        --bs-card-border-color: #fff!important;
    }

    .guide-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .guide-area .card-body h3 {
        font-size: 4vw;
        font-style: unset;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .guide-area .card-body p {
        font-size: 1.5vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }

    .orientation-area {
        padding-top: 7vw;
        padding-bottom: 4vw;
    }

    .orientation-area .card-body {
        padding: 0 4vw 0 4vw;
    }

    .orientation-area .card-body h3 {
        font-size: 4vw;
        margin-top: 3vw;
        margin-bottom: 7vh;
        text-align: center;
    }

    .orientation-area .card-body p {
        font-size: 1.5vw;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
    }

    .orientation-area .card-body ul {
        font-size: 1.5vw;
        font-weight: 500;
        list-style: none;
        text-align: left;
    }

}