/* Layout: wider container, title higher, Vazirmatn font */
.my-custom-slider-section{
  position:relative;
  width:min(120rem,95%);
  margin:0 auto;
  min-height:70vh;
  padding-block: 3.5rem 2.5rem;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:4rem;
  flex-direction: row-reverse;
  font-family:"Vazirmatn",sans-serif;
}
.my-custom-slider-section *{ font-family:"Vazirmatn",sans-serif; }

/* Hero */
.my-slider-hero{ width:min(28rem,40%); text-align:left; }
.my-slider-hero h1{
  font-weight:900;
  font-size: clamp(2.2rem, 1.6rem + 2.2vw, 3.2rem);
  background-image: linear-gradient(45deg,#005baa,#000);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
          background-clip: text;  color: transparent;
  margin: 0;
}
.my-slider-hero .sub{ color:#7f9aaa; margin-top:.6rem; font-weight:500; }

/* Swiper container */
.my-custom-slider{
  width:100%;
  overflow: visible;
}

/* Slides */
.my-custom-slider .swiper-slide{
  width: 28rem;
  height: 38rem;
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start;
  position:relative; overflow:hidden;
  border-radius: 1.5rem;
  box-shadow: 0 26px 60px rgba(0,0,0,.35);
  background-color:#0b1520;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform .35s ease, filter .35s ease, opacity .35s ease;
}
.my-custom-slider .swiper-slide::before{
  content:""; position:absolute; inset:0;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%);
  pointer-events:none;
}

/* Slide content (default hidden) */
.my-custom-slider .slide-content{
  position:relative;
  width:100%;
  display:none;
  opacity:0;
  color:#fff;
}

/* Glassmorphism for active slide content */
.my-custom-slider .swiper-slide-active .slide-content{
  display:block;
  opacity:1;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 18px;
  margin: 0 1rem 1.25rem 1rem;
  padding: 0.9rem 1rem 1rem 1rem;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  transition: background .25s ease, backdrop-filter .25s ease, transform .25s ease;
}

.my-custom-slider .swiper-slide-active .slide-content h2{
  margin-bottom: .35rem;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.my-custom-slider .swiper-slide-active .slide-content p{
  color: rgba(255,255,255,.95);
}

.my-custom-slider .swiper-slide-active .slide-button{
  margin-top: .85rem;
  border-color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.18);
}
.my-custom-slider .swiper-slide-active .slide-button:hover{
  background: rgba(255,255,255,.28);
}

/* Text inside card (for non-glass fallback) */
.my-custom-slider h2{
  color:#fff; font-weight:800;
  font-size:1.2rem; line-height:1.4; margin-bottom:.25rem; padding:0 1.25rem;
}
.my-custom-slider p{
  color:rgba(255,255,255,.9);
  font-weight:300;
  padding:0 1.25rem; line-height:1.6; font-size:.95rem;
}

/* Oval button (default style) */
.my-custom-slider .slide-button{
  display:inline-block;
  margin: 1rem 1.25rem 2rem 1.25rem;
  padding: .9rem 1.6rem;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(2px);
  color:#fff; font-weight:600; text-decoration:none;
}
.my-custom-slider .slide-button::after{ content:"  →"; font-weight:400; opacity:.9; }
.my-custom-slider .slide-button:hover{ background: rgba(255,255,255,.25); }

/* Blur/dim for non-active slides */
.my-custom-slider .swiper-slide:not(.swiper-slide-active){
  transform: scale(.96);
  filter: blur(4px) brightness(.8) saturate(.9);
  opacity:.85;
}
.my-custom-slider .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next){
  filter: blur(10px) brightness(.85) saturate(.85);
  opacity:.7;
}
.my-custom-slider .swiper-slide-active{
  transform: scale(1.03);
  filter: none !important;
  opacity:1;
  z-index: 2;
}

/* Remove Swiper 3D shadows */
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right{ background-image:none; }

/* Responsive */
@media (max-width: 1400px){
  .my-custom-slider .swiper-slide{ width:30rem; height:34rem; }
}
@media (max-width: 1200px){
  .my-custom-slider .swiper-slide{ width:26rem; height:32rem; }
}
@media (max-width: 900px){
  .my-custom-slider-section{ flex-direction:column; align-items:flex-start; width:min(100rem,96%); }
  .my-slider-hero{ order:2; width:100%; }
  .my-custom-slider{ order:1; }
  .my-custom-slider .swiper-slide{ width:20rem; height:30rem; }
}