.elementor-2282 .elementor-element.elementor-element-688c294{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.55;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2282 .elementor-element.elementor-element-688c294:not(.elementor-motion-effects-element-type-background), .elementor-2282 .elementor-element.elementor-element-688c294 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.mayordevelopments.co.uk/wp-content/uploads/2025/09/Untitled-design-72.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2282 .elementor-element.elementor-element-688c294::before, .elementor-2282 .elementor-element.elementor-element-688c294 > .elementor-background-video-container::before, .elementor-2282 .elementor-element.elementor-element-688c294 > .e-con-inner > .elementor-background-video-container::before, .elementor-2282 .elementor-element.elementor-element-688c294 > .elementor-background-slideshow::before, .elementor-2282 .elementor-element.elementor-element-688c294 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2282 .elementor-element.elementor-element-688c294 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.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-2282 .elementor-element.elementor-element-5e1b432{text-align:center;}.elementor-2282 .elementor-element.elementor-element-5e1b432 .elementor-heading-title{font-family:var( --e-global-typography-2e8b587-font-family ), Sans-serif;font-size:var( --e-global-typography-2e8b587-font-size );font-weight:var( --e-global-typography-2e8b587-font-weight );text-transform:var( --e-global-typography-2e8b587-text-transform );font-style:var( --e-global-typography-2e8b587-font-style );text-decoration:var( --e-global-typography-2e8b587-text-decoration );color:var( --e-global-color-aa8cfae );}.elementor-2282 .elementor-element.elementor-element-6a24c0b{text-align:center;}.elementor-2282 .elementor-element.elementor-element-6a24c0b .elementor-heading-title{font-family:var( --e-global-typography-ae49290-font-family ), Sans-serif;font-size:var( --e-global-typography-ae49290-font-size );font-weight:var( --e-global-typography-ae49290-font-weight );color:var( --e-global-color-aa8cfae );}.elementor-2282 .elementor-element.elementor-element-d76af5c{text-align:center;}.elementor-2282 .elementor-element.elementor-element-d76af5c .elementor-heading-title{font-family:var( --e-global-typography-b608e75-font-family ), Sans-serif;font-size:var( --e-global-typography-b608e75-font-size );font-weight:var( --e-global-typography-b608e75-font-weight );text-transform:var( --e-global-typography-b608e75-text-transform );font-style:var( --e-global-typography-b608e75-font-style );text-decoration:var( --e-global-typography-b608e75-text-decoration );color:var( --e-global-color-aa8cfae );}.elementor-2282 .elementor-element.elementor-element-5be213c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.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-2282 .elementor-element.elementor-element-8b80600 .elementor-button{background-color:var( --e-global-color-ca482f8 );font-family:var( --e-global-typography-bf76c48-font-family ), Sans-serif;font-size:var( --e-global-typography-bf76c48-font-size );font-weight:var( --e-global-typography-bf76c48-font-weight );fill:var( --e-global-color-ef17fcf );color:var( --e-global-color-ef17fcf );border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-2282 .elementor-element.elementor-element-8b80600.elementor-element{--align-self:center;}.elementor-2282 .elementor-element.elementor-element-605f497{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2282 .elementor-element.elementor-element-688c294{--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2282 .elementor-element.elementor-element-5e1b432 .elementor-heading-title{font-size:var( --e-global-typography-2e8b587-font-size );}.elementor-2282 .elementor-element.elementor-element-6a24c0b .elementor-heading-title{font-size:var( --e-global-typography-ae49290-font-size );}.elementor-2282 .elementor-element.elementor-element-d76af5c .elementor-heading-title{font-size:var( --e-global-typography-b608e75-font-size );}.elementor-2282 .elementor-element.elementor-element-8b80600 .elementor-button{font-size:var( --e-global-typography-bf76c48-font-size );}}@media(max-width:767px){.elementor-2282 .elementor-element.elementor-element-5e1b432 .elementor-heading-title{font-size:var( --e-global-typography-2e8b587-font-size );}.elementor-2282 .elementor-element.elementor-element-6a24c0b .elementor-heading-title{font-size:var( --e-global-typography-ae49290-font-size );}.elementor-2282 .elementor-element.elementor-element-d76af5c .elementor-heading-title{font-size:var( --e-global-typography-b608e75-font-size );}.elementor-2282 .elementor-element.elementor-element-8b80600 .elementor-button{font-size:var( --e-global-typography-bf76c48-font-size );}}/* Start custom CSS for button, class: .elementor-element-8b80600 */.main_div {
 --color: #DFC379;
 position: relative;
 z-index: 1;
}

.main_div::before {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 top: -7px;
 left: -7px;
 z-index: -5;
 border-top: 3px solid var(--color);
 border-left: 3px solid var(--color);
 transition: 0.5s;
}

.main_div::after {
 content: '';
 position: absolute;
 width: 30px;
 height: 30px;
 background: transparent;
 bottom: -7px;
 right: -7px;
 z-index: -5;
 border-right: 3px solid var(--color);
 border-bottom: 3px solid var(--color);
 transition: 0.5s;
}

.main_div:hover::before {
 width: 100%;
 height: 100%;
}

.main_div:hover::after {
 width: 100%;
 height: 100%;
}

.main_div button {
 padding: 0.7em 2em;
 font-size: 16px;
 background: #222222;
 color: #fff;
 border: none;
 cursor: pointer;
 font-family: inherit;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b42fe27 */.scroll-portfolio {
  display: flex;
  gap: 20px;
  overflow: hidden;
  height: 200vh; /* adjust as needed */
}

.column {
  flex: 1;
  overflow: hidden;
}

.inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.item img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

/* animation */
.column-up .inner {
  animation: scroll-up 40s linear infinite;
}

.column-down .inner {
  animation: scroll-down 40s linear infinite;
}

@keyframes scroll-up {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

@keyframes scroll-down {
  0%   { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}/* End custom CSS */