body{
     font-family: 'Poppins';
}

.container {
  max-width: 100% !important;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 100px !important;
}



/* header css */
.main_header {
 
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);

}
.blue-nav {
   background: linear-gradient(73.3deg, #4ba7fa 0.81%, #0068ff 53.12%);
}


/* .header-scrolled {*/
/*    background: linear-gradient(to top, rgb(17 17 17 / 82%) 0%, rgb(17 17 17 / 69%) 50%, rgba(17, 17, 17, 0) 100%) !important;*/
/*    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);*/
/*    backdrop-filter: blur(8px);*/
/*}*/
.header_logo img {
  height: 109px;
  /* max-height: 109px; */
  width: 180px;
  
  /*animation: logoFocus 4s ease-in-out infinite;*/
}

@keyframes logoFocus {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.06);
    filter: brightness(1.15);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}


.banner_swiper{
    position: relative;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

/* Slide */
.banner_slide {
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

/*.swiper-pagination-bullet {*/
/*  background-color: transparent !important;*/
/*  width: 9px !important;*/
/*  border: 1px solid white !important;*/
/*  height: 9px !important;*/
/*  opacity: 1 !important;*/
/*  margin: 0 !important;*/
/*}*/

.swiper-pagination-bullet {
  background-color: transparent !important;
  width: 9px !important;
  height: 9px !important;
  border: 1px solid white !important;
  opacity: 1 !important;
  margin: 8px !important;
  position: relative;
}

.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
}

.swiper-pagination-bullet-active {
  background-color: white !important;
  width: 40px !important;
  border: none !important;
  height: 10px !important;
  border-radius: 6px;
}

.swiper-slide {
    border: none !important;
    background: transparent !important;
  }

.card-container {
    width: 350px;
    padding: 10px;
    background-color: #f1959b; 
       clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
    border-radius: 20px; 
  }

  .card-inner {
    background-color: white;
    padding: 40px 20px;
    text-align: center;
    border-radius: 15px;
    clip-path: polygon(0% 0%, 100% 15%, 100% 100%, 0% 100%);
    height: 100%;
    font-family: sans-serif;
  }


 


/* shared */
.layer {
  width: 100%;
}

.layered-swiper {
  display: flex;
  flex-direction: column;
  gap: 15px;
  overflow: hidden;
}

/* SAME HEIGHT FOR ALL SLIDES */
.layer .swiper-slide {
  height: 240px;          
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

/* Image fills slide perfectly */
.layer .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;        
}

/* Optional depth difference */
.layer-top .swiper-slide {
  height: 220px;
   opacity: 0.85;
}

.layer-bottom .swiper-slide {
  height: 220px;
  opacity: 0.85;
}
 

/* brand swiper css */
.logo_slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo_slide img {
  max-height: 60px;
  width: auto;
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.3s ease;
}

.logo_slide img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}




/* responsive section */
@media (min-width: 1280px) {

  /* xl breakpoint */
  .container {
    padding: 0px;
  }
}
@media (max-width: 991px) {

  /* xl breakpoint */
  .container {
    padding: 0 30px !important;
  }
}
@media (max-width: 767px) {

 .layer-top .swiper-slide {
  height: 160px;
   opacity: 0.85;
}

.layer-bottom .swiper-slide {
  height: 160px;
  opacity: 0.85;
}
}