/* Wrapper - equal space on desktop, none on mobile */
.template-banner-wrapper {
  padding: 0 64px; /* Equal padding left & right */
  width: 100%;
  display: flex;
  justify-content: center;
}

/* Container - full width layout */
.template-banner-container {
  display: flex;
  gap: 10px;
  width: 100%;
  
}

/* Card styling */
.template-banner-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Equal widths split */
.template-banner-card.left {
  flex: 0 0 55%;
}

.template-banner-card.right {
  flex: 0 0 40%;
}

/* Images */
.template-banner-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Text overlay */
.template-banner-text {
  position: absolute;
  top: 20%;
  left: 10%;
  color: white;
  max-width: 80%;
}

.template-banner-text h1,
.template-banner-text h2,
.template-banner-text p {
  margin: 0;
  color: white;
}

.template-banner-small {
  font-size: 16px;
  font-weight: 300;
}

.template-banner-large {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.2;
}

/* Responsive */
@media (max-width: 768px) {
  .template-banner-wrapper {
    padding: 0; /* No space on mobile */
  }

  .template-banner-container {
    flex-direction: column;
    align-items: center; /* Center align cards on mobile */
    gap: 0; /* Remove gap between cards on mobile */
  }

  .template-banner-card {
    flex: 1 1 100%;
    width: 100%;
    border-radius: 0; /* Optional: remove rounding for full-width look */
  }
}

/* Responsive */
@media (max-width: 768px) {
  .template-banner-container {
    padding-right: 0px;
    flex-direction: column;
    align-items: center; /* Center align cards on mobile */
  }

  .template-banner-card {
    flex: 1 1 100%;
    width: 100%;

  }
}

.swiper-container, .swiper-slide {
    width: 100%;
    height: 100vh;
}
 .swiper-slide {
    position: relative;
}

.swiper-container, .swiper-wrapper, .swiper-slide{
 height: 80vh;
}

.slide-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-size: cover;
    background-position: center;
    transition: transform 1s ease;
    transform: scale(1.1); /* Zoomed in by default */
    z-index: 0;
}

.swiper-slide-active .slide-bg {
    transform: scale(1); /* Zooms out smoothly */
}

.slide-content {
    position: relative;
    z-index: 1;
    height: 100%;
    padding: 2rem;
}


.header-nav .nav-link {
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.header-nav .nav-link:hover {
    color: #e0c070; /* or your theme's primary color */
}


/* faq */

.accordion-button::after {
        content: "+";
        font-size: 20px;
        transform: rotate(0deg);
        background-image: none;
        margin-left: auto;
        transition: transform 0.3s ease;
    }
    .accordion-button:not(.collapsed)::after {
        content: "–";
        transform: rotate(0deg);
    }

.card-wrap {
  border-radius: 15px;
  overflow: hidden;
  transition: transform .3s;
  margin: 16px;
    opacity: .9;

}
.card-wrap:hover {
  transform: scale(1.03);
  opacity: 1;
}



/* Remove Bootstrap default arrow */
.accordion-button::after {
    background-image: none !important;
    content: "+"; /* Show plus by default */
    font-weight: bold;
    font-size: 20px;
    margin-left: auto; /* Push it to the right */
}

/* When expanded, show minus */
.accordion-button:not(.collapsed)::after {
    content: "–";
    font-weight: bold;
}

@media (max-width: 768px) {
    .footer-copyright {
        padding-bottom: 60px; /* Adjust based on nav bar height */
    }
  .scroll-top {
    margin-bottom: 60px;
  }
  .auth-card__banner {
    display:none;
  }
  
  .tptrack__thumb {
     display:none;
  }
  #header-mob-sticky{
    padding-bottom:30px;
    padding-top:30px;
  }
  
  .tpsliderfour__title {
    padding-bottom: 180px;
  }
  
  .tpslidertwo__title {
  	color:#FFFFFF !important;
  }
  
  .tpslidertwo__desc {
  	color:#FFFFFF !important;
  }
  
  #main-data {
    padding-bottom:1px;
  }
  
  #second-product{
  margin-top:20px;
  }
}


/* Default mobile style */
.navigation-bar .navigation-bar__list li a .fi-rs-shopping-cart .cart-counter {
    background-color: var(--color-brand);
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    min-width: 16px;
    height: 16px;
    padding: 2px;
    position: absolute;
    right: -2px;
    top: -4px;
    text-align: center;
}

/* For iPhone X/12/13/14 etc. (375px wide) */
@media screen and (max-width: 375px) {
    .navigation-bar .navigation-bar__list li a .fi-rs-shopping-cart .cart-counter {
        font-size: 9px;
        min-width: 14px;
        height: 14px;
        right: -1px; /* Closer */
        top: -3px;  /* Slightly lower */
    }
}

/* For medium mobile screens (425px wide) */
@media screen and (max-width: 425px) and (min-width: 376px) {
    .navigation-bar .navigation-bar__list li a .fi-rs-shopping-cart .cart-counter {
        font-size: 9px;
        min-width: 15px;
        height: 15px;
        top: -3px;
        right:-5px
    }
}

.tpcoming__logo {
    margin-bottom: 18px; /* remove bottom margin */
    padding-bottom: 0; /* remove any padding */
}
.tpcoming__logo img {
    max-width: 420px; /* or whatever width you want */
    height: auto;     /* keep aspect ratio */
    display: block;   /* remove inline spacing */
    margin: 0 auto;   /* center if needed */
}


.tpcoming__content {
    margin-top: 0; /* remove top margin */
    padding-top: 0;
}
.tpcoming__content h4.tpcoming__title {
    margin-bottom: 50px !important; /* Reduce gap below title */
}
.header-sticky {
      background-color: #f7efec;
}

@media (max-width: 767.98px) {
  .footer-logo img {
    max-width: 200px !important; /* or any size you prefer */
    height: auto !important;
  }
   
}

@media (min-width: 992px) { /* Bootstrap 'lg' breakpoint for laptops/desktops */
    .card-wrap img {
        max-height: 80vh; /* 80% of viewport height */
        height: auto; /* prevent stretching */
    }

    /* Also ensure container matches the height limit */
    .card-wrap {
        max-height: 80vh;
        overflow: hidden; /* crop if needed */
    }
}

.minimal-input {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    font-size: 14px;
}

.minimal-input:focus {
    border-color: #007bff;
    box-shadow: none;
}

.swiper-pagination-bullet-active{
  background-color: #e0c070
;
}

.accordion-button:not(.collapsed){
  color: #e0c070;
}



.card-wrap {
    position: relative;
}
.card-text-fixed {
    position: absolute;
    z-index: 2;
}

/* First card: top right */
.card-text-fixed.first {
    bottom: 20px; /* fixed distance from top */
    left: 20px; /* fixed distance from right */
    text-align: right;
}

/* Second card: centered left */
.card-text-fixed.second {
    bottom: 1px;
    left: 20px;
    transform: translateY(-20%);
    text-align: left;
}

.card-text-fixed {
    position: absolute;
    z-index: 2;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4); /* shadow behind text */
}


.related-product-area {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.related-product-area .swiper-container,
.related-product-area .swiper-wrapper,
.related-product-area .swiper-slide {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
}