/* 
  Author: Reza Jamshidi
 */
 @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
 @import url(../fonts/material-design-iconic-font.min.css);
 /* ========================================= */
 /*          Default CSS                      */
 /* ========================================= */
 header,
 nav,
 section,
 article,
 aside,
 footer {
   display: block;
 }
 
 * {
   margin: 0;
   padding: 0;
 }
 
 body {
   margin: 0;
   padding: 0;
   font-size: 16px;
   line-height: 1.5;
   font-family: "Roboto", sans-serif;
   overflow-x: hidden;
   font-weight: 400;
   background: #ffffff;
   color: #7a7a7a;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-weight: 600;
   font-family: "Poppins", sans-serif;
   margin: 0 0 1rem;
   color: #204066;
   line-height: 1.2;
 }
 
 h1 {
   font-size: 60px;
 }
 
 h2 {
   font-size: 36px;
 }
 
 h3 {
   font-size: 21px;
 }
 
 h4 {
   font-size: 18px;
 }
 
 h5 {
   font-size: 16px;
 }
 
 h6 {
   font-size: 15px;
 }
 
 @media (max-width: 991px) {
   h2 {
     font-size: 28px;
   }
 }
 
 p {
   margin-bottom: 0;
 }
 
 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 
 ul li {
   margin-bottom: 0px;
   line-height: 1.5;
   color: #7a7a7a;
   position: relative;
   display: inline-block;
   padding: 0;
 }
 
 ol {
   margin: 0;
   counter-reset: i;
   position: relative;
 }
 
 ol li {
   font-size: 16px;
   margin-bottom: 10px;
   line-height: 1.5;
   color: #7a7a7a;
   padding-left: 0;
   position: relative;
 }
 
 a {
   color: #12b48b;
   -webkit-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
   text-decoration: none;
   cursor: pointer;
 }
 
 a:hover, a:focus {
   text-decoration: none;
   color: #1bbde4;
   -webkit-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
   outline: none;
 }
 
 h3 a,
 h4 a {
   color: #204066;
 }
 
 a:not([href]):not([tabindex]):focus,
 a:not([href]):not([tabindex]):hover {
   color: #000000;
 }
 
 ::-webkit-input-placeholder {
   /* Edge */
   color: #7a7a7a;
   text-transform: capitalize;
 }
 
 :-ms-input-placeholder {
   /* Internet Explorer 10-11 */
   color: #7a7a7a;
   text-transform: capitalize;
 }
 
 ::-ms-input-placeholder {
   color: #7a7a7a;
   text-transform: capitalize;
 }
 
 ::placeholder {
   color: #7a7a7a;
   text-transform: capitalize;
 }
 
 img {
   max-width: 100%;
 }
 
 .btn {
   position: relative;
   background: #61ce70;
   color: #ffffff;
   padding: 18px 24px;
   border-radius: 5px;
   -webkit-box-shadow: 0 0 15px 0 #00000021;
           box-shadow: 0 0 15px 0 #00000021;
   font-size: 15px;
   border: none;
   line-height: 1.4;
   font-weight: 400;
   font-family: "Roboto", sans-serif;
 }
 
 .btn:hover {
   background: #204066;
   color: #ffffff;
 }
 
 .btn::after {
   content: "\f301";
   font-family: Material-Design-Iconic-Font;
   position: relative;
   top: 2px;
   margin-left: 10px;
   font-size: 20px;
   line-height: 0.5;
 }
 
 .btn.btn-na::after {
   display: none;
 }
 
 .btn-white {
   background: #ffffff;
   color: #204066;
 }
 
 .btn-white-lb {
   background: #ffffff;
   color: #1bbde4;
 }
 
 input[type="text"],
 input[type="email"],
 input[type="number"],
 input[type="search"],
 input[type="password"],
 input[type="tel"],
 input[type="date"],
 input[type="time"],
 textarea,
 select {
   font-size: 16px;
   font-weight: 400;
   background-color: #fbfbfb;
   border: 1px solid #eee;
   border-radius: 5px;
   padding: 10px 20px;
   color: #7a7a7a;
   margin-bottom: 0;
   height: 55px;
   -webkit-box-shadow: none;
           box-shadow: none;
   width: 100%;
 }
 
 .appoint-detail {
   padding-bottom: 35px;
 }
 
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="password"]:focus,
 input[type="tel"]:focus,
 input[type="date"]:focus,
 input[type="time"]:focus,
 textarea:focus,
 select:focus {
   outline: none;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 
 input[type="text"]:focus,
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="password"]:focus,
 input[type="tel"]:focus,
 input[type="date"]:focus,
 input[type="time"]:focus,
 textarea:focus,
 select:focus {
   color: #7a7a7a;
   background: #fafafa;
   border-color: #eee;
 }
 
 select {
   padding: 8px 20px;
   width: 100%;
   height: inherit;
 }
 
 select option {
   color: #000000;
 }
 
 textarea {
   border-radius: none;
   resize: vertical;
   height: 120px;
 }
 
 .form-control {
   border: none;
   padding: 10px 20px;
 }
 
 label {
   display: inline-block;
   color: #7a7a7a;
   margin-bottom: 8px;
   font-weight: 400;
   font-size: 15px;
 }
 
 .border-none {
   border: none !important;
 }
 
 .bw-3 {
   border-width: 3px !important;
 }
 
 .bc-green {
   border-color: #12b48b !important;
 }
 
 .border-light-c {
   border-color: #f1f1f1 !important;
 }
 
 .border-light-c1 {
   border-color: #f5f5f5 !important;
 }
 
 table > tbody tr td,
 table > tbody tr th,
 table > tfoot tr td,
 table > tfoot tr th,
 table > thead tr td,
 table > thead tr th {
   padding: 10px;
   vertical-align: sub !important;
 }
 
 table {
   width: 100%;
 }
 
 table thead tr th {
   border-bottom: none !important;
 }
 
 section {
   padding: 75px 0;
   position: relative;
   display: inline-block;
   width: 100%;
 }
 
 /*heading title*/
 .sc-title-two,
 .sc-title-two-white {
   position: relative;
   width: 50%;
   margin: 0 auto 90px;
 }
 
 .sc-title-two h4,
 .sc-title-two h2,
 .sc-title-two-white h4,
 .sc-title-two-white h2 {
   margin-bottom: 10px;
 }
 
 .sc-title-two::after,
 .sc-title-two-white::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: -25px;
   width: 20%;
   height: 1.5px;
   background-color: #12b48b;
   margin: auto;
 }
 
 .sc-title-two-white::after {
   background-color: #ffffff;
 }
 
 .sc-border-left::after {
   right: inherit;
   width: 10%;
 }
 
 .sc-border-none:after {
   display: none;
 }
 
 @media (max-width: 991px) {
   .sc-title-two,
   .sc-title-two-white {
     width: 100%;
     text-align: center;
   }
   .sc-border-left::after {
     right: 0;
     width: 10%;
   }
 }
 
 .bx-shadow {
   -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
           box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
 }
 
 .row.slick-slider {
   margin: 0 -15px;
 }
 
 .slider .slick-prev,
 .slider .slick-next {
   background: #ffffff;
   border-radius: 50%;
 }
 
 .slider .slick-prev::before,
 .slider .slick-next::before {
   color: #204066;
 }
 
 .slider .slick-prev:hover,
 .slider .slick-next:hover {
   background: #204066;
 }
 
 .slider .slick-prev:hover:before,
 .slider .slick-next:hover:before {
   color: #ffffff;
 }
 
 .slider .slick-prev {
   left: 30px;
 }
 
 .slider .slick-next {
   right: 30px;
 }
 
 #back-to-top {
   position: fixed;
   z-index: 1000;
   bottom: 20px;
   right: 20px;
   display: none;
 }
 
 #back-to-top a {
   display: block;
   width: 40px;
   height: 40px;
   background: #12b48b;
   position: relative;
   -webkit-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
   text-align: center;
   border-radius: 50px;
 }
 
 #back-to-top a:after {
   position: absolute;
   content: "\f106";
   font-family: "Font Awesome 5 Free";
   font-size: 20px;
   color: #ffffff;
   top: 50%;
   left: 50%;
   z-index: 1;
   font-weight: 600;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
 }
 
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #204066;
   -webkit-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
   opacity: 0.7;
   z-index: -1;
 }
 
 .overlay-banner {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #204066;
   -webkit-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
   opacity: 0.8;
 }
 
 .social-links-a li a {
   width: 40px;
   height: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #fafafa;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   color: #7a7a7a;
   border-radius: 50px;
   margin: 0 3px;
 }
 
 .social-links-a li a:hover {
   background: #12b48b;
   color: #ffffff;
 }
 
 .social-links-a.square-link li a {
   border-radius: 4px;
   background: #204066;
   color: #ffffff;
   width: 35px;
   height: 35px;
 }
 
 .social-links-a.square-link li a:hover {
   background: #ffffff;
   color: #204066;
 }
 
  /* Optional: Add this CSS to ensure consistent spacing */
  .ct-detail-list {
    min-height: 100%; /* Fallback for non-Bootstrap projects */
  }

 .ct-detail-list p {
   margin: 0.25rem 0; /* Consistent spacing between text elements */
 }
 
  /* Optional: Fine-tune spacing for mobile devices */
  @media (max-width: 768px) {
    .ct-detail-list {
      min-height: auto;
    }
  }

  .cl-white {
   color: #ffffff !important;
 }
 
 .cl-blue {
   color: #204066 !important;
 }
 
 .cl-green {
   color: #12b48b !important;
 }
 
 .cl-lgreen {
   color: #61ce70 !important;
 }
 
 .cl-grey {
   color: #7a7a7a !important;
 }
 
 .bg-dblue {
   background: #204066 !important;
 }
 
 .bg-lblue {
   background: #1bbde4 !important;
 }
 
 .bg-lblue1 {
   background: #13ade5 !important;
 }
 
 .bg-green {
   background: #12b48b !important;
 }
 
 .bg-ftblue0 {
   background: #194f90 !important;
 }
 
 .bg-ftblue {
   background: #0b223d !important;
 }
 
 .bg-sfgrey {
   background: #fafafa !important;
 }
 
 .bg-sfgrey-2 {
   background: #fbfbfb !important;
 }
 
 .bg-sfgrey-3 {
   background: #f1f1f1 !important;
 }
 
 .bg-lgreen {
   background: #61ce70 !important;
 }
 
 .bg-footer-blue {
   background: #001c38 !important;
 }
 
 .bgc-dblue {
   background-color: #204066 !important;
 }
 
 .bgc-sfgrey-3 {
   background-color: #f1f1f1 !important;
 }
 
 .mb-1,
 .my-1 {
   margin-bottom: 0.5rem !important;
 }
 
 .mb-2,
 .my-2 {
   margin-bottom: 1rem !important;
 }
 
 .mb-3,
 .my-3 {
   margin-bottom: 1.5rem !important;
 }
 
 .mb-4,
 .my-4 {
   margin-bottom: 2rem !important;
 }
 
 .mb-5,
 .my-5 {
   margin-bottom: 2.5rem !important;
 }
 
 .mb-6,
 .my-6 {
   margin-bottom: 3rem !important;
 }
 
 .mb-7,
 .my-7 {
   margin-bottom: 3.5rem !important;
 }
 
 .mb-8,
 .my-8 {
   margin-bottom: 4rem !important;
 }
 
 .mb-9,
 .my-9 {
   margin-bottom: 4.5rem !important;
 }
 
 .mb-10,
 .my-10 {
   margin-bottom: 5rem !important;
 }
 
 .pt-1,
 .py-1 {
   padding-top: 0.5rem !important;
 }
 
 .pt-2,
 .py-2 {
   padding-top: 1rem !important;
 }
 
 .pt-3,
 .py-3 {
   padding-top: 1.5rem !important;
 }
 
 .pt-4,
 .py-4 {
   padding-top: 2rem !important;
 }
 
 .pt-5,
 .py-5 {
   padding-top: 2.5rem !important;
 }
 
 .pt-6,
 .py-6 {
   padding-top: 3rem !important;
 }
 
 .pt-7,
 .my-7 {
   padding-top: 3.5rem !important;
 }
 
 .pt-8,
 .my-8 {
   padding-top: 4rem !important;
 }
 
 .pt-9,
 .my-9 {
   padding-top: 4.5rem !important;
 }
 
 .pt-10,
 .my-10 {
   padding-top: 5rem !important;
 }
 
 .pt-14,
 .my-14 {
   padding-top: 7rem !important;
 }
 
 .pb-1,
 .py-1 {
   padding-bottom: 0.5rem !important;
 }
 
 .pb-2,
 .py-2 {
   padding-bottom: 1rem !important;
 }
 
 .pb-3,
 .py-3 {
   padding-bottom: 1.5rem !important;
 }
 
 .pb-4,
 .py-4 {
   padding-bottom: 2rem !important;
 }
 
 .pb-5,
 .py-5 {
   padding-bottom: 2.5rem !important;
 }
 
 .pb-6,
 .py-6 {
   padding-bottom: 3rem !important;
 }
 
 .pb-7,
 .my-7 {
   padding-bottom: 3.5rem !important;
 }
 
 .pb-8,
 .my-8 {
   padding-bottom: 4rem !important;
 }
 
 .pb-9,
 .my-9 {
   padding-bottom: 4.5rem !important;
 }
 
 .pb-10,
 .my-10 {
   padding-bottom: 5rem !important;
 }
 
 .pb-14,
 .my-14 {
   padding-bottom: 7rem !important;
 }
 
 .pb-20,
 .my-20 {
   padding-bottom: 10rem !important;
 }
 
 .pl-0 {
   padding-left: 0 !important;
 }
 
 .pl-1 {
   padding-left: 0.5rem !important;
 }
 
 .pl-2 {
   padding-left: 1rem !important;
 }
 
 .pl-3 {
   padding-left: 1.5rem !important;
 }
 
 .pl-4 {
   padding-left: 2rem !important;
 }
 
 .pl-5 {
   padding-left: 2.5rem !important;
 }
 
 .pr-0 {
   padding-right: 0 !important;
 }
 
 .pr-1 {
   padding-right: 0.5rem !important;
 }
 
 .pr-2 {
   padding-right: 1rem !important;
 }
 
 .pr-3 {
   padding-right: 1.5rem !important;
 }
 
 .pr-4 {
   padding-right: 2rem !important;
 }
 
 .pr-5 {
   padding-right: 2.5rem !important;
 }
 
 @media (min-width: 991px) {
   .p-lg-0 {
     padding: 0 !important;
   }
   .pr-lg-0 {
     padding-right: 0 !important;
   }
   .pl-lg-0 {
     padding-left: 0 !important;
   }
   .pr-lg-5 {
     padding-right: 2.5rem !important;
   }
   .w-lg-75 {
     width: 75% !important;
   }
   .w-lg-50 {
     width: 50% !important;
   }
   .border-lg-0 {
     border: none !important;
   }

}
 
 @media (max-width: 991px) {
   .bg-md-white {
     background: #ffffff !important;
   }
   .mb-xs-0 {
     margin-bottom: 0 !important;
   }
   .mt-xs-3 {
     margin-top: 1.5rem !important;
   }
   .mt-xs-4 {
     margin-top: 2rem !important;
   }
   .mb-xs-3 {
     margin-bottom: 1.5rem !important;
   }
   .mb-xs-4 {
     margin-bottom: 2rem !important;
   }
   .flex-mxl-column-reverse {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
   }
 }
 
 /*Navbar*/
 .navbar-default {
   background: #f5f5f5;
 }
 
 .navbar {
   border-bottom: 0;
   padding: 0;
 }
 
 .navbar.navbar-default {
   -webkit-transition: none;
   transition: none;
 }
 
 .navbar-default a.navbar-brand {
   width: 60%;
 }
 
 .navbar-default .navbar-nav li,
 .navbar-default .navbar-nav li.active {
   background: #f33807;
 }
 
 .navbar-default .navbar-nav li a,
 .navbar-default .navbar-nav li a:hover,
 .navbar-default .navbar-nav li.active a,
 .navbar-default .navbar-nav li.active a:hover {
   color: #ffffff;
   background: #f33807;
 }
 
 .navbar-nav li > ul > li:last-child > a {
   border-bottom: 0;
 }
 
 .navbar-nav li > ul > li ul > li:last-child > a {
   border-bottom: 0;
 }
 
 .social-links ul li {
   display: inline-block;
 }
 
 .social-links ul li a {
   color: #000000;
   display: inline-block;
   text-align: center;
   font-size: 18px;
 }
 
 .social-links ul li a:hover {
   color: #000000;
 }
 
 .main_header_area {
   position: absolute;
   background: transparent;
 }
 
 .main_header_area .header_menu {
   -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
           box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.13);
 }
 
 .main_header_area .header_menu.fixed-top {
   background: #ffffff;
 }
 
 .main_header_area .topbar-wrap {
   padding: 10px 0;
 }
 
 .main_header_area .topbar-wrap ul li {
   color: #ffffff;
 }
 
 .main_header_area .topbar-wrap .t-address li {
   margin-right: 5px;
 }
 
 .main_header_area .topbar-wrap .t-address li i {
   padding-right: 10px;
 }
 
 .main_header_area .topbar-wrap .t-address li::after {
   content: "";
   position: absolute;
   right: 4px;
   top: 3px;
   height: 90%;
   width: 1px;
   background: #dddddd2e;
 }
 
 .main_header_area .topbar-wrap .t-address li:last-child::after {
   display: none;
 }
 
 .main_header_area .topbar-wrap .t-social li a {
   color: #ffffff;
   padding: 8px;
 }
 
 .header_menu .navbar.navbar-default {
   border-radius: 0px;
   margin-bottom: 0px;
   background: #ffffff;
   border: none;
   width: 100%;
   padding: 18px 0;
 }
 
 .header_menu .navbar.navbar-default .navbar-collapse {
   text-align: right;
   padding: 0;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
       -ms-flex-direction: row;
           flex-direction: row;
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
   text-align: center;
   background: transparent;
   width: 100%;
   position: relative;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li {
   display: inline-block;
   margin-right: 0px;
   padding: 10px;
   background: transparent;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li:last-child {
   margin: 0;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li a {
   background: transparent;
   color: #204066;
   font-size: 16px;
   font-weight: 600;
   letter-spacing: 0.45px;
   line-height: inherit;
   -webkit-transition: all 150ms linear;
   transition: all 150ms linear;
   border: none;
   padding: 10px 0;
   text-transform: capitalize;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li a i {
   font-size: 12px;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li a i.fa-angle-right {
   position: absolute;
   right: 15px;
   top: 12px;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li a:after {
   display: none;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li a:hover {
   color: #06bbcc;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav > li > a:hover {
   border-bottom: 2px solid #12b48b;
   color: #12b48b;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li:hover a,
 .header_menu .navbar.navbar-default .nav.navbar-nav li.active a {
   color: #204066;
   background: transparent;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu {
   position: relative;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
   border: none;
   padding: 0px;
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu:before {
   content: "";
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 10px 10px 0 10px;
   border-color: #eeeeee transparent transparent transparent;
   position: absolute;
   right: 24px;
   top: 45px;
   z-index: 3;
   opacity: 0;
   -webkit-transition: all 400ms linear;
   transition: all 400ms linear;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li {
   display: block;
   float: none;
   margin-right: 0px;
   padding: 0;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a {
   line-height: 2.7;
   color: #204066;
   font-size: 15px;
   padding: 0px 20px;
   font-weight: 400;
   letter-spacing: 0.3px;
   -webkit-transition: all 150ms linear;
   transition: all 150ms linear;
   display: block;
   text-transform: capitalize;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li a:hover {
   color: #12b48b;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li:last-child {
   border-bottom: none;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li ul {
   overflow: visible;
 }
 
 .header_menu .navbar.navbar-default .nav.navbar-nav.navbar-right li:last-child {
   margin-right: 0px;
 }
 
 .header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li:hover > a,
 .header_menu .navbar.navbar-default.navbar-sticky-in .nav.navbar-nav li.active > a {
   color: #204066;
 }
 
 @media (min-width: 992px) {
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu {
     position: absolute;
     top: 50px;
     left: 0px;
     min-width: 220px;
     background: #fff;
     -webkit-box-shadow: 0 0 15px #cccccc57;
             box-shadow: 0 0 15px #cccccc57;
     text-align: left;
     opacity: 0;
     -webkit-transition: all ease-in-out 0.3s;
     transition: all ease-in-out 0.3s;
     visibility: hidden;
     display: block;
     border: none;
     padding: 0px;
     border-radius: 0px;
   }
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu {
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     position: absolute;
     left: 100%;
     right: auto;
     width: auto;
     top: 0;
   }
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li a {
     line-height: 2.7;
     color: #204066;
     font-size: 16px;
     padding: 0px 20px;
     letter-spacing: 0.3px;
     -webkit-transition: all 150ms linear;
     transition: all 150ms linear;
     display: block;
   }
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu .dropdown-menu li:hover a {
     background: #12b48b;
     color: #ffffff;
   }
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu .dropdown-menu li.submenu:hover .dropdown-menu {
     -webkit-transform: scale(1, 1);
             transform: scale(1, 1);
   }
   .header_menu .navbar.navbar-default .nav.navbar-nav li.submenu:hover ul {
     left: 0px;
     visibility: visible;
     opacity: 1;
   }
 }
 
 @media (max-width: 991px) {
   .header-btn {
     display: none;
   }
 }
 
 @media (max-width: 767px) {
   .navbar-default a.navbar-brand {
     width: 100%;
     margin-left: 30px;
   }
 }
 
 header {
   position: absolute;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 22;
 }
 
 nav.navbar.navbar-default {
   display: block;
 }
 
 nav.navbar.navbar-default .logo-black {
   display: none;
 }
 
 nav.navbar.navbar-default.navbar-sticky-in .logo-white {
   display: none;
 }
 
 nav.navbar.navbar-default.navbar-sticky-in .logo-black {
   display: block;
 }
 
 .nav-btn {
   display: inline-block;
 }
 
 .navbar-sticky-in .nir-btn:hover {
   color: #12b48b;
 }
 
 @media (max-width: 991px) {
   .social-links {
     display: none;
   }
   .main_header_area .navbar > .container {
     max-width: 100%;
     padding: 0;
   }
   .main_header_area .header_menu.fixed-top {
     position: relative;
     background: transparent;
     -webkit-box-shadow: none;
             box-shadow: none;
   }
 }
 
 /*          Breadcrumb  CSS        */
 .breadcrumb-wrap {
   position: relative;
   display: block;
   padding: 15px 0px 15px 0px;
   margin-top: 8.5rem;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   overflow: hidden;
   z-index: 0;
 }
 
 .breadcrumb-wrap .breadcrumb-inner {
   position: relative;
   text-align: center;
 }
 
 @media (max-width: 991px) {
   .breadcrumb-wrap {
     margin-top: 4.8rem;
     padding: 40px 40px;
   }
 }
 
 /*          Banner  CSS        */
 .banner {
   position: relative;
   margin-top: 135px;
   overflow: hidden;
   background-image: -webkit-gradient(linear, left top, right top, from(#e9f3fa), to(#fbfbfb));
   background-image: linear-gradient(90deg, #e9f3fa 0%, #fbfbfb 100%);
   padding: 100px 0 40px;
 }
 
 .banner .banner-content {
   position: relative;
 }
 
 .banner .banner-content .banner-image {
   position: relative;
   padding: 0 40px;
 }
 
 .banner .banner-content .banner-image img {
   position: relative;
   -webkit-animation: bgshape 4s infinite;
           animation: bgshape 4s infinite;
   -webkit-animation-timing-function: linear;
           animation-timing-function: linear;
 }
 
 .banner .svg-image path {
   fill: #ffffff;
 }
 
 .banner-main {
   position: relative;
   padding-top: 135px;
   overflow: hidden;
 }
 
 .banner-main .h2-slider-list {
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   padding: 150px 0;
   overflow: hidden;
   z-index: 0;
 }
 
 .banner-main .h2-slider-list .slide-contain {
   position: relative;
   color: #fff;
   width: 60%;
   margin: auto;
   text-align: center;
   font-size: 22px;
   z-index: 1;
 }
 
 @media (max-width: 991px) {
   .banner-main {
     padding-top: 77px;
   }
   .banner-main .h2-slider-list .slide-contain {
     width: 100%;
   }
 }
 
 @media (max-width: 480px) {
   .browse-main .browse-list {
     -webkit-box-flex: 1;
         -ms-flex: 1 1 100%;
             flex: 1 1 100%;
   }
   .banner-main .h2-slider-list {
     text-align: center;
   }
   .banner-main .h2-slider-list .slide-contain h1 {
     font-size: 38px;
   }
   .banner-main .h2-slider-list .slide-contain p {
     font-size: 18px;
   }
   .banner-main .h2-slider-list .slide-contain .btn {
     padding: 21px 21px 19px;
   }
   .banner h1 {
     font-size: 38px;
   }
 }
 
 .svg-img-rotate {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
 
 @media (max-width: 1200px) {
   .banner {
     padding-bottom: 60px;
   }
   .banner::before {
     right: -200px;
     width: 100%;
   }
 }
 
 @media (max-width: 991px) {
   .main_header_area .topbar-wrap {
     display: none;
   }
   .banner {
     margin-top: 77px;
     overflow: hidden;
   }
   .banner:after {
     background-position: center;
   }
   .banner .banner-ct-wrap {
     padding: 0 0 30px;
     text-align: center;
   }
 }
 
 @media (max-width: 639px) {
   .banner .slider {
     display: none;
   }
 }
 
 /*          About  CSS        */
 .about-detail ul {
   margin: 15px 0;
 }
 
 .about-detail ul li {
   padding: 10px 0 10px 30px;
   border-bottom: 1px dashed #eee;
 }
 
 .about-detail ul li:last-child {
   border: none;
 }
 
 .about-detail ul li i {
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   font-size: 20px;
 }
 
 @media (max-width: 480px) {
   .about-detail .w-50 {
     width: 100% !important;
   }
 }
 
 /*          Process  CSS        */
 .w-process .pcs-list {
   padding: 30px 20px;
 }
 
 .w-process .pcs-list i {
   color: #12b48b;
   font-size: 3rem;
   margin-bottom: 16px;
 }
 
 .w-process .pcs-list h3,
 .w-process .pcs-list h4 {
   margin-bottom: 0.5rem;
 }
 
 .short-info {
   border-top: 2px dashed #eee;
 }
 
 @media (max-width: 991px) {
   .w-process .pcs-list {
     margin-bottom: 25px;
     text-align: center;
   }
 }
 
 /*          Services  CSS        */
 .service .service-list {
   padding: 30px;
 }
 
 .service .service-list i {
   font-size: 3rem;
   color: #12b48b;
 }
 
 @media (max-width: 991px) {
   .service .service-list {
     margin-bottom: 1.5rem;
     text-align: center;
   }
 }
 
 /*          Appointment  CSS        */
 .appointment .appoint-wrap .sc-title-two h2,
 .appointment .appoint-wrap .sc-title-two h4,
 .appointment .appoint-wrap .sc-title-two h5,
 .appointment .appoint-wrap .sc-title-two-white h2,
 .appointment .appoint-wrap .sc-title-two-white h4,
 .appointment .appoint-wrap .sc-title-two-white h5 {
   margin-bottom: 20px;
 }
 
 .appointment .checkup-img img {
   border: 4px solid #fff;
 }
 
 .appoint-info i {
   font-size: 3.5rem;
   color: #fff;
   border-radius: 50px;
   width: 95px;
   height: 95px;
   background: #12b48b;
   text-align: center;
   padding: 15px;
 }
 
 @media (max-width: 991px) {
   .appointment .appoint-wrap {
     margin-bottom: 0;
     text-align: center;
   }
   .appoint-form {
     padding: 1.5rem !important;
     margin-bottom: 1rem;
   }
   .appoint-detail {
     text-align: center;
     padding-bottom: 10px;
   }
   .partners {
     text-align: center;
   }
 }
 
 
 .call-to.bg-green {
   padding: 1.5rem !important;
 }
 
 .call-to.bg-green .btn {
   font-family: "Poppins", sans-serif;
 }
 
 @media (max-width: 991px) {
   .call-to {
     text-align: center;
   }
   .call-to .call-contact {
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
   }
   .call-to .call-to-mid {
     margin: 25px 0;
   }
 }
 
 @media (max-width: 576px) {
   .call-to .call-contact {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     gap: 10px;
   }
   .call-to .call-contact .pl-3 {
     padding-left: 0 !important;
   }
   .call-to .text-center .btn-white-lb {
     margin-top: 20px;
   }
 }
 
 .text-left {
   text-align:left!important
 }
 
 /*          Footer  CSS        */
 .footer .footer-wrap {
   position: relative;
   padding: 40px 0;
 }
 
 .footer .footer-wrap .f-maincontent {
   padding: 30px 15px;
 }
 
 .footer .footer-wrap .ft-lists ul li a {
   color: #ffffff;
   line-height: 2.3;
 }
 
 .footer .footer-wrap .ft-lists .form-group input {
   height: 50px;
 }
 
 .footer .footer-wrap .ft-lists .btn:hover {
   background: #12b48b;
 }
 
 .footer .copyright-main {
   border-top: 1px solid rgba(255, 255, 255, 0.19);
 }
 
 @media (max-width: 991px) {
   .footer .ft-lists {
     margin-bottom: 1.5rem;
   }
 }
 
 @media (max-width: 576px) {
   .footer .footer-wrap .f-maincontent {
     margin-bottom: 1.5rem;
     text-align: center;
   }
   .footer .ft-lists {
     text-align: center;
   }
   .copyright-text {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     text-align: center;
     gap: 15px;
   }
 }
 
 /* ================ Home 2  ==================== */
 .case-table .case-t-wrap {
   padding: 50px 30px 50px 30px;
 }
 
 .case-table .case-t-wrap:hover .case-c1 {
   background: #12b48b;
   color: #ffffff;
 }
 
 .case-table .case-t-wrap:hover .case-c2 {
   background: #1bbde4;
   color: #ffffff;
 }
 
 .case-table .case-t-wrap:hover .case-c3 {
   background: #204066;
   color: #ffffff;
 }
 
 /*          Emergency  CSS        */
 .emergency-call {
   position: relative;
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   z-index: 0;
   padding-top: 75px !important;
   padding-bottom: 75px !important;
 }
 
 .emergency-call::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #204066;
   opacity: 0.9;
   z-index: -1;
 }
 
 .emergency-call .sc-title-two-white::after {
   width: 10%;
   bottom: -30px;
   height: 2px;
 }
 
 /*          Services  CSS        */
 .service-ss .service-aa {
   border-bottom: 2px solid #12b48b;
 }
 
   /* Base styles for all screen sizes */
   .service-ss .row {
     display: flex;
     flex-wrap: wrap;
   }
 
   .service-aa {
     display: flex;
     align-items: stretch; /* Ensure full height */
     padding: 1rem !important;
     margin: 0.5rem 0;
     background: white;
     border-radius: 8px;
     box-shadow: 0 2px 4px rgba(0,0,0,0.05);
   }
 
   .service-aa > i {
     font-size: 2.2rem;
     margin-right: 0.5rem;
     flex-shrink: 0;
   }
 
   .sv-detail {
     flex: 1;
   }
 
   /* Desktop-specific adjustments */
   @media (min-width: 992px) {
     .service-ss .col-lg-4 {
       display: flex;
       flex: 1 0 33.3333%;
     }
     
     .service-aa {
       height: 100%;
     }
   }
 
   /* Mobile-specific adjustments */
   @media (max-width: 767.98px) {
     .service-aa {
       flex-direction: column;
       align-items: center;
       text-align: center;
       padding: 1.5rem;
     }
     
     .service-aa > i {
       margin: 0 0 1rem 0;
     }
     
     .sv-detail {
       padding: 0;
     }
   }
 
   /* Tablet-specific adjustments */
   @media (min-width: 768px) and (max-width: 991.98px) {
     .service-aa {
       padding: 1rem;
     }
     
     .service-aa > i {
       margin-right: 1rem;
     }
   }
   
 @media (max-width: 480px) {
   .sc-title-two h2.fsc-5 {
     font-size: 32px !important;
   }
 }
 
 @media (max-width: 991px) {
   .about-img-2 {
     margin-bottom: 1.5rem;
   }
   .about-img {
     margin-bottom: 1.5rem;
   }
   .hotline-img {
     margin-bottom: 1.5rem;
   }
 }
 
 /* ================ Home 4 ==================== */
 @-webkit-keyframes kbrns_zoomOutIn {
   0% {
     -webkit-transform: scale(1.3);
   }
   100% {
     -webkit-transform: scale(1);
   }
 }
 
 @keyframes kbrns_zoomOutIn {
   0% {
     -webkit-transform: scale(1.3);
             transform: scale(1.3);
   }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
   }
 }
 
 .banner-slider .main-slide-image {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-size: cover;
   background-position: center;
   -webkit-transform-origin: 0;
           transform-origin: 0;
   -webkit-animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;
           animation: kbrns_zoomOutIn 35s linear 0s infinite alternate;
 }
 
 /* ================ Inner Pages ==================== */
 .how-it-works {
   background-attachment: initial;
   background-size: contain;
   background-position: 100% 50%;
   z-index: 0;
 }
 
 @media (max-width: 991px) {
   .how-it-works {
     background-position: 100% 100%;
   }
 }
 
 @media (max-width: 480px) {
   .sercvice-detail .row {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
   }
   .sercvice-detail .row .col-md-8 {
     margin-bottom: 2rem;
   }
   .sercvice-detail .sv-detail-img {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .sercvice-detail .sv-detail-img img {
     width: 100% !important;
   }
 }
 
 /* begin this section set same height for services/treatment section */
 
 .service .row {
   display: flex;
   flex-wrap: wrap;
 }
 
 .service .col-lg-4 {
   display: flex;
   flex-direction: column;
   margin-bottom: 20px;
 }
 
 .service-list {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between; /* Ensures spacing between elements */
   width: 100%; /* Full width of the column */
 }
 
 .service-list .article-content {
   flex-grow: 1;
 }
 
 
 /* end this section set same height for services/treatment section */
 
 
 .service-list {
   min-height: 350px; /* Ensures consistent minimum height */
   height: 100%; /* Allows flexbox to control height */
   display: flex;
   flex-direction: column;
   margin-bottom: 30px; /* Adds spacing between boxes */
 }
 
 .sv-icon {
   margin-bottom: 15px;
 }
 
 .sv-title {
   margin-bottom: 15px;
 }
 
 .service-list p {
   flex-grow: 1; /* Makes text area expandable */
   margin-bottom: 20px;
 }
 
 .solution .solutin-list p {
   text-align: left !important;
 }
 
 .solution .solutin-list b {
   text-align: left !important;
 }
 
 .service-list .ul-services {
   list-style-type: disc;
   list-style-position: inside;
   padding-left: 20px;
   margin: 0;
   text-align: left;
 }
 
 .service-list .ul-services li {
   display: list-item;
   padding-left: 5px;
   margin: 0;
 }
 
 
 /*  */
 
 .price-list-wrap {
     min-height: 400px; /* Ensures consistent minimum height */
     height: 100%; /* Allows flexbox to control height */
     display: flex;
     flex-direction: column;
     margin-bottom: 30px; /* Adds spacing between boxes */
     padding: 1rem !important;
 }
 
 .price-top {
     display: flex;
     flex-direction: column;
     height: 100%;
 }
 
 .price-top img {
     margin-bottom: 15px;
     max-width: 100%;
     height: auto;
 }
 
 .price-top h4 {
     margin-bottom: 15px;
     text-align: center;
 }
 
 .price-top p {
     flex-grow: 1; /* Makes text area expandable */
     margin-bottom: 20px;
 }
 
 .slicknav_btn {
   right: 20px !important;
 }
 

 /*  */

 .service.bg-sfgrey-3 .row.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.service.bg-sfgrey-3 .col-lg-4.col-md-6.d-flex {
  display: flex;
}

.service.bg-sfgrey-3 .service-list {
  display: flex;
  flex-direction: column;
  height: 100%;
}