body {
  font-family: "Poppins", sans-serif;
  color: #0c0c0c;
  background-color: #ffffff;
  overflow-x: hidden;
}
 @media only screen and (min-width: 200px) and (max-width: 767px)  {
     .navbar{ height: 40px;}
     button.navbar-toggler{ position: absolute;right: 0px;top: 0px;}
     .navbar-brand{ top: 25px !important;left: -25px;}
     .navbar-collapse.show{ background: #000;margin-top: 32px;z-index: 2;}
     .navbar-toggler:focus{ box-shadow: 0 0 0 0rem !important;}
     .top-bar .col-md-2{width: 50%;float: left;text-align:center !important;}
     .top-bar .col-md-2 a{ font-size:14px;}
     .navbar-brand img { width: 250px !important;}
     .slider_section { padding: 12px 0 0px 0 !important;}
     .custom_nav-container .navbar-nav .nav-item.active .nav-link, .custom_nav-container .navbar-nav .nav-item:hover .nav-link{ color: #ffffff !important;}
     .slider_section .carousel-item{ height:250px !important;}
     .custom_nav-container .navbar-nav .nav-item.active .nav-link, .custom_nav-container .navbar-nav .nav-item:hover .nav-link{ color:#FFF !important;}
     .custom_nav-container .navbar-nav .nav-item .nav-link{ color:#FFF !important;}
 }
 h1, h2, h3, h4,h5, h6{
       font-family: "Playfair Display", serif;
 }
  @media only screen and (min-width: 768px) and (max-width: 1800px)  {
      .navbar-collapse .mx-auto{ margin-right:0px !important;}
      .navbar{ padding: 20px 0px !important;}
  }
.top-bar{
  /*  background: #322a61; */
    background: #6e202e;
    padding: 5px 0px;
}
.key-h h1{
    text-align:center;
}
.pp-4{
    /*padding:0 20px 0px 0px;*/
}
.program-o p{
   
    text-align:justify !important;
}

.footer-top{
    background:#000;
    padding-block: 50px 0px;
    box-shadow: inset 0px 2px 0px 0px #FFF;
}
.footer-top .title{ 
    text-align: center;
    color: #FFF;
    border-bottom: 1px solid #8d8d8d;
    padding-bottom: 10px;
}
.footer-top .social_box a{ background: #FFF;color: #000;padding: 5px 10px;border-radius: 5px;}
.footer-top .contact_info p{ color: #dadada;}
.footer-top .contact_info a{ color: #dadada; text-decoration: none;}
.top-bar a, .top-bar a:hover{ color:#FFF;text-decoration: none;font-weight: 600;}
.footer-top .footer-menu{ padding-left: 0px;}
.footer-top .footer-menu li{ list-style: none;border-bottom: 1px solid #4b4b4b;padding: 5px 15px;;}
.footer-top .footer-menu li a{ color:#dadada;text-decoration: none;}
.footer-top .footer-menu li a:hover{ color:#FFF;}
.box {
    border-radius: 3px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.14);
    padding:20px;
    text-align: right;
    display: block;
    margin-top: 60px;
    transition:.5s all;
     border:1px solid #fff;
}

.box:hover{
    box-shadow:0px 0px 0px #00000000;
    border:1px solid #6e202e;
}
.blog-content a{
   text-decoration: none;
}
.heiglight li{
    color: #FFF;
    list-style: none;
    font-size: 17px;
    font-weight: 500;
    position:relative;
    padding-left:40px;
    border-bottom:1px solid #eeeeee30;
    padding-block:6px;
    
    i{
    position:absolute;
    left:0;
    padding-right:8px;
    border-right:1px dashed #fff;
    top:50%;
    transform:translateY(-50%);
    width:30px;
}
    
}

.heiglight li:nth-child(11){
    border:0px !important;
}
.box-icon {
    background-color: #6e202e;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
}
.box-icon span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.info > p {
    color: #717171;
    font-size: 16px;
    padding-top: 10px;
    text-align: justify;
}
.info > a {
    background-color: #03a9f4;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.info > a:hover {
    background-color: #0288d1;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}

.layout_padding {
  padding: 90px 0;
}

.layout_padding2 {
  padding: 45px 0;
}

.layout_padding2-top {
  padding-top: 45px;
}

.layout_padding2-bottom {
  padding-bottom: 45px;
}

.layout_padding-top {
  padding-top: 90px;
}

.layout_padding-bottom {
  padding-bottom: 90px;
}
.navbar-brand{
    /*background: #FFF;*/
    padding: 10px;
    position: absolute;
    top: 56%;
    transform:translateY(-50%);
}
.navbar-brand img{
    max-width: 400px;
    width:100%;
}
.heading_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.heading_container h2 {
  position: relative;
  font-weight: bold;
  /*color: #5b0202 !important;*/
    font-size: 40px;
}

.heading_container h2 span {
  color: #fff;
    font-size: 40px;
}

.heading_container.heading_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  justify-content:center;
      margin-top: 150px;
}

a,
a:hover,
a:focus {
  text-decoration: none;
}

a:hover,
a:focus {
  color: initial;
}

.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.client h3{
    font-weight:600;
    font-size:18px;
}

/*header section*/
.hero_area {
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("../img/WhatsApp Image 2022-08-24 at 5.19.53 PM.jpeg");
  background-size: cover;
  background-position: center;
   position:fixed;
  width:100%;
}

.sub_page .hero_area {
  height: auto;
}

.sub_page .header_section {
  margin-top: 0;
}

.header_section {
  background-color: #FFF;
  margin-top: 0px;
  padding: 0 0px 13px 0px;
 
}

.header_section .container-fluid {
  padding-right: 25px;
  padding-left: 25px;
}

.header_section .nav_container {
  margin: 0 auto;
}

.custom_nav-container .navbar-nav .nav-item .nav-link {
  padding: 3px 10px;
  margin: 10px 2px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
}

.custom_nav-container .navbar-nav .nav-item.active .nav-link, .custom_nav-container .navbar-nav .nav-item:hover .nav-link {
  color: #57392f;
}

.custom_nav-container .nav_search-btn {
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  color: #ffffff;
}

.custom_nav-container .nav_search-btn:hover {
  color: #322a61;
}

.navbar-brand span {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
}

.custom_nav-container {
  z-index: 99999;
}

.custom_nav-container .navbar-toggler {
  outline: none;
}

.custom_nav-container .navbar-toggler {
  padding: 0;
  width: 37px;
  height: 42px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.custom_nav-container .navbar-toggler span {
  display: block;
  width: 35px;
  height: 4px;
  background-color: #000;
  margin: 7px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border-radius: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.custom_nav-container .navbar-toggler span::before, .custom_nav-container .navbar-toggler span::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  top: -10px;
  border-radius: 5px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.custom_nav-container .navbar-toggler span::after {
  top: 10px;
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before, .custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 0;
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin: 0;
  margin-bottom: -4px;
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-2 {
  display: none;
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] .s-3 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: 0;
  margin-top: -4px;
}

.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-1,
.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-2,
.custom_nav-container .navbar-toggler[aria-expanded="false"] .s-3 {
  -webkit-transform: none;
          transform: none;
}

.quote_btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.quote_btn-container a {
  color: #ffffff;
  margin-right: 25px;
  text-transform: uppercase;
}

.quote_btn-container a span {
  margin-right: 5px;
}

.quote_btn-container a:hover {
  color: #322a61;
}

/*end header section*/
/* slider section */
.slider_section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
    background: #0000007a;
}

.slider_section #customCarousel1 {
  width: 100%;
  position: unset;
}

.slider_section .detail_box {
  color: #ffffff;
}

.slider_section .detail_box h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 25px;
}

.slider_section .detail_box a {
  display: inline-block;
  padding: 12px 45px;
  background-color: #322a61;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 15px;
}

.slider_section .detail_box a:hover {
  background-color: #bd2583;
}

.slider_section .carousel-indicators {
  bottom: 75px;
}

.slider_section .carousel-indicators li {
  text-indent: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  opacity: 1;
  width: auto;
  height: auto;
  background-color: transparent;
  color: #ffffff;
  border-radius: 100%;
  border: 1.5px solid transparent;
}

.slider_section .carousel-indicators li.active {
  width: 25px;
  height: 25px;
  border-color: #ffffff;
}

.about_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about_section .img-box img {
  max-width: 100%;
}

.about_section .detail-box p {
  color: #000;
  /*margin-top: 25px;*/
  text-align:justify;
  /*background:#fff;*/
}

.about_section .detail-box a {
 display: inline-block;
    padding: 6px 20px;
    background-color: #6e202e;
    color: #ffffff;
    border-radius: 6px;
    margin-top: 15px;
    text-decoration: none;
}

.about_section .detail-box a:hover {
  background-color: #bd2583;
}

.course_section .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin-top: 0px;
  min-height: 335px;
  border-radius:25px;
}



.course_section .box .img-box {
  border-radius: 15px;
  overflow: hidden;
}

.course_section .box .img-box img {
  width: 100%;
}

.course_section .box .detail-box {
  margin-top: 25px;
}

.course_section .box .detail-box h3 {
  font-weight: 600;
  text-align:justify;
}

.course_section .box .detail-box p {
  color: #999;
  margin-top: 10px;
}

.course_section .box .detail-box a {
  display: inline-block;
  padding: 12px 45px;
  background-color: #322a61;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 15px;
}

.course_section .box .detail-box a:hover {
  background-color: #bd2583;
}

.course_section .carousel-control-prev,
.course_section .carousel-control-next {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #464646;
  opacity: 1;
  font-size: 22px;
  top: 30%;
}

.course_section .carousel-control-prev {
  left: 10%;
}

.course_section .carousel-control-next {
  right: 10%;
}

.subscribe_section {
  background: #6e202e;
  /*padding-top: 45px;*/
}

.subscribe_section .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subscribe_section .img-box img {
  width: 100%;
}

.subscribe_section .detail-box {
  color: #ffffff;
}

.subscribe_section .detail-box h2 {
  font-weight: bold;
}

.subscribe_section .detail-box form {
  margin-top: 25px;
}

.subscribe_section .detail-box form input {
  width: 100%;
  background-color: transparent;
  padding-left: 15px;
  color: #ffffff;
  height: 45px;
  border: 1px solid #ffffff;
  border-radius: 35px;
  outline: none;
}

.subscribe_section .detail-box form input::-webkit-input-placeholder {
  color: #e2e2e2;
}

.subscribe_section .detail-box form input:-ms-input-placeholder {
  color: #e2e2e2;
}

.subscribe_section .detail-box form input::-ms-input-placeholder {
  color: #e2e2e2;
}

.subscribe_section .detail-box form input::placeholder {
  color: #e2e2e2;
}

.subscribe_section .detail-box form button {
  border: 1px solid #ffffff;
  display: inline-block;
  padding: 10px 65px;
  background-color: #322a61;
  color: #ffffff;
  border-radius: 35px;
  margin-top: 15px;
  text-transform: uppercase;
}

.subscribe_section .detail-box form button:hover {
  background-color: #bd2583;
}

.lab_section .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-top: 25px;
}

.lab_section .box .img-box {
  border-radius: 15px;
  overflow: hidden;
}

.lab_section .box .img-box img {
  width: 100%;
}

.lab_section .box .detail-box {
  margin-top: 25px;
}

.lab_section .box .detail-box p {
  color: #999;
}

.lab_section .box .detail-box a {
  display: inline-block;
  padding: 12px 45px;
  background-color: #6e202e;
  color: #ffffff;
  border-radius: 30px;
  margin-top: 15px;
}

.lab_section .box .detail-box a:hover {
  background-color: #bd2583;
}

.bottom_bg {
  background: #6e202e;
}

.client_section {
  color: #ffffff;
}

.client_section .box {
  margin-top: 45px;
}

.client_section .box .client_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.client_section .box .client_info .client_name h4 {
  font-weight: 600;
}

.client_section .box .client_info .client_name h6 {
  margin-bottom: 0;
}

.client_section .box .client_info i {
  font-size: 24px;
}

.client_section .box p {
  margin-top: 15px;
}

.client_section .carousel-control-prev,
.client_section .carousel-control-next {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #322a61;
  opacity: 1;
  font-size: 22px;
  top: 50%;
}

.client_section .carousel-control-prev {
  left: 4%;
}

.client_section .carousel-control-next {
  right: 4%;
}

.contact_section {
  position: relative;
  color: #ffffff;
}

.contact_section .heading_container {
  margin-bottom: 25px;
}

.contact_section .form_container input,  .contact_section .form_container select{
  width: 100%;
  border: none;
  height: 50px;
  margin-bottom: 25px;
  padding-left: 25px;
  background-color: #ffffff;
  outline: none;
  color: #101010;
  border-radius: 25px;
  border:1px solid;
}

.contact_section .form_container input::-webkit-input-placeholder {
  color: #c4c3c3;
}

.contact_section .form_container input:-ms-input-placeholder {
  color: #c4c3c3;
}

.contact_section .form_container input::-ms-input-placeholder {
  color: #c4c3c3;
}

.contact_section .form_container input::placeholder {
  color: #c4c3c3;
}

.contact_section .form_container input.message-box {
  height: 120px;
  border-radius: 15px;
}

.contact_section .form_container button {
  border: none;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 55px;
  background-color: #1c1c1c;
  color: #ffffff;
  border-radius: 30px;
}

.contact_section .form_container button:hover {
  background-color: #030303;
}

.contact_section .map_container {
  width: 100%;
  height: 345px;
  border-radius: 25px;
  overflow: hidden;
}

.contact_section .map_container #googleMap {
  height: 100%;
  min-height: 100%;
  width: 100%;
}

.info_section {
  color: #ffffff;
}

.info_section hr {
  border: none;
  height: 1px;
  background-color: #ffffff;
  margin: 0;
}

.info_section .info_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 35px 0;
}

.info_section .info_contact {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.info_section .info_contact a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
}

.info_section .info_contact a i {
  margin-right: 5px;
  font-size: 24px;
}

.info_section .info_contact a:hover {
  color: #fff;
}

.info_section .social_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 45px;
}

.info_section .social_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 45px;
  height: 45px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  margin-right: 10px;
}

.info_section .social_box a:hover {
  color: #1c1c1c;
}

/* footer section*/
.footer_section {
      position: relative;
    background-color: transparent;
    border-top: 1px solid #eeeeee52;
    margin-top: 30px;
}

.footer_section .footer_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 0;
}

.footer_section p {
  color: #929292;
  margin: 0;
}

.footer_section p a {
  color: inherit;
}

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

 .color-2{
	        color:#6e202e !important;
	    }
	     .color-1{
	        color:#6e202e;
	    }
	    .my-h::after{
	        content:'';
    height:2px;
    width:80px;
    background:#d39d40;
    margin:10px 0;
    display:block;
    position:relative;
    margin-bottom:15px;
  
	    }
	    .my-h-center{
	         line-height:1;
	    }
	    .my-h-center::after{
	        content:'';
    height:2px;
    width:80px;
    background:#d39d40;
    margin:10px auto;
    display:block;
    position:relative;
    margin-bottom:15px;
    line-height:1;
	    }
	    
	    
	    
	    
	     .my-h-1::after{
	        content:'';
    height:2px;
    width:80px;
    background:#fff;
    margin:10px 0;
    display:block;
    position:relative;
    margin-bottom:15px;
	    }
	    .my-h-1-center{
	         line-height:1;
	    }
	    .my-h-1-center::after{
	        content:'';
    height:2px;
    width:80px;
    background:#fff;
    margin:10px auto;
    display:block;
    position:relative;
    margin-bottom:15px;
    line-height:1;
	    }
	    
	    .about_section img{
	        border-radius:40px;
	        
	    }
	    .why-ch h3{
	        color:#6e202e;
	    }
	    .why-ch span{
	        color:#d39d40;
	    }
	    
	    .bor-r{
	        border-right:1px dashed #fff;
	        padding-right:20px;
	        margin-right:20px;
	    }
	    
	    .social-logo{
	        a{
	        border:1px solid #fff;
	        padding:4px 10px;
	        border-radius:5px;
	    }
	    
	    }
	    
	    .box2{
	        box-shadow:2px 2px 8px rgba(0, 0, 0, 0.14);
	        position:relative;
	        border-radius:20px;
	        overflow:hidden;
	        transition:1s all;
	        border:4px double #fff;
	        
	        .img-box img{
	        border-radius:12px;
	    }
	        
	        .info{
	        position:absolute;
	        bottom:0;
	        left:0;
	        width:100%;
	        background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.9) 100%);
padding:60px 15px 0px 15px;

p{
	           bottom: -150%;
            transition: 1s all;
            color: #fff;
            margin: 0px;
            position: absolute;
	        }
	    }
	        
	    } 
	    
	    
	    .box2:hover{
	        
	        border:4px double #086067;
	        
	        p{
	        bottom:0%;
	        margin-bottom:15px;
	        position:relative;
	    }
	    }
	    
	    
	    .section-new{
	       padding:100px 0px 100px 0px;
	       background:#3d474621;
	    }
	    
	    
	    .ba-llb-ov h4{ 
	        margin-bottom:20px;
	        line-height:1.4;
	    }
	    
	    .ba-llb-ov h6{
	        font-weight: 700;
	        font-size:21px;
	        margin-top:40px;
	    }
	    .box-one{
	        background:#fff;
	            border-radius: 3px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.14);
    padding: 20px;
    display: block;
   
    transition: .5s all;
    border: 1px solid #fff;
	    }
	    .font-21{
	        font-weight: 500;
    font-size: 22px;
	    }
	    .font-36{
	         font-weight: 700;
	         font-size:26px;
	         color:#6e202e;
	    }
	    .font-22{
	        font-size:18px;
	        margin-top:15px;
	         color:#000;
	    }
	    
	    
	    
	    .font-p{
	         font-size:18px;
	         font-weight: 500;
	         color:#000;
	    }
	    
	    .apply-now-btn{
    padding: 18px 20px;
    color: #fff;
    font-size: 21px;
    line-height: 1;
    font-weight: 500;
    box-shadow: 0 5px 10px #0000001F;
    border:none;
    margin-top: 25px;
    border-radius: 5px;
    /*border:1px solid #fff;*/
     background:#6e202e;
	    }
	    .img-position{
	        position:relative;
	    }
	     .img-position img{
	       /*position: absolute;*/
    left: 113px;
    /*height: 500px;*/
    width: 100%; 
    box-shadow: 0 5px 10px #0000001F;
    border-radius: 20px;
   
	    }
	    
	    .key-h h1{
	           font-weight: 700;
	         /*font-size:26px;*/
	         color:#6e202e;
	    }
	    .pp-4{
	        margin-top:30px;
	    }
	    .pp-4 i{
	        margin-right:10px;
	    }
	    
	     
	    .program-o h1{
font-weight: 700;
    color: #6e202e;
    border-bottom: 3px solid #6e202e;
    display: inline-block;
    line-height: 70px;
	    }
	    .program-o{
	        text-align:center;
	        padding-top:20px;
	    }
	    .program-o h6{
	       font-size: 18px;
    font-weight: 700;
    color:#000;
	    }
	    
	      .program-o p{
	          margin-top:40px;
	          text-align:center;
	          margin-bottom:0;
	      }
	    
	    
	    .section-program{
	        background:#e6e7e7;
	        padding-bottom:30px;
	    }
	    
	    
	    .client {
    padding: 10px;
    border: 1px solid #ffffff;
    background-color: #fff;
    height:454px;
}
.box_shadow {
    box-shadow: 1px 3px 5px #ddd;
}


.client img {
    height: auto;
    object-fit: contain;
    object-position: center;
}
.accordion-item:first-of-type{
    border-bottom:1px solid #6e202e !important ;
}
.accordion-button{
   border-bottom: 2px solid #6e202e !important;
   background-color:#6e202e !important;
   margin-bottom:10px;
   color:#fff !important;
}





.accordion-item{
    border:none !important;
}
.new-section{
    margin:50px 0px 50px 0;
}
.key-h h1{
    text-align:left !important;
    margin-bottom:50px;
}
	    
	    @media screen and (max-width: 768px) {
	         .img-position img {
    position: unset !important;
    margin-top: 30px;
    border-radius: 20px;
    height:auto;
}
.bor-r {
    border-right: 1px dashed #fff;
    padding-right: 15px;
    margin-right: 10px;
    font-size:12px;
}
.bor-rr {
   
    padding-right: 15px;
    margin-right: 10px;
    font-size:12px;
}
.testi-box {
     .conte {
        .headd {
            position: absolute;
            left: 38% !important;
            top: 30px;
            clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
            background: #6e202e;
            padding: 8px 15px 8px 36px;
        }
    }
}
.ba-llb-ov{
    padding: 0px 20px 0px 20px;
    margin-bottom:50px;
}
.new-section{
        /*padding: 50px 0px 50px 0px;*/
}
.new-section .apply-now-btn{
  margin:0 20px 0px 20px;
}
.new-section img{
    margin-bottom:30px;
}
.key-h h1{
    text-align:center !important;
}
.key-h {
    padding:0px 20px 0px 20px ;
}
	     }
	     
	     
	     
	     
	     
	     
	     .blog-tab{
	         
	         box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	         /*padding:30px;*/
	     }
	     .blog-tab h3{
	            font-size: 23px;
    /* margin-top: 20px; */
    color: #6e202e;
    /*padding: 20px 19px 20px;*/
	     }
	     .blog-content{
	         padding:20px;
	     }
	     .blog-content button{
	         border: none;
    background: #6e202e;
    color: #fff;
    padding: 5px 25px;
    border-radius: 6px;
    margin-top: 11px;
	     }
	     
	     
	     
	     .blog-img img{
	         border-radius: 20px 20px 0 0  ;
	     }
	     .client{
	         height:100% !important;
	     }
	     
	     
	     
	     
/*# sourceMappingURL=style.css.map */































 .course-card {
      border-radius: 12px;
      box-shadow: 0 6px 18px rgba(20,40,40,0.08);
      overflow: hidden;
      border: none;
      background: #fff;
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    /* header with diagonal stripes */
    .course-card .card-head {
     position: relative;
    padding: 30px 24px;
    min-height: 120px;
    color: #fff;
  background: linear-gradient(
  180deg,
  rgba(0, 0, 0, 0) 0%,
  rgba(0, 0, 0, 1) 100%
);
  
    }

    /* small rounded badge (duration) top-right inside header */
    .duration-badge {
      position: absolute;
      top: 12px;
      right: 12px;
      background: rgba(255,255,255,0.12);
      color: #fff;
      border: 1px solid rgba(255,255,255,0.18);
      padding: 6px 10px;
      border-radius: 999px;
      font-size: 13px;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      backdrop-filter: blur(2px);
    }

    /* icon circle in header left */
    .head-icon {
      width: 42px;
      height: 42px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.95);
      color: #6e202e;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.06);
      margin-right: 14px;
      margin-bottom:20px;
    }

    .course-title {
      font-size: 30px;
      font-weight: 600;
      letter-spacing: 0.5px;
      margin: 0;
      color: #f8faf9; /* keep white-ish */
    }

    /* card body */
    .course-body {
      padding: 26px;
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .course-desc {
      color: #2f4b45;
      margin-bottom: 16px;
      line-height: 1.6;
      font-size: 14.2px;
    }

    .course-features {
      list-style: none;
      padding-left: 0;
      margin-bottom: 18px;
    }
    .course-features li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin: 8px 0;
      color: #214a45;
      font-size: 14px;
    }

    /* custom dot used for bullets */
    .feature-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #6e202e;
      margin-top: 7px;
      flex: 0 0 8px;
    }

    /* apply button at bottom */
    .apply-row {
      margin-top: 6px;
    }
    .apply-btn {
      border-radius: 8px;
      padding: 10px 18px;
      background: #6e202e;
      color: #fff;
      border: none;
      box-shadow: 0 4px 10px rgba(11,107,89,0.12);
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 600;
    }
    .apply-btn .bi {
      font-size: 18px;
      opacity: 0.95;
    }

    /* small responsive tweak */
    @media (max-width: 575.98px) {
      .course-title { font-size: 22px; }
      .card-head { padding: 22px 16px; min-height: 100px; }
      .course-body { padding: 18px; }
    }
    
    .user-fa-icon i{
        color: #d39d40;
        font-size: 40px;
        text-align: center;
        /*margin-bottom:5px;*/
    }
    .user-fa-icon p{
        font-size:15px;
        text-align:center;
        color:#6e202e;
        margin-bottom:0;
    }
    
    
    .user-fa-icon{
       
    display: flex;
    justify-content: center;
    align-items: center;
    gap:10px;
        
    }
    
    
    
    
    
     @media (max-width:992px) {
         .lne::after{
             width:350px !important;
         }
         
         .bhgh {
   
    font-size: 35px !important;
}
     }
    
    
    
    
    
    
    
    
    
    
    
    
    /* From Uiverse.io by abrahamcalsin */ 
.btnnn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #d39d40;
  font-family: "Montserrat", sans-serif;
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  border: none;
  text-decoration:none;
}

.btnnn:after {
  content: " ";
  width: 0%;
  height: 100%;
  background: #6e202e;
  position: absolute;
  transition: all 0.4s ease-in-out;
  right: 0;
  color:#fff;
}

.btnnn:hover::after {
  right: auto;
  left: 0;
  width: 100%;
}

.btnnn span {
      text-align: center;
    /* text-decoration: none; */
    /* width: 100%; */
    padding: 10px 25px;
    color: #fff;
    font-size: 1.125em;
    /* font-weight: 700; */
    /* letter-spacing: 0.3em; */
    z-index: 20;
    transition: all 0.3s 
ease-in-out;
}

.btnnn:hover span {
  color: #fff;
  animation: scaleUp 0.3s ease-in-out;
}

@keyframes scaleUp {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.95);
  }

  100% {
    transform: scale(1);
  }
}

    
    
    
    .top-btn{
        display:flex;
        gap:10px;
    }
    
    .bhgh{
        font-family: "Playfair Display", serif;
        font-size:40px;
        color: #6e202e;
        
    }
    .heiglight-two li {
    color: #000000;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    /*padding-left: 40px;*/
    /* border-bottom: 1px solid #eeeeee30; */
    padding-block: 6px;
}
   .heiglight-two {
       padding-left:0 !important;
   }  
   
     .heiglight-two i {
   border: 1px solid #6e202e;
    font-weight: 400 !important;
    padding: 2px;
    margin-right: 10px;
    border-radius: 50%;
    font-size: 12px;
    color: #6e202e;
     }
     .stpd{
         padding-bottom:100px;
     }
     .ravan{
         display:flex;
         gap:10px;
     }
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     .stonePattern {
    background: url(../images/stone-pattern.jpg) repeat 0 0;
    padding-top: 50px;
    padding-bottom: 50px;
}

.headingStyle2 h2 {
    font-weight: 700;
    font-size: 35px;
    padding: 0;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    color: #6e202e;
}
.stepSection {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -86px;
    gap:20px;
}

@media only screen and (min-width: 1366px) {
    .stepSection li {
        width: calc(25% - 40px) !important;
        display: flex;
        padding: 20px;
        padding-left: 50px;
        margin-left: 40px;
        background-color: #6e202e;
       
        position: relative;
        border-radius: 0 50px;
    }
}
     
     
     
    @media only screen and (min-width: 768px) {
    .stepSection li {
        width: calc(50% - 55px) !important;
        display: flex;
        padding: 20px;
        padding-left: 50px;
        margin-left: 40px;
        background-color: #6e202e;
       
        position: relative;
        border-radius: 0 50px;
    }
}


.stepSection li figure {
    width: 80px;
    height: 80px;
    border: 5px solid #6e202e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    background: #fff;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(-50%, -50%);
}
     
     
     
     .choos img{
         width:50px;
     }
     
     
     
       .choos p{
         color:#fff;
     }
     
     .choos h6{
         color:#fff;
     }
     
     @media only screen and (max-width: 600px) {
    .stepSection li {
             display: flex;
        width: calc(90% - 0px) !important;
        padding: 10px 10px 0 0;
        padding-left: 50px;
        /* margin-left: 40px; */
        background-color: #d39d40;
        /* border: 10px solid #fff; */
        position: relative;
        border-radius: 0 50px;
    }
    .stepSection{
        margin:0;
    }
    .banner-bg{
        height:100vh;
    }
    .heading-p p{
        padding:0 10px;
    }
    .choos p{
        font-size:12px;
    }
    .btnnn span{
        font-size:14px !important;
        padding: 0px 0px ;
    }
    .stonePattern{
        padding-top:30px;
    }
   
}
.backe {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: #fff;
    padding: 20px;
    margin-top: -43px;
    border-radius: 10px;
    width:50%;
}

.backe h6{
    font-size:20px;
}



 @media only screen and (max-width: 992px) {
      .backe{
        margin-top: 43px !important;
    }
      
 }





































.gallery-title{
    font-size: 36px;
    color: #6e202e;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.filter-button{
    font-size: 18px;
    border: 2px solid #6e202e;
	padding:5px 10px;
    text-align: center;
    color: #6e202e;
    margin-bottom: 30px;
	background:transparent;
}
/*.filter-button:hover,*/
/*.filter-button:focus,*/
/*.filter-button.active{*/
/*    color: #ffffff;*/
/*    background-color:#3F6184;*/
/*	outline:none;*/
/*}*/
.gallery_product{
    margin: 0px;
	padding:0;
	position:relative;
}
.gallery_product .img-info{
	position: absolute;
    background: rgba(0,0,0,0.5);
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
	overflow:hidden;
	color:#fff;
	top:0;
	display:none;
	   -webkit-transition: 2s;
    transition: 2s;
}
.portfolio{
    margin-top:50px;
    margin-bottom:100px;
}

/*.gallery_product:hover .img-info{*/
/*	display:block;*/
/*   -webkit-transition: 2s;*/
/*    transition: 2s;*/
/*}*/




.notice_box{
    padding: 30px 20px;
}
.notice_box ol li{
    color: #FFF;
}
.notice_box ol li a{
    color:#fff;
    text-decoration: none;
}
.slider_section .carousel-item{
    height:600px;
    background-size:100%;
}
.hero_area{ height: auto;}
.slider_section .col-md-8{
    padding:0px;
}
.slider_section .col-md-4{
    padding:0px;
}
</style>
<style>
@media only screen and (min-width: 200px) and (max-width: 767px)  {
.cnt223{
    min-width: 200px !important;
    width: 310px !important;
    padding: 15px 15px !important;
}
.client .col-md-2{
    width:50%;
}
}
.notice-right marquee{
    height: 550px;
}
.banner-top-img{
    padding: 20px 0px 50px;
}
.client_our img{
    border: 1px solid #f27c36;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #f27c36;
    margin: 10px 0px;
    padding:10px;
}
.close{
    opacity: 1;
    color:#fff !important;
    margin-right: -30px;
    margin-top: -15px;
}
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup-onload{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101324243242422;
background: #000000a3;
height:100%;
}
.cnt223{
min-width: 200px;
width: 600px;
min-height: 150px;
margin: 20px auto;
background: #fff;
position: relative;
z-index: 103;
padding:0;
border-radius: 16px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 20px;
    font-family: sans-serif;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
.form_container input, .form_container select{
    padding: 5px 10px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
    border-color: #322a61;
}
.form_container .btn_submit{
    width: 100%;
    background: #6e202e;
    color:#fff;
    border:0px;
    outline:0px;
}

.cnt223 .close{
    position:absolute;
    top:0;
    right:0;
    font-size:25px;
    border:1px solid #fff;
    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#6e202e !important;
    box-shadow:1px 1px 6px #00000020;
}
.cnt223 img{
    object-fit:cover;
    object-position:center;
    border-radius: 15px 0 0 15px;
}

.cnt223 .formnm{
    padding:30px 20px 15px;
}

.cnt223 .formnm .form-control{
    border:1px solid #00000050;
}
.bg-overlay{ 
    position:absolute;
    width: 100%;
  height: 600px;
 background:
    linear-gradient(rgba(8,112,103,0.6), rgba(8,112,103,0.6)), /* #6e202e overlay */
    url('your-image.jpg');
  background-size: cover;
  background-position: center;
    
}
.ovrlr{
    position:relative;
}
.cont-sec{
    position:absolute;
    margin-top:50px;
}
.banner-bg{
    background:url(../img/bmlc-banner.png) center no-repeat;
    background-size:cover;
    margin-top:135px;
    
    .banner-bg-col{
 background: linear-gradient(90deg, rgba(110, 32, 46, 1) 0%, rgba(255, 255, 255, 0) 100%);

    /*padding-block:160px;*/
    height:100%;
}
}
.detail_box span{
  border: 1px solid #d39d40;
    padding: 5px 15px;
    border-radius: 20px;
    background: #6e202e59;
    color: #d39d40;
}
.heading-p{
        margin-top: 20px;
}
.heading-p h1{
    margin-bottom: 20px;
    color:#fff;
    font-family: "Playfair Display", serif;
}
.heading-p p{
    margin-bottom: 30px;
    color:#fff;
}
/*.appl button{*/
/*    padding: 10px 15px;*/
/*    background: #6e202e;*/
/*    border-radius: 6px;*/
/*    color: #fff;*/
/*    border: 0;*/
/*    margin-right:10px;*/
/*}*/

/*.heading-p h1{*/
/*    content""*/
    
/*}*/
.top-btn .first-btn{
    padding: 10px 15px;
    background: #d39d40;
    border-radius: 6px;
    color: #000000;
    border: 0;
    margin-right: 10px;
}
.top-btn .second-btn{
     padding: 10px 15px;
   background: none;
    border: 1px solid #fff;
    color: #fff;
    border-radius:10px ;
    margin-right:10px;
    text-decoration:none;
}
.lne::after {
    content: '';
    height: 1px;
    width: 600px;
    background: #919191;
    margin: 10px 0;
    display: block;
    position: relative;
    margin-bottom: 15px;
}
.lne{
    margin-top:52px;
    
}










/*testimonial*/

.testimonial_section {
  display: block;
  overflow: hidden;
}
.testimonial_section:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content {
  background-color: #6e202e;
  padding-top: 77px;
  padding-right: 210px;
  padding-bottom: 62px;
  position: relative;
}
.testimonial_section .about_content .background_layer {
  background-color: #6e202e;
  width: auto;
  margin-left: -200px;
  right: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .about_content .layer_content {
  position: relative;
  z-index: 9;
  /*height: 100%;*/
}
.testimonial_section .about_content .layer_content .section_title {
  margin-bottom: 24px;
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title:after {
  display: block;
  clear: both;
  content: "";
}
.testimonial_section .about_content .layer_content .section_title h5 {
  color: #fff;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 15px;
  line-height: 28px;
  color: #818a8f;
  margin-top: -5px;
  margin-bottom: 6px;
}
.testimonial_section .about_content .layer_content .section_title h2 {
  font-family: "Titillium Web";
  font-weight: 300;
  font-size: 45px;
  line-height: 50px;
  padding-bottom: 51px;
  margin-bottom: 0px;
  color: #fff;
}
.testimonial_section .about_content .layer_content .section_title h2 strong {
  font-weight: 600 !important;
  width: 100%;
  display: block;
}
.testimonial_section .about_content .layer_content .section_title .heading_line {
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title .heading_line span {
  transition: all 0.5s ease-in-out 0s;
  position: relative;
}
.testimonial_section .about_content .layer_content .section_title .heading_line span:after {
  content: "";
  right: auto;
  left: 69px;
  position: absolute;
  bottom: 28px;
  width: 17px;
  margin-left: 0;
  border-bottom-width: 3px;
  border-bottom-color: #cacaca;
  border-bottom-style: solid;
}
.testimonial_section .about_content .layer_content .section_title .heading_line:after {
  content: "";
  left: 1%;
  margin-left: 0;
  position: absolute;
  bottom: 28px;
  width: 59px;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #d39d40;
}
.testimonial_section .about_content .layer_content .section_title p {
  color: #fff;
  margin: 0 0 15px;
}
.testimonial_section .about_content .layer_content a {
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}
.testimonial_section .about_content .layer_content a i {
  font-size: 18px;
  vertical-align: middle;
}
.testimonial_section .about_content .layer_content a:hover {
  color: #d39d40;
}
.testimonial_section .testimonial_box {
  margin-top: 60px !important;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container {
  background-color: #d39d40;
  margin-left: -170px !important;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .background_layer {
  background-color: #d39d40;
  width: auto;
  margin-right: -200px;
  right: 0;
  /*background-image: url(../images/map.png);*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content {
  position: relative;
  z-index: 9;
  height: 100%;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
  display: block;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
  margin: 10px 0 10px 0;
  padding: 62px 0px 72px 50px;
  position: relative;
  text-align: center;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
  margin-left: 150px;
  margin-top: 69px;
  padding: 45px 40px 45px 40px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  transition: all 0.5s ease-in-out 0s;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
  margin-bottom: 15px;
  position: relative;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {
  content: "";
  width: 30px;
  display: block;
  height: 2px;
  text-align: center;
  left: 46%;
  margin-top: 6px;
  background-color: #d39d40;
  position: absolute;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {
  padding-top: 0;
  margin-bottom: -5px;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  color: #07294d;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {
  font-size: 12px;
  color: #9f9f9f;
  margin: 0;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {
  padding: 0;
  margin: 0;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #5d6576;
  font-style: italic;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
  border: none;
  position: absolute;
  top: 0;
  left: 35px;
  top: 80px;
  width:185px;
}
.testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
  border: 5px solid #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
  position: absolute;
  top: 165px;
  right: 42px;
  border-radius: 0;
  background: #d39d40;
  display: block;
  outline: 0;
  width: 34px;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
  background: #07294d;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
  position: absolute;
  top: 165px;
  right: 5px;
  border-radius: 0;
  display: block;
  background: #d39d40;
  outline: 0;
  width: 34px;
  text-align: center;
  line-height: 34px;
  height: 34px;
  color: #fff;
  font-size: 23px;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
  background: #07294d;
}

@media all and (max-width: 991px) {
  .testimonial_section .about_content {
    padding-right: 15px !important;
  }
  .testimonial_section .about_content .background_layer {
    width: 200% !important;
  }
  .testimonial_section .testimonial_box {
    margin-top: 0 !important;
  }
  .testimonial_section .testimonial_box .background_layer {
    width: 200% !important;
    margin-left: -200px;
  }
  .testimonial_section .testimonial_box .about_content {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-top: 28% !important;
  }
  .testimonial_section .testimonial_box .testimonial_container {
    margin-left: -15px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials {
    margin: 0px 0 20px 0;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
    margin-left: -36px !important;
  }
  .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
    display: none;
  }
  .candt-bx .ctc{ font-size: 28px;}
  .plc-bx .candt-bx h3 { font-size: 15px;}
}


.downlod-br {
   position: fixed;
    top: 34%;
    right: -43px;
    transform: translateY(-50%);
    z-index: 999;
    rotate: 90deg;
    background: #d39d40;
    color: #fff;
    padding: 10px;
    border: none;
}
/*.header_section {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  z-index: 9999;*/
/*  background: #fff;*/
/*  transition: top 0.3s ease;*/
/*  box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
/*}*/

.blink-bg-btn {
   
    background: #6e202e;
    color: white;
    
    border-radius: 5px;
   
    animation: blink-bg 1s infinite;
  }

  @keyframes blink-bg {
    0%   { background-color: #6e202e; }
    50%  { background-color: #d39d40; }
    100% { background-color: #6e202e; }
  }
  
  
  
  
  
  
  
  
  
  
  .myswiper{
      .swiper-wrapper{
      height:auto !important;
      padding-bottom:100px;
  }
  .swiper-button-next, .swiper-button-prev{
        top: 50%;
        z-index: 999;
        background: #d39d40;
        width: 30px;
        height: 30px;
        color:#000;
        border-radius: 50%;
  }
  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
       font-size:10px;
  }
  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
      font-size:10px;
  }
  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
      top:88%;
  }
  }
  
      .infa{
          position:relative;
          
          img{
              border-radius:20px;
          aspect-ratio:9/8;
          object-fit:cover;
          object-position:center;
          width:100%;
      }
          
          .contett{
          position: absolute;
        left: 0;
        bottom: 0;
        /* background: rgb(255, 255, 255); */
        /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8692064606741573) 100%); */
        background: #6e202e;
        /*background: linear-gradient(0deg, rgba(8, 112, 103, 1) 0%, rgba(255, 255, 255, 0) 100%);*/
        background: linear-gradient(
  0deg,
  rgba(110, 32, 46, 1) 0%,
  rgba(110, 32, 46, 0) 100%
);
        z-index: 9;
        width: 100%;
        padding: 20% 20px 20px 20px;
        border-radius:20px;
    
    h3{
          color:#fff;
      }
    
      }
      }
      
      
      .background-imag{
          background-image:url("../images/bmlc-treaing.jpg");
          background-size:cover;
          border-radius:10px;
          
      }
      .ovel{
         background-color:#6e202eba;
         padding:39px;
         text-align:center;
         border-radius:10px;
         height:100%;
         
      }
      .ovel img{
          width: 50px;
    background: #6e202e;
    border-radius: 50%;
    padding: 7px;
    border: 1px solid #d39d40;
    
      }
      
      
      .ovel h5{
          color:#fff;
          margin-top:15px;
          
      }
       .ovel p{
           color:#fff;
           text-align:center;
       }
      .our-str{
         text-align:center;
         margin-top:20px;
         margin-bottom:50px;
      }
       .our-str span{
          color: #fff;
    padding: 5px 20px;
    text-align: center;
    background: #6e202e;
    border-radius: 20px;
           
       }
       .why-heading{
           font-family: "Playfair Display", serif;
           margin-top:30px;
           font-size:30px;
       }
       
       .why-heading::after{
   content: '';
    height: 2px;
    width: 80px;
    background: #d39d40;
    margin: 10px auto;
    display: block;
    position: relative;
    margin-bottom: 15px;
    line-height: 1;
       }
       
       
       .ovel-teth{
          margin-top:50px ;
          margin-bottom:50px;
       }
       
       
       .ovel h5{
            font-family: "Playfair Display", serif;
       }
       .clend img{
           width: 10%;
    height: 13%;
    margin-right: 10px;
       }
       
       .clend-two button{
           background: #6e202e;
    color: #fff;
    border-radius: 20px;
    border: none;
       }
       
       .clend-two span {
    background: #d39d40;
    color: #fff;
    border-radius: 20px;
    border: none;
    padding: 0px 10px;
}
   .clend {
       
       
   }
   .clend-two{
       justify-content :right;
       gap:10px;
   }
   .nelth{
       
   }
   
   .nelth h4{
        font-family: "Playfair Display", serif;
        font-size: 1.4rem;
   }
   .nelth p{
       font-family: Lato, sans-serif;
   }
   .nelth button{
      background: none;
    border: none;
    color: #6e202e;
    /* margin-top: 10px; */
    box-shadow: none;
    padding: 0;
   }
   .full-dpn{
      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
    padding: 20px;
    background: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
       
   }
   .kotdis{
       background: #dedede;
       padding-top:50px;
       padding-bottom:50px;
   }
   
   @media (max-width: 992px) {
    .header_section {
        margin-top: 0px;
        padding: 13px 0;
    }
    .row{
        margin-right:0 !important;
    }
    .cnt223{
        width:300px;
    }
}


.hero_area {
    height: auto;
    /*position: fixed;*/
    top: 0;
    width: 100%;
    z-index: 999999;
}



.course-single-image {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    overflow: hidden;
}


.course-sidebar {
    max-width: 360px;
    background-color: var(--color-white);
    padding: 30px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.07);
    margin: -140px auto 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}


.course-sidebar__video {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    margin-bottom: 32px;
}


.pos-rel {
    position: relative;
}


.course-sidebar {
    max-width: 360px;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.07);
    margin: -140px auto 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.course-sidebar__list li {
    color: #5C5C54;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 0;
    border-bottom: 1px solid #E6E6E6;
}


.thm-btn:hover {
    color: #fff;
}
.sidebar-btn a {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 17px 30px;
    width: 100%;
    display: flex;
    justify-content: center;
}


.thm-btn {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
    background: #6e202e;
    border-style: none;
    padding: 19px 38px;
    align-self: center;
    position: relative;
    line-height: 1.2;
    transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
    display: inline-flex;
    align-items: center;
    letter-spacing: -0.01px;
    border-radius: 80px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
    color: #170006;
}

.pos-rel {
    position: relative;
}


.thm-btn span {
    margin-left: 10px;
}


.course-sidebar__list li {
    color: #5C5C54;
    font-size: 16px;
    line-height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 0;
    border-bottom: 1px solid #E6E6E6;
}


.course-sidebar__list li img {
    width: 22px;
    margin-right: 10px;
}

.mt-none-30 {
    margin-top: -30px;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.course-sidebar__list li .price {
    font-size: 20px;
     color:#6e202e;
    font-weight: 700;
    margin-left: 9px;
}

.mt-30 {
    margin-top: 30px;
}


.course-single-content h2 {
    font-size: 32px;
    margin-bottom: 35px;
    margin-top:30px;
    color:#6e202e;
}


.course-single-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
      color:#6e202e;
}

.course-meta {
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #bbb;
}

.course-meta-item .xb-item--avatar {
    width: 90px;
    max-width: 12%;
    /* border-radius: 50%; */
    /* -webkit-border-radius: 50%; */
    /* -moz-border-radius: 50%; */
    /* -ms-border-radius: 50%; */
    /* -o-border-radius: 50%; */
    /* overflow: hidden; */
    margin-right: 20px;
}

.course-meta-item .xb-item--holder {
    width: 86%;
}


.course-meta-item .xb-item--desig {
    font-size: 18px;
  color:#6e202e !important;
    font-weight: 500;
    font-family: var(--font-body);
    margin-bottom: 0;
}
.course-single-content h3 {
    font-size: 24px;
    text-transform: capitalize;
    margin-bottom: 20px;
}


.course-meta-item .xb-item--title {
    font-size: 16px;
    color: #5C5C54;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 2px;
}


.course-sidebar__title{
    font-size:22px;
  
      color:#6e202e;
}







.pb-120 {
    padding-bottom: 120px;
}
.pt-120 {
    padding-top: 120px;
}

.new_box{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    text-align: center;
    border-radius:30px;
    border-bottom:5px solid #6e202e;
    background: #ffffff7a;
    backdrop-filter: blur(2px);
}
.faicon{
  font-size: 35px;
    color: #f8ce48;
    margin-bottom: 20px;
}

.key-hh{
    color:#6e202e;
    font-size:50px;
    margin-bottom:50px;
    position:relative;
    
}


/*.key-hh::after{*/
/*    content: "";*/
/*    background: #0b7c9e;*/
/*    width: 60px;*/
/*    height: 4px;*/
/*    border-radius: 5px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/

.new_box p{
       line-height: normal;
    font-size: 12px;
}


    
    .nav-course{
        display:flex;
        border-bottom:1px solid #00000040;
        gap:15px;
        list-style:none;
        padding:0;
        
        .nav-item{
        
        .nav-link{
        padding:10px 5px;
        border:solid #c4000000;
        border-width:0 0 2px 0px;
        font-size: 18px;
    }
        .nav-link.active{
        border:solid #c40000;
        color:#0a6481;
         border-width:0 0 2px 0px;
    }
    }
        
    }


@media (max-width: 767px) {
    .course-sidebar { 
        margin: 0;
        max-width: 100%;
        padding: 20px;
    }
}

.paddint-120{
    padding-top:50px;
    padding-bottom:100px;
}


.key-highli-col {
    background: #ffffffde;
    padding-block: 100px;
}


.key-highli {
    background-image: url(../images/still-life.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;  
    background-attachment: fixed;
}

.flexxx {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.newb{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    width: 100%;
    height: 100%;
}


.bradcumb {
    background-image: url(../images/bann.webp);
    /* padding: 50px 0px; */
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
}



.hero_area{ height: auto;}
.heading_container h2{ color:#000;}
p{ text-align:justify;}
.card-header .title {
    font-size: 17px;
    color: #000;
}
.course_section .col-lg-4:nth-child(odd) .box{ background:#322a61; }
.course_section .col-lg-4:nth-child(odd) .box ol li{
    color:#FFF;
}
.course_section .col-lg-4 .box{ text-align: left;align-items: baseline;padding: 0px;cursor: pointer;}
.course_section .col-lg-4 .box:hover{box-shadow: 0px 0px 10px #000;}
.course_section .col-lg-4 .box ol li{ text-align: left;font-weight: 600;}
.course_section .col-lg-4 .box .info{ width:100%;}
.course_section .col-lg-4:nth-child(odd) .box .info h4{ background:#FFF;color:#322a61;padding: 10px 0px;}
.course_section .col-lg-4:nth-child(even) .box .info h4{ background:#322a61;color:#fff;padding: 10px 0px;}
.card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
}
.card-header{
  cursor: pointer;
  border-bottom: none;
}
.card{
  border: 1px solid #ddd;
}
.card-body{
  border-top: 1px solid #ddd;
}
.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

.bradcumb h2{
    color:#FFF;
}
.brad_list{
    display: flex;
    flex-direction: row;
    list-style: none;
    padding-left: 0px;
}
.brad_list li{
    color: #FFF;
    padding: 0px 9px;
    /*text-transform: uppercase;*/
}
.brad_list li a{
    color:#ddd;
    text-decoration:none;
}
.course_section .col-md-6 img{
    border-radius: 10px;
    box-shadow: 0px 0px 3px #000;
    margin-bottom: 50px;
}

.key-highli { 
    background-image: url(../images/still-life.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.fee-s{
    text-align: center;
    background: #dfa234;
    padding: 4px;
  
    
}
.fee-s i{
    font-size:22px;
    color:#5b0202;
    margin-right:20px;
}
.fee-s p{
      font-size:22px;
       color:#5b0202;
       margin-bottom:0;
       font-family: "Playfair Display", serif;
   text-align:center;
        font-weight: 700;
}
.tut-f p{
    
    text-align:center;
    background:#5b0202;
     font-family: "Playfair Display", serif;
    color:#fff;
    padding: 5px;
    margin-bottom:0;
    
}
.tut-f{
    margin-top:5px;
}

.per-s p{
    font-weight:700;
    margin-bottom:0;
}
.pddd-t{
    padding-top:50px;
    padding-bottom:50px;
}


.mer_t {
    
}
.mer_t i{
        color: #5b0202;
    font-size: 17px;
    margin-right: 20px;
}
.mer_t p{
        font-size: 17px;
    font-family: "Playfair Display", serif;
    font-weight: 500;
    
}

.heading_container p{
    
     color:#5b0202;
     font-size:25px;
     
}
.pdd_ss {
    padding: 60px 0px 20px;
}


.bmlc-ab h2{
    font-size: 58px;
    color:#6e202e;
}

.for-all {
        display: flex;
    align-items: center;
    margin-top:25px;
  
}

.for-all img{
    width:60%;
    
}
.for-all h3{
    font-size: 24px;
    
}
 .why-ch h3{
        font-size:40px;
    }


@media (max-width: 767px) {
    .bmlc-ab p{
        font-size:14px;
        
    }
    .bmlc-ab h2{
        font-size:35px;
    }
    .for-all{
        margin-bottom:30px;
    }
   
}

.why-ch h6{
    color:#d39d40;
}

.why-ch button{
        background: #6e202e;
    color: #fff;
    padding: 7px 10px;
    border: none;
    border-radius: 5px;
}


.chetan-jaii h2{
    margin-top: 30px;
    font-weight: 700;
    color: #6e202e;
    font-size: 30px;
}


.chetan-jaii p{
    text-align:center;
    font-weight: 600;
}

.campus-s{
        font-size: 35px;
    margin-bottom: 20px;
}



  .faculty-card {
    background: #fff;
    border: 1px solid #e8ddd2;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.25s, box-shadow 0.25s;
    height: 100%;
}


.card-photo-wrap {
    position: relative;
    height: 220px;
    background: linear-gradient(135deg, #f9f0e8, #ecdfd3);
    overflow: hidden;
}


.card-photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f0e6d8, #e8d8c8);
}


.card-photo-placeholder .initials {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;
    color: #7B1A1A;
    opacity: 0.35;
    font-weight: 700;
}



.card-role-badge {
    position: absolute;
    top: 180px;
    left: 12px;
    background: #7B1A1A;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
}


.card-body-inner {
    padding: 20px;
}

.card-name {
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    color: #7B1A1A;
    font-weight: 700;
    margin-bottom: 3px;
    line-height: 1.3;
}


.card-subjects {
    font-size: 0.78rem;
    color: #C9973A;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}


.card-quals {
    margin-bottom: 12px;
}

.card-quals .qual-item {
    font-size: 0.8rem;
    color: #C9973A;
    padding: 2px 0;
    display: flex;
    gap: 6px;
}

.card-quals .qual-item i {
    color: #C9973A;
    margin-top: 3px;
    flex-shrink: 0;
}

.card-exp {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fdf4e8;
    border: 1px solid #f0d99a;
    color: #8a6010;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 20px;
    margin-top: 4px;
}

.card-exp i {
    font-size: 0.65rem;
}
.qual-item p{
    margin-bottom:0;
    color:#000;
}
.pdclass{
    padding-top:50px;
    padding-bottom:50px;
}



























   :root {
      --primary: #6e202e;
      --primary-dark: #4e1520;
      --primary-light: #9b3545;
      --primary-pale: #f9eced;
      --gold: #c9a84c;
      --gold-light: #f0d998;
      --cream: #fdf8f4;
      --text-dark: #1a0a0d;
      --text-muted: #7a5560;
      --border: #e8d0d4;
      --white: #ffffff;
    }
    /* ── HEADER ── */
    .site-header {
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-light) 100%);
      padding: 55px 0 48px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .site-header::before {
      content:''; position:absolute; inset:0;
      background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }
    .site-header::after {
      content:''; position:absolute; bottom:-1px; left:0; right:0;
      height:38px; background:var(--cream);
      clip-path:ellipse(55% 100% at 50% 100%);
    }
    .header-badge {
      display:inline-block;
      background:rgba(201,168,76,.18); border:1px solid rgba(201,168,76,.5);
      color:var(--gold-light); font-size:.72rem; letter-spacing:.12em;
      text-transform:uppercase; padding:5px 16px; border-radius:50px; margin-bottom:14px;
    }
    .site-header h1 {
      font-family:'Playfair Display',serif;
      font-size:clamp(1.8rem,4.5vw,3rem); font-weight:900;
      color:#fff; line-height:1.15; margin-bottom:8px;
    }
    .site-header h1 span { color:var(--gold-light); }
    .site-header p { color:rgba(255,255,255,.72); font-size:.92rem; }
    .college-address { margin-top:14px; font-size:.78rem; color:rgba(255,255,255,.5); }
    .college-address i { color:var(--gold); margin-right:5px; }

    /* ── STATS STRIP ── */
    .stats-strip { background:#fff; border-bottom:2px solid var(--border); padding:16px 0; }
    .stat-item { text-align:center; }
    .stat-item .num {
      font-family:'Playfair Display',serif;
      font-size:1.8rem; font-weight:700; color:var(--primary); line-height:1;
    }
    .stat-item .lbl { font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; color:var(--text-muted); margin-top:2px; }
    .stat-divider { width:1px; background:var(--border); height:34px; margin:auto; }

    /* ── SECTION HEADING ── */
    .section-label {
      font-size:.72rem; letter-spacing:.15em; text-transform:uppercase;
      color:var(--primary); font-weight:600;
      display:flex; align-items:center; gap:10px; margin-bottom:5px;
    }
    .section-label::after { content:''; flex:1; height:1px; background:var(--border); }
    .section-title {
      font-family:'Playfair Display',serif;
      font-size:clamp(1.4rem,3vw,1.9rem); font-weight:700; color:var(--primary-dark);
    }

    /* ══════════════════════════════
       FACULTY CARD  (your design)
    ══════════════════════════════ */
    .faculty-col { margin-bottom: 28px; }

    .faculty-card {
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(110,32,46,.10);
      border: 1.5px solid var(--border);
      transition: transform .28s ease, box-shadow .28s ease;
      height: 100%;
      display: flex;
      flex-direction: column;
    }
    .faculty-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 48px rgba(110,32,46,.16);
    }

    /* photo area */
    .card-photo-wrap {
      position: relative;
      background: linear-gradient(160deg, var(--primary-pale) 0%, #f0d4d8 100%);
      height: 210px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .card-photo-placeholder {
      width: 100%; height: 100%;
      display: flex; align-items: center; justify-content: center;
    }
    .card-photo-placeholder img {
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: top center;
    }
    /* placeholder avatar when no image */
    .card-photo-placeholder.no-img {
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
      font-family: 'Playfair Display', serif;
      font-size: 3rem; font-weight: 700;
      color: rgba(255,255,255,.85);
      letter-spacing: .05em;
    }

    

    /* card body */
    .card-body-inner {
      padding: 18px 20px 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .card-name {
      font-family: 'Playfair Display', serif;
      font-size: 1.05rem; font-weight: 700;
      color: var(--primary-dark);
      margin-bottom: 4px;
      line-height: 1.3;
    }
    .card-subjects {
      font-size: .76rem; color: var(--primary-light);
      font-weight: 600; margin-bottom: 12px;
      letter-spacing: .02em;
    }
    .card-quals { margin-bottom: 14px; }
    .qual-item {
      display: flex; align-items: flex-start; gap: 7px;
      margin-bottom: 5px;
    }
    .qual-item i {
      color: var(--gold); font-size: .38rem;
      margin-top: 6px; flex-shrink: 0;
    }
    .qual-item p {
      font-size: .78rem; color: #4a1f28;
      line-height: 1.4; margin: 0;
    }
    .card-exp {
      display: inline-flex; align-items: center; gap: 6px;
      background: var(--primary-pale); border: 1px solid var(--border);
      color: var(--primary); font-size: .74rem; font-weight: 600;
      padding: 5px 11px; border-radius: 50px;
      margin-bottom: 14px;
    }
    .card-exp i { font-size: .72rem; }

    /* view profile button – added by us */
    .card-view-btn {
      display: flex; align-items: center; justify-content: center; gap: 7px;
      background: var(--primary);
      color: #fff;
      font-family: 'DM Sans', sans-serif;
      font-size: .8rem; font-weight: 600;
      padding: 9px 0; border-radius: 8px;
      border: none; cursor: pointer;
      transition: background .22s;
      margin-top: auto;
      width: 100%;
      letter-spacing: .03em;
    }
    .card-view-btn:hover { background: var(--primary-dark); }
    .card-view-btn i { font-size: .75rem; }

    /* ══════════════════════════════
       MODAL POPUP
    ══════════════════════════════ */
    .modal-overlay {
      display: none;
      position: fixed; inset: 0; z-index: 999999;
      background: rgba(30,5,10,.55);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      align-items: center; justify-content: center;
      padding: 16px;
    }
    .modal-overlay.open { display: flex; }

    .modal-box {
      background: #fff;
      border-radius: 20px;
      width: 100%; max-width: 700px;
      max-height: 90vh;
      overflow: hidden;
      display: flex; flex-direction: column;
      animation: modalIn .32s cubic-bezier(.34,1.3,.64,1) both;
      box-shadow: 0 32px 80px rgba(110,32,46,.22);
    }
    @keyframes modalIn {
      from { opacity:0; transform:scale(.88) translateY(30px); }
      to   { opacity:1; transform:scale(1) translateY(0); }
    }

    .modal-head {
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 55%, var(--primary-light) 100%);
      padding: 28px 28px 22px; position: relative; overflow: hidden; flex-shrink: 0;
    }
    .modal-head::before {
      content:''; position:absolute; top:-40px; right:-40px;
      width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,.05);
    }
    .modal-head::after {
      content:''; position:absolute; bottom:-25px; left:30px;
      width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,.04);
    }
    .modal-avatar {
      width:70px; height:70px; border-radius:50%;
      background:rgba(255,255,255,.2); border:3px solid rgba(255,255,255,.45);
      display:flex; align-items:center; justify-content:center;
      font-family:'Playfair Display',serif; font-size:1.5rem; font-weight:700;
      color:#fff; margin-bottom:13px; position:relative; z-index:1;
      overflow: hidden;
    }
    .modal-avatar img { width:100%; height:100%; object-fit:cover; object-position:top center; }
    .modal-name {
      font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:700;
      color:#fff; margin-bottom:3px; position:relative; z-index:1;
    }
    .modal-role { font-size:.78rem; color:rgba(255,255,255,.78); position:relative; z-index:1; }
    .modal-close {
      position:absolute; top:14px; right:14px; z-index:2;
      width:32px; height:32px; border-radius:50%;
      background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.3);
      color:#fff; font-size:.82rem;
      display:flex; align-items:center; justify-content:center;
      cursor:pointer; transition:background .2s;
    }
    .modal-close:hover { background:rgba(255,255,255,.35); }
    .modal-tags { display:flex; flex-wrap:wrap; gap:5px; margin-top:11px; position:relative; z-index:1; }
    .modal-tag {
      background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24);
      color:rgba(255,255,255,.9); font-size:.67rem;
      padding:3px 9px; border-radius:50px;
    }

    .modal-body-inner {
      overflow-y:auto; padding:22px 26px 26px; flex:1;
      scrollbar-width:thin; scrollbar-color:var(--border) transparent;
    }
    .modal-body-inner::-webkit-scrollbar { width:5px; }
    .modal-body-inner::-webkit-scrollbar-thumb { background:var(--border); border-radius:10px; }

    /* tabs */
    .modal-tabs {
      display:flex; gap:4px; flex-wrap:wrap;
      border-bottom:2px solid var(--border);
      margin-bottom:20px;
    }
    .modal-tab {
      background:transparent; border:none;
      font-family:'DM Sans',sans-serif; font-size:.77rem; font-weight:600;
      color:var(--text-muted); padding:8px 13px;
      border-bottom:2px solid transparent; margin-bottom:-2px;
      cursor:pointer; transition:color .2s, border-color .2s;
      border-radius:6px 6px 0 0; white-space:nowrap;
    }
    .modal-tab.active { color:var(--primary); border-bottom-color:var(--primary); }
    .modal-tab:hover:not(.active) { color:var(--primary-light); }

    .tab-panel { display:none; }
    .tab-panel.active { display:block; animation:fadeTab .22s ease; }
    @keyframes fadeTab { from{opacity:0;transform:translateY(5px)} to{opacity:1;transform:none} }

    .info-block { margin-bottom:20px; }
    .info-block:last-child { margin-bottom:0; }
    .info-block-title {
      font-size:.67rem; text-transform:uppercase; letter-spacing:.12em;
      font-weight:700; color:var(--primary);
      border-left:3px solid var(--gold); padding-left:8px;
      margin-bottom:10px; display:flex; align-items:center; gap:6px;
    }
    .info-block-title i { font-size:.72rem; }

    .item-list { list-style:none; padding:0; }
    .item-list li {
      font-size:.83rem; color:#3d1520;
      padding:6px 0 6px 20px; position:relative;
      border-bottom:1px dashed var(--border); line-height:1.45;
    }
    .item-list li:last-child { border-bottom:none; }
    .item-list.diamond li::before { content:'◆'; position:absolute; left:0; top:9px; color:var(--gold); font-size:.46rem; }
    .item-list.arrow li::before   { content:'→'; position:absolute; left:0; top:5px; color:var(--primary-light); font-size:.75rem; }
    .item-list.star li::before    { content:'✦'; position:absolute; left:0; top:8px; color:var(--gold); font-size:.5rem; }

    .presentation-item {
      background:var(--primary-pale); border-left:3px solid var(--primary);
      border-radius:0 8px 8px 0; padding:9px 13px;
      font-size:.8rem; color:#3d1520; margin-bottom:7px; line-height:1.45;
    }
    .presentation-item:last-child { margin-bottom:0; }

    .examiner-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:6px; }
    .examiner-pill {
      background:var(--primary-pale); border:1px solid var(--border);
      border-radius:8px; padding:7px 10px;
      font-size:.73rem; color:var(--primary-dark); font-weight:500;
      text-align:center; line-height:1.3;
    }

    .pub-badge {
      display:inline-flex; align-items:center; gap:6px;
      background:linear-gradient(135deg,var(--gold) 0%,#e0b84a 100%);
      color:var(--primary-dark); font-size:.73rem; font-weight:700;
      padding:5px 13px; border-radius:50px; margin-top:4px;
    }

    /* ── FOOTER ── */
    .site-footer {
      background:var(--primary-dark); color:rgba(255,255,255,.6);
      text-align:center; padding:26px 20px; font-size:.8rem; margin-top:50px;
    }
    .site-footer strong { color:var(--gold-light); }

    .fade-up { opacity:0; transform:translateY(24px); transition:opacity .5s ease,transform .5s ease; }
    .fade-up.visible { opacity:1; transform:none; }

    @media(max-width:576px){
      .stat-divider{display:none;}
      .modal-body-inner{padding:16px 14px 20px;}
      .modal-head{padding:20px 18px 16px;}
      .examiner-grid{grid-template-columns:1fr 1fr;}
    }

     :root {
      --maroon:    #7B1C2E;
      --gold:      #C9A84C;
      --cream:     #FAF6EE;
      --dark:      #1A1208;
      --card-bg:   #FFFFFF;
      --shadow:    0 8px 32px rgba(123,28,46,0.10);
      --radius:    18px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  

    /* ── HEADER ── */
    .site-header {
      background: linear-gradient(135deg, var(--maroon) 0%, #4A0E1A 100%);
      padding: 56px 0 40px;
      position: relative;
      overflow: hidden;
    }
    .site-header::before {
      content: '';
      position: absolute; inset: 0;
      background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 40px,
        rgba(201,168,76,.06) 40px,
        rgba(201,168,76,.06) 41px
      );
    }
    .site-header .badge-tag {
      display: inline-block;
      background: var(--gold);
      color: var(--dark);
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: 5px 16px;
      border-radius: 50px;
      margin-bottom: 18px;
    }
    .site-header h1 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(2.4rem, 6vw, 4rem);
      font-weight: 900;
      color: #fff;
      line-height: 1.1;
      letter-spacing: -.02em;
    }
    .site-header h1 span { color: var(--gold); }
    .site-header p.sub {
      color: rgba(255,255,255,.65);
      font-size: 1rem;
      margin-top: 10px;
      font-weight: 300;
    }
    .header-ornament {
      position: absolute;
      right: -60px; top: -60px;
      width: 320px; height: 320px;
      border-radius: 50%;
      border: 40px solid rgba(201,168,76,.12);
      pointer-events: none;
    }
    .header-ornament2 {
      position: absolute;
      left: -40px; bottom: -80px;
      width: 220px; height: 220px;
      border-radius: 50%;
      border: 30px solid rgba(255,255,255,.05);
      pointer-events: none;
    }

    /* ── SECTION WRAPPER ── */
    .syllabus-section {
      padding: 56px 0 80px;
    }
    .section-title {
      font-family: 'Playfair Display', serif;
      font-size: 1.9rem;
      font-weight: 700;
      color: var(--maroon);
      position: relative;
      display: inline-block;
      margin-bottom: 8px;
    }
    .section-title::after {
      content: '';
      display: block;
      height: 3px;
      width: 56px;
      background: var(--gold);
      border-radius: 2px;
      margin-top: 6px;
    }
    .section-sub {
      color: #6B5B4E;
      font-size: .92rem;
      margin-bottom: 36px;
    }

    /* ── SEMESTER CARDS ── */
    .sem-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      gap: 22px;
    }

    .sem-card {
      background: var(--card-bg);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 28px 22px 24px;
      position: relative;
      overflow: hidden;
      cursor: pointer;
      text-decoration: none;
      color: var(--dark);
      transition: transform .25s ease, box-shadow .25s ease;
      border: 1.5px solid transparent;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .sem-card::before {
      content: '';
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 4px;
      background: linear-gradient(90deg, var(--maroon), var(--gold));
      opacity: 0;
      transition: opacity .25s;
    }
    .sem-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 48px rgba(123,28,46,.18);
      border-color: rgba(201,168,76,.35);
      color: var(--dark);
    }
    .sem-card:hover::before { opacity: 1; }

    .sem-number {
      position: absolute;
      top: 18px; right: 18px;
      font-family: 'Playfair Display', serif;
      font-size: 3rem;
      font-weight: 900;
      color: rgba(123,28,46,.07);
      line-height: 1;
      user-select: none;
    }

    .sem-icon-wrap {
      width: 48px; height: 48px;
      border-radius: 12px;
      background: linear-gradient(135deg, var(--maroon) 0%, #A52840 100%);
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0;
    }
    .sem-icon-wrap i { color: var(--gold); font-size: 1.2rem; }

    .sem-label {
      font-size: .72rem;
      font-weight: 600;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--gold);
    }
    .sem-name {
      font-family: 'Playfair Display', serif;
      font-size: 1.18rem;
      font-weight: 700;
      line-height: 1.3;
      color: var(--maroon);
    }

    .sem-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: auto;
      padding-top: 14px;
      border-top: 1px solid #F0EBE3;
    }
    .sem-pill {
      font-size: .72rem;
      font-weight: 600;
      background: #FBF2E4;
      color: #7B4F20;
      padding: 3px 10px;
      border-radius: 50px;
    }
    .sem-arrow {
      width: 28px; height: 28px;
      border-radius: 50%;
      background: var(--maroon);
      color: #fff;
      display: flex; align-items: center; justify-content: center;
      font-size: .75rem;
      transition: background .2s;
    }
    .sem-card:hover .sem-arrow { background: var(--gold); color: var(--dark); }

    /* ── FOOTER STRIP ── */
    .footer-strip {
      background: var(--maroon);
      color: rgba(255,255,255,.55);
      font-size: .8rem;
      text-align: center;
      padding: 18px;
    }
    .footer-strip strong { color: var(--gold); }

    /* ── ANIMATIONS ── */
    @keyframes fadeUp {
      from { opacity: 0; transform: translateY(24px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .sem-card { animation: fadeUp .45s ease both; }
    .sem-card:nth-child(1)  { animation-delay: .05s; }
    .sem-card:nth-child(2)  { animation-delay: .10s; }
    .sem-card:nth-child(3)  { animation-delay: .15s; }
    .sem-card:nth-child(4)  { animation-delay: .20s; }
    .sem-card:nth-child(5)  { animation-delay: .25s; }
    .sem-card:nth-child(6)  { animation-delay: .30s; }
    .sem-card:nth-child(7)  { animation-delay: .35s; }
    .sem-card:nth-child(8)  { animation-delay: .40s; }
    .sem-card:nth-child(9)  { animation-delay: .45s; }
    .sem-card:nth-child(10) { animation-delay: .50s; }

    @media (max-width: 576px) {
      .sem-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
      .sem-card { padding: 20px 14px 16px; }
      .sem-number { font-size: 2.2rem; }
    }