/********** Template CSS **********/
 :root { --primary: #0b2c6b; --light: #F0FBFC; --dark: #181d38; --bs-primary-rgb: 11, 44, 107; } 
.fw-medium { font-weight: 600 !important; } 
.fw-semi-bold { font-weight: 700 !important; }
 .back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99; } 
 /*** Spinner ***/ 
 #spinner { opacity: 0; visibility: hidden; transition: opacity .5s ease-out, visibility 0s linear .5s; z-index: 99999; } 
 #spinner.show { transition: opacity .5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } 
 /*** Button ***/ 
 .btn { font-family: 'Nunito', sans-serif; font-weight: 600; transition: .5s; } 
 .btn.btn-primary, 
 .btn-primary {
    background-color: red; /* Default Blue */
    border: none;
    transition: all 0.3s ease; /* Smooth transition */
}

.btn-primary:hover {
    background-color: red; /* Darker Blue on hover */
    transform: scale(1.05);   /* Slight zoom effect */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* Shadow effect */
}

 .btn.btn-secondary { color: #FFFFFF; }
  .btn-square { width: 38px; height: 38px; }
  .btn-sm-square { width: 32px; height: 32px; } 
  .btn-lg-square { width: 48px; height: 48px; }
   .btn-square, .btn-sm-square, .btn-lg-square
    { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 0px; } 
    /*** Navbar ***/ .navbar { background-color: #0b2c6b !important; } .navbar .navbar-brand h2, .navbar .nav-link { color: #ffffff !important; } .navbar .nav-link:hover, .navbar .nav-link.active { color: #ff6600 !important; 
        /* Light teal hover (optional, matches PAF-IAST) */ } /* Buttons */ .btn-primary { background-color: #0b2c6b !important; border-color: #0b2c6b !important; } .btn-primary:hover { background-color: #09255a !important; border-color: #061c45 !important; } 
        /* Section Titles */ .section-title { color: #0b2c6b !important; } /* Primary Text Color */ .text-primary { color: #0b2c6b !important; } .text-orange { color: #ff6600 !important; /* Bright Orange */ } /* Carousel Overlay (optional - makes slides darker blue) */ .carousel-caption { background: rgba(11, 44, 107, 0.6); /* Dark blue transparent overlay */ padding: 20px; border-radius: 8px; } 
        .navbar .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align: middle; margin-left: 8px; }
         .navbar-light .navbar-nav .nav-link { margin-right: 30px; padding: 25px 0; color: #FFFFFF; font-size: 15px; text-transform: uppercase; outline: none; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active { color: var(--primary); } @media (max-width: 991.98px) { .navbar-light .navbar-nav .nav-link { margin-right: 0; padding: 10px 0; } .navbar-light .navbar-nav { border-top: 1px solid #EEEEEE; } } 
         .navbar-light .navbar-brand, .navbar-light a.btn { height: 75px; } .navbar-light .navbar-nav .nav-link { color: var(--dark); font-weight: 500; } .navbar-light.sticky-top { top: -100px; transition: .5s; } @media (min-width: 992px) { .navbar .nav-item .dropdown-menu { display: block; margin-top: 0; opacity: 0; visibility: hidden; transition: .5s; } .navbar .dropdown-menu.fade-down { top: 100%; transform: rotateX(-75deg); transform-origin: 0% 0%; } .navbar .nav-item:hover .dropdown-menu { top: 100%; transform: rotateX(0deg); visibility: visible; transition: .5s; opacity: 1; } } /*** Header carousel ***/ @media (max-width: 768px) { .header-carousel .owl-carousel-item { position: relative; min-height: 500px; } .header-carousel .owl-carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; } } .header-carousel .owl-nav { position: absolute; top: 50%; right: 8%; transform: translateY(-50%); display: flex; flex-direction: column; } .header-carousel .owl-nav .owl-prev, .header-carousel .owl-nav .owl-next { margin: 7px 0; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; background: transparent; border: 1px solid #FFFFFF; font-size: 22px; transition: .5s; } .header-carousel .owl-nav .owl-prev:hover, .header-carousel .owl-nav .owl-next:hover { background: var(--primary); border-color: var(--primary); } .page-header { background: linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)), url(../img/carousel-1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .page-header-inner { background: rgba(15, 23, 43, .7); } .breadcrumb-item + .breadcrumb-item::before { color: var(--light); } /*** Section Title ***/ .section-title { position: relative; display: inline-block; text-transform: uppercase; } .section-title::before { position: absolute; content: ""; width: calc(100% + 80px); height: 2px; top: 4px; left: -40px; background: var(--primary); z-index: -1; } .section-title::after { position: absolute; content: ""; width: calc(100% + 120px); height: 2px; bottom: 5px; left: -60px; background: var(--primary); z-index: -1; } .section-title.text-start::before { width: calc(100% + 40px); left: 0; } .section-title.text-start::after { width: calc(100% + 60px); left: 0; } /*** Service ***/ .service-item { background: var(--light); transition: .5s; } .service-item:hover { margin-top: -10px; background: var(--primary); } .service-item * { transition: .5s; } .service-item:hover * { color: var(--light) !important; } /*** Categories & Courses ***/ .category img, .course-item img { transition: .5s; } .category a:hover img, .course-item:hover img { transform: scale(1.1); } /*** Team ***/ .team-item img { transition: .5s; } .team-item:hover img { transform: scale(1.1); } /*** Testimonial ***/ .testimonial-carousel::before { position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 0; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .testimonial-carousel::after { position: absolute; content: ""; top: 0; right: 0; height: 100%; width: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); z-index: 1; } @media (min-width: 768px) { .testimonial-carousel::before, .testimonial-carousel::after { width: 200px; } } @media (min-width: 992px) { .testimonial-carousel::before, .testimonial-carousel::after { width: 300px; } } .testimonial-carousel .owl-item .testimonial-text, .testimonial-carousel .owl-item.center .testimonial-text * { transition: .5s; } .testimonial-carousel .owl-item.center .testimonial-text { background: var(--primary) !important; } 
.testimonial-carousel
 .owl-item.center 
 .testimonial-text * { color: #FFFFFF !important; } 
 .testimonial-carousel 
 .owl-dots { margin-top: 24px; display: flex; align-items: flex-end; justify-content: center; } 
 .testimonial-carousel
  .owl-dot { position: relative; display: inline-block; margin: 0 5px; width: 15px; height: 15px; border: 1px solid #CCCCCC; transition: .5s; } .testimonial-carousel .owl-dot.active { background: var(--primary); border-color: var(--primary); }
   /*** Footer ***/ .footer .btn.btn-social { margin-right: 5px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color: var(--light); font-weight: normal; border: 1px solid #FFFFFF; border-radius: 35px; transition: .3s; } .footer .btn.btn-social:hover { color: var(--primary); } .footer .btn.btn-link { display: block; margin-bottom: 5px; padding: 0; text-align: left; color: #FFFFFF; font-size: 15px; font-weight: normal; text-transform: capitalize; transition: .3s; } .footer .btn.btn-link::before { position: relative; content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; } .footer .btn.btn-link:hover { letter-spacing: 1px; box-shadow: none; } .footer .copyright { padding: 25px 0; font-size: 15px; border-top: 1px solid rgba(256, 256, 256, .1); } .footer .copyright a { color: var(--light); } .footer .footer-menu a { margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(255, 255, 255, .1); } .footer .footer-menu a:last-child { margin-right: 0; padding-right: 0; border-right: none; }
   .footer-heading {
    color: #ff6600 !important; /* Orange for Quick Link, Contact, Gallery, Newsletter */
}
 .btn-social i {
        color: #ff6600 !important;
    }
    
    .page-header {
            background: linear-gradient(rgba(11, 44, 107, 0.7), rgba(11, 44, 107, 0.7)), 
 url(../img/about\ campus.jpg)  repeat;
    background-size: cover;
    background-attachment: fixed;

    
}
.team-item img {
  width: 250px;   /* fixed width */
  height: 300px;  /* fixed height */
  object-fit: cover; /* pura image fit karega, crop nahi hoga */
  background-color: #f8f9fa; /* khali jagah fill karne ke liye */
}
.team-item {
  text-align: center; /* Center text below image */
  padding: 15px; /* thoda padding */
}