/* compiled by scssphp v0.1.1 on Wed, 27 Aug 2025 13:48:44 +0000 (0.0298s) */

@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes bounce {
    0% {
        transform: translate(-100%, -100vh);
    }

    50% {
        transform: translate(-100%, 0);
    }

    60% {
        transform: translate(-100%, -50px);
    }

    70% {
        transform: translate(-100%, 0);
    }

    80% {
        transform: translate(-100%, -10px);
    }

    100% {
        transform: translate(-100%, 0);
    }
}

@keyframes pulse {
    0% {
        transform: translate(-100%, 0) scale(1);
    }

    50% {
        transform: translate(-100%, 0) scale(1.1);
    }

    100% {
        transform: translate(-100%, 0) scale(1);
    }
}

@keyframes home_header_nav_primary {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 420px;
    }
}

@keyframes home_header_nav_secondary {
    0% {
        max-width: 0px;
    }

    100% {
        max-width: 230px;
    }
}

@keyframes home_header_gradient {
    0% {
        width: 30px;
    }

    99% {
        width: 30px;
    }

    100% {
        width: 0;
    }
}

@keyframes home_ball_intro {
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }

    96% {
        transform: translate(-50%, -50%) scale(0.98);
    }

    92% {
        transform: translate(-50%, -50%) scale(0.99);
    }

    82% {
        transform: translate(-50%, -50%) scale(0.94);
    }

    76% {
        transform: translate(-50%, -50%) scale(0.98);
    }

    54% {
        transform: translate(-50%, -50%) scale(0.75);
    }

    36% {
        transform: translate(-50%, -50%) scale(0.98);
    }

    24% {
        transform: translate(-50%, -50%) scale(0.44);
    }

    12% {
        transform: translate(-50%, -50%) scale(0.11);
    }

    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }
}

@media (min-width:981px) {
    body.page-template-template-home.current-slide-4>header {
        background: linear-gradient(180deg, #285383 0%, rgba(40, 83, 131, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
    }

    body.page-template-template-home>header {
        position: fixed;
        margin-right: 340px;
        transition: 0.5s;
        transition-delay: 0.5s;
        background: none;
    }

    body.page-template-template-home>header nav.primary ul,
    body.page-template-template-home>header nav.secondary ul {
        animation: home_header_nav_primary 0.8s linear 0.7s 1 normal forwards;
        position: relative;
        max-width: 0;
        /* overflow: hidden; */
        white-space: nowrap;
    }

    body.page-template-template-home>header nav.primary ul:before,
    body.page-template-template-home>header nav.secondary ul:before {
        animation: home_header_gradient 0.1s linear 1.4s 1 normal forwards;
        content: ' ';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0px;
        bottom: 0;
        width: 30px;
        background: -moz-linear-gradient(left, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        background: -webkit-linear-gradient(left, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        background: linear-gradient(to right, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00030048', endColorstr='#3b77c0', GradientType=1);
    }

    body.page-template-template-home>header nav.secondary {
        min-width: 200px;
    }

    body.page-template-template-home>header nav.secondary ul {
        animation: home_header_nav_secondary 0.8s linear 1.8s 1 normal forwards;
    }

    body.page-template-template-home>header nav.secondary ul:before {
        animation: home_header_gradient 0.1s linear 2.5s 1 normal forwards;
    }

    body.page-template-template-home>header .logo {
        width: 0;
        margin-right: 0;
        overflow: hidden;
        position: relative;
        transition: all 0.8s linear;
        transition-delay: 1s;
    }

    body.page-template-template-home>header .logo:before {
        content: ' ';
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0px;
        bottom: 0;
        width: 30px;
        background: -moz-linear-gradient(left, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        background: -webkit-linear-gradient(left, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        background: linear-gradient(to right, rgba(3, 0, 72, 0) 0%, #3b77c0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00030048', endColorstr='#3b77c0', GradientType=1);
    }

    body.page-template-template-home.current-slide-2>header,
    body.page-template-template-home.current-slide-3>header,
    body.page-template-template-home.current-slide-4>header {
        margin-right: 0;
    }

    body.page-template-template-home.current-slide-2>header .logo,
    body.page-template-template-home.current-slide-3>header .logo,
    body.page-template-template-home.current-slide-4>header .logo {
        margin-right: 63px;
        width: 230px;
    }

    body.page-template-template-home.current-slide-2>header .logo:before,
    body.page-template-template-home.current-slide-3>header .logo:before,
    body.page-template-template-home.current-slide-4>header .logo:before {
        animation: home_header_gradient 0.1s linear 1.7s 1 normal forwards;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    body.page-template-template-home>header {
        margin-right: 280px;
        background: none;
    }
}

@media (min-width:981px) and (max-width:1300px) {
    body.page-template-template-home>header {
        margin-right: 210px;
    }
}

@media (min-width:981px) {
    #home-slides {
        height: 400vh;
        position: relative;
        z-index: 6;
    }

    #home-slides .delay-0 {
        transition-delay: 0s !important;
    }

    #home-slides .transition-25 {
        transition: 0.25s !important;
    }

    #home-slides .transition-125 {
        transition: 0.125s !important;
    }

    #home-slides>div {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow: hidden !important;
        transition: 0.5s;
        margin: 0 auto;
        max-width: 100%;
    }

    #home-slides>div.interior-slides {
        overflow: visible;
        max-width: 100%;
    }

    #home-slides .home-circle {
        width: 840px;
        height: 840px;
        border-radius: 50%;
        position: absolute;
        transform: translate(-50%, -50%) scale(0.01);
        opacity: 0;
        transition: 1s;
        text-align: center;
    }

    #home-slides .home-circle>div {
        width: 840px;
        height: 840px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: 1s;
    }

    #home-slides .home-circle h3,
    #home-slides .home-circle p {
        opacity: 0;
        pointer-events: none;
    }

    #home-slides .home-circle h3 {
        font: 400 27px / normal 'acumin-pro', sans-serif;
        position: absolute;
        transform: translateX(-50%);
        left: 50%;
    }

    #home-slides .home-circle h3:before {
        content: ' ';
        display: block;
        width: 0%;
        height: 3px;
        background: #285383;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        transition: 1s;
    }



    @media (min-width: 981px) {
        #home-slides .home-circle p::before {
            content: ' ';
            display: block;
            width: 0%;
            height: 3px;
            background: #f3f3f3;
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            transition: 1s;
        }
    }

    #home-slides .home-circle h3.highlight {
        font-size: 36px;
    }

    #home-slides .home-circle h3.highlight:before {
        width: 100%;
    }

    @media (min-width: 981px) {
        #home-slides .home-circle p.highlight::before {
            width: 80%;
        }
    }

    #home-slides .home-circle p {
        font: 400 16px/1.1 'acumin-pro', sans-serif;
        transition: 1s;
        position: absolute;
    }

    #home-slides .home-circle p.highlight {
        font-size: 24px;
    }

    #home-slides.visible-text .home-circle p {
        opacity: 1;
    }

    #home-slides.visible-text .home-circle h3,
    #home-slides.visible-text .home-circle p {
        transition-delay: 0.75s !important;
    }

    #home-slides #home-circle-1 {
        background: #264e7c;
        z-index: 1;
        top: 320px;
        left: calc(100vw - 20px);
        animation: home_ball_intro 0.8s linear 0.1s 1 normal forwards;
    }

    #home-slides #home-circle-1 h3,
    #home-slides #home-circle-1 p {
        /* color: #3b77c0; */
        color: #ffffff;

    }

    #home-slides #home-circle-1 h3 {
        /* top: 103px; */
        display: none;
    }

    #home-slides #home-circle-1 p {
        transform: translateX(-50%);
        left: 50%;
        top: 100px;
        white-space: nowrap;
    }

    #home-slides #home-circle-2 {
        background: rgba(6, 1, 107, 0.51);
        z-index: 3;
        top: 770px;
        left: calc(100vw + 100px);
        animation: home_ball_intro 0.8s linear 0s 1 normal forwards;
    }

    #home-slides #home-circle-2 h3 {
        /* top: 247px;
        margin-left: 59px; */
        display: none;
    }

    #home-slides #home-circle-2 p {
        left: 200px;
        top: 213px;
        width: 191px;
    }

    #home-slides #home-circle-3 {
        background: #ffffff;
        z-index: 2;
        top: 790px;
        left: calc(100vw - 200px);
        animation: home_ball_intro 1.1s linear 0s 1 normal forwards;
        color: #000000;
    }

    #home-slides #home-circle-3 h3 {
        /* top: 217px;
        margin-left: -82px;
        width: 200px;
        line-height: 1.2; */
        display: none;
    }

    #home-slides #home-circle-3 p {
        left: 40px;
        top: 213px;
        width: 231px;
    }

    #home-slides .logo-full {
        position: absolute;
        top: 39px;
        right: 30px;
        z-index: 4;
        opacity: 0;
        transition: 0.3s;
        transition-delay: 1s;
    }

    #home-slides .logo-full.animate {
        opacity: 1;
    }

    #home-slides .logo-full img {
        display: block;
        width: 270px;
    }

    #home-slides h2 {
        font: normal 100px/1.2 'albra', serif;
    }

    #home-slides p {
        font: normal 32px/1.375 'acumin-pro', sans-serif;
    }

    #home-slides p+p {
        margin-top: 1em;
    }

    #home-slides .slide:not(#slide-1) h2 {
        font-size: 60px;
        margin-bottom: 15px;
    }

    #home-slides .slide:not(#slide-1) p {
        font-size: 30px;
    }

    #home-slides .slide:not(#slide-1)>div {
        position: absolute;
        top: 335px;
        left: 942px;
        width: 791px;
    }

    #home-slides .slide {
        display: none;
        height: 100%;
        position: relative;
        z-index: 6;
    }

    #home-slides #slide-1 {
        display: block;
    }

    #home-slides #slide-1 h2 {
        margin-bottom: 50px;
    }

    #home-slides #slide-1 p {
        max-width: 868px;
    }

    #home-slides #slide-1>div {
        position: absolute;
        left: 264px;
        bottom: 60px;
        width: 940px;
        max-width: calc(100vw - 852px);
    }

    #home-slides .fade-in-children>* {
        opacity: 0;
        transition: 0.8s;
    }

    #home-slides .fade-in-children>*:nth-child(2) {
        transition-delay: 0.1s;
    }

    #home-slides .fade-in-children.animate>* {
        opacity: 1;
    }

    #home-slides #home-circles-label {
        font: 700 27px/1.37 'acumin-pro', sans-serif;
        color: #030448;
        position: absolute;
        text-align: center;
        top: 569px;
        left: 373px;
        width: 130px;
        z-index: 5;
        opacity: 0;
        transition: 0.5s;
    }

    #home-slides #home-circles-label.visible {
        opacity: 1;
    }

    #home-slides:not(.current-slide-1) .logo-full {
        opacity: 0;
        pointer-events: none;
    }

    #home-slides:not(.current-slide-1) #slide-1 {
        pointer-events: none;
    }

    #home-slides:not(.current-slide-1) #slide-1 .fade-in-children>* {
        opacity: 0;
    }

    #home-slides:not(.current-slide-1) .home-circle {
        width: 462px;
        height: 462px;
    }

    #home-slides:not(.current-slide-1) .home-circle>div {
        width: 462px;
        height: 462px;
    }

    #home-slides:not(.current-slide-1) .home-circle.large {
        width: 531.3px;
        height: 531.3px;
    }

    #home-slides:not(.current-slide-1) .home-circle h3 {
        opacity: 1;
        transition: 1s;
    }

    #home-slides:not(.current-slide-1) #home-circle-1 h3 {
        transition-delay: 1s;
    }

    #home-slides:not(.current-slide-1) #home-circle-2 h3 {
        transition-delay: 1.2s;
    }

    #home-slides:not(.current-slide-1) #home-circle-3 h3 {
        transition-delay: 1.4s;
    }

    #home-slides.current-slide-3 #home-circle-1 h3 {
        top: 247px;
        margin-left: 69px;
    }

    #home-slides.current-slide-3 #home-circle-1 p {
        transform: none;
        left: 195px;
        top: 293px;
    }

    #home-slides.current-slide-3 #home-circle-2 h3 {
        top: 247px;
        margin-left: -67px;
    }

    #home-slides.current-slide-3 #home-circle-2 p {
        transform: none;
        left: 71px;
        top: 293px;
        width: 182px;
    }

    #home-slides.current-slide-3 #home-circle-3 h3 {
        top: 40px;
        font-size: 32px !important;
        margin-left: 0;
        max-width: 250px;
    }

    #home-slides.current-slide-3 #home-circle-3 h3:before {
        bottom: -7px;
    }

    #home-slides.current-slide-3 #home-circle-3 p {
        transform: translateX(-50%);
        left: 50%;
        top: 130px;
        width: 278px;
        font-size: 20px !important;
    }

    #home-slides.current-slide-4 #home-circle-1 h3 {
        top: 247px;
        margin-left: -94px;
    }

    #home-slides.current-slide-4 #home-circle-1 p {
        transform: none;
        left: 32px;
        top: 293px;
    }

    #home-slides.current-slide-4 #home-circle-2 h3 {
        top: 66px;
        font-size: 36px !important;
        margin-left: 0;
    }

    #home-slides.current-slide-4 #home-circle-2 p {
        transform: translateX(-50%);
        left: 50%;
        top: 131px;
        width: 226px;
        font-size: 19px !important;
    }

    #home-slides.current-slide-4 #home-circle-3 h3 {
        top: 216px;
        margin-left: 88px;
    }

    #home-slides.current-slide-4 #home-circle-3 p {
        transform: none;
        left: 197px;
        top: 292px;
        width: 231px;
    }

    #home-slides.current-slide-2 #home-circle-1 {
        left: 436px;
        top: 463px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-2 #home-circle-2 {
        left: 578px;
        top: 674px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-2 #home-circle-3 {
        left: 296px;
        top: 674px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-3 #home-circle-1 {
        left: 578px;
        top: 674px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-3 #home-circle-2 {
        left: 296px;
        top: 674px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-3 #home-circle-3 {
        left: 436px;
        top: 463px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-4 #home-circle-1 {
        left: 296px;
        top: 674px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-4 #home-circle-2 {
        left: 436px;
        top: 463px;
        transition-delay: 0.5s;
    }

    #home-slides.current-slide-4 #home-circle-3 {
        left: 578px;
        top: 674px;
        transition-delay: 0.5s;
    }
}

@media (min-width:981px) and (min-width:1800px) {
    #home-slides>div.interior-slides {
        max-width: 1730px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides .home-circle {
        width: 604px;
        height: 604px;
    }

    #home-slides .home-circle>div {
        width: 604px;
        height: 604px;
    }

    #home-slides .home-circle h3 {
        font-size: 19px;
    }

    #home-slides .home-circle h3.highlight {
        font-size: 25px;
    }

    #home-slides .home-circle p {
        font-size: 11px;
    }

    #home-slides .home-circle p.highlight {
        font-size: 16px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides #home-circle-1 {
        top: 200px;
        left: calc(100vw - 3px);
    }

    #home-slides #home-circle-1 h3 {
        top: 73px;
        font-size: 18px;
    }

    #home-slides #home-circle-1 p {
        top: 116px;
        font-size: 15px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides #home-circle-2 {
        top: 570px;
    }

    #home-slides #home-circle-2 h3 {
        top: 155px;
        margin-left: 42px;
        font-size: 18px;
    }

    #home-slides #home-circle-2 p {
        top: 210px;
        left: 92px;
        width: 230px;
        font-size: 15px;

    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides #home-circle-3 {
        top: 510px;
        left: calc(100vw - 180px);
    }

    #home-slides #home-circle-3 h3 {
        top: 155px;
        margin-left: -57px;
        width: 150px;
        font-size: 18px;
    }

    #home-slides #home-circle-3 p {
        left: 28px;
        top: 208px;
        width: 164px;
        font-size: 15px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides .logo-full {
        top: 27px;
        right: 20px;
    }

    #home-slides .logo-full img {
        width: 191px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides .slide:not(#slide-1) h2 {
        font-size: 43px;
        margin-bottom: 11px;
    }

    #home-slides .slide:not(#slide-1) p {
        font-size: 21px;
    }

    #home-slides .slide:not(#slide-1)>div {
        top: 245px;
        left: 688px;
        width: 562px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides h2 {
        font-size: 72px;
    }

    #home-slides p {
        font-size: 21px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides #slide-1 h2 {
        margin-bottom: 17px;
    }

    #home-slides #slide-1>div {
        left: 188px;
        width: 670px;
        max-width: calc(100vw - 672px);
    }

    #home-slides #slide-1 p {
        max-width: 569px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides #home-circles-label {
        font-size: 18px;
        top: 410px;
        left: 289px;
        width: 76px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides:not(.current-slide-1) .home-circle {
        width: 328px;
        height: 328px;
    }

    #home-slides:not(.current-slide-1) .home-circle>div {
        width: 328px;
        height: 328px;
    }

    #home-slides:not(.current-slide-1) .home-circle.large {
        width: 377.2px;
        height: 377.2px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-1 h3 {
        top: 175px;
        margin-left: 37px;
    }

    #home-slides.current-slide-3 #home-circle-1 p {
        left: 138px;
        top: 207px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-2 h3 {
        top: 175px;
        margin-left: -42px;
    }

    #home-slides.current-slide-3 #home-circle-2 p {
        width: 132px;
        left: 50px;
        top: 207px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-3 h3 {
        top: 27px;
        font-size: 22px !important;
        margin-left: 0;
    }

    #home-slides.current-slide-3 #home-circle-3 h3:before {
        bottom: -8px;
    }

    #home-slides.current-slide-3 #home-circle-3 p {
        top: 95px;
        width: 256px;
        font-size: 16px !important;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-1 h3 {
        top: 175px;
        margin-left: -58px;
    }

    #home-slides.current-slide-4 #home-circle-1 p {
        left: 23px;
        top: 208px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-2 h3 {
        top: 39px;
        font-size: 25px !important;
    }

    #home-slides.current-slide-4 #home-circle-2 p {
        top: 81px;
        width: 186px;
        font-size: 16px !important;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-3 h3 {
        top: 150px;
        margin-left: 62px;
    }

    #home-slides.current-slide-4 #home-circle-3 p {
        left: 140px;
        top: 207px;
        width: 164px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-2 #home-circle-1 {
        left: 328px;
        top: 335px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-2 #home-circle-2 {
        left: 428px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-2 #home-circle-3 {
        left: 228px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-1 {
        left: 428px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-2 {
        left: 228px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-3 #home-circle-3 {
        left: 328px;
        top: 335px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-1 {
        left: 228px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-2 {
        left: 328px;
        top: 335px;
    }
}

@media (min-width:981px) and (max-width:1750px),
(min-width:981px) and (max-height:880px) {
    #home-slides.current-slide-4 #home-circle-3 {
        left: 428px;
        top: 483px;
    }
}

@media (min-width:981px) and (max-width:1300px) {
    #home-slides .home-circle {
        width: 500px;
        height: 500px;
    }

    #home-slides #home-circle-1 {
        left: calc(100vw - 43px);
    }

    #home-slides #home-circle-3 {
        left: calc(100vw - 70px);
    }

    #home-slides #slide-1>div {
        left: 30px;
        max-width: calc(100vw - 362px);
    }

    #home-slides .slide:not(#slide-1) h2 {
        font-size: 34px;
    }

    #home-slides .slide:not(#slide-1) p {
        font-size: 18px;
    }

    #home-slides .slide:not(#slide-1)>div {
        top: 165px;
        left: 618px;
        width: calc(100vw - 660px);
    }
}

#scroll-indicator {
    background: #fff;
    position: fixed;
    z-index: 10000;
    bottom: 40px;
    right: 20px;
    height: 120px;
    width: 1px;
}

#scroll-indicator span {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    margin: -6px 0 0 -6px;
    top: 0%;
    border-radius: 50%;
    background: #fff;
    transition: 0.5s ease;
}

@media (max-width:980px) {
    #scroll-indicator {
        display: none;
    }
}

@keyframes scroll_help_animation {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-40%);
    }

    100% {
        transform: translateY(0%);
    }
}

#scroll-help {
    width: 32px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.369' height='17.033' viewBox='0 0 31.369 17.033'%3E%3Cpath id='Path_327' data-name='Path 327' d='M31.184-20.067l-.5-.5a.844.844,0,0,0-1.2,0L15.75-6.82,2-20.566a.844.844,0,0,0-1.2,0l-.5.5a.844.844,0,0,0,0,1.2L15.145-4.029a.844.844,0,0,0,1.2,0L31.177-18.872A.838.838,0,0,0,31.184-20.067Z' transform='translate(-0.062 20.814)' fill='%236873f8'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    z-index: 5000;
    bottom: 20px;
    left: 470px;
    pointer-events: none;
    animation: scroll_help_animation 1s linear 0s 5 normal forwards;
}

@media (max-width:980px) {
    #scroll-help {
        display: none !important;
    }
}

@media (max-width:1300px) {
    #scroll-help {
        left: 280px;
    }


}

.slide-graphic {
    display: none !important;
}

@media (max-width:980px) {
    body.page-template-template-home>header {
        background: none;
    }

    body.page-template-template-home>header:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 350ms ease;
        background: linear-gradient(180deg, #285383 0%, rgba(40, 83, 131, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
    }

    body.page-template-template-home>header.show-gradient:before {
        opacity: 1;
        transform: translateY(0);
    }

    body>header .logo {
        opacity: 0;
        pointer-events: none;
        transition: 0.5s;
    }

    body>header .logo.fade-in {
        opacity: 1;
        pointer-events: all;
    }

    .logo-full {
        width: 245px;
        position: fixed;
        z-index: 1020;
        top: 18px;
        right: 17px;
        transition: 0.5s;
    }

    .logo-full img {
        display: block;
        width: 100%;
        height: auto;
    }

    .logo-full.slide-away {
        transform: translateY(-100%);
        opacity: 0;
    }

    #home-circles-label {
        display: none;
    }

    .home-circle {
        position: absolute;
        width: 403px;
        height: 403px;
        border-radius: 50%;
    }

    .home-circle>div {
        display: none;
    }

    .home-circle.small {
        width: 222px;
        height: 222px;
    }

    .fee-only {
        background: #2e5e96;
        color: #f3f3f3;
        z-index: 10;
    }

    .diy {
        background: rgba(255, 255, 255, 0.51);
        z-index: 11;
    }

    .wealth-management {
        background: rgba(6, 1, 107, 0.51);
        z-index: 12;
    }

    #home-circle-1 {
        right: -79px;
        top: -73px;
    }

    #home-circle-2 {
        top: 124px;
        right: -178px;
    }

    #home-circle-3 {
        top: 142px;
        right: 42px;
    }

    #home-slides {
        position: relative;
        overflow: hidden;
    }

    #home-slides .slide {
        position: relative;
        display: block !important;
        z-index: 15;
    }

    #home-slides h2 {
        font: 400 38px/45px 'albra', serif;
        text-align: center;
        margin-bottom: 16px;
    }

    #home-slides p {
        font: 400 18px / normal 'acumin-pro', sans-serif;
    }

    #home-slides .slide-text {
        padding: 0 30px 30px;
    }

    #home-slides #slide-1 {
        padding-top: 320px;
    }

    #home-slides #slide-1 h2 {
        font-size: 42px;
        line-height: 48px;
        text-align: left;
    }

    #home-slides #slide-1 p {
        font-size: 20px;
    }

    .slide-graphic {
        display: block !important;
        height: 320px;
        position: relative;
        text-align: center;
        width: 354px;
        margin: 90px auto 35px;
        max-width: 100%;
        will-change: transform;
        transform: rotate(-122deg);
        transform-origin: 173px 171px;
        transition: all 0.75s ease-out 0s;
    }

    .slide-graphic.rotate-in {
        transform: rotate(0deg);
    }

    .slide-graphic .label {
        font: 700 13px/16px 'acumin-pro', sans-serif;
        color: #030448;
        position: absolute;
        top: 160px;
        width: 70px;
        left: 143px;
        z-index: 50;
        opacity: 0;
        transition: 0.5s;
    }

    .slide-graphic h3 {
        position: absolute;
        font: 400 13px/1 'acumin-pro', sans-serif;
        opacity: 0;
        transition: 0.5s;
    }

    .slide-graphic p {
        opacity: 0;
        transition: 0.5s;
    }

    .slide-graphic.visible-text .label,
    .slide-graphic.visible-text h3,
    .slide-graphic.visible-text p {
        opacity: 1;
    }

    .slide-graphic> :nth-child(1) {
        left: 67px;
        top: 0;
        color: #fff;
    }

    .slide-graphic> :nth-child(1) h3 {
        /* top: 32px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 16px; */
        display: none;
    }

    .slide-graphic> :nth-child(1) h3:before {
        content: ' ';
        position: absolute;
        background: #f3f3f3;
        height: 3px;
        left: 0;
        right: 0;
        bottom: -5px;
    }

    @media (max-width: 980px) {
        .slide-graphic> :nth-child(1) p::before {
            content: ' ';
            position: absolute;
            background: #f3f3f3;
            height: 3px;
            left: 0;
            right: 0;
            bottom: -5px;
            width: 50%;
            margin-left: 25%;
        }
    }

        
    


    .slide-graphic> :nth-child(1) p {
        font: 400 12px/14px 'acumin-pro', sans-serif !important;
        position: absolute;
        left: 9px;
        right: 9px;
        top: 62px;
    }

    .slide-graphic> :nth-child(2) {
        left: 134px;
        top: 100px;
    }

    .slide-graphic> :nth-child(2) p {
        display: none;
    }

    .slide-graphic> :nth-child(2) h3 {
        top: 118px;
        left: 88px;
        right: 2px;
    }

    .slide-graphic> :nth-child(3) {
        left: 0;
        top: 100px;
    }

    .slide-graphic> :nth-child(3) p {
        display: none;
    }

    .slide-graphic> :nth-child(3) h3 {
        top: 118px;
        left: 2px;
        right: 88px;
    }

    .slide-graphic[data-step='2']> :nth-child(1) h3 {
        /* top: 16px; */
        display: none;
    }
}

.slide a {
    text-decoration: underline;
}

#home-hire-us {
    position: relative;
    z-index: 6;
    padding: 183px 25px 105px;
}

#home-hire-us .wrap {
    width: 1240px;
}

#home-hire-us h2 {
    font: 400 55px/73px 'albra', serif;
    text-align: center;
    margin-bottom: 67px;
}

#home-hire-us img {
    display: block;
    margin: 0 auto 29px;
}

#home-hire-us h3 {
    font: 400 32px/44px 'acumin-pro', sans-serif;
}

#home-hire-us p {
    font: 400 18px/26px 'acumin-pro', sans-serif;
    margin-bottom: 1em;
}

#home-hire-us .why-cols {
    display: flex;
    justify-content: space-between;
}

#home-hire-us .why-cols>div {
    width: 240px;
    max-width: 28%;
}

@media (min-width:1751px) and (min-height:881px) {
    #home-hire-us {
        padding: 254px 25px 105px;
    }

    #home-hire-us .wrap {
        width: 1532px;
    }

    #home-hire-us h2 {
        font-size: 72px;
        line-height: 96px;
        margin-bottom: 100px;
    }

    #home-hire-us img {
        margin-bottom: 40px;
    }

    #home-hire-us h3 {
        font-size: 30px;
        line-height: 53px;
        font-style: bold;
    }

    #home-hire-us p {
        font-size: 24px;
        line-height: 34px;
    }

    #home-hire-us .why-cols>div {
        width: 535px;
    }
}

@media (max-width:980px) {
    #home-hire-us {
        padding: 92px 25px 50px;
    }

    #home-hire-us h2 {
        font-size: 38px;
        line-height: 51px;
        margin-bottom: 57px;
    }

    #home-hire-us .why-cols {
        flex-wrap: wrap;
        max-width: 680px;
        margin: 0 auto;
    }

    #home-hire-us .why-cols>div {
        position: relative;
        padding: 0 0 50px 114px;
        max-width: 45%;
        width: 337px;
        box-sizing: border-box;
    }

    #home-hire-us img {
        margin: 0;
        width: 90px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    #home-hire-us h3 {
        font-size: 30px;
        line-height: 42px;
    }
}

@media (max-width:660px) {
    #home-hire-us .why-cols {
        display: block;
    }

    #home-hire-us .why-cols>div {
        max-width: 100%;
        width: 100%;
    }
}

body.home #home-cta {
    position: relative;
    z-index: 6;
}

body.home #home-cta .content {
    margin-bottom: 54px;
}

body.home #home-cta>.wrap {
    max-width: 964px;
    margin: 0 auto;
    padding-left: 28px;
    padding-right: 31px;
    box-sizing: content-box;
    text-align: center;
}

@media only screen and (max-width:1800px) {
    body.home #home-cta>.wrap {
        max-width: 657px;
    }
}

body.home #home-cta>.wrap .link {
    font-weight: 700;
    background: #285383;
    background: linear-gradient(270deg, #285383 0%, #274f7e 100%);
    border: 0;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 36px 59px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    text-decoration: none;
    margin-bottom: 100px;
    text-align: center;
}

@media only screen and (max-width:1800px) {
    body.home #home-cta>.wrap .link {
        padding: 21px 45px;
    }
}

@media only screen and (max-width:800px) and (max-width:800px) {
    body.home #home-cta>.wrap .link {
        padding: 23px 13px;
    }
}

body.home #home-cta>.wrap .link:hover:before {
    transform: translateX(0);
}

body.home #home-cta>.wrap .link:after {
    content: attr(data-text);
    font: 400 30px/42px 'acumin-pro', sans-serif;
    color: #fff;
    margin-bottom: 54px;
    margin-bottom: 0;
    font-weight: 700;
    z-index: 1;
}

@media only screen and (max-width:1800px) {
    body.home #home-cta>.wrap .link:after {
        font-size: 21px;
        line-height: 29px;
        margin-bottom: 36px;
    }
}

@media only screen and (max-width:800px) and (max-width:800px) {
    body.home #home-cta>.wrap .link:after {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0.9rem;
    }
}

@media only screen and (max-width:1800px) {
    body.home #home-cta>.wrap .link:after {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:800px) and (max-width:800px) {
    body.home #home-cta>.wrap .link:after {
        margin-bottom: 0;
    }
}

body.home #home-cta>.wrap .link:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #274f7e;
    transform: translateX(-100%);
    transition: all 350ms ease-in-out;
}