.mainlogo img {
    height: 100px;
    width: auto;
}

.bg2 {
    background: #9bcbfc;
}

.textnavy {
    color: #020031;
}

.video-frame {
    width: 100%;
    aspect-ratio: 16/9;
    border: none;
}

.atnv {
    color: #042488 !important;
}

    .atnv:hover {
        color: #020031 !important;
    }

.preloader-area .plogoarea {
    width: 15em;
    height: 15em;
    position: absolute;
    left: 0;
    right: 0;
    top: 45%;
    transform: translateY(-45%);
    margin-left: auto;
    margin-right: auto;
}

.preloader-area .plogoarea img {
    height: 200px;
    width: auto;
}

/* scroll */
.scrolling-wrap {
    background: #9bcbfc;
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 15px 0;
}

    .scrolling-wrap .comm {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-animation: scroll 60s linear infinite;
        animation: scroll 60s linear infinite;
        gap: 30px;
        cursor: pointer;
    }

        .scrolling-wrap .comm .cmn-textslide {
            font-size: 16px;
            font-weight: 600;
            line-height: 32px;
            text-transform: capitalize;
            color: #020031;
            font-family: "Sora", system-ui;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 8px;
        }

            .scrolling-wrap .comm .cmn-textslide i {
                font-size: 21px;
            }

            .scrolling-wrap .comm .cmn-textslide.text-color-2 {
                color: var(--header);
            }

    .scrolling-wrap:hover .comm {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }

@media (max-width: 1399px) {
    .scrolling-wrap .comm {
        gap: 20px;
    }
}

@media (max-width: 991px) {
    .scrolling-wrap {
        gap: 14px;
    }

        .scrolling-wrap .comm {
            gap: 14px;
        }
}

@media (max-width: 575px) {
    .scrolling-wrap .comm {
        gap: 12px;
    }
}


    

       

.mycustom-marque.header-marque .scrolling-wrap {
    padding: 5px 0;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes scrolly {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

@keyframes scrolly {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        -webkit-transform: translateY(-60%);
        transform: translateY(-60%);
    }
}

@-webkit-keyframes scrolls {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes scrolls {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.textjustify{
    text-align:justify !important;
}

.admission ul li, .admission ol li , .admission li div{
    line-height: 30px;
    padding: 2px 0;
    text-align:justify;
}

.sidebarModal .modal-content {
  background: #fff;
  width: 280px;
  height: 100%;
  overflow-y: auto;
  padding: 20px;
}

.sidebarModal .sidebar-nav a {
  display: block;
  padding: 8px 0;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.sidebarModal .sidebar-nav .dropdown-toggle::after {
  float: right;
  margin-top: 8px;
  content: "\25BC"; /* Down arrow */
  font-size: 0.7em;
}

.sidebarModal .sidebar-nav .collapse .dropdown-toggle::after {
  content: "\25B6"; /* Right arrow for nested */
}

.sidebarModal .sidebar-nav a:hover {
  color: #007bff;
}

.sidebarModal .modal-content .close {
  position: absolute;
  top: 15px;
  right: 15px;
  border: none;
  background: transparent;
  font-size: 24px;
}