@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;800;900&display=swap');
*{
  margin: 0;
  padding: 0;
}

/* scroll style  */
::-webkit-scrollbar {
  width: 12px;
}
ul{
  padding: 0;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #ccc;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
background: var(--primary); 
}
ul li{
  list-style: none;
}
html, body {
  overflow-x: hidden;
  color: #444444;
  margin: 0;
}
body{
  font-family: "Dosis", sans-serif;
  overflow-x: hidden;
  font-family: "Lobster Two", sans-serif;
  font-family: 'Inter', sans-serif;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
:root{
  --primary:#123611;
  --danger:#000dc8;
  --light:#F0F0F0;
  --dark:#202020;
  --color-secondary-rgb: 72, 86, 100;
  --secondary:#e7f544;
  --text-black:#121212;
}
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}
.header_login{
  color: #000 !important;
  font-weight: bold;
  font-size: 25px;
}
.header_login:hover{
  color: #000;
}
/* table design */
.custom-table-wrapper {
        text-align: center;
        padding: 20px;
        background-color: #fafafa;
        overflow-x: auto;
    }

    .custom-table {
        background: #f3f6ff;
        overflow: hidden;
    }

    .custom-table thead {
        background:#123611;
        color: #fff;
    }

    .custom-table th,
    .custom-table td {
        vertical-align: middle !important;
        padding: 14px 18px !important;
    }

    .custom-table tbody tr:hover {
        background-color: #f3f6ff;
        transition: 0.3s;
    }

    .custom-table img {
        border-radius: 8px;
       
    }
/* topbar */
.top-bar{
	width: 100%;
  color: #fff;
  background-color: #00851034;
}
.tag {
	color: #fff;
	display: inline-block;
	height: 45px;
	line-height: 36px;
	width: 100%;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--primary);
	padding: 0 20px 0px 23px;
	position: relative;
	text-decoration: none;
	transition: 0.2s;
}
.tag::before {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
	content: '';
	height: 6px;
	left: 46px;
	position: absolute;
	width: 6px;
	top: 19px;
}
.tag::after {
  background: #fff;
  content: "";
  height: 47px;
  position: absolute;
  right: -13px;
  top: 0;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  transform: skew(-20deg);
  width: 23px;
}
.features_wrapper {
  display: none;
}
marquee{
	font-size: 14px;
	color: #000;
	font-weight: 400;
}
.hand_icon{
  margin-right: 10px;
  font-size: 18px;
  color: #d00;
}
/* Logo Section */
.header-info-box{
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-info-icon{
  font-size: 25px;
  text-align: center;
  color: #fff;
  background: var(--primary);
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50% 3px 50% 50%;
  transition: all 0.4s ease 0s;
}
.header-info-box:hover .header-info-icon{
  border-radius: 3px 50% 50%;
  
}
.header-info-content h6{
  color: #333;
  font-size: 20px;
  font-family: 'Dosis', sans-serif;
  font-weight: 700;
}
.header-info-content a{
  font-size: 16px;
  color: #767676;
}
/* Container must be relative for the menu to align to it */
.dropdown-wrapper {
  position: relative;
  cursor: pointer;
}

/* Dropdown styling - Initially Hidden */
.custom-dropdown {
  position: absolute;
      top: 143%;
    right: -55px;
  background: #ffffff;
  min-width: 220px;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
  z-index: 999;
  text-align: left;
  
  /* Smooth Transition Logic */
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: all 0.3s ease-in-out;
}

/* Hover Effect: Show the menu */
.dropdown-wrapper:hover .custom-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dropdown Item Styling */
.custom-dropdown li a {
  display: block;
  padding: 10px 20px;
  color: #333 !important;
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
  font-size: 15px;
  text-decoration: none;
  transition: background 0.2s ease;
}

/* Hover effect on links */
.custom-dropdown li a:hover {
  background: var(--primary); /* Uses your primary variable */
  color: #fff !important;
}

/* Ensures the icon & text stay aligned */
.header-info-content {
  position: relative;
}
/* Navbar Section */
.navbar_wrapper{
  position: relative;
  top: 1px;
  z-index: 99;
}
.my-nav{
  background-color: var(--primary);
  position: relative;
}
.my-nav:after{
  position: absolute;
  content: '';
  height: 100%;
  width: 30px;
  top: 0;
  right: 162px;
  background-color: #fff;
  transform: skewX(-30deg);
}
a.header-search {
  color: #fff;
  font-size: 20px;
  background: #333;
  display: inline-block;
  height: 74px;
  width: 74px;
  line-height: 74px;
  text-align: center;
}
.header-search i{
  font-size: 23px;
  color: #fff;
}
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  font-size: 14px;
  margin-right: 8px;
  font-weight: 500;
}
.navbar-light .navbar-nav .nav-link.active{
  background: var(--primary);
  border-radius: 19px;
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover{
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus{
  color: #fff;
}
.get_start{
  font-family: 'Rubik', sans-serif;
  padding: 6px 15px;
  background: var(--secondary);
  color: #000;
  font-weight: 600;
  border-radius: 4px;
}
.get_start:hover{
  color: #000;
}
.qoute:hover{
  animation: shake 0.95s cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%,
  90% {
      transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
      transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
      transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
      transform: translate3d(4px, 0, 0);
  }
}
/* Banner Section */
.camera-wrap{
  position: relative;
}
.my_banner{
  z-index: -99;
}
.my_banner img{
  width: 100%;
}
.camera_pag {
  position: absolute;
  left:50%;
  bottom: -12px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin: 20px 5px;
  position: relative;
  text-indent: 9999px;
  width: 12px;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 7px;
  left: 3px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  width: 7px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
  background: #fff;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
  background: var(--primary);
}
/* Features */
.feature_holder{
  background-color: var(--primary);
  border-radius: 5px;
  padding: 20px 0px;
  position: relative;
  top: -35px;
  z-index: 99;
}
.feature_icons{
  color: #fff;
  font-size: 30px;
}
.feature_heading{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 1px solid #ffffff26;
}
.feature_content{
  font-size: 14px;
  color: #fff;
}

.overlap__footer {
  position: absolute;
  left: 36%;
  bottom: 0px;
  color: #fff;
  text-align: center;
  background-color: #ee0e5a;
  margin: 0 auto;
  width: 30%;
  padding: 13px;
}
.overlap__footer h6{font-size: 0.8em;font-weight: 800;margin: 0;text-transform: uppercase;}
/* About Section */
.heading_box{
  color: var(--primary);
  margin-bottom: 11px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--primary);
  display: inline-block;
}
.about_content{
  text-transform: capitalize;
}
.about_content h1{
    color: #090909;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.1em;
    font-family: "Lobster Two", sans-serif;
    margin-bottom: 8px;
    letter-spacing: -1px;
}
.about_content h1 span{
  color: var(--primary);
}
.about_content p {
    font-size: 15px;
    color: #000;
    line-height: 27px;
}
.check{
  font-size: 18px;
  color: var(--primary);
  margin-right: 5px;
}
.check_text{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 7px;
  color: #000;
}
.animate_img{
  animation: animate-ai 1s linear infinite alternate;
}
.about_img{
  display: flex;
  justify-content: end;
  position: relative;
  z-index: 1;
}
.about_img:after{
  position: absolute;
  content: '';
  border: 10px solid var(--primary);
  width: 80%;
  height: 100%;
  top: 25px;
  right: -24px;
  z-index: -1;
}
.overlap_box{
  width: 68%;
    position: relative;
    bottom: 42px;
    left: 62px;
    background: #FFC4C4;
    padding: 25px;
}
.overlap_box h6{
  font-weight: bold;
  font-size: 22px;
}
.about_img img{
  width: 80%;
  text-align: right;
}
@keyframes animate-ai{

  0%{

    transform:translateY(0px);

  }

  100%{

    transform:translateY(10px);

  }

}
.nabh_text{
  color: #000;
  margin-top: 25px;
  font-size: 25px;
  font-weight: bold;
}
/* Notice Baord */
.ripple-container {
  background-image: url(https://sportsfacilities.com/wp-content/uploads/2018/12/swimming-pool.jpg);
  position: relative;
  background-size: cover;
  vertical-align: middle;
  padding: 100px;
  width: 100%;
  height: 100%; /* Full viewport height for better visibility */
  overflow: hidden;
}
.press_release{
  border-radius: 6px;
  background-color: #fff;
}
.notice_read{
  color: var(--primary) !important;
  font-weight: 600;
  margin-top: 15px;
}
.notice_read i{
  color: #d00;
  vertical-align: middle;
}
.best_practices_wrapper {
  padding: 10px 0px 15px 0px;
}
.best_practices_wrapper li {
  background: #FFFFFF;
  display: flex;
  gap: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  height: 20vh;
  padding-bottom: 20px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.best_practices_wrapper li .news-img-holder {
  flex: 1;
}
.best_practices_wrapper li .news-img-holder a {
  width: 100px;
   height: 6vh;
   object-fit: cover;
  }
.best_practices_wrapper li .news-img-holder img {
width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 4px;
}
.best_practices_wrapper li .news-content-holder {
  -webkit-box-flex: 2;
  -moz-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
.best_practices_wrapper li .news-content-holder h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  margin-bottom: 8px;
}
.best_practices_wrapper li .news-content-holder h3 span{
  color: var(--primary);
}
.best_practices_wrapper li .news-content-holder p{
  font-size: 14px;
  color: #444444;
}
.best_practices_wrapperr li .news-content-holder .post-date {
  font-style: italic;
  font-size: 14px;
  margin: 5px 0;
  font-weight: 500;
  color: #fdc800;
}

.noticeBox{
  color: #fff;
  text-align: center;
  margin: 0 15px;
  position: relative;
  z-index: 1;

  transition: all 0.3s ease 0s;
}
.noticeBox:before{
  content: "";
  background: transparent;
  height: 150px;
  width: 2px;
  border: 2px solid #c5c5c5;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
}
.noticeBox .service-icon{
  color:#fff;
  background: linear-gradient(45deg, #008510,#008510, #04b619);
  font-size: 40px;
  text-align: center;
  line-height: 80px;
  height: 80px;
  width: 80px;
  margin: 0 auto 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 7px #fff inset, 0 0 0 2px var(--primary);
  transition: all 0.3s;
}
.noticeBox:hover .service-icon{ box-shadow: 0 0 0 7px #fff inset, 0 0 0 2px var(--primary),0 0 10px #555; }
.noticeBox .service-icon i{
  transform: rotateY(0deg);
  transition: all 0.3s ease 0s;
}
.noticeBox:hover .service-icon i{ transform: rotateY(360deg); }
.noticeBox .service-content{
  background-color: #000000;
  padding: 20px 0 0 0;
  height: 55vh;
  overflow: hidden;
}
.noticeBox .title{
  color: #fff;
  background: linear-gradient(45deg, #008510, #008510, #04b619, #06e720);
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-shadow: 0 0 3px #000;
  padding: 15px 10px;
  margin: 0 -15px 5px;
  position: relative;
}
.noticeBox .title:before,
.noticeBox .title:after{
  content: '';
  background: linear-gradient(45deg, transparent 49%, #008510 50%);
  height: 15px;
  width: 16px;
  position: absolute;
  left: -1px;
  top: 100%;
}
.noticeBox .title:after{
  transform: rotateY(180deg);
  left: auto;
  right: -1px;
}
.notices {
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  display: block;
  margin: 20px 17px;
  text-transform: capitalize;
  padding-bottom: 9px;
  border-bottom: 1px dashed #ccc;
}
.notices:hover{
  color: #fff;
}
.notice_pdf{
  display: inline-block;
  font-size: 24px;
  color: #d00;
}
/* News and Event */
.news_event_wrapper{
  background-color: #f5f5f5;
}
.title-default-left span{
  color: var(--primary);
}
.event-para{
  font-size: 14px;
}
.event-time-location li{
  font-size: 12px;
}
.news_box{
  background-color: #fff;
  border-radius: 8px;
  padding: 15px 20px;
  max-height: 64vh;       /* allow it to grow up to 64vh */
  overflow-y: auto;       /* show scrollbar only when content exceeds max-height */
  -webkit-overflow-scrolling: touch;
}
.title-default-left {
  text-transform: capitalize;
  text-align: left;
      font-family: "Lobster Two", sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 25px;
  color:#000;
}
.post-date {
  font-style: italic;
  font-size: 14px;
  margin: 5px 0;
  font-weight: 500;
  color: var(--primary);
}
.post-author {
  padding: 10px 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.post-author img {
  width: 120px;
  height: 12vh;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 20px;
}
.post-author h4 {
  font-weight: 600;
  font-size: 16px;
  padding: 0;
  color: #000;
  margin-bottom: 10px;
}
.post-author h4:hover{
  color: var(--primary);
}
.post-author p {
  font-style: italic;
  color: #262626;
  font-size: 14px;
  margin-bottom: 0;
}
.event_wrapper{
  background: #fff;
  border-radius: 8px;
  padding: 25px;
  margin-bottom: 14px;
}
.upcoming_event_scroll{
  max-height: 64vh;       /* allow it to grow up to 64vh */
  overflow-y: auto;       /* show scrollbar only when content exceeds max-height */
  -webkit-overflow-scrolling: touch; /* smoother scrolling on iOS */
}
.event-calender-wrapper {
  flex: 1;
  margin-right: 15px;
}
.event-calender-holder {
  position: relative;
  padding-top: 20px;
  text-align: center;
  width: 100px;
  background: #fdc800;
}
.event-calender-holder::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  left: 10px;
  top: 5px;
  background-color: #002147;
}
.event-calender-holder h3 {
  font-size: 24px;
  color: #002147;
  margin-bottom: 0;
  line-height: 1;
}
.event-calender-holder p {
  color: #002147;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.event-calender-holder span {
  line-height: 2.5;
  background: #002147;
  height: 40px;
  display: block;
  color: #FFFFFF;
}
.event-calender-holder::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color:#002147 ;
}
.event_date{
  display: flex;
  flex-direction: row;
}
.event_date h4 {
  font-weight: 600;
  font-size: 16px;
  padding: 0;
  color: #000;
  margin-bottom: 10px;
}
.event_date p{
  font-size: 14px;
  color: #666;
  margin-bottom: 0;
}
.event_date ul li {
    color: #002147;
    font-weight: 500;
    border-right: 1px solid #BDBDBD;
    display: inline-block;
    margin-right: 15px;
    margin-top: 18px;
    font-size: 12px;
    padding-right: 4px;
    line-height: 1;
}
.event_date ul li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
/* Service*/
.service_wrapper{
  position: relative;
  background-color: #f8f9fa;
}
.sub_heading{
  font-size: 15px;
}
.heading span{
  color: var(--primary);
}
.headings span{
  color: var(--primary);
}
.small_heading span{
  color: var(--primary);
}
.small_heading{
  font-family: "Inter", sans-serif;
  color: #060C11;
  font-size:22px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 8px;
}
.small_heading::after{
  position: absolute;
    content: '';
    width: 53px;
    height: 3px;
    background-color: var(--primary);
    left: 0%;
    bottom: 0px;
}
.headings{
      font-family: "Lobster Two", sans-serif;
  color: #060C11;
  font-size:30px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 8px;
}
.headings::after{
  position: absolute;
    content: '';
    width: 53px;
    height: 3px;
    background-color: var(--primary);
    left: 0%;
    bottom: 0px;
}
.heading{
  font-family: "Inter", sans-serif;
  color: #060C11;
  font-size: 25px;
  font-weight: 600;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 8px;
}
.heading::after{
  position: absolute;
    content: '';
    width: 53px;
    height: 3px;
    background-color: var(--primary);
    left: 48%;
    bottom: 0px;
}
.serviceBox{
  color: #999;
  font-family: 'Inter', sans-serif;
  text-align: center;
  padding: 10px 0 15px;
  position: relative;
  margin-bottom: 34px;
}
.serviceBox:before,
.serviceBox:after{
  content: "";
  background: var(--primary);
  width: 150px;
  height: 10px;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
}
.serviceBox:after{
  width: 80%;
  height: 15px;
  border-radius: 0 0 10px 10px;
  top: auto;
  bottom: 0;
  clip-path: none;
}
.serviceBox .service-content{
  background: #fff;
  padding: 25px 20px;
  border-radius: 10px;
}
.serviceBox .service-content:before{
  content: "";
  background:var(--primary);
  width: 128px;
  height: 100px;
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  left: 50%;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.serviceBox .service-icon{
  color: #77787a;
  background: linear-gradient(to left, #dedfe1, #f3f3f3);
  font-size: 40px;
  line-height: 100px;
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(0,0,0,0.03);
  position: relative;
  z-index: 1;
}
.serviceBox .service-icon:before{
  content: "";
  background: linear-gradient(to right, #dedfe1, #f3f3f3);
  width: 88%;
  height: 88%;
  border-radius: 50%;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.1);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.serviceBox .title{
  font-family: 'Dosis', sans-serif;
  color: var(--primary);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin: 0 0 10px;
}
.serviceBox .description{
  font-size: 14px;
  line-height: 24px;
  margin: 0;
}
.serviceBox.green:before{ background: var(--primary); }
.serviceBox.green:after,
.serviceBox.green .service-content:before{
  background: var(--primary);
}
.serviceBox.green .title{ color: var(--primary); }
@media only screen and (max-width:990px){
  .serviceBox{ margin: 0 0 30px; }
}
.rm_btn {
    display: table;
    margin: 0 auto;
    background-color: var(--primary);
    color: #FFFFFF;
    cursor: pointer;
    padding: 9px 20px;
    text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
    font-size: 16px;

    font-weight: 500;
    border-radius: 35px;
    transition: all 0.5s;
}

.rm_btn:hover{
  box-shadow: rgba(103, 225, 9, 0.716) 0 1px 30px;
  color: #fff;
}

/* Other activities */
.activities_image{
  border-radius: 5px;
  position: relative;
  margin-bottom: 25px;
  height: 45vh;
  margin: 0 auto;
  border-radius: 8px;
}
.activities_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.activity_title{
  color: #fff;
  background: #dcdcdc;
  font-size: 17px;
  font-weight: 600;
  color: var(--primary);
  letter-spacing: 1px;
  /* text-transform: uppercase; */
  width: 80%;
  left: 10%;
  padding: 15px 15px;
  margin: -10px 7px 15px;
  border-radius: 0 0 25px 25px;
  position: absolute;
  z-index: 1;
}
.activity_title:before,
.activity_title:after{
  content: "";
  background: linear-gradient(-45deg, #a2a6a2 49%, transparent 50%);
  width: 12px;
  height: 10px;
  position: absolute;
  top: 0;
  left: -12px;
}
.activity_title:after{
  transform: rotateY(180deg);
  left: auto;
  right: -12px;
}
/* Testimonial Slider */
 .testimonials-slider {
  overflow: hidden;
}
.testimonial-item {
  box-sizing: content-box;
  min-height: 320px;
  position: relative;
}
.testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.testimonial-item h3 {
  font-size: 15px;
  font-weight: 500;
  margin: 10px 0 5px 45px;
  color: #000;
  position: absolute;
  bottom: 38%;
  z-index: 999;
  right: 9%;
}
.testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 45px;
}
.testimonial-item .quote-icon-left, .testimonial-item .quote-icon-right {
  color: #008510a4;
  font-size: 26px;
}
.testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}
.testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}
.testimonial-item p {
  font-style: italic;
  margin: 0 15px 0 15px;
  padding: 20px 20px 60px 20px;
  background: #fff;
  position: relative;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
 .swiper-pagination {
  margin-top: 20px;
  position: relative;
}
 .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid var(--primary);
}
 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary);
}
@media (max-width: 767px) {
  .testimonials {
    margin: 30px 10px;
  }
}
/* counter  */
.counter_section{
  padding: 150px;
  position: relative;
}
.banner_text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: var(--primary);
}
.counter_section img{
    width:100%;
    height: 350px;
    object-fit: cover;
    z-index: -99;
}
.counter_wrapper{
  position: relative;
  bottom: 100px;
  z-index: 99;
}
.counter_bg{
  padding: 25px 0px;
  border-radius: 4px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.event_icon{
  font-size: 25px;
  color: var(--primary);
}
.count{
  display: block;
  font-family: 'Dosis', sans-serif;
  font-size: 42px;
  font-weight: 600;
  color: var(--primary);
}
.counter_text{
    color: #414141;
    font-family: 'Dosis', sans-serif;
    font-size: 15px;
    font-weight: 600;
}
/* gallery */
 .lightbox_img {
      display: block;
      height: 32vh;
      margin-bottom: 25px;
    }
    .lightbox_img img {
      width: 100%;
      height: 100%;
      border-radius: 6px;
      object-fit: cover;
    }
    .nav-tabs .nav-link {
      color: #333;
      font-weight: 500;
      border: none;
      border-bottom: 2px solid transparent;
    }
    .nav-tabs .nav-link.active {
      color: #007bff;
      border-bottom: 2px solid #007bff;
      background: transparent;
    }
    .nav-tabs .nav-link:hover {
      color: #0056b3;
      border-bottom: 2px solid #0056b3;
    }
    .tab-content {
      padding-top: 20px;
    }
    .gallery_wrapper {
      padding: 2rem 0;
    }
    .heading {
      font-size: 2.5rem;
      font-weight: bold;
          font-family: "Lobster Two", sans-serif;
      margin-bottom: 2rem;
    }
    .gallery_link_btn{
      padding: 8px 15px;
      background-color: var(--primary);
      color: #fff;
      transition: all 0.3s ease;
      border: 2px solid transparent;
    
    }
    .gallery_link_btn:hover{
      background-color: transparent;
      color: var(--primary);
      border: 2px solid var(--primary);
    }
    @media (max-width: 768px) {
      .lightbox_img {
        height: 25vh;
      }
    }
    @media (max-width: 576px) {
      .lightbox_img {
        height: 20vh;
      }
    }
/* /Results */
.pdf-card {
            background: #d2d4d6;
            border-radius: 12px;
            padding: 20px 15px;
            margin-bottom: 25px;
            text-align: center;
            transition: transform 0.2s, box-shadow 0.2s;
        }
        .pdf-card p{
          color: var(--primary);
        }
        .pdf-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        }
        .pdf-icon {
            width: 50px;
            margin-bottom: 12px;
        }
        .title-line {
            max-width: 200px;
            margin: 20px auto;
            border-top: 2px solid var(--primary);
            position: relative;
        }
        .title-line::after {
            content: "\1F3CA";
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            background: white;
            padding: 0 10px;
            font-size: 1.5rem;
        }
.view_all{
  border: 2px solid var(--primary);
  color: var(--primary);
  padding: 8px 20px;
  border-radius: 4px;
}
/* Contact */
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
  padding: 20px 0 30px 0;
}
.contact .info-box i {
  font-size: 32px;
  color: var(--primary);
  border-radius: 50%;
  padding: 8px;
}
.contact .info-box h3 {
  font-family: "Lobster Two", sans-serif;
  font-size: 20px;
  color: #000;
  font-weight: 700;
  margin: 8px 0;
}
.contact .info-box h3 span{
  color: var(--primary);
}
.contact .info-box a {
  padding: 0;
  line-height: 24px;
  font-size: 16px;
  color:#000 ;
  margin-bottom: 0;
}
.opd_timing{
  font-size: 18px;
  background-color: darkcyan;
  color: #fff;
  display: inline-block;
  margin-bottom: 12px;
  padding: 3px;
  
}

.opd_charge{
  font-size: 17px;
  margin-bottom: 12px;
}
a.pills{
  color: #fff;
}
.opd_charge b{
  color: #000;
}
.pills{
  background-color: green;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 8px;
  display: inline-block;
  border-radius: 22px;
  color: #fff;
}
.close_pill{
  display: inline-block;
  background-color: var(--danger);
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  border-radius: 22px;

}
.best_practices_wrapper h4{
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
/* footer */
.main-footer{
  position: relative;
  background: #00851034;
  z-index: 99;
}

.footer-content{
  position: relative;
  padding: 85px 0px 80px 0px;
}
/* .footer-content:before{
  position: absolute;
  content: '';
  background: url(../image/png-clipart-realistic-eye-textures-eye.png);
  width: 359px;
    height: 372px;
    top: 35px;
    right: -112px;
  z-index: -99;
  opacity: .5;
  background-size: cover;
  background-repeat: no-repeat;
  animation-name: float-bob;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob;
  -webkit-animation-duration: 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob;
  -moz-animation-duration: 30s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob;
  -ms-animation-duration: 30s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob;
  -o-animation-duration: 30s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
} */
.footer-content .logo-widget{
  position: relative;
  margin-top: -5px;
}
.footer-content .logo-widget .footer-social li{
  position: relative;
  display: inline-block;
  margin-right: 9px;
}
.footer-content .logo-widget .footer-social li:last-child{
  margin-right: 0px;
}
.footer-content .logo-widget .footer-social li a{
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #fff;
  color: var(--primary);
  text-align: center;
  border-radius: 50%;
  transition: .5s;
}
.footer-content .logo-widget .footer-social li a:hover{
  color: #ffffff;
  background: var(--primary);
}
.footer-content .logo-widget .logo-box{
  margin-bottom: 0px;
}
.footer-content .logo-widget .text p{
  color: #000;
  margin-bottom: 10px;
}
.footer-content .footer-title{
  position: relative;
  font-size: 20px;
  line-height: 35px;
  font-family: 'Inter', sans-serif;
  color: #000;
  font-weight: 520;
  margin-bottom: 27px;
}
.footer-content .footer-title span{
  color: var(--primary);
}
.footer-content .service-widget .list li{
  display: block;
  margin-bottom: 12px;
}
.footer-content .service-widget .list li a{
  position: relative;
  display: inline-block;
  color: #000;
  font-weight: 500;
  transition: .5s;
}
.footer-content .service-widget .list li a:hover{
  color: var(--primary);
}
.footer-content .contact-widget p{
  color: #000;
  margin-bottom: 15px;
}
.footer-content .contact-widget{
  margin-left: 35px;
}
.footer-content .contact-widget .footer-title{
  margin-bottom: 29px;
}

/** footer-bottom **/

.footer-bottom{
  position: relative;
  background: #153919;
  padding: 25px 0px 22px 0px;
}
.footer-bottom .copyright,
.footer-bottom .copyright a,
.footer-bottom .footer-nav li a{
  position: relative;
  color: #fff;
}
.footer-bottom .copyright a:hover,
.footer-bottom .footer-nav li a:hover{
  color: var(--primary);
}
.footer-bottom .footer-nav{
  position: relative;
  text-align: right;
}
.footer-bottom .footer-nav li{
  position: relative;
  display: inline-block;
  margin-left: 29px;
}
.footer-bottom .footer-nav li:first-child{
  margin-left: 0px;
}
.footer-bottom .footer-nav li:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 1px;
  height: 14px;
  top: 7px;
  left: -18px;
}
.footer-bottom .footer-nav li:first-child:before{
  display: none;
}
.logo-box img {
    max-width: 220px;
}
.list 
.link_txt{
  color: #fff !important;
}
.text a {
  transition: all 0.5s;
  color: #000;
  font-size: 15px;
}
.text a:hover{
  color: var(--primary);
}
/* Online Admission Page */
.error{
  color: #d00;
  display: block;
  margin-bottom: 10px;
}
.online_admission_form_wrapper{
  background: url(../image/hero-shape.png) no-repeat 0 0;
  background-size: cover;
}
.background-image {
  background: url(../image/hero-shape.png) no-repeat 0 0;
  background-size: cover;
}
.highlight-image{
  background: url(../image/swimming-pool.jpg) no-repeat 0 0;
  background-size: cover;
}
.key_text{
  color: #000;
}
.key_text span{
  color: var(--primary);
}
#msform fieldset {

  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative
}
.admsn_txt{
  margin: 15px 0px;
}
.form-card {
    text-align: left
}

#msform fieldset:not(:first-of-type) {
    display: none
}
#msform input, #msform select,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid var(--primary);
    border-radius: 4px;
    margin-bottom: 10px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid var(--primary);
    outline-width: 0
}

#msform .action-button {
    width: 100px;
    background: var(--primary);
    font-weight: 500;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 0px 10px 5px;
    float: right
}

#msform .action-button:hover,
#msform .action-button:focus {
    background-color: #04b619
}

#msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: 500;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px 10px 0px;
    float: right
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    background-color: #000000
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: var(--primary);
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: var(--primary);
    font-weight: normal
}

.steps {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
}

.fieldlabels {
    color: #000;
    text-align: left;
    font-weight: 500;
    margin-bottom: 9px;
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: var(--primary)
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: var(--primary)
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: var(--primary)
}

.fit-image {
    width: 100%;
    object-fit: cover
}
/* Important Links */
.links-box {
      background-color: #f1f3f5;
      border-radius: 12px;
      padding: 2rem;
    }
    .links-title {
      color: var(--primary);
      font-weight: 600;
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .link-item {
      color: #000;
      font-size: 1.1rem;
      text-decoration: none;
    }
    .link-item:hover {
      color: var(--primary);
      text-decoration: underline;
    }
/* Principal Desk */
.principal_img{
  position: relative;
}
.principal_short_msg{
  color: #000;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 15px;
  padding-bottom: 6px;
  display: inline-block;
  font-family: "Dosis", sans-serif;
  border-bottom: 2px solid var(--primary);
}
.principal_content{
  font-size: 15px;
  line-height: 25px;
  color: #000;
}
.principal_content i{
  color: var(--primary);
  font-size: 30px;
}
.principal_img img{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.principal_name{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  background-color: #fff;
  padding: 10px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.principal_name h5{
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-family: Inter;
  text-align: center;
}
.principal_name small{
  color: #d00;
  font-weight: 600;
}
/* Mission Vission page */
/****** About Page -- (History) *******/
.all_page_banner img{
  width: 100%;
  height: 320px;
  object-fit: cover;
}
.all_page_banner{
  position: relative;
}
.banner_text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: #fff;
}
.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled{
pointer-events: none;
opacity: 0.2;
}

.owl-carousel .prev-slide{
  background: url(nav-icon.png) no-repeat scroll 0 0;
  left: -33px;
}
.owl-carousel .next-slide{
  background: url(nav-icon.png) no-repeat scroll -24px 0px;
  right: -33px;
}
.owl-carousel .prev-slide:hover{
 background-position: 0px -53px;
}
.owl-carousel .next-slide:hover{
background-position: -24px -53px;
} 
.banner_text h2{
      font-family: "Lobster Two", sans-serif;
  font-size: 50px;
  font-weight: 700;
}
.page_head{
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.about_text{
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 15px;
}
.mission_icons{
  color: #000;
  font-size: 45px;
}
.management_content h5{
  margin: 12px 0px;
  font-size: 22px;
}
.management_content h6{
  font-weight: 600;
  color: #000;
  font-size: 16px;
  margin: 5px 0px;
}
.management_content span{
  font-family: "Lobster Two", sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0px;
  color: #000;
}
.management_content p{
  margin-top: 12px;
  color: #000;
  font-size: 15px;
  line-height: 29px;
}
.about_headings{
  font-family: "Lobster Two", sans-serif;
  font-weight: bold;
  font-size: 35px;
  position: relative;
  color: #000;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.about_headings::after{
    position: absolute;
      content: '';
      width: 53px;
      height: 3px;
      background-color: var(--primary);
      left: 1%;
      bottom: 0px;
  }
.about_headings span{
  color: var(--primary);
}
.my-flex{
  display: flex;
  gap: 20px;
  flex: 1;
  align-items: center;
  margin-bottom: 15px;
}
.small_feature h6{
  font-family: "Inter", sans-serif;
  margin-bottom: 8px;
  font-size: 16px;
  color: #000;
}
.small_feature h6 i{
  font-size: 22px;
  vertical-align: middle;
  color: var(--primary);
}
.username{
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.align_img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
/* Notices */
.noticesBox{
  color: var(--primary);
  font-family: 'Poppins', sans-serif;
  text-align: center;
  padding: 50px 0 0;
  position: relative;
  z-index: 1;
}
.noticesBox:before,
.noticesBox:after{
  content: '';
  background-color: var(--primary);
  height: 100px;
  width: 100px;
  border-radius: 20px;
  transform: translateX(-50%) rotate(45deg);
  position: absolute;
  left: 50%;
  top: 15px;
  z-index: -1;
}
.noticesBox:after{
  background-color: hsl(0, 0%, 80%);
  height: 10px;
  width: 10px;
  border: 3px solid #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.noticesBox .service-content{
  background-color: #fff;
  padding: 20px;
  text-align: left;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
.noticesBox .service-icon{
  font-size: 40px;
  line-height: 40px;
  margin: 0 0 10px;
}
.noticesBox .title{
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  text-transform: capitalize;
  margin: 0 0 8px;
}
.notice_text{
  color: #000;
  font-size: 14px;
  display: inline-block;
  margin: 10px 5px;
}
/* Mission */
.mission_wrapper{
  border: 4px solid #000a3c;
  padding: 5px;
}
.msn_txt{
  padding: 25px 0px;
  font-family: 'Rubik', sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: var(--primary);
}
.mission_content{
  background-color: #000a3c;
  padding: 25px 10px;
}
.mission_list li{
  color: #fff;
  text-align: left;
  font-size: 18px;
  margin-bottom: 10px;
}
/*Doctors */
 .member {
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.member .member-img {
  position: relative;
  overflow: hidden;
}
 .member .member-info {
  padding: 25px 15px;
}
 .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: var(--primary);
}
 .member .member-info span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #444444;
}
 .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}
 .member:hover .social {
  opacity: 1;
}
/* opd */
.opd_content{
  background-color: beige;
  padding: 10px 0px 30px;
  border-radius: 6px;
}
.opd_main_timing{
  font-family: 'Rubik', sans-serif;
  background-color: crimson;
  color: #fff;
  padding: 5px 15px;
  font-size: 35px;
  margin-bottom: 15px;
}
.opd_main_charge{
  font-family: 'Rubik', sans-serif;
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 15px;
}
/* rate Chart */
.rate_chart{
  text-align: left;
}
.rate_chart h2{
  display: inline-block;
  font-family: 'Rubik', sans-serif;
  background: var(--primary);
  color: #fff;
  border: 2px solid #fff;
  padding: 5px;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.rate_chart h3{
  font-family: 'Rubik', sans-serif;
  font-size: 23px;
  color: #202020;
  line-height: 35px;
  font-weight: 600;
}
.rate_chart h4{
  font-family: 'Rubik', sans-serif;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 800;
}
.rate_chart h4 a{
  font-family: 'Rubik', sans-serif;
  color: #202020;
  font-weight: 600;
}
.rate_chart h3 b{
  color: darkred;
}
.navbar-light .navbar-toggler{
  border-color: transparent;
}
/* Important Links */
.links_wrapper{
  background-color: #ccc;
  padding: 10px;
  border-top-left-radius: 6px;
  color: #000;
  border-top-right-radius: 6px;
}
.links_wrapper h6{
  position: relative;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 25px;
  color: #000;
}
.links_wrapper h6::after {
  position: absolute;
  content: '';
  width: 37px;
  height: 2px;
  background: var(--primary);
  bottom: 16px;
  left: 49%;
}
.links_wrapper h6 span{
  color: var(--primary);
}
.important_links{
  display: flex;
  flex-wrap: wrap;

}
.important_links li {
  width: 50%;
  text-align: left;
  list-style: circle;
  margin-bottom: 0.70rem;
}
.important_links li a{
  font-size: 15px;
  color: #000;
}
/* Blog */
.blog .posts-list article {
  padding-bottom: 30px;
  height: 100%;
}

.blog .posts-list article+article {
  margin-top: 60px;
}

.blog .posts-list .post-img {
  max-height: 240px;
  overflow: hidden;
}

.blog .posts-list .title {
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  margin: 20px 0 0 0;
}

.blog .posts-list .title a {
  color: #000;
  transition: 0.3s;
  font-size: 19px;
  font-family: 'Inter';
  font-weight: 600;
}

.blog .posts-list .title a:hover {
  color: var(--color-primary);
}

.blog .posts-list .meta-top {
  margin-top: 20px;
  color: var(--color-gray);
}

.blog .posts-list .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .posts-list .meta-top ul li+li {
  padding-left: 20px;
}

.blog .posts-list .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: var(--primary);
}

.blog .posts-list .meta-top a {
  color: #606060;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .posts-list .content {
  margin-top: 20px;
}

.blog .posts-list .read-more a {
  display: inline-block;
  background: var(--primary);
  color: #fff;
  padding: 8px 16px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 37px;
}

.blog .posts-list .read-more a:hover {
  background: var(--primary);
  color: #fff;
}

/*--------------------------------------------------------------
# Blog Details Page
--------------------------------------------------------------*/

.blog .blog-details .post-img {
  overflow: hidden;
}

.blog .blog-details .title {
  font-size: 28px;
  font-weight: 700;
  padding: 0;
  display: block;
  margin-top: 15px;
  color: #000;
}

.blog .blog-details .content {
  margin-top: 20px;
}

.blog .blog-details .content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: bold;
}

.blog .blog-details .content blockquote {
  overflow: hidden;
  background-color: rgba(var(--color-secondary-rgb), 0.06);
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog .blog-details .content blockquote p {
  color: var(--color-default);
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
}

.blog .blog-details .content blockquote:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--color-secondary);
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog .blog-details .meta-top {
  margin-top: 20px;
  color: var(--color-gray);
}

.blog .blog-details .meta-top ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.blog .blog-details .meta-top ul li+li {
  padding-left: 20px;
}

.blog .blog-details .meta-top i {
  font-size: 16px;
  margin-right: 8px;
  line-height: 0;
  color: rgba(var(--color-primary-rgb), 0.8);
}

.blog .blog-details .meta-top a {
  color: var(--color-gray);
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .blog-details .meta-bottom {
  padding-top: 10px;
  border-top: 1px solid rgba(var(--color-secondary-rgb), 0.15);
}

.blog .blog-details .meta-bottom i {
  color: var(--color-secondary-light);
  display: inline;
}

.blog .blog-details .meta-bottom a {
  color: rgba(var(--color-secondary-rgb), 0.8);
  transition: 0.3s;
}

.blog .blog-details .meta-bottom a:hover {
  color: var(--color-primary);
}

.blog .blog-details .meta-bottom .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog .blog-details .meta-bottom .cats li {
  display: inline-block;
}

.blog .blog-details .meta-bottom .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog .blog-details .meta-bottom .tags li {
  display: inline-block;
}

.blog .blog-details .meta-bottom .tags li+li::before {
  padding-right: 6px;
  color: var(--color-default);
  content: ",";
}
th{
  font-weight: 400;
}
.blog .blog-details .meta-bottom .share {
  font-size: 16px;
}

.blog .blog-details .meta-bottom .share i {
  padding-left: 5px;
}

.blog .post-author {
  padding: 20px;
  margin-top: 30px;
  box-shadow: 0 4px 16px rgba(var(--color-black-rgb), 0.1);
}

.blog .post-author img {
  max-width: 120px;
  margin-right: 20px;
}

.blog .post-author h4 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
  color: var(--color-secondary);
}

.blog .post-author .social-links {
  margin: 0 10px 10px 0;
}

.blog .post-author .social-links a {
  color: rgba(var(--color-secondary-rgb), 0.5);
  margin-right: 5px;
}

.blog .post-author p {
  font-style: italic;
  color: rgba(var(--color-gray-rgb), 0.8);
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog .sidebar {
  padding: 30px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  position: relative;
  margin: 0;
  padding-bottom: 5px;
  color: #000;
}
.blog .sidebar .sidebar-title::after{
  position: absolute;
  content: '';
  width: 37px;
  height: 3px;
  bottom: 0;
  left: 0;
  background: var(--primary);
}
.blog .sidebar .sidebar-item+.sidebar-item {
  margin-top: 40px;
}

.blog .sidebar .search-form form {
  background: var(--color-white);
  border: 1px solid rgba(var(--color-secondary-rgb), 0.3);
  padding: 3px 10px;
  position: relative;
}

.blog .sidebar .search-form form input[type=text] {
  border: 0;
  padding: 4px;
  border-radius: 4px;
  width: calc(100% - 40px);
}

.blog .sidebar .search-form form input[type=text]:focus {
  outline: none;
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: var(--color-primary);
  color: var(--color-white);
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  line-height: 0;
}

.blog .sidebar .search-form form button i {
  line-height: 0;
}

.blog .sidebar .search-form form button:hover {
  background: rgba(var(--color-primary-rgb), 0.8);
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li+li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: var(--color-secondary);
  transition: 0.3s;
}

.blog .sidebar .categories ul a:hover {
  color: var(--color-default);
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: rgba(var(--color-default-rgb), 0.4);
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item {
  display: flex;
}

.blog .sidebar .recent-posts .post-item+.post-item {
  margin-top: 15px;
}

.blog .sidebar .recent-posts img {
  width: 80px;
  margin-right: 15px;
}

.blog .sidebar .recent-posts h4 {
  font-size: 18px;
  font-weight: 400;
}

.blog .sidebar .recent-posts h4 a {
  display: inline-block;
  color: #262626;
  transition: 0.3s;
  font-size: 15px;
  font-family: 'Inter';
  padding-bottom: 4px;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: var(--primary);
}

.blog .sidebar .recent-posts time {
  display: block;
  font-size: 13px;
  color: #606060;
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: var(--color-secondary-light);
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid rgba(var(--color-secondary-light-rgb), 0.8);
  display: inline-block;
  transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
  color: var(--color-white);
  border: 1px solid var(--color-primary);
  background: var(--color-primary);
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: rgba(var(--color-secondary-light-rgb), 0.8);
  font-size: 14px;
}
.blog .blog-pagination {
  margin-top: 30px;
  color: var(--color-secondary-light);
}

.blog .blog-pagination ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

.blog .blog-pagination li {
  margin: 0 5px;
  transition: 0.3s;
}

.blog .blog-pagination li a {
  background: var(--primary);
  color: #fff;
  padding: 7px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog .blog-pagination li.active,
.blog .blog-pagination li:hover {
  background: var(--secondary);
}

.blog .blog-pagination li.active a,
.blog .blog-pagination li:hover a {
  color: var(--color-white);
}
/********** Responsive Breakpoins *********/



/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  /* Index Page */
  .owl-carousel .owl-item img{
    height: 250px;
  }
  .tag::after{
    right: -13px;
  }
  .ripple-container{
    padding: 0;
  }
  .navbar-light .navbar-nav .nav-link{
    padding-bottom: 8px;
  }
  .header-info-content h6{
    font-size: 16px;
  }
  .contact .info-box{
    margin-bottom: 20px;
  }
  .my-nav:after{
    display: none;
  }
  a.header-search{
    display: none;
  }
  .navbar{
    padding: 10px;
  }
  .navbar-toggler i{
    font-size: 35px;
    color: #fff;
  }
  .about_content h1{
    font-size: 34px;
  }
  .about_img:after{
    display: none;
  }
  .about_headings {
    font-size: 21px;
  }
  .principal_short_msg{
    margin-top: 25px;
  }
  .header-info-icon {
    height: 35px;
    width: 35px;
    background-color:transparent;
    font-size: 25px;
    line-height: 34px;
  }
  .header-info-icon i{
    color: var(--primary);
  }
  .header-info-content a {
    font-size: 12px;
  }
  marquee{
    font-size: 14px;
  }
  .tag {
    font-size: 13px;
  }
  .feature_holder{
    top: 10px;
  }
  .feature_icons{
    font-size: 25px;
  }
  .feature_heading{
    font-size: 14px;
  }
  .nabh_text{
    font-size: 20px;
    margin-top: 0px;
  }
  .about_img img{
    width: 100%;
    margin-top: 20px;
  }
  .navbar_wrapper{
    top: 0px;
  }
  .post-author h4{
    font-size: 14px;
    margin-bottom: 0px;
  }
  .event_date{
    display: flex;
    flex-direction: column;
  }
  .event_date h4{
    margin-top: 14px;
  }
  .event_date ul li{
    margin-right: 7px;
    padding-right: 7px;
    font-size: 14px;
  }
  .overlap_box {
    width: 97%;
    bottom: 25px;
    left: 5px;
    padding: 16px;
}
  .about_content h2{
    font-size: 30px;
  }
  .head_text{
    font-size: 28px;
  }
  .about_wrapper:after{
    display: none;
  }
  .coinfall_gif{
    right:0;
  }
  .rm_btn {
    padding: 7px 19px;
  }
  .hero_container{
    margin-bottom: 30px;
  }
  .sub_heading{
    font-size: 13px;
  }
  .fs-title{
    font-size: 17px;
  }
  .steps{
    font-size: 14px;
  }
  #progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
  }
  #progressbar li{
    font-size: 10px;
  }
  .fieldlabels{
    font-size: 14px;
  }
  #msform input, #msform select, #msform textarea{
    font-size: 13px;
  }
  .error{
    font-size: 11px;
  }
  .content h5{
    font-size: 18px;
  }
  .content p{
    font-size: 14px;
  }
  /* About Page */
  .all_page_banner img{
    height: 120px;
  }
  .banner_text h2{
    font-size: 17px;
  }
  .heading{
    font-size: 25px;
  }
  .nabh_texts {
    font-size: 30px;
  }
  .page_head{
    font-size: 15px;
    line-height: 25px;
  }
  .chairman_content {
    font-size: 16px;
    line-height: 25px;
  }
  .opd_main_timing{
    font-size: 18px;
  }
  .opd_main_charge{
    font-size: 14px;
  }
  .pills{
    font-size: 12px;
    padding: 4px 5px;
  }
  .rate_chart h2{
    font-size: 16px;
  }
  .rate_chart h3{
    font-size: 15px;
    line-height: 23px;
  }
  .rate_chart h4{
    font-size: 15px;
  }
  .opd_charge {
    font-size: 16px;
  }
  .service_content{
    height: 9vh;
  }
  .counter_section img{
    height: 160px;
  }
  .counter_wrapper{
    bottom: 74px;
  }
  .count{
    font-size: 22px;
  }
  .counter_text{
    font-size: 14px;
    margin-bottom: 15px;
  }
  /* Footer */
  .footer-content .contact-widget {
    margin-left: 0px;
  }
  .footer-bottom .footer-nav{
    text-align: start;
  }
  .footer-bottom {
    padding: 15px 0px 0px 0px;
  } 
  .overlap__footer {
    position: absolute;
    left: 27%;
    bottom: -9px;
    color: #fff;
    text-align: center;
    background-color: #ee0e5a;
    margin: 0 auto;
    width: 45%;
    padding: 13px;
}
.features_wrapper{
  display: none;
}
}
.navbar-light .navbar-toggler:focus{
  border: transparent;
}
.header_login{
  margin-bottom: 7px;
}
/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .navbar-toggler i {
    font-size: 35px;
    color: #fff;
} 
  .mail_text{
    margin-right: 8px;
  }
  .my-nav:after{
    display: none;
  }
  a.header-search{
    display: none;
  }
  .head_text{
    font-size: 35px;
  }
  .hero_container{
    margin-bottom: 30px;
  }
  .important_links li a{
    font-size: 14px;
  }
  .header-info-content h6{
    font-size: 17px;
  }
  .header-info-content a {
    font-size: 12px;
  }
  .about_content h1{
    font-size: 42px;
  }
  .about_img img {
    width: 100%;
    text-align: center;
    margin-top: 25px;
  }
  .about_img:after{
    top: 13px;
  }
  .serviceBox .title{
    font-size: 16px;
  }
  .serviceBox .description {
    font-size: 12px;
    line-height: 20px;
  }
  .heading{
    font-size: 20px;
  }
  .heading::after {
    width: 43px;
    left: 46%;
  }
  .headings{
    font-size: 24px;
  }
  .title-default-left{
    font-size: 22px;
  }
  .about_headings{
    font-size: 28px;
  }
  .about_text {
    font-size: 14px;
    line-height: 26px;
  }
  .principal_short_msg {
    margin-top: 25px;
    font-size: 17px;
  }
  .all_page_banner img{
    height: 200px;
  }
  .banner_text h2 {
    font-size: 24px;
  }
  .choose_content h2{
    font-size: 30px;
  }
  .choose_content h2 span {
    font-size: 35px;
  }
  .fs-title{
    font-size: 17px;
  }
  .steps{
    font-size: 14px;
  }
  #progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 18px;
  }
  #progressbar li{
    font-size: 10px;
  }
  .fieldlabels{
    font-size: 14px;
  }
  #msform input, #msform select, #msform textarea{
    font-size: 13px;
  }
  .error{
    font-size: 11px;
  }
  /* Footer */
  .footer-content .footer-title {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 12px;
}
  .footer-content .contact-widget {
      margin-left: 0px;
  }
  .footer-bottom .footer-nav{
      text-align: start;
   }
   .map_box{
    margin-top: 25px;
   }
  .footer-bottom {
      padding: 15px 0px 0px 0px;
   }
  .footer-content {
      padding: 31px 0px 30px 0px;
   }
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .head_text{
    font-size: 24px;
  }
  .navbar-toggler i{
    font-size: 35px;
    color: #fff;
  }
  .header-info-content h6{
    font-size: 16px;
  }
  .header-info-content a {
    font-size: 12px;
  }
  .header-info-icon {
    font-size: 21px;
    height: 45px;
    width: 45px;
    border-radius: 1px 50% 50%;
  }
  .about_img img {
    width: 100%;
    margin-top: 14px;
    text-align: center;
  }
  .best_practices_wrapper li .news-content-holder h3{
    font-size: 14px;
  }
  .best_practices_wrapper li{
    height: 27vh;
  }
  .title-default-left{
    margin-top: 20px;
  }
  .heading{
    font-size: 21px;
  }
  .important_links li a{
    font-size: 13px;
  }
  .content h5{
    font-size: 15px;
  }
  .banner_text h2 {
    font-size: 26px;
  }
  .content p{
    font-size: 13px;
  }
  .choose_content h2{
    font-size: 23px;
  }
  .choose_content h2 span{
    font-size: 26px;
  }
  .footer-content .contact-widget {
    margin-left: 0;
  }
  .footer-content .footer-title{
    margin-bottom: 19px;
  }
  .footer-content .contact-widget .footer-title {
    margin-bottom: 19px;
  }
  .footer-content .service-widget .list li a{
    font-size: 14px;
  }
  .footer-content .service-widget .list li{
    margin-bottom: 6px;
  }
  .text p b{
    font-size: 12px;
  }
  .text a{
    font-size: 12px;
  }
  .footer-content .logo-widget .text p {
    font-size: 14px;
  }
  .about_headings{
    font-size: 19px;
  }
  .about_text {
    font-size: 14px;
    line-height: 24px;
  }
  .small_feature h6{
    font-size: 14px;
  }
  .principal_short_msg {
    margin-top: 25px;
  }
  .map_box{
    margin-top: 25px;
  }
}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
  .navbar-light .navbar-nav .nav-link{
    margin-right: 20px;
  }
  .activity_title{
    font-size: 13px;
  }
  .upcoming_event_scroll{
    height: 100vh;
  }
}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
  .tag::after{
    right: -13px;
  }
}

.rate {
  float: left;
  height: 46px;
  padding: 0 10px;
  }
  .rate:not(:checked) > input {
  position:absolute;
  display: none;
  }
  .rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
  }
  .rated:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ccc;
  }
  .rate:not(:checked) > label:before {
  content: '★ ';
  }
  .rate > input:checked ~ label {
  color: #ffc700;
  }
  .rate:not(:checked) > label:hover,
  .rate:not(:checked) > label:hover ~ label {
  color: #deb217;
  }
  .rate > input:checked + label:hover,
  .rate > input:checked + label:hover ~ label,
  .rate > input:checked ~ label:hover,
  .rate > input:checked ~ label:hover ~ label,
  .rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
  }
  .star-rating-complete{
     color: #c59b08;
  }
  .rating-container .form-control:hover, .rating-container .form-control:focus{
  background: #fff;
  border: 1px solid #ced4da;
  }
  .rating-container textarea:focus, .rating-container input:focus {
  color: #000;
  }
  .rated {
  float: left;
  height: 46px;
  padding: 0 10px;
  }
  .rated:not(:checked) > input {
  position:absolute;
  display: none;
  }
  .rated:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#ffc700;
  }
  .rated:not(:checked) > label:before {
  content: '★ ';
  }
  .rated > input:checked ~ label {
  color: #ffc700;
  }
  .rated:not(:checked) > label:hover,
  .rated:not(:checked) > label:hover ~ label {
  color: #deb217;
  }
  .rated > input:checked + label:hover,
  .rated > input:checked + label:hover ~ label,
  .rated > input:checked ~ label:hover,
  .rated > input:checked ~ label:hover ~ label,
  .rated > label:hover ~ input:checked ~ label {
  color: #c59b08;
  }
  .modal-bg{
    background-color: #e4ffec;
    text-align: center;
  }
  .modal-bg h5{
    font-weight: 900;
    text-align: center;
    line-height: 2rem;
    background-color: #ffde59;
    padding: 1rem;
  }
  .modal-bg .bg-brand{
    background-color: #198754;
    padding: 0.8em;
    color: #fff;
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .popupModal .modal-body{
    padding: 0;
  }
.text-bold{
  font-weight: 900;
}
.owl-nav {
  position: absolute;
  top: 37%;
  width: 93%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
button.owl-next {
  position: absolute;
  right: 0;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  font-size: 3.2em;
  color: #fff;
}
.counts {
  background-color: orange;
  padding: 2px 9px;
  color: #000;
  display: inline-block;
  margin-left: 6px;
  letter-spacing: 3px;
}
.footer-bottom .copyright, .footer-bottom .copyright a, .footer-bottom .footer-nav li a:hover{
  color: #fff !important;
}
.comment_heading{
  margin-top: 3.5rem;
  font-size: 18px;
  font-weight: bold;
  color: var(--primary);
}
.comment .comment-box{
  background-color: #f4f4f4;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 16px 10px;
  border-radius: 8px;
}
.comment-user-icon{
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;

}
.comment-user-icon img{
  width: 100%;
  height: 100%;

}