.elementor-2754 .elementor-element.elementor-element-8898414{--display:flex;--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;--padding-top:40px;--padding-bottom:20px;--padding-left:56px;--padding-right:56px;}.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-family:"runda", Sans-serif;font-size:38px;font-weight:300;line-height:46px;}.elementor-2754 .elementor-element.elementor-element-f979815 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2754 .elementor-element.elementor-element-f979815 .elementor-heading-title{font-family:var( --e-global-typography-bb82067-font-family ), Sans-serif;font-size:var( --e-global-typography-bb82067-font-size );font-weight:var( --e-global-typography-bb82067-font-weight );line-height:var( --e-global-typography-bb82067-line-height );color:var( --e-global-color-text );}.elementor-2754 .elementor-element.elementor-element-cec66f5{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.6;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:0px;--padding-left:56px;--padding-right:56px;}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.joroper.co.uk/wp-content/uploads/2026/03/Jo-bw-7-BIG-darker-hair-edges-crop-scaled-e1773082143938.png");background-position:top right;background-repeat:no-repeat;background-size:55% auto;}.elementor-2754 .elementor-element.elementor-element-cec66f5::before, .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-background-video-container::before, .elementor-2754 .elementor-element.elementor-element-cec66f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-background-slideshow::before, .elementor-2754 .elementor-element.elementor-element-cec66f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2754 .elementor-element.elementor-element-cec66f5.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:0px;}.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--display:flex;--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;--padding-top:0px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-2754 .elementor-element.elementor-element-7825495 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 32px 0px;}.elementor-2754 .elementor-element.elementor-element-7825495{text-align:start;font-size:21px;font-weight:300;line-height:31px;}.elementor-2754 .elementor-element.elementor-element-d8d2372{--display:flex;--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;}.elementor-2754 .elementor-element.elementor-element-8167732 img{opacity:0.5;}@media(max-width:1200px) and (min-width:768px){.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--width:67%;}}@media(max-width:1366px){.elementor-2754 .elementor-element.elementor-element-8898414{--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-size:34px;line-height:42px;}.elementor-2754 .elementor-element.elementor-element-f979815 .elementor-heading-title{font-size:var( --e-global-typography-bb82067-font-size );line-height:var( --e-global-typography-bb82067-line-height );}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:55% auto;}.elementor-2754 .elementor-element.elementor-element-cec66f5{--padding-top:24px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--padding-top:0px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-2754 .elementor-element.elementor-element-7825495{font-size:20px;line-height:30px;}}@media(max-width:1200px){.elementor-2754 .elementor-element.elementor-element-8898414{--padding-top:32px;--padding-bottom:20px;--padding-left:32px;--padding-right:32px;}.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-size:32px;line-height:40px;}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:61% auto;}.elementor-2754 .elementor-element.elementor-element-cec66f5{--padding-top:16px;--padding-bottom:0px;--padding-left:32px;--padding-right:16px;}.elementor-2754 .elementor-element.elementor-element-7825495{font-size:19px;line-height:28px;}}@media(max-width:1024px){.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-size:30px;line-height:38px;}.elementor-2754 .elementor-element.elementor-element-f979815 .elementor-heading-title{font-size:var( --e-global-typography-bb82067-font-size );line-height:var( --e-global-typography-bb82067-line-height );}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:62% auto;}}@media(max-width:880px){.elementor-2754 .elementor-element.elementor-element-8898414{--padding-top:20px;--padding-bottom:20px;--padding-left:24px;--padding-right:24px;}.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-size:30px;line-height:38px;}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.joroper.co.uk/wp-content/uploads/2026/04/1200x800_transparent.png");background-position:top right;background-size:58% auto;}.elementor-2754 .elementor-element.elementor-element-cec66f5{--padding-top:16px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2754 .elementor-element.elementor-element-d8d2372{--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-2754 .elementor-element.elementor-element-8167732 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2754 .elementor-element.elementor-element-8167732{text-align:end;}}@media(max-width:767px){.elementor-2754 .elementor-element.elementor-element-8898414{--padding-top:16px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-2754 .elementor-element.elementor-element-badc5d7 .elementor-heading-title{font-size:27px;line-height:34px;}.elementor-2754 .elementor-element.elementor-element-f979815 .elementor-heading-title{font-size:var( --e-global-typography-bb82067-font-size );line-height:var( --e-global-typography-bb82067-line-height );}.elementor-2754 .elementor-element.elementor-element-cec66f5:not(.elementor-motion-effects-element-type-background), .elementor-2754 .elementor-element.elementor-element-cec66f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom right;background-size:0% auto;}.elementor-2754 .elementor-element.elementor-element-cec66f5{--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2754 .elementor-element.elementor-element-7825495 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2754 .elementor-element.elementor-element-d8d2372{--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-2754 .elementor-element.elementor-element-8167732 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2754 .elementor-element.elementor-element-8167732 img{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--width:65%;}}@media(max-width:880px) and (min-width:768px){.elementor-2754 .elementor-element.elementor-element-fc2c5e7{--width:100%;}}@media(min-width:2400px){.elementor-2754 .elementor-element.elementor-element-f979815 .elementor-heading-title{font-size:var( --e-global-typography-bb82067-font-size );line-height:var( --e-global-typography-bb82067-line-height );}}/* Start custom CSS *//* Hide on phones in landscape only */
@media (orientation: landscape) and (max-height: 500px) {
    .jo-mobile {
    display: none !important;
}
}
p {
margin-bottom:24px !important;
}
.scrollbox .elementor-widget-container {
    height: 1080px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 24px!important;
}
@media (max-width: 1366px) {
    .scrollbox .elementor-widget-container {
        height: 1000px !important;
    }
}
@media (max-width: 1024px) {
    .scrollbox .elementor-widget-container {
        height: 860px !important;
    }
}
/* Disable scrollbox on mobile */
@media (max-width: 880px) {
    .scrollbox .elementor-widget-container {
        height: auto !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        padding-right: 0 !important;
    }
}
.scrollbox {
  position: relative; /* you already have this */
}
.scrollbox::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  background: linear-gradient(to bottom, transparent, rgb(26, 24, 29));
  pointer-events: none; /* so it doesn't block scrolling/clicking */
  z-index: 2;
}
/* Modern browsers (Firefox) */
.scrollbox .elementor-widget-container {
  scrollbar-width: thin;
  scrollbar-color: #F59D0F80 transparent;
}
/* WebKit browsers (Chrome, Safari, Edge) */
.scrollbox .elementor-widget-container::-webkit-scrollbar {
  width: 6px;
}
.scrollbox .elementor-widget-container::-webkit-scrollbar-track {
  background: transparent !important;
}
.scrollbox .elementor-widget-container::-webkit-scrollbar-thumb {
  background-color: #F59D0F80 !important;
  border-radius: 3px;
}
.scrollbox .elementor-widget-container::-webkit-scrollbar-thumb:hover {
  background-color: #F59D0F80 !important;
}
/* Animated SVG scroll indicator */
.scrollbox::before {
  content: '';
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 35px;
  background-image: url('/wp-content/uploads/2026/04/down-arrow-yellow_scroll.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.5;
  z-index: 3;
  pointer-events: none;
  animation: scrollBounce 2s ease-in-out infinite;
  transition: opacity 0.4s ease;
}
.scrollbox.scrolled::before {
  opacity: 0 !important;
}
@keyframes scrollBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); opacity: 0.5; }
  50% { transform: translateX(-50%) translateY(8px); opacity: 0.8; }
}
.scrollbox.scrolled::before { opacity: 0 !important; }

/* Disable scroll icon and fade on mobile (portrait + landscape phones) */
@media (max-width: 880px) {
  .scrollbox::before,
  .scrollbox::after {
    display: none !important;
  }
}
@media (orientation: landscape) and (max-height: 500px) {
  .scrollbox::before,
  .scrollbox::after {
    display: none !important;
  }
}/* End custom CSS */