.elementor-1040 .elementor-element.elementor-element-80f1bf9:not(.elementor-motion-effects-element-type-background), .elementor-1040 .elementor-element.elementor-element-80f1bf9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1040 .elementor-element.elementor-element-80f1bf9 > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1040 .elementor-element.elementor-element-80f1bf9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 40px 0px;}.elementor-1040 .elementor-element.elementor-element-deded66 > .elementor-element-populated{padding:25px 20px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1040 .elementor-element.elementor-element-3f82022{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1040 .elementor-element.elementor-element-3f82022 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.3em;color:#E0E0E0;}.elementor-1040 .elementor-element.elementor-element-dc2f011{padding:20px 0px 0px 0px;}.elementor-1040 .elementor-element.elementor-element-848b9e2 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-1040 .elementor-element.elementor-element-b325826 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-1040 .elementor-element.elementor-element-9ab2694 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}@media(max-width:1024px) and (min-width:768px){.elementor-1040 .elementor-element.elementor-element-848b9e2{width:50%;}.elementor-1040 .elementor-element.elementor-element-b325826{width:50%;}.elementor-1040 .elementor-element.elementor-element-9ab2694{width:50%;}}@media(max-width:1024px){.elementor-1040 .elementor-element.elementor-element-80f1bf9{padding:35px 0px 35px 10px;}.elementor-1040 .elementor-element.elementor-element-3f82022 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-1040 .elementor-element.elementor-element-9ab2694 > .elementor-element-populated{margin:10px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}@media(max-width:767px){.elementor-1040 .elementor-element.elementor-element-80f1bf9{padding:30px 15px 30px 15px;}.elementor-1040 .elementor-element.elementor-element-deded66 > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-1040 .elementor-element.elementor-element-3f82022{text-align:center;}.elementor-1040 .elementor-element.elementor-element-3f82022 .elementor-heading-title{font-size:30px;}.elementor-1040 .elementor-element.elementor-element-848b9e2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1040 .elementor-element.elementor-element-b325826 > .elementor-element-populated{margin:15px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-1040 .elementor-element.elementor-element-9ab2694 > .elementor-element-populated{margin:15px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}/* Start custom CSS for html, class: .elementor-element-90195ed *//* Main container */
.flipbox-3d{
  width:100%;
  perspective:1200px;
  height:auto;        /* ✅ IMPORTANT */
}

/* Inner wrap */
.flipbox-inner{
  width:100%;
  height:100%;
  min-height:360px;
  position:relative;
  transform-style:preserve-3d;
  transition:transform .8s ease;
}

/* Hover flip */
.flipbox-3d:hover .flipbox-inner{
  transform:rotateX(180deg);
}

/* FRONT + BACK common */
.flipbox-front,
.flipbox-back{
  width:100%;
    min-height:380px;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  border-radius:25px;
  overflow:hidden;
  font-family:"Montserrat", sans-serif; /* SAME FONT */
}

/* FRONT SIDE */
.flipbox-front{
  transform:rotateX(0deg);
  display:flex;
  flex-direction:column;
  background: #ffffff00; /* card bg */
}

/* IMAGE */
.flipbox-front img{
  width:100%;
  height:300px;       /* image size */
  object-fit:cover;
  display:block;
  border-radius:25px;
  border: 2px solid #E0E0E0;
}



/* TITLE BELOW IMAGE */
.flipbox-front .service-name{
  margin:0;
  padding: 22px 10px 26px;
  text-align:center;
  font-size:20px;
  font-weight:600;
  color:#E0E0E0;
  text-transform:uppercase;
  line-height:1.4;
  background:transparent; /* ✅ white bg REMOVED */
}

/* BACK SIDE */
.flipbox-back{
  background:#F1F1F1;
  color:#000;
  padding:30px 20px;
  text-align:center;
  transform:rotateX(180deg);
  font-weight:600;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:25px;
}

.flipbox-back h3{
  margin:0 0 10px 0;
  font-size:22px;
  text-transform:uppercase;
  line-height:1.1;
}

.flipbox-back p{
  font-size:15px;
  margin:0 0 20px 0;
  font-weight:500;
}

/* Button */
.flip-btn{
  display:inline-block;
  padding:10px 20px;
  background:#3B6AD5;
  color:#E0E0E0;
  border-radius:5px;
  text-decoration:none;
  transition:.3s;
  font-family:"Montserrat", sans-serif;
  font-weight:600;
}

.flip-btn:hover{
  background:#3B6AD5;
  color:#fff;
}/* End custom CSS */