:root {
   --primary-blue: #00008B;
   --primary-orange:   #FF7518;
   }
  
   .banner-img{
   height: 550px;
   width: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   }
   .campus-img{
   height: 180px;
   width: 250px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   }
   .campus-img-2{
   height: 100px;
   width: 220px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   }
   .campus-img img{
   height: 100%;
   width: 100%;
   border-radius: 12px;
   }
   .campus-img-2 img{
   height: 100%;
   width: 100%;
   border-radius: 12px;
   }
   @media(max-width:768px){
   .banner-img{
   height: 350px;
   width: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   }
   }
   @media(max-width:450px){
   .banner-img{
   height: 250px;
   width: 100%;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   }
   }
   .facility-card {
   transition: transform 0.3s ease;
   }
   .facility-card:hover {
   transform: scale(1.05);
   }
   .facility-icon {
   font-size: 3rem;
   color: #0d6efd;
   }
   .facility-card .card-title{
   color: white !important;
   text-transform: capitalize;
   font-size: large;
   line-height:1;
   }
   .testimonial-container .owl-nav{
   display: none !important;
   }
   .levels-section {
   padding: 60px 0;
   }
   .level-card {
   border: none;
   background: #fff;
   border-radius: 10px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   transition: transform 0.3s ease;
   }
   .level-card:hover {
   transform: translateY(-5px);
   }
   .level-img {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   height: 200px;
   object-fit: cover;
   }
   .level-title {
   font-size: 1.3rem;
   font-weight: bold;
   color: var(--primary-orange);
   }
   .level-text {
   color: #000;
   }
   .admission-section {
   background: var(--primary-blue);
   padding: 60px 0;
   text-align: center;
   color: #333;
   }
   .admission-section h2 {
   font-weight: bold;
   color: #fff;
   }
   .admission-section p {
   font-size: 1.1rem;
   margin-bottom: 30px;
   color: #fff;
   }
   .admission-btn {
   background:#fff;
   border: none;
   color: #000;
   font-size: 1.1rem;
   padding: 12px 30px;
   border-radius: 30px;
   transition: background 0.3s ease;
   }
   .admission-btn:hover {
   background-color: #e64a19;
   }
   .student-life-section {
   background-color: var(--primary-orange);
   padding: 60px 0;
   }
   .student-life-section h2 {
   color: #fff;
   font-weight: bold;
   margin-bottom: 30px;
   }
   .life-img {
   border-radius: 12px;
   width: 100%;
   height: 200px;
   object-fit: cover;
   box-shadow: 0 4px 8px rgba(0,0,0,0.1);
   }
   .life-caption {
   margin-top: 10px;
   font-weight: 600;
   text-align: center;
   color: #fff;
   }
   .campus-section {
   background-color: #f3f4f6;
   padding: 60px 0;
   }
   .campus-card {
   background-color: #fff;
   border-radius: 12px;
   box-shadow: 0 4px 10px rgba(0,0,0,0.1);
   padding: 20px;
   height: 100%;
   transition: transform 0.3s ease;
   }
   .campus-card:hover {
   transform: translateY(-5px);
   }
   .campus-img {
   width: 100%;
   height: 200px;
   object-fit: cover;
   border-radius: 10px;
   margin-bottom: 20px;
   }
   .campus-title {
   font-size: 1.5rem;
   color: #00796b;
   font-weight: 700;
   }
   .campus-address {
   color: #444;
   font-size: 1rem;
   margin-top: 10px;
   line-height: 1.6;
   }
   .text-custom{
   color: var(--primary-blue);
   }

     .bg-custom{
  background: var(--primary-orange);
  color: #fff;
   }