.very-big-title {
    bottom: -4rem;
    /* color: #6E80A2;*/
    /*  color: #3a517a;*/
    color: var(--medium-blue);
    font-size: 11rem;
    left: 8%;
    font-weight: 800;
    line-height: 1;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    white-space: pre;
    width: auto;
    z-index: 0;
}

.shape-background {
    background-position: top;
    background-size: cover;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1600' height='300' preserveAspectRatio='none' viewBox='0 0 1600 300'%3e%3cg mask='url(%26quot%3b%23SvgjsMask2771%26quot%3b)' fill='none'%3e%3crect width='1600' height='300' x='0' y='0' fill='rgba(248%2c 249%2c 251%2c 1)'%3e%3c/rect%3e%3cpath d='M1290.188589666609 117.31006769218703L1349.5217204087646 157.3307697086961 1389.5424224252736 97.99763896654056 1330.209291683118 57.976936950031494z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1144.8265275050994 231.06329380355558L1204.1222691431713 259.9837593636249 1233.0427347032405 200.68801772555304 1173.7469930651687 171.76755216548372z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1565.799975362715 165.2005869054311L1487.8817790189128 190.51774359247526 1513.198935705957 268.4359399362774 1591.1171320497592 243.11878324923325z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1011.4822980152088 147.43334499584842L991.4537649874601 97.8609862056534 941.881406197265 117.88951923340215 961.9099392250138 167.4618780235972z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1123.8031001901593 309.03337792385724L1161.7631012654597 252.75536196491518 1105.4850853065177 214.79536088961476 1067.5250842312173 271.07337684855685z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M34.175071090330526 166.52961160860326L65.4956513959932 130.49940552914038 29.465445316530317 99.1788252234777-1.8551349891323596 135.2090313029406z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M610.503159700633 28.802373000976623L681.6775956024073 71.56828861585416 724.4435112172848 0.39385271407983424 653.2690753155105-42.37206290079771z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M448.1081088252087 35.17629567657554L414.6420711428097 103.79184129923573 483.2576167654699 137.25787898163475 516.723654447869 68.64233335897455z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M148.84660136395553 20.177349318959035L125.81888796413119-19.707820271671363 85.9337183735008 3.319893128152966 108.96143177332513 43.20506271878337z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1079.5386610844434 260.72951103720465L1110.30687049742 218.38070387591253 1067.9580633361281 187.61249446293584 1037.1898539231513 229.96130162422796z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M792.7892909643996 51.345927370302086L790.5891913377702-11.656682785505822 727.5865811819623-9.456583158876427 729.7866808085917 53.54602699693148z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M168.89445499188122 80.74604645460349L235.43029865038386 116.12378207138292 270.8080342671633 49.587938412880256 204.27219060866065 14.21020279610083z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1176.8176711299186 229.09128978445554L1246.3164540997573 207.84337950653918 1225.0685438218409 138.3445965367005 1155.5697608520022 159.59250681461685z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1148.1010524145788 145.04644875577748L1167.4745351507363 91.81824240199072 1114.2463287969497 72.4447596658332 1094.872846060792 125.67296601961996z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1435.530399197846 232.0617681771042L1504.9300091832847 212.16175024031875 1485.0299912464993 142.76214025488 1415.6303812610606 162.6621581916654z' fill='rgba(44%2c 71%2c 120%2c 0.13)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask2771'%3e%3crect width='1600' height='300' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
    padding-top: 60pt;
    padding-bottom: 75pt;
    padding-left: 50pt;
    position: relative;
    z-index: 2;
    height: 250pt
}


@media (max-width:1050px) {
    .very-big-title {
        font-size: 10rem;
    }

    .shape-background {
        height: 200pt;
    }
}

@media (max-width:630px) {
    .very-big-title {
        font-size: 5rem;
        bottom: -2rem;
    }

    .shape-background {
        height: 120pt;
    }
}

.triple-arrows-container {
    margin-top: 5pt;
    background-color: var(--medium-blue);
    height: 55pt;
    display: inline-grid;
    align-items: center;
    border-radius: 0pt 0pt 3pt 3pt;
}

.triple-arrows-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 45px;
    text-decoration: none;
    font-size: 15pt;
    font-weight: 600;
    color: white;
    transition: 1s;
    transform: skewX(-15deg);
}

.triple-arrows-button-container:focus .triple-arrows-button {
    outline: none;
}

.triple-arrows-button-container:hover .triple-arrows-button {
    transition: 0.5s;
}

.triple-arrows-button span:nth-child(2) {
    transition: 0.5s;
    margin-right: 0px;
}

.triple-arrows-button-container:hover .triple-arrows-button span:nth-child(2) {
    transition: 0.5s;
    margin-right: 15px;
}

.triple-arrows-button span {
    transform: skewX(15deg)
}

    .triple-arrows-button span:nth-child(2) {
        width: 20px;
        margin-left: 15px;
    }

/**************SVG****************/
.triple-arrows-button path.one {
    transition: 0.4s;
    transform: translateX(-60%);
}

.triple-arrows-button path.two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.triple-arrows-button-container:hover .triple-arrows-button path.three {
    animation: color_anim 1s infinite 0.2s;
}

.triple-arrows-button-container:hover .triple-arrows-button path.one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.triple-arrows-button-container:hover .triple-arrows-button path.two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */

@keyframes color_anim {
    0% {
        fill: white;
    }

    50% {
        fill: #F5F5F5;
    }

    100% {
        fill: white;
    }
}

.static-card {
    background-color: white;
    margin: 30pt 20pt;
    max-width: 300pt;
    border-radius: 10px;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    /* box-shadow: rgba(136, 165, 191, 0.48) 0px 10px 15px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;*/
    /* box-shadow: rgb(37 61 106 / 12%) 0px -1px 0px, rgb(93 119 141 / 66%) 0px 2px 5px, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;*/
    border-top: 4px solid var(--medium-blue);
    /*    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);*/
    /*    box-shadow: 0 0 20px 8px #07174e24;*/
    /* box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
    box-shadow: rgb(28 56 86 / 78%) 0px 10px 35px -15px;
}


    .static-card:hover {
        transition: all .4s ease;
        -webkit-transition: all .4s ease;
        box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    }

    .static-card .static-card-image {
        height: 165pt;
        display: inline-grid;
        align-items: center;
        justify-items: center;
        padding-left: 30pt;
        padding-right: 30pt;
    }

        .static-card .static-card-image img {
            max-width: 100%;
            max-height: 150pt;
            padding-top: 15pt;
        }

    .static-card .static-card-title {
        height: 60pt;
        padding: 0pt 20pt;
        margin-bottom: 20pt;
        display: inline-grid;
        align-items: center
    }

        .static-card .static-card-title p {
            font-size: 18pt;
            font-weight: 600;
            color: black
        }


        .dx-label span {
            font-weight: 600;
            font-size: 13pt !important;
            color: var(--dark-blue) !important;
        }


.smalltext {
    line-height: 17pt;
}

.smalltext b {
    font-size: 11pt;
    font-weight: 600;
}

    .smalltext span {
        color: var(--ultra-dark-blue);
        font-size: 13pt;
    }


.dx-scrollable-content {
    column-count: 3;
    -moz-column-count: 3;
}

@media(max-width:1400px) {
    .dx-scrollable-content {
        column-count: 2;
        -moz-column-count: 2;
    }
}

@media(max-width:880px) {
    .dx-scrollable-content {
        column-count: 1;
        -moz-column-count: 1;
    }
}

.dx-list-item {
    border-top: none !important;
    break-inside: avoid;
}

    .dx-list-item.dx-state-hover, .dx-list-item.dx-state-focused, .dx-list-item.dx-state-active {
        background-color: transparent !important;
    }

    .dx-list-item:last-of-type {
        border: none;
    }

.dx-list-next-button {
    margin-top: 25pt;
}

.dx-button-normal {
    user-select: none;
    -moz-user-select: none;
    background: white) none repeat scroll 0 0 !important;
    border: 3px solid var(--medium-blue) !important;
    color: var(--medium-blue) !important;
    justify-content: center;
    align-items: center;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    line-height: 1.2em;
    margin-bottom: 0;
    padding: 10px 60px !important;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    white-space: break-spaces;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .dx-button-normal::before {
        content: '';
        position: absolute;
        bottom: 0%;
        left: 0px;
        width: 100%;
        height: 100%;
        background: var(--dark-blue) !important;
        display: block;
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
        z-index: -1;
    }

    .dx-button-normal:hover::before {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .dx-button-normal:hover {
        color: white !important;
    }