:root {
    --body-color: #eccec8;
    --primary-color: #400200;
    --sec-color: #400200;
    --sec-color-hover: #85302e;
    --primary-text: #c98972;
    --sec-text: #000;
    --font-white: #fff;
    --font-black: #000;
    --color-light: #c98972;
    --color-light2: #eccec8;
    --bg-ligh2:#e2ccb7;
    --color-light3: #c98972;
    --color-light4: #eccec8;
    --sec-color5: #400200;
    --btn-review-border-color: #c98972;
    --color-dark: #400200;
    --faq-color: #f0f8ff;
    --appointment-selected:#e9dddd;
    
  }
  body {
    background-color: var(--body-color);
  }
  a{
    color:var(--btn-review-border-color);
  }
  a:hover{
    color:var(--sec-color-hover);
  }
  
  .theme-title{
    color:var( --primary-color);
  }
  
  .bg-faq-section{
    --bs-bg-opacity: 1;
      background-color: rgba(var(--bg-ligh2),var(--bs-bg-opacity))!important;
  }
  
  .bg-theme{
    background-color: var(--color-light3);
    color: var(--color-light2);
  }
  .bg-theme a{
    color: var(--color-light2);
  }
  .bg-success-theme{
    background-color: var(--color-dark);
  }
  .navbar-wrap .nav-item .nav-link:hover {
    color: var(--primary-text);
  }
  .dropdown-item:focus,
  .dropdown-item:hover {
    background-color: var(--primary-color);
    color: var(--font-white);
  }
  .navbar-wrap .nav-item .nav-link:hover {
    color: var(--primary-text);
  }
  .top-bar-area {
    background-color: var(--sec-color);
    color: var(--primary-text);
  }
  .bar-btn a {
    /* background-color: var(--sec-color); */
    background-color: var(--color-light3);
  }
  
  .bar-btn a.border-right{
    border-right:1px solid var(--primary-color);
  }
  .bar-btn a:hover {
    background-color: var(--sec-color-hover);
    color:var(--font-white);
  }
  .top-bar-area ul li,
  .top-bar-area ul li a {
    color: var(--font-white);
  }
  
  .v-info p {
    color: var(--primary-text);
    line-height: 2.7rem;
  }
  .services-sec {
    background-color: var(--body-color);
  }
  .services-tabs {
    background-color: var(--primary-color);
  }
  .services-tabs ul li a {
    color: #fff;
  }
  .services-tabs .nav-link:focus,
  .services-tabs .nav-link:hover {
    background: #fff;
    color: var(--primary-text);
  }
  .services-tabs .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    background: #fff;
    color: var(--primary-text);
  }
  
  .site-heading h2,
  .heading h2 {
    color: var(--primary-color);
  }
  .site-heading h2::after,
  .site-heading h2::before,
  .heading h2::after,
  .heading h2::before {
    background-color: var(--primary-color);
  }
  .site-heading2 h4 {
    color: var(--primary-color);
  }
  
  .services-area.inc-icon .item i::after {
    border: 2px solid var(--color-light);
  }
  .services-area.inc-icon .item i {
    background-color: var(--color-light);
  }
  .services-area.inc-icon .item::after {
    background-color: var(--color-light);
  }
  
  .health-info h6 {
    color: var(--primary-text);
  }
  .btn-review,
  .btn-theme {
    background-color: var(--primary-color);
  }
  .btn-review:hover,
  .btn-theme:hover {
    background-color: var(--color-light);
    color: var(--sec-color-hover);
  }
  .btn-review {
    border: 2px solid var(--btn-review-border-color);
  }
  
  .booking-text {
    color: var(--primary-color);
  }
  .booking-text span {
    color: var(--color-dark);
  }
  
  .fun-fact-area {
    border: solid var(--primary-color);
    border-width: 8px 0 8px 0;
    background-color: var(--color-light3);
  }
  
    .home-sec2 {
        background-color: var(--color-light3);
    }

  .home-sec3,
  .home-sec6,
  .home-sec8 {
    background-color: var(--color-light4);
  }
  .home-sec4 {
    background-color: var(--color-light3);
  }
  .home-sec4 h2 {
    color: var(--font-white);
  }
  .home-sec5 {
    background-color: var(--color-light2);
  }
  .product-wrap .info1 h5,
  .product-wrap .info2 h5 {
    color: var(--primary-text);
  }
  .product-wrap .info1,
  .product-wrap .info2 {
    border: solid var(--primary-color);
    border-width: 2px 0 0 0;
  }
  .home-sec6,
  .home-sec8 {
    border: solid var(--primary-color);
    border-width: 8px 0 0 0;
  }
  
  .shadow2.dark::after {
    background-color: var(--primary-color);
  }
  .newsletter-area {
    color: var(--font-white);
  }
  .newsletter-area form button {
    background-color: var(--primary-color);
  }
  .blog-area .thumb .post-type {
    background-color: var(--primary-color);
  }
  .blog-area .info h4 a {
    color: var(--primary-color);
  }
  
  .footer-bg {
    background-color: var(--sec-color5);
  }
  .footer-bottom {
    background-color: var(--primary-color);
  }
  footer .f-item li a:hover {
    color: var(--color-light4);
  }
  
  .banner-cta {
    background-color: var(--sec-color);
    color: var(--font-white);
  }
  .team-box strong,
  .inner-page h2 {
    color: var(--primary-color);
  }
  
  .loc-top {
    background-color: var(--sec-color);
    color: var(--font-white);
  }
  .add h3,
  .faq-sec h3 {
    color: var(--primary-color);
  }
  #accordionFaqs .accordion-button:not(.collapsed) {
    background-color: var(--primary-color);
    color: var(--font-white);
  }
  
  .provider .nav-pills .nav-link.active,
  .provider .nav-pills .show > .nav-link {
    border: 0;
    background-color: var(--primary-color);
    color: var(--font-white);
  }
  .provider h3,
  .provider h4 {
    color: var(--primary-color);
  }
  
  @media only screen and (max-width: 600px) {
    .box-table {
      background-color: var(--sec-color);
    }
  }
  
  .play-btn-rose .video-play-buttong:after {
    background: var(--btn-review-border-color);
  }
  .play-btn-rose .video-play-buttong:hover:after {
    background: var(--btn-review-border-color);
  }
  
  .blog-area .info a:hover {
    color: var(--font-black);
  }
  
  .calendar-left,.calendar-right{
    background:var(--primary-color);
    border-color:var(--primary-color);
  }
  
  .calendar-left:hover,.calendar-right:hover {
    background-color: var(--sec-color-hover);
    border-color: var(--sec-color-hover);
  }
  
  .carousel .carousel__item a {
    background: var(--btn-review-border-color);
  }
  
   .carousel .carousel__item a:hover,.carousel .carousel__item a.active {
    background: var(--color-light2);
    color: var(--btn-review-border-color);
  }
  
  .btn-theme-button{
    background: var(--btn-review-border-color);
    color:var(--font-white);
  }
  
  .btn-theme-button:hover{
    background: var(--sec-color-hover);
    color:var(--font-white);
  }
  
  .nav-pills .nav-item-pill .nav-link:not(.active) {
    color: var(--sec-color5);
  }
  
  /* active (faded) */
  .nav-pills .nav-item-pill .nav-link {
     border-bottom: 2px solid var(--primary-color);
    color: var(--primary-color);
  }
  
  
  
  .nav-pills .nav-item-pill .nav-link:hover {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
  
  }
  
  
  /**faq colour**/
  .faq-title {
    border-bottom: 2px dashed var(--primary-color);
    color: var(--faq-color);
  }
  
  .faq .faq-list li {
    background-color: var(--primary-color);
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 40px;
    color: var(--faq-color);
  }
  .faq .faq-list a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-light4);
    text-decoration: none;
  }
  .faq-list p {
    color:var(--faq-color);
  }
  
  .text-with-bg,.site-heading h2 span.text-with-bg{
    background: var(--primary-color);
    border-radius: 10px;
    padding: 5px 10px;
    color: var(--font-white)
  }
  
  .services-items .book__now_btn{
    background: var(--primary-color);
    color: var(--font-white);
  }
  .services-items .book__now_btn a{
    color: var(--font-white);
  }
  
  .loc-top h3 a{
    text-decoration: none;
    color: var(--font-white);
  }
  
  .form-check-input:checked {
    background-color: var(--primary-color);
    border: 1px solid #000;
  }
  
  .user__details .policy-acceptance {
    background-color: var(--primary-color);
    color: var(--font-white);
    border-radius: 5px;
    letter-spacing: normal;
    font-size: 0.75rem;
    font-weight: 400;
    font-family: raleway,sans-serif;
    margin-bottom: 0.75rem;
  }
  
  .bg-light.appointment-record.clicked{
    background-color:var(--primary-color)!important;
    cursor:cell;
  }
  
  .bg-light.appointment-record.clicked .slot-time{
    color: var(--font-white)!important;
  }
  
  .form-signin .nav-pills .nav-link.active{background-color:var(--color-light2) ; color: var(--color-dark);}
  .form-signin .nav-pills .nav-link{color: var(--color-dark);}
  
  .border-theme{
    border-color: var(--primary-color)!important;
  }
  
  .video-text-semaglutide a{
    color:#12372A;
    /* text-stroke: 1px #12372A;
    -webkit-text-stroke:  1px #12372A; */
  }
  .video-text-phenetrmine a{
    color:#016A70;
    /* text-stroke: 1px #12372A;
    -webkit-text-stroke:  1px #12372A; */
  }
  
  #semaglutide-detail .nav-tabs>.nav-item>.nav-link.active {
    background-color: var(--primary-color);
    border-radius: 30px;
    color: #FFFFFF;
  }
  
  .service_tagger{
    color:#d49987;
  }
  
  .hightlight{
    background: var(--primary-color);
    color: var( --font-white);
  }
  
  .testim .arrow {
    color: var(--primary-color);
  }
  .testim .arrow:hover {
    color: var(--sec-color);
  }
  
  .testim .dots .dot.active,
  .testim .dots .dot:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .testim .dots .dot {
    border-color: var(--primary-color);
  }
  
  .testim .cont div h2 {
    color: var(  --color-dark);
  }
  
  .testim .cont div p {
    color: var(--primary-color);
  }
  
  
  .profile-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--primary-color);
  }
  
  .profile-section .nav-link{
    color: var(--color-dark);
  }
  
  .user__details input[type="checkbox"]{
    border-color:var(--color-dark);
  }
  
  .semaglutide-readmore{
    background:var(--sec-color);
    color:var(--font-white);
    padding: 10px 20px;
    border-radius:20px;
  }
  .semaglutide-readmore a{
    color:var(--font-white);
  }
  
  /**Appointment slot selected**/
  .appointment-selected{
    background: var(--appointment-selected)!important;
  }

  .appoinment-box small{
    color:var(--primary-color);
  }

  .card-body.bg-dark{
    background: var(--primary-color)!important;
  }

  .our-process {
    background-color: var(--color-light)!important;
}

.video-play-button i {
  color: var(--primary-color)!important;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: var(--primary-color)repeat scroll 0 0;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}