.elementor-872 .elementor-element.elementor-element-53b1150:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-53b1150 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://autogatepsr.co.uk/wp-content/uploads/2026/02/SWING-GATE-ANTHRACITE-100mm-HORIZONTAL-OPEN-BOARDED-7.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-872 .elementor-element.elementor-element-53b1150 > .elementor-container{min-height:485px;}.elementor-872 .elementor-element.elementor-element-53b1150{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-872 .elementor-element.elementor-element-53b1150 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-872 .elementor-element.elementor-element-daaf3df:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-daaf3df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-872 .elementor-element.elementor-element-daaf3df > .elementor-container{max-width:1450px;}.elementor-872 .elementor-element.elementor-element-daaf3df > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-872 .elementor-element.elementor-element-daaf3df{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 60px 20px;}.elementor-bc-flex-widget .elementor-872 .elementor-element.elementor-element-9175707.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-872 .elementor-element.elementor-element-9175707.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-872 .elementor-element.elementor-element-9175707 > .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-872 .elementor-element.elementor-element-6efb26c{text-align:start;}.elementor-872 .elementor-element.elementor-element-6efb26c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.3em;color:#E0E0E0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-872 .elementor-element.elementor-element-95fa4b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;color:#E0E0E0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-872 .elementor-element.elementor-element-0dadfa4 img{border-radius:20px 20px 20px 20px;}.elementor-872 .elementor-element.elementor-element-c107c46:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-c107c46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-872 .elementor-element.elementor-element-c107c46 > .elementor-container{max-width:1450px;}.elementor-872 .elementor-element.elementor-element-c107c46 > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-872 .elementor-element.elementor-element-c107c46{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 60px 20px;}.elementor-872 .elementor-element.elementor-element-9ffec3f > .elementor-element-populated{padding:25px 20px 0px 0px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-accordion-icon, .elementor-872 .elementor-element.elementor-element-756c568 .elementor-accordion-title{color:#FFFFFF;}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-active .elementor-accordion-icon, .elementor-872 .elementor-element.elementor-element-756c568 .elementor-active .elementor-accordion-title{color:#3B6AD5;}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-active .elementor-accordion-icon svg{fill:#3B6AD5;}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-accordion-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;}.elementor-872 .elementor-element.elementor-element-756c568 .elementor-tab-content{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-872 .elementor-element.elementor-element-2bf912f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;color:#E0E0E0;}.elementor-872 .elementor-element.elementor-element-69c979e{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-872 .elementor-element.elementor-element-69c979e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.3em;color:#E0E0E0;}.elementor-872 .elementor-element.elementor-element-497ba3c{padding:20px 0px 0px 0px;}.elementor-872 .elementor-element.elementor-element-a8491ff > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-872 .elementor-element.elementor-element-2ba1779 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-872 .elementor-element.elementor-element-1940a32 > .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-872 .elementor-element.elementor-element-9175707{width:100%;}.elementor-872 .elementor-element.elementor-element-6710485{width:100%;}.elementor-872 .elementor-element.elementor-element-a8491ff{width:50%;}.elementor-872 .elementor-element.elementor-element-2ba1779{width:50%;}.elementor-872 .elementor-element.elementor-element-1940a32{width:50%;}}@media(max-width:1024px){.elementor-872 .elementor-element.elementor-element-53b1150 > .elementor-container{min-height:317px;}.elementor-872 .elementor-element.elementor-element-daaf3df{padding:35px 20px 35px 20px;}.elementor-872 .elementor-element.elementor-element-6efb26c .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-872 .elementor-element.elementor-element-c107c46{padding:35px 0px 35px 10px;}.elementor-872 .elementor-element.elementor-element-69c979e .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-872 .elementor-element.elementor-element-1940a32 > .elementor-element-populated{margin:10px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}@media(max-width:767px){.elementor-872 .elementor-element.elementor-element-53b1150 > .elementor-container{min-height:143px;}.elementor-872 .elementor-element.elementor-element-daaf3df{padding:30px 15px 30px 15px;}.elementor-872 .elementor-element.elementor-element-9175707 > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-872 .elementor-element.elementor-element-6efb26c{text-align:center;}.elementor-872 .elementor-element.elementor-element-6efb26c .elementor-heading-title{font-size:30px;}.elementor-872 .elementor-element.elementor-element-95fa4b5{text-align:center;}.elementor-872 .elementor-element.elementor-element-6710485 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-872 .elementor-element.elementor-element-c107c46{padding:30px 15px 30px 15px;}.elementor-872 .elementor-element.elementor-element-9ffec3f > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-872 .elementor-element.elementor-element-2bf912f{text-align:center;}.elementor-872 .elementor-element.elementor-element-69c979e{text-align:center;}.elementor-872 .elementor-element.elementor-element-69c979e .elementor-heading-title{font-size:30px;}.elementor-872 .elementor-element.elementor-element-2ba1779 > .elementor-element-populated{margin:15px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-872 .elementor-element.elementor-element-1940a32 > .elementor-element-populated{margin:15px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}/* Start custom CSS for html, class: .elementor-element-8b90aa4 *//* 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 */