.f12 {
   font-size: 14px;
   color: #000;
}
.bg-img-counter p {
   text-align: center;
}

.sub_tie h3 {
   text-align: left;
}

.sub_tie {
   text-align: center;
}

.hdng {
   text-align: center;
}
.btn {
   white-space: inherit !important;
}
li {
   font-size: 17px;
   font-weight: normal;
   color: #fff;
}

p {
   color: #000;
   font-size: 17px;
   font-weight: normal;
   text-align: justify;
}

.hdng9 {
   text-align: center;
}

.mar_down {
   margin-bottom: 0 !important;
}

.pos_change {
   text-align: center;
}
p {
   text-align: start !important;
}

.tpd-t1 {
   height: 555px;
}

.margin_rem {
   margin-top: 0 !important;
}

.inner_li {
   list-style-type: disc !important;
   border-bottom: navajowhite !important;
   margin-bottom: 0 !important;
   padding-left: 2px !important;
   padding-top: 20px;
}

.fqp ul li {
   list-style-type: none;
   margin-bottom: 10px;
   /* border-bottom: 1px solid #ddd; */
   padding-bottom: 10px;
}

.fqp .fq p {
   color: #000;
   font-size: 17px;
   font-weight: normal;
   text-align: justify;
}

.fqp .fq h3 {
   color: #000;
   letter-spacing: 1px;
   font-weight: normal;
   margin-bottom: 5px;
   text-transform: capitalize;
   font-size: 24px;
}

.fqp .fq {
   border-left: 4px solid #7cc4c1;
   padding: 20px;
   background: #fff;
}

.hdng h2 {
   color: #595757;
   letter-spacing: 1px;
   font-weight: normal;
   border-bottom: 1px solid #0000002e;
   display: inline-block;
   padding-bottom: 10px;
   margin-bottom: 15px;
   text-transform: capitalize;
}

.tpd-t1 {
   box-shadow: 0 0 9px 2px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);
   padding: 15px;
}

.btp-img1 {
   top: -1px;
}

.htj-t p {
   color: #ddd;
   font-size: 17px;
   font-weight: normal;
   padding: 0 22px;
   margin-bottom: 10px;
   text-align: justify;
   list-style-type: none;
   display: flex;
}

.htj-t ul {
   columns: 2;
}

.htj-t ul li:before {
   content: "\f00c";
   font-family: FontAwesome;
   font-size: 15px;
   top: 10px;
   color: #fff;
   width: auto;
   height: auto;
   margin-right: 10px;
   background-color: transparent;
}

.htj-t ul li {
   color: #ddd;
   font-size: 17px;
   font-weight: normal;
   padding: 0 22px;
   margin-bottom: 10px;
   text-align: justify;
   list-style-type: none;
   display: flex;
}

.dhijp-a p {
   color: #fff;
   font-size: 17px;
   font-weight: normal;
   text-align: center;
   padding-bottom: 40px;
}

.hdng9 h2 {
   color: #fff;
   letter-spacing: 1px;
   font-weight: normal;
   border-bottom: 1px solid #f3eeea6e;
   display: inline-block;
   padding-bottom: 10px;
   margin-bottom: 15px;
   text-transform: capitalize;
}

.btp-img2 {
   bottom: -1px;
}

.btp-img1,
.btp-img2 {
   position: absolute;
   right: 0;
   left: 0;
   z-index: 2;
   pointer-events: none;
   bottom: -1px;
}

.wp-7 {
   padding: 40px 0;
   /* background-image: url(../img/bgn-blurb-4.png); */
   background-repeat: no-repeat;
   background-size: cover;
   margin-top: 40px;
   position: relative;
   background-color: #023640;
}

.back_end {
   padding: 50px 0px;
   background-color: #f3eeea;
}

.back_end .card-body {
   background-color: #f3eeea;
}

.tpd-txt p:last-child {
   margin-bottom: 25px;
}

.back_end .card {
   border-left: 0 !important;
   border-top: 0 !important;
   border-right: 0 !important;
}

.content {
   margin-bottom: 24px;
   margin-top: 25px;
}

.glry-wp {
   background-color: #f3eeea;
   padding: 50px 0px;
}

.glry-wp .hdng {
   text-align: center;
}
.btn-group-sm > .btn,
.btn-sm {
   padding: 0.5rem 0.5rem;
   font-size: 18px;
   line-height: 1.5;
   border-radius: 0.2rem;
   color: #fff;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 30px;
   padding-left: 30px;
}

/* 
    .hdng {
        margin-bottom: 25px;
    } */

.wp-3 {
   padding: 50px 0;
}

@media screen and (min-width: 768px) {
   .f12 {
      font-size: 16px;
      text-align: center !important;
      color: #000;
   }
   .card-body ul {
      padding-left: 40px;
   }
}

@media screen and (max-width: 767px) {
   p {
      text-align: start;
   }
   .card-container {
      margin-bottom: 20px;
   }
   .fqp ul {
      padding-left: 0 !important;
   }
   .card-text {
      padding: 0 20px;
      padding-bottom: 20px;
   }

   .card {
      height: inherit !important;
      /* border: 1px solid; */
      box-shadow: -2px 3px 4px #817d7d;
   }
   ul {
      padding-left: 16px !important;
   }

   ol {
      padding-left: 16px !important;
   }

   .tpd-t1 {
      margin-top: 20px;
      height: auto !important;
   }

   p.text-white {
      text-align: center;
   }

   .content .card {
      border-right: 0 !important;
      border-left: 0 !important;
   }

   .card-body {
      padding: 0 !important;
   }

   p {
      text-align: justify;
   }

   .htj-t ul {
      columns: 1 !important;
      padding-left: 0 !important;
   }

   .content p {
      padding: 5px 0px !important;
   }

   .card-body ul {
      padding-left: 0px !important;
   }
}

.offers-consult img {
   display: none;
}

.form-padd {
   margin: 0;
}

@media (min-width: 576px) {
   .modal-dialog {
      max-width: 550px;
   }
}

@media (max-width: 74.9em) {
   .threeSteps .card-body {
      min-height: 0px !important;
      height: auto;
   }
}
.our-team-achor a {
   text-decoration: none;
   color: inherit;
   display: inline-block;
   position: relative;
}

.our-team-achor a p {
   position: relative;
   display: inline-block;
}

.our-team-achor a p::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 1px;
   background-color: #17a2b8;
   transition: width 0.4s ease;
}

.our-team-achor:hover a p::after {
   width: 100%;
}

.more-btn {
   padding: 10px 16px;
   border-radius: 4px;
   border: 1px solid #17a2b8;
   background-color: #7cc4c3;
   color: #fff !important;
   font-size: 14px;
   font-weight: 600;
   transition: all 0.3s ease;
}
.more-btn:hover {
   background-color: rgba(23, 162, 184, 0.2);
   border-color: #138496;
   transform: scale(1.05);
   text-decoration: none;
}
/* Loader CSS */
.loader {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100vh;
}

.spinner {
   width: 40px;
   height: 40px;
   border: 4px solid rgba(0, 0, 0, 0.2);
   border-top: 4px solid #7cc4c3;
   border-radius: 50%;
   animation: spin 1s linear infinite;
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

.slick-track {
   display: flex !important;
}

.slider {
   background-color: #efedeb;
   padding: 40px 30px;
}

.slider_title_container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 20px;
   padding: 0 15px;
}

.more_blogs-btn a {
   text-decoration: none;
   color: #fff;
   padding: 10px 20px;
   background-color: #7cc4c3;
   border-radius: 4px;
}

.slider-card .imgbox img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   display: block;
   position: absolute;
   transition: all 0.4s ease;
}

.slider-card .imgbox {
   width: 100%;
   position: relative;
   padding: 0 0 56.66%;
   overflow: hidden;
}

.slider-card:hover .imgbox img {
   transform: scale(1.1);
   transition: all 0.4s ease-in-out;
}

.slider-card {
   padding: 0 0 30px;
   background: #fff;
   overflow: hidden;
   position: relative;
   display: flex;
   flex-direction: column;
   height: auto !important;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   transition: box-shadow 0.3s ease-in-out;
   margin: 0 10px;
}

.slider-card:hover {
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.slider-text {
   padding: 20px 30px;
}

.slider-date {
   font-size: 14px;
   color: #555;
   margin: 0 0 10px;
   display: flex;
   gap: 5px;
   align-items: baseline;
}

.fqp .fq h3 {
   color: #fff;
   font-size: 18px;
   padding: 20px;
}
.fqp .fq {
   padding: 0;
   border: 0;
   background: transparent;
   margin: 0;
}
.slider-date img {
   width: 12px;
   height: 12px;
   object-fit: cover;
}

.heading-4 {
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 15px;
}

.heading-4 a {
   color: #000;
   text-decoration: none;
   transition: all 0.4s ease 0s;
   font-weight: 500;
}

.heading-4 a:hover {
   color: #7cc4c3;
}

.content {
   font-size: 16px;
   line-height: 1.6;
   color: #000;
}

.slider-btn {
   background: #7cc4c3;
   border-color: #7cc4c3;
   color: #fff;
   padding: 10px 20px;
   font-size: 16px;
   border-radius: 4px;
   width: 120px;
   text-decoration: none;
   font-weight: bold;
   text-align: center;
}

.slider-btnbox a:hover {
   color: #fff;
   text-decoration: none;
}

.slider-btnbox {
   position: absolute;
   bottom: 5%;
   left: 50%;
   transform: translate(-50%);
}

.slick-dots {
   bottom: -45px !important;
}

.fq-content {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.5s ease;
   padding-top: 0;
   background: #fff;
   padding-bottom: 0;
}

.fq.active .fq-content {
   max-height: 800px; /* adjust as per your content's max height */
   padding: 15px;
}
.faq-question {
   cursor: pointer;
   /* background-color: #7cc4c1; /* match your theme */
   background-color: #3a8291;
   padding: 10px 15px;
   margin: 0;
   color: white;
   font-weight: bold;
   position: relative;
}
.faq-question::after {
   content: "+";
   position: absolute;
   right: 20px;
   font-size: 18px;
   transition: transform 0.3s ease;
}
.fq.active .faq-question::after {
   content: "-";
}

.slick-dots li button:before {
   font-size: 12px !important;
}

.slick-dots li button,
.slick-dots li {
   width: 10px !important;
   height: 10px !important;
}

.slick-dots li button:before {
   border-radius: 50% !important;
   font-family: slick !important;
   font-size: 6px !important;
   line-height: 20px;
   position: absolute;
   top: 0;
   left: 0;
   width: 10px !important;
   height: 10px !important;
   border: 1px solid #7cc4c3 !important;
   content: "" !important;
   text-align: center;
   opacity: 1 !important;
}

.slick-slide {
   text-align: left !important;
}

.slick-dots li.slick-active button:before {
   color: #7cc4c3 !important;
   background-color: #7cc4c3 !important;
}

.calendar-icon {
   color: #ccc;
}

.container p a {
   font-weight: 500;
}

.awardpic {
   width: 70.285% !important;
   /*    padding-top: 20px;
    padding-bottom: 20px;
    
    */
}

.card {
   height: 100%;
}

.ptb-35 {
   padding-top: 35px;
   padding-bottom: 45px;
}

img.mypic {
   width: 225px;
}

@media (min-width: 576px) {
   .col-sm-3 {
      -ms-flex: 0 0 18% !important;
      flex: 0 0 18.5% !important;
      max-width: 25%;
   }
}

@media only screen and (min-width: 521px) {
   .awardpic {
      width: 60.285%;
      /*  
      padding-top: 20px;
      padding-bottom: 20px;
    */
   }

   .mobileOny-yt {
      display: none;
   }
}

@media only screen and (max-width: 520px) {
   /* .awardpic {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
      } */

   .desktopOnly-yt {
      display: none;
   }

   .mobileOny-yt {
      width: 100%;
      height: auto;
   }
}

@media screen and (max-width: 991px) {
   .custom_nav {
      height: 77px !important;
   }
}

.text-uppercase {
   font-weight: 600;
}

.b-link a {
   color: blue !important;
}

@media (max-width: 400px) {
   .slider {
      position: relative;
      padding: 40px 30px 100px;
   }

   .more_blogs-btn {
      position: absolute;
      bottom: 2%;
      left: 50%;
      transform: translate(-50%);
   }
}
.countbox {
   padding: 15px;
   display: flex;
   flex-direction: column;
   align-items: center;
}

/* Counter numbers */
.counter-count {
   font-size: 32px;
   font-weight: 700;
   margin: 0 0 5px;
   color: #fff;
}

/* Labels */
.countbox p {
   margin: 0;
   font-size: 14px;
   font-weight: 500;
   color: #fff;
}

/* Basic mobile/desktop switch */
.desktopOnly-yt {
   display: block;
}
.mobileOny-yt {
   display: none;
}

@media (max-width: 768px) {
   .desktopOnly-yt {
      display: none;
   }
   .mobileOny-yt {
      display: block;
   }
}
@media (max-width: 74.9em) {
   .custom_nav .btn-outline-info {
      font-size: 16px !important;
      padding: 10px;
      line-height: 6px;
      background: #fff !important;
      border: none;
   }
   .logo {
      width: 126px !important;
   }
}

@media (max-width: 330px) {
   .logo {
      width: 93px !important;
   }
}
.covid-logo-mobile {
   display: none;
}
@media (max-width: 480px) {
   .covid-logo-mobile {
      display: block;
   }
}
.submenunew_changes {
   display: flex;
}
@media (max-width: 991px) {
   .mobile_overflow {
      height: 455px;
      overflow: auto;
   }
   .submenunew_changes {
      display: inline-block;
   }
   .dropdown-menu.show {
      display: block !important;
   }
   .dropdown-menu {
      display: none !important;
   }
   .custom_nav ul li:hover {
      border-bottom: none !important;
   }
   .dropdown-menu.show {
      border-bottom: 1px solid #fff;
      border-radius: 0;
   }
}
@media screen and (min-width: 991px) and (max-width: 1024px) {
   .custom_nav ul li a {
      padding: 10px 6px !important;
   }
   .new-dropdownlist {
      left: -68px !important;
   }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
   .custom_nav ul li a {
      padding: 10px 8px !important;
   }
   .new-dropdownlist {
      left: -55px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1430px) {
   .custom_nav ul li a {
      padding: 10px 19px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1340px) {
   .new-dropdownlist {
      left: -16px !important;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
   .custom_nav ul li a {
      padding: 10px 13px !important;
   }
}

@media screen and (min-width: 1430px) and (max-width: 1572px) {
   .custom_nav ul li a {
      padding: 10px 22px !important;
   }
}
.top-marquee {
   background: #41838c !important;
   color: #fff;
   height: 40px;
   display: flex;
   align-items: center;
   font-size: 16px;
   font-weight: 500;
}

.top-marquee marquee span {
   margin-right: 50px; /* spacing between headings */
}

.top-marquee .text-change {
   text-decoration: none;
   color: inherit;
   transition: background-color 0.3s, color 0.3s;
}

.top-marquee .text-change:hover {
   color: blue;
   cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 768px) {
   .top-marquee {
      font-size: 14px;
      height: 35px;
   }
}
  .awards-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 25px;
    justify-items: center;
    align-items: center;
  }

  .awardpic img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
  }

  .awardpic img:hover {
    transform: scale(1.05);
  }

  /* Tablet (3 per row) */
  @media (max-width: 992px) {
    .awards-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  /* Mobile (2 per row) */
  @media (max-width: 768px) {
    .awards-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Small Mobile (1 per row) */
  @media (max-width: 480px) {
    .awards-grid {
      grid-template-columns: 1fr;
    }
  }