/* ========================================
   Physiotherapy Website - Updated Color CSS
   ----------------------------------------
   Modern palette using CSS variables
   Colors:
   --color-primary: #007C91 (Hospital Teal Blue)
   --color-accent:  #57C5B6 (Aqua Green)
   --color-secondary: #0A3D62 (Deep Navy)
   --color-cream: #F8FCFF (Light Blue-White)
   --color-light: #E8F6F3
   --color-dark: #2C3E50
======================================== */

:root {
  --color-primary: #007C91;      /* Hospital Teal Blue */
  --color-primary-dark: #005F6A; /* Hover shade */
  --color-accent: #57C5B6;       /* Aqua Green */
  --color-secondary: #0A3D62;    /* Deep Navy */
  --color-cream: #F8FCFF;        /* Light Blue-White */
  --color-light: #E8F6F3;
  --color-dark: #2C3E50;
  --color-sky: #82D2E8;          /* Supporting soft blue */
}

/* template-color */

.scroll-top {
  background: var(--color-primary);
}

.scroll-top:hover {
  background: var(--color-accent);
}

.preloader-close {
  background: var(--color-primary);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
  color: var(--color-primary);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
  color: var(--color-primary);
}

.handle-preloader .animation-preloader .spinner {
  border: 3px solid var(--color-primary);
}

.header-top .info li i {
  color: var(--color-accent);
}

.theme-btn-one {
  background: var(--color-primary);
}

.main-header .header-upper .upper-info li i {
  color: var(--color-accent);
}

.main-header .header-upper .upper-info li h5 a:hover {
  color: var(--color-primary);
}

.main-header.style-one .header-lower .outer-box .menu-area {
  border-bottom: 5px solid var(--color-accent);
}

.main-header.style-one .social-links li a:hover {
  background: var(--color-accent);
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover {
  color: var(--color-accent);
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--color-accent);
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
  color: var(--color-primary);
}

.main-menu .navigation > li.dropdown.current > a:before,
.main-menu .navigation > li.dropdown:hover > a:before {
  color: var(--color-primary);
}

.banner-carousel .content-box h6 {
  background: var(--color-accent);
}

.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover {
  background: var(--color-primary);
}

.feature-section .feature-block-one:first-child .inner-box {
  background: #8DB7BF
}

.feature-section .feature-block-one:nth-child(2) .inner-box {
  background: var(--color-accent);
}

/* .feature-section .feature-block-one:first-child .inner-box .icon-box:before {
  background: var(--color-primary);
} */

/* .feature-section .feature-block-one:nth-child(2) .inner-box .icon-box:before {
  background: var(--color-accent);
} */

.sec-title p {
  color: var(--color-primary);
}

#content_block_1 .content-box .list-item li:before {
  color: var(--color-primary);
}

#content_block_1 .content-box .inner-box .inner {
  background: var(--color-primary);
}

#content_block_1 .content-box .inner-box .inner .icon-box {
  color: var(--color-accent);
}

#content_block_1 .content-box .inner-box .inner:before {
  background: var(--color-accent);
}

#content_block_1 .content-box .inner-box .author .author-thumb {
  border: 2px solid var(--color-primary);
}

.service-block-one .inner-box .image-box .icon-box {
  color: var(--color-accent);
  background: var(--color-primary);
}

.service-block-one .inner-box:hover .image-box .icon-box {
  background: var(--color-accent);
}

.service-block-one .inner-box .image-box .icon-box:before {
  background: var(--color-primary);
}

.service-block-one .inner-box:hover .image-box .icon-box:before {
  background: var(--color-accent);
}

.service-block-one .inner-box .lower-content h4 a:hover,
.service-block-one .inner-box .lower-content .link a:hover {
  color: var(--color-primary);
}

.service-section .owl-nav .owl-prev:hover,
.service-section .owl-nav .owl-next:hover {
  background: var(--color-primary);
}

.sec-title.light p {
  color: var(--color-accent) !important;
}

#content_block_2 .content-box .list-item li:before {
  color: var(--color-primary);
}

#content_block_2 .content-box .counter-inner .counter-block .inner-box .icon-box {
  color: var(--color-accent);
}

.bg-color-2 {
  background: var(--color-primary);
}

.feature-block-two .inner-box .content-inner .theme-btn-one {
  background: var(--color-accent);
}

.feature-block-two .inner-box .count-box span {
  background: var(--color-accent);
}

.testimonial-block-one .inner-box h4:before,
.testimonial-block-one .inner-box h4:after {
  background: var(--color-primary);
}

.testimonial-block-one .inner-box:hover h4:before,
.testimonial-block-one .inner-box:hover h4:after {
  background: var(--color-accent);
}

.testimonial-block-one .inner-box:hover .image-box {
  border-color: var(--color-accent);
}

#content_block_3 .single-box .inner .icon-box {
  background: var(--color-primary);
  color: var(--color-accent);
}

#content_block_3 .single-box .inner h4 a:hover {
  color: var(--color-primary);
}

#content_block_3 .content-box .inner-box {
  background: var(--color-primary);
}

#content_block_3 .content-box .inner-box .icon-box {
  color: var(--color-accent);
}

#content_block_3 .content-box .inner-box h3 span {
  color: var(--color-accent);
}

#content_block_4 .form-inner:before {
  background: var(--color-accent);
}

#content_block_4 .form-inner .form-group input:focus,
#content_block_4 .form-inner .form-group textarea:focus {
  border-color: var(--color-primary) !important;
}

.news-block-one .inner-box .image-box .post-date {
  background: var(--color-accent);
}

.news-block-one .inner-box .lower-content .post-info li i,
.news-block-one .inner-box .lower-content .post-info li a:hover,
.news-block-one .inner-box .lower-content h3 a:hover,
.news-block-one .inner-box .lower-content .link a:hover,
.news-block-one .inner-box .lower-content h2 a:hover {
  color: var(--color-primary);
}

.gallery-block-one .inner-box .link a {
  background: var(--color-accent);
  color: var(--color-primary);
}

.gallery-block-one .inner-box .link a:hover {
  background: var(--color-primary);
  color: var(--color-accent);
}

.cta-section .inner-box .theme-btn-one {
  background: var(--color-accent);
}

.footer-top .logo-widget .info li a:hover,
.footer-top .logo-widget .support-box h5 a:hover,
.footer-botton .copyright p a:hover,
.team-block-one .inner-box .lower-content h5 a:hover {
  color: var(--color-primary);
}

.footer-top .logo-widget .info li i {
  color: var(--color-accent);
}

.footer-top .logo-widget .support-box i {
  background: var(--color-primary);
}

.footer-top .links-widget .links-list li a:hover:before {
  color: var(--color-accent);
}

.footer-top .appointment-widget .shediul-list .theme-btn-one {
  background: var(--color-accent);
}

.footer-top .appointment-widget .shediul-list .theme-btn-one:before {
  background: var(--color-primary);
}

.footer-botton .social-links li a:hover {
  background: var(--color-primary);
}

.header-top .info li a:hover {
  color: var(--color-accent);
}

.header-top .social-links li a:hover {
  background: var(--color-accent);
}

.main-header .search-box-btn {
  background: var(--color-primary);
}

.main-header .search-box-btn:hover {
  background: var(--color-accent);
}

.main-header .search-box-outer:after {
  background: var(--color-accent);
}

.welcome-section #content_block_3 .single-box .inner .icon-box {
  background: var(--color-accent);
  color: var(--color-primary);
}

#content_block_5 .content-box .inner-box .inner .video-inner a {
  background: var(--color-accent);
  color: var(--color-primary);
}

.bg-color-3 {
  background: var(--color-accent);
}

#content_block_6 .content-box .shediul-list li h6 {
  color: var(--color-primary);
}

#image_block_1 .image-box .icon-box {
  background: var(--color-primary);
}

#content_block_7 .content-box .inner-box .single-item h5:before {
  color: var(--color-primary);
}

#content_block_7 .content-box .lower-box .support-box i {
  background: var(--color-accent);
  color: var(--color-primary);
}

#content_block_7 .content-box .lower-box .support-box h3 a:hover {
  color: var(--color-primary);
}

.service-style-two .owl-nav .owl-prev:hover,
.service-style-two .owl-nav .owl-next:hover {
  background: var(--color-primary);
}

.weare-section .single-column:first-child .single-item .inner-box .image-box:before {
  background: var(--color-primary);
}

.weare-section .single-column:nth-child(2) .single-item .inner-box .image-box:before {
  background: var(--color-accent);
}

.testimonial-style-two .testimonial-content .inner-box .text h3 {
  color: var(--color-accent);
}

.accordion-box .block .acc-btn.active .icon-outer,
.accordion-box .block .acc-btn.active h5 {
  color: var(--color-primary);
}

.faq-section .image-layer {
  border-bottom: 4px solid var(--color-primary);
}

.team-block-one .inner-box .image-box .social-links li a:hover {
  background: var(--color-accent);
}

.cta-style-two .inner-container .text i {
  color: var(--color-accent);
}

.cta-style-two .inner-container .subscribe-form .form-group input:focus {
  border-color: var(--color-accent) !important;
}

.cta-style-two .inner-container .subscribe-form .form-group .theme-btn-one {
  background: var(--color-accent);
}

.page-title .content-box .bread-crumb {
  background: var(--color-accent);
}

.page-title .content-box .bread-crumb li a:hover {
  color: var(--color-primary);
}

#content_block_8 .content-box .author-box .author-thumb {
  border: 2px solid var(--color-primary);
}

#content_block_8 .content-box .inner-box .single-item h5:before {
  color: var(--color-primary);
}

.progress-box .bar-inner {
  background: var(--color-primary);
}

.team-details-content .upper-box .designation {
  color: var(--color-primary);
}

.team-details-content .upper-box .social-links li a:hover {
  background: var(--color-accent);
}

.error-section .inner-box p a {
  color: var(--color-primary);
}

.service-sidebar .categories-widget h4:before {
  background: var(--color-primary);
}

.service-sidebar .sidebar-support:before {
  background: var(--color-primary);
}

/* .service-sidebar .sidebar-support {
  border-top: 10px solid var(--color-accent);
} */

.service-sidebar .sidebar-support h3,
.service-sidebar .sidebar-support h3 a {
  color: var(--color-accent);
}

.service-sidebar .sidebar-support .theme-btn-one {
  background: var(--color-accent);
}

.service-details-content .content-one .image-box i,
.service-details-content .content-one .image-box i:after,
.service-details-content .content-two .inner-box:before {
  background: var(--color-accent);
}

.service-details-content .two-column .text h4,
.service-details-content .two-column .list-item li:before,
.service-details-content .content-two .text p span {
  color: var(--color-primary);
}

.pagination li a:hover,
.pagination li a.active {
  background: var(--color-accent);
}

.pagination li:first-child a {
  background: var(--color-primary);
}

.sidebar .search-widget {
  background: var(--color-primary);
}

.sidebar .sidebar-widget .widget-title:before {
  background: var(--color-primary);
}

.sidebar .post-widget .post .post-thumb {
  background: var(--color-primary);
}

.sidebar .post-widget .post .post-date {
  color: var(--color-primary);
}

.sidebar .post-widget .post h5 a:hover {
  color: var(--color-primary);
}

.sidebar .categories-widget .categories-list li a:hover span {
  background: var(--color-accent);
}

.sidebar .categories-widget .categories-list li a:hover:before {
  color: var(--color-primary);
}

.blog-details-content .post-share-option .social-links li a:hover {
  background: var(--color-primary);
}

.blog-details-content .comments-area .comment .comment-inner a {
  background: var(--color-accent);
}

.blog-details-content .comments-area .comment .comment-inner h4 span {
  color: var(--color-primary);
}

.blog-details-content .comments-area .comment .comment-inner a:hover {
  background: var(--color-primary);
}

.default-form .form-group input:focus,
.default-form .form-group textarea:focus {
  border-color: var(--color-primary) !important;
}

.contact-section .info-inner:before {
  background: var(--color-primary);
}

.contact-section .info-inner .content-box .info-list li a:hover {
  color: var(--color-accent);
}

.contact-section .info-inner .content-box .info-list li i {
  color: var(--color-accent);
}

.contact-section .info-inner .content-box .btn-box .theme-btn-one {
  background: var(--color-accent);
}

.contact-section .info-inner {
  border-top: 10px solid var(--color-accent);
}
