/* ----------Onest font ---- */
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');

/* Roboto font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* main-section */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p { line-height: normal; }

.homepage-redesign{
    font-family: "Onest", sans-serif;
    padding: 10px;
    position: relative;
}

.homepage-redesign h1, .homepage-redesign h2, .homepage-redesign h3, .homepage-redesign h4, .homepage-redesign h5, .homepage-redesign h6, .homepage-redesign p{
    margin: 0;
    font-family: "Onest", sans-serif;
}

.homepage-redesign .slider-counter{
    position: absolute;
    right: 155px;
    bottom: -12px;
    background: #ffffff;
    border-radius: 14px 14px 0 0;
    min-width: 220px;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .counter-item.active::before{
    background: #9f9f9f;
}

.homepage-redesign .news-section{
    max-width: 1488px;
    margin: 80px auto 20px;
    padding: 58px 14px 30px;
    border-top: 1px solid #F4A24E99
}

.homepage-redesign .news-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.homepage-redesign .news-tag{
    display: inline-flex;
    align-items: center;
    padding: 4px 14px 4px 16px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #002855;
    box-shadow: 0px 0px 15px -3px #3B82F626;
    border-top: 1px solid #35593533;
    background: #0466C866;
    font-family: "Roboto", sans-serif;
    margin-bottom: 10px;
    gap: 8px;
}

.homepage-redesign .news-tag::before{
    content: "";
    width: 12px;
    height: 12px;
    background: url("/sites/default/files/images/home/dotter.png") no-repeat center;
    background-size: contain;
    display: inline-block;
    flex-shrink: 0;
}

.homepage-redesign .news-header h2{
    font-size: clamp(25px, 4vw, 60px);
    line-height: 1;
    color: #002855;
    font-weight: 400;
}

.homepage-redesign .news-arrows{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 18px;
}

.homepage-redesign .arrow-btn{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: 0.2s ease;
}

.homepage-redesign .arrow-btn-left{
    background: transparent;
    color: #97a5b6;
}

.homepage-redesign .arrow-btn-right{
    background: #0466C8;
    color: #ffffff;
}

.homepage-redesign .arrow-btn-right:hover{
    background: #0f7ae0;
}

.homepage-redesign .arrow-btn:disabled {
    opacity: 0.45;
    cursor: default;
}

.homepage-redesign .news-cards{
    display: flex;
    gap: 18px;
    transition: transform 0.45s ease;
    will-change: transform;
}

.homepage-redesign .news-cards-carousel{
    overflow: hidden;
}

.homepage-redesign .news-card{
    background: #ffffff;
    border: 1px solid #efefef;
    border-radius: 10px;


    box-shadow: 0px 1px 3px 0px #0000001A;

    overflow: hidden;
    flex: 0 0 calc((100% - 36px) / 3);
}

.homepage-redesign .news-card.active{
    border-top: 3px solid #e7a24f;
}

.homepage-redesign .news-card img{
    width: 100%;
    height: 248px;
    object-fit: cover;
    display: block;
}

.homepage-redesign .news-card .image,
.homepage-redesign .news-card .news-image,
.homepage-redesign .news-card .field-content,
.homepage-redesign .news-card .field-content > a {
    display: block;
}

.homepage-redesign .news-card-content{
    padding: 24px 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.homepage-redesign .news-date{
    color: #F4A24E;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin-bottom: 8px;

}

.homepage-redesign .news-card h3{
    color: #2B2B2B;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.homepage-redesign .news-card h3 a {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
}

.homepage-redesign .news-card {
    border-top: 3px solid #e7a24f;
}

.homepage-redesign .news-desc {
    color: #717171;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    margin-bottom: 14px;
    font-family: "Roboto", sans-serif !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.homepage-redesign .read-more {
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.homepage-redesign .read-more span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.homepage-redesign .read-more span img{
    display: block;
    width: auto;
    height: 14px;
}

.homepage-redesign .news-pagination{
    margin-top: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.homepage-redesign .dot{
    border: 0;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    background: #e9d8bf;
    transition: 0.2s ease;
    cursor: pointer;
}

.homepage-redesign .dot.active{
    width: 30px;
    background: #e5a34e;
}

.homepage-redesign .college-section{
    margin: 70px auto 20px;
    background: #dce8f6;
    border-radius: 6px;
    padding: 0px 24px 107px;
}

.homepage-redesign .college-header{
    text-align: center;
}

.homepage-redesign .college-tag{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 30px;
    background: #b8d3ef;
    color: #1960a6;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .college-tag::before{
    content: "";
    width: 9px;
    height: 9px;
    background: #0d4f92;
}

.homepage-redesign .college-header h2{
    margin-top: 10px;
    font-size: clamp(25px, 4vw, 60px);
    color: #002855;
    font-weight: 400;
}

.homepage-redesign .college-carousel{
    overflow: hidden;
    margin-top: 94px;
}

.homepage-redesign .college-track{
    display: flex;
    gap: 26px;
    transition: transform 0.45s ease;
    justify-content: space-between;
}

.homepage-redesign .college-card{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
}

.homepage-redesign .college-card a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.homepage-redesign .college-card img{
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

.homepage-redesign .college-controls{
    display: none;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
}

.homepage-redesign .college-arrow{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #8eb0d5;
    color: #2e5f96;
    background: #e7f0fa;
    cursor: pointer;
}

.homepage-redesign .college-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}

.homepage-redesign .college-dot{
    width: 6px;
    height: 6px;
    border: 0;
    border-radius: 20px;
    background: #99b7d8;
    cursor: pointer;
    transition: 0.2s ease;
}

.homepage-redesign .college-dot.active{
    width: 20px;
    background: #195ea1;
}

.homepage-redesign .university-section{
    margin: 54px auto 20px;
    max-width: 1518px;
    border: 1px solid #b8cfe5;
    background: #f8fbff;
    padding: 28px 0 22px 34px;
}

.homepage-redesign .university-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 52px;
}

.homepage-redesign .university-tag{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    border-radius: 30px;
    background: #d2e6f7;
    color: #1d5fa3;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .university-tag::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #255f98;
}

.homepage-redesign .university-header h2{
    margin-top: 12px;
    color: #002844;
    font-size: clamp(25px, 4vw, 60px);
    font-weight: 400;
}

.homepage-redesign .university-btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #0466C8;
    color: #E6F0F3;
    border-radius: 10px;
    font-weight: 500;
    padding: 12px 20px;
    font-size: 16px;

    margin-top: 6px;
}

.homepage-redesign .university-cards{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
}

.homepage-redesign .university-card{
    border: 1px solid #9ebddb;
    border-radius: 14px;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: auto;
    max-width: 426px;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    padding: 20px;
    gap: 20px;
}


.homepage-redesign .university-card h3{
    color: #F4A24E;
    font-size: clamp(36px, 5vw, 70px);
    line-height: 1;

    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .university-card p{
    color: #002855;
    font-size: 20px;
    font-weight: 600;
}


.homepage-redesign .about-strip-image{
    width: 100%;
    height: auto;
    max-height: 170px;
    object-fit: contain;
}

.homepage-redesign .max-1606{
    width: 100%;
    max-width: 1606px;
    margin: auto;
    padding-block: clamp(30px, 10vw, 188px) 60px;
}

.homepage-redesign .about-play-btn{
    width: 104px;
    height: 104px;
    border: 10px solid rgba(19, 50, 80, 0.9);
    border-radius: 50%;
    background: rgba(15, 47, 74, 0.88);
    color: #f4a24e;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.homepage-redesign .about-play-btn::before{
    content: "ABOUT US ABOUT US ABOUT US";
    position: absolute;
    inset: -22px;
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.7);
    font-size: 8px;
    letter-spacing: 1.7px;
    color: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.homepage-redesign .about-play-icon{
    font-size: 24px;
    transform: translateX(2px);
}

.homepage-redesign .about-section{
    width: 100%;

    background: #dfe8f5;
    border-radius: 22px;
    padding: 55px 55px 70px;
    position: relative;
    overflow: hidden;
}

.homepage-redesign .about-section::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: 930px;
    height: 40px;
    width: 100%;
    background: #ffffff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.homepage-redesign .about-section::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 58px;
    height: 157px;

    background: #ffffff;
    border-top-right-radius: 25px;
}

.homepage-redesign .small-text{
    font-size: 18px;
    color: #002855;
    font-weight: 400;
    margin-bottom: 14px;
}

.homepage-redesign .top-area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.homepage-redesign .title-area h1{
    font-size: clamp(30px, 3vw, 48px);
    color: #002855;
    font-weight: 400;
    margin-bottom: 18px;
    line-height: 1.1;
}

.homepage-redesign .title-area p{
    max-width: 460px;
    color: #002855;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
}

.homepage-redesign .image-wrapper{
    position: relative;
    margin-bottom: 42px;
}

.homepage-redesign .banner-image{
    object-fit: contain;
    width: 100%;
}

.homepage-redesign .content-row{
    display: grid;
    grid-template-columns: 230px 1fr;
    gap: 30px;
    margin-bottom: 42px;
}

.homepage-redesign .left-title{
    color: #F4A24E;
    font-size: 18px;
    line-height: 1.7;
    font-weight: 400;
    padding-top: 6px;
}

.homepage-redesign .right-text{
    color: #002855;
    font-size: clamp(18px, 2vw, 24px);
    line-height: 1.3;
    font-weight: 400;
}

.homepage-redesign .electronic-system{
    margin: 54px auto 20px;
    max-width: 1518px;
    border: 1px solid #b8cfe5;
    border-radius: 18px;
    background: #f8fbff;
    padding: 34px 28px 36px;
}

.homepage-redesign .electronic-system-inner{
    width: 100%;
    max-width: 1488px;
    margin: 0 auto;
}

.homepage-redesign .electronic-system h2{
    text-align: center;
    color: #002844;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 400;
    margin-bottom: 28px;
}

.homepage-redesign .electronic-cards{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.homepage-redesign .electronic-card{
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    position: relative;
}


.homepage-redesign .electronic-card-visual img{
    display: block;
    width: 100%;
    height: auto;

    object-fit: cover;
    object-position: center top;
}

.homepage-redesign .electronic-card-link{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 18px;
    width: 100%;
    color: #ffffff;
    max-width: 408px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    left: 0;
    margin: auto;
    right: 0;
    border-bottom-left-radius: 21px;
    width: 100%;
    position: absolute;
    bottom: 25px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: unset;
}

.homepage-redesign .electronic-card-visual{
    position: relative !important;
}


.homepage-redesign .electronic-card-arrow{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    object-fit: contain;
}

.homepage-redesign .event-section{
    margin: 54px auto 20px;
    max-width: 1518px;
    background: #e6eef8;
    border-radius: 6px;
    padding: 40px 28px 48px;
}

.homepage-redesign .event-section-inner{
    width: 100%;
    max-width: 1488px;
    margin: 0 auto;
}

.homepage-redesign .event-section h2{
    color: #002855;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 400;
    margin-bottom: 28px;
}

.homepage-redesign .event-carousel{
    overflow: hidden;
}

.homepage-redesign .event-track{
    display: flex;
    gap: 18px;
    transition: transform 0.45s ease;
    will-change: transform;
}

.homepage-redesign .event-card{
    background: #ffffff;
    border: 1px solid #efefef;
    border-top: 3px solid #F4A24E;
    border-radius: 10px;
    flex: 0 0 calc((100% - 36px) / 3);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 220px;
    box-shadow: 0px 1px 2px -1px #0000001A;
    box-shadow: 0px 1px 3px 0px #0000001A;

}

.homepage-redesign .event-date{
    color: #f4a24e;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;

}

.homepage-redesign .event-card h3{
    color: #2B2B2B;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .event-desc{
    color: #717171;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 400;
    margin: 0 0 4px;
    font-family: "Roboto", sans-serif !important;
}

.homepage-redesign .event-card .read-more{
    margin-top: auto;
}

.homepage-redesign .event-pagination{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.homepage-redesign .event-pagination .dot{
    border: 0;
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.75);
    transition: width 0.25s ease, background-color 0.25s ease, border-radius 0.25s ease;
    cursor: pointer;
    flex-shrink: 0;
}

.homepage-redesign .event-pagination .dot.active{
    width: 34px;
    height: 8px;
    border-radius: 999px;
    background: #f4a24e;
}

.homepage-redesign .media-gallery-section{
    margin: 54px auto 20px;
    max-width: 1518px;
    border: 1px solid #b8cfe5;
    border-radius: 18px;
    background: #ffffff;
    padding: 10px clamp(15px, 2vw, 34px) 28px clamp(20px, 2.5vw, 40px);
}

.homepage-redesign .media-gallery-inner{
    width: 100%;
    max-width: 1488px;
    margin: 0 auto;
}

.homepage-redesign .media-gallery-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.homepage-redesign .media-gallery-tag{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 12px;
    border-radius: 30px;
    background: #fde8c8;
    color: #e58a1f;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .media-gallery-tag::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f4a24e;
}

.homepage-redesign .media-gallery-header h2{
    margin-top: 12px;
    color: #e7a24f;
    font-size: clamp(28px, 5vw, 60px);
    font-weight: 400;
}

.homepage-redesign .media-gallery-btn{
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #002956;
    color: #ffffff;
    border-radius: 12px;
    font-weight: 500;
    padding: 23px 20px;
    font-size: clamp(14px, 1.2vw, 16px);
    line-height: 1;
    margin-top: 6px;
    flex-shrink: 0;
    max-width: 199px;
    width: 100%;
    justify-content: center;
}

.homepage-redesign .media-gallery-btn span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.homepage-redesign .media-gallery-btn span img{
    display: block;
    width: auto;
    height: 14px;
    filter: brightness(0) invert(1);
}

.homepage-redesign .media-gallery-carousel{
    overflow: hidden;
}

.homepage-redesign .media-gallery-track{
    display: flex;
    gap: 18px;
    transition: transform 0.45s ease;
    will-change: transform;
}

.homepage-redesign .media-gallery-card{
    flex: 0 0 calc((100% - 36px) / 3);
    min-width: 0;
}

.homepage-redesign .media-gallery-visual{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.homepage-redesign .media-gallery-visual .video-thumbnail{
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}

.homepage-redesign .media-gallery-visual img{
    display: block;
    width: 100%;
    height: 248px;
    object-fit: cover;
}

.homepage-redesign .media-gallery-visual .video-placeholder{
    width: 100%;
    height: 248px;
    background: linear-gradient(135deg, #d9e7f7 0%, #b9d0ea 100%);
}

.homepage-redesign .media-gallery-visual .video-embed{
    width: 100%;
    height: 248px;
}

.homepage-redesign .media-gallery-visual .video-embed iframe{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.homepage-redesign .media-play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    border: 0;
    border-radius: 50%;
    background: rgba(244, 162, 78, 0.88);
    cursor: pointer;
}

.homepage-redesign .media-play-btn::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #ffffff;
}

.homepage-redesign .media-duration{
    position: absolute;
    right: 12px;
    bottom: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.62);
    border: 1.15px solid #FFFFFF;
    color: #ffffff;
    font-size: 12px;
    opacity: 0.9;
    line-height: 1;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .media-gallery-card h3{
    margin: 14px 0 0;
    color: #2b2b2b;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .media-gallery-pagination{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.homepage-redesign .media-gallery-pagination .dot{
    border: 0;
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: #f2d2a8;
    transition: width 0.25s ease, background-color 0.25s ease, border-radius 0.25s ease;
    cursor: pointer;
    flex-shrink: 0;
}

.homepage-redesign .media-gallery-pagination .dot.active{
    width: 34px;
    height: 8px;
    border-radius: 999px;
    background: #f4a24e;
}

.homepage-redesign .footer-section{
    margin-top: 54px;
    background: #002856;
    padding: 48px 24px 22px;
}

.homepage-redesign .footer-inner{
    max-width: 1484px;
    margin: 0 auto;
}

.homepage-redesign .footer-column{
    max-width: 164px;
    height: 100%;
    margin: auto;
    width: 100%;
}

.homepage-redesign .footer-top{
    display: grid;
    grid-template-columns: 800px minmax(0, 1fr);
    column-gap: 48px;
    align-items: start;
    padding-bottom: 30px;
}

.homepage-redesign .footer-links{
    max-width: 800px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px clamp(10px, 2vw, 32px);
}

.homepage-redesign .footer-column h3{
    color: #f4a24e;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 0 0 18px;
    line-height: normal;
    font-family: "Onest", sans-serif;
}

.homepage-redesign .footer-column .block,
.homepage-redesign .footer-column nav{
    margin: 0;
}

.homepage-redesign .footer-column ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.homepage-redesign .footer-column a{
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.45;
    font-family: "Onest", sans-serif;
    font-weight: normal;
}

.homepage-redesign .footer-brand .block{
    margin: 0;
}

.homepage-redesign .footer-brand .contact_info_f{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.homepage-redesign .footer-brand .contact_info_f > h3,
.homepage-redesign .footer-brand .block > h3,
.homepage-redesign .footer-brand nav > h3{
    margin: 0;
    color: #f4a24e;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-family: "Onest", sans-serif;
}

.homepage-redesign .footer-brand .hs-7,
.homepage-redesign .footer-brand .hs-7 a{
    color: #ffffff;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .footer-brand .social_media_f{
    width: 100%;
}

.homepage-redesign .footer-brand span{
    font-size: clamp(15px, 1.2vw, 17px);
    font-weight: 500;
    color: #FFFFFF;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .footer-brand{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 14px;
    justify-self: end;
}




.homepage-redesign .footer-contact{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .footer-contact img{
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}

.homepage-redesign .footer-bottom{
    border-top: 1px solid #F4A24E99;
    padding-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.homepage-redesign .footer-copy{
    margin: 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .footer-social{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.homepage-redesign .footer-social .block{
    margin: 0;
}

.homepage-redesign .footer-social .block > h2,
.homepage-redesign .footer-social .block > h3,
.homepage-redesign .footer-social nav > h2,
.homepage-redesign .footer-social nav > h3{
    display: none;
}

.homepage-redesign .footer-social .footer-social-list,
.homepage-redesign .footer-social .social_media{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.homepage-redesign .footer-social .wrapper{
    margin: 0;
}

.homepage-redesign .footer-social a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
}

.homepage-redesign .footer-social img{
    width: 22px;
    height: 22px;
    display: block;
    filter: brightness(0) invert(1);
}

.homepage-redesign .footer-social svg{
    width: 22px;
    height: 22px;
    display: block;
}

.homepage-redesign .footer-social i{
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
}

.homepage-redesign .navbar-brand.college-logo {
    background-color: unset;
    border-radius: unset;
    margin-right: unset;
    box-shadow: unset;
}

@media(max-width:900px) {

    .homepage-redesign .about-section{
        padding: 40px 25px 60px;
    }

    .homepage-redesign .content-row{
        grid-template-columns: 1fr;

    }


    .homepage-redesign .play-circle{
        width: 90px;
        height: 90px;
    }

    .homepage-redesign .about-section::before{
        width: 230px;
    }

    .homepage-redesign .about-section::after{
        width: 45px;
        height: 55px;
    }
}

@media(max-width:600px) {

    .homepage-redesign{
        padding: 15px;
    }

    .homepage-redesign .about-section{
        padding: 30px 18px 55px;
    }

    .homepage-redesign .right-text{
        font-size: 16px;
        line-height: 1.8;
    }



    .homepage-redesign .top-area{
        margin-bottom: 25px;
    }

    .homepage-redesign .about-section::before{
        width: 180px;
        height: 22px;
    }

    .homepage-redesign .about-section::after{
        width: 38px;
        height: 48px;
        border-top-right-radius: 18px;
    }
}

@media (max-width: 999px) {
    .homepage-redesign .college-section{
        padding: 16px 12px 20px;
    }

    .homepage-redesign .college-track{
        gap: 18px;
    }

    .homepage-redesign .footer-links{
        max-width: 580px;
        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .homepage-redesign .footer-top{
        grid-template-columns: 600px minmax(0, 1fr);

    }

    .homepage-redesign .college-card{
        flex: 0 0 calc((100% - 54px) / 4);
    }

    .homepage-redesign .college-controls{
        display: flex;
    }

    .homepage-redesign .about-media-top{
        grid-template-columns: 90px 1fr 90px;
        top: 26px;
        padding: 0 14px;
    }

    .homepage-redesign .about-left-logo, .homepage-redesign .about-right-logo{
        width: 90px;
    }

    .homepage-redesign .about-row{
        grid-template-columns: 160px 1fr;
        gap: 16px;
    }

    .homepage-redesign .electronic-cards{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {


    .homepage-redesign .hero-content{
        margin-top: 56px;
    }

    .homepage-redesign .logo-box, .homepage-redesign .hero-logo{
        right: 12px;
        width: 100px;
        height: 190px;
    }

    .homepage-redesign .logo-box img, .homepage-redesign .hero-logo img{
        width: 80px;
    }

    .homepage-redesign .slider-counter{
        right: 20px;
        bottom: 18px;
        min-width: 190px;
        padding: 12px 16px;
    }

    .homepage-redesign .counter-item{
        font-size: 20px;
    }

    .homepage-redesign .news-section{
        margin-top: 54px;
        padding: 40px 8px 20px;
    }

    .homepage-redesign .news-header{
        align-items: center;
    }

    .homepage-redesign .news-arrows{
        margin-top: 0;
    }

    .homepage-redesign .news-cards{
        gap: 14px;
    }

    .homepage-redesign .news-card{
        flex: 0 0 calc((100% - 14px) / 2);
    }

    .homepage-redesign .news-card img{
        height: 210px;
    }

    .homepage-redesign .about-university-section{
        padding: 28px 16px 30px;
    }

    .homepage-redesign .about-header{
        flex-direction: column;
        gap: 10px;
    }

    .homepage-redesign .about-btn{
        margin-top: 0;
    }

    .homepage-redesign .about-media{
        min-height: 360px;
    }

    .homepage-redesign .about-media-top{
        grid-template-columns: 70px 1fr 70px;
        top: 16px;
        gap: 10px;
    }

    .homepage-redesign .about-left-logo, .homepage-redesign .about-right-logo{
        width: 70px;
        padding: 4px;
    }

    .homepage-redesign .about-play-btn{
        width: 84px;
        height: 84px;
        border-width: 8px;
    }

    .homepage-redesign .about-play-btn::before{
        inset: -16px;
    }

    .homepage-redesign .electronic-system{
        padding: 28px 16px 30px;
    }

}

@media (max-width: 767px) {
    .homepage-redesign .university-cards{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .homepage-redesign .university-card{
        min-height: 220px;
    }



    .homepage-redesign .electronic-card-link{
        font-size: 15px;
        padding: 14px 16px;
        bottom: 13px;
    }

    .homepage-redesign .event-section{
        padding: 28px 16px 36px;
    }

    .homepage-redesign .event-track{
        gap: 14px;
    }

    .homepage-redesign .event-card{
        flex: 0 0 calc((100% - 14px) / 2);
    }


    .homepage-redesign .media-gallery-header{
        flex-direction: column;
        align-items: flex-start;
    }

    .homepage-redesign .media-gallery-track{
        gap: 14px;
    }

    .homepage-redesign .media-gallery-card{
        flex: 0 0 calc((100% - 14px) / 2);
    }

    .homepage-redesign .media-gallery-visual img{
        height: 220px;
    }

    .homepage-redesign .footer-section{
        padding: 36px 16px 20px;
    }

    .homepage-redesign .footer-top{
        grid-template-columns: 1fr;
        row-gap: 28px;
    }

    .homepage-redesign .footer-links{
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .homepage-redesign .footer-brand{
        justify-self: start;
    }

    .homepage-redesign .footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 599px) {
    .homepage-redesign .electronic-cards{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .homepage-redesign .news-card{
        flex: 0 0 100%;
    }

    .homepage-redesign .footer-column{
        max-width: unset;
    }

    .homepage-redesign .event-card{
        flex: 0 0 100%;
    }

    .homepage-redesign .media-gallery-card{
        flex: 0 0 100%;
    }

    .homepage-redesign .media-gallery-visual img{
        height: 210px;
    }

    .homepage-redesign .footer-links{
        grid-template-columns: 1fr;
    }

    .homepage-redesign .college-track{
        gap: 12px;
    }

    .homepage-redesign .college-card{
        flex: 0 0 calc((100% - 24px) / 3);
        min-height: 120px;
    }

    .homepage-redesign article.electronic-card{
        max-width: 400px;
        margin: auto;
    }

    .homepage-redesign .university-section{
        padding: 20px 12px 24px;
    }

    .homepage-redesign .university-header{
        flex-direction: column;
        align-items: flex-start;
    }

    .homepage-redesign .university-cards{
        grid-template-columns: 1fr;
    }

    .homepage-redesign .about-university-section{
        padding: 22px 12px 24px;
    }

    .homepage-redesign .about-university-section::before, .homepage-redesign .about-university-section::after{
        width: 90px;
    }

    .homepage-redesign .about-title-wrap h2{
        font-size: clamp(30px, 9vw, 42px);
    }

    .homepage-redesign .about-title-wrap p{
        font-size: 14px;
    }

    .homepage-redesign .about-media{
        min-height: 250px;
    }

    .homepage-redesign .about-media-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .homepage-redesign .about-strip-image{
        display: none;
    }

    .homepage-redesign .about-play-btn{
        width: 68px;
        height: 68px;
        border-width: 6px;
    }

    .homepage-redesign .about-play-btn::before{
        display: none;
    }

    .homepage-redesign .about-play-icon{
        font-size: 18px;
    }

    .homepage-redesign .about-content{
        margin-top: 20px;
        gap: 16px;
    }

    .homepage-redesign .about-row{
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .homepage-redesign .about-row h3{
        font-size: 17px;
    }

    .homepage-redesign .about-row p{
        font-size: 15px;
    }

    .homepage-redesign .electronic-system{
        margin-top: 40px;
        padding: 22px 12px 24px;
    }

    .homepage-redesign .electronic-system h2{
        margin-bottom: 20px;

        .electronic-card-link {
            min-height: 52px;
            font-size: 14px;
        }

        .electronic-card-arrow {
            width: 16px;
            height: 16px;
        }
    }
}

@media (min-width: 768px) {
    .homepage-redesign .electronic-card-visual img{
        min-height: 300px;
    }

    .homepage-redesign .electronic-card-link{
        font-size: clamp(12px, 2vw, 14px);
    }
}

.homepage-redesign .hero-section{
    width: 100%;
    /* position: relative; */
    max-width: 1607px;
    margin: auto;
    border-radius: 18px;
    overflow: hidden;
}

.homepage-redesign .home_slider_style_one{
    margin: 0;
}

.homepage-redesign .hero-slider{
    position: relative;
    width: 100%;
    height: 760px;
    overflow: hidden;
    border-radius: 18px;
}

.homepage-redesign .slide{
    position: absolute; 
    inset: 0;
    opacity: 1;
    transition: opacity .8s ease;
    pointer-events: none; 
}

.homepage-redesign .slide.active{
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}

.homepage-redesign .slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homepage-redesign .overlay{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
        linear-gradient(234.56deg, #FFFFFF -4.9%, rgba(50, 50, 50, 0) 47.17%);
    position: absolute;
    inset: 0;
    z-index: 1;
}

.homepage-redesign .home-mobile-bar .overlay {
    background: inherit;
    position: unset;
    inset: unset;
    z-index: 1;
}

.homepage-redesign .top-menu{
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 68%;
    height: 70px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 2vw, 25px);
    border-radius: 0 0 14px 14px;
    z-index: 100;
    padding-top: 0px;
    padding-bottom: 0px;
}

.user-logged-in.toolbar-fixed #page_content.header-1 .homepage-redesign .top-menu{
    top: 68px;
}

.homepage-redesign .top-menu .home-primary-menu{
    width: 100%;
}

.homepage-redesign .top-menu .home-primary-menu > .block,
.homepage-redesign .top-menu .home-primary-menu > nav,
.homepage-redesign .top-menu .home-primary-menu nav[role="navigation"]{
    width: 100%;
    margin: 0;
}

.homepage-redesign .top-menu .home-primary-menu > .block > h2,
.homepage-redesign .top-menu .home-primary-menu > .block > h3,
.homepage-redesign .top-menu .home-primary-menu nav > h2,
.homepage-redesign .top-menu .home-primary-menu nav > h3{
    display: none;
}

.homepage-redesign .top-menu .navbar-nav{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 2vw, 25px);
    margin: 0 auto !important;
    padding: 0;
    width: 100%;
    flex-direction: row;
}

.homepage-redesign .top-menu .nav-item{
    position: relative;
    list-style: none;
}

.homepage-redesign .top-menu .menu-parent-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.homepage-redesign .top-menu .submenu-toggle{
    display: none;
}

@media (min-width: 992px) {
    .homepage-redesign .top-menu.header .navbar-nav{
        align-items: stretch;
    }

    .homepage-redesign .top-menu.header .nav-item{
        display: flex;
        align-items: center;
        min-height: 70px;
    }

    .homepage-redesign .top-menu.header .nav-link{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 70px;
        padding: 0;
        color: #002855;
        font-size: 14px;
        line-height: 1;
        font-weight: normal;
        font-family: "Onest", sans-serif;
        white-space: nowrap;
    }

    .homepage-redesign .top-menu.header .dropdown:hover > .dropdown-menu {
        display: block !important;
        z-index: 999998 !important;
    }

    .homepage-redesign .top-menu.header .nav-link.active,
    .homepage-redesign .top-menu.header .nav-item:hover .nav-link {
        color: #f3a328 !important;
    }

    .homepage-redesign .top-menu.header .nav-item > .dropdown-menu {
        position: absolute !important;
        top: 100%;
        left: 0;
        display: none;
        margin-top: 0;
    }

    .homepage-redesign .top-menu.header .dropdown-menu {
        border: none;
        min-width: 225px;
        padding: 0;
        background-color: #ffffff;
        border-radius: 0px;
        overflow: visible;
        box-shadow: 0 18px 40px rgba(0, 40, 85, 0.12);
    }

    .homepage-redesign .top-menu.header .dropdown-menu .dropdown-item:last-of-type > a {
        border-bottom: unset;
    }

    .homepage-redesign .top-menu.header .dropdown-menu .dropdown-item {
        padding: 0 20px;
        transition: .1s ease-in-out;
        position: relative;
    }

    .homepage-redesign .top-menu.header .dropdown-menu .dropdown-item::before {
        content: "";
        position: absolute;
        left: 0;
    }

    .homepage-redesign .top-menu.header .dropdown-menu .dropdown-item:hover::before {
        opacity: 1;
        width: 0;
        height: 100%;
        margin-right: 6px;
        border-left: 3px solid #f3a328;
        margin-top: auto;
        margin-bottom: auto;
        transition: .1s ease-in-out;
    }

    .homepage-redesign .top-menu.header .dropdown-submenu .dropdown-menu.dropdown-submenu.show {
        display: block !important;
        left: 100%;
        top: 0;
        margin: 0;
        border-radius: 14px;
    }

    .homepage-redesign .top-menu.header .dropdown-submenu:hover > .dropdown-menu {
        display: block !important;
        left: 100%;
        top: 0;
        margin: 0;
        border-radius: 0px;
    }

    .homepage-redesign .top-menu.header .nav-item > .dropdown-menu {
        overflow: visible;
    }

    .homepage-redesign .top-menu.header .dropdown-submenu > .dropdown-menu {
        overflow: visible;
    }

    .homepage-redesign .top-menu.header .dropdown-submenu:hover > .dropdown-menu.open-left,
    .homepage-redesign .top-menu.header .dropdown-submenu .dropdown-menu.dropdown-submenu.show.open-left {
        left: auto !important;
        right: 100% !important;
    }

    .homepage-redesign .top-menu.header .dropdown-menu a {
        width: 100%;
        min-width: 150px;
        font-size: 14px;
        font-family: "Onest", sans-serif;
        font-weight: normal;
        color: #002855;
        padding: 15px 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: #ffffff;
        border-bottom: 1px solid rgba(0, 40, 85, 0.08);
    }

    .homepage-redesign .top-menu.header .dropdown-menu a:hover {
        color: #f3a328;
    }

    .homepage-redesign .top-menu.header div > ul > li > ul > li:last-of-type > a {
        border-bottom: transparent;
    }

    .homepage-redesign .top-menu.header .dropdown.mega-menu:hover > .dropdown-menu,
    .homepage-redesign .top-menu.header .dropdown.mega-menu:focus-within > .dropdown-menu {
        display: flex !important;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.homepage-redesign .top-menu::before{
    content: "";
    position: absolute;
    left: -42px;
    top: 0;
    width: 42px;
    height: 42px;
    border-top-right-radius: 24px;
    box-shadow: 20px -20px 0 #fff;
}

.homepage-redesign .top-menu::after{
    content: "";
    position: absolute;
    right: -42px;
    top: 0;
    width: 42px;
    height: 42px;
    border-top-left-radius: 24px;
    box-shadow: -20px -20px 0 #fff;
}

.homepage-redesign .top-menu a{
    color: #002855;
    text-decoration: none;
    font-size: 15px;
    line-height: 1;
    font-weight: 500;
    font-family: "Onest", sans-serif;
    transition: .3s;
    position: relative;
}

.homepage-redesign .top-menu a:hover{
    color: #f3a328;
}

.homepage-redesign .top-menu a.active,
.homepage-redesign .top-menu .nav-link.active{
    color: #f3a328;
}

.homepage-redesign .top-menu .dropdown-menu a.active,
.homepage-redesign .top-menu .dropdown-menu .nav-link.active{
    color: #f3a328;
}

.homepage-redesign .menu-toggle{
    display: none;
    font-size: 28px;
    color: #111;
    cursor: pointer;
    font-weight: 700;
    background: transparent;
    border: 0;
}

.homepage-redesign .left-logo{
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: 120;
}

.homepage-redesign .left-logo img{
    width: 132px;
    border-radius: 14px;
}

.homepage-redesign .hero-banner-inside{
    position: absolute;
    top: 42px;
    left: 5%;
    z-index: 125;
    display: inline-flex;
    align-items: center;
    pointer-events: auto;
}

.user-logged-in.toolbar-fixed #page_content.header-1 .homepage-redesign .hero-banner-inside{
    top: 100px;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item{
    position: relative;
    list-style: none;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item > a{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item > a svg{
    width: 14px;
    height: auto;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item > .dropdown-menu{
    margin-top: 12px;
    min-width: 120px;
    border: 0;
    border-radius: 10px;
    padding: 10px 14px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item > .dropdown-menu li{
    list-style: none;
}

.homepage-redesign .hero-banner-inside .lang-dropdown-item > .dropdown-menu a{
    color: #1e1e2c;
    text-decoration: none;
    display: block;
    padding: 6px 0;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}


.homepage-redesign .right-logo{
    position: absolute;
    top: 18px;
    right: 28px;
    z-index: 120;
}

.homepage-redesign .right-logo img{

    width: 105px;
}

.homepage-redesign .hero-logo{
    position: absolute;
    top: 30px;
    right: 45px;
    width: 118px;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 120;
}

.homepage-redesign .hero-logo .block,
.homepage-redesign .hero-logo .site-branding,
.homepage-redesign .hero-logo .navbar-brand{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.homepage-redesign .hero-logo img{
    width: 92px;
    height: auto;
    display: block;
}

.homepage-redesign .hero-content{
    position: absolute;
    left: 32px;
    top: 52%;
    transform: translateY(-50%);
    z-index: 20;
    max-width: 720px;
    color: #fff;
}

.homepage-redesign .event-card span{
    height: 13px;
}

.homepage-redesign .small-tag{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(6px);
    padding: 7px 15px;
    border-radius: 50px;
    margin-bottom: 24px;
    font-size: 14px;
    color: #F4A24E;
    font-weight: 400;
}

.homepage-redesign .small-tag::before{
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f3a328;
}

.homepage-redesign .hero-content h1{
    font-size: clamp(34px, 5vw, 70px);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 30px;
    color: #EAEAEA;
}

.homepage-redesign .hero-buttons{
    display: flex;
    gap: clamp(10px, 2vw, 32px);
}

.homepage-redesign .hero-buttons span{
    display: inline-flex;
    align-items: center;
}

.homepage-redesign .btn{
    height: 100%;
    padding: clamp(10px, 1.3vw, 22px) 22px;
    gap: 5px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    color: #E6F0F3;
    transition: .3s;
    max-width: 211px;
    width: 100%;
    text-decoration: unset;
}

.homepage-redesign .btn-primary{
    background: #0466C8;
}

.homepage-redesign .btn-primary:hover{
    background: #0058dc;
}

.homepage-redesign .btn-outline{
    border: 1px solid rgba(255, 255, 255, .78);
    color: #fff;
    background: transparent;
}

.homepage-redesign .btn-outline:hover{
    background: #fff;
    color: #111;
}

.homepage-redesign .slider-nav{
    position: absolute;
    bottom: 0;
    right: 85px;
    width: 170px;
    height: 44px;
    background: #fff;
    border-radius: 14px 14px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    z-index: 100;
}

.homepage-redesign .slider-nav span,
.homepage-redesign .slider-nav .slider-nav-item{
    font-size: 10px;
    color: #999;
    cursor: pointer;
    transition: .3s;
    border: 0;
    background: transparent;
    padding: 0;
}

.homepage-redesign .slider-nav span.active,
.homepage-redesign .slider-nav .slider-nav-item.active{
    color: #111;
    font-weight: 600;
}

@media(max-width:1440px) {

    .homepage-redesign .top-menu a{
        font-size: 12px;
    }
}

@media(max-width:1200px) {
    .homepage-redesign .top-menu{
        z-index: 9999;
        width: 90%;
    }

    .homepage-redesign .hero-logo{
        top: 46px;
    }
}

@media(max-width:992px) {
    .homepage-redesign .hero-slider{
        height: 650px;
    }

    .homepage-redesign .top-menu{
        width: 94%;
        gap: 10px;
    }
}

@media (max-width: 991px) {
    .homepage-redesign .top-menu{
        position: absolute;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 60px;
        padding: 0 20px;
        justify-content: flex-end;
        align-items: center;
        border-radius: 0;
        background: #fff;
        z-index: 9999;
    }

    .homepage-redesign .top-menu .home-primary-menu{
        display: none;
        width: 100%;
    }

    .homepage-redesign .top-menu::before,
    .homepage-redesign .top-menu::after{
        display: none;
    }

    .homepage-redesign .menu-toggle{
        display: block;
    }

    .homepage-redesign .top-menu.mobile-active{
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }

    .homepage-redesign .top-menu.mobile-active .home-primary-menu{
        display: block;
    }

    .homepage-redesign .top-menu.mobile-active .navbar-nav{
        min-height: 100vh;
        height: 100vh;
        overflow-y: scroll;
        padding: 0 12px 100px;
        background-color: var(--bs-secondary-bg);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        justify-content: flex-start;
    }

    .homepage-redesign .top-menu.mobile-active .nav-item,
    .homepage-redesign .top-menu.mobile-active .dropdown-item,
    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper{
        width: 100%;
    }

    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .homepage-redesign .top-menu.mobile-active .nav-item{
        border-bottom: 1px solid #0000001F;
    }

    .homepage-redesign .top-menu.mobile-active a{
        display: block;
        position: relative;
        font-size: 15px;
        line-height: 21px;
        font-weight: 700;
        font-family: var(--bs-primary-font);
        color: var(--bs-secondary-heading) !important;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        transition: .3s ease-in-out;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-toggle{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0;
        padding: 8px 12px;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-arrow{
        width: 8px;
        height: 8px;
        display: inline-block;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-toggle[aria-expanded="true"] .submenu-arrow{
        transform: rotate(-135deg);
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu{
        background-color: transparent;
        border: none;
        padding: 0;
        position: static !important;
        float: none;
        display: none;
        box-shadow: none;
        min-width: 0;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu.show{
        display: block !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu a{
        padding: 0 !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-item{
        padding-left: 28px;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li{
        padding-bottom: 15px !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li:last-of-type{
        padding-bottom: 20px !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li .dropdown-item{
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li .dropdown-item:last-of-type{
        padding-bottom: 0 !important;
    }

    .homepage-redesign .top-menu.mobile-active .menu-toggle{
        align-self: flex-end;
    }
}

@media(max-width:768px) {
    .homepage-redesign .hero-slider{
        height: 720px;
    }

    .homepage-redesign .top-menu{
        position: absolute;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        height: 60px;
        padding: 0 20px;
        justify-content: flex-end;
        align-items: center;
        border-radius: 0;
        background: #fff;

    }

    .homepage-redesign .top-menu .home-primary-menu{
        display: none;
        width: 100%;
    }

    .homepage-redesign .top-menu::before, .homepage-redesign .top-menu::after{
        display: none;
    }

    .homepage-redesign .menu-toggle{
        display: block;

    }

    .homepage-redesign .top-menu.mobile-active{

        height: auto;

        flex-direction: column;

        align-items: flex-start;

        gap: 16px;

        padding: 20px;

    }

    .homepage-redesign .top-menu.mobile-active .home-primary-menu{
        display: block;
    }

    .homepage-redesign .top-menu.mobile-active .navbar-nav{
        min-height: 100vh;
        height: 100vh;
        overflow-y: scroll;
        padding: 0 12px 100px;
        background-color: var(--bs-secondary-bg);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        justify-content: flex-start;
    }

    .homepage-redesign .top-menu.mobile-active .nav-item,
    .homepage-redesign .top-menu.mobile-active .dropdown-item,
    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper{
        width: 100%;
    }

    .homepage-redesign .top-menu.mobile-active .nav-item{
        border-bottom: 1px solid #0000001F;
    }

    .homepage-redesign .top-menu.mobile-active a{
        display: block;
        position: relative;
        font-size: 15px;
        line-height: 21px;
        font-weight: 700;
        font-family: var(--bs-primary-font);
        color: var(--bs-secondary-heading) !important;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        transition: .3s ease-in-out;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-toggle{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0;
        padding: 8px 12px;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-arrow{
        width: 8px;
        height: 8px;
        display: inline-block;
        border-right: 2px solid #000;
        border-bottom: 2px solid #000;
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-toggle[aria-expanded="true"] .submenu-arrow{
        transform: rotate(-135deg);
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu {
        background-color: transparent;
        border: none;
        padding: 0;
        position: static !important;
        float: none;
        display: none;
        box-shadow: none;
        min-width: 0;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu.show {
        display: block;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu a {
        padding: 0 !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-item {
        padding-left: 28px;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li {
        padding-bottom: 15px !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li:last-of-type {
        padding-bottom: 20px !important;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li .dropdown-item {
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-wrapper > li .dropdown-item:last-of-type {
        padding-bottom: 0 !important;
    }

    .homepage-redesign .top-menu.mobile-active .menu-toggle{

        align-self: flex-end;

    }



    .homepage-redesign .left-logo, .homepage-redesign .hero-banner-inside, .homepage-redesign .right-logo{

        display: none;

    }

    .homepage-redesign .hero-logo{
        display: flex;
        top: 68px;
        left: 12px;
        width: 88px;
        height: auto;
    }

    .homepage-redesign .hero-logo img{
        width: 72px;
    }

    .homepage-redesign .hero-buttons{
        flex-direction: column;
        align-items: flex-start;

    }

    .homepage-redesign .slider-nav{
        right: 20px;
    }
}

@media(max-width:480px) {

    .homepage-redesign .hero-slider{

        height: 620px;

    }


}

@media (min-width: 992px) {
    .homepage-redesign .top-menu.header .nav-link{
        font-size: 12px;
    }
    .homepage-redesign .top-menu.header .dropdown-menu a {
        font-size: 12px;
    }
}

/* RTL */

[dir="rtl"] .hero-content {
    right: 32px;
     max-width: 775px;
}
[dir="rtl"] .hero-buttons span {
    height: 14px;
    width: 15px;
}
[dir="rtl"] .homepage-redesign .hero-banner-inside{
    /* left: auto; */
    /* right: 5%; */
}
[dir="rtl"] .btn-primary {
   
    max-width: 175px;
}
[dir="rtl"] a.btn.btn-outline {
    max-width: 152px;
}
[dir="rtl"] .news-card-content span{
    width: 15px;
    height: 14px;
}
[dir="rtl"] .news-section {
    max-width: 1420px;

}
[dir="rtl"].news-card-content{
    gap: 12px;
}
[dir="rtl"] .college-header h2 {
    text-align: center;
}
[dir="rtl"] .university-section {
    padding-inline: clamp(10px,2vw,34px) 0;
}
[dir="rtl"] .electronic-system-inner h2{
    text-align: center;
}
[dir="rtl"]  img.electronic-card-arrow {
    transform: rotate(179deg);
}
[dir="rtl"]  .media-gallery-btn {
    max-width: 241px;
}
[dir="rtl"]  a.media-gallery-btn img {
    transform: rotate(179deg);
}

[dir="rtl"] .read-more {
    flex-direction: row-reverse;
}


/* custom */
.university-btn:hover {
    color: #E6F0F3;
}

[dir="rtl"] .news-cards-carousel {
    direction: ltr;
}

[dir="rtl"] .news-desc,
[dir="rtl"] .news-card h3{
    direction: rtl;
}

@media (min-width: 992px) {
    [dir="rtl"] .homepage-redesign .top-menu.header .dropdown-submenu:hover > .dropdown-menu.open-left,
    [dir="rtl"] .homepage-redesign .top-menu.header .dropdown-submenu .dropdown-menu.dropdown-submenu.show.open-left {
        left: 100% !important;
        right: auto !important;
    }
}

html.home-menu-open,
body.home-menu-open {
    overflow: hidden;
    height: 100%;
}

.homepage-redesign .top-menu .home-mobile-bar {
    display: none;
}

@media (max-width: 991px) {
    .homepage-redesign .hero-section {
        overflow: visible;
    }

    .homepage-redesign .hero-banner-inside {
        display: none;
    }

    .homepage-redesign .top-menu {
        padding: 0;
        background: #ffffff;
    }

    .homepage-redesign .top-menu .home-mobile-bar {
        display: block;
        width: 100%;
        flex: 0 0 auto;
        background: #ffffff;
    }

    .homepage-redesign .top-menu .home-mobile-bar .wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 30px;
        position: relative;
        width: 100%;
        min-height: 66px;
        padding: 0 102px 0 12px;
    }

    .homepage-redesign .top-menu .home-mobile-language {
        display: block;
        position: absolute;
        top: 0;
        right: 12px;
        z-index: 3;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item {
        position: relative;
        list-style: none;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > a {
        color: var(--bs-secondary-heading);
        padding: 21px 0;
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        font-size: 15px;
        line-height: 21px;
        font-family: var(--bs-primary-font);
        font-weight: 700;
        text-decoration: none;
        flex-direction: row;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > a svg {
        width: 14px;
        height: auto;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > .dropdown-menu {
        inset: unset !important;
        transform: none !important;
        left: auto !important;
        right: 0 !important;
        top: 100% !important;
        min-width: max-content;
        margin: 0 !important;
        padding: 0;
        background: #ffffff;
        border: none;
        border-radius: 0;
        box-shadow: rgba(0, 0, 0, 0.14) 0 8px 24px;
        position: absolute;
        z-index: 100001;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > .dropdown-menu li {
        list-style: none;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > .dropdown-menu a {
        padding: 5px 18px !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 0;
        color: var(--bs-secondary-heading);
        font-size: 15px;
        line-height: 21px;
        font-family: var(--bs-primary-font);
        font-weight: 700;
        text-decoration: none;
    }

    .homepage-redesign .top-menu .home-mobile-language .lang-dropdown-item > .dropdown-menu li:last-child a {
        border-bottom: 0;
    }

    .homepage-redesign .menu-toggle {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin-left: auto;
        background: transparent;
        border: 0;
        position: relative;
        z-index: 2;
    }

    .homepage-redesign .menu-toggle .overlay svg {
        display: inline-block;
        height: 22px;
    }

    .homepage-redesign .menu-toggle svg {
        display: inline-block;
        height: 16px;
        max-width: 25px;
    }

    .homepage-redesign .menu-toggle[aria-expanded="true"] > svg {
        width: 0;
        height: 0;
        overflow: hidden;
    }

    .homepage-redesign .menu-toggle[aria-expanded="false"] .overlay svg {
        width: 0;
        height: 0;
        overflow: hidden;
    }

    body.home-menu-open .homepage-redesign .hero-banner-inside,
    body.home-menu-open .homepage-redesign .hero-logo {
        opacity: 0;
        pointer-events: none;
    }

    .homepage-redesign .top-menu.mobile-active {
        position: fixed !important;
        /* inset: 0; */
        width: 100%;
        /* height: 100vh; */
        min-height: 100vh;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 0;
        background: #ffffff;
        border-radius: 0;
        z-index: 100000;
        overflow: hidden;
    }

    .homepage-redesign .top-menu.mobile-active .menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: auto;
        min-height: auto;
        padding: 0;
        color: var(--bs-secondary-heading);
    }

    .homepage-redesign .top-menu.mobile-active .home-primary-menu {
        display: block;
        flex: 1 1 auto;
        width: 100%;
        overflow: hidden;
        max-width: 100%;
    }

    .homepage-redesign .top-menu.mobile-active .home-primary-menu > .block,
    .homepage-redesign .top-menu.mobile-active .home-primary-menu > nav,
    .homepage-redesign .top-menu.mobile-active .home-primary-menu nav[role="navigation"] {
        height: 100%;
        width: 100%;
        max-width: 100%;
    }

    .homepage-redesign .top-menu.mobile-active .home-mobile-bar {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .homepage-redesign .top-menu.mobile-active .navbar-nav {
        display: flex;
        width: 100%;
        max-width: 100%;
        min-height: calc(100vh - 66px);
        height: calc(100vh - 66px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: 0 12px 100px;
        background-color: var(--bs-secondary-bg);
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        justify-content: flex-start;
    }

    .homepage-redesign .top-menu.mobile-active .nav-item,
    .homepage-redesign .top-menu.mobile-active .dropdown-item,
    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper,
    .homepage-redesign .top-menu.mobile-active .dropdown-menu {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
    }

    .homepage-redesign .top-menu.mobile-active .menu-parent-wrapper > a {
        flex: 1 1 auto;
        min-width: 0;
        max-width: calc(100% - 40px);
        white-space: normal;
        word-break: break-word;
    }

    .homepage-redesign .top-menu.mobile-active .submenu-toggle {
        flex: 0 0 auto;
    }

    .homepage-redesign .top-menu.mobile-active .dropdown-menu.show {
        display: block !important;
    }

    .toolbar-fixed.toolbar-horizontal .homepage-redesign .top-menu.mobile-active {
        top: 39px;
        height: calc(100vh - 39px);
        min-height: calc(100vh - 39px);
    }

    .toolbar-fixed.toolbar-horizontal .homepage-redesign .top-menu.mobile-active .navbar-nav {
        min-height: calc(100vh - 105px);
        height: calc(100vh - 105px);
    }

    .toolbar-fixed.toolbar-horizontal.toolbar-tray-open .homepage-redesign .top-menu.mobile-active {
        top: 79px;
        height: calc(100vh - 79px);
        min-height: calc(100vh - 79px);
    }

    .toolbar-fixed.toolbar-horizontal.toolbar-tray-open .homepage-redesign .top-menu.mobile-active .navbar-nav {
        min-height: calc(100vh - 145px);
        height: calc(100vh - 145px);
    }

    .toolbar-fixed.toolbar-vertical .homepage-redesign .top-menu.mobile-active {
        top: 39px;
        height: calc(100vh - 39px);
        min-height: calc(100vh - 39px);
    }

    .toolbar-fixed.toolbar-vertical .homepage-redesign .top-menu.mobile-active .navbar-nav {
        min-height: calc(100vh - 105px);
        height: calc(100vh - 105px);
    }
}