.elementor-511 .elementor-element.elementor-element-86ed5c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-511 .elementor-element.elementor-element-86ed5c6:not(.elementor-motion-effects-element-type-background), .elementor-511 .elementor-element.elementor-element-86ed5c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#03A6AB17;}.elementor-511 .elementor-element.elementor-element-09c2d21{border-radius:5px 5px 5px 5px;text-align:center;}.elementor-511 .elementor-element.elementor-element-09c2d21 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.4em;color:var( --e-global-color-4f8a2fd );}.elementor-511 .elementor-element.elementor-element-4f4f383{font-family:var( --e-global-typography-4799686-font-family ), Sans-serif;font-size:var( --e-global-typography-4799686-font-size );font-weight:var( --e-global-typography-4799686-font-weight );text-transform:var( --e-global-typography-4799686-text-transform );font-style:var( --e-global-typography-4799686-font-style );text-decoration:var( --e-global-typography-4799686-text-decoration );line-height:var( --e-global-typography-4799686-line-height );word-spacing:var( --e-global-typography-4799686-word-spacing );}.elementor-511 .elementor-element.elementor-element-c1304af{padding:10px 0px 0px 0px;font-weight:700;}.elementor-511 .elementor-element.elementor-element-097583a .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:2px 2px 7px -2px rgba(0,0,0,0.5);border-style:solid;border-width:0px 0px 0px 0px;border-color:#1313132B;border-radius:7px 7px 7px 7px;padding:14px 32px 14px 32px;}.elementor-511 .elementor-element.elementor-element-097583a .elementor-button:hover, .elementor-511 .elementor-element.elementor-element-097583a .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;}.elementor-511 .elementor-element.elementor-element-097583a .elementor-button:hover svg, .elementor-511 .elementor-element.elementor-element-097583a .elementor-button:focus svg{fill:#FFFFFF;}#elementor-popup-modal-511 .dialog-widget-content{animation-duration:1.2s;border-radius:12px 12px 12px 12px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-511{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-511 .dialog-message{width:1240px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-511 .dialog-close-button{display:flex;}@media(max-width:1024px){.elementor-511 .elementor-element.elementor-element-09c2d21{padding:0px 10px 0px 10px;text-align:center;}.elementor-511 .elementor-element.elementor-element-09c2d21 .elementor-heading-title{font-size:30px;}.elementor-511 .elementor-element.elementor-element-4f4f383{font-size:var( --e-global-typography-4799686-font-size );line-height:var( --e-global-typography-4799686-line-height );word-spacing:var( --e-global-typography-4799686-word-spacing );}.elementor-511 .elementor-element.elementor-element-097583a .elementor-button{font-size:13px;}}@media(max-width:767px){.elementor-511 .elementor-element.elementor-element-09c2d21{padding:0px 20px 0px 20px;}.elementor-511 .elementor-element.elementor-element-09c2d21 .elementor-heading-title{font-size:18px;}.elementor-511 .elementor-element.elementor-element-4f4f383{font-size:var( --e-global-typography-4799686-font-size );line-height:var( --e-global-typography-4799686-line-height );word-spacing:var( --e-global-typography-4799686-word-spacing );}.elementor-511 .elementor-element.elementor-element-097583a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-511 .elementor-element.elementor-element-097583a .elementor-button{font-size:13px;}}/* Start custom CSS for html, class: .elementor-element-75cafa7 */.card-carousel {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 20px 0px;
}
 
.card {
  flex: 0 0 300px;
  height: 450px;
  perspective: 1000px;
  scroll-snap-align: center;
}

.card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  cursor: pointer;
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-back {
  transform: rotateY(180deg);
}

@media (max-width: 600px) {
  .card {
    flex: 0 0 90%;   /* card takes ~95% of screen width */
    height: 500px;
    width:100px;/* a bit shorter for mobile */
  }

  .card-carousel {
    gap: 10px;       /* smaller gaps */
    padding: 10px 10px ;
  }
}

@media (max-width: 900px) {
  .card {
    flex: 0 0 95%;   /* card takes ~95% of screen width */
    height: 500px;
    width:100px;/* a bit shorter for mobile */
  }

  .card-carousel {
    gap: 10px;       /* smaller gaps */
    padding: 10px 10px ;
  }
}/* End custom CSS */