@media (min-width: 1600px) {
   .container {
     max-width: 1400px;
   }
 }

 @media (min-width: 1400px) and (max-width: 1599px) {
   .container {
     max-width: 1300px;
   }
 }

 .cookie-banner {
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #f9f9f9;
   color: #333;
   padding: 12px 16px;
   font-size: 14px;
   text-align: center;
   border-top: 1px solid #ddd;
   transition: transform 0.3s ease-in-out;
   z-index: 1000;
 }

 .cookie-banner a {
   color: #555;
   text-decoration: underline;
   font-weight: 500;
 }

 .cookie-banner .close-btn {
   display: inline-block;
   margin-left: 16px;
   padding: 6px 12px;
   background: #e0e0e0;
   color: #333;
   border: none;
   border-radius: 4px;
   font-size: 13px;
   cursor: pointer;
   transition: background 0.2s;
 }

 .cookie-banner .close-btn:hover {
   background: #d5d5d5;
 }

 /* Hide the cookie banner if checkbox is checked */
 .qHEP3BvqvA:checked+.cookie-banner {
   display: none;
 }

 .tHaQRoU5Lc {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 30px;
   position: relative;
 }

 .logo a {
   font-size: 22px;
   font-weight: bold;
   color: #000;
   text-decoration: none;
 }

 .menu {
   display: flex;
 }

 .menu ul {
   list-style: none;
   display: flex;
   gap: 20px;
   padding: 0;
   margin: 0;
 }

 .menu ul li a {
   text-decoration: none;
   color: #000;
   font-size: 18px;
 }

 .burger {
   display: none;
   cursor: pointer;
   font-size: 30px;
 }

 #menu-toggle {
   display: none;
 }

 @media (max-width: 768px) {
   .menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     width: 100%;
     background-color: #fff !important;
     flex-direction: column;
     padding: 10px;
     z-index: 4444;
   }

   .menu ul {
     flex-direction: column;
     gap: 10px;
   }

   .burger {
     display: block;
   }

   #menu-toggle:checked+.menu {
     display: flex;
   }
 }

 /*
========= Container Section Ends =======
*/

 @media (max-width: 430px) {
   header .container {
     padding-left: 5px;
     padding-right: 0;
   }
 }

 html {
   scroll-behavior: smooth;
 }

 #preloader {
   background: black no-repeat center;
   height: 100vh;
   width: 100%;
   position: fixed;
   z-index: 1000;
 }

 .preloader {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .preloader-img {
   width: 200px;
   height: 100px;
 }

 /*
==== General Section =====
*/

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 a,
 li,
 p {
   color: #000;
   font-family: Poppins;
 }

 h1 {
   font-size: 3.5rem;
 }

 h2 {
   font-size: 3.125rem;
   font-weight: 700;
   margin-bottom: 1.88rem;
   line-height: 3.75rem;
 }

 h4 {
   font-size: 1.75rem;
   font-weight: 700;
 }

 h3 {
   font-family: Poppins;
   font-size: 2.375rem;
   font-style: normal;
   font-weight: 700;
   line-height: 3rem;
   /* 126.316% */
 }

 h5 {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 2.125rem;
   letter-spacing: 0.045rem;
 }

 h6 {
   text-align: center;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 2.125rem;
   letter-spacing: 0.045rem;
 }

 p {
   font-weight: 400;
   font-size: 1rem;
   margin-bottom: 1.87rem;
   line-height: 1.625rem;
   color: #474747;
 }

 a {
   line-height: 1.625rem;
   text-decoration: none;
 }

 #hero h1 {
   text-align: left;
   font-family: Rubik;
   font-style: normal;
   font-weight: 600;
   line-height: 5rem;
   text-transform: capitalize;
   font-size: 5rem;

   color: white;
   z-index: 2;
 }

 a:hover {
   color: #742092;
 }

 li {
   color: #474747;
   font-family: Rubik;
   font-size: 1rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.625rem;
   /* 162.5% */
   letter-spacing: 0.03rem;
   list-style: none;
   margin-bottom: 1rem;
 }

 @media (min-width: 1200px) and (max-width: 1399px) {
   h2 {
     font-size: 2.7rem;
     font-weight: 700;
     margin-bottom: 1.88rem;
     line-height: 3.25rem;
   }
 }

 @media (min-width: 320px) and (max-width: 430px) {
   #hero h1 {
     font-size: 3.5rem;
   }

   h2 {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 1.88rem;
     line-height: 3.25rem;
   }
 }

 @media (max-width: 319px) {
   #hero h1 {
     font-size: 3rem;
   }

   h2 {
     font-size: 1.7rem;
     font-weight: 700;
     margin-bottom: 1.88rem;
     line-height: 3.25rem;
   }
 }

 .cookies-eu-banner {
   background: #444;
   color: #fff;
   padding: 6px;
   font-size: 13px;
   text-align: center;
   position: fixed;
   bottom: 0;
   width: 100%;
   z-index: 10;

 }

 .cookies-eu-banner button {
   text-decoration: none;
   background: #222;
   color: #fff;
   border: 1px solid #000;
   cursor: pointer;
   padding: 4px 7px;
   margin: 2px 0;
   font-size: 13px;
   font-weight: 700;
   transition: background 0.07s, color 0.07s, border-color 0.07s;

 }

 .cookies-eu-banner button:hover {
   background: #fff;
   color: #222;
 }

 .hidden {
   display: none;
 }

 textarea.form-control {
   border-radius: 0;
 }

 /*
==== General Section Ends =====
*/

 /*
==== Common Class Section ====
*/
 header .navbar>.container {
   padding: 0;
 }

 .dropdown-item:active {
   color: white !important;
   background-color: #742092;
 }

 #main-header.sticky-top {
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 1000;
   /* Add any other styling you need for the sticky header */
   background-color: #ffffff;
   /* ... (other styles) ... */
 }

 .navbar-toggler {
   border: 1px solid #742092;
 }

 .navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow: 0 0 0 #742092;
 }

 .card {
   cursor: pointer;
   border: none !important;
   /* Other styles for the card */
 }

 .card:hover {
   /* Styles for the card when hovered */
   background-color: white;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
 }

 .Pwqmmxhraz {
   color: #742092;
   font-family: Poppins;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.875rem;
   /* 150% */
   letter-spacing: 0.0375rem;
   margin-bottom: 1rem;
 }

 .Pwqmmxhraz-small {
   color: #742092;
   font-family: Poppins;
   font-size: 0.75rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.875rem;
   /* 150% */
   letter-spacing: 0.0375rem;
   margin-bottom: 1rem;
 }

 .ht-btn {
   box-sizing: border-box;
   border: 1px solid #742092;
   background: #742092;
   border-radius: 3.5625rem;
   padding: 1.25rem 1.88rem;
   color: white;
   text-align: center;
   font-family: Poppins;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
 }

 .ht-btn-light {
   background: white;
   border-radius: 3.5625rem;
   padding: 1.25rem;
   color: #742092;
   font-family: Poppins;
   display: flex;
   align-items: center;
   gap: 1rem;
 }

 .ht-btn-light::after {
   content: "\F138";
   font-family: "bootstrap-icons";
   color: white;
   font-size: 1.5rem;
   background-color: #742092;
   border-radius: 50%;
   padding: 0.4rem 0.38rem;
 }

 .ht-btn-light:hover {
   background-color: #742092;
   color: white;
 }

 .ht-btn-light:hover::after {
   background-color: white;
   color: #742092;
 }

 .ht-btn-top {
   background: #742092;
   color: #fff;
   padding: 10px 20px;
   font-family: Poppins;
   font-size: 0.75rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.625rem;
   letter-spacing: 0.0225rem;
   border-radius: 3.5625rem;
   display: flex;
   gap: 1.25rem;
   align-items: center;
   justify-content: center;
 }

 .ht-btn-top:hover {
   border: 1px solid #742092;
   background-color: white;
   color: #742092;
 }

 /* .ht-btn-top::after {
  content: "\F138";
  font-family: "bootstrap-icons";
  color: white;
  font-size: 1.5rem;
}
.ht-btn::after {
  content: "\F138";
  font-family: "bootstrap-icons";
  color: white;
  font-size: 1.5rem;
} */
 .ht-btn:hover {
   border: 1px solid #742092;
   background: white;
   color: #742092;
 }

 .ht-btn:hover::after {
   color: #742092;
 }

 .ht-category-btn {
   display: flex;
   padding: 0.625rem 1.25rem;
   justify-content: center;
   align-items: center;
   gap: 0.625rem;
   border-radius: 1.6875rem;
   border: 2px solid #742092;
   color: #742092;
 }

 .ht-category-btn:hover {
   background-color: #742092;
   color: white;
 }

 .ht-category-btn.active {
   background-color: #742092;
   color: white;
 }

 .ph-no {
   display: flex;
   gap: 0.62rem;
 }

 .ph-no::before {
   content: "\F5C1";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .email {
   display: flex;
   gap: 0.62rem;
 }

 .email::before {
   content: "\F32F";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .clock {
   display: flex;
   gap: 0.62rem;
 }

 .clock::before {
   content: "\F102";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .likes,
 .views,
 .author,
 .date,
 .reply {
   display: flex;
   gap: 0.62rem;
   cursor: pointer;
 }

 .reply::before {
   content: "\F253";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .reply:hover::before {
   content: "\F24E";
   font-family: "bootstrap-icons";
   color: rgb(116, 116, 224);
 }

 .date::before {
   content: "\F20C";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .author::before {
   content: "\F4E1";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .views::before {
   content: "\F341";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .likes::before {
   content: "\F417";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .likes:hover::before {
   content: "\F415";
   font-family: "bootstrap-icons";
   color: red;
 }

 .g38J0rpHgA {
   display: flex;
   align-items: start;
   gap: 0.5rem;
 }

 .g38J0rpHgA::before {
   content: "\F3E8";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .healthCare,
 .healing-hand,
 .experience {
   display: flex;
   align-items: center;
   gap: 0.62rem;
 }

 .year-exp {
   display: flex;
   align-items: center;
   gap: 1.1rem;
 }

 .healing-hand::before {
   content: url(../img/About/healing-hand.svg);
 }

 .healthCare::before {
   content: url(../img/About/healthCare.svg);
 }

 .experience::before {
   content: url(../img/About/experience.svg);
 }

 .year-exp::before {
   content: url(../img/About/year-exp.svg);
 }

 .small_square_frame {
   display: flex;
   justify-content: center;
   max-width: 5.9375rem;
   max-height: 5.9375rem;
   flex-shrink: 0;
 }

 .drop-square-frame {
   border: 1px solid black;
 }

 .circle-container {
   width: 100px;
   /* Adjust the width as needed */
   height: 100px;
   overflow: hidden;
   padding: 0;
   border-radius: 50%;
   margin: 0 auto;
   background-color: grey;
 }

 .circle-container img {
   object-fit: cover;
   /* Ensure the image covers the circular area */
   width: 100%;
   height: 100%;
 }

 /*
==== Common Class Section Ends ====
*/

 /*
====Swiper Media Queries =====*/
 .swiper-slide {
   display: flex;
   justify-content: center;
 }

 @media (max-width: 767px) {
   .swiper-slide {
     display: flex;
     justify-content: center;
   }
 }

 /*
==== Header Top =====
*/

 .header-top {
   background-color: #dae5ff;
   padding-block: 0.75rem;
   display: flex;
   align-items: center;
 }

 .header-top ul>li {
   padding: 0;
   list-style: none;
 }

 header li {
   margin-bottom: 0;
 }

 ul {
   padding: 0;
 }

 .header-top ul,
 .header-top li {
   margin-bottom: 0;
 }

 .ht-top-right {
   margin-bottom: 0;
 }

 @media (max-width: 991px) {
   .ht-top-right {
     margin-top: 25px;
   }
 }

 @media (min-width: 1400px) {
   .ht-top-left {
     display: flex;
     gap: 25px;
     align-items: center;
     margin-bottom: 0;
   }

   .header-top .ht-btn-top {
     text-align: center;

     margin-bottom: 0;
   }
 }

 @media (min-width: 1200px) and (max-width: 1399px) {
   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 @media (min-width: 768px) and (max-width: 991px) {
   .ht-top-left {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: left;
     justify-content: center;
   }

   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 @media (min-width: 576px) and (max-width: 767px) {
   .ht-top-left {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: left;
     justify-content: center;
   }

   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 @media (min-width: 420px) and (max-width: 575px) {
   .ht-top-left {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: left;
     justify-content: center;
   }

   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 @media (min-width: 320px) and (max-width: 419px) {
   .ht-top-left {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     justify-content: center;
     word-wrap: break-word;
   }

   .header-top .ht-btn-top {
     text-align: center;
   }
 }

 /*
==== Header Top Ends =====
*/

 /*
======== 2)HEADER-SECTION  ========
*/

 header {
   padding-block: 2rem;
   background-color: white;
 }

 header .nav-item a {
   color: black;
 }

 .sticky-top {
   padding-block: 1.88rem;
   /* Adjust the initial padding */
   transition: padding ease-in 0.3s;
   /* Add a smooth transition effect */
 }

 .sticky-top.scrolled {
   padding: 10px 0;
   /* Adjust the padding when scrolled */
 }

 header .nav-item a:hover {
   color: #742092;
 }

 .nav-item .dropdown-menu .nav-item .nav-link {
   padding: 0 !important;
   padding-left: 1rem !important;
 }

 header .nav-item .nav-link.active {
   text-align: left;
   padding: 0.44rem 0.94rem;
   border-radius: 1.8125rem;
   color: #742092;
   border: 1px solid #742092;
 }

 @media (max-width: 991px) {
   header .nav-item .nav-link.active {
     width: 30%;
   }
 }

 .pro-drop:hover .dropdown-menu {
   display: block;
 }

 .pro-drop:hover .pro-drop-2 .dropdown-menu {
   display: none;
 }

 .pro-drop:hover .pro-drop-2:hover .dropdown-menu {
   display: block;
   display: block;
   position: absolute;
   left: 100%;
   top: 0;
 }

 @media (min-width: 992px) {
   .pro-drop-1 {
     display: none;
   }

   .pro-drop-3 {
     display: none;
   }
 }

 @media (max-width: 991px) {
   .pro-drop {
     display: none;
   }

   .dropdown-menu .dropdown-menu.show {
     display: block;
   }
 }

 .bi.bi-search {
   font-size: 26px;
   cursor: pointer;
 }

 .search-container {
   position: relative;
 }

 .search-tab {
   display: none;
   position: absolute;
   top: 45px;
   left: -10px;
   /* Adjust the width as needed */
   padding: 10px;
   margin: 10px;
   margin-right: 10px;
   background-color: white;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   border-radius: 5px;
   z-index: 39;
 }

 #search-icon:hover+#search-tab {
   display: block;
 }

 #search-tab:hover {
   display: block;
 }

 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
   background-color: #742092 !important;
 }

 .swiper-pagination-bullet {
   width: 15px;
   height: 15px;
 }

 header select {
   cursor: pointer;
 }

 .menu-icon {
   cursor: pointer;
 }

 /*
  ======== HEADER-SECTION ENDS ========
  */
 /*
=== HomePage Hero ===
*/

 /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

 #hero {
   background-color: #abc3ff;
 }

 #hero svg {
   margin-bottom: 1.88rem;
 }

 #hero h2 {
   margin-bottom: 1.88rem;
 }

 #hero p {
   margin-bottom: 1rem;
 }

 .uj8U8Ae8bP {
   padding-top: 6.25rem;
 }

 #hero .ht-btn {
   margin-bottom: 5rem;
 }

 .breadcrumb-item {
   cursor: pointer;
 }

 .breadcrumb-item a:hover {
   color: #742092;
 }

 .breadcrumb-details {
   position: relative;
   z-index: 2;
   bottom: 30%;
   display: flex;
   flex-direction: column;
 }

 #hero .breadcrumb {
   border-radius: 2.375rem;
   background: #dae5ff;
   padding-inline: 1.88rem;
   padding-block: 0.62rem;
   color: black;

   z-index: 2;
 }

 #hero li {
   margin-bottom: 0;
 }

 .breadcrumb-item a {
   font-family: Poppins;
   font-size: 1rem;
   color: black;
 }

 .breadcrumb-item.active {
   color: #742092;
   font-size: 1rem;
 }

 .breadcrumb-item+.breadcrumb-item::before {
   float: left;
   padding-right: var(--bs-breadcrumb-item-padding-x);
   color: black;
   content: var(--bs-breadcrumb-divider, "/");
 }

 .UVnOsXuN0k {
   position: relative;
   bottom: 0;
   margin-top: auto;
 }

 /*
  ===== Home Page services section =====
  */
 #home-services {
   padding-block: 6.25rem;
 }

 #home-services .card {
   display: flex;
   align-items: center;
   text-align: center;
 }

 #home-services .swiper-pagination {
   margin-top: 3rem;
   position: static;
 }

 #home-services .card {
   background: #f7f9ff;
 }

 /*
======= HomePage Banner =====
*/


 /*
======= HomePage Banner Ends =====
*/

 /*
======= HomePage Welcome =====
*/
 #welcome {
   padding-top: 6.25rem;
 }

 .homePage-blog-categoreis {
   margin-bottom: 1.88rem;
 }

 /*
======= HomePage Welcome Ends =====
*/
 /*
======= HomePage Blog  =====
*/
 #homePage-Blog {
   padding-block: 6.25rem;
 }

 #homePage-Blog .swiper-pagination {
   position: static;
   margin-top: 3rem;
 }

 #homePage-Blog h6 {
   text-align: start;
 }

 .homePage-blog-categoreis {
   cursor: pointer;
 }

 #homePage-blog .card {
   border: 1px solid black !important;
   border-radius: 0rem 0rem 0.625rem 0.625rem;
   background: #fff;
   box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.15);
 }

 @media (max-width: 767px) {
   .homePage-blog-categoreis {
     flex-wrap: wrap;
     justify-content: flex-start;
   }
 }

 /*
======= HomePage Blog Ends =====
*/
 /*
======= HomePage Appointment =====
*/
 .homePage-appointment-right {
   position: relative;
 }

 .homePage_appointment-img-1 {
   position: absolute;
   top: 0;
   left: 0;
 }

 .homePage_appointment-img-2 {
   position: absolute;
   right: 0;
 }

 /*
======= HomePage Appointment Ends =====
*/

 /*
====== HomePage Tesimonial ======
*/
 #homePage-testimonial {
   padding-block: 6.25rem;
   background: #f7f9ff;
   position: relative;
   z-index: 1;
 }

 #homePage-testimonial .card {
   position: relative;
   z-index: 2;
 }

 #homePage-testimonial .circle-container {
   position: absolute;

   top: -40px;
   left: 50%;
   transform: translateX(-50%);
 }

 #homePage-testimonial .zaq37CSW8Z {
   margin-top: 4.13rem;
 }

 .swiper-slide {
   position: relative;
   z-index: 2;
 }

 #homePage-testimonial .swiper-pagination {
   position: static;
   margin-top: 7rem;
 }

 /* Optional: Add transition for a smoother effect */
 .swiper-slide:hover .circle-container {
   top: -30px;
   /* Adjust this value as needed */
   transition: top 0.3s ease;
   /* Adjust duration and timing function as needed */
 }

 .choose-card {
   padding-block: 1.88rem;
   padding-inline: 2.06rem;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border-radius: 0.625rem;
   background: #f7f9ff;
 }

 .choose-img {
   margin-bottom: 1.93rem;
 }

 #homePage-appointment {
   padding-top: 6.25rem;
 }

 #homePage-about,
 #homePage-choose {
   padding-block: 6.25rem;
 }

 .homePage-about-mission h6,
 .homePage-about-vision h6 {
   margin-bottom: 20px;
 }

 .homePage-about-mission h6::before {
   content: url(../img/HomePage/homePage-about-icon-1.png);
 }

 .homePage-about-vision h6::before {
   content: url(../img/HomePage/homePage-about-icon-2.svg);
 }

 .homePage-appointment-img-1 {
   position: absolute;
   top: 0;
   left: 0;
 }

 .homePage-appointment-img-2 {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 @media (max-width: 991px) {
   .homePage-appointment-img-1 {
     position: relative;
     margin-top: 4rem;
   }

   .homePage-appointment-img-2 {
     position: absolute;
     bottom: -150px;
     right: 0;
   }
 }

 @media (max-width: 576px) {
   .homePage-appointment-img-1 {
     position: relative;
     margin-top: 4rem;
   }

   .homePage-appointment-img-2 {
     position: absolute;
     bottom: -280px;
     right: 0;
     margin-bottom: 4rem;
   }
 }

 .appointment-schedule {
   display: flex;
   align-items: center;
   gap: 0.94rem;
 }

 .appointment-people {
   display: flex;
   gap: 0.56rem;
 }

 .appointment-schedule::before {
   content: "\F20C";
   font-family: "bootstrap-icons";
   color: #742092;
 }

 .appointment-people::before {
   content: url(../img/HomePage/group-person.svg);

   color: #742092;
 }

 .homePage-about-img-1 {
   max-width: 60%;
   position: absolute;
   top: 0;
   right: 30px;
 }

 .homePage-about-img-2 {
   max-width: 60%;
   position: absolute;
   bottom: -50px;
   left: 0;
 }

 @media (min-width: 430px) and (max-width: 991px) {
   .homePage-about-right {
     margin-top: 7rem;
   }
 }

 @media (min-width: 320px) and (max-width: 419px) {
   .homePage-about-right {
     margin-top: 10rem;
   }
 }

 @media (max-width: 1199px) {

   .homepage-about-image-1,
   .homePage-about-img-2 {
     position: relative;
   }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   .homepage-about-image-1 {
     position: relative;
   }

   .homePage-about-img-2 {
     bottom: -150px;
     margin-bottom: 3rem;
   }
 }

 #homePage-testimonial .swiper-wrapper {
   height: 18rem;
 }

 #homePage-testimonial .swiper-slide {
   margin-top: 3rem;
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   #homePage-testimonial .swiper-wrapper {
     height: 18rem;
   }
 }

 @media (min-width: 768px) and (max-width: 991px) {
   #homePage-testimonial .swiper-wrapper {
     height: 20rem;
   }
 }

 /*
  ====== HomePage Tesimonial Ends ======
  */

 /*==========================================================*/
 #procedurePage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #dentalinplantPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #contactPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #doctorPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #doctordetailPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #blogdetailPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #blogPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #faqPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #errorPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #comingSoonPage .hero {
   background: url(../img/Contact/contact-hero-bg.jpg) bottom center no-repeat;
 }

 #comingSoonPage .hero,
 #errorPage .hero,
 #faqPage .hero,
 #blogdetailPage .hero,
 #blogPage .hero,
 #doctordetailPage .hero,
 #doctorPage .hero,
 #contactPage .hero,
 #dentalinplantPage .hero,
 #procedurePage .hero {
   color: white;
   position: relative;
   width: 100%;
   min-height: 373px;
   background-size: cover;
   overflow: hidden;
   background-attachment: fixed;
   transition: transform 0.5s ease;
 }

 .breadcrumb {
   border-radius: 2.375rem;
   background: #dae5ff;
 }

 #comingSoonPage .hero::after,
 #errorPage .hero::after,
 #faqPage .hero::after,
 #blogPage .hero::after,
 #blogdetailPage .hero::after,
 #doctordetailPage .hero::after,
 #doctorPage .hero::after,
 #contactPage .hero::after,
 #dentalinplantPage .hero::after,
 #procedurePage .hero::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(116, 32, 146, 0.5);
   pointer-events: none;
 }

 /*
=====Procedure Page ===========
*/

 #procedure-section {
   padding-top: 6.25rem;
   padding-bottom: 1.25rem;
 }

 #procedure-section .form-control {
   border-radius: 1.6875rem;
 }

 #filter:focus-visible {
   outline: none !important;
 }

 .procedure-search {
   position: relative;
 }

 .procedure-search input {
   border: 1px solid #742092;
   padding: 10px;
   padding-left: 76px;
   display: flex;
   border-radius: 1.6875rem;
   align-items: start;
 }

 .item {
   position: relative;
 }

 .procedure-img {
   position: absolute;
   right: 0;
   bottom: 0;
 }

 .filter-container {
   border: 1px solid #742092;
   padding: 0.625rem 1.25rem;
   display: flex;
   border-radius: 1.6875rem;
   align-items: start;
 }

 .filter-container select>option::before {
   content: url(../img/Procedure/filter-icon.svg);
 }

 .filter-container select,
 .filter-container select option {
   border: none !important;
 }

 @media (max-width: 768px) {
   #procedure-section .container .row {
     padding-right: 0;
   }

   .procedure-list.row>* {
     padding-right: 0;
   }
 }

 /* Hide items that don't have the 'show' class */

 .item.show {
   display: none;
 }

 #procedurePage .ht-btn {
   padding: 1rem;
 }

 #procedurePage .card {
   border-radius: 0;
   background: rgba(241, 241, 241, 1);
 }

 .procedure-category-filter {
   display: flex;
   gap: 1rem;
 }

 .procedure-detail {
   display: none;
 }

 .procedure:hover .procedure-detail {
   display: show;
 }

 @media (max-width: 575px) {
   .procedure-img {
     position: static;
   }
 }

 /*
===== Procedure Detail Section =====
*/
 #procedure-detail-section {
   padding-block: 6.25rem;
 }

 #procedure-detail-section .form-control {
   border-radius: 3.5625rem;
   border: 2px solid #742092;
 }

 #procedure-detail-section .form-control::placeholder::before {
   content: "hi";
 }

 #procedure-detail-section .form-control::placeholder::before {
   content: "hi";
   color: red;
 }

 .procedure-detail-heading::before {
   margin-right: 1.25rem;
   content: url(../img/Procedure/procedure-detail-teeth.svg);
 }

 .health-part ul li {
   display: flex;
   align-items: center;
 }

 .health-part ul li::before {
   content: "\F309";
   font-family: "bootstrap-icons";
   color: #742092;
   font-size: 2rem;
 }

 .health-part {
   margin-bottom: 5.25rem;
 }

 .procedure-quotes {
   background: #f0c4ff;
   padding: 1.62rem 4.69rem;
   border-left: 1rem solid #742092;
 }

 .procedure-quotes p {
   margin-bottom: 0;
 }

 #procedure-detail-section .ht-category-btn {
   color: white;
   background-color: #742092;
   padding: 0;
   padding: 0.25rem;
 }

 .specialit-read-btn {
   text-align: center;
   border-radius: 3.5625rem;
   border: 1px solid #742092;
   color: black;
   padding: 0.35rem;
 }

 .specialit-read-btn:hover {
   background-color: #742092;
 }

 .procedure-short-specialist h4,
 .procedure-opening-hours h4,
 .procedure-head-department h4,
 .procedure-other-departments h4 {
   background: #742092;
   padding: 1.25rem 1.88rem;
   color: white;
 }

 .specialist-square-frame {
   max-width: 179px;
   max-height: 199px;
 }

 .passion-points {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }

 .p-points {
   display: flex;
   align-items: center;
 }

 @media (max-width: 767px) {
   .pp-1 {
     flex-direction: column;
   }
 }

 .p-points::before {
   content: "";
   /* Add this line to generate the pseudo-element content */
   width: 1rem;
   height: 1rem;
   flex-shrink: 0;
   border-radius: 50%;
   /* Use '50%' for a circle */
   background: #742092;
   display: inline-block;
   /* Added to make it a block element */
   margin-right: 0.5rem;
   /* Adjust the margin as needed */
 }

 .accordion-button::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-left: auto;

   background-image: url(../../Procedure/plus.svg);
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform 0.2s ease-in-out;
 }

 .accordion-button {
   font-size: 1.5rem;
   font-weight: 700;
   background-color: #f1f1f1;
 }

 .accordion-button:focus {
   background-color: #742092;
   color: white;
   border-color: transparent !important;
   outline: none;
   box-shadow: none;
 }

 .accordion-button:not(.collapsed)::after {
   background-image: url(../img/Procedure/minus.svg);
 }

 .accordion-item {
   font-size: 1.5rem;
   background-color: white !important;
 }

 .accordion-button:not(.collapsed) {
   color: white;
   background-color: #742092;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
 }

 .form {
   position: relative;
 }

 .form-input {
   padding: 0.62rem 1.25rem;
 }

 .search-input {
   padding: 10px;
   font-size: 16px;
   border: 1px solid #ccc;
   border-radius: 4px;
   width: 200px;
 }

 .XfLAIn0dPE.XfLAIn0dPE-search {
   position: absolute;
   top: 50%;
   left: 1.88rem;
   transform: translateY(-50%);
   color: #742092;
 }

 @media (max-width: 430px) {
   .procedure-quotes {
     background: #f0c4ff;
     padding: 1rem;
     border-left: 1rem solid #742092;
   }
 }

 /*
===== Procedure Detail Section Ends =====
*/

 /*
===== Contact Page ======
*/
 #getinTouch {
   padding-block: 6.25rem;
 }

 .getinTouchPart {
   padding: 6.25rem;
   background: #f2ccff;
 }

 #getinTouch input {
   padding-block: 1.09rem;
   padding-left: 1.9rem;
   border-radius: 0;
 }

 #getinTouch label {
   display: flex;
 }

 #getinTouch {
   background: url(../img/Contact/contact-get-in-bg.jpg);
 }

 #quick-contact {
   padding-block: 6.25rem;
 }

 @media (max-width: 575px) {
   .getinTouchPart {
     padding: 0.35rem;
   }

   #quick-contact {
     padding-block: 1rem;
   }
 }

 /*
========== Doctor Page ====
*/
 #doctors {
   padding-block: 6.25rem;
 }

 .doctor-list .card {
   border: none;
   background: none !important;
   border-radius: 0rem 0rem 6.25rem 0rem;
 }

 .doctor-list .card img {
   overflow: hidden;
 }

 .doctor-detail-list {
   margin-top: 4.38rem;
 }

 .doctor-detail-list {
   position: relative;
 }

 .overlay {
   position: absolute;
   top: 0;
   left: 10;
   width: 95%;
   height: 100%;
   border-radius: 0rem 0rem 6.25rem 0rem;
   background: rgba(116, 32, 146, 0.7);
   opacity: 0;
   transition: opacity 0.3s ease;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 1rem;
 }

 .doctor-detail-list:hover .overlay {
   opacity: 1;
 }

 .doctor-detail-list:hover .doctor-detail-list .overlay i {
   color: white;
   font-size: 24px;
 }

 .doctor-detail-list:hover .card-img-overlay {
   z-index: 99;
   left: 0;
   right: 0;
   bottom: -36px !important;
   padding: 0;
 }

 .doctor-list .card:hover {
   box-shadow: none;
 }

 .doctor-list1 .card {
   border-bottom-right-radius: 6.25rem;
 }

 .doctor-list .card-img-overlay {
   top: auto;
   padding-right: 0;
   padding-left: 12rem;
   right: 0;
   bottom: 100px !important;
   z-index: 2;
 }

 .doctor-list1 .card-img-overlay {
   top: auto;
   padding-inline: 2.56rem;
   right: 0;
   bottom: -50px !important;
   z-index: 2;
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   .doctor-list1 .card-img-overlay {
     padding-inline: 0rem;
   }
 }

 .doctor-detail {
   border-radius: 0rem 0rem 0rem 2.625rem;
   background: #f2ccff;
   padding: 1.31rem 1.5rem 1.25rem 1.43rem;
 }

 .doctor-detail .doctor-rating p {
   margin-bottom: 0;
   color: white;
 }

 .doctor-detail .doctor-rating h3 {
   margin-bottom: 0;
   color: white;
 }

 .doctor-speciality p,
 .doctor-speciality h6 {
   text-align: right;
   margin-bottom: 0;
   color: black;
 }

 .doctor-pagination {
   margin-top: 5rem;
   display: flex;
 }

 .doctor-pagination .pagination {
   gap: 1.88rem;
 }

 @media (max-width: 430px) {
   .doctor-pagination .pagination {
     gap: 0.5rem;
   }
 }

 .doctor-pagination .page-link {
   display: flex;
   justify-content: center;
   gap: 1.88rem;
   align-items: center;
   width: 3.125rem;
   height: 3.125rem;
   border: 1px solid #742092;
   background-color: white;
   color: #742092;
   border-bottom-left-radius: 50%;
   border-radius: 50%;
 }

 .doctor-pagination .page-link:hover {
   background-color: #742092;
   color: white;
 }

 .doctor-pagination .page-link.active {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 3.125rem;
   height: 3.125rem;
   border: none;
   background-color: #742092;
   color: white;
   border-bottom-left-radius: 50%;
   border-radius: 50%;
 }

 .page-item:first-child .page-link {
   border-top-left-radius: 50%;
   border-bottom-left-radius: 50%;
 }

 .page-item:last-child .page-link {
   border-top-right-radius: 50%;
   border-bottom-right-radius: 50%;
 }

 @media (max-width: 430px) {
   .doctor-detail {
     flex-direction: column;
     align-items: start !important;
     text-align: left !important;
     justify-content: start;
   }

   .doctor-speciality {
     margin-left: 0;
   }

   .doctor-speciality p,
   .doctor-speciality h6 {
     text-align: left;
     margin-bottom: 0;
     color: black;
   }
 }

 @media (max-width: 480px) {
   .doctor-list1 .card-img-overlay {
     padding: 0;
   }

   .doctor-list .card-img-overlay {
     text-align: right;
     bottom: 30px !important;

     padding-left: 2rem;
   }

   .doctor-detail {
     justify-content: end !important;
   }
 }

 @media (min-width: 480px) and (max-width: 992px) {
   #doctor-client-test .card {
     max-width: 26.375rem;
     max-height: 26.375rem;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   #doctor-client-test .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .col {
     display: flex;
     justify-content: center;
     align-items: center;
   }
 }

 #doctor-client-test .card-img-overlay {
   padding-block: 3rem;
   padding-left: 2rem;
   bottom: 10%;
 }

 #doctor-client-test .leaf-container {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 #doctor-client-test .card {
   margin-top: 4.38rem;
 }

 #doctor-client-test .card:hover {
   box-shadow: none;
 }

 #doctor-client-test .swiper-pagination {
   margin-top: 6.25rem;
 }

 .leaf-container {
   max-width: 9.0625rem;
   max-height: 9.0625rem;
   border-radius: 20.28119rem 20.28119rem 0 20.28119rem;
   border: 5px solid #742092;
   overflow: hidden;
 }

 .client-test-leaf-img {
   overflow: hidden;
 }

 #doctor-client-test .card {
   border: none;
   position: relative;
   background-color: white !important;
 }

 #doctor-client-test {
   padding-block: 6.25rem;
 }

 #doctor-client-test .doc-quote-icon {
   position: absolute;
   top: 23%;
   left: 20px;
 }

 #doctor-client-test .doc-quote-icon-1 {
   position: absolute;
   bottom: 25%;
   right: 23%;
 }

 #doctor-client-test .swiper-pagination {
   position: static;
 }

 @media (min-width: 1200px) and (max-width: 1399px) {
   #doctor-client-test .card-img-overlay {
     padding-block: 1rem;
     padding-left: 2rem;
     bottom: 10%;
   }

   #doctor-client-test .doc-quote-icon {
     position: absolute;
     top: 17%;
     left: 20px;
   }

   #doctor-client-test .doc-quote-icon-1 {
     position: absolute;
     bottom: 17%;
     right: 21%;
   }

   #doctor-client-test .leaf-container {
     position: absolute;
     bottom: -25px;
     right: 0;
   }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   #doctor-client-test .card-img-overlay {
     padding-block: 0.5rem;
     padding-left: 2rem;
     bottom: 10%;
   }

   #doctor-client-test .doc-quote-icon {
     position: absolute;
     top: 15%;
     left: 20px;
   }

   #doctor-client-test .doc-quote-icon-1 {
     position: absolute;
     bottom: 20%;
     right: 10%;
   }

   #doctor-client-test .leaf-container {
     position: absolute;
     bottom: -70px;
     right: 0;
   }
 }

 @media (max-width: 430px) {
   #doctor-client-test .card-img-overlay {
     padding-block: 0.5rem;
     padding-left: 2rem;
     bottom: 10%;
   }

   #doctor-client-test .doc-quote-icon {
     position: absolute;
     top: 15%;
     left: 20px;
   }

   #doctor-client-test .doc-quote-icon-1 {
     position: absolute;
     bottom: 15%;
     right: 14%;
   }

   #doctor-client-test .leaf-container {
     position: absolute;
     bottom: -40px;
     left: auto;
   }

   #doctor-client-test .Qp3mjbv7im {
     margin-top: 2rem;
   }

   .leaf-container {
     max-width: 6.0625rem;
     max-height: 6.0625rem;
     border-radius: 20.28119rem 20.28119rem 0 20.28119rem;
     border: 5px solid #742092;
     overflow: hidden;
   }
 }

 /*
=======Doctor Details Page =====
*/

 #about-doctor {
   padding-top: 6.25rem;
 }

 #playButton {
   cursor: pointer;
 }

 .popup {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.7);
   z-index: 999;
 }

 .popup-content {
   position: relative;
   display: flex;
   justify-content: center;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 20px;
   /* background-color: #fff; */
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }

 .close {
   position: absolute;

   font-size: 32px;
   cursor: pointer;
   color: white;
 }

 @media (min-width: 1400px) {
   .close {
     position: absolute;

     font-size: 32px;
   }
 }

 @media (max-width: 390px) {
   .popup-content {
     position: absolute;
     width: 80%;
   }

   .popp {
     justify-content: right;
   }
 }

 #about-doctor h2,
 #about-doctor p {
   margin-bottom: 0.62rem;
 }

 .doctor-chat .ht-btn {
   padding: 10px 15px;
   gap: 0.52rem;
 }

 .doctor-chat .ht-btn::before {
   content: "\F252";
   font-family: "bootstrap-icons";
 }

 .category-specialist {
   margin-block: 1.87rem;
   padding: 1.88rem 1.87rem;
   background: #f1f1f1;
 }

 .doctor-contact .ht-btn {
   padding: 0.62rem 1.25rem;
 }

 .doctor-contact li {
   margin-bottom: 0;
 }

 #doctor-experience,
 #doctor-experience .nav-pills {
   background: #dae5ff;
 }

 #doctor-experience li {
   padding-block: 1.88rem;
   margin-bottom: 0;
 }

 #doctor-experience-content {
   background: #f1f1f1;
   padding: 4.38rem;
 }

 #doctor-experience .nav-link {
   color: #000;
 }

 #doctor-experience .nav-link.active {
   color: #742092;
   border-bottom: 1px solid #742092;
   border-radius: 0%;
   font-weight: 700;
   background-color: transparent !important;
 }

 .doctor-experience-detail {
   padding-block: 6.25rem;
 }

 .card-img-overlay-1 {
   position: absolute;
   top: -50px;
   right: -50px;
 }

 @media (min-width: 768px) and (max-width: 813px) {
   .card-img-overlay-1 {
     position: absolute;
     top: -50px;
     right: -10px;
   }
 }

 @media (max-width: 767px) {
   .doctor-data {
     margin-top: 5rem;
   }

   .doctor-contact {
     align-items: start;
     gap: 1rem;
   }

   .card-img-overlay-1 {
     position: absolute;
     top: -50px;
     right: -10px;
   }
 }

 @media (max-width: 575px) {
   #doctor-experience-content {
     padding: 2rem;
   }
 }

 /*
======= Blog =======
*/

 #blog-list {
   padding-block: 6.25rem;
 }

 .blog-date {
   color: #474747;
   border: 0.5px solid #742092;
   padding: 0.2rem 0.81rem;
   font-family: Poppins;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5rem;
   /* 171.429% */
   letter-spacing: 0.36313rem;
   text-transform: uppercase;
   margin-bottom: 1rem;
 }

 .ht-btn.read-more {
   padding: 0.62rem 1.25rem;
 }

 .ht-btn.read-more:hover {
   border: 1px solid #742092;
 }

 .blog {
   margin-top: 4.38rem;
 }

 /*
====== Blog-detail-page=====
*/
 #blog-detail-part {
   padding-block: 6.25rem;
 }

 .blog-detail-data {
   margin-top: 2.06rem;
   gap: 1.87rem;
 }

 @media (max-width: 575px) {
   .blog-detail-data {
     gap: 0.8rem;
     flex-direction: column;
   }
 }

 .blog-important {
   padding-top: 6.25rem;
 }

 .blog-quotes {
   padding-block: 4.38rem;
 }

 .blogQuote {
   border-left: 8px solid #742092;
   padding: 1.62rem 4.69rem;
   background: #f0c4ff;
 }

 @media (max-width: 480px) {
   .blogQuote {
     border-left: 8px solid #742092;
     padding: 1.5rem;
     background: #f0c4ff;
   }
 }

 .blog-author-details {
   background: #f1f1f1;
   padding: 1.88rem;
 }

 #blog-comments {
   padding-block: 6.25rem;
 }

 .search-bar {
   position: relative;
 }

 .blog-detail-right .form-control {
   padding-left: 4rem;
   border-radius: 3.5625rem;
   border: 2px solid #742092;
 }

 .blog-recent-posts .Pwqmmxhraz {
   font-size: 1rem;
   font-weight: 400;
 }

 .blog-recent-posts {
   margin-block: 4.38rem;
 }

 .blog-recent-posts h4 {
   color: #fff;
   font-family: Poppins;
   font-size: 1.75rem;
   font-style: normal;
   font-weight: 700;
   line-height: 2.375rem;
   /* 135.714% */
   letter-spacing: 0.0525rem;
   display: flex;

   padding: 1.25rem 1.875rem;
   align-items: center;
   gap: 6.25rem;
   background: #742092;
 }

 .blog-recent-posts .card,
 .blog-recent-posts .card-body {
   border: 0;
   padding: 0;
 }

 .blog-recent-posts p {
   margin-bottom: 0;
 }

 .blog-recent-posts h6 {
   color: #000;
   text-align: left;
   font-family: Poppins;
   font-size: 1.25rem;
   font-style: normal;
   font-weight: 700;
   line-height: 1.875rem;
   /* 150% */
   margin-bottom: 0;
 }

 .blog-opening-hours {
   background: url(../img/Blog/short-blog-opening-hours.svg) bottom center no-repeat;
   background-repeat: no-repeat;
 }

 .blog-opening-hours {
   margin-block: 4.38rem;
   text-align: center;
   padding: 4.25rem 4.13rem;
 }

 .opening-hours-container {
   background: rgba(255, 255, 255, 0.86);
   display: flex;
   text-align: center;
   padding: 2.875rem 1.9375rem;
   flex-direction: column;

   gap: 0.625rem;
   flex-shrink: 0;
 }

 .short-blog-ad {
   text-align: center;
   background: #742092;
   color: white;
   padding: 5rem 3.97rem;
 }

 .short-blog-ad h2,
 .short-blog-ad p {
   text-align: center;
   color: white;
 }

 .more-question {
   color: black;
   padding: 1.06rem 3.5rem;
   background: #dae5ff;
 }

 @media (max-width: 480px) {
   .more-question {
     padding: 1rem;
   }

   .blog-opening-hours {
     padding: 2rem;
   }
 }

 #leave-comment {
   color: white;
   position: relative;
   width: 100%;

   background-size: cover;
   overflow: hidden;
   background-attachment: fixed;
 }

 #leave-comment h2 {
   position: relative;
   z-index: 2;
 }

 #leave-comment::after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(218, 229, 255, 0.8);
   pointer-events: none;
 }

 #leave-comment .form {
   border-radius: 0;
   margin-bottom: 1.87rem;
   position: relative;
   z-index: 2;
 }

 #leave-comment .form-control {
   margin-bottom: 1.87rem;
 }

 #leave-comment {
   padding-block: 6.25rem;
   color: black;
   background: url(../img/Blog/blog-leave-comment.svg) bottom center no-repeat;
 }

 #leave-comment input {
   border-radius: 0;
   padding-block: 1.09rem;
   padding-left: 2.25rem;
 }

 #leave-comment textarea {
   padding-left: 2.25rem;
 }

 /*
===== Faq Page ====
*/
 #faq-section {
   padding-block: 6.25rem;
 }

 #accordionExample1 .accordion-item {
   margin-bottom: 1.88rem;
 }

 #accordionExample1 button {
   font-size: 1.25rem;
 }

 #accordionExample1 .accordion-button {
   padding: 1.06rem 1.1rem 1.56rem;
 }

 #accordionExample1 .accordion-body p {
   font-size: 1rem;
   margin-bottom: 0;
 }

 /*
===== 404 Page ====
*/

 #error {
   position: relative;
   background: url(../img/404-top-bg.png) center no-repeat;
 }

 .error-detail {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   position: relative;
 }

 #error .container {
   padding: 10rem;
 }

 #error .error-heading {
   color: #742092;
   text-align: center;
   font-family: Poppins;
   font-size: 12.8125rem;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
   margin-bottom: 0;
 }

 @media (max-width: 429px) {
   #error .error-heading {
     font-size: 3.8125rem;
   }
 }

 /*
===About Page ====
*/

 #about-welcome,
 #about-why-us {
   padding-block: 6.25rem;
 }

 #about-speciality {
   padding-top: 0;
 }

 /* #about-why-us  li::before
{
  content: url(../img/About/abou-choose-before.svg);
} */

 .about-welcome-left {
   position: relative;
 }

 .about-welcome-img-1 {
   position: absolute;
   top: 0;
   left: 0;
 }

 .about-welcome-img-2 {
   position: absolute;
   bottom: 0;
   right: 0;
 }

 @media (min-width: 1200px) and (max-width: 1399px) {
   .about-welcome-img-2 {
     position: absolute;
     bottom: 20px;
     right: 0;
   }
 }

 @media (min-width: 992px) and (max-width: 1199px) {
   .about-welcome-img-2 {
     position: absolute;
     bottom: 60px;
     right: 0;
   }
 }

 @media (max-width: 992px) {
   .about-welcome-left {
     margin-bottom: 6.25rem;
   }

   .about-welcome-img-1 {
     margin-bottom: 3rem;
     position: static;
     left: 0;
     margin-right: auto;
   }
 }

 @media (max-width: 767px) {
   .about-welcome-img-2 {
     position: absolute;
     bottom: -80px;
     right: -19px;
   }
 }

 @media (max-width: 575px) {
   .about-welcome-img-2 {
     position: absolute;
     bottom: -100px;
     right: 0;
   }
 }

 @media (max-width: 480px) {
   .about-welcome-img-2 {
     position: absolute;
     bottom: -150px;
     right: 0;
   }

   .about-welcome-left {
     margin-bottom: 6.25rem;
   }

   .CPa6ArE992 {
     margin-top: 4rem;
   }

   .speciality {
     flex-direction: column;
   }
 }

 #comingSoon {
   padding-block: 6.25rem;
   background: url(../img/coming-soon-bg.svg) bottom right no-repeat;
 }

 #comingSoon input {
   border-radius: 3.1875rem;
   padding-left: 1.19rem;
   padding-block: 1.13rem;
   border: 1px solid #000;
 }

 .tick-group {
   background-color: #742092;
   padding: 1.5rem;
   color: white;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-right: 1rem;
   border-radius: 0.5rem;
 }

 .tick-label {
   border-top: 2px soldi white;
   margin-top: 1rem;
   color: white !important;
 }

 .tick-flip {
   border-bottom: 2px solid white;
   margin: 0 !important;
   padding-bottom: 1rem;
   margin-bottom: 1rem;
   border-radius: 0 !important;
 }

 .tick-flip-back {
   display: none;
 }

 .tick-flip-card-shadow {
   display: none;
 }

 .tick-flip-panel {
   color: rgb(255, 255, 255) !important;
 }

 .tick-flip-panel {
   background-color: transparent;
 }

 .countdown a {
   display: none;
 }

 @media (max-width: 480px) {
   .tick-group {
     padding: 1rem;
   }
 }

 @media (max-width: 430px) {
   .tick-group {
     margin-right: 0.4rem;

     padding: 0.5rem;
   }
 }

 /*
====== Footer ======
*/
 #footer {
   padding-top: 6.25rem;
   padding-bottom: 4.25rem;
   background: #8f8db3;
 }

 .social-icons .facebook,
 .social-icons .twitter,
 .social-icons .instagram {
   transition: all ease-in 0.3s;
 }

 .social-icons .facebook:hover,
 .social-icons .twitter:hover,
 .social-icons .instagram:hover {
   cursor: pointer;
   transform: scale(1.1);
 }

 #footer .form-control {
   background: transparent;
   color: white;
   border-radius: 3.125rem 0rem 0rem 3.125rem;
   border: 2px solid #fff;
 }

 #footer .form-control::placeholder {
   font-family: Poppins;
   padding-left: 2rem;
   color: white;
 }

 .footer-btn {
   background: transparent;
   color: white;
   padding: 1.06rem 1.88rem;
   border: 1px solid white;
   border-radius: 0rem 3.5625rem 3.5625rem 0rem;
 }

 @media (max-width: 430px) {
   .footer-btn {
     padding: 1rem 1rem;
   }
 }

 a.footer-btn:hover {
   background: white;
   color: #742092;
 }

 footer h6,
 footer p,
 footer li {
   color: rgb(0, 0, 0);
 }

 footer h6 {
   text-align: left;
   margin-bottom: 1.88rem;
 }

 footer li {
   display: flex;
   align-items: center;
   gap: 0.31rem;
   cursor: pointer;
   line-height: 1.1rem;
 }

 footer li:hover {
   color: #2af598;
 }

 footer .footer-about li::before {
   content: url(../img/Footer/footer-about-before.svg);
 }

 .footer-service li {
   display: flex;
   align-items: center;
 }

 footer .footer-service li::before {
   content: url(../img/Footer/footer-service-before.svg);
 }

 footer .footer-pages li::before {
   content: url(../img/Footer/footer-pages-before.svg);
 }

 footer .footer-links li::before {
   content: url(../img/Footer/footer-link-before.svg);
 }

 @media (max-width: 991px) {
   .footer-logo {
     margin-top: 0rem;
   }

   .footer-about h6,
   .footer-service h6,
   .footer-links h6,
   .footer-pages h6,
   .footer-contact h6 {
     margin-top: 2rem;
   }
 }

 #progress {
   position: fixed;
   bottom: 20px;
   right: 10px;
   height: 70px;
   width: 70px;
   display: none;
   z-index: 219;
   place-items: center;
   border-radius: 50%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   cursor: pointer;
   transition: all 0.3s;
 }

 #progress-value:hover {
   background: linear-gradient(#2af598, #009efd);
 }

 #progress-value:hover .bi.bi-rocket {
   color: white;
 }

 .bi.bi-rocket:hover {
   transform: translateZ(1.2px);
 }

 #progress-value {
   display: block;
   height: calc(100% - 15px);
   width: calc(100% - 15px);
   background-color: white;
   border-radius: 50%;
   display: grid;
   place-items: center;
   font-size: 35px;
   color: black;
 }

 .bi.bi-rocket {
   color: #742092;
   transition: all ease-in 0.3s;
 }

 .bi.bi-rocket:hover {
   transform: translate(1.2px);
 }