body {
   margin: 0;
   font-family: Arial, sans-serif;
 }

 /* Banner */
 .banner {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding: 10px 45px;
   background-color: #2f3b6d;
   border-bottom: 2px solid #ccc;
 }

 .logo {
   height: 60px;
 }

 .text-section {
   flex: 1;
   text-align: center;
 }

 /* .dropdown-toggle::after {
   display: none;
 } */

 .text-section h1 {
   font-size: 18px;
   margin: 0;
 }

 .text-section p {
   font-size: 13px;
   margin: 2px 0;
 }

 .certifications {
   display: flex;
   gap: 8px;
   flex-wrap: nowrap;
 }

 .certifications img {
   height: 35px;
 }

 /* Navbar */
 .navbar {
   background-color: white;
 }

 .navbar-nav .nav-link {
   color: #dddddd;
   padding: 10px 15px;
 }

 .navbar-nav .nav-link:hover {
   background-color: #333333;
   color: #ffffff;
   border-radius: 5px;
 }

 /* Hero Section */
 .hero-section {
   background-image: url(../baner2.jpg);
   height: 300px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 .hero-section .overlay {
   /* background-color: rgba(0, 0, 0, 0.5); */
   /* background-image: url(baner.jpg ); */
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
 }

 .hero-content {
   position: relative;
   z-index: 2;
 }

 .tag-top-left {
   position: absolute;
   top: 20px;
   left: 20px;
   background-color: rgba(33, 37, 41, 0.85);
   padding: 5px 10px;
   border-radius: 5px;
   font-size: 11px;
   /* color: black; */
 }

 .btn-custom {
   padding: 10px 20px;
   border-radius: 8px;
   font-weight: bold;
   margin: 10px;
 }

 .read-btn {
   /* border: 2px solid black; */
   background: transparent;
   padding: 6px 16px;
   color: white;
   font-size: 16px;
   font-weight: 500;
   background-color: #ff9c00;

 }

 .read-btn a {
   text-decoration: none !important;
 }

 .read-btn:hover {
   background-color: black;
   color: white;
 }

 footer {
   background-color: #0b2a52;
 }

 footer h5 {
   color: #fff;
 }

 footer ul li {
   color: #f2f2f2;
   margin-bottom: 13px;
 }

 @media (max-width: 768px) {
   .text-section h1 {
     font-size: 16px;
   }

   .contact-info {
     margin-left: 0px !important;
     color: white;
   }

   .navbar-nav .nav-link {
     color: black;
     padding: 9px 15px !important;
   }

   .text-section p {
     font-size: 12px;
   }

   .certifications img {
     height: 30px;
   }

   .key-about {
     width: 100%;
     height: 229px !important;
     border: solid #ff9c00 4px;
     padding: 15px;
     margin-bottom: 20px;
   }

   .key-links {
     width: 100%;
     height: 313px !important;
     border: solid #ff9c00 4px;
     padding: 15px;
     margin-bottom: 20px;
   }
 }

 body {

   background-color: #f9f9f9;
 }

 .navbar {
   background-color: white;
 }

 .navbar-nav .nav-link {
   color: black;
   padding: 0px 15px;
 }

 .navbar-nav .nav-link:hover {
   background-color: #333333;
   color: #ffffff;
   border-radius: 5px;
 }

 .sidebar-box {
   background-color: #f5f5f5;
   padding: 20px;
   margin-bottom: 20px;
   border-radius: 10px;
 }

 .sidebar-box img {
   border-radius: 50%;
   max-width: 120px;
 }

 footer {
   background-color: black !important;
 }


 footer p i {
   color: #ff9c00;
   padding-right: 5px;
 }

 /* Dropdown container */
 /* .dropdown {
   position: relative;
   display: inline-block;
 } */

 /* Dropdown menu (hidden by default) */
 /* .dropdown-menu {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 200px;
   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
   z-index: 999;
 } */

 /* Dropdown items */
 /* .dropdown-item {
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
 } */

 /* Show dropdown menu on hover */
 /* .dropdown:hover .dropdown-menu {
   display: block;
 } */

 /* Change color on hover */
 /* .dropdown-item:hover {
   background-color: #f1f1f1;
 } */

 /* Divider line */
 /* .dropdown-divider {
   height: 1px;
   background-color: #ddd;
   margin: 4px 0;
 } */

 .dropdown-menu.show {
   display: block;
   left: -141px !important;
 }

 .key-about {
   width: 100%;
   height: 300px;
   border: solid #ff9c00 4px;
   padding: 15px;
   margin-bottom: 20px;
 }

 .key-links {
   width: 100%;
   height: 400px;
   border: solid #ff9c00 4px;
   padding: 15px;
   margin-bottom: 20px;
 }

 .key-links ul li a {
   color: black;
   text-decoration: none;
 }

 .key-links ul li {
   list-style: none;
   padding-bottom: 8px;

 }

 .key-links ul {
   padding-left: 5px;
 }

 .key-links hr {
   padding-top: 10px;
   padding-bottom: 5px;
   margin: 0px 0px;
 }

 .key-contact {
   width: 100%;
   height: 200px;
   border: solid #ff9c00 4px;
   padding: 15px 10px;
   margin-bottom: 20px;
 }


 .key-contact p a {
   color: black;
   text-decoration: none;
 }

 .text-justify {
   text-align: justify;
 }

 .academic-div {
   width: 100%;
   height: 90px;
   border: solid #ff9c00 4px;
   border-radius: 15px;
   margin-bottom: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   text-align: center;
   justify-content: center;
   padding: 5px;
 }

 .academic-div h4 {
   font-size: 19px;
 }

 .bg-light {
   background-color: #efebeb !important;
 }

 .card-br {
   border: solid red 2px;
 }

 .contact-info span {
   margin-left: 20px;
 }

 .admission-header {
   background-color: #ff9c00;
   color: white;
   padding: 2rem 0;
   margin-bottom: 2rem;
 }

 .document-card {
   border-left: 4px solid #ff9c00;
   transition: transform 0.3s;
   margin-bottom: 1rem;
 }

 .document-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }

 .process-steps {
   counter-reset: step-counter;
   list-style: none;
   padding-left: 0;
 }

 .process-steps li {
   position: relative;
   padding-left: 3rem;
   margin-bottom: 1.5rem;
   counter-increment: step-counter;
 }

 .process-steps li:before {
   content: counter(step-counter);
   position: absolute;
   left: 0;
   top: 0;
   background-color: #ff9c00;
   color: white;
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
 }

 .btn-apply {
   background-color: #ff9c00;
   color: white;
   padding: 0.75rem 2rem;
   font-weight: 600;
 }

 .btn-apply:hover {
   background-color: #ff9c00;
   color: white;
 }

 .benefit-card {
   border: none;
   border-radius: 10px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   transition: all 0.3s ease;
   height: 100%;
   border-left: 4px solid #ff9c00;
 }

 .benefit-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }

 .benefit-icon {
   font-size: 2.5rem;
   color: #ff9c00;
   margin-bottom: 1rem;
 }

 .section-title {
   position: relative;
   display: inline-block;
   margin-bottom: 2rem;
 }

 .section-title:after {
   content: '';
   position: absolute;
   width: 50%;
   height: 3px;
   background: #ff9c00;
   bottom: -10px;
   left: 25%;
 }

 .highlight-box {
   background-color: #f8f9fa;
   border-radius: 10px;
   padding: 2rem;
   border: 1px solid #e9ecef;
 }


 .key-baner-div {
   width: 100%;
   height: 350px;
   margin-bottom: 30px;
 }

 .key-baner-div img {
   width: 100%;
   height: 100%;
   margin-bottom: 30px;
 }



 .tabl-header {
   background-color: #343a40 !important;
   color: white;
 }

 .section-header {
   background-color: #f8f9fa;
   font-weight: bold;
 }

 .highlight-cell {
   background-color: #e9ecef;
 }

 table {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }




 .admission-section {
   max-width: 1000px;
   margin: 40px auto;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }

 .header-banner {
   background-color: #ff9e04;
   color: white;
   padding: 30px;
   border-radius: 8px 8px 0 0;
 }

 .content-card {
   border: 1px solid #e0e0e0;
   border-radius: 0 0 8px 8px;
   padding: 30px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 .highlight-box {
   background-color: #f8f9fa;
   border-left: 4px solid #1a5276;
   padding: 20px;
   margin: 20px 0;
 }

 .document-list {
   list-style-type: none;
   padding-left: 0;
 }

 .document-list li {
   padding: 8px 0;
   padding-left: 30px;
   position: relative;
 }

 .document-list li:before {
   content: "\f00c";
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   color: #1a5276;
   position: absolute;
   left: 0;
 }

 .apply-btn {
   background-color: #1a5276;
   color: white;
   font-weight: bold;
   padding: 12px 30px;
   border: none;
   border-radius: 4px;
   transition: all 0.3s;
 }

 .apply-btn:hover {
   background-color: #154360;
   transform: translateY(-2px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .website-link {
   color: #1a5276;
   font-weight: bold;
   text-decoration: none;
 }

 .website-link:hover {
   text-decoration: underline;
 }

 .section-divider {
   border-top: 2px dashed #1a5276;
   margin: 30px 0;
   opacity: 0.3;
 }

 .fs {
   font-size: 35px;
 }

 .school-table .table-header {
   background-color: red !important;
 }


 .table-header>tr>th {
   background-color: #ff9c00;
 }

 .table-bordered>tr>th {
   background-color: #ff9c00;
 }


 .contact-info {
   margin-left: 604px;
   color: white;
 }



 .contact-info i {
   color: #ff9c00;
 }

 .flogo {
   width: 100%;
   height: 100px;
   margin-bottom: 15px;
 }

 .flogo img {
   width: 100%;
   height: 100%;
 }


 /* onnn */
 .ptb-20 {
   padding-top: 10px;
   padding-bottom: 30px;
 }


 .brochures-prgs {
   cursor: pointer;
   border-top: 4px solid #ff9c00;
   ;
   border-left: 3px solid #ff9c00;
   ;
   padding: 11px;
   color: #373333;
   border-radius: 9px;
   background: #d3d3d336;
   font-size: 16px;
   margin-bottom: 15px;
   position: relative;
 }

 .disp {
   display: none;
   padding: 20px;
 }


 .rotate {
   transform: rotate(180deg);
 }

 .brochures-prgs .fa {
   font-size: 18px;
   right: 0;
   position: absolute;
   padding: 10px;
   border-radius: 6px;
   margin-top: -7px;
   margin-right: 6px;
   background: #ff9c00;
   color: #fff;
 }

 .trin-trin {
   animation-name: trin;
   animation-duration: 1.8s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
 }

 @keyframes trin {
   from {
     transform: rotate3d(0, 0, 1, 0deg);
   }

   20%,
   32%,
   44%,
   56%,
   68% {
     transform: rotate3d(0, 0, 1, 0deg);
   }

   23%,
   35%,
   47%,
   59%,
   71% {
     transform: rotate3d(0, 0, 1, 12deg);
   }

   26%,
   38%,
   50%,
   62%,
   74% {
     transform: rotate3d(0, 0, 1, 0deg);
   }

   29%,
   41%,
   53%,
   65%,
   77% {
     transform: rotate3d(0, 0, 1, -12deg);
   }

   80% {
     transform: rotate3d(0, 0, 1, 0deg);
   }
 }

 /* onnn */

 /* -funnels-Css--- */
 /*mobile footer css starts*/

 .navbar-footer a {
   float: left;
   display: none;
   width: 25%;
   color: #fff;
   text-align: center;
   padding: 25px 22px 38px 20px;
   text-decoration: none;
   font-size: 21px;
   /* margin-right: 22px;
    margin-left: 21px; */
 }

 .navbar-footer a:hover {
   background: #F1F1F1;
   color: black;
 }

 .w_app>i {
   color: #fff;
 }

 .w_app {
   background-color: #28A745;
 }

 .e_mail>i {
   color: #fff;
 }

 .e_mail {
   background-color: #DC3545;
 }

 .ems_call>i {
   color: #fff;
 }

 .ems_call {
   background-color: #007BFF;
 }

 .ems_enquiry>i {
   color: #fff;
 }

 .ems_enquiry {
   background-color: #FFC107;
 }

 .upside {
   display: none;
 }

 .mobile-hidden i {
   color: white;
 }

 @media screen and (min-width :315px) and (max-width :768px) {
   .upside {
     display: block;
   }

   .funnal-mobile {
     display: none !important;
   }

   .mobile-footer {
     display: block !important;
   }

   .social-mobile li a .fa {
     display: none;
   }

   .navbar-footer {
     overflow: scroll;
     z-index: 9999999 !important;
     background-color: #ccc;
     position: fixed;
     bottom: -16px;
     width: 100%;
   }

   .navbar-footer a:hover {
     background: #f1f1f1;
     color: black;
   }

   .main {
     padding: 0px;
     margin-bottom: 54px;
   }

   .navbar-footer {
     display: block !important;
   }

 }

 .mobile-hidden a {
   font-size: 16px;
 }

 /* mobile footer css end*/
 @media only screen and (max-width:768px) {


   .mobile-hidden {
     display: none !important;
   }

   .tab {
     margin: 4px 4px !important;
   }

   .brochures-prgs .fa-plus {
     margin-right: 30px !important;
   }
 }

 /* Funnel css start */
 .btn-success {
   color: #fff !important;
   background-color: #5cb85c;
   border-color: #4cae4c;
   padding: 15px 30px;
 }

 .btn-success:hover {
   color: #fff;
   background-color: #449d44;
   border-color: #398439
 }

 .btn-danger {
   color: #fff !important;
   background-color: #d9534f;
   border-color: #d43f3a;
   padding: 15px 30px;
 }

 .btn-danger:hover {
   color: #fff;
   background-color: #c9302c;
   border-color: #ac2925
 }

 .btn-warning {
   color: #fff !important;
   background-color: #f0ad4e;
   border-color: #eea236;
   padding: 15px 30px;
 }

 .btn-warning:hover {
   color: #fff;
   background-color: #ec971f;
   border-color: #d58512
 }

 /* .btn-primary {
      color: #fff!important;
      background-color: #0084bd;
      border-color: #0d668d;
      padding: 15px 30px;
    }
    .btn-primary:hover {
      color: #fff;
      background-color: #0d668d;
      border-color: #204d74
    } */
 .pb-20 {
   padding-top: 10px;
   padding-bottom: 30px;
 }


 /* .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        right: 0px !important;
    } */

 .list-unstyled a {
   color: white;
   text-decoration: none;
 }


 .f-icn {
   display: flex;
   gap: 15px;
   font-size: 23px;

 }

 .f-icn a {
   color: #ff9c00;
 }


 .enq-btn {
   width: 100px;
   height: 35px;
   background-color: #ff9c00;
   border: none;

 }

 .enq-btn a {
   color: white;
   font-weight: 400px;
   text-decoration: none;
 }

 .enq-btn2 {
   width: 150px;
   height: 35px;
   background-color: #ff9c00;
   border: none;
   color: white;

 }

 .form-group
 {
  margin-bottom: 20px;
 }




 /* -funnels-Css-Ends--- */


 /* mannual links */
 .mannual-links-sec {
    padding: 30px 0px;
    /* width: 90%; */
    /* max-width: 900px; */
    margin: 0 auto;
}

.mannual-links-sec h3 {
    text-align: center;
    margin-bottom: 30px;
}

.mannual-links-sec .mannual-links-div {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.mannual-links-sec .mannual-links-div p {
    background-color: #ff9c00;
    border-radius: 5px;
    padding: 4px 10px;
}

.mannual-links-sec .mannual-links-div p a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

@media (max-width: 768px) {

    .mannual-links-sec .mannual-links-div {
        gap: 20px;
    }

    .mannual-links-sec .mannual-links-div p {
        padding: 9px 11px;
    }
}