@import url('css2.css');
  /*
Theme Name:     Dentex
Theme URI:      
Author:         
Author URI:     
Description:    
Version:        1.0
License:        
License URI:    
*/
  /* 
    01. Global CSS
*/
  /*
	Files

	01. Home Page Style
            Section of home page
                1.1. Header style
                1.2. Banner style
                1.3. logoipsum style
                1.4. Services style
                1.5. About Style
                1.6. We Offer Style
                1.7. Benefits Style
                1.8. How it Works Style
                1.9. Frequently Asked Questions Style
                1.10. Our Benefits Style
                1.11. Contact form Style
                1.12. Patient Cases Style
                1.13. We Care About Style
                1.14. Pricing Plan Style
                1.15. Patient Cases Carousel Style
                1.16. Patient Cases Blogs & Events Style
                1.17. Footer Style

	02. About Page Style
            Section of home page
                2.1. Our Vision style
	03. Services Page Style
            Section of home page
                3.1. We Offer Style
	04. Team Page Style
            Section of home page
                04.1. card
	05. FAQ Page Style
            Section of home page
                05.1. faq
	06. Testimonials Page Style
            Section of home page
                6.1. Tesimonials
	07. Contact page Style
            Section of home page
                7.1. Contact page Style
                7.2. MAP Style
	08. 404 page Style
	09. Coming soon page Style
	10. Blog page Style
            Section of home page
                10.1. Patient Cases Blogs & Events style

 */
  
  body {
      font-family: "Mulish", sans-serif;
  }
  /* 平滑滚动，优化锚点跳转体验 */
  html {
      scroll-behavior: smooth;
  }
  /* 01. =============== global css =============== */
  
  h1 {
      font-size: 50px;
      font-weight: 800;
      line-height: 56px;
  }
  
  h2 {
      font-size: 36px;
      font-weight: 700;
      line-height: 40px;
  }
  
  h3 {
      font-size: 24px;
      font-weight: 700;
      line-height: 28px;
  }
  
  h4 {
      font-size: 22px;
      font-weight: 700;
      line-height: 24px;
  }
  
  h5 {
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
  }
  
  h6 {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
  }
  
  p {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
  }
  
  button {
      font-size: 16px;
      font-weight: 600;
      padding: 14px 38px 14px 38px;
  }
  
  a {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
      padding: 17px 38px 17px 38px;
      text-decoration: none;
  }
  /* 01. =============== End of global css =============== */
  /* 01. =============== Home Page Style =============== */
  /* 1.1. =============== Header style ===============  */
  
  .header_item_2 li a {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
  }
  
  aside li a {
      font-size: 16px;
      font-weight: 400;
      line-height: 22px;
  }
  
  header {
      padding-top: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  
  .location_hed {
      display: flex;
      gap: 10px;
  }
  
  .location_hed h6 {
      color: #052a44;
  }
  
  .location_hed i {
      font-size: 20px;
      transition: 500ms;
  }
  
  .location_hed i:hover {
      color: #23cfc9;
      transition: 500ms;
  }
  
  .two_first_div {
      display: flex;
      gap: 30px;
  }
  
  .top_header_img {
      display: flex;
      gap: 20px;
  }
  
  .top_header_img i {
      font-size: 20px;
      cursor: pointer;
      transition: 500ms;
  }
  
  .top_header_img i:hover {
      color: #23cfc9;
      transition: 500ms;
  }
  
  .first_hr hr {
      border: 1px solid #97a9a8;
  }
  
  .navbar-toggler i {
      font-size: 30px !important;
  }
  
  .navbar-toggler {
      border: 1px solid black;
  }
  
  .navbar-toggler:hover {
      background-color: #fde9779c;
      border: 1px solid #fde877;
      z-index: 1;
  }
  
  .navbar .nav-item .dropdown-menu {
      display: none;
  }
  
  .navbar .nav-item .dropdown-menu li {
      margin: 8px 0;
  }
  
  .navbar .dropdown:hover .dropdown-menu {
      display: block;
  }
  
  .dropdown .dropdown-toggle {
      height: 63px;
      display: flex;
      align-items: center;
  }
  
  ul.dropdown-menu {
      width: 220px;
      margin: 0px 0px 0 -30px;
  }
  
  .header_item {
      display: flex;
      justify-content: end;
      align-items: center;
      margin-right: -12px;
  }
  
  .header_item li a {
      color: #052a44;
  }
  
  .header_item_2 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 25px;
      margin-right: 33px;
  }
  
  .header_item_2 li a.active {
      color: #4f80ff;
  }
  
  .header_item_2 li a:hover {
      color: #4f80ff;
  }
  
  .header_logo {
      height: 50px;
      margin-left: -12px;
  }
  
  @media (max-width: 768px) {
      /* 顶部导航logo在平板与大手机区间 */
      .header_logo {
          height: 36px;
      }
      .navbar-brand img {
          max-height: 36px;
          width: auto;
      }
      .sidepanel .sidebar figure img {
          max-width: 120px;
      }
  }

  /* 更小屏幕下进一步缩小LOGO，避免遮挡 */
  @media (max-width: 576px) {
      .header_logo {
          height: 28px;
      }
      .navbar-brand img {
          max-height: 28px;
      }
      .sidepanel .sidebar figure img {
          max-width: 100px;
      }
      .footer_logo img {
          width: 110px;
      }
  }
  
  .header_item button {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      padding: 14px 38px;
      background: #fde877;
      border-radius: 15px 0px 15px 15px;
      border: none;
      transition: 500ms;
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
  }
  
  .header_item button:hover {
      background: #fff1a3;
      box-shadow: 0px 7px 20px rgba(253, 232, 119, 0.6);
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
      color: #23cfc9;
  }
  
  .header_item button i {
      font-size: 20px;
  }
  
  aside {
      background-color: white;
  }
  
  .sidebar {
      display: flex;
      justify-content: space-between;
  }
  
  .sidepanel .sidebar figure img {
      max-width: 160px;
      height: auto;
      display: block;
  }
  
  .sidebar button {
      width: 40px;
      height: 35px;
      background-color: #fde877;
      border: none;
      border-radius: 5px;
      padding: 2px 3px 2px 3px;
  }
  
  .sidebar button:hover {
      background-color: #23cfc9;
      color: white;
  }
  
  aside ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-direction: column;
  }
  
  aside li a {
      color: #052a44 !important;
  }
  
  aside li a.active {
      color: #4f80ff !important;
  }
  
  aside li a:hover {
      color: #4f80ff !important;
  }
  
  .dropdown-item:active {
      background-color: white;
  }
  
  .collapse_btn {
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse;
  }
  
  .collapse_btn i {
      border: 1px solid #052a44;
      padding: 4px 15px;
      border-radius: 40px;
      margin-top: 22px;
  }
  
  .plus_collapse {
      margin: -53px -18px 0 0;
      height: 30px;
  }
  
  aside .pages {
      margin-left: 17px;
  }
  
  .sidepanel {
      width: 0;
      position: fixed;
      z-index: 1;
      height: 100vh;
      top: 0;
      left: 0;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 40px;
  }
  /*1.1. =============== End of Header style ===============  */
  
  .first_bg {
      background: linear-gradient( -0deg, #ffffff 23.98%, #f7fcfa 39.6%, #edf9f0 89.16%);
  }
  /* 1.2. =============== Banner style ===============  */
  
  .always {
      margin-top: 80px;
  }
  
  .always_first_div {
      padding-left: 0;
  }
  
  .always_first_div h1 {
      color: #052a44;
      word-wrap: break-word;
  }
  
  .always_first_div p {
      color: #97a9a8;
      margin-top: 30px;
      text-align: justify;
  }
  
  .always_first_div a {
      background: #23cfc9;
      border-radius: 15px 0px 15px 15px;
      color: white;
      border: none;
      transition: 500ms;
      display: inline-block; /* 使 margin-top 生效 */
      margin-top: 18px;      /* 增大与上一段文字的间距 */
  }
  
  .always_first_div a:hover {
      border-radius: 15px 15px 15px 0px;
      background: #32e4de;
      box-shadow: 0px 7px 20px rgba(56, 227, 221, 0.72);
      transition: 500ms;
  }
  
  .able hr {
      width: 82px;
      margin-top: 7px;
      color: black;
  }
  
  .able {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-top: 54px;
  }
  
  .able p {
      color: #052a44;
      text-transform: capitalize;
  }
  
  .dental {
      font-weight: 700;
      color: #2d8ee9;
  }
  
  .able img {
      width: 30px;
      margin-top: -10px !important;
  }
  
  .always_bg {
      background-image: url("../image/dental_bg1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      width: 400px;
      height: 469px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
  }
  
  .always_bg img {
      width: 350px;
      height: 526px;
      object-fit: cover;
  }
  
  .always_bg figure {
      margin-bottom: 0;
  }
  
  .dental_sm_card_div {
      display: flex;
      flex-direction: column;
      gap: 30px;
      margin: 120px -70px 0 0px;
      z-index: 1;
  }
  
  .dental_sm_card {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(0, 0, 0, 0.11);
      border-radius: 15px 0px 15px 15px;
      width: 205px;
      height: 80px;
      padding: 6px 10px 10px 22px;
      transition: 1000ms;
  }
  
  .dental_sm_card:hover {
      background: #fde877;
      margin-left: -10px;
      transition: 1000ms;
  }
  
  .dental_sm_card p:nth-child(2) {
      font-weight: 700;
      font-size: 20px;
      line-height: 7px;
      color: #000000;
      margin-top: -9px;
  }
  
  .dental_sm_card p:nth-child(3) {
      color: #000000;
  }
  
  .dental_sm_card div:first-child {
      text-align: end;
  }
  
  .dental_sm_card div:first-child i {
      color: #23cfc9;
      font-size: 20px;
  }
  
  .dental_card_div {
      margin-top: 80px;
  }
  
  .dental_card {
      border: 1px solid #23cfc9;
      border-radius: 20px 0px 20px 20px;
      text-align: center;
      padding: 20px 30px 2px 30px;
      width: 32%;
      min-height: 226px;
      transition: 500ms;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  
  .dental_card:hover {
      border: 1px solid white;
      background-color: white;
      box-shadow: 0px 25px 33px rgba(156, 223, 199, 0.35);
  }
  
  .dental_card img {
      width: 70px;
  }
  
  .dental_card img:hover {
      position: relative;
      animation-name: example;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  
  @keyframes example {
      0% {
          top: 0px;
      }
      50% {
          top: 5px;
      }
      100% {
          top: 0px;
      }
  }
  
  .dental_card h5:nth-child(2) {
      color: #052a44;
  }
  
  .dental_card p:nth-child(3) {
      color: #97a9a8;
  }
  /* 1.2. =============== End of Banner style =============== */
  /* 1.3. =============== logoipsum style =============== */
  
  .most_valuable h2 {
      color: #052a44;
      text-align: center;
      margin-top: 80px;
  }
  
  .logoipsum_img img {
      width: 130px;
      opacity: 0.25;
      transition: 500ms;
  }
  
  .logoipsum_img img:hover {
      opacity: 2;
      transition: 500ms;
  }
  
  .logoipsum_img {
      display: flex;
      justify-content: space-between;
      align-items: start;
      margin-top: 20px;
      padding: 0 20px;
  }
  
  .logoipsum_line {
      border: 1px solid #97a9a8;
      margin-top: 60px;
  }
  /* 1.3. =============== End of logoipsum style =============== */
  /* 1.4. =============== Services style =============== */
  
  .service_main {
      margin-top: 60px;
      margin-bottom: 60px;
  }
  
  .service_para h5 {
      color: #23cfc9;
      text-align: center;
  }
  
  .service_para h2 {
      text-align: center;
      color: #052a44;
  }
  
  .service_para p {
      text-align: center;
      color: #97a9a8;
      padding: 0 30px;
  }
  
  .Exceptionally {
      position: relative;
      width: 100%;
  }
  
  .Exceptionally img {
      width: 100%;
      border-radius: 20px 0px 20px 20px;
  }
  
  .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #23cfc9bb;
      overflow: hidden;
      width: 100%;
      height: 0;
      transition: 0.5s ease;
      border-radius: 20px 0px 20px 20px;
  }
  
  .Exceptionally:hover .overlay {
      height: 100%;
  }
  
  .overlay_text {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      text-align: center;
  }
  
  .overlay_text a {
      text-decoration: none;
      color: white;
      font-weight: 500;
      font-size: 19px;
  }
  
  .exceptionaly_main_div {
      margin-top: 20px;
  }
  
  .exceptionaly_main {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  
  .general {
      background: #f6f7fb;
      border-radius: 20px 0px 20px 20px;
      width: 100%;
      padding: 13px 17px 2px 20px;
  }
  
  .general h5:first-child {
      color: #052a44;
  }
  
  .general p:nth-child(2) {
      color: #97a9a8;
  }
  
  .exceptionaly_btn {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 60px;
  }
  
  .exceptionaly_btn a {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 0px 15px 15px;
      background-color: white;
      color: #2d8ee9;
      transition: 500ms;
  }
  
  .exceptionaly_btn a:hover {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 15px 15px 0px;
      background-color: #2d8ee9;
      color: white;
      transition: 500ms;
  }
  /* 1.4. =============== End of Services style =============== */
  /* 1.5. =============== About Style =============== */
  
  .about_us_main {
      padding: 90px 0;
  }
  
  .about_us_bg {
      background-image: url("../image/dental_bg2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 400px;
      height: 467px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
  }
  
  .about_us_bg figure {
      margin-bottom: 0;
  }
  
  .about_us_bg img {
      width: 275px;
      height: 416px;
      object-fit: cover;
  }
  
  .about_us_para h5:first-child {
      color: #23cfc9;
  }
  
  .about_us_para h2:nth-child(2) {
      color: #052a44;
      margin-bottom: 10px;
  }
  
  .about_us_para h2:nth-child(3) {
      color: #23cfc9;
  }
  
  .about_us_para p:nth-child(4) {
      color: #97a9a8;
      text-align: justify;
  }
  
  .about_btn a {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 0px 15px 15px;
      background-color: white;
      color: #2d8ee9;
      transition: 500ms;
  }
  
  .about_btn a:hover {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 15px 15px 0px;
      background-color: #2d8ee9;
      color: white;
      transition: 500ms;
  }
  
  .about_us_btn {
      display: flex;
      align-items: center;
      gap: 30px;
      margin-top: 20px;
  }
  
  #ab_btn {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 10px;
      padding: 14px 38px;
      background: #fde877;
      color: #000000;
      border-radius: 15px 0px 15px 15px;
      border: none;
      transition: 500ms;
      font-size: 16px;
      font-weight: 700;
      line-height: 20px;
  }
  
  #ab_btn:hover {
      background: #fff1a3;
      box-shadow: 0px 7px 20px rgba(253, 232, 119, 0.6);
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
      color: #23cfc9;
  }
  
  #ab_btn i {
      font-size: 20px;
  }
  
  .about_counter {
      margin-top: 22px;
      display: flex;
  }
  
  .counter_para div {
      display: flex;
      justify-content: center;
      align-items: center;
      color: #23cfc9;
      font-size: 30px;
      font-weight: 700;
  }
  
  .counter_para {
      text-align: center;
  }
  
  .counter_para h2:first-child {
      color: #23cfc9;
      text-align: center;
  }
  
  .counter_para h6:nth-child(2) {
      color: #052a44;
  }
  
  .counter_line hr {
      border: 1px solid #97a9a8;
      transform: rotate(90deg);
      width: 57px;
      margin-top: 43px;
  }
  
  .para_btn_counter {
      padding-right: 80px;
  }
  /* 1.5. =============== End of About Style =============== */
  /* 1.6. =============== We Offer Style =============== */
  
  .we_offer_bg {
      background-image: url("../image/we_offer.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 20px 0 20px 20px;
      align-items: flex-end;
      padding: 70px 38px;
  }
  
  .row {
      margin-left: 0 !important;
  }
  
  .offer_logo img {
      width: 125px;
      height: 125px;
      margin-right: 135px;
      border-radius: 50%;
      object-fit: cover;
  }
  
  .offer_para h5:first-child {
      color: #052a44;
  }
  
  .offer_para h2:nth-child(2) {
      color: #052a44;
  }
  
  .offer_para p:nth-child(3) {
      color: #052a44;
      word-break: break-all;
  }
  
  .offer_btn {
      display: flex;
      gap: 20px;
  }
  
  .offer_btn1 {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(0, 0, 0, 0.11);
      border-radius: 15px 0px 15px 15px;
      width: 197px;
      padding: 13px 15px 1px 17px;
      transition: 500ms;
  }
  
  .offer_btn1:hover {
      background: #fde877;
      transition: 500ms;
  }
  
  .offer_btn1 h5:first-child {
      color: #052a44;
  }
  
  .offer_btn1 h6:nth-child(2) {
      color: #052a44;
      margin-top: -5px;
  }
  
  .offer_book_btn {
      margin-top: 40px;
  }
  
  .offer_book_btn a {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 0px 15px 15px;
      background-color: #2d8ee9;
      color: white;
      transition: 500ms;
  }
  
  .offer_book_btn a:hover {
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
  }
  /* 1.6. =============== End of We Offer Style =============== */
  /* 1.7. =============== Benefits Style =============== */
  
  .abc {
      padding-right: 7%;
  }
  
  .benefits_main_div {
      padding-top: 80px;
  }
  
  .benefits_main_div .pe-0 {
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .benefits_para h5:first-child {
      color: #23cfc9;
  }
  
  .benefits_para h2:nth-child(2) {
      color: #052a44;
  }
  
  .benefits_para p:nth-child(3) {
      color: #97a9a8;
      text-align: justify;
  }
  
  .smile1 {
      color: #2d8ee9;
  }
  
  .smile1:hover {
      color: #23cfc9;
  }
  
  .benefits_card {
      background: #ffffff;
      box-shadow: 1px 14px 18px rgba(166, 209, 249, 0.562);
      border-radius: 15px 0px 15px 15px;
      padding: 17px 20px 0px 20px;
  }
  
  .benefits_card:hover {
      background: #23cfc9;
      transition: 500ms;
  }
  
  .benefits_card:hover h5:first-child {
      color: white;
  }
  
  .benefits_card:hover p:nth-child(2) {
      color: white;
  }
  
  .benefits_card h5:first-child {
      color: #052a44;
  }
  
  .benefits_card p:nth-child(2) {
      color: #97a9a8;
  }
  
  .benefits_card_main {
      display: flex;
      flex-direction: column;
      gap: 25px;
      margin-top: 30px;
  }
  
  .benefits_bg {
      background-image: url("../image/our_banifets_bg.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      display: flex;
      gap: 20px;
      padding: 60px 0px 60px 17px;
  }
  
  .benefits1 {
      width: 100%;
  }
  
  .benefits2 {
      width: 90%;
      margin-top: 62px;
  }
  /* 1.7. =============== End of Benefits Style =============== */
  /* 1.8. =============== How it Works Style =============== */
  
  .how_works_main {
      margin-top: 80px;
      background-image: url("../image/how_it_work.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding: 100px 40px;
  }
  
  .how_para h2:first-child {
      color: #ffffff;
      text-align: center;
  }
  
  .how_para p:nth-child(2) {
      color: #ffffff;
      text-align: center;
  }
  
  .how_it_work_main {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 70px;
      margin-top: 30px;
  }
  
  .how_it_work_card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 10px;
  }
  
  .how_it_work_card h4 {
      text-align: center;
      color: #ffffff;
  }
  
  .how_it_work_card figure {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(0, 0, 0, 0.11);
      border-radius: 20px 0px 20px 20px;
      padding: 40px;
      width: 150px;
      height: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .how_it_work_card figure img {
      width: 80px;
  }

  /* 适配内联SVG的尺寸（招标流程） */
  .how_it_work_card figure svg {
      width: 110px;
      height: auto;
      display: block;
  }

  /* 为SVG添加与IMG一致的悬浮动画效果 */
  .how_it_work_card figure svg:hover {
      position: relative;
      animation-name: example;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }

  .how_it_work_card figure img:hover {
      position: relative;
      animation-name: example;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  
  .how_it_work_main div:first-child img {
      width: 65px;
  }
  
  .how_it_work_main div:last-child img {
      width: 60px;
  }
  
  .how_it_work_card figure img:hover {
      position: relative;
      animation-name: example;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  /* 1.8. =============== End of How it Works Style =============== */
  /* 1.9. =============== Frequently Asked Questions Style =============== */
  
  .frequently_main {
      background: #052a44;
      padding: 296px 0 0px 0;
      height: 600px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  
  .frequentlypara h2:first-child {
      color: #ffffff;
      padding: 0 40px;
  }
  
  .frequentlypara p:nth-child(2) {
      color: #ffffff;
      padding: 0 40px;
      width: 600px;
  }
  
  .frequentlypara {
      margin: 0 0 0 165px;
  }
  
  .frequently {
      position: relative;
      top: 25px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 28px;
  }
  
  .frequently_bg {
      background-image: url("../image/dental_bg3.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 344px;
      height: 446px;
      padding: 20px 0 0 0;
      display: flex;
      justify-content: center;
      align-items: flex-end;
  }
  
  .frequently_bg figure {
      margin-bottom: 0;
  }
  
  .frequently_bg img {
      width: 275px;
      height: 416px;
      object-fit: cover;
  }
  
  .frequently_accordion_main {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(166, 209, 249, 0.28);
      border-radius: 20px 0px 20px 20px;
      padding: 30px;
      min-height: 500px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .frequently_accordion {
      border: none;
      width: 682px;
  }
  
  .frequently_btn {
      color: #3a3a3a;
      font-size: 18px;
      font-weight: 600;
      line-height: 24px;
  }
  
  .frequently_accordion_para {
      color: #97a9a8;
      width: 80%;
      text-align: justify;
  }
  
  .frequently_btn:not(.collapsed) {
      background: white;
      color: black;
  }
  
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled),
  button:not(:disabled) {
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  }
  
  .accordion-button:not(.collapsed)::after {
      background-image: url("../image/manus.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }
  
  .accordion-button::after {
      background-image: url("../image/plus.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
  }
  
  .frequently_line hr {
      width: 80%;
      margin-top: 250px !important;
      margin: 40px auto;
  }
  /* 1.9. =============== End of Frequently Asked Questions Style =============== */
  /* 1.10. =============== Our Benefits Style =============== */
  
  .choose_para h5:first-child {
      color: #23cfc9;
  }
  
  .choose_para h2:nth-child(2) {
      color: #052a44;
      margin-bottom: -15px;
  }
  
  .choose_para h2:nth-child(3) {
      font-weight: 900;
      margin-bottom: 0;
      line-height: 60px;
      color: #2d8ee9;
  }
  
  .choose_para p:nth-child(4) {
      color: #97a9a8;
      padding: 0 40px 0 0;
  }
  
  .choose_btn {
      margin-top: 40px;
  }
  
  .choose_btn a {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 0px 15px 15px;
      background-color: white;
      color: #2d8ee9;
      transition: 500ms;
  }
  
  .choose_btn a:hover {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 15px 15px 0px;
      background-color: #2d8ee9;
      color: white;
      transition: 500ms;
  }
  
  .choose_carosoul {
      display: flex;
      justify-content: center;
      gap: 20px;
  }
  
  .carousel_card {
      width: 320px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: #f6f7fb;
      border-radius: 20px 0px 20px 20px;
      border: none;
      padding: 12px 0 24px 0;
      transition: 500ms;
  }
  
  .carousel_card:hover {
      background: #2d8ee9;
      transition: 500ms;
  }
  
  .carousel_img {
      width: 150px;
      height: 150px;
      margin-top: -74px;
      border-radius: 50%;
  }
  
  .carousel_img:hover {
      position: relative;
      animation-name: example;
      animation-duration: 1.5s;
      animation-iteration-count: infinite;
      animation-direction: alternate;
  }
  
  .carousel_para h5:first-child {
      text-align: center;
      color: #052a44;
      padding: 0 41px;
      transition: 500ms;
  }
  
  .carousel_card:hover .carousel_para p:first-child {
      color: white;
      transition: 500ms;
  }
  
  .carousel_para p:nth-child(2) {
      color: #97a9a8;
      text-align: center;
      padding: 0 30px;
      transition: 500ms;
  }
  
  .carousel_card:hover .carousel_para p:nth-child(2) {
      color: white;
      transition: 500ms;
  }
  
  .carousel_card_icon a {
      padding: 0;
  }
  
  .carousel_card_icon {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .carousel_card_icon i {
      color: #2d8ee9;
      font-size: 19px;
      border: 1px solid #2d8ee9;
      border-radius: 50%;
      padding: 6px;
      width: 34px;
      height: 34px;
      text-align: center;
      transition: 500ms;
  }
  
  .carousel_card:hover .carousel_card_icon i {
      background-color: #2d8ee9;
      border: 1px solid white;
      color: white;
      transition: 500ms;
  }
  
  .carousel_card_main_div {
      padding: 70px 0;
      width: 100%;
  }
  
  .carousel-indicators {
      height: 6px;
      overflow: hidden;
  }
  
  .carousel-indicators button {
      background: #23cfc9 !important;
      width: 15px !important;
      transition: 500ms;
  }
  
  .carousel-indicators .active {
      background-color: #052a44 !important;
      width: 25px !important;
      transition: 500ms;
  }
  /* 1.10. =============== End of Our Benefits Style =============== */
  /* 1.11. =============== Contact form Style =============== */
  
  .emergency_call {
      background: #2d8ee9;
      margin-top: 400px;
      height: 600px;
  }
  
  .emergency {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 25px;
  }
  
  .patient_case {
      position: relative;
      top: -200px;
      display: flex;
      flex-direction: column;
      z-index: 1000;
  }
  
  .patient_case img {
      width: 465px;
      border-radius: 20px 0px 20px 20px;
  }
  
  .emergency form {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(0, 0, 0, 0.11);
      border-radius: 20px 0px 20px 20px;
      padding: 37px 20px;
      position: relative;
      top: -150px;
      min-height: 530px;
      z-index: 1000;
  }
  
  #success-message {
      display: none;
      background-color: #23cfc9;
      color: white;
      padding: 100px 200px;
      border-radius: 20px 0px 20px 20px;
      font-size: 20px;
      text-align: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .user_name {
      background: #ffffff;
      border: 1px solid #d9d9d9;
      border-radius: 20px 0px 20px 20px;
      padding: 10px;
      margin: 18px 0;
      display: flex;
      align-items: start;
  }
  
  .user_name input {
      border: none;
      outline: none;
      width: 100%;
  }
  
  .user_name i {
      color: #23cfc9;
      font-size: 18px;
      margin: 5px 10px;
  }
  
  .user_name textarea {
      border: none;
      outline: none;
      width: 100%;
  }
  
  .double_input {
      display: flex;
      gap: 20px;
      margin: -18px 0;
  }
  
  .form_btn button {
      background: #23cfc9;
      border-radius: 15px 0px 15px 15px;
      color: #ffffff;
      width: 100%;
      border: none;
      transition: 500ms;
  }
  
  .form_btn button:hover {
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
  }
  
  .case_para {
      margin-top: 20px;
  }
  
  .case_para h6:first-child {
      color: #fde877;
  }
  
  .case_para h2:nth-child(2) {
      color: #ffffff;
  }
  
  .case_para p:nth-child(3) {
      color: #ffffff;
      width: 438px;
  }
  
  .get_appointment {
      background: #fde877;
      border-radius: 100px 0px;
      position: relative;
      top: -1005px;
      left: 300px;
      padding: 40px 0 50px 268px;
      width: 74%;
      height: 460px;
  }
  
  .get_appointment h6:first-child {
      color: #052a44;
  }
  
  .get_appointment h2:nth-child(2) {
      color: #052a44;
  }
  
  .get_appointment p:nth-child(3) {
      color: #052a44;
      width: 498px;
  }
  /* 1.11. =============== End of Contact form Style =============== */
  /* 1.12. =============== Patient Cases Style =============== */
  
  .helping_bg {
      background: linear-gradient( 337.61deg, #ffffff 23.98%, #f7fcfa 39.6%, #edf9f0 89.16%);
      padding-bottom: 40px;
  }
  
  .helping {
      padding-top: 80px;
      padding-bottom: 80px;
      gap: 40px;
  }
  
  .helping .row {
      margin-top: 34px;
  }
  
  .helping_para h5:first-child {
      color: #23cfc9;
      text-align: center;
  }
  
  .helping_para h2:nth-child(2) {
      text-align: center;
      color: #052a44;
  }
  
  .helping_para p:nth-child(3) {
      text-align: center;
      color: #97a9a8;
  }
  
  .helping_img_div img {
      width: 260px;
      height: 250px;
      object-fit: cover;
      border-radius: 20px 0 20px 20px;
  }
  
  .helping_img_div1 {
      margin-top: 20px;
  }
  
  .helping_img_div1 img {
      width: 540px;
      height: 250px !important;
      object-fit: cover;
      border-radius: 20px 0 20px 20px;
  }
  
  .helping_img_div2 img {
      height: 520px;
      object-fit: cover;
  }
  
  .helping_img_div {
      position: relative;
  }
  
  .helping_img_div .helping_img_para {
      position: absolute;
      bottom: 0;
      padding: 10px 30px 10px 20px;
  }
  
  .helping_img_div p {
      display: none;
  }
  
  .helping_img_div h5 {
      display: none;
  }
  
  .helping_img_div:hover p {
      display: block;
  }
  
  .helping_img_div:hover h5 {
      display: block;
  }
  
  .helping_img_div .a1 {
      background: linear-gradient(0deg, #2d8ee9 0%, rgba(45, 142, 233, 0) 65.34%);
      height: 250px;
      width: 100%;
      border-radius: 20px 0px 20px 20px;
      display: flex;
      justify-content: end;
      flex-direction: column;
  }
  
  .helping_img_div:hover .a1 {
      background: linear-gradient(0deg, #052a44 3.14%, rgba(5, 42, 68, 0) 69.96%);
  }
  
  .helping_img_div .a2 {
      background: linear-gradient(0deg, #052a44 3.14%, rgba(5, 42, 68, 0) 69.96%);
      height: 250px;
      width: 100%;
      border-radius: 20px 0px 20px 20px;
      display: flex;
      justify-content: end;
      flex-direction: column;
  }
  
  .helping_img_div:hover .a2 {
      background: linear-gradient(0deg, #2d8ee9 0%, rgba(45, 142, 233, 0) 65.34%);
  }
  
  .helping_img_div .a3 {
      background: linear-gradient(0deg, #23cfc9 0%, rgba(35, 207, 201, 0) 69.96%);
      height: 250px;
      width: 100%;
      border-radius: 20px 0px 20px 20px;
      display: flex;
      justify-content: end;
      flex-direction: column;
  }
  
  .helping_img_div:hover .a3 {
      background: linear-gradient(0deg, #052a44 3.14%, rgba(5, 42, 68, 0) 69.96%);
  }
  
  .helping_img_para h5:first-child {
      color: #ffffff;
  }
  
  .helping_img_para p:nth-child(2) {
      color: #ffffff;
  }
  
  .double_img {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .double_img_sec {
      display: flex;
      gap: 20px;
  }
  /* 1.12. =============== End of Patient Cases Style =============== */
  /* 1.13. =============== We Care About Style =============== */
  
  .we_care_bg_color {
      background: linear-gradient( 337.61deg, #ffffff 23.98%, #f7fcfa 39.6%, #edf9f0 89.16%);
  }
  
  .we_care_bg {
      background-image: url("../image/we_care_bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      border-radius: 20px 0 20px 20px;
      padding: 80px 40px 50px 40px;
      display: flex;
      justify-content: space-between;
      align-items: end;
  }
  
  .smile2 {
      color: #ffffff;
  }
  
  .we_care_para h2:first-child {
      color: #052a44;
      width: 290px;
  }
  
  .we_care_para p:nth-child(2) {
      color: #052a44;
      width: 410px;
      margin-bottom: 30px;
  }
  
  .we_care_50 span {
      color: #ffffff;
  }
  
  .we_care_50 h2:first-child {
      color: #052a44;
      text-align: center;
  }
  
  .we_care_50 h6:nth-child(2) {
      color: #052a44;
      text-align: center;
  }
  
  .we_care_btn {
      display: flex;
      justify-content: center;
      align-items: center;
      display: inline;
      gap: 10px;
      padding: 14px 38px;
      background: #fde877;
      color: #000000;
      border-radius: 15px 0px 15px 15px;
      border: none;
      transition: 500ms;
  }
  
  .we_care_btn:hover {
      background: #fff1a3;
      color: #23cfc9 !important;
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
  }
  
  .we_care_btn i {
      font-size: 20px;
  }
  
  .we_care_btn:hover {
      color: #3693ea;
  }
  /* 1.13. =============== End of We Care About Style =============== */
  /* 1.14. =============== Pricing Plan Style =============== */
  
  .pricing_plan_bg {
      background: #f6f7fb;
      padding-top: 80px;
      padding-bottom: 80px;
  }
  
  .pricing_plan_para h5:first-child {
      color: #23cfc9;
      text-align: center;
      padding: 0 30px;
  }
  
  .pricing_plan_para h2:nth-child(2) {
      color: #052a44;
      text-align: center;
      padding: 0 30px;
  }
  
  .pricing_plan_para p:nth-child(3) {
      color: #97a9a8;
      text-align: center;
      padding: 0 30px;
  }
  
  .view_line {
      width: 100%;
  }
  
  .pricing_plan_three_card {
      margin-top: 20px;
      margin-left: 0 !important;
  }
  
  .pricing_plan_card {
      background: #ffffff;
      box-shadow: -1px 14px 18px rgba(166, 209, 249, 0.28);
      border-radius: 20px 0px 20px 20px;
      padding: 46px 45px;
      width: 320px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
  }
  
  .pricing_card_para h4:first-child {
      color: #23cfc9;
      text-align: center;
  }
  
  .pricing_card_para h2:nth-child(2) {
      color: #052a44;
      text-align: center;
  }
  
  .pricing_btn {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .pricing_btn a {
      background: white;
      border-radius: 15px 0px 15px 15px;
      border: 1px solid #23cfc9;
      color: #23cfc9;
      margin-top: 30px;
      transition: 500ms;
  }
  
  .pricing_btn a:hover {
      border-radius: 15px 15px 15px 0px;
      transition: 500ms;
  }
  
  .pricing_plan_card:hover .pricing_btn a {
      background: #23cfc9;
      color: white;
  }
  
  .pricing_icon_para {
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
  }
  
  .pricing_icon {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .pricing_icon i {
      border: 1.5px solid #23cfc9;
      color: #23cfc9;
      border-radius: 50%;
      padding: 2px;
      font-size: 16px;
      margin-top: -12px;
  }
  
  .pricing_icon h6 {
      color: #052a44;
  }
  /* 1.14. =============== End of Pricing Plan  Style =============== */
  /* 1.15. =============== Patient Cases Carousel Style =============== */
  
  .patient_case_check {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 80px;
  }
  
  .patient_case_check_para h5:first-child {
      color: #23cfc9;
      text-align: center;
      padding: 0 40px;
  }
  
  .patient_case_check_para h2:nth-child(2) {
      text-align: center;
      color: #052a44;
      padding: 0 24px;
  }
  
  .patient_case_check_para p:nth-child(3) {
      text-align: center;
      color: #97a9a8;
      padding: 0 40px;
  }
  
  .patient_case_carousel_main {
      margin-top: 30px;
      display: flex;
      gap: 20px;
      padding: 0 10px;
  }
  
  .patient_case_carousel {
      background: #23cfc9;
      border-radius: 20px 0px 20px 20px;
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 20px 20px 10px 20px;
  }
  
  .patient_case_carousel img {
      width: 110px;
      height: 110px;
      object-fit: cover;
      border-radius: 50%;
      border: 2px solid white;
  }
  
  .checked {
      color: rgb(197, 145, 48);
  }
  
  .carousel_start {
      margin-bottom: 10px;
  }
  
  .carousel_check_para p:first-child {
      color: #ffffff;
      text-align: justify;
  }
  
  .carousel_check_para h5:nth-child(2) {
      color: #052a44;
  }
  
  .carousel_check_para h6:nth-child(3) {
      color: #052a44;
  }
  
  .check_carousel_btn {
      position: absolute;
      bottom: -70px;
  }
  /* 1.15. =============== End of Patient Cases Carousel Style =============== */
  /* 1.16. =============== Patient Cases Blogs & Events Style =============== */
  
  .patient_news {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 120px;
  }
  
  .patient_news_para h5 {
      text-align: center;
      color: #23cfc9;
      padding: 0 40px;
  }
  
  .patient_news_para h2 {
      text-align: center;
      color: #052a44;
      padding: 0 40px;
  }
  
  .patient_news_para p {
      text-align: center;
      color: #97a9a8;
      padding: 0 40px;
  }
  
  .news_image {
      position: relative;
      margin: 20px 0;
  }
  
  .top_left_news_img {
      position: absolute;
      top: 0px;
      left: 0px;
      background: #fde877;
      backdrop-filter: blur(15px);
      border-radius: 20px 0 0 0;
      padding: 15px;
  }
  
  .bottom_right_news_img {
      position: absolute;
      bottom: 0px;
      right: 0px;
      background: #ffffff;
      opacity: 0.84;
      backdrop-filter: blur(15px);
      border-radius: 0px 0px 15px 0px;
      padding: 15px 17px 10px 20px;
      width: 300px;
  }
  
  .bottom_right_news_img a {
      text-decoration: none;
  }
  
  .bottom_right_news_img p:first-child {
      color: #23cfc9;
  }
  
  .bottom_right_news_img h5:nth-child(2) {
      color: #052a44;
  }
  
  .news_image img {
      width: 534px;
      height: 250px;
      object-fit: cover;
      border-radius: 20px 0 20px 20px;
  }
  /* 1.16. =============== End of Patient Cases Blogs & Events Style =============== */
  /* 1.17. =============== Footer Style =============== */
  
  #footer-message {
      display: none;
      background-color: #23cfc9;
      color: white;
      padding: 100px 200px;
      border-radius: 20px 0px 20px 20px;
      font-size: 20px;
      text-align: center;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  
  .footer {
      background: linear-gradient( -180deg, #ffffff 23.98%, #f7fcfa 39.6%, #edf9f0 89.16%);
      padding-top: 80px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .footer_logo img {
      width: 150px;
  }
  
  .footer_para p {
      text-align: center;
      color: #97a9a8;
      padding: 0 10px;
  }
  
  .footer_icon {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .footer_icon a {
      padding: 0;
  }
  
  .footer_icon i {
      font-size: 22px;
      color: #052a44;
      transition: 500ms;
  }
  
  .footer_icon i:hover {
      color: #23cfc9;
      transition: 500ms;
  }
  
  .footer_list ul li a {
      color: #052a44;
      padding: 0;
      text-decoration: none;
  }
  
  .footer_list ul li a:hover {
      color: #4f80ff;
  }
  
  .footer_input {
      display: grid;
      grid-template-columns: repeat(2, minmax(240px, 1fr)) auto;
      grid-template-rows: auto auto auto;
      column-gap: 20px;
      row-gap: 8px;
      align-items: start;
  }
  
  .footer_input label {
      font-size: 14px;
      color: #052a44;
      margin: 0;
      display: block;
      margin-bottom: 6px;
  }
  
  .footer_input input[type="text"],
  .footer_input input[type="tel"] {
      width: 100%;
      max-width: 420px;
      background: #ffffff;
      border: 1.5px solid #23cfc9;
      border-radius: 15px 0px 15px 15px;
      padding: 12px 16px;
      color: #052a44;
      font-size: 16px;
      line-height: 22px;
      outline: none;
      transition: border-color 200ms ease, box-shadow 200ms ease, transform 50ms ease;
      box-shadow: 0 2px 6px rgba(35, 207, 201, 0.12);
  }

  .footer_input input[type="text"]::placeholder,
  .footer_input input[type="tel"]::placeholder {
      color: #97a9a8;
  }

  .footer_input input[type="text"]:hover,
  .footer_input input[type="tel"]:hover {
      border-color: #2d8ee9;
  }

  /* 仅顶部表单使用单列布局，保证标签在输入框上方（不影响底部表单） */
  #lead-form.footer_input {
      grid-template-columns: 1fr;
  }
  #lead-form.footer_input label[for="chenghu_top"],
  #lead-form.footer_input #chenghu_top,
  #lead-form.footer_input label[for="dianhua_top"],
  #lead-form.footer_input #dianhua_top,
  #lead-form.footer_input .form-tip,
  #lead-form.footer_input button {
      grid-column: auto;
      grid-row: auto;
  }

  .footer_input input[type="text"]:focus,
  .footer_input input[type="tel"]:focus {
      border-color: #2d8ee9;
      box-shadow: 0 0 0 4px rgba(45, 142, 233, 0.15);
  }
  
  .footer_input label[for="chenghu"] { grid-column: 1; grid-row: 1; }
  .footer_input #chenghu { grid-column: 1; grid-row: 2; }
  
  .footer_input label[for="dianhua"] { grid-column: 2; grid-row: 1; }
  .footer_input #dianhua { grid-column: 2; grid-row: 2; }
  
  .footer_input .form-tip {
      grid-column: 1 / span 2;
      grid-row: 3;
      margin: 4px 0 0 0;
      font-size: 14px;
      color: #97a9a8;
  }
  
  .footer_input button {
      grid-column: 3;
      grid-row: 2;
      align-self: center;
      justify-self: start;
  }
  
  @media (max-width: 768px) {
      .footer_input {
          grid-template-columns: 1fr;
      }
      .footer_input label[for="chenghu"],
      .footer_input #chenghu,
      .footer_input label[for="dianhua"],
      .footer_input #dianhua,
      .footer_input label[for="chenghu_top"],
      .footer_input #chenghu_top,
      .footer_input label[for="dianhua_top"],
      .footer_input #dianhua_top,
      .footer_input .form-tip {
          grid-column: auto;
          grid-row: auto;
      }
      .footer_input button {
          grid-column: auto;
          grid-row: auto; /* 移动端重置行定位，避免按钮出现在“姓名”标签下方 */
          width: 100%;
      }
      .footer_input input[type="text"],
      .footer_input input[type="tel"] {
          max-width: 100%;
      }
  }
  
  .footer_img {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 30px;
      margin-top: 20px;
  }
  
  .footer_img h6 {
      color: #052a44;
      margin-bottom: 18px;
  }
  
  .footer_img img {
      width: 100%;
  }
  
  .footer_line {
      width: 100%;
  }
  
  .footer_line hr {
      margin: 0;
  }
  
  .copyright h6 {
      color: #052a44;
      padding: 0 10px;
      text-align: center;
  }
  /* 1.17. =============== End of Footer Style =============== */
  /* 01. =============== End of Home page style =============== */
  /* 02. =============== About Page Style =============== */
  /* 2.1. ======== Our Vision style ========= */
  
  .emergency_call_ab {
      margin-top: 350px;
      height: 450px;
  }
  
  .emergency_ab {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 25px;
  }
  
  .patient_case_ab {
      position: relative;
      top: -182px;
      display: flex;
      flex-direction: column;
      z-index: 1000;
  }
  
  .patient_case_ab img {
      width: 465px;
      border-radius: 20px 0px 20px 20px;
  }
  
  .get_appointment_ab {
      background: #052a44;
      border-radius: 100px 0px;
      position: relative;
      top: -734px;
      left: 160px;
      padding: 0 0 0 334px;
      width: 85%;
      height: 390px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  .get_appointment_ab h6:first-child {
      color: #23cfc9;
  }
  
  .get_appointment_ab h2:nth-child(2) {
      color: #ffffff;
  }
  
  .get_appointment_ab p:nth-child(3) {
      color: #ffffff;
      width: 93%;
      text-align: justify;
  }
  
  .mission {
      margin-top: 149px;
  }
  
  .mission h6:first-child {
      color: #23cfc9;
  }
  
  .mission h2:nth-child(2) {
      color: #052a44;
  }
  
  .mission p:nth-child(3) {
      color: #97a9a8;
      text-align: justify;
      padding-right: 49px;
  }
  
  .mission div:nth-child(2) div {
      margin-top: 10px;
  }
  
  .mission_img {
      display: flex;
      gap: 30px;
  }
  
  .mission_img div {
      display: flex;
      align-items: center;
      gap: 10px;
  }
  
  .mission_img img {
      width: 40px;
  }
  
  .mission_img h6 {
      color: #052a44;
  }
  
  .mission_img .about_img2 {
      width: 30px;
  }
  
  .about-bg {
      background: #f6f7fb;
      padding-bottom: 80px;
  }
  
  .about-page {
      padding: 80px 0 50px 0;
  }
  
  .ab-count {
      display: flex;
      flex-wrap: wrap;
      margin-top: 60px;
  }
  
  .always_first_div h5 {
      color: #23cfc9;
  }
  
  .always_first_div h2 {
      color: #052a44;
  }
  /* 02. =============== End of ABOUT PAGE Style =============== */
  /* 03. =============== Services Page Style =============== */
  /* 3.1. ========== We Offer Style ========== */
  
  .service-bg {
      background-image: url("../image/service_title_bg.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 400px;
      height: 400px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .service-bg img {
      width: 350px;
      padding: 20px;
      margin-top: 55px;
      border-radius: 32% 0 32% 0;
  }
  
  .service-page {
      padding-top: 40px;
  }
  
  .service-dantal {
      margin-top: 265px;
  }
  /* 03. =============== End of SERVICES PAGE Style =============== */
  /* 04. =============== Team Page Style =============== */
  /* 04.1. ========= card ========= */
  
  .chose_para h2:first-child {
      color: #052a44;
      text-align: center;
      margin-top: 50px;
  }
  
  .chose_para p:nth-child(2) {
      color: #97a9a8;
      text-align: center;
  }
  
  .team_card {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 30px;
      margin-top: 110px;
  }
  /* 04. =============== End of TEAM PAGE Style =============== */
  /* 05. ================ FAQ Page Style ================ */
  /* 05.1. ========= faq =========*/
  
  .faq {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 50px;
      margin-bottom: 50px;
  }
  
  .faq-para h2:first-child {
      color: #052a44;
      text-align: center;
  }
  
  .faq-para p:nth-child(2) {
      color: #97a9a8;
      text-align: center;
  }
  /* 05. ================ End of FAQ PAGE Style ================ */
  /* 06. ================ Testimonials Page Style ================  */
  /* 6.1. ========= Tesimonials ========= */
  
  .testimonial {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 70px;
  }
  
  .testimonial_para h2:first-child {
      color: #052a44;
      text-align: center;
      width: 702px;
  }
  
  .testimonial_para p:nth-child(2) {
      color: #97a9a8;
      text-align: center;
  }
  
  .testimonial_card {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  .testimonial-size {
      width: 420px;
  }
  
  .pricing-plan {
      background-color: white;
  }
  /* 06. ================ End of Testimonials Page Style ================ */
  /* 07. ================ Contact page Style ================ */
  /* 7.1. ========= Contact page Style ========= */
  
  .contact_addres {
      display: flex;
      gap: 20px;
      margin-top: 25px;
  }
  
  .contact_addres i {
      font-size: 20px;
      background: #2d8ee9;
      border-radius: 12px;
      color: white;
      padding: 30px;
  }
  
  .contact h5 {
      color: #2d8ee9;
      margin-bottom: -20px;
  }
  
  .contact p {
      color: #052a44 !important;
  }
  
  .contact-bg {
      background-image: url("../image/service_title_bg.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 500px;
      height: 500px;
      display: flex;
      justify-content: center;
      align-items: end;
  }
  
  .contact-bg form {
      margin-bottom: -90px;
      background: #ffffff;
      box-shadow: 0px 25px 33px rgba(156, 223, 199, 0.35);
      border-radius: 20px 0px 20px 20px;
      padding: 30px;
      width: 80%;
  }
  /* 7.2. ========= MAP Style ========= */
  
  .mapouter {
      position: relative;
      text-align: right;
      width: 100%;
      height: 600px;
      margin: 150px 0 80px 0;
  }
  
  .gmap_canvas {
      overflow: hidden;
      background: none !important;
      width: 100%;
      height: 600px;
  }
  
  .gmap_iframe {
      width: 100% !important;
      height: 600px !important;
  }
  /* 07. ================ End of Contact page Style ================ */
  /* 08. ================ 404 page Style ================ */
  
  .error {
      background: linear-gradient( -0deg, #ffffff 23.98%, #f7fcfa 39.6%, #edf9f0 89.16%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 80px 0;
  }
  
  .error img {
      width: 180px;
      display: block;
      margin: auto;
  }
  
  .error h1 {
      color: #052a44;
      text-align: center;
  }
  
  .error h2 {
      color: #052a44;
      text-align: center;
  }
  
  .error p {
      color: #97a9a8;
      text-align: center;
      width: 600px;
      padding: 0 20px;
  }
  
  .error .back_to {
      border: 1.5px solid #2d8ee9;
      border-radius: 15px 0px 15px 15px;
      transition: 500ms;
      display: block;
      margin: 30px auto;
      color: #2d8ee9;
      width: 190px;
      font-size: 16px;
      font-weight: 600;
      padding: 14px 38px 14px 38px;
  }
  
  .error .back_to {
      text-decoration: none;
  }
  
  .error .back_to:hover {
      border-radius: 15px 15px 15px 0px;
      background-color: #2d8ee9;
      color: white;
      transition: 800ms;
  }
  
  .error h6 {
      color: #052a44;
      text-align: center;
  }
  /* 08. ================ End of 404 page Style ================ */
  /* 09. ================ Coming soon page Style ================ */
  
  .error .footer_icon {
      margin-bottom: 20px;
  }
  
  .coming_soon_count {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 40px;
      margin: 30px 0 60px 0;
  }
  
  .coming_soon_count div {
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0px 25px 33px rgba(156, 223, 199, 0.35);
      width: 150px;
      padding: 25px;
  }
  
  .coming_soon_count h2 {
      text-align: center;
  }
  
  .coming_soon_count h6 {
      color: #052a44;
      text-align: center;
  }
  /* 09. ================ End of Coming soon page Style ================ */
  /* 10. ================ Blog page Style ================ */
  /* 10.1. ========== Patient Cases Blogs & Events style ========== */
  
  .patient_news .col-lg-12 {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 35px;
      margin-top: -15px;
  }
  
  .blog {
      margin-top: 70px;
  }
  /* 10. ================ End of Blog page Style ================ */