/* Header  */

.elementor-70 .elementor-element.elementor-element-10e3d7f .hfe-nav-menu__toggle{
  margin: 0 !important;
}
.header-menu-container{
text-align: end;
}
/* Header End */

.horizontal-google-review-slider {
        max-width: 500px;
        margin: 0px auto !important;
        overflow: hidden;
      }
       .horizontal-google-review-slider .review-slide
       {
        margin: 0;
        padding: 0;
       }
      .slider-track {
        display: flex;
        transition: transform 0.6s ease-in-out;
        margin: 0;
      }
      .review-slide {
        flex: 0 0 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
      .review-content {padding-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 15px;
      }
.review-content .logo-circle{margin: 0 -28px -25px 0}
      /* font size 55px font family = Avenir roman line heigt =60 */
       /* font size 27px font family = Avenir Heavy line heigt =37 */
 
      .review-text {
        text-align: left;
      }
      .star-rating {
        color: #FFA500;
        font-size: 18px;
        margin-bottom: 3px;
        letter-spacing: 2px;
      }
      .review-count {
     font-family: "Avenir-Roman", Sans-serif;
        font-size: 18px;
        color: #3c3c3c;
        font-weight: 500;
      }
      .slider-dots {
        text-align: center;
        /* margin-top: 10px; */
      }

      .slider-dot {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 4px;
        background-color: #d9d9d9;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s;
      }
      .slider-dot.active {
        background-color: #666666;
      }.star-rating {
  color: #ffa311;      /* પીળો (orange-yellow) */
  font-size: 28px;     /* મોટું સ્ટાર સાઇઝ */
  margin-bottom: 3px;
  letter-spacing: 2px;
  line-height: 1;
}



/* Three Box Section  */

.three-box-section img{
    width: 100%;
}
/* Three Box Section End */

/* Tab Section */

/* .tab-box-description .elementor-icon-box-description{
    margin-top: -22px;
} */
/* Tab Section End */

.e-n-tabs-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  margin-top: 20px;
  padding-bottom: 40px; /* space for the dots */
}

/* Gray connecting line */
.e-n-tabs-heading::before {
    content: "";
    position: absolute;
    bottom: 10px;
    margin: 0 auto;
    /* left: 0; */
    text-align: center;
    justify-content: center;
    width: 47%;
    height: 3px;
    overflow: hidden;
    background: #cbcbcb;
    z-index: 0;
}

/* Each tab button */
.e-n-tab-title {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  text-align: center;
  flex: 1;
  font-size: 16px;
  color: #333;
}

/* Dot under each title */
.e-n-tab-title::after {
    content: "";
    position: absolute;
    bottom: -37px;
    left: 45%;
    transform: translateX(-50%);
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: white;
    border: 3px solid #ccc;
    z-index: 1;
}

/* Active tab’s red dot */
.e-n-tab-title[aria-selected="true"]::after {
  border-color: #ee1e27;
}

/* Optional: bold active text */
.e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
  /*font-weight: bold;*/
  color: #000;
}

.e-n-tab-title-text{
    background-color: #f8f8f8;
}

.e-n-tab-title-text {
    transition: all 0.3s ease;
}

.e-n-tab-title-text:hover {
 /*   font-weight: 600;*/
    color: #000;
}


/* Three Box Section With Background Red Image */

.testimonial-card {
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 3rem 1.5rem 2rem;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  overflow: hidden;
}
.card-shadow{
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
   /* box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08); */
}





/* Red curved shape */
.testimonial-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px; /* curve height adjust kari shako */
  background-color: #e31e24;
  border-bottom-left-radius: 100% 40%;
  border-bottom-right-radius: 100% 40%;
  z-index: 0;
}


.content {
  position: relative;
  z-index: 1;
}


.bg--red {
  position: relative;
  overflow: hidden;
  background: #fff; /* box nu main white background */
  border-radius: 16px;
  text-align: center;
 
}

.bg--red::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 190px;
    background-color: #ee1e27;
    border-bottom-left-radius: 100% 80%;
    border-bottom-right-radius: 100% 80%;
    z-index: 0;
}

.bg--red > * {
  position: relative;
  z-index: 1; 
}

.bites-list-item .elementor-icon-list-icon {
  background-color: #e31e24;  /* 🔴 red background */
  width: 28px;                /* circle size */
  height: 28px;
  border-radius: 50%;         /* perfect round */
  display: flex;              /* center SVG horizontally/vertically */
  align-items: center;
  justify-content: center;
  margin-right: 10px;         /* spacing between icon & text */
}

.elementor-icon-list-icon svg {
  width: 16px;                /* SVG size */
  height: 16px;
  fill: #fff;                 /* ⚪ white icon */
}

.elementor-icon-list-icon{
    padding: 0 !important;
}

/* Three Box Section With Background Red Image Mobile Slider*/

.red-box-mobile-slider .slick-slide {
  opacity: 0;        
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.red-box-mobile-slider .slick-slide.slick-active {
  opacity: 1;         
  pointer-events: auto;
}

.bg--red {
  display: flex !important;
align-items: center !important;
}

/* Three Box Section With Background Red Image Mobile Slider End*/


.red-box-mobile-slider .slick-dots li button:before {
  content: none; 
}

/* Inactive dots */
.red-box-mobile-slider .slick-dots li button {
  background: #d9d9d9 !important; 
  border-radius: 50%;                
  width: 16px;
  height: 16px;
  padding: 0;
  opacity: 1;
}

/* Active dot */
.red-box-mobile-slider .slick-dots li.slick-active button {
  background: #000 !important;      
}

/* Three Box Section With Background Red Image End */


/* Faqs Section Start  */

.faq-section .elementskit-card .ekit-accordion--toggler{
  background-color: #fff !important;
}

.faq-section .elementskit-card {
  border-bottom: 1px solid #d9d9d9 !important;
}

/* only first .elementskit-card gets a top border */
.faq-section .elementskit-card:first-child {
  border-top: 1px solid #d9d9d9 !important;
}

.contact-detail a {
  color: #fff !important;
  transition: color 0.4s ease;
}

.contact-detail a:hover {
  color: #000 !important; /* brand red */
}

/* Faqs Section Start End */


/* Guaranteed Section  */
.guaranteed-section{
  position: relative;
}
.guaranteed-section::before {
  content: "";
  display: block;
  width: 200px; /* adjust as needed */
  height: 200px;
  margin: 20px auto 0; /* centers it */
  background: url('/assets/img/guaranteed.png') no-repeat center center;
  background-size: contain; /* scales image nicely */
}


.hfe-nav-menu {
  background: transparent;
  transition: background 0.3s ease, color 0.3s ease;
}

.hfe-nav-menu .menu-item a {
  color: #000;
  transition: color 0.3s ease;
}

/* When scrolled — add this class dynamically */
.hfe-nav-menu.scrolled {
  background: #000;
}

.hfe-nav-menu.scrolled .menu-item a {
  color: #fff;
}

/* Guaranteed Section End */

/* Footer  */
.social-media-icon .elementor-grid-item .elementor-social-icon{
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);

}

.footer-links .elementor-icon-list-text:hover{
  font-weight: 700;
}

.foote-call-del a{
  color: #000;
}

.foote-call-del a:hover{
  color: #ee1e27;
}
.footer-main-container > .e-con-inner{
  border-bottom: 1px solid #dedede;
}

.footer-call-email .elementor-icon-box-title{
  margin: 0;
  margin-top: -5px;
}
.footer-call-email .elementor-icon-box-description a[attr="tel"]{
  
  font-weight: 700 !important;
}

/* Footer End */



/* Scroll Bar  */

/* Scrollbar track and thumb styling */
::-webkit-scrollbar {
  width: 10px;               /* scrollbar width */
}

::-webkit-scrollbar-track {
  background: #f1f1f1;       /* track (background) color */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background-color: #e31e24; /* red scrollbar thumb */
  border-radius: 10px;
  border: 2px solid #f1f1f1; /* adds space around thumb */
}

::-webkit-scrollbar-thumb:hover {
  background-color: #b91c21; /* darker red on hover */
}

/* Firefox scrollbar styling */
* {
  scrollbar-width: thin;               /* auto | thin | none */
  scrollbar-color: #e31e24 #f1f1f1;    /* thumb | track */
}

/* Scroll Bar End */