img {vertical-align: middle;}
.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (9 / 16 = 0.5625 = 56.25%) */
    overflow: hidden;
  }
  
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  
@media screen and (max-width:1200px) {
    .about_head_section {
        gap: 40px;
    }

    .image-with-text {
        gap: 40px;
    }

    .about_head_right {
        padding-right: 55px;
    }

    /* support */
    .verNavList li a {
        padding-right: 24px;
    }
    
    /* Individual Guidance */
    .consultation-section a.consult-box {padding: 60px 55px 60px;}
    .consultation-section .arrow svg {width: 48px;}

    /* Campus */
    .gallery-grid {
        margin-inline: 55px;
    }
    .gallery-grid:before, .gallery-grid:after {
        left: -55px;
        right: -55px;
    }
    
    .gallery-grid h5 {
        font-size: 16px;
    }
    a.text-button-arrow {
        gap: 16px;
    }

}

@media screen and (max-width:1023px) {
    .image-with-text {
        gap: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .course-page-top-container .esmo_row {
        padding-bottom: 80px;
    }

    .course-list .course-box .course-box-content .arrow {
        /* position: static;
        margin-top: 30px; */
    }
    .course-list .course-box .course-box-content {
        padding: 38px 29px 66px 30px;
    }
    .course-list .course-box .course-box-content .arrow {
        right: 20px;
        bottom: 35px;
    }

    /* Course Single */
    .tab-content {
        padding: 50px 50px;
    }
    .single-course-section-one {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .single-course-section-two {
        padding-top: 90px;
        padding-bottom: 100px;
    }
    .single-course-section-three {
        padding: 100px 0;
    }

    /* Support */
    .verNavList li a::after {
        top: 50%;
        transform: translateY(-50%);
    }
    .support_content {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    .loanDetails {
        padding-top: 0;
        padding-bottom: 100px;
    }
    .studentLis {
        gap: 20px;
        padding-top: 0;
        padding-bottom: 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    /* Individual Guidance */
    .consultation-section {
        grid-template-columns: 1fr;
    }

    /* Campus Life */
    .campusLifeContent .esmo_row .esmo_col-10 {
        width: 100%;
    }
    .gallery-grid {grid-template-columns: repeat(2, 1fr);}
    .video_gallery_slide {
        padding-left: 0;
    }
    .video_gallery_slide .swiper-horizontal>.swiper-scrollbar, .video_gallery_slide .swiper-scrollbar.swiper-scrollbar-horizontal {width: calc(100% - 60px); left: 0; right: 0;}

    /* Privacy */
    .block-linkWrap {
        padding-block: 0px 0px;
        padding-bottom: 107px;
    }

}

@media screen and (max-width:767px) {
    .title_lebel_withborder:before {
        width: 20px;
    }

    .about_head_section {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .esmo_row.ratio40_60p {
        grid-template-columns: 100%;
        gap: 0;
    }

    .about_head_right {
        padding-inline: 22px;
        max-width: 100%;
    }

    .course-list .course-box .course-box-img .course-box-img-inner {
        aspect-ratio: 335 / 300;
    }

    .course-list .course-box .course-box-content .arrow {
        position: absolute;
        margin-top: 0px;
    }

     /* Course Single */
     
    .single-course-section-one .title_sectionLeft {
        margin-bottom: 50px;
    }
    .course-details-container {
        grid-template-columns: repeat(1, 1fr);
    }
    .single-course-section-two-box {
        grid-template-columns: 100%;
        gap: 50px;
        padding-top: 50px;
        padding-bottom: 40px;
    }
    ul.tab-content-list {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    ul.tab-content-list:first-child {
        margin-top: 40px;
    }
    ul.tab-content-list:last-child {
        margin-bottom: 40px;
    }
    .tab-content-list-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .tabs {
        margin-bottom: 0;
    }
    .tab-content {
        padding-inline: 25px; line-height: 1.8;
    }
    .single-course-section-three .admission-btn {
        padding: 25px 25px 65px; font-size: 15px; line-height: 1.5;
    }
    .single-course-section-three .admission-btn span {
        font-size: 50px; line-height: 1; margin-bottom: 16px;
    }
    .single-course-section-three .admission-btn:after {
        width: 34px;
        height: 30px;
        background-size: contain;
        right: 15px;
        top: auto;
        transform: none;
        bottom: 15px;
    }

    /*  Support */
    .breadcrumbWrap {padding-inline: 22px;}
    .loan-blocks {
        gap: 25px;
        display: grid;
        /* grid-template-columns: repeat(2, 1fr); */
        grid-template-columns: max-content max-content;
    }
    .studentLis {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .studentLis .studentItem {
        border-left: none;
        padding-left: 0;
    }

    /* Updates Single */
    .update-detailHeader {
        padding-bottom: 40px;
    }
    .update-detailHeader h1 {
        font-size: 26px;
    }
    .blog-content {
        padding-top: 48px;
        padding-bottom: 80px;
    }
    .blog-content a {
        word-break: break-word;
        overflow-wrap: break-word;
    }
    .blog-content img.size-full {
        margin-top: 24px;
    }
    .blog-content blockquote {
        margin-top: 60px;
    }
    .post-navigation.blog-post-nav {
        padding-bottom: 0;
    }

    /* Individual Guidance */

    .consultation-section a.consult-box {
        padding: 30px 22px 19px;
        flex-direction: column;
        gap: 15px;
    }
    .consultation-section .consult-box-item {
        width: 100%;
    }
    .consultation-section .arrow {
        /*text-align: right;*/
    }
    .consultation-section .arrow svg {
        width: 34px;
        height: 30px;
    }

    /* Campus Life */
    .campusLifeContent {
        padding-bottom: 100px;
    }
    .gallery-grid {
        grid-template-columns: repeat(1, 1fr);
        margin-inline: 22px;
    }
    .gallery-grid:before, .gallery-grid:after {
        left: -22px;
        right: -22px;
    }
    .campusLife_sectionHeader {
        padding-block: 50px;
    }
    .gallery-grid.movies {
        grid-template-columns: 100%;
    }
    .gallery-grid.movies>.gallery-grid-item:last-child {
        grid-column: span 1;
    }
    .corporate_section {
        padding-block: 100px 22px;
    }

    /* Privacy */
    .policyContent {
        padding-block:45px 60px;
    }
    .policyContent h4 {
        font-size: 22px;
    }
    .policyContent ol li {
        padding-block: 30px;
    }
    .policyContent ol li p:last-child, .policyContent p:last-child {padding-bottom: 0px;}
    .block-linkWrap .esmo_row {
        gap: 20px;
    }
    .block-link {
        padding: 20px;
        flex-direction: column; gap: 5px;
    }
    .access-container .block-link{gap: 1px; padding-bottom: 15px;}
    .block-link .block-link-item {width: 100%;}
    .block-link .block-link-item img {
        width: 60px; height: 60px; object-fit: contain;
    }
    .block-link .arrow {
        text-align: right;
        width: 100%;
    }
    .block-link .arrow svg {width: 34px; height: 30px;}

    .policyContent ol.guidlineList li {
        padding-block: 15px;
    }
    .policyContent .loan-blocks {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
}