.elementor-570 .elementor-element.elementor-element-80226fe:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-80226fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://autogatepsr.co.uk/wp-content/uploads/2026/02/WHO-WE-ARE-1-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-570 .elementor-element.elementor-element-80226fe > .elementor-container{min-height:600px;}.elementor-570 .elementor-element.elementor-element-80226fe{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-570 .elementor-element.elementor-element-80226fe > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-570 .elementor-element.elementor-element-c107c46:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-c107c46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-570 .elementor-element.elementor-element-c107c46 > .elementor-container{max-width:1450px;}.elementor-570 .elementor-element.elementor-element-c107c46 > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-570 .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-570 .elementor-element.elementor-element-9ffec3f > .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-570 .elementor-element.elementor-element-42ce934{text-align:start;}.elementor-570 .elementor-element.elementor-element-42ce934 .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-570 .elementor-element.elementor-element-4e86184{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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button{background-color:transparent;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;fill:#E0E0E0;color:#E0E0E0;background-image:linear-gradient(180deg, #3B6AD5 0%, #1F4394 100%);border-radius:5px 5px 5px 5px;padding:18px 25px 18px 25px;}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button:hover, .elementor-570 .elementor-element.elementor-element-444a789 .elementor-button:focus{background-color:#188DEE;color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-444a789{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button-content-wrapper{flex-direction:row;}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button:hover svg, .elementor-570 .elementor-element.elementor-element-444a789 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-2269e1f > .elementor-container{max-width:1400px;}.elementor-570 .elementor-element.elementor-element-2269e1f{margin-top:0px;margin-bottom:0px;}.elementor-570 .elementor-element.elementor-element-f4b205f > .elementor-container{max-width:1400px;}.elementor-570 .elementor-element.elementor-element-f4b205f{margin-top:0px;margin-bottom:0px;}.elementor-570 .elementor-element.elementor-element-ea6ad9a:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-ea6ad9a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-570 .elementor-element.elementor-element-ea6ad9a > .elementor-container{max-width:1450px;}.elementor-570 .elementor-element.elementor-element-ea6ad9a > .elementor-background-overlay{opacity:0.3;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-570 .elementor-element.elementor-element-ea6ad9a{border-style:solid;border-width:1px 0px 0px 0px;border-color:#585858;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 80px 0px;}.elementor-570 .elementor-element.elementor-element-d5e0d6e{text-align:center;}.elementor-570 .elementor-element.elementor-element-d5e0d6e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;text-transform:uppercase;color:#E0E0E0;}.elementor-570 .elementor-element.elementor-element-9e389e7{padding:20px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-3e07ac5 > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-4b3cb8e > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-1d809aa > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-17696d5 > .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-570 .elementor-element.elementor-element-9ffec3f{width:100%;}.elementor-570 .elementor-element.elementor-element-1e9f6b3{width:100%;}.elementor-570 .elementor-element.elementor-element-86cf7e2{width:100%;}.elementor-570 .elementor-element.elementor-element-49a14f5{width:100%;}.elementor-570 .elementor-element.elementor-element-fcabff6{width:100%;}.elementor-570 .elementor-element.elementor-element-3e07ac5{width:50%;}.elementor-570 .elementor-element.elementor-element-4b3cb8e{width:50%;}.elementor-570 .elementor-element.elementor-element-1d809aa{width:50%;}.elementor-570 .elementor-element.elementor-element-17696d5{width:50%;}}@media(max-width:1024px){.elementor-570 .elementor-element.elementor-element-80226fe > .elementor-container{min-height:266px;}.elementor-570 .elementor-element.elementor-element-c107c46{padding:35px 20px 35px 20px;}.elementor-570 .elementor-element.elementor-element-42ce934 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-570 .elementor-element.elementor-element-86cf7e2 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-570 .elementor-element.elementor-element-49a14f5 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-570 .elementor-element.elementor-element-fcabff6 > .elementor-element-populated{margin:30px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-570 .elementor-element.elementor-element-ea6ad9a{padding:35px 0px 35px 0px;}.elementor-570 .elementor-element.elementor-element-d5e0d6e .elementor-heading-title{font-size:40px;line-height:1.2em;}.elementor-570 .elementor-element.elementor-element-1d809aa > .elementor-element-populated{margin:10px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-17696d5 > .elementor-element-populated{margin:10px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}@media(max-width:767px){.elementor-570 .elementor-element.elementor-element-80226fe > .elementor-container{min-height:128px;}.elementor-570 .elementor-element.elementor-element-c107c46{padding:30px 15px 30px 15px;}.elementor-570 .elementor-element.elementor-element-9ffec3f > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-42ce934{text-align:center;}.elementor-570 .elementor-element.elementor-element-42ce934 .elementor-heading-title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-4e86184{text-align:center;}.elementor-570 .elementor-element.elementor-element-444a789 .elementor-button{font-size:18px;}.elementor-570 .elementor-element.elementor-element-1e9f6b3 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-2269e1f{margin-top:0px;margin-bottom:0px;}.elementor-570 .elementor-element.elementor-element-f4b205f{margin-top:0px;margin-bottom:0px;}.elementor-570 .elementor-element.elementor-element-49a14f5 > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-570 .elementor-element.elementor-element-fcabff6 > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-570 .elementor-element.elementor-element-d5e0d6e .elementor-heading-title{font-size:35px;}.elementor-570 .elementor-element.elementor-element-4b3cb8e > .elementor-element-populated{margin:15px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-1d809aa > .elementor-element-populated{margin:15px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-570 .elementor-element.elementor-element-17696d5 > .elementor-element-populated{margin:15px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}}/* Start custom CSS for shortcode, class: .elementor-element-ee9c386 */.twentytwenty-container * {
    /* -webkit-box-sizing: content-box; */
   
    border-radius: 37px !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-86cf7e2 */.dm-flip-column {
    position: relative;
           /* tumhara dark bg */
   
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease
}

.dm-flip-column:hover {
    transform: rotateY(8deg) translateY(-6px);
   
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-d34b1ad */.twentytwenty-container * {
    /* -webkit-box-sizing: content-box; */
   
    border-radius: 37px !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-49a14f5 */.dm-flip-column {
    position: relative;
           /* tumhara dark bg */
   
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease
}

.dm-flip-column:hover {
    transform: rotateY(8deg) translateY(-6px);
   
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-125f0ce */.twentytwenty-container * {
    /* -webkit-box-sizing: content-box; */
   
    border-radius: 37px !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-fcabff6 */.dm-flip-column {
    position: relative;
           /* tumhara dark bg */
   
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform 0.6s ease
}

.dm-flip-column:hover {
    transform: rotateY(8deg) translateY(-6px);
   
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-05ec794 *//* 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:#1F4394;
  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 */