﻿.text-secondary h2 {color: #111d5e !important;}
.text-primary {color: #e32845 !important;}

.mt-20{margin-top: 20px !important;}

.bg-f4f6f9 {background-image: url(../Img/BG/rose-petals.png);background-attachment: fixed;background-size: cover;}
.bg-f4f6f9 .section-title h2, .bg-f4f6f9 .section-title p{color: #ffffff;}

.modal.right .modal-content button.close {right: 5px;top: 5px;}

.navbar-brand .main-logo, .navbar-brand .white-logo {margin-top: -15px;margin-bottom: -15px;}

.header-left-content {width: 100%;overflow: hidden;white-space: nowrap;box-sizing: border-box;padding: 8px 0;}
.header-left-content p {display: inline-block;padding-left: 100%;animation: marquee 30s linear infinite;}

.footer-widjet .list ul li {color: #ffffff;transition: all ease 0.5s;}

.faculty-card img {width: 120px;height: 120px;object-fit: cover;border: 3px solid #f0f0f0;}
.faculty-card:hover {transform: translateY(-5px);transition: 0.3s ease;box-shadow: 0 4px 10px rgba(0,0,0,0.15);}

.nav-tabs {border-bottom: none;gap: 10px;flex-wrap: wrap;}
.nav-tabs .nav-link {color: #111d5e;border: 1px solid #ddd;border-radius: 50px;padding: 10px 25px;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.nav-tabs .nav-link:hover {background: linear-gradient(90deg, #e32845, #111d5e);color: #fff;transform: translateY(-2px);box-shadow: 0 3px 6px rgba(0,0,0,0.1);border-color: transparent;}
.nav-tabs .nav-link.active {background: linear-gradient(90deg, #e32845, #111d5e);color: #fff !important;border-color: transparent;box-shadow: 0 3px 10px rgba(0,0,0,0.15);}

.departments-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.departments-area .section-title {margin: 0px;max-width: max-content;}

.clubs-area .tab-content {padding: 30px;animation: fadeIn 0.4s ease-in-out;}
.clubs-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.clubs-area .section-title {margin: 0px;max-width: max-content;}
.clubs-area .carousel-item img {max-height: 400px;object-fit: cover;}

.alumni-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.alumni-area .section-title {margin: 0px;max-width: max-content;}

.iqac-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.iqac-area .section-title {margin: 0px;max-width: max-content;}

.aqar-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.aqar-area .section-title {margin: 0px;max-width: max-content;}

.privacy-area .section-title h2 {text-align:left; color: #111d5e;font-weight: 700;margin-bottom: 20px;border-left: 5px solid #e32845;padding-left: 15px;}
.privacy-area .section-title {margin: 0px;max-width: max-content;}

table th, table td {vertical-align: middle !important;}

.clsManagements {padding-top: 60px;padding-bottom: 0px;background-image: url(../Img/BG/rose-petals.png);background-attachment: fixed;background-size: cover;}
.clsManagements .section-title h2{color: #ffffff;}
.clsManagements .owl-carousel .owl-item img {border-radius: 40px;height: 500px;}
.clsManagements .single-courses-card .courses-content {transform: translateY(-100%);border-radius: 40px 0px 40px 40px;}
.clsManagements .ADBcard__arc {width: 80px;height: 80px;position: absolute;bottom: 99.2%;right: 0;z-index: 1;}
.clsManagements .ADBcard__arc path {fill: #fff;d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");}
.clsManagements .card-front__bt img {margin-top: 0px;opacity: 0.5;}
.clsManagements .Team-sec img {width: 200px;height: 200px;filter: grayscale(0%);}
.clsManagements .Team-sec .modal {top: 110px;overflow: hidden;}
.clsManagements .modalteam .modal-content {border: none;background: none;border-radius: 6px;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.clsManagements .main {display: flex;flex-direction: column;justify-content: center;height: 400px;width: 100%;}
.clsManagements .card-area {align-items: center;display: flex;flex-wrap: nowrap;height: 100%;justify-content: space-evenly;padding: 1rem;}
.clsManagements .card-section {align-items: center;left: 60%;position: absolute;height: 400px;justify-content: center;width: 400px;transform: translate(-50%, 0%);top: 0;}
.clsManagements .card-section .card {background-color: transparent;width: 40rem;}
.clsManagements .flip-card {height: 400px;perspective: 100rem;position: absolute;right: 0;transition: all 1s ease;visibility: hidden;width: 500px;z-index: 100;}
.clsManagements .flip-card__container {height: 100%;position: absolute;right: 0;transform-origin: left;transform-style: preserve-3d;transition: all 1s ease;width: 100%;}
.clsManagements .flip-card > * {visibility: visible;}.card-front {background-color: #fafbfa;height: 400px;width: 500px;}
.clsManagements .card-front, .clsManagements .card-back {backface-visibility: hidden;height: 100%;left: 0;position: absolute;top: -6px;width: 100%;}
.clsManagements .card-front__tp--city {background-image: linear-gradient(45deg, #e32845 20%, #e32845 44%, #111d5e 85%, #111d5e 111%) !important;}
.clsManagements .card-front__tp {align-items: center;clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);display: flex;flex-direction: column;height: 12rem;justify-content: center;padding: .75rem;}
.clsManagements .card-front h2, .clsManagements .card-front__tp h4 {color: #ffffff}
.clsManagements .card-front__bt {align-items: center;display: flex;justify-content: center;}
.clsManagements .clsopen {transform: rotateY(-180deg);margin-left: 100px;}
.clsManagements .card-back {background-color: #fafbfa;transform: rotateY(180deg);}
.clsManagements .card-back:before {width: 16px;background: #111d5e;content: "";left: -15px;position: absolute;height: 300px;}
.clsManagements .card-back:after {width: 300px;background: #111d5e;content: "";top: -16px;left: -15px;position: absolute;height: 16px;}
.clsManagements .modalteam .imgg {width: 200px;margin-left: 150px;margin-top: 50px;margin-bottom:5px;height: 250px;border-radius: 0px 30px;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}
.clsManagements .Team-sec .card-back h5 {color: #e32845;font-size: 28px;margin-bottom: 5px;padding-bottom: 0px;text-align: center;}
.clsManagements .Team-sec .card-back p {color: #e32845;font-size: 24px;margin-bottom: 5px;padding-bottom: 0px;text-align: center;}
.clsManagements .inside-page {background-color: #fafbfa;box-shadow: inset 3rem 0px 5rem -2.5rem rgba(0, 0, 0, 0.25);height: 400px;padding: 1rem;position: absolute;right: 0;top: -5px;transition: all 1s ease;width: 500px;z-index: 1;}
.clsManagements .inside-page__container {align-items: center;display: flex;flex-direction: column;height: 344px;text-align: center;width: 100%;overflow: auto;}
.clsManagements .Team-sec .teamdetails-info {color: black;font-size: 16px;line-height: 1.4;margin: 0;position: relative;font-weight: 500;text-align: justify;margin-bottom: 10px;}
.clsManagements .Team-sec .teamdetails-info:before {content: "";position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #444EA0;left: -19px;top: 6px;}
.clsManagements .card-section:before {width: 16px;background: #e32845;content: "";bottom: -11px;right: -255px;position: absolute;height: 300px;}
.clsManagements .card-section:after {width: 300px;background: #e32845;content: "";bottom: -11px;right: -243px;position: absolute;height: 16px;}

.placement-area .company-slider .company-slider-card {display: flex;align-items: center;justify-content: center;padding: 15px;background: #fff;border-radius: 10px;}
.placement-area .company-slider .company-slider-card .img {width: 140px;height: 80px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.placement-area .company-slider .company-slider-card .img img {width: 100%;height: 100%;object-fit: contain;}

.clsPreloaderArea {position: fixed;z-index: 999999;width: 100%;height: 100%;left: 0;top: 0;text-align: center;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);background: rgba(17, 29, 94, 0.3);}
.clsPreloaderArea .spinner {width: 20em;height: 20em;position: absolute;left: 0;right: 0;top: 45%;transform: translateY(-45%);margin-left: auto;margin-right: auto;}
.clsPreloaderArea .spinner::before {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: -15px;border-radius: 50%;border: 2px dashed #ffffff;animation: spinWheel 0.1s linear infinite;}
.clsPreloaderArea .spinner img{margin-top: 45px;}

.clsImgStyle {height: 350px;width: 100%;object-fit: cover;border-radius: 12px;}

.clsLatestNews .events-content p {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;white-space: normal;cursor: pointer;}

@keyframes spinWheel {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


/*.news-bar {position: fixed;bottom: 0;left: 0;width: -webkit-fill-available;background: #111d5e;color: #fff;z-index: 9999;display: flex;align-items: center;height: 40px;font-family: 'Poppins', sans-serif;font-size: 14px;overflow: hidden;}
.news-label {background: #e32845;color: #fff;font-weight: bold;padding: 0 15px;height: 100%;display: flex;align-items: center;justify-content: center;}
.news-content {flex: 1;overflow: hidden;}
.news-content marquee {line-height: 40px;}
.news-content a {color: #fff;text-decoration: none;margin-right: 40px;}
.news-content a:hover {color: #e32845;text-decoration: underline;}*/
/* For mobile */
@media (max-width: 768px) {
    .news-bar {font-size: 12px;}
    .news-label {padding: 0 10px;}
}

/* Subtle entry animation */
@keyframes fadeIn {
    from {opacity: 0;transform: translateY(10px);}
    to {opacity: 1;transform: translateY(0);}
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .nav-tabs .nav-link {padding: 8px 18px;font-size: 15px;}
}

@media only screen and (max-width: 991px) {
    .clsowlnave{display:none !important}}

@keyframes marquee {
    0% {transform: translateX(0);}100% {transform: translateX(-100%);}
}
