@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

  body {
      font-family: poppins, sans-serif !important;
  }

  /* divider line hr start */
  .divider-line {
      height: 1px;
      background-color: #231E54;
  }

  /* heading */
  .main-headings {
      text-align: center;
      padding-top: 2rem;
      padding-bottom: 2rem;
  }

  /* divider line hr end */

  .poppins-thin {
      font-family: "Poppins", sans-serif;
      font-weight: 100;
      font-style: normal;
  }

  .root-heading {
      font-size: 28px !important;
  }

  /* request inf home page */
  .dlab-tilte {
      background: linear-gradient(90deg, rgba(35, 30, 84, 1) 0%, rgba(154, 52, 41, 1) 100%);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      background-clip: text;
      color: transparent;

      font-weight: 700;
  }

  .root-color {
      /* color: #231E54 !important; */
      background: linear-gradient(90deg, rgba(35, 30, 84, 1) 0%, rgba(154, 52, 41, 1) 100%);

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      background-clip: text;
      color: transparent;

      font-weight: 700;
  }

  .active {
      color: #231E54 !important;
  }

  /* //////////////////////////// */
  /* top address bar============== */
  .top-address {
      /* background-color: #717171b5;  */
      padding: 5px 0 5px 0;
  }

  /* nabar contact bg color------------- */

  .radius-no {
      background-color: #231E54 !important;

  }

  .box-header .extra-nav .site-button:after {
      background-color: #231E54 !important;

  }

  .main-heading {
      color: #ec1e26 !important;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
  }

  /* nav bg  */


  .logo-header {
      position: relative;
  }

  .logo-header img {
      position: absolute;
      z-index: 9;
      width: 120px;
      height: 120px;
      transform: translateY(-20%);
      padding: 6px;
      border-radius: 50%;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

  }



  /* footer logo */
  .logo-footer img {
      /* position: absolute; */
      /* z-index: 9; */
      width: 120px;
      height: 120px;
      /* transform: translateY(-20%); */
      padding: 6px;
      border-radius: 50%;
      box-shadow: rgba(255, 255, 255, 0.35) 0px 5px 15px;

  }

  .top-bar {
      /* background-color: #231E54 !important; */
      background: #231E54;
      background: linear-gradient(90deg, rgba(35, 30, 84, 1) 0%, rgba(154, 52, 41, 1) 100%);

  }

  .pera {
      text-align: center;
      font-weight: 500;
      padding: 0 15px 0 15px;
  }


  @media only screen and (min-width: 320px) and (max-width: 430px) {
      .pera {
          text-align: justify !important;
      }
  }

  @media only screen and (max-width: 420px) {
      .bt-btn {
          flex-direction: column !important;
          justify-content: center;
          align-items: center;
      }

      .my-gb {
          row-gap: 1.5rem;
      }

      .crd {
          margin: 1.5rem 0 1.5rem 0;
      }

      .my-lazy {
          max-height: 92% !important;
      }

      .mb-screen {
          text-align: justify !important;
      }
  }

  .bg-nav {
      background-color: white !important;
      box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  }



  /* --------------fees page ----------------- */
  /* table striping override */
  .table-sp {
      border: 2px solid #FCD00B;
      border-collapse: collapse;
      cursor: pointer;
  }

  .table-sp th {

      background-color: #231E54 !important;
      color: white !important;
      text-transform: uppercase;
  }

  .table-sp th,
  .table-sp td {
      border: 2px solid #231E54;
      color: #231E54;
  }

  .table-sp tr:hover {
      background-color: #231e5454;
      transition: 1s ease;
  }


  /* all list sub headings */
  .sub-heading {
      color: #FCD00B;
      text-align: start;
  }




  /* /////////////////////// */
  /* -------Home Page Miduum Of Education 3 Crads ------ */
  .la la-book {
      color: white !important;
  }

  /* /* about-area-one */
  .about-area-one .icon-bx-wraper {
      margin-top: -118px !important;
  }

  /* about us section */
  .clr {
      color: #6f6f6f;

  }

  /* Images ko ratio dene ke liye */
  .ratio-16-9 {
      width: 100%;
      aspect-ratio: 16 / 9;
      object-fit: cover;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  .ratio-1-1 {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  /* Experience box ko image ke barabar square rakhne ke liye */
  .ratio-1-1-box {
      width: 100%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-radius: 10px;
      padding: 20px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  /* Responsive adjustment for Mobile */
  @media (max-width: 768px) {

      .img-Ratio .col-md-7,
      .img-Ratio .col-md-5 {
          width: 50%;
          float: left;
      }
  }

  /* /////////////////////////////////////////////////////////// */
  /* ///Home Page Facilites Section */
  .content-inner {
      padding-top: 10px !important;
      padding-bottom: 30px !important;
  }

  /* ///////////////////////////////////// */
  .event-cards {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-radius: 20px;
  }


  /* ========Admission Home Page ============= */
  .admissios-card {
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
      border-radius: 20px;
  }

  /* =============Gallery Home page======= */
  .gallery-img {
      border-radius: 15px;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }

  /* ======================================= */
  /* ///////gallery page /////////////////////// */
  .dez-if {
      padding: 12px !important;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
      border-radius: 0 0 10px 10px !important;

  }


  /* facilities section */
  .my-lazy {
      max-height: 89%;
  }

  /*  */
  .my-btn {
      background-color: #ec1e26;
  }

  /* About us mission vision ------------------ */
  .my-content h5 {
      color: white !important;
  }

  .my-content p {
      color: white !important;
  }

  .card-tow {
      border: 5px solid white !important;

  }





  /* /////////////////////////////////// */
  /* admmision===================== */
  .my-ads {
      background-color: rgba(35, 30, 84, 0.182) !important;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
      border-radius: 15px !important;
      font-weight: 500;
  }


  /* activity page img ================= */
  .activity-img {
      border: 3px solid #FCD00B;

  }

  .activity-border {
      border: 1px solid #FCD00B;
      border-radius: 10px;
      padding-top: 20px;
  }

  /* ============================ */
  /* Acadmic Calender */
  .custom-table {
      width: 100%;
      border-collapse: collapse;
      cursor: pointer;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
  }

  .custom-table td {
      border: 1px solid #FCD00B;
      padding: 10px;
  }

  .custom-table tr:hover td {
      background-color: #ffe5e7;
      color: black;
      /* box-shadow:inset #ec1e26 0px 5px 20px !important; */
      font-weight: 500;

  }

  .custom-table tr:nth-child(odd) {

      background-color: #f2f2f2;
  }

  .custom-table tr:nth-child(even) {
      background-color: #ffffff;
  }

  /* ---------------------------- */
  /* contact us ================== */


  .bdr {
      border-radius: 15px;

  }

  .contact-h {
      color: white !important;
  }

  /* H5 hover color black */
  .seth:hover .contact-h {
      color: #000 !important;
      transition: 0.3s;
  }

  .bdr-one {
      border: 4px solid #231E54 !important;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
      background-color: #231E54 !important;
      color: white !important;
  }

  .bdr-one .ti-location-pin {
      color: white !important;
  }

  .bdr-one:hover {
      background-color: rgba(35, 30, 84, 0.197) !important;
      cursor: pointer !important;
      color: black !important;
  }



  .bdr-tow {
      border: 4px solid #FCD00B !important;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
      background-color: #FCD00B !important;
      color: white;
  }

  .bdr-tow:hover {
      background-color: rgba(255, 174, 0, 0.197) !important;
      cursor: pointer !important;
      color: black !important;
  }

  .bdr-three {
      border: 4px solid #ec1e26 !important;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
      background-color: #9A3429 !important;
      color: white;
  }



  .bdr-three:hover {
      background-color: rgba(236, 30, 37, 0.197) !important;
      cursor: pointer !important;
      color: black !important;
  }

  .my-btn {
      background-color: #231E54;

  }

  .btnhover6:hover {
      background-color: #fcd00b 2px solid !important;
  }



  /* ====================================== */
  /* ////Home Section Events 3 cards  */

  /* cards height */
  .card-container .widget {
      height: 87% !important;
      /* border: 2px solid yellow; */

  }

  .card-container .widget:hover {
      border: 2px solid #D18109;
      transition: .5s ease;
      cursor: pointer;
  }

  .card-container .widget .widget-project-box {
      height: 85%;
      /* border: 2px solid red; */

  }

  .card-container .widget .widget-project-box .img {

      height: 80% !important;
      /* border: 2px solid green; */
  }

  .card-container .my-img img {

      max-height: 299px !important;
      /* border: 2px solid blue; */
  }

  /* Facebook iframe ko bhi height do */
  .card-container .widget .widget-project-box .fb iframe {
      /* width: 100%; */
      max-height: 294px;


  }


  /* ///////////////////////////////////////// */
  /* ======About  Section Messages Section */
  .teacher-bg {
      background-color: #231E54;
      color: white;

      border-top: 1px solid #FCD00B;
  }

  .teacher-bg h4 {
      color: white;
  }

  .img-bdr {
      border-radius: 15px 15px 0 0;
  }

  .teachers-info {
      border-radius: 0 0 15px 15px;
  }

  /* ================================ */
  /* Contact Page ----------------- */


  .input-bdr {
      border: 1px solid #ffad00;
      border-radius: 5px;

  }

  .input-bdr input:hover {
      background-color: #ec1e251f !important;
      transition: .5s ease !important;
      cursor: pointer;
  }

  .input-bdr textarea:hover {
      background-color: #ec1e251f !important;
      transition: .5s ease !important;
      cursor: pointer;
  }


  /* //////////////admission form on mobile screen */
  /* Desktop settings: Hide hamburger by default */
  .hamburger {
      display: none;
      cursor: pointer;

  }

  /* Sidenav default state (Off-screen left) */

  .sidenav {
      height: 85%;
      width: 250px;
      position: fixed;
      z-index: 1000;
      top: 0;
      left: 0;
      background-color: green;
      transition: 0.4s;
      transform: translateX(-100%);
      overflow: hidden;
      overflow-y: scroll;
      margin-top: 80px;
      text-align: justify;
      border: 5px solid white;
      border-radius: 15px;
  }

  /* Jab menu open ho */
  .sidenav.active {
      transform: translateX(0);
  }

  .sidenav a {

      padding: 15px 30px;
      text-decoration: none;
      font-size: 22px;
      color: white;
      display: block;
  }

  .sidenav .closebtn {
      position: absolute;
      top: 10px;
      right: 25px;
      font-size: 36px;
  }

  /* Responsive: 768px se niche show hoga */

  @media screen and (max-width: 768px) {
      .hamburger {
          display: block;
          padding: 10px;
      }

      .hamburger span {
          display: block;
          width: 25px;
          height: 3px;
          background: #333;
          margin: 5px 0;
      }
  }



  /* ========================== */
  /* ===== saprators========== */
  .dlab-separator.style-skew,
  .dlab-separator.style-skew::after {
      background-color: #231E54 !important;
      background-color: #231E54 !important;
  }

  /* //////////////////////// */
  /* Our Facilites========== */

  .dlab-team1 {
      position: relative;
      overflow: hidden;
      height: 350px;
      border-radius: 15px;
  }


  .dlab-team1 .dlab-media {
      height: 100%;

  }

  .dlab-team1 .dlab-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }


  .dlab-team1 .dlab-info {
      position: absolute;
      bottom: 18px;
      left: 0;
      width: 100%;
      background: rgba(35, 30, 84, 0.9);
      padding: 10px;
      transition: all 0.5s ease;
      transform: translateY(86%);
      text-align: center;


  }


  .dlab-team1:hover .dlab-info {
      transform: translateY(0);

      /* background:rgba(35, 30, 84, 0.594);  */
      background: #231E54;
      background: linear-gradient(90deg, rgba(35, 30, 84, 1) 0%, rgba(154, 52, 41, 1) 100%);

      /* =========== */
      /* max-height: 50% !important; */
  }


  .dlab-team1 .dlab-info p {
      opacity: 0;
      transition: all 0.5s ease;
      margin-top: 15px;
      color: #fff;
  }


  .dlab-team1:hover .dlab-info p {
      opacity: 1;
  }


  .dlab-team1 .dlab-title a,
  .dlab-team1 .dlab-info a {
      color: #fff !important;
  }

  .dlab-team1 .dlab-info a:hover {
      color: rgb(91, 91, 165) !important;
      background-color: rgba(245, 245, 245, 0.549);
      border-radius: 10px 10px 10px 10px;
      padding: 2px 10px 2px 10px;
      transition: 1s ease;
  }


  /* messages --------- text */
  .message-text {
      color: #231E54 !important;

  }

  /* =============Request info 3 cards in home page ======= */
  .icon-lg {
      background: white;

      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;

      background-clip: text;
      color: transparent;

      font-weight: 500;
  }

  /* events home page cards */

  /* Owl Carousel Dots White Color */
  .events .owl-dots .owl-dot span {
      background: white !important;
      opacity: 0.5;
  }

  .events .owl-dots .owl-dot.active span,
  .events .owl-dots .owl-dot:hover span {
      background: white !important;
      opacity: 1;
  }


  /* White Dots for Owl Carousel */
  .widget-project-box .owl-dots .owl-dot span {
      background: #fff !important;
      opacity: 0.5;
  }

  .widget-project-box .owl-dots .owl-dot.active span,
  .widget-project-box .owl-dots .owl-dot:hover span {
      background: #fff !important;
      opacity: 1;
  }

  /* Admission cards icons o home page  */


  /* Force Icon Color Change */
  .admissios-card .icon-cell i {
      color: #231E54 !important;
      -webkit-text-fill-color: #231E54 !important;
  }


  /* About sections crads ========== */
  .abt-cards h5 {
      color: white !important;
  }

  /* =================================== */
  /* Top banner img background size  breadcrumb */


  .top-banner .container-lg {
      position: relative;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      overflow: hidden;
  }

  /* Dark Overlay */
  .top-banner .container-lg::before {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(0, 0, 0, 0.5); */
      z-index: 1;
  }

  /* Center Content */
  .banner-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      text-align: center;
      width: 100%;
      padding: 0 15px;
  }

  .banner-content h2 {
      color: #fff;
      font-size: 48px;
      font-weight: 700;
      margin-bottom: 10px;
  }

  .banner-content p {
      color: #fff;
      font-size: 18px;
      margin: 0;
  }

  .banner-content p a {
      color: #fff;
      font-size: 18px;
      margin: 0;
  }

  @media(max-width:768px) {
      .banner-content h1 {
          font-size: 32px;
      }

      .banner-content p {
          font-size: 16px;
      }
  }

  .container-lg {
      position: relative;
      background-image: url("../images/banner/Breadcrumb/B2.jpeg");
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      min-height: 288px;
      z-index: 1;
  }

  .container-lg::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      /* black overlay */
      z-index: 2;
  }