.elementor-244173 .elementor-element.elementor-element-9a272be > .elementor-container{min-height:100vh;}.elementor-244173 .elementor-element.elementor-element-6321bdf{text-align:center;}.elementor-244173 .elementor-element.elementor-element-6321bdf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-244173 .elementor-element.elementor-element-b19d3f0{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;}.elementor-244173 .elementor-element.elementor-element-90cd938 > .elementor-container{max-width:500px;}.elementor-244173 .elementor-element.elementor-element-b393613.elementor-column > .elementor-widget-wrap{justify-content:space-evenly;}.elementor-244173 .elementor-element.elementor-element-b393613 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:10px;}.elementor-244173 .elementor-element.elementor-element-0a6efca .elementor-button{background-color:#111014;font-weight:500;fill:#F5F5F5;color:#F5F5F5;border-radius:25px 25px 25px 25px;}.elementor-244173 .elementor-element.elementor-element-0a6efca .elementor-button:hover, .elementor-244173 .elementor-element.elementor-element-0a6efca .elementor-button:focus{background-color:#F5F5F5;color:#111014;}.elementor-244173 .elementor-element.elementor-element-0a6efca{width:auto;max-width:auto;}.elementor-244173 .elementor-element.elementor-element-0a6efca .elementor-button:hover svg, .elementor-244173 .elementor-element.elementor-element-0a6efca .elementor-button:focus svg{fill:#111014;}.elementor-244173 .elementor-element.elementor-element-fda5441 .elementor-button{background-color:#F5F5F5;font-weight:500;fill:#111014;color:#111014;border-radius:25px 25px 25px 25px;}.elementor-244173 .elementor-element.elementor-element-fda5441 .elementor-button:hover, .elementor-244173 .elementor-element.elementor-element-fda5441 .elementor-button:focus{background-color:#111014;color:#F5F5F5;}.elementor-244173 .elementor-element.elementor-element-fda5441{width:auto;max-width:auto;}.elementor-244173 .elementor-element.elementor-element-fda5441 .elementor-button:hover svg, .elementor-244173 .elementor-element.elementor-element-fda5441 .elementor-button:focus svg{fill:#F5F5F5;}.elementor-244173 .elementor-element.elementor-element-ea19a7c > .elementor-container{max-width:1100px;}.elementor-244173 .elementor-element.elementor-element-70ba7b9 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-244173 .elementor-element.elementor-element-ebbcbc4{text-align:left;}.elementor-244173 .elementor-element.elementor-element-ebbcbc4 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:29px;font-weight:500;line-height:40px;}.elementor-244173 .elementor-element.elementor-element-cf6a106{text-align:left;font-family:"Inter", Sans-serif;font-size:18px;}@media(max-width:767px){.elementor-244173 .elementor-element.elementor-element-e729886 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 0px 50px 0px;}}/* Start custom CSS for html, class: .elementor-element-e729886 */.card-fan-deck {
  --card-width: 200px;
  --card-height: 200px;           /* square; change to 320px for rectangular */
  --fan-angle: 0deg;              /* increase to 8–12deg for more dramatic fan */
  --max-lift: 10px;               /* very subtle lift — was previously much higher */
  position: relative;
  height: auto;
  min-height: 200px;
  margin: 100px 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;          /* pivot from bottom like real cards */
  perspective: 1600px;
  perspective-origin: 50% 90%;
  overflow: visible;
}

.card {
  position: absolute;
  width: var(--card-width);
  height: var(--card-height);
  background: #f8f9fa;
  border-radius: 15px;
  box-shadow: 0 12px 15px rgba(0,0,0,0.05);
  border: 1px solid #e8ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-family: system-ui, sans-serif;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1.15);
  transform-origin: bottom center;
  backface-visibility: hidden;
  cursor: pointer;
}

/* Desktop fanned positions */
.card:nth-child(1) { transform: rotate(calc(-1 * var(--fan-angle))) translateX(-400px) translateY(50px) rotate(-4deg); z-index: 1; }
.card:nth-child(2) { transform: rotate(calc(-1 * var(--fan-angle) * 0.6)) translateX(-250px) translateY(30px) rotate(-2.5deg); z-index: 2; }
.card:nth-child(3) { transform: rotate(calc(-1 * var(--fan-angle) * 0.3)) translateX(-100px) translateY(10px) rotate(-2deg); z-index: 3; }
.card:nth-child(4) { transform: rotate(calc(1 * var(--fan-angle) * 0.3)) translateX(70px) translateY(10px) rotate(3deg); z-index: 4; }
.card:nth-child(5) { transform: rotate(calc(1 * var(--fan-angle) * 0.6)) translateX(250px) translateY(30px) rotate(2.5deg); z-index: 5; }
.card:nth-child(6) { transform: rotate(calc(1 * var(--fan-angle))) translateX(400px) translateY(50px) rotate(4deg); z-index: 6; }

/* Desktop hover – only vertical lift, no horizontal/rotation reset */
.card:hover {

  z-index: 30;
  box-shadow: 0 50px 100px rgba(0,0,0,0.15);
}

/* Tablets & smaller desktops */
@media (max-width: 1024px) {
  .card-fan-deck {
    height: 480px;
    --fan-angle: 4deg;
  }

  .card:nth-child(1) { transform: rotate(calc(-1 * var(--fan-angle))) translateX(-320px) translateY(40px) rotate(-4deg); }
  .card:nth-child(2) { transform: rotate(calc(-1 * var(--fan-angle) * 0.6)) translateX(-200px) translateY(20px) rotate(-2.5deg); }
  .card:nth-child(3) { transform: rotate(calc(-1 * var(--fan-angle) * 0.3)) translateX(-70px) translateY(5px) rotate(-1deg); }
  .card:nth-child(4) { transform: rotate(calc(1 * var(--fan-angle) * 0.3)) translateX(70px) translateY(-10px) rotate(1deg); }
  .card:nth-child(5) { transform: rotate(calc(1 * var(--fan-angle) * 0.6)) translateX(200px) translateY(20px) rotate(2.5deg); }
  .card:nth-child(6) { transform: rotate(calc(1 * var(--fan-angle))) translateX(320px) translateY(40px) rotate(4deg); }

  .card {
    --card-width: 210px;
    --card-height: 210px;
  }

  /* Fixed: was translateY(0px) → card didn't lift at all on hover */
  .card:hover {
    transform: translateY(-60px) scale(1.07) !important;   /* restored meaningful lift */
    box-shadow: 0 40px 80px rgba(0,0,0,0.18);
  }
}

/* Mobile: swipeable slider */
@media (max-width: 768px) {
  .card-fan-deck {
    position: relative;
    height: auto;
    min-height: unset;
    margin: 60px 0;
    padding: 40px 20px;
    overflow-x: auto;
    overflow-y: visible;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    scroll-snap-type: x mandatory;
    scroll-padding: 24px;
    -webkit-overflow-scrolling: touch;
    gap: -32px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .card-fan-deck::-webkit-scrollbar { display: none; }

  .card {
    position: relative;
    flex: 0 0 82%;
    max-width: 300px;
    height: 240px;
    margin: 0;
    scroll-snap-align: center;
    scroll-snap-stop: always;
    transition: all 0.4s ease-out;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 1;
    will-change: transform;
    opacity: 1;
  }

  /* Individual mobile transforms */
  .card:nth-child(1) { transform: translateY(-10px) rotate(-2deg) translateX(20px) !important; }
  .card:nth-child(2) { transform: translateY(6px) rotate(2.5deg) translateX(4px) !important; }
  .card:nth-child(3) { transform: translateY(-4px) rotate(-1.8deg) translateX(-6px) !important; }
  .card:nth-child(4) { transform: translateY(8px) rotate(3deg) translateX(5px) !important; }
  .card:nth-child(5) { transform: translateY(-7px) rotate(-2.2deg) translateX(-4px) !important; }
  .card:nth-child(6) { transform: translateY(10px) rotate(2.8deg) translateX(7px) !important; }

  .card:hover,
  .card:active,
  .card:focus {
    transform: translateY(-38px) scale(1.035) !important;
    box-shadow: 0 28px 55px rgba(0,0,0,0.24);
    z-index: 10;
  }
}

/* Very small phones */
@media (max-width: 480px) {
  .card-fan-deck {
    gap: -24px;
    padding: 30px 16px;
    scroll-padding: 16px;
  }

  .card {
    flex: 0 0 86%;
    height: 220px;
  }

  .card:nth-child(1) { transform: translateY(-8px) rotate(-2deg) translateX(15px) !important; }
  .card:nth-child(2) { transform: translateY(5px) rotate(2deg) translateX(3px) !important; }
  .card:nth-child(3) { transform: translateY(-3px) rotate(-1.5deg) translateX(-4px) !important; }
  .card:nth-child(4) { transform: translateY(6px) rotate(2.5deg) translateX(4px) !important; }
  .card:nth-child(5) { transform: translateY(-6px) rotate(-2deg) translateX(-3px) !important; }
  .card:nth-child(6) { transform: translateY(8px) rotate(2.2deg) translateX(5px) !important; }

  .card:hover,
  .card:active,
  .card:focus {
    transform: translateY(-28px) scale(1.03) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,0.22);
  }
}/* End custom CSS */
/* Start custom CSS */.btn-w span{
  width: 150px;  
}/* End custom CSS */