.elementor-20 .elementor-element.elementor-element-1745d16{--display:flex;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-20 .elementor-element.elementor-element-b84d68e{--display:flex;--min-height:800px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;--padding-top:10px;--padding-bottom:10px;--padding-left:40px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-b84d68e:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-b84d68e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theforthdrive.co.uk/wp-content/uploads/2025/12/high-angle-shot-wooden-bridge-sea-purple-colored-sky-1-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-7b96e9a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-1d7c07b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right: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-20 .elementor-element.elementor-element-235a648{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-235a648 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:21px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-ae53652{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-badd0a6 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;color:#FEF8EB;}.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-20 .elementor-element.elementor-element-cae419b .elementor-button{background-color:#61CE7000;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;padding:20px 40px 20px 40px;}.elementor-20 .elementor-element.elementor-element-cae419b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20 .elementor-element.elementor-element-cae419b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-20 .elementor-element.elementor-element-07dabe4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-0b006da{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-fca3477{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-247d40f .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:58px;font-weight:500;text-transform:capitalize;color:#0B4D5E;}.elementor-20 .elementor-element.elementor-element-1667c98{text-align:center;}.elementor-20 .elementor-element.elementor-element-1667c98 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:24px;color:#5A6B76;}.elementor-20 .elementor-element.elementor-element-585fe24{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b3e23e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-20 .elementor-element.elementor-element-a1484e3{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-1745d16{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-b84d68e{--min-height:500px;--padding-top:10px;--padding-bottom:10px;--padding-left:30px;--padding-right:10px;}.elementor-20 .elementor-element.elementor-element-7b96e9a{--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-20 .elementor-element.elementor-element-235a648{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-235a648 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-badd0a6 .elementor-heading-title{font-size:16px;line-height:1.3em;}.elementor-20 .elementor-element.elementor-element-cae419b .elementor-button{font-size:14px;padding:10px 25px 10px 25px;}.elementor-20 .elementor-element.elementor-element-247d40f .elementor-heading-title{font-size:28px;}.elementor-20 .elementor-element.elementor-element-1667c98 .elementor-heading-title{font-size:16px;line-height:1.3em;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-1745d16{--content-width:1500px;}.elementor-20 .elementor-element.elementor-element-1d7c07b{--width:75%;}.elementor-20 .elementor-element.elementor-element-ae53652{--width:55%;}.elementor-20 .elementor-element.elementor-element-07dabe4{--content-width:1500px;}.elementor-20 .elementor-element.elementor-element-fca3477{--width:50%;}}/* Start custom CSS for heading, class: .elementor-element-235a648 *//* 1. Base Font & Hero Style */
.hero {
  font-family: "Syne", sans-serif;
  font-weight: 700;
  font-size: 84px;
  line-height: 1.1;
  color: #FEF8EB;
  margin: 0;
}

/* 2. Wrapper to handle spacing */
.opt-wrap {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  line-height: 1;
  text-align: left;
  margin-right: 8px;
}

/* 3. The "Learn" Text */
.opt-text {
  position: relative;
  z-index: 2;
  color: #01EFAC;
  display: inline-block;
  font-family: "Syne", sans-serif;
  font-size: 84px;
  font-weight: 700;
}

/* 4. The Dark Blue Box - SVG Background with Taper */
.opt-wrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc((0.6em * 12) + 8px);
  height: 80px;
  pointer-events: none;
  
  /* SVG with dark navy blue fill - tapered trapezoid shape */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 475 84' preserveAspectRatio='xMidYMid meet'>\
    <path d='M0 20.0001C0 8.80943 9.18172 -0.203767 20.3705 0.00351878L455.37 8.06247C466.27 8.26439 475 17.1577 475 28.059V58.2605C475 69.2143 466.189 78.13 455.236 78.2591L20.2358 83.3876C9.09867 83.5189 0 74.5268 0 63.389V20.0001Z' fill='%23172347'/>\
  </svg>");
  
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-sizing: border-box;
  border-radius: 10px;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
  .hero {
    font-size: 32px;
    line-height: 1.3em;
  }
  
  .opt-text {
    font-size: 32px;
  }
  
  .opt-wrap::before {
    width: calc((0.6em * 12) + 4px);
    height: 42px;
    transform: translate(-50%, -48%);
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2));
  }
}/* End custom CSS */