@import url(../icons/bootstrap-icons/font/bootstrap-icons.css);
@import url(../icons/fontawesome-6.7.1/css/all.min.css);
@import url(../icons/materialdesign/css/all.min.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Petit+Formal+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Kaku+Gothic+New&display=swap');

/***  Common   ***/
.btn-outline-primary {
    --bs-btn-color: #409ECC;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #409ECC;
    --bs-btn-hover-color: #409ECC;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #409ECC;
    --bs-btn-focus-shadow-rgb: 47, 201, 109;
    --bs-btn-active-color: #0068B7;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #0068B7;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #409ECC;
    --bs-btn-disabled-border-color: #409ECC
}
.bg-primary {
  background-color: var(--bs-primary);
}
.bg-bluegray {
  background-color: var(--bs-bluegray);
}
.bg-beige {
  background-color: var(--bs-beige);
}
.bg-primary-overlay {
  background-color: var(--bs-primary);
  background-blend-mode: multiply;
}
.bg-bluegray-overlay {
  background-color: var(--bs-bluegray);
  background-blend-mode: multiply;
}
.bg-beige-overlay {
  background-color: rgba(242, 218, 189, 0.2);
  background-blend-mode: multiply;
}
.bg-gradient-primary {
  background: var(--bs-primary-rgb);
  background: linear-gradient(125deg, rgba(64,158,204,1) 0%, rgba(148,173,218,1) 100%);
}
.bg-blue {
  background-color: var(--bs-blue);
}
.bg-salvia {
  background-color: var(--bs-salvia);
}
.text-blue {
  color: var(--bs-blue);
}
.text-pink {
  color: var(--bs-pink);
}
.text-vertical {
  writing-mode: vertical-rl;
}
.text-strikethrough {
  text-decoration: line-through 2px solid var(--bs-dark);
}
h1,h2,h3,h4 {
  font-family: var(--bs-font-header);
}
body .link-primary.link-pointer::after {
  background-image: url(../svg/arrow-right.svg);
  filter: invert(72%) sepia(20%) saturate(5044%) hue-rotate(170deg) brightness(85%) contrast(86%);
  background-size: 70% 70%;
}
body .btn-outline-primary.btn-pointer::after {
  background-image: url(../svg/arrow-right.svg);
  filter: invert(72%) sepia(20%) saturate(5044%) hue-rotate(170deg) brightness(85%) contrast(86%);
  background-size: 80% 80%;
}

.section-heading {
  line-height: 0.5;}
  .section-heading h2 {
   font-family: var(--bs-font-header);
   font-weight: 700;}
   .section-heading span {
    font-family: var(--bs-font-brand-name);
    font-size: 1.2rem;
    color: var(--bs-secondary);}
.line-heading {
  background: linear-gradient(125deg, rgba(64,158,204,1) 40%, rgba(148,173,218,1) 80%);
  width:60%;
  height: 6px;
  margin-bottom: 0.8rem;
}
.number-heading {
  font-family: var(--bs-font-number);
  background: linear-gradient(125deg, rgba(64,158,204,1) 40%, rgba(148,173,218,1) 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 300;
}
.table thead tr {
  background-color: var(--bs-gray-300);
}
.table .emphasis {
  background-color: var(--bs-beige);
}
.pb-lg-15 {
  padding-bottom:10rem!important
}
@media only screen and (max-width: 991px) {
  .navbar-light .navbar-nav .nav-link {
    color: var(--bs-white);}
  .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--bs-white);}
  .dropdown-toggle::after {
    color: var(--bs-white);}
  }
.mark-strong {
  border: none; 
  border-bottom: 4px dotted var(--bs-beige);
  font-weight: bold;
  font-size: 120%;
  color: var(--bs-dark);
}
.amount {
  font-family: var(--bs-font-number);
  font-size: 1.3rem;
  font-style: italic;}
  @media only screen and (max-width: 575px) {
   .amount {
    font-size: 1.15rem;}
}
.tel {
  font-family: var(--bs-font-number);
  font-weight: 500;
}
.brand-name {
  font-family: var(--bs-font-brand-name);
  font-weight: 500;
}
.anchor {
  display: block;
  padding-top: 100px;
  margin-top: -100px;
}
.fs-md {
  font-size: 1.1rem;
}
@media only screen and (max-width: 992px) {
  tbody th,  thead th {
    white-space: nowrap;}}
      @media only screen and (max-width: 992px) {
        tbody td, thead td {
          white-space: nowrap;}}
.bg-img-top {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;}
  @media only screen and (max-width: 575px) {
    .bg-img-top {
      background-position: top center;
      background-size: cover;}}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 }
@media only screen and (min-width: 768px) and (max-width: 991px) {
 }
@media only screen and (min-width: 576px) and (max-width: 767px) {
 }
@media only screen and (max-width: 575px) {
}
@media only screen and (min-width: 480px) and (max-width: 575px) {
}


/***  Header   ***/
header .navbar-collapse {
  align-items: normal;}
@media only screen and (max-width: 991px) {
  header.navbar.navbar-scrolled.navbar-light {
    background-color: transparent;}}
.navbar-nav {
  font-size: 0.95rem;}
.hs-has-mega-menu img.access {
  width: 80px;}
@media only screen and (max-width: 575px) {
  header .navbar-dropdown-menu-inner {
    padding: 0;}}
.navbar-brand img {
  width:60px;
  height: auto;}
  @media only screen and (max-width: 575px) {
    .navbar .dropdown-toggle::after {
      color: var(--bs-white);}}

header .dropdown-item::after {
  background-image: url(../svg/arrow-right.svg);
  filter: invert(72%) sepia(20%) saturate(5044%) hue-rotate(170deg) brightness(85%) contrast(86%);
  background-size: 80% 80%;}
@media only screen and (max-width: 991px){
  header .dropdown-toggle::after {
    background-image: none;}}
header .offcanvas-header {
  padding-right: 1rem;
  padding-top: 1rem;}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  header .navbar-collapse .campaign-item {
   display: none;}}


/***  Hero Common ***/
.hero-area h1 {
  margin-bottom: 0.2rem;
  background: linear-gradient(125deg, rgba(64,158,204,1) 40%, rgba(148,173,218,1) 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--bs-font-sans-serif);}
.hero-area .welcome-salon-text {
  font-family: var(--bs-font-header);
  color: var(--bs-blue);}
.hero-logo {
  background-image: url(../img/logo/logo-white.webp);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 50%;}
  @media only screen and (max-width: 991px) {
    .hero-logo {
      background-position: top left;
      background-size: contain;}}
.hero-drip {
  background-image: url(../img/bg-img/bg-shine-blue-lg.webp);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;}
  @media only screen and (max-width: 991px) {
    .hero-drip {
      background-image: url(../img/bg-img/bg-shine-blue-sm.webp);
      background-position: center;}}
 @media only screen and (max-width: 991px) {
.hero-area  p.lead {
  line-height: 1.3;}}


/***  Home   ***/
.hero-home-area {
  position: relative;
  z-index: 2;}
  .hero-home-area .side-line {
    position: relative;
    z-index: 3;
    top: 14rem;
    left: -16rem;
    width: 400px;
    transform: rotate(-90deg);
    border-top: 2px solid var(--bs-primary);
    margin-bottom: 0.5rem;
    font-family: var(--bs-font-brand-name);}
    @media only screen and (max-width: 1399px){
      .hero-home-area .side-line {
        color: var(--bs-white);
        left: -14rem;}} 
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .hero-home-area .side-line {
            left: -11rem;}} 
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .hero-home-area .side-line {
        left: -13rem;}} 
        @media only screen and (max-width: 991px) {
          .hero-home-area .side-line {
            left: -11rem;}} 
        .hero-home-area .hero-home-bg {
          position: relative;
          z-index: 1;
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;}
          @media only screen and (max-width: 575px) {
            .hero-home-area .hero-home-bg {
              background-image: url(../img/home-img/welcome-woman-sm.webp);}}
              @media only screen and (min-width: 576px) {
                .hero-home-area .hero-home-bg {
                  background-image: url(../img/home-img/welcome-woman.webp);}}
            .hero-home-area .hero-box-lg {
              background-color: var(--bs-primary);
              border-radius: 50%;
              position: absolute;
              z-index: 5;
              right: -4rem;
              bottom: -4rem;
              width: 340px;
              height: 340px;
              padding: 4rem 3rem;
              color: var(--bs-white);
              font-family: var(--bs-font-header);}
              @media only screen and (min-width: 992px) and (max-width: 1199px) {
                .hero-home-area .hero-box-lg {
                  right: 1rem;
                  bottom: -3rem;}}
              .hero-home-area .hero-box-sm .hero-box-text {
                position: absolute;
                z-index: 3;
                top: 10rem;
                right: 1rem;
                backdrop-filter: blur(40px);}
                 @media only screen and (max-width: 991px) {
                  .hero-home-area .hero-box-sm .hero-box-text {
                    top: 1.5rem;}}
              .hero-home-area .hero-circle {
                position: absolute;
                z-index: 3;
                right: 1rem;
                bottom: -2rem;
                background-color: var(--bs-primary);
                border-radius: 50%;
                width: 210px;
                height: 210px;
                padding-top: 3rem;
                color: var(--bs-white);
                font-family: var(--bs-font-header);}
                .hero-home-area h1 {
                  color: var(--bs-primary);
                  font-family: var(--bs-font-brand-name);}

.new-arrival-area ul.new-arrival-list {
  list-style: none;}
  .new-arrival-area .new-arrival-list li {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom: 0.5rem;}
    .new-arrival-area .new-arrival-list li a {
      margin-bottom: 0.5rem;
      color: var(--bs-dark);}
      .new-arrival-area .new-arrival-list li a:hover {
        color: var(--bs-gray-700);}
        @media only screen and (max-width: 575px) {
          .new-arrival-area .new-arrival-list ul {
            margin-left: -2rem;}}
            .new-arrival-area .wp-block-latest-posts__post-date {
              font-size: small;
			  color: var(--bs-gray-700);
			  margin-right: 1rem;}
		    .new-arrival-area .wp-block-latest-posts__post-title {
			  list-style-type: none;}
        
.news-list-area .card {
   display: flex;}
   .news-list-area img {
     width: auto;
     height: 200px;}
     @media only screen and (max-width: 575px) {
      .news-list-area img  {
        height: 120px;}}
        @media only screen and (max-width: 575px) {
        .news-list-area .card-info {
          font-size: 85%;}}
          .news-list-area .is-layout-flex {
            display: flex;}
               
.recommended-area .item-box {
  position: absolute;
  z-index: 1;
  bottom: 1rem;
  right: 1rem;
  left: 1rem;
  padding: 1rem;
  backdrop-filter: blur(3px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 12px;}  
    .recommended-area .item-box h5 {
      color: var(--bs-primary);
      font-family: var(--bs-font-header);}
 .recommended-area .card
.features-area .icon {
  position: relative;}
  .features-area .icon::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -0.5rem;
    left: 7.5rem;
    width: 60px;
    height: 60px;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--bs-bluegray);}
    .features-area .icon i {
      position: relative;
      font-size: 2.5rem;
      z-index: 1;}
      @media only screen and (max-width: 575px) {
        .features-area .icon::before {
          left: 9rem;}}
.treatment-menu-area .item-box p {
  display: none;}
  .treatment-menu-area .swiper-button-next, .swiper-button-prev {
    border-color: var(--bs-primary);
  }
  


/***  About Us   ***/
.theme-text {
  font-family: var(--bs-font-brand-name);
  background: linear-gradient(125deg, rgba(64,158,204,1) 30%, rgba(0.104.183.1) 60%, rgba(148,173,218,1) 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
  @media only screen and (max-width: 575px) {
    .theme-text .display-4 {
      font-size: 2.25rem}}
.about-concept-area p {
  font-family: var(--bs-font-header);}
.about-info-area .img-first {
  position: relative;
  z-index: 2;
  top: -7rem;
  left: -8rem;}
  @media only screen and (max-width: 575px) {
    .about-info-area .img-first {
      top: -3rem;
      left: -0.5rem;}}
      @media only screen and (min-width: 576px) and (max-width: 1199px) {
        .about-info-area .img-first {
          left: -6rem;}}
          .about-info-area .bg-shadow img {
            box-shadow: 4.5rem 1rem 0 var(--bs-beige);}
  .about-info-area .img-second {
    position: relative;
    z-index: 2;
    width: 130%;
    left: -3rem;}
    @media only screen and (max-width: 575px) {
      .about-info-area .img-second {
        top: -2rem;
        left: -2rem;}}
      .about-info-area .img-third {
        position: relative;
        z-index: 3;
        top: -2rem;
        left: -8rem;}
        @media only screen and (max-width: 575px) {
          .about-info-area .img-third {
            top: -3rem;
            left: -4rem;}} 

@media only screen and (max-width: 575px) {
  .about-info-area .lead {
    font-size: medium;}}
    .about-info-area tbody th, .about-info-area  thead th {
      white-space: wrap;}

.about-principle-area .item-box {
  position: relative;
  z-index: 2;}
  .about-principle-area .item-box .number-bg {
    position: absolute;
    z-index: -1;
    top: -2rem;
    right: 1rem;
    color: var(--bs-gray-300);
    font-family: var(--bs-font-number);
    font-weight: 700;
    font-size: 4rem;}


/***  First Time   ***/
.first-step-area .nav-segment.nav-pills .nav-link {
  font-size: 0.9rem;}
  .first-step-area .nav-segment.nav-pills .nav-link:hover {
    color: var(--bs-primary);}
.first-payment-area img {
  width: 90px;
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;}
  @media only screen and (max-width: 575px) {
    .first-payment-area tbody th, .first-payment-area tbody td {
      display: block;
      width: 95%;
      text-wrap: wrap;}}
      .first-step-area .step-content img {
        width: 200px;}
        @media only screen and (max-width: 575px) {
          .first-payment-area tbody th, .first-payment-area tbody td {
            display: block;
            width: 100%;
            text-wrap: wrap;}}
            .first-step-area .step-content img {
              width: 200px;}


/***  Access   ***/
.access-area h4 i {
 font-size: 32px;}
 .access-area .btn {
  min-width: 280px;}
.appoint-area .time {
  font-family: var(--bs-font-number);}
.about-clinic-area .section-heading h2, .about-clinic-area .section-heading span {
  color: var(--bs-white);}

@media only screen and (max-width: 575px) {
  .about-clinic-area .swiper-slide span {
    font-size: small;}}


/***  Service  Treatment/ Ttouble***/
.service-area .heading-bar {
  width: 85%;
  height: 2px;
  margin-left: 15%;
  background-color: var(--bs-gray-300);
  display: inline-block;
  position: relative;
  z-index: 1;
  top: -2rem; }
  @media only screen and (max-width: 575px) {
    .service-area .heading-bar {
      width: 60%;
      margin-left: 40%;}}
      @media only screen and (max-width: 575px) {
        .service-area .service-item-heading h2 {
          font-size: 1.6rem;}}
   .service-area .link {
    font-size: 1rem;}
    
.label-symptoms {
  display: inline-block;
  min-width: 100px;
  border-radius: var(--bs-border-radius-2xl);
  padding: 5px 10px;
  text-align: center;
  background-color: var(--bs-beige);
  color: var(--bs-dark);  
}
.label-effects-1 {
  display: inline-block;
  width: 116px;
  height: 116px;
  border-radius: var(--bs-border-radius-pill);
  background-color: var(--bs-primary);
  text-align: center; 
  color: var(--bs-white);
}
.label-effects-2 {
  display: inline-block;
  width: 116px;
  height: 116px;
  border-radius: var(--bs-border-radius-pill);
  background-color: var(--bs-beige);
  text-align: center; 
  color: var(--bs-dark);
}
.label-times {
  display: inline-block;
  width: 100px;
  text-align: center;
  padding: 0 0.5rem;
  font-size: 0.9rem;;
  background-color: var(--bs-gray-300);
  color: var(--bs-gray-800);
}
.label-times-lg {
  display: inline-block;
  float: start;
  width: 130px;
  text-align: center;
  padding: 0 0.5rem;
  font-size: 0.9rem;;
  background-color: var(--bs-gray-300);
  color: var(--bs-gray-800);
}
.service-page-menu {
  position: fixed;
  z-index: 10;
  padding-left: 0.5rem;
  bottom: 45px;
  left: 4px;}
  .service-page-menu .btn-page-menu {
    display: inline-block;
    border-radius: var(--bs-border-radius-pill);
    width: 48px;
    height: 48px;
    text-align: center;
    padding-top: 2px;
    border: none;
    color: var(--bs-white);
    background-color: var(--bs-primary);}
    .service-page-menu .btn-page-menu.show {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);}
    .service-page-menu .dropdown-menu {
      background-color: var(--bs-primary);
      min-width: 260px;
      padding: 1rem 1.5rem;}
    .service-page-menu .dropdown-toggle::after {
      display: none;}

.price table td {
  font-family: var(--bs-font-number);}
  .price .monthly {
    display: block;
    font-size: small;
    text-align: end;
    color: var(--bs-gray-700);}
    @media only screen and (max-width: 992px) {
      .price tbody th, .price tbody td, .price thead th, .price thead td {
          width: auto;
          white-space: nowrap;}}
          .price table tbody th {
            font-weight: bold;}
            .price table thead tr {
              border-bottom: 2px solid var(--bs-bluegray);}
              .price tbody td {
                font-size: 1.1rem}
   .price .table-price-select h6 {
     min-width: 240px;}
     .price .table-price-select tbody td {
      text-align: end;}
.method .box-heading {
  position: relative;
  z-index: 1;
  left: -5rem;
  border-bottom: 6px solid var(--bs-primary);
  padding: 0.8rem;
  width: 120%;}

.type .list-equal-height-item i.right {
  position: absolute;
  z-index: 5;
  top: 1.5rem;
  right: -0.8rem;
  display: inline-block;
}
.type .list-equal-height-item i.down {
  position: absolute;
  z-index: 5;
  bottom: -1.2rem;
  left: 45%;
  display: inline-block;
}
.service-area .nav-segment.nav-pills .nav-link {
  font-size: 1rem;}
  .service-area .nav-segment.nav-pills .nav-link:hover {
    color: var(--bs-primary);}
    @media only screen and (max-width: 575px) {
      .service-area .nav-segment.nav-pills {
        border-radius: var(--bs-border-radius-xl);}}
        .service-area .nav-segment .nav-link.active {
          background-color: var(--bs-primary);
          color: var(--bs-white);}
          .service-area .dropdown-item::after {
            background-image: none;}
   
.feature-image {
  position: relative;} 
  .feature-image img {
    position: relative;
    z-index: 2;}
    .feature-image::before {
      content: '';
      position: absolute;
      top: -30px;
      right:  -30px;
      width: 70%;  
      height: 100%;
      background-image: radial-gradient(var(--bs-primary) 20%, transparent 21%);
      background-size: 10px 10px;
      background-position: right top;
      z-index: 1; }

.our-feature .item-box {
  position: relative;}
  .our-feature .item-box .item-box-text {
    position: relative;
    z-index: 2;}
    .our-feature .item-box::before {
      content: '';
      position: absolute;
      bottom: -30px;
      left:  -30px;
      width: 50%;  
      height: 100%;
      background-image: radial-gradient(var(--bs-primary) 20%, transparent 21%);
      background-size: 10px 10px;
      background-position: right top;
      z-index: 1; }

.hero-image {
  position: relative;} 
  .hero-image img {
    position: relative;
    z-index: 2;}
    .hero-image::before {
      content: '';
      position: absolute;
      top: -35px;
      right:  -35px;
      width: 40%;  
      height: 40%;
      background-image: radial-gradient(var(--bs-primary) 30%, transparent 31%);
      background-size: 20px 20px;
      background-position: right top;
      z-index: 1; }
  
.our-feature .item-box {
  border-radius: var(--bs-border-radius-xl);
  box-shadow: -10px 10px 0 var(--bs-bluegray);}
.subsc-feature .item-box {
  border-radius: var(--bs-border-radius-xl);
  box-shadow: -10px 10px 0 var(--bs-bluegray);}
.subsc-plan .amount {
  font-family: var(--bs-font-number);}

.service-area .icon {
  position: relative;}
  .service-area .icon::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: -0.5rem;
    left: 7.5rem;
    width: 60px;
    height: 60px;
    border-radius: var(--bs-border-radius-pill);
    background-color: var(--bs-beige);}
    .service-area .icon i {
      position: relative;
      font-size: 2.5rem;
      z-index: 1;}
      @media only screen and (max-width: 575px) {
        .service-area .icon::before {
          left: 9rem;}}


/***  Price List   ***/
.price-area .price .name {
  min-width: 300px;
  display: inline-block;}
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-area .price .name {
      min-width: 200px;}}
      .price-area .price h5 {
        font-size: 1rem;}
        .price-payment-area img {
          width: 90px;
          margin-bottom: 0.5rem;
          margin-right: 0.5rem;}
          @media only screen and (max-width: 575px) {
            .price-payment-area tbody th, .price-payment-area tbody td {
              display: block;
              width: 100%;
              text-wrap: wrap;}}
 

/***  FAQ   ***/
.faq-area .accordion-button {
  font-size: 1.05rem;}
  @media only screen and (max-width: 575px) {
    .faq-area .accordion-body {
     padding-left: 1.5rem;}}
.faq-area .nav-segment .nav-link {
  font-size: 0.9rem;}
  .faq-area .nav-segment .nav-link:hover {
    color: var(--bs-primary);}
    @media only screen and (max-width: 575px) {
      .faq-area .nav-segment.nav-pills {
        border-radius: var(--bs-border-radius-xl);}}


/***  Policy   ***/
@media only screen and (max-width: 575px) {
 .policy-area h2 {
  font-size: 1.5rem;}}


/***  CTA   ***/
.cta-area h2, .cta-area h3 {
  position: relative;
  z-index: 2;}
  .cta-area h3 {
  top: -2.5rem;}
.cta-line {
  width: 200px;
  height: 40px;
  z-index: 1;
  position: relative;
  background-color: var(--bs-beige);
  transform: rotate(170deg);
  top: -3rem;
  left: -1rem;}
.cta-box {
  border-left: 3px solid var(--bs-primary);
  padding: 1rem 1rem 1rem 2rem;}

/***  Campaign   ***/
.campaign-price-area .table tbody td:nth-child(3) {
  background-color: rgb(242,218,189, 0.3);
  color: var(--bs-blue);}
  .campaign-price-area .table td:nth-child(2), .campaign-price-area .table td:nth-child(3){
    text-align: center;}
    @media only screen and (max-width: 992px) {
     .campaign-price-area tbody th,  .campaign-price-area thead th {
    white-space: wrap;}}
   


/***  Footer   ***/
.bg-logo {
background-image: url(../img/logo/logo-blue-footer.webp);
background-position: 55% center;
background-size: auto;
background-repeat: no-repeat;}
@media only screen and (max-width: 575px) {
  .bg-logo {
    background-position: 55% bottom;}}
footer .link-heading {
  color: var(--bs-bluegray);
  font-weight: bold;
  display: block;}
.footer-brand .brand-name h2 {
  font-size: 2rem;
  font-family: var(--bs-font-brand-name);
  color: var(--bs-primary);}
  .footer-brand .brand-name span {
    font-size: 1rem;
    font-weight: normal;
    display: inline-block;
    color: var(--bs-primary);}
    .footer-brand .footer-logo img {
      width: 120px;}
@media only screen and (max-width: 575px) {
  .clinic-link .card h4 {
    font-size: 1rem;}}

.social-link ul {
  justify-content: center;}
  .social-link li:not(:last-child) {
    margin-right: 0.6rem;}
.social-icon {
	width: 48px;
	height: 48px;
	text-align: center;
  border: 1px solid var(--bs-primary);
	border-radius: var(--bs-border-radius-pill);
	background-color: var(--bs-white);}
  .social-icon:hover {
    background-color: var(--bs-bluegray);}
    .social-icon i {
      font-size: 24px;
      padding-top: 12px;
      color: var(--bs-primary);}
.contact-link ul {
  margin-bottom: 0;}
  .contact-link li:not(:last-child) {
    margin-right: 0.6rem;}
    .contact-icon {
      width: 48px;
      height: 48px;
      padding-top: 2px;
      text-align: center;
      border: 1px solid var(--bs-primary);
      border-radius: var(--bs-border-radius-pill);
      background-color: var(--bs-white);}
      .contact-icon:hover {
        background-color: var(--bs-bluegray);}
        .contact-icon i {
          font-size: 24px;
          color: var(--bs-primary);}

.faq-accordian {
  position: relative;
  z-index: 1; }
  .faq-accordian .card {
    position: relative;
    z-index: 1;
    margin-bottom: 0.8rem; }
    .faq-accordian .card:last-child {
      margin-bottom: 0; }
    .faq-accordian .card .card-header {
      background-color: var(--bs-white);
      padding: 0;
      border-bottom: 1px solid var(--bs-bluegray) }
      .faq-accordian .card .card-header h6 {
        cursor: pointer;
        padding: 1.5rem 2rem;
        color: var(--bs-primary);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .faq-accordian .card .card-header h6 span {
          font-size: 1.5rem; }
        .faq-accordian .card .card-header h6.collapsed {
          color: var(--bs-primary); }
          .faq-accordian .card .card-header h6.collapsed span {
            -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg); }
    .faq-accordian .card .card-body {
      padding: 1.75rem 2rem; }
      .faq-accordian .card .card-body p:last-child {
        margin-bottom: 0; }
        .faq-accordian .card .card-body ul {
          margin-bottom: 0;}
          .faq-accordian .card .card-body li {
          padding-bottom: 0.5rem;}

footer .dropdown-item::after {
  background-image: url(../svg/arrow-right.svg);
  filter: invert(72%) sepia(20%) saturate(5044%) hue-rotate(170deg) brightness(85%) contrast(86%);
  background-size: 80% 80%;}

/***  Blog - News   ***/
.news-area ul.wp-block-categories {
  list-style: none;}
  .news-area .wp-block-categories-list {
    padding-left: 1rem;}
    li.cat-item {
      margin-bottom: 1.5rem;}
  .news-area .wp-block-latest-posts.wp-block-latest-posts__list li {
    border-bottom: 1px solid var(--bs-gray-300);
    padding: 0.8rem;
    margin-bottom: 0.8rem;
    list-style: none;}
    .news-area ul {
      padding-left: 0rem;
      list-style: none;}
      .news-area .wp-block-post-featured-image img {
        border-radius: 0.75rem;
        max-width:100%;
        height:auto;}
        .news-area .wp-block-post-title {
          font-size: 1.5rem;}
          .news-area .page-numbers {
            padding: 0.5rem;
            text-align: center;} 
            .news-area .is-layout-flex {
              display: flex;}
              .news-area .wp-block-query-pagination-numbers {
                margin-right: 0.4rem;}

.news-content-area .wp-block-image img {
  margin-bottom: 3rem;
  max-width:100%;
  height:auto;}
    .news-content-area p {
      padding: 0 3rem;}
      @media only screen and (max-width: 575px) {
        .news-content-area p {
          padding: 0 1.5rem;}}
.news-category-area .card img {
  border-radius: 0.75rem;
  max-width:100%;
   height:auto;}
   .news-category-area .card h4 {
    font-size: 1.5rem;}   

/***  Animation   ***/
@keyframes bg-gradient-animation {
  0% {
      --x-0: 64%;
      --y-0: 12%;
      --c-0: hsla(199.71428571428575, 56%, 52%, 0.2);
      --s-start-0: 6.688754566361296%;
      --s-end-0: 44.98438254159411%;
      --s-start-1: 6.688754566361296%;
      --s-end-1: 44.98438254159411%;
      --c-1: hsla(32.83018867924528, 67%, 84%, 0.1);
      --y-1: 50%;
      --x-1: 86%;
  }

  100% {
      --x-0: 80%;
      --y-0: 89%;
      --c-0: hsla(13, 56%, 52%, 0.05);
      --s-start-0: 12;
      --s-end-0: 82;
      --s-start-1: 12;
      --s-end-1: 82;
      --c-1: hsla(32, 47%, 71%, 0.1);
      --y-1: 35%;
      --x-1: 99%;
  }
}

@property --x-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 64%
}
@property --y-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 12%
}
@property --c-0 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(199.71428571428575, 56%, 52%, 0.5)
}
@property --s-start-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 6.688754566361296%
}
@property --s-end-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 44.98438254159411%
}
@property --s-start-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 6.688754566361296%
}
@property --s-end-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 44.98438254159411%
}
@property --c-1 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(32.83018867924528, 67%, 84%, 0.1)
}
@property --y-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 50%
}
@property --x-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 86%
}
.bg-anime-gradient2 {
  --x-0: 64%;
  --y-0: 12%;
  --c-0: hsla(199.71428571428575, 56%, 52%, 0.5);
  --c-1: hsla(32.83018867924528, 67%, 84%, 0.1);
  --y-1: 50%;
  --x-1: 86%;
  ;
  background-color: hsla(174, 0%, 100%, 2);
  background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1));
  animation: bg-gradient-animation 15s linear infinite alternate-reverse;
  background-blend-mode: darken, normal;
}

@keyframes hero-gradient-animation {
  0% {
      --y-0: 90%;
      --c-0: hsla(19.42446043165467, 83%, 68%, 0.05);
      --x-0: 0%;
      --s-start-0: 3%;
      --s-end-0: 79%;
      --y-1: 35%;
      --c-1: hsla(199.71428571428575, 56%, 52%, 0.5);
      --s-start-1: 3%;
      --s-end-1: 79%;
      --x-1: 98%;
  }

  100% {
      --y-0: 16%;
      --c-0: hsla(198.9473684210525, 0%, 100%, 1);
      --x-0: 24%;
      --s-start-0: 4%;
      --s-end-0: 67%;
      --y-1: 100%;
      --c-1: hsla(218.57142857142856, 47%, 71%, 0.5);
      --s-start-1: 4%;
      --s-end-1: 67%;
      --x-1: 62%;
  }
}

@property --y-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 90%
}

@property --c-0 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(19.42446043165467, 83%, 68%, 0.05)
}

@property --x-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%
}

@property --s-start-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3%
}

@property --s-end-0 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 79%
}

@property --y-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 35%
}

@property --c-1 {
  syntax: '<color>';
  inherits: false;
  initial-value: hsla(199.71428571428575, 56%, 52%, 0.5)
}

@property --s-start-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 3%
}

@property --s-end-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 79%
}

@property --x-1 {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 98%
}

.bg-anime-gradient {
  --y-0: 90%;
  --c-0: hsla(19.42446043165467, 83%, 68%, 0.05);
  --x-0: 0%;
  --y-1: 35%;
  --c-1: hsla(199.71428571428575, 56%, 52%, 0.5);
  --x-1: 98%;
  ;
  background-color: hsla(255, 0%, 100%, 1);
  background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1));
  animation: hero-gradient-animation 10s linear infinite alternate;
  background-blend-mode: normal, normal;
}

.coming-hero-area {
  position: relative;
  z-index: 1;}
.coming-hero-area h2 {
  font-family: var(--bs-font-brand-name);}
.coming-hero-area .date {
  font-size: 20rem;
  font-family: var(--bs-font-brand-name);
  font-weight: 700;}
  @media only screen and (max-width: 575px) {
    .coming-hero-area .date {
      font-size: 7rem;}}
      @media only screen and (min-width: 576px) and (max-width: 991px) {
        .coming-hero-area .date {
          font-size: 11rem;}}
          @media only screen and (min-width: 920px) and (max-width: 1399px) {
            .coming-hero-area .date {
              font-size: 15rem;}
          }
.coming-hero-area .dow{
  font-family: var(--bs-font-number);
  writing-mode: vertical-lr;
  letter-spacing: 7px;
}
.coming-hero-area h3 {
  font-family: var(--bs-font-brand-name);
}
.coming-schedule-area h3 {
  font-family: var(--bs-font-number);
  font-weight: 500;
}