.btna .elementor-button-icon {
    display: none;
}
.btna:hover .elementor-button-icon {
    display: block;
}
/*
Theme Name: KDR
Description: Theme für KDR
Author: ETRNL
Author URI: https://etrnl.de
Author Email: daniel@etrnl.de
Version: 1.0.0
Text Domain: hello-elementor-child
Template: hello-elementor
*/
/*
Add your custom styles here
*/
.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay {
    background-size: cover;
	background-position: center top;
    inset: 0;
    position: absolute;
}


.hover-card {
  position: relative !important;
  overflow: hidden !important;
	z-index: 1;
}

.hover-card-content {
  position: relative !important;
  width: 100% !important;
  z-index: 2 !important;
}

.hover-card-title {
  margin: 0 !important;
  color: #fff !important;
}

.hover-card-text {
  opacity: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  transition: opacity 0.4s ease, max-height 0.4s ease, margin-top 0.4s ease !important;
}

.hover-card-icon {
	opacity: 0 !important;
  position: absolute !important;
  bottom: 25px !important;
  right: 25px !important;
  z-index: 2 !important;
}

.hover-card:hover {
	z-index:999 !important;
}
.hover-card:hover .hover-card-title {
  text-align:left !important;
}
/* Hover state */
.hover-card:hover .hover-card-text {
  opacity: 1 !important;
  max-height: 225px !important;
  margin-top: 12px !important;
  transition-delay: 0.15s !important;
}
.hover-card:hover .hover-card-icon {
  opacity: 1 !important;
  max-height: 200px !important;
  margin-top: 50px !important;
  transition-delay: 0.15s !important;
}
.glass-navbar {
  background: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
}
.btn:hover .elementor-button-text {
	font-size:22px;
	font-family:"TT Chocolates", Sans-serif;
	font-weight:600;
}
.btn svg {
    display: none;
}
.btn:hover svg {
    display: block;
	font-size:30px;
}

 .dialog-close-button {
    display: flex;
    top: 20%;
    background-color: var(--e-global-color-48c980c);
    font-size: 30px;
    border-radius: 30px !important;
    padding: 5px !important;
}
 .dialog-lightbox-message .e-closed svg {
    opacity: 0;
}


/* arrows */
.stagger-carousel svg {
    background: #293613;
    height: 50px !important;
    width: 50px !important;
    padding: 15px;
    border-radius: 50px;
}
/* Center all carousel items vertically */
.stagger-carousel .swiper-wrapper {
    align-items: center !important;
}

.stagger-carousel .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* Center all carousel items vertically */
.stagger-carousel .swiper-wrapper {
    align-items: center !important;
}

.stagger-carousel .swiper-slide {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.stagger-carousel .swiper-slide-inner {
    width: 100% !important;
    height: auto !important;
}

/* ALL images - normal size */
.stagger-carousel .swiper-slide img.swiper-slide-image {
    height: 250px !important;
    width: 100% !important;
    object-fit: cover !important;
    display: block !important;
     border-radius:20px !important;   /* rounds the shadow's shape */
    overflow: hidden !important;                     /* clips the image to match */
     box-shadow: 0 22px 30px -12px rgba(0, 0, 0, 0.30);

}

/* 2nd and 4th VISIBLE positions */
.stagger-carousel .swiper-slide.stagger-tall img.swiper-slide-image {
    height: 350px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .stagger-carousel .swiper-slide img.swiper-slide-image,
    .stagger-carousel .swiper-slide.stagger-tall img.swiper-slide-image {
        height: 250px !important;
    }
}




/* ===== Sizes: sirf yahan se adjust karein ===== */
.vertical-events {
  --ve-view: 720px;        /* poora dikhne wala area (height) */
  --ve-h: 440px;           /* centre card height (pehle 360) */
  --ve-w: 440px;           /* centre card width, square pictures ke liye height ke barabar */
  --ve-gap: 22px;          /* cards ke beech gap */
  --ve-side-scale: 0.88;   /* upar/neeche wale cards (Figma mein thode hi chhote hain) */
  --ve-radius: 48px;       /* bade card ke hisaab se corners */
  --ve-arrow: #6C1434;
  --ve-img-pos: center center;
  width: 100%;
}
@media (max-width: 767px) {
  .vertical-events {
    --ve-view: 480px;
    --ve-h: 280px;
    --ve-w: 266px;
  }
}

/* Elementor ka apna carousel, arrows, dots chhupa dein (JS chalne ke baad) */
.vertical-events.ve-done .swiper,
.vertical-events.ve-done .swiper-container,
.vertical-events.ve-done .elementor-swiper-button,
.vertical-events.ve-done .swiper-pagination {
  display: none !important;
}

.vertical-events .ve-wrap { position: relative; width: 100%; }

.vertical-events .ve-view {
  position: relative;
  height: var(--ve-view);
  overflow: hidden;
}

.vertical-events .ve-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--ve-w);   /* JS isay picture ke ratio ke hisaab se badal deta hai */
  height: var(--ve-h);
  border-radius: var(--ve-radius);
  overflow: hidden;
  transition: transform 0.6s cubic-bezier(.4, 0, .2, 1), opacity 0.6s ease, box-shadow 0.6s ease, width 0.3s ease, height 0.3s ease;
  will-change: transform;
  cursor: pointer;
}
.vertical-events .ve-card.is-active {
  cursor: default;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

/* Loop template poora card bhare */
.vertical-events .ve-card > * {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.vertical-events .ve-card > .e-loop-item > .e-con {
  height: 100%;
  padding: 0 !important;
  --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px;
}
.vertical-events .ve-card .elementor-widget-image,
.vertical-events .ve-card .elementor-widget-image > .elementor-widget-container,
.vertical-events .ve-card .elementor-widget-image a {
  width: 100%;
  height: 100%;
}
.vertical-events .ve-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: var(--ve-img-pos) !important;
  display: block;
  border-radius: 0 !important;
}

/* Arrows: right side, neeche wale card ke saamne (Figma jaisay) */
.vertical-events .ve-nav {
  position: absolute;
  right: 0;
  top: calc(50% + var(--ve-h) / 2 + (var(--ve-view) - var(--ve-h)) / 4);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 20;
}
.vertical-events .ve-btn,
.vertical-events .ve-btn:hover,
.vertical-events .ve-btn:focus {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 4px !important;
  color: var(--ve-arrow) !important;
  line-height: 0;
  cursor: pointer;
}
.vertical-events .ve-btn { transition: opacity 0.2s ease, transform 0.2s ease; }
.vertical-events .ve-up:hover { transform: translateY(-3px); }
.vertical-events .ve-down:hover { transform: translateY(3px); }
.vertical-events .ve-btn,
.vertical-events .ve-btn:focus,
.vertical-events .ve-btn:focus-visible,
.vertical-events .ve-btn:active {
  outline: none !important;
  border-radius: 0 !important;
}