/*
colors : 
#f2f6f6
#f8fafc -> services
*/

/* home-main  */
.main-wrapper.home-main h1,
.main-wrapper.home-main h2,
.main-wrapper.home-main h3,
.main-wrapper.home-main h4,
.main-wrapper.home-main h5,
.main-wrapper.home-main h6 {
  text-transform: capitalize;
}
/* home-main  */

/* home-main section header */
.main-wrapper.home-main .section-header-one {
  margin-bottom: 50px;
  text-align: center;
}

.main-wrapper.home-main .section-header-one h2 {
  font-size: 40px;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 0;
}

.main-wrapper.home-main .section-header-one h2 span {
  color: #0e82fd;
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main .section-header-one h2 {
    font-size: 34px;
  }
}

@media (max-width: 767.98px) {
  .main-wrapper.home-main .section-header-one h2 {
    font-size: 26px;
  }
}

.main-wrapper.home-main .section-header-one .section-title {
  display: inline-block;
  position: relative;
}

.main-wrapper.home-main .section-header-one .section-title::before {
  display: none !important;
}

.main-wrapper.home-main .section-header-one h5 {
  font-weight: 600;
  font-size: 18px;
  color: #0e82fd;
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main .section-header-one {
    margin-bottom: 40px;
  }
  .logged-user-logout-btn {
    text-align: right !important;
    border-top: solid 1px #000000 !important;
  }
  .logged-user-logout-btn a {
    padding-right: 15px !important;
  }
}

.header-one .main-menu-wrapper .main-nav .btn-margin {
  margin-left: 10px;
}

/* home-main section header */

/* home-main banner section */
.main-wrapper.home-main .banner-section {
  background: url(/public/home/assets/img/bg/home-10-banner.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 101%;
  background-clip: padding-box;
  padding: 100px 0 30px;
  /* height: 745px; */
  overflow: visible;
}

.main-wrapper.home-main .banner-section:before {
  margin-top: 100px;
}

.main-wrapper.home-main .banner-section .banner-content {
  margin-top: 60px;
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main .banner-section .banner-content {
    margin-top: 50px;
  }
}

@media (max-width: 575.98px) {
  .main-wrapper.home-main .banner-section .banner-content {
    margin-top: 30px;
  }
}

.main-wrapper.home-main .banner-section::after {
  display: none;
}

.main-wrapper.home-main .banner-section .banner-img {
  position: relative;
}

.main-wrapper.home-main .banner-section .banner-img img:nth-child(2) {
  position: absolute;
  left: 300px;
  z-index: -1;
  top: 0;
  animation: beat 2.5s ease-in-out infinite;
}

.main-wrapper.home-main .banner-section .banner-img img:nth-child(1) {
  bottom: -41px;
}

@keyframes beat {
  from {
    transform: scale(1.1);
  }

  50% {
    transform: scale(1);
  }

  to {
    transform: scale(1.1);
  }
}
/* home-main banner section */

/* home-main banner section elements */
.main-wrapper.home-main .banner-content h1 span {
  color: #ffffff;
}

.main-wrapper.home-main .banner-content p {
  color: #000000;
}

.main-wrapper.home-main a {
  border-color: #ffffff;
  box-sizing: border-box;
  border-radius: 7px;
  /* box-shadow: 0px 3px 53px rgba(150, 150, 150, 0.2); */
}

.main-wrapper.home-main .search-input.search-line {
  width: 85%;
}

.main-wrapper.home-main .search-box-one.form-search-btn {
  width: 15%;
}
/* home-main banner section elements */

/* home-main specialities-section-one */
.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-img
  .hexogen,
.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item {
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-wrapper.home-main .specialities-section-one {
  position: relative;
}

.main-wrapper.home-main .specialities-section-one .floating-bg img {
  position: absolute;
  right: 10px;
  top: 50%;
  animation: beat 1.5s ease-in-out infinite;
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main .specialities-section-one .floating-bg img {
    display: none;
  }
}

.main-wrapper.home-main .specialities-section-one .specialities-block ul {
  list-style: none;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}

.main-wrapper.home-main .specialities-section-one .specialities-block ul li {
  margin-right: 24px;
  width: calc(20% - 24px);
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main .specialities-section-one .specialities-block ul li {
    width: 45%;
    margin: 0 10px 20px;
  }
}

@media (max-width: 568px) {
  .main-wrapper.home-main .specialities-section-one .specialities-block ul li {
    width: 100%;
    margin: 0 0 40px;
  }
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li:last-child {
  margin-right: 0;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item {
  background: #ffffff;
  border: none;
  border-radius: 35px;
  height: 195px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 20px;
  cursor: pointer;
  -webkit-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item:hover {
  background: #ffffff;
  border-color: #0e82fd;
  box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.08);
  -webkit-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item:hover
  .specialities-img
  .hexogen {
  -webkit-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item:hover
  .specialities-img
  .hexogen
  img {
  transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-item
  p {
  font-weight: 600;
  font-size: 16px;
  color: #2f353c;
  margin-bottom: 0;
  max-width: 180px;
  text-align: center;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-img {
  padding-bottom: 18px;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-img
  .hexogen {
  background: #ffffff;
  border: none;
  width: 87px;
  height: 100px;
  background-image: url("/public/home/assets/img/icons/hex-shape.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0;
  -webkit-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
}

.main-wrapper.home-main
  .specialities-section-one
  .specialities-block
  ul
  li
  .specialities-img
  .hexogen
  img {
  width: auto;
  -webkit-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
/* home-main specialities-section-one */

/* home-main service section */
.main-wrapper.home-main .service-section {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.main-wrapper.home-main .service-section::after {
  content: "";
  background: url(/public/home/assets/img/bg/service-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

@media (max-width: 767.98px) {
  .main-wrapper.home-main .service-section {
    padding: 40px 26px;
  }
}

.main-wrapper.home-main .listing-card {
  background-color: #ffffff;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.03);
  border-radius: 35px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  /* margin-bottom: 24px; */
}

.main-wrapper.home-main .listing-card .listing-img {
  position: relative;
  margin: 0 0 20px 0;
  overflow: hidden;
  border-radius: 20px;
}

.main-wrapper.home-main .listing-card .listing-img img {
  position: relative;
  border-radius: 20px;
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  width: 100%;
}

.main-wrapper.home-main .listing-card .listing-img:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
}

.main-wrapper.home-main .listing-card .listing-img:hover::before {
  -webkit-animation: circle 1s;
  animation: circle 1s;
}

.main-wrapper.home-main .listing-card .listing-img::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: "";
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
}

.main-wrapper.home-main .listing-card .listing-img .fav-item {
  position: absolute;
  top: 10px;
  left: 10px;
}

.main-wrapper.home-main .listing-card .listing-img .fav-item .fav-icon {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main-wrapper.home-main .listing-card .listing-img .fav-item .fav-icon i {
  color: #a29fc0;
}

.main-wrapper.home-main
  .listing-card
  .listing-img
  .fav-item.selected
  .fav-icon {
  background-color: #0e82fd;
}

.main-wrapper.home-main
  .listing-card
  .listing-img
  .fav-item.selected
  .fav-icon
  i {
  color: #ffffff;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-title
  h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 575.98px) {
  .main-wrapper.home-main
    .listing-card
    .listing-content
    .listing-details
    .listing-profile-details {
    align-items: start;
    flex-direction: column;
  }
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-user {
  display: flex;
  align-items: center;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-user
  .listing-profile-img {
  height: 48px;
  width: 48px;
  overflow: hidden;
  border-radius: 50%;
  margin-left: 10px;
  flex-shrink: 0;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-user
  .listing-user-details
  span {
  color: #9ca3af;
  font-size: 14px;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-user
  .listing-user-details
  h6 {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
}

@media (max-width: 575.98px) {
  .main-wrapper.home-main
    .listing-card
    .listing-content
    .listing-details
    .listing-profile-details
    .listing-btn {
    width: 100%;
    margin-top: 15px;
  }
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-btn
  .consult-btn {
  padding: 6px 30px 6px 30px;
  background-color: #0e82fd;
  font-weight: 500;
  font-size: 16px;
  border-radius: 35px;
  box-shadow: inset 0 0 0 0 #ffffff;
  transition: all 0.7s;
  color: #ffffff;
}

.main-wrapper.home-main
  .listing-card
  .listing-content
  .listing-details
  .listing-profile-details
  .listing-btn
  .consult-btn:hover {
  box-shadow: inset 0 0 0 50px #ffffff;
  color: #0e82fd;
}

@media (max-width: 991.98px) {
  .main-wrapper.home-main
    .listing-card
    .listing-content
    .listing-details
    .listing-profile-details
    .listing-btn
    .consult-btn {
    padding: 6px 12px 6px 12px;
    font-size: 17px;
  }
}

@media (max-width: 575.98px) {
  .main-wrapper.home-main
    .listing-card
    .listing-content
    .listing-details
    .listing-profile-details
    .listing-btn
    .consult-btn {
    width: 100%;
  }
}
/* home-main service section */

/* extras */
.main-wrapper.home-main .choose-us-fourteen {
  background: #f3f4f6;
  position: relative;
  z-index: 1;
}
/* extras */

/* services style fixes */
/* Add spacing between rows of cards */
.service-section .row.row-gap > [class*="col-"] {
  margin-bottom: 30px;
}

/* Make the main card a flex container, and set its direction to vertical */
.listing-card {
  height: 100%;
}

/* Give the image a fixed, defined height (optional but good for consistency) */
.listing-card .listing-img {
  height: 200px;
}

/* Ensure the image covers the container without stretching */
.listing-card .listing-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.listing-card .listing-img div {
  border-color: #ffffff;
  box-sizing: border-box;
  border-radius: 7px;
  color: inherit;
  text-decoration: none;
  transition: all 0.4s ease;
}

/* Make the content area flexible so it consumes all remaining space */
.listing-card .listing-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 0;
}

/* Ensure the listing details takes up the available space within the content */
.listing-card .listing-details {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Allow the title area to grow to accommodate a long title */
.listing-card .listing-title {
  flex-grow: 1;
}

/* Title truncation */
.listing-title h3 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Pushes the doctor/button section to the bottom of the card */
.listing-card .listing-profile-details {
  margin-top: auto;
  padding-top: 15px;
}
/* services style fixes */

/* Blogs style fixes */
/* Make the card container flexible and equal height */
#blog-container .card.blog-inner-fourt-all {
  display: flex;
  flex-direction: column;
  height: 100%; /* force equal height */
  min-height: 450px; /* adjust to your design */
  border: 1px solid #eee;
  border-radius: 12px;
  overflow: hidden;
}

/* Card body takes all available space */
.blog-inner-fourt-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}

/* Ensure content inside is spaced properly */
.blog-inner-right-fourt {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Image container with fixed height */
.blog-inner-right-img {
  position: relative;
  width: 100%;
  height: 200px; /* force equal image box */
  overflow: hidden;
  border-radius: 12px;
}

.blog-inner-right-img img.blog-inner-right-inner {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop images uniformly */
}

.blog-section-fourteen
  .blog-inner-fourt-all
  .blog-inner-fourt-main
  .blog-inner-right-fourt
  .blog-inner-right-fourt-care {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-inner-right-fourt-care {
  margin: 15px 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;

  min-height: 48px; /* reserve space for 2 lines */
}

/* Meta info aligned consistently */
.blog-articles-list,
.blog-articles-list-two {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #666;
}

/* Paragraph with equal height */
.blog-inner-right-fourt p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  display: -webkit-box;
  -webkit-line-clamp: 3; /* limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
  max-height: 70px;
}
/* Blogs style fixes */

/* testimonial-section */
.main-wrapper.home-main .testimonial-section {
  clear: both;
  width: 100%;
  text-align: center;
}

.main-wrapper.home-main .testimonial-content {
  width: 100%;
}

.main-wrapper.home-main .testimonial-content h6 {
  color: rgba(2, 12, 102, 0.603);
}

.main-wrapper.home-main
  .medical-emergency-booking
  .doctor-consulting-slider
  .medical-emergency-card
  .slider-img
  .img-fluid {
  height: 436px !important;
}

.main-wrapper.home-main .medical-emergency-booking .owl-next {
  direction: rtl !important;
  left: 0 !important;
  right: initial !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}
.main-wrapper.home-main .medical-emergency-booking .owl-prev {
  direction: rtl !important;
  right: 0 !important;
  left: initial !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.main-wrapper.home-main .medical-emergency-booking .owl-nav {
  direction: rtl !important;
}
/* testimonial-section */

/* Main Footer */
.main-footer-phone {
  direction: ltr;
}
/* Main Footer */
/* Main Headr */
#login-link a {
  color: #000000 !important;
  font-weight: 700 !important;
  padding-right: 15px !important;
  font-size: 16px;
}
.logged-user-section div {
  text-align: center;
  position: relative;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 998px) {
  .logged-user-section div {
    text-align: right;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
  }
}
.logged-user-section span {
  color: #0e82fd;
}

.logged-user-logout-btn {
  text-align: center;
}

.logged-user-logout-btn strong {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}
.font-16-700 {
  font-size: 16px !important;
  font-weight: 700 !important;
}
/* Main Headr */

/* About Us */
.about-contact-text h4 {
  direction: ltr;
}

.main-wrapper.home-main .why-choose-section .card .card-body {
  text-align: center;
}

.main-wrapper.home-main .why-choose-section .why-choose-icon span {
  margin-left: auto;
  margin-right: auto;
}
/* About Us */
/* Contact Us */
.contact-card .card-body .contact-phone {
  direction: ltr;
}
/* Contact Us */

/* services section */
.service-card-grid {
  margin-bottom: 20px;
}
/* Make all cards same height */
.blog-grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog.grid-blog {
  display: flex;
  flex-direction: column;
  height: 100%; /* make card full height */
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s;
}

/* Image container fixed height */
.blog-image {
  height: 200px; /* set desired image height */
  overflow: hidden;
}

.blog-image a {
  height: 100%;
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: fill; /* crop/scale image to fill container */
}

/* Blog content should expand to fill card */
.blog-content {
  padding: 15px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.blog-title {
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.blog-content p {
  flex-grow: 1; /* make paragraph fill remaining space */
}

/* Optional hover effect */
.blog.grid-blog:hover {
  transform: translateY(-5px);
}
/* services section */

/* ===== Service Details – Layout & Typography ===== */
/* ============================
   Service Details – Palette
   ============================ */
:root {
  --svc-bg: #f7f9fc; /* page tint */
  --svc-card: #ffffff; /* cards */
  --svc-ink: #1d2b3a; /* headings */
  --svc-ink-2: #5b6b7a; /* body text */
  --svc-primary: var(--bs-primary, #0d6efd);
  --svc-accent: #22b8cf; /* subtle accent (cyan) */
  --svc-border: #e6ecf2;
  --svc-shadow: 0 10px 25px rgba(13, 110, 253, 0.06);
}

/* Page backdrop + vertical rhythm */
.service-page {
  background: linear-gradient(180deg, var(--svc-bg), #fff 60%);
}

/* Container max width comfort on very wide screens */
@media (min-width: 1400px) {
  .service-page .container {
    max-width: 1180px;
  }
}

/* ============================
   Hero block
   ============================ */
.service-page .svc-hero {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--svc-shadow);
  background: #0b1020;
}
.service-page .svc-hero img {
  width: 100%;
  /* height: clamp(200px, 38vw, 420px); */
  object-fit: fill;
  opacity: 0.92;
  display: block;
}
.service-page .svc-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(11, 16, 32, 0.6) 0%,
    rgba(11, 16, 32, 0) 55%
  );
}
.service-page .svc-hero-badge {
  position: absolute;
  inset-inline-start: 16px;
  inset-block-start: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: rgba(255, 255, 255, 0.9);
  color: #0b1020;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}
.service-page .fav-item.selected i {
  color: #ffffff;
}
.service-page .fav-icon.selected {
  background-color: #0e82fd;
}
.service-page .fav-item i {
  color: #a29fc0;
}
.service-page .fav-icon {
  background-color: #0e82fd;
}
.service-page .svc-hero-title {
  position: absolute;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 2;
  color: #fff;
  padding: 1.25rem 1.25rem 1.5rem;
  font-weight: 800;
  letter-spacing: 0.2px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

/* ============================
   Typography + sections
   ============================ */
.service-page .service-details-text h3,
.service-page h3.svc-heading {
  color: var(--svc-ink);
  font-weight: 800;
  margin: 1.25rem 0 0.75rem;
}
.service-page .svc-heading-underline {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.service-page .svc-heading-underline::after {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  background: linear-gradient(90deg, var(--svc-primary), var(--svc-accent));
  border-radius: 3px;
  margin-top: 0.5rem;
}

.service-page .service-details-text p {
  color: var(--svc-ink-2);
  line-height: 1.95;
}
.service-page .service-details-text ul {
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
.service-page .service-details-text li {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  color: var(--svc-ink-2);
  padding: 0.25rem 0;
}
.service-page .service-details-text li i {
  color: var(--svc-primary);
  margin-top: 0.25rem;
}

/* ============================
   Gallery cards
   ============================ */
.service-page .service-gallery a.venobox {
  position: relative;
  display: block;
  border-radius: 14px;
  overflow: hidden;
  background: #e9eef6; /* preload color before image loads */
  box-shadow: var(--svc-shadow);
  transform: translateZ(0);
}
.service-page .service-gallery a.venobox img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.service-page .service-gallery a.venobox::after {
  /* CSS-only hover veil + plus */
  content: "+";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--svc-primary);
  font: 800 28px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition: opacity 0.22s ease-in-out;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .service-page .service-gallery a.venobox:hover::after {
    opacity: 1;
  }
  .service-page .service-gallery a.venobox:hover img {
    transform: scale(1.04);
  }
}
@media (max-width: 991.98px) {
  .service-page .service-gallery a.venobox img {
    height: 210px;
  }
}
@media (max-width: 575.98px) {
  .service-page .service-gallery a.venobox img {
    height: 190px;
  }
}

/* Venobox layering + image sizing */
.vbox-overlay {
  z-index: 1065 !important;
}
.vbox-container img {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

/* ============================
   Feature/Ability cards
   ============================ */
.service-page .svc-feature {
  background: var(--svc-card);
  border: 1px solid var(--svc-border);
  border-radius: 14px;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  height: 100%;
}
.service-page .svc-feature i {
  display: inline-flex;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    rgba(13, 110, 253, 0.1),
    rgba(34, 184, 207, 0.12)
  );
  color: var(--svc-primary);
  font-size: 22px;
}
.service-page .svc-feature h5 {
  margin: 0.75rem 0 0.25rem;
  font-weight: 800;
  color: var(--svc-ink);
}
.service-page .svc-feature p {
  color: var(--svc-ink-2);
  margin: 0;
}
.service-page .svc-feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(13, 110, 253, 0.1);
}

/* ============================
   Sidebar cards
   ============================ */
.service-page .svc-card {
  background: var(--svc-card);
  border: 1px solid var(--svc-border);
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
}
.service-page .svc-card .card-body {
  padding: 1.1rem 1.1rem;
}
.service-page .svc-card .card-title {
  font-weight: 800;
  color: var(--svc-ink);
  margin-bottom: 0.85rem;
}
.service-page .svc-card ul li a {
  color: var(--svc-ink-2);
}
.service-page .svc-card ul li a:hover {
  color: var(--svc-primary);
}

/* Optional sticky sidebar (enable if desired) */
@media (min-width: 992px) {
  .service-page .svc-sticky {
    position: sticky;
    top: 96px;
  }
}

/* ============================
   Buttons / Inputs polish
   ============================ */
.service-page .btn-primary {
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(13, 110, 253, 0.22);
}
.service-page .btn-primary:hover {
  transform: translateY(-1px);
}
.service-page .form-control {
  border-radius: 12px;
  border-color: var(--svc-border);
}
.service-page .input-group .btn {
  border-radius: 12px;
  padding-inline: 0.9rem;
}

/* ============================
   Breadcrumb softening
   ============================ */
.breadcrumb-bar-two {
  background: radial-gradient(
      1200px 400px at 50% -120px,
      rgba(13, 110, 253, 0.12),
      transparent 60%
    ),
    linear-gradient(180deg, #fff, var(--svc-bg));
  border-bottom: 1px solid var(--svc-border);
}
.breadcrumb-title {
  color: var(--svc-ink);
  font-weight: 800;
}
.page-breadcrumb .breadcrumb-item a {
  color: var(--svc-primary);
}
.page-breadcrumb .breadcrumb-item.active {
  color: var(--svc-ink-2);
}

/* Small divider utilities (use .svc-sep where needed) */
.service-page .svc-sep {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--svc-border),
    transparent
  );
  margin: 1.25rem 0;
}

/* Favorites Button */
.favo-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.9rem;
  border: 1px solid var(--svc-border, #e6ecf2);
  border-radius: 12px;
  background: #fff;
  color: var(--svc-ink-2, #5b6b7a);
  font-weight: 600;
  font-size: 0.95rem;
  line-height: 1.4;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  transition: all 0.2s ease;
}
.favo-btn i {
  font-size: 1rem;
  transition: color 0.2s ease, transform 0.2s ease;
}
.favo-btn:hover {
  border-color: var(--svc-primary, #0d6efd);
  color: var(--svc-primary, #0d6efd);
  box-shadow: 0 6px 16px rgba(13, 110, 253, 0.15);
}
.favo-btn:hover i {
  color: var(--svc-primary, #0d6efd);
  transform: scale(1.15);
}

/* Active (favorited) */
.favo-btn.active {
  background: linear-gradient(135deg, var(--svc-primary, #0d6efd), #22b8cf);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 18px rgba(13, 110, 253, 0.25);
}
.favo-btn.active i {
  color: #fff;
  transform: scale(1.15);
}

/* Loading state */
.favo-btn.loading {
  pointer-events: none;
  opacity: 0.85;
  position: relative;
}
.favo-btn.loading i {
  visibility: hidden;
}
.favo-btn.loading::after {
  content: "";
  width: 14px;
  height: 14px;
  margin-inline-start: 0.5rem;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  display: inline-block;
  animation: favspin 0.6s linear infinite;
}
@keyframes favspin {
  to {
    transform: rotate(360deg);
  }
}

/* pagination */
.page-next-btn {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.page-prev-btn {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.pagination-btn-item {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.pagination-btn-item.active a {
  color: #ffffff !important;
}

.service-list-btn .service-list-link {
  font-weight: normal;
  margin: 0;
  padding: 11px 16px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 6px 0 0 6px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #ffffff;
  background: #0e82fd;
  border: 1px solid #0e82fd;
  box-shadow: inset 0 0 0 0 #ffffff;
}
.service-list-btn .service-list-link:hover {
  color: #0e82fd;
  border-color: #0e82fd;
  background: #ffffff;
  box-shadow: inset 0 0 0 50px #ffffff;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.blog-list-main .blog-list-btn {
  /* display: block; */
  margin: 0;
  padding: 6px 30px;
  border-radius: 7px !important;
  font-size: 15px;
  font-weight: 600;
  /* width: 100%; */
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #ffffff;
  background: #0e82fd;
  border-color: #0e82fd;
  box-shadow: inset 0 0 0 0 #ffffff;
}

.blog-list-main a {
    border: solid  1px #0e82fd !important;
}

.blog-list-main .blog-list-btn:hover {
  color: #0e82fd;
  border-color: #0e82fd;
  background: #ffffff;
  box-shadow: inset 0 0 0 50px #ffffff;
  -webkit-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.main-services-btn a {
  border-radius: 7px !important;
  background: #0e82fd;
  border-color: #0e82fd !important;
}

#blogs-container .blog-image {
  height: auto !important;
}

#blog-container .blog-image {
  height: auto !important;
}

.author-details .author-desc span {
  color: #003cff;
}

.blog-articles-list li {
  margin: 0 !important;
}

.blog-articles-list li span {
  position:absolute;
  font-family: IRANSansWeb_Light;
  margin-right: 5px !important;
}

.blog-single-post .blog-heading-underline {
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}
.blog-single-post .blog-heading-underline::after {
  content: "";
  display: block;
  width: 84px;
  height: 3px;
  background: linear-gradient(90deg, var(--svc-primary), var(--svc-accent));
  border-radius: 3px;
  margin-top: 0.5rem;
}

/* social share */
.copy-msg {
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    transform: translateY(-150%);
    opacity: 0;
    animation: fadeInOut 5s forwards;
    z-index: 999;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translateY(-150%); }
    10% { opacity: 1; transform: translateY(-180%); }
    90% { opacity: 1; }
    100% { opacity: 0; transform: translateY(-150%); }
}

.social-share li {
    position: relative; /* so message positions relative to each icon */
}

/* social share */

/*category page*/
.categories li.active a {
  color: #09dca4 !important;
  border-color: #09dca4;
  font-weight: 900;
}

.categories li.active {
  margin-right: 5px !important;
}

.categories li.active::before {
  background-image: url();
}

/*testimonials */

#testimonials-section .vertical-slider .slick-next {
  top: 105% !important;
}

#testimonials-section .vertical-slider .slick-prev {
  top: 105% !important;
  left : 90% !important;
}

#testimonials-section .vertical-slider .slick-dots {
    top: 105% !important;
}

#testimonials-section .vertical-slider .aboutus-fifteen-main p {
      white-space:inherit !important;
}

#testimonials-section .aboutus-img-main {
  margin-bottom: 20px;
}

#testimonials-section .slick-list {
  min-height: 800px;
}

#testimonials-section::after {
   padding-bottom: 60px !important;
}

#testimonials-section .star-checked {
  color: gold;
}

#testimonials-section {
  overflow: hidden !important;
}

#testimonials-section .float-right {
  position:absolute !important;
  float: left !important;
  left: 15px !important;
  direction: ltr !important;
}

#testimonials-comment {
  padding-top: 40px !important;
  padding-bottom: 20px !important;
  background: radial-gradient(
      1200px 400px at 50% -120px,
      rgba(13, 110, 253, 0.12),
      transparent 60%
    ),
    linear-gradient(180deg, #fff, var(--svc-bg)) !important;
}

#testimonials-comment .star-rating 
{
  font-size: 2rem;
  color: #ccc;
  cursor: pointer;
}

#testimonials-comment 
.star-rating 
.star.hover,
.star-rating .star.selected 
{
  color: #f39c12;
}

.main-nav .user-header {
  background-color: #f9f9f9;
  display: flex;
  padding: 10px 15px;
}

.main-nav .user-header .user-text {
  margin-right: 10px;
}

.main-nav .user-header .user-text h6 {
  margin-bottom: 2px;
}

.home-main .header .main-nav .nav-item .dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}

.home-main .header .main-nav .nav-item .dropdown-menu-end {
  --bs-position: end;
}

.home-main .header .main-nav .nav-item .dropdown-menu .dropdown-item {
  border-top: 1px solid #f0f0f0;
  padding: 10px 15px;
}

.home-main .dropdown-item.active,
.home-main .dropdown-item:active {
  background-color: #0e82fd;
}

/* password inputs */
/* position icon at left inside input */
.password-input + .toggle-pass {
    position: relative;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
    opacity: 0;
    transition: opacity 0.3s;
}

/* fade in icon on hover or focus of input */
.form-group:hover .toggle-pass,
.password-input:focus + .toggle-pass {
    opacity: 1;
}
/* password inputs */

/* daterange inputs */
.booking-date.choose-date-book {
  display: flex !important;
  padding-bottom: 20px;
}

.booking-date.choose-date-book img {
  margin-left: 10px;
}
/* daterange inputs */