@charset "UTF-8";
/***!  /templates/shaper_helixultimate/css/custom.css  !***/

/* << --- ROOT --->> */

:root {
    --wof-light-grey: #ebf1f9;
    --wof-grey: #bec4cb;
    --wof-mixed-grey: #24353F;
    --wof-blue: #0289CF;
    --wof-dark-blue: #00002C;
    --wof-footer: #02000f;
    --wof-blue-highlight: #1d1c3f;
    --wof-accent: #49c8f5;
    --wof-accent-hover: #2a7a97;
    --wof-orange: #f26430;
    --wof-yellow: #f4c62a;
    --wof-yellow-alt: #fff32a;
    --wof-btn: #0a85cb;
    --wof-btn-hover:#2da0db;

    /* --wof-accent: #f26430; */
    /* --wof-accent-hover: #b94d25; */
}

/* << --- GLOBAL STYLES --->> */

.btn-primary,
.sppb-btn-primary {
    border-color: var(--wof-btn);
    background-color: var(--wof-btn);
/*  border-color: var(--wof-accent);
    background-color: var(--wof-accent);*/
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: var(--wof-btn-hover);
    background-color: var(--wof-btn-hover);
/*  border-color: var(--wof-accent-hover);
    background-color: var(--wof-accent-hover);*/
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--wof-accent);
    --bs-btn-hover-bg: var(--wof-accent-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--wof-accent-hover);
    --bs-btn-active-border-color: var(--wof-accent);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--wof-accent-hover);
    --bs-btn-disabled-border-color: var(--wof-accent-hover);
    --bs-btn-border-color: var(--wof-accent);
}

.btn:hover {
    border-color: var(--wof-accent-hover);
}

.sppb-btn {
    border-radius: 7px;
}

.sppb-btn-default {
    background: #e4e4e4;
    border-color: #e4e4e4;
}

.sppb-btn-default:hover {
    background: #fff;
    border-color: #fff;
}

.sppb-btn-default:hover {
    background: #d1d1d1;
    border-color: #d1d1d1;
}

a#btn-xDym7tPmBK_Asd5pnPpeg {
    padding: 5px 10px !important;
}

.sp-scroll-up {
    bottom: 100px;
}

.hidden-content {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* REVISED PAPER TEXTURE */
.sp-page-builder .page-content #section-id-6ea2a731-260a-4641-9e66-450650d7d226 > .sppb-row-overlay {
    background-color: rgb(255 202 167 / 15%);
}

/* ORIGINAL PAPER TEXTURE */
.sp-page-builder .page-content #section-id-6ea2a731-260a-4641-9e66-450650d7d226 > .sppb-row-overlay {
    background-color: RGBA(255, 255, 255, 0.45)
}

/* << --- PRELOADER --->> */

#preloader {
    position: fixed;
    inset: 0;
    background: radial-gradient(circle at center, #111 0%, #000 70%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    overflow: hidden;
}

.preloader-inner {
    width: 340px;
    position: relative;
}

#logo-svg {
    width: 100%;
    height: auto;
    transform-origin: center;
}

.energy-pulse {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 200, 0, 0.6) 0%, transparent 60%);
    opacity: 0;
    transform: scale(0.6);
}

/* << --- TYPOGRAPHY --->> */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

h1 {
    font-weight: 700 !important;
}

h2 {
    font-weight: 600 !important;
}

h3,
h4,
h5,
h6 {
    font-weight: 500 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.01em !important;
}

h6 {
    line-height: 1.3 !important;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

section#sp-bottom,
footer#sp-footer {
    font-family: 'Plus Jakarta Sans' !important;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
    color: #fff !important;
    background-color: #46825400 !important;
    border-radius: 5px !important;
    border: 1px solid #fff !important;
    margin: 10px 0px 0px 0px !important;
}

#sp-bottom .sp-module {
    margin-bottom: 0px;
}

#sp-bottom .sp-module ul {
    margin: 0px 0px 10px 0px !important;
}

/* << --- HYPERLINKS --->> */

a {
    color: var(--wof-accent);
}

/* << --- HEADER --->> */

/*@media (max-width: 3751px) {
    #sp-header.full-header {
        padding-left: 1220px;
        padding-right: 1220px;
    }
}*/

.sp-megamenu-parent {
    margin: auto;
}

div#sp-menu {
    margin-top: -4px;
}
@media (max-width: 991px) {
   #sp-header {
    padding-top: 5px;
   }
}

#sp-header.full-header {
    padding-left: 600px;
    padding-right: 600px;
}


@media (max-width: 3751px) {
    #sp-header.full-header {
        padding-left: 1000px;
        padding-right: 1000px;
    }
}

@media (max-width: 3630px) {
    #sp-header.full-header {
        padding-left: 1150px;
        padding-right: 1150px;
    }
}


@media (max-width: 3275px) {
    #sp-header.full-header {
        padding-left: 750px;
        padding-right: 750px;
    }
}

@media (max-width: 2850px) {
    #sp-header.full-header {
        padding-left: 650px;
        padding-right: 650px;
    }
}

@media (max-width: 2600px) {
    #sp-header.full-header {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 2500px) {
    #sp-header.full-header {
        padding-left: 550px;
        padding-right: 550px;
    }
}

@media (max-width: 2125px) {
    #sp-header.full-header {
        padding-left: 400px;
        padding-right: 400px;
    }
}

@media (max-width: 1980px) {
    #sp-header.full-header {
        padding-left: 300px;
        padding-right: 300px;
    }
}

@media (max-width: 1700px) {
    #sp-header.full-header {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media (max-width: 1500px) {
    #sp-header.full-header {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media (max-width: 1478px) {
    #sp-header.full-header {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (max-width: 1440px) {
    #sp-header.full-header {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1024px) {
    #sp-header.full-header {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 320px) {
    #sp-header.full-header {
        padding-left: 10px;
        padding-right: 10px;
    }
}



div#section-id-a3cef37b-daeb-48e7-bf78-20701c258d8e {
    background: #010110;
}

/* <<<--- ORIGINAL HEADER --->>>  
#sp-header {
    background: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(1px) !important;
}

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-size: 18px;
}

#sp-header .logo {
    height: 60px;
}
*/

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    font-size: 20px;
}

#sp-header .logo {
    height: 62px;
}


#sp-header {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}

#sp-header.header-sticky {
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}


/* Old Navigation Padding

.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    padding: 0 18px;
}


*/
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span {
    padding: 0 20px;
}

#sp-menu ul.social-icons a {
    color: #ffffff;
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: var(--wof-yellow);
}

/* << --- FOOTER --->> */

#sp-footer,
#sp-bottom {
    background: #010110;
    color: #fff;
}

#sp-bottom {
    padding: 50px 0 0px;
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
    color: var(--wof-yellow);
}

/* << --- NAVIGATION --->> */

#sp-header {
    height: 75px !important;
}

.logo-image {
    height: 49px;
}



.sp-megamenu-parent>li>a {
    color: #ffffff;
}

.sp-megamenu-parent>li:hover>a {
    color: var(--wof-yellow-alt);
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: var(--wof-yellow-alt);
}

@media (max-width: 767px) {
    #sp-menu .social-wrap {
        padding-left: 5px;
    }
}

@media (max-width: 576px) {
    .logo-image {
        height: 36px !important;
        /* margin-top: -15px !important;*/
    }

    /*.sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -15px !important;
    }*/

    #sp-menu ul.social-icons>li:not(:last-child) {
        margin-right: 15px !important;
    }

    .masthead-title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.3;
        text-align: center;
        color: #FFF;
    }

    #sp-menu .social-wrap {
        top: 5px;
    }

    /*body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-top: 10px;
    }*/
}

/*@media (max-width: 405px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        margin-top: 70px;
    }
}*/

@media (max-width: 433px) {
    .sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -10px !important;
    }
}

/*@media (max-width: 405px) {
    .sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -70px !important;
    }
}*/

@media (max-width: 391px) {
    .sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -10px !important;
    }
}

@media (max-width: 375px) {
    .sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -10px !important;
    }
}

@media (max-width: 351px) {
    .sp-column.d-flex.justify-content-between.align-items-center {
        margin-top: -10px !important;
    }
}

@media (max-width: 992px) {
    .logo-image {
        height: 48px !important;
    }
}

@media (max-width: 445px) {
    .logo-image {
        height: 40px !important;
    }
}


@media (max-width: 425px) {
#videoMuteToggle {
    left: 25% !important;
    }
}

@media (max-width: 375px) {
#videoMuteToggle {
    left: 0% !important;
    }
}

/* << --- OFF CANVAS MENU --->> */

.burger-icon>span {
    height: 2px;
    background-color: #ffffff;
    margin: 6px 0;
    transition: background-color .3s ease-in, opacity .3s ease-in, transform .3s ease-in;
}

.offcanvas-menu.left-1.offcanvas-arrow-right {
    background: #08080e;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--wof-yellow);
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: var(--wof-yellow);
}

.offcanvas-menu .fa,
.offcanvas-menu .fab,
.offcanvas-menu .far,
.offcanvas-menu .fas {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a,
.offcanvas-menu .offcanvas-inner .social-icons>li>a {
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner a {
    color: #ffffff;
}

.offcanvas-menu .offcanvas-inner .sp-contact-info,
.offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 18px;
}

ul.social-icons>li:not(:last-child) {
    margin-right: 30px;
}

.offcanvas-active .close-offcanvas .burger-icon>span {
    transition-delay: 0.2s;
}

.offcanvas-active .burger-icon>span:nth-child(3),
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -8px) rotate(45deg);
}

.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}

.burger-icon {
    width: 30px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a,
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    color: var(--wof-yellow);
}

.offcanvas-inner {
    font-family: 'Plus Jakarta Sans';
}

/* << --- LANDING SIZZLE --->> */

.part-of {
    position: fixed;
    bottom: 135px;
    left: 50%;
    transform: translate(-50%);
}

#sppb-addon-10d890a7-9e89-4ca2-b021-d47c33fdae59 {
    position: absolute;
    bottom: -25vh;
    left: 50%;
    transform: translateX(-50%);
}

.sp-page-builder .page-content #section-id-a3cef37b-daeb-48e7-bf78-20701c258d8e>.sppb-row-overlay {
    height: 100vh;
}

/*div#section-id-ceb2831a-07e3-455d-8c57-ba089f911bf8 {
    position: fixed;
    bottom: -90%;
    left: 50%;
    transform: translate(-50%);
}*/

.sppb-section-background-video {
    height: 107.9vh;
}

.sp-page-builder .page-content #section-id-a3cef37b-daeb-48e7-bf78-20701c258d8e>.sppb-row-overlay {
    height: 103vh;
}

.a3m-centre {
    position: relative;
}

div#sppb-addon-wrapper-10d890a7-9e89-4ca2-b021-d47c33fdae59 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.masthead-title {
    /*font-size: clamp(2.5rem, 5vw, 4rem);*/
    /*font-size: clamp(1.5rem, 2vw, 4rem)*/
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: #FFF;
}

.masthead-title .word {
    display: inline-block;
    margin-right: 0.4rem;
}

div#sppb-addon-wrapper-ac007854-561a-40aa-a68d-b2cf24813e97 {
    position: absolute;
    bottom: 0vh;
    right: -9vw;
}

/* <<--- MASTHEADS --->> */

/* Original WOF Masthead */

/* .wof-masthead {
    padding: 145px 0px 115px 0px !important;
    margin: -60px 0px 0px 0px !important;
}*/

.wof-masthead {
    padding: 155px 0px 135px 0px !important;
    margin: -75px 0px 0px 0px !important;
}

/* <<--- BACKGROUND --->> */

.texture-bg {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)),
        url("https://www.wiseowlfilms.com/templates/shaper_helixultimate/css/images/Textures/paper_texture.svg");
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

/* <<--- ABOUT --->> */

/* Ensure overflow is hidden */
.slow-zoom-slideshow .sppb-slideshow-item {
    overflow: hidden;
}

/* Ensure overflow is hidden */
.slow-zoom-slideshow .sppb-slideshow-item {
    overflow: hidden;
}

/* Apply zoom animation */
.slow-zoom-slideshow .sppb-slideshow-item-bg {
    animation: slowZoom 12s ease-in-out infinite alternate;
    transform-origin: center center;
}

/* Keyframes */
@keyframes slowZoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.sp-slider.sp-fade-slider .sp-item {
    animation: slowZoom 12s ease-in-out infinite alternate !important;
    transform-origin: center center !important;
}

/* BROADCASTER CAROUSEL */

.sppb-carousel-extended-outer-stage {
    align-items: center;
}

/*
.sppb-addon.sppb-addon-text-block.\.part-of  {
    position: fixed;
    bottom: 135px;
    left: 50%;
    transform: translate(-50%);
}

.sppb-addon.sppb-addon-single-image.\.part-of2.sppb-addon-image-shape {
    position: fixed;
    bottom: 100px;
    left: 50%;
    transform: translate(-50%);
}*/

/* << --- TEAM CARDS --->> */


/* PROGRAMMES INDEX */

#sppb-addon-955bede7-2d23-4459-8060-8a7e3c837ebe {
    border-radius: 0px 0px 20px 20px !important;
    padding: 0px 22px 22px 22px !important;
    background: linear-gradient(360deg, rgba(1 1 16) 15%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 40%) !important;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 1rem;
}

div#sppb-dynamic-content-5ee85b46-36b7-4027-b87d-d4da116aee1e a.sppb-dynamic-content-text__link:not(.p\.sppb-dynamic-content-text\.\.watch-link) {
    padding: 0px 22px 22px 22px;
    text-decoration: none;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(0deg, #000 15%, transparent 50%);
    border-radius: 20px;
}

/*a.sppb-dynamic-content-text__link:not(a.watch-link) {
    padding: 0px 22px 22px 22px;
    text-decoration: none;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
}*/

#sppb-addon-955bede7-2d23-4459-8060-8a7e3c837ebe .sppb-dynamic-content-text,
#sppb-addon-955bede7-2d23-4459-8060-8a7e3c837ebe .sppb-dynamic-content-text a {
    margin: 0px 0px 0px 0px !important;
}

#sppb-dynamic-content-5ee85b46-36b7-4027-b87d-d4da116aee1e>.sppb-dynamic-content-collection__item {
    transition: all 200ms cubic-bezier(0, 0, 0.2, 1) !important;
}

#sppb-dynamic-content-5ee85b46-36b7-4027-b87d-d4da116aee1e>.sppb-dynamic-content-collection__item:hover {
    transform: translate(0px, -5px);
}

/* PROGRAMMES DETAILS */

.sp-page-builder .page-content #section-id-b5360b88-b9cf-42eb-8448-43788725b124 {
    margin-top: -75px !important;
}

.sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    background: linear-gradient(360deg, rgb(1 1 16) 40%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
}

#sppb-addon-ff96e306-e191-4c23-984b-514947152cd3 .sppb-gallery img:hover {
    transform: translate(0px, -5px);
    transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
}

/*.sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    padding-top: 20px !important;
    padding-bottom: 125px !important;
    margin-top: -250px !important;
}*/

.sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    padding-top: 20px !important;
    padding-bottom: 30px !important;
    margin-top: -350px !important;
}

/*.sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    margin-top: -210px !important;
}*/

#sppb-addon-f13bc32c-4bdf-4f26-8105-d3d169150740 .sppb-dynamic-content-text,
#sppb-addon-f13bc32c-4bdf-4f26-8105-d3d169150740 .sppb-dynamic-content-text a {
    padding: 0px 0px 20px 0px;
}

#sppb-addon-a6e9b743-5abf-44f6-a764-f34a594d0e79 .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
    height: 90vh !important;
    object-position: center !important;
    object-fit: cover !important;
}

div#sppb-dynamic-content-cb77a0c0-a9f9-46f8-9b86-32ef518a20a5 a.sppb-dynamic-content-text__link {
    padding: 0px 22px 22px 22px;
    text-decoration: none;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    background: linear-gradient(0deg, #000 15%, transparent 50%);
    border-radius: 18px;
}


@media (max-width: 1199px) {
    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
        margin-top: -250px !important;
    }

    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
    }

    #sppb-addon-a6e9b743-5abf-44f6-a764-f34a594d0e79 .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
        height: 50vh !important;
        object-position: center !important;
        object-fit: cover !important;
    }
}

@media (max-width: 1024px) {
    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
        margin-top: -150px !important;
    }

    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
    }

    #sppb-addon-a6e9b743-5abf-44f6-a764-f34a594d0e79 .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
        height: 50vh !important;
        object-position: center !important;
        object-fit: cover !important;
    }
}


@media (max-width: 1023px) {
    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
        margin-top: -220px !important;
    }

    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
    }
}

@media (max-width: 768px) {
    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        padding-top: 50px !important;
        padding-bottom: 0px !important;
        margin-top: -350px !important;
        /* margin-top: -180px !important;*/
    }

    .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
        background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
    }

    @media (max-width: 1024px) {
        #sppb-addon-a6e9b743-5abf-44f6-a764-f34a594d0e79 .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
            height: 45vh !important;
            object-position: center !important;
            object-fit: cover !important;
        }
    }

    @media (max-width: 470px) {
        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
            margin-top: -240px !important;
        }

        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
        }
    }

    @media (max-width: 425px) {
        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
            margin-top: -150px !important;
        }

        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            background: linear-gradient(360deg, rgb(1 1 16) 80%, rgba(0, 0, 0, 0.5) 90%, rgba(0, 0, 0, 0) 100%) !important
        }

        .social-wrap.no-border.d-flex.align-items-center {
            display: none !important;
        }
    }

    @media (max-width: 375px) {
        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
            margin-top: -200px !important;
        }

        .social-wrap.no-border.d-flex.align-items-center {
            display: none !important;
        }
    }

    @media (max-width: 320px) {
        .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
            margin-top: -200px !important;
        }
    }

    /* .sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    background: linear-gradient(360deg, rgb(1 1 16) 60%, rgba(0, 0, 0, 0.5) 80%, rgba(0, 0, 0, 0) 100%) !important;
}*/


    /* <<--- RELATED PROGRAMMES --->> */

    #sppb-dynamic-content-cb77a0c0-a9f9-46f8-9b86-32ef518a20a5>.sppb-dynamic-content-collection__item:hover {
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 20px;
        box-shadow: 6px 6px 10px 0px #343434 !important;
    }

    #sppb-dynamic-content-cb77a0c0-a9f9-46f8-9b86-32ef518a20a5>.sppb-dynamic-content-collection__item:hover {
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 20px;
        box-shadow: 6px 6px 10px 0px #ababab;
        transform: translate(0px, -5px);
        transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
    }

    #sppb-dynamic-content-cb77a0c0-a9f9-46f8-9b86-32ef518a20a5>.sppb-dynamic-content-collection__item:hover {
        background-color: rgba(0, 0, 0, 0.4) !important;
        border-radius: 20px !important;
        transform: translate(0px, -5px) !important;
        box-shadow: 6px 6px 10px 0px var(--wof-blue-highlight) !important;
    }



    /*
#sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b {
    border-radius: 0px 0px 20px 20px !important;
    padding: 0px 22px 22px 22px !important;
    background: linear-gradient(360deg, rgba(1 1 16) 15%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 40%) !important;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    padding: 1rem;
}

div#sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b
a.sppb-dynamic-content-text__link:not(.p\.sppb-dynamic-content-text\.\.watch-link) {
    padding: 0px 22px 22px 22px;
    text-decoration: none;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
}

#sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b .sppb-dynamic-content-text, #sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b .sppb-dynamic-content-text a {
    margin: 0px 0px 0px 0px !important;
}

#sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b > .sppb-dynamic-content-collection__item {
    transition: all 200ms cubic-bezier(0, 0, 0.2, 1) !important;
}

#sppb-addon-84728f9a-8348-4c5f-ba10-59485783721b > .sppb-dynamic-content-collection__item:hover {
    transform: translate(0px, -5px);
}*/


    /* << --- TEAM PAGE --->> */

    #sppb-addon-b67f2d62-3829-4438-9799-15c87b8828ba .sppb-dynamic-content-text {
        font-weight: 700 !important;
    }

    /* <<--- NEWS --->> */

    #sppb-addon-12bfb2d4-ef4a-4671-adf4-d3ad02de40c4 #btn-12bfb2d4-ef4a-4671-adf4-d3ad02de40c4.sppb-btn-primary {
        padding: 11px 17px !important;
    }

    #sppb-addon-6f2bee4d-60f6-489b-9b8a-933c511ba99f .sppb-social-share-wrap ul li a {
        border-color: transparent !important;
        border-radius: 8px;
    }

    .gallery {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 10px;
    }

    .gallery img {
        width: 100%;
        height: auto;
    }

    div#sppb-addon-ebdb153f-9146-4aa8-a6c3-e7b92b305232 a.sppb-dynamic-content-text__link {
        position: absolute !important;
        padding: 0px 22px 22px 22px !important;
        inset: 0 !important;
        text-decoration: none !important;
        display: flex !important;
        align-items: flex-end !important;
        background: linear-gradient(0deg, #000 15%, transparent 50%) !important;
        border-radius: 20px !important;
    }


    #sppb-dynamic-content-XxTgcOr2VYzEVHJQv4n6S>.sppb-dynamic-content-collection__item:hover {
        box-shadow: 6px 6px 10px 0px #182544 !important;
        transform: translate(0px, -10px) !important;
    }

    /*.sppb-dynamic-content-image-wrapper:hover {
    transform: translate(0px, -5px);
    transition: all 200ms cubic-bezier(0, 0, 0.2, 1);
    border-radius: 20px;
    box-shadow: 6px 6px 10px 0px #ababab;   
    }*/

    /* <<--- CONTACT PAGE --->> */


    .form-label {
        font-family: 'Plus Jakarta Sans' !important;
        font-weight: bold !important;
    }


    /* <<------- REDUNDANT ------->> */


    /*.sp-page-builder .page-content #section-id-b5360b88-b9cf-42eb-8448-43788725b124 {
    max-height: 104dvh;
}*/

    /*#sppb-addon-a6e9b743-5abf-44f6-a764-f34a594d0e79 .sppb-dynamic-content-image-wrapper .sppb-dynamic-content-image {
    height: 900px;
}*/

    /* img.sppb-dynamic-content-image {
    object-position: top;
}

.sp-page-builder .page-content #section-id-8e5c143a-3477-4d9b-aaf1-9d813b98ccf6 {
    background-image: linear-gradient(360deg, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 45%) !important;
    box-shadow: 0 0 0 0 #FFFFFF;
}*/}