/* Css For Video */

/* Base overflow control */
main, #homefirst {
    overflow-x: hidden;
    max-width: 100%;
}

/* Base spacing and container styles */
.mb-5xl {
    margin-bottom: var(--spacing-5xl);
}

.container {
    padding-inline: var(--container-padding) var(--container-padding) !important;
    inline-size: 100%;
}

/* Markets UI Hero specific styles */
.markets-ui-hero {
    position: relative;
}

.markets-ui-hero .ui-hero {
    background: var(--background-opacity);
}

.markets-ui-hero .ui-hero__video {
    filter: brightness(60%);
}

.markets-ui-hero .ui-hero__wrapper {
    color: var(--color-alternative);
}

/* UI Hero base styles */
.ui-hero {
    position: relative;
}

.ui-hero_about {
    position: relative;
    overflow: hidden;
    background: var(--background-opacity);
}

.ui-hero__wrapper {
    display: flex;
    flex-direction: column;
}

.ui-hero__video {
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 0;
    inline-size: auto;
    block-size: 100%;
    transform: translateX(-50%);
    object-fit: cover;
    width :100%;
}

html[dir=rtl] .ui-hero__video {
    transform: translateX(50%);
}

.ui-hero__start-column {
    display: flex;
    flex-direction: column;
}

/* Hero title styles */
.g-hero-title {
    display: inline-block;
    margin-bottom: var(--spacing-xl);
    color: var(--color-alternative);
    font-size: 50px;
    font-weight: 600;
    line-height: var(--line-height-110);
    letter-spacing: -0.03em;
}

.g-hero-title span {
    display: inline-block;
}

/* Hero description styles */
.g-hero-description {
    display: inline-block;
    margin-left: var(--hero-description-margin-left);
    width: max-content;
    max-width: 234px;
    font-size: var(--font-size-semi-xl);
    font-weight: 600;
    line-height: var(--line-height-130);
    letter-spacing: 0;
}

.g-hero-description span {
    position: relative;
    z-index: 0;
    opacity: 0;
    display: block;
    animation: slide-in-description var(--animation-time) forwards;
    animation-delay: var(--animation-delay);
}

/* Animation styles */
.g-hero-animation span {
    position: relative;
    padding-inline-start: var(--animation-padding);
}

.g-hero-animation span::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background-color: var(--square-color);
    animation: expand var(--animation-time) forwards;
}

.g-hero-description-animation {
    position: relative;
    overflow: hidden;
}

.g-hero-description-animation::before {
    --rtl-multiplier: 1;
    content: "";
    position: absolute;
    z-index: var(--menu-z-index-fixed);
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: var(--square-color);
    animation: expand-description var(--animation-time) forwards;
    animation-delay: var(--animation-delay);
}

html[dir=rtl] .g-hero-description-animation::before {
    --rtl-multiplier: -1;
}

.g-hero-description-animation_without::before {
    content: none;
    animation: none;
}

.g-hero-description-animation_without span {
    opacity: 1;
    animation: none;
}

/* Keyframe animations */
@keyframes expand {
    0% {
        width: 100%;
        height: 100%;
    }
    75% {
        top: 0;
        width: var(--animation-square-size);
        height: 100%;
    }
    100% {
        top: var(--animation-square-top-position);
        bottom: var(--animation-square-bottom-position);
        width: var(--animation-square-size);
        height: var(--animation-square-size);
    }
}

@keyframes slide-in-description {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@keyframes expand-description {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(var(--rtl-multiplier) * -101%));
    }
}

/* CSS Variables used */
:root {
    --spacing-5xl: 50px;
    --container-padding: var(--spacing-s);
    --background-opacity: rgb(0 0 0 / 20%);
    --color-alternative: #fff;
    --spacing-xl: 25px;
    --line-height-110: 110%;
    --hero-description-margin-left: var(--spacing-3xl);
    --font-size-semi-xl: 20px;
    --line-height-130: 130%;
    --animation-padding: var(--spacing-3xl);
    --animation-time: 1s;
    --animation-delay: var(--animation-time);
    --animation-square-size: 15px;
    --animation-square-top-position: 29px;
    --animation-square-bottom-position: 10%;
    --square-color: var(--background-error);
    --background-error: #F41112;
    --menu-z-index-fixed: 1;
    --spacing-s: 10px;
    --spacing-3xl: 35px;
    --spacing-4xl: 40px;
    --spacing-l: 20px;
    --font-size-3xl: 30px;
    --large-desktop-width: 1200px;
}

/* Media queries for responsive design */
@media (min-width: 320px) {
    .markets-ui-hero .ui-hero {
        block-size: 480px;
    }
    .markets-ui-hero .ui-hero__wrapper {
        padding: 105px 0 168px;
    }
}

@media (min-width: 768px) {
    :root {
        --container-padding: var(--spacing-4xl);
    }
    
    .container {
        padding-inline: var(--container-padding) var(--container-padding);
    }
    
    .markets-ui-hero .ui-hero {
        block-size: 460px;
    }
    .markets-ui-hero .ui-hero__wrapper {
        padding: var(--spacing-5xl) 0 0;
    }
    
    .ui-hero__video {
        inline-size: 100%;
    }
    
    .page-template-tpl-frontpage h1.g-hero-title {
        margin-bottom: var(--spacing-l);
        font-size: 85px;
    }
    
    .g-hero-description {
        margin-left: 0;
        max-width: 600px;
        font-size: var(--font-size-3xl);
    }
    
    :root {
        --animation-padding: 45px;
        --animation-top-position: 77px;
        --animation-square-bottom-position: 17%;
    }
    
    .g-hero-description-animation::before {
        right: 0;
    }
    
    .g-hero-description-animation_without::before {
        content: "";
        animation: expand-description var(--animation-time) forwards;
        animation-delay: var(--animation-delay);
    }
    
    .g-hero-description-animation_without span {
        opacity: 0;
        animation: slide-in-description var(--animation-time) forwards;
        animation-delay: var(--animation-delay);
    }
}

@media (min-width: 1024px) {
    :root {
        --container-padding: var(--spacing-3xl);
    }
    
    .markets-ui-hero .ui-hero__wrapper {
        padding: 105px 0 168px;
    }
    
    .g-hero-description {
        max-width: 570px;
    }
}

@media (min-width: 1200px) {
    .container {
        margin-inline: auto;
        max-inline-size: var(--large-desktop-width);
    }
}

@media (min-width: 1235px) {
    :root {
        --container-padding: 0;
    }
}






.page-template-tpl-frontpage .started_content {
    margin-top: 8rem
}

.page-template-tpl-frontpage .started_content {
    font-size: 1rem;
    color: #636366
}

.page-template-tpl-frontpage .started_border {
    border-top: 1px solid #636366
}

.page-template-tpl-frontpage .started-button a {
    display: block;
    padding: .5rem;
    border-radius: 50rem !important
}

@media (min-width:768px) {
    .page-template-tpl-frontpage .started_content {
        margin-top: 10rem
    }

    .swiper-slide-next {
        transform: translateX(7rem) !important
    }

    .swiper-slide-prev {
        transform: translateX(-7rem) !important
    }

    .page-template-tpl-frontpage .started_content {
        font-size: .9rem
    }

    .page-template-tpl-frontpage .started-button a {
        padding: .5rem 2.5rem
    }
}

.page-template-tpl-frontpage .started-button a:hover {
    text-decoration: none;
    opacity: .7
}

.green-button a {
    background-color: #0f0;
    color: #000
}

.green-button a:hover {
    background-color: #0f0;
    color: #000
}

.grey-button a {
    background-color: #262f37;
    color: #fff
}

.grey-button a:hover {
    background-color: #262f37;
    color: #fff
}

.started_trend {
    height: 12rem;
    background-color: #262f37
}

.started_lozenge {
    background-color: #0d1821;
    font-size: .7rem;
    padding: .3rem .5rem
}

.started_arrow {
    float: right;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #0d1821;
    transform: rotate(-45deg);
    border-radius: 50%;
    font-size: .7rem
}

.started_arrow i {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.started_trend:hover .started_arrow {
    background-color: #0f0;
    color: #0d1821
}

.overlay {
    display: none;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 100vh;
    min-height: calc(100vh - var(--vh-offset, 0px));
    z-index: 4750;
    background-color: #0d1821
}

.disclaimer {
    font-size: 3.7vw;
    line-height: 1.3
}

@media (min-width:768px) {
    .disclaimer {
        font-size: .85rem;
        line-height: 1.5
    }
}

.cta_btn {
    padding: .4rem 1.2rem;
    background-color: #0f0;
    color: #0d1821;
    font-size: .8rem;
    transition: .3s
}

.cta_btn:hover {
    text-decoration: none;
    background-color: #00d900;
    color: #0d1821
}

@media (min-width:768px) {
    .cta_btn {
        padding: .4rem 1.5rem;
        font-size: .9rem
    }
}

.en-gb-disclaimer {
    font-size: 3.7vw;
    background-color: #0d1821;
    height: 21.5vw;
    padding: .4rem 0;
    line-height: 1.3;
    z-index: 5500;
    transition: height .1s
}

.en-gb-disclaimer.active {
    height: 36vw
}

@media (min-width:768px) {
    .en-gb-disclaimer {
        font-size: .85rem;
        line-height: 1.5;
        height: 4rem
    }

    .en-gb-disclaimer.active {
        height: 4rem
    }
}

.en-gb-disclaimer p {
    margin-bottom: 0
}

.disc_button {
    bottom: .3rem;
    right: 8px;
    width: 1rem;
    height: 1rem;
    border: 1px solid #fff;
    border-radius: 50%
}

.disc_button:before {
    content: '+';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.en-gb-disclaimer.active .disc_button:before {
    content: '-'
}

.menu_holder {
    z-index: 5000;
    height: 4rem
}

.main_logo {
    width: 5rem
}

.menu li {
    position: relative;
    display: inline-block;
    margin: 0 .8rem
}

.menu li:first-child {
    margin: 0 .8rem 0 0
}

.menu li:last-child {
    margin: 0 0 0 .8rem
}

.menu li a {
    transition: .3s
}

.menu li a:hover {
    text-decoration: none
}

.menu li>a {
    display: block;
    padding: 1.3rem 0;
    cursor: pointer
}


@media (max-width: 1200px) {
  header.menu_holder {
    padding: 10px 0;
  }

  .menu_holder .row {
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  .menu_holder .col-lg-2.col-3,
  .menu_holder .col-xl-2.col-9 {
    width: auto;
    flex: 1;
    display: flex;
    align-items: center;
  }

  .menu_holder .main_logo {
    max-height: 40px;
    height: auto;
    width: auto;
  }

  .menu_holder .cta_btn {
    margin-left: auto;
    font-size: 14px;
    padding: 6px 12px;
    white-space: nowrap;
  }

  .menu_holder .d-xl-block {
    display: none !important; /* Hide desktop nav */
  }
}



/* Burger Menu Navigation*/

/* Burger Menu Button */
.burger-menu {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 18px;
    padding: 0;
    z-index: 10001;
}

.burger-menu span {
    display: block;
    height: 3px;
    width: 100%;
    background-color: #fff; /* Adjust for dark menu */
    border-radius: 2px;
}

/* Slide-in Mobile Nav */
.mobile-nav {
    position: fixed;
    top: 64px;
    right: -100%;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background-color: #0c1821; /* Dark theme */
    z-index: 10000;
    transition: right 0.3s ease;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    padding: 30px 20px;
    overflow-y: auto;
}

.mobile-nav.active {
    right: 0;
}

.mobile-nav .mobile-menu li {
    padding: 15px 0;
    border-bottom: 1px solid #333;
}

.mobile-nav .mobile-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.mobile-nav .cta_btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* Close Button */
.close-mobile-nav {
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

/* Optional: Disable scroll when menu is open */
body.mobile-menu-open {
    overflow: hidden;
}



.start_btn {
    color: #fff;
    padding: .3rem 2.2rem .3rem .5rem;
    font-size: .8rem;
    transition: .3s;
    cursor: pointer
}

@media (min-width:768px) {
    .menu_holder {
        height: 5rem
    }

    .main_logo {
        width: 6rem
    }

    .start_btn {
        font-size: .8rem
    }
}

.start_btn:hover {
    text-decoration: none
}

.top_globe {
    width: 1.5rem;
    cursor: pointer
}

.language_holder {
    display: none;
    top: 3rem;
    border-radius: .3rem;
    box-shadow: -1px 3px 21px 6px rgba(0, 0, 0, .15);
    -webkit-box-shadow: -1px 3px 21px 6px rgba(0, 0, 0, .15);
    -moz-box-shadow: -1px 3px 21px 6px rgba(0, 0, 0, .15)
}

.language_menu li a {
    display: block;
    padding: .3rem 2rem .3rem 1rem;
    color: #000
}

.language_menu li a:hover {
    text-decoration: none;
    background-color: #d8d8d8;
    color: #000
}

.light_menu.menu_holder {
    background-color: #fff
}

.light_menu .menu li a {
    color: #000
}

.light_menu .menu li a:hover {
    color: #00b570
}

.light_menu .start_btn {
    background-color: #000
}

.light_menu .start_btn:hover {
    color: #00b570
}

.light_menu .logo_colour {
    fill: #000
}

.dark_menu.menu_holder {
    background-color: #0d1821
}

.dark_menu .menu li a {
    color: #fff
}

.dark_menu .menu li a:hover {
    color: #00b570
}

.dark_menu .start_btn {
    background-color: #262f37
}

.dark_menu .start_btn:hover {
    color: #00b570
}

.dark_menu .logo_colour {
    fill: #fff
}

.menu li:hover ul {
    visibility: visible;
    opacity: 1
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding: .6rem 0;
    min-width: 15rem;
    border-radius: .6rem;
    transition: all 250ms
}

.menu ul li {
    display: block;
    margin: 0 !important;
    padding: 0 !important
}

.menu ul {
    text-align: left;
    left: -1.5rem
}

.menu ul li a {
    display: block;
    padding: .5rem 1.5rem
}

.dark_menu .menu ul {
    background-color: #262f37
}

.dark_menu .menu ul li a {
    color: #949494;
    border-left: 2px solid transparent
}

.dark_menu .menu ul li a:hover {
    color: #fff;
    border-left: 2px solid #0f0;
    background: linear-gradient(0deg, rgba(13, 24, 33, .5) -58.16%, rgba(13, 24, 33, 0) 75.02%)
}

.light_menu .menu ul {
    background-color: #fff;
    box-shadow: 0 4px 89px 0 rgba(0, 0, 0, .15)
}

.light_menu .menu ul li a {
    color: #707070;
    border-left: 2px solid transparent
}

.light_menu .menu ul li a:hover {
    color: #0d1821;
    border-left: 2px solid #00b570;
    background: linear-gradient(0deg, rgba(13, 24, 33, .1) -58.16%, rgba(13, 24, 33, 0) 75.02%)
}

@media (min-width:1200px) {
    .menu_holder.headroom {
        will-change: margin-top;
        transition: margin-top .2s linear
    }

    .menu_holder.headroom--pinned {
        margin-top: 0
    }

    .menu_holder.headroom--unpinned {
        margin-top: -5rem
    }

    .menu_holder.headroom--unpinned.headroom--frozen {
        margin-top: 0
    }
}

.mobile_menu_wrapper {
    visibility: hidden;
    z-index: 6000;
    background-color: #f2f2f2;
    padding: 4rem 0;
    left: 100vw;
    transition: all .3s
}

.mobile_menu_wrapper.active {
    visibility: visible;
    left: 0
}

.mobile_menu_wrapper .mobile_close {
    top: 0 !important;
    height: 4rem !important;
    background-color: #f2f2f2;
    z-index: 100;
    left: 100vw;
    transition: all .3s
}

.mobile_menu_wrapper.active .mobile_close {
    left: 0
}

.burger {
    width: 2.5rem
}

.burger_close {
    width: 1.6rem
}

@media (max-width:767px) {
    .mobile_burger {
        width: 2.5rem
    }

    .burger_close {
        width: 1.6rem
    }
}

.burger_close_ar {
    top: 1.3rem;
    left: 15px;
    width: 1.3rem
}

.mobile_menu_wrapper_ar {
    visibility: hidden;
    z-index: 6000;
    background-color: #f2f2f2;
    padding: 4rem 0;
    right: 100vw;
    transition: all .3s
}

.mobile_menu_wrapper_ar.active {
    visibility: visible;
    right: 0
}

.mobile_menu_wrapper_ar .mobile_close {
    top: 0 !important;
    height: 4rem !important;
    background-color: #f2f2f2;
    z-index: 100;
    right: 100vw;
    transition: all .3s
}

.mobile_menu_wrapper_ar.active .mobile_close {
    right: 0
}

.mobile_menu li {
    font-size: 1.3rem
}

.mobile_menu li a {
    position: relative;
    display: block;
    color: #000;
    padding: .7rem 2rem
}

.mobile_menu li a:hover {
    color: #000;
    text-decoration: none
}

.mobile_menu_wrapper .mobile_menu>li.menu-item-has-children>a::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f054";
    font-size: .8rem;
    position: absolute;
    margin-top: .6rem;
    right: 2rem
}

.mobile_menu_wrapper .mobile_menu>li.menu-item-has-children>a.active::after {
    transform: rotate(-90deg)
}

.mobile_menu_wrapper_ar .mobile_menu>li.menu-item-has-children>a::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f053";
    font-size: .8rem;
    position: absolute;
    margin-top: .6rem;
    left: 2rem
}

.mobile_menu_wrapper_ar .mobile_menu>li.menu-item-has-children>a.active::after {
    transform: rotate(90deg)
}

.mobile_menu li ul {
    display: none;
    padding: .5rem 0;
    list-style-type: none;
    background-color: #fff
}

.mobile_menu li ul li {
    font-size: 1.2rem
}

.mobile_menu li ul li a {
    color: #707070
}

.mobile_txt {
    line-height: 1.2
}

.mobile-button {
    background-color: #fff;
    color: #000;
    padding: .7rem 2rem;
    border-radius: 50rem !important
}

.mobile-button-green {
    background-color: #0f0;
    color: #000;
    padding: .7rem 2rem;
    border-radius: 50rem !important
}

.mobile-button-green:hover,
.mobile-button:hover {
    text-decoration: none;
    color: #000
}

.mobile_menu_footer {
    font-size: .8rem
}

.mobile_menu_footer_wrapper {
    padding: 0 2rem
}

.legal_menu li a {
    font-size: .8rem;
    color: #fff;
    margin-right: 1rem
}

.page-template-tpl-frontpage img:is([sizes=auto i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px
}

.page-template-tpl-frontpage img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -.1em !important;
    background: 0 0 !important;
    padding: 0 !important
}

:where(.wp-block-button__link) {
    border-radius: 9999px;
    box-shadow: none;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-decoration: none
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link) {
    border: 2px solid;
    padding: .667em 1.333em
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)) {
    color: currentColor
}

:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),
:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)) {
    background-color: initial;
    background-image: none
}

:where(.wp-block-calendar table:not(.has-background) th) {
    background: #ddd
}

:where(.wp-block-columns) {
    margin-bottom: 1.75em
}

:where(.wp-block-columns.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-post-comments input[type=submit]) {
    border: none
}

:where(.wp-block-cover-image:not(.has-text-color)),
:where(.wp-block-cover:not(.has-text-color)) {
    color: #fff
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: #000
}

:root :where(.wp-block-cover h1:not(.has-text-color)),
:root :where(.wp-block-cover h2:not(.has-text-color)),
:root :where(.wp-block-cover h3:not(.has-text-color)),
:root :where(.wp-block-cover h4:not(.has-text-color)),
:root :where(.wp-block-cover h5:not(.has-text-color)),
:root :where(.wp-block-cover h6:not(.has-text-color)),
:root :where(.wp-block-cover p:not(.has-text-color)) {
    color: inherit
}

:where(.wp-block-file) {
    margin-bottom: 1.5em
}

:where(.wp-block-file__button) {
    border-radius: 2em;
    display: inline-block;
    padding: .5em 1em
}

:where(.wp-block-file__button):is(a):active,
:where(.wp-block-file__button):is(a):focus,
:where(.wp-block-file__button):is(a):hover,
:where(.wp-block-file__button):is(a):visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: relative
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 9999px
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
    line-height: 1.1
}

:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
    line-height: 1.8
}

:root :where(.wp-block-latest-posts.is-grid) {
    padding: 0
}

:root :where(.wp-block-latest-posts.wp-block-latest-posts__list) {
    padding-left: 0
}

ol,
ul {
    box-sizing: border-box
}

:root :where(.wp-block-list.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
    padding: .5em 1em
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: .5em 1em
}

:root :where(p.has-background) {
    padding: 1.25em 2.375em
}

:where(p.has-text-color:not(.has-link-color)) a {
    color: inherit
}

:where(.wp-block-post-comments-form) input:not([type=submit]),
:where(.wp-block-post-comments-form) textarea {
    border: 1px solid #949494;
    font-family: inherit;
    font-size: 1em
}

:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])),
:where(.wp-block-post-comments-form) textarea {
    padding: calc(.667em + 2px)
}

:where(.wp-block-post-excerpt) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(.wp-block-preformatted.has-background) {
    padding: 1.25em 2.375em
}

:where(.wp-block-search__button) {
    border: 1px solid #ccc;
    padding: 6px 10px
}

:where(.wp-block-search__input) {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border: 1px solid #949494;
    box-sizing: border-box;
    padding: 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
    border: none;
    border-radius: 0;
    padding: 0 4px
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
    outline: 0
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
    padding: 4px 8px
}

:root :where(.wp-block-separator.is-style-dots) {
    height: auto;
    line-height: 1;
    text-align: center
}

:root :where(.wp-block-separator.is-style-dots):before {
    color: currentColor;
    content: "···";
    font-family: serif;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em
}

:root :where(.wp-block-site-logo.is-style-rounded) {
    border-radius: 9999px
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
    background-color: #0a7aff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
    background-color: #0866ff;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
    background-color: #1d4fc4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
    background-color: #ff4500;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
    background-color: #25d366;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
    background-color: #000;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
    background: 0 0
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
    height: 1.25em;
    width: 1.25em
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
    color: #f90
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
    color: #1ea0c3
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
    color: #0757fe
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
    color: #0a7aff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
    color: #1e1f26
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
    color: #02e49b
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
    color: #e94c89
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
    color: #4280ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
    color: #f45800
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
    color: #0866ff
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
    color: #0461dd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
    color: #e65678
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
    color: #24292d
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
    color: #382110
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
    color: #ea4434
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
    color: #1d4fc4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
    color: #f00075
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
    color: #e21b24
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
    color: #0d66c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
    color: #3288d4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
    color: #f6405f
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
    color: #e60122
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
    color: #ef4155
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
    color: #ff4500
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
    color: #0478d7
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
    color: #ff5600
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
    color: #1bd760
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
    color: #2aabee
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
    color: #011835
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
    color: #6440a4
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
    color: #1da1f2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
    color: #1eb7ea
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
    color: #4680c2
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
    color: #25d366
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
    color: #3499cd
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
    color: #000
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
    color: #d32422
}

:where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
    color: red
}

:root :where(.wp-block-social-links .wp-social-link a) {
    padding: .25em
}

:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
    padding: 0
}

:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
    padding-left: .66667em;
    padding-right: .66667em
}

:root :where(.wp-block-tag-cloud.is-style-outline) {
    display: flex;
    flex-wrap: wrap;
    gap: 1ch
}

:root :where(.wp-block-tag-cloud.is-style-outline a) {
    border: 1px solid;
    font-size: unset !important;
    margin-right: 0;
    padding: 1ch 2ch;
    text-decoration: none !important
}

:root :where(.wp-block-table-of-contents) {
    box-sizing: border-box
}

:where(.wp-block-term-description) {
    box-sizing: border-box;
    margin-bottom: var(--wp--style--block-gap);
    margin-top: var(--wp--style--block-gap)
}

:where(pre.wp-block-verse) {
    font-family: inherit
}

:root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px
}

html :where(.has-border-color) {
    border-style: solid
}

html :where([style*=border-top-color]) {
    border-top-style: solid
}

html :where([style*=border-right-color]) {
    border-right-style: solid
}

html :where([style*=border-bottom-color]) {
    border-bottom-style: solid
}

html :where([style*=border-left-color]) {
    border-left-style: solid
}

html :where([style*=border-width]) {
    border-style: solid
}

html :where([style*=border-top-width]) {
    border-top-style: solid
}

html :where([style*=border-right-width]) {
    border-right-style: solid
}

html :where([style*=border-bottom-width]) {
    border-bottom-style: solid
}

html :where([style*=border-left-width]) {
    border-left-style: solid
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%
}

:where(figure) {
    margin: 0 0 1em
}

html :where(.is-position-sticky) {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
}

@media screen and (max-width:600px) {
    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: 0px
    }
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1)
}

:where(.is-layout-flex) {
    gap: .5em
}

:where(.is-layout-grid) {
    gap: .5em
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #272639;
    --pink: #E84661;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #90CBAB;
    --teal: #4DB79A;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #90CBAB;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --breakpoint-xxxl: 1600px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*,
::after,
::before {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

header,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
    
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

template {
    display: none
}

[hidden] {
    display: none !important
}

.h5,
h1,
h2,
h3,
h4,
h5 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1 {
    font-size: 2.5rem
}

h3 {
    font-size: 1.75rem
}

h4 {
    font-size: 1.5rem
}

.h5,
h5 {
    font-size: 1.25rem
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.img-fluid {
    max-width: 100%;
    height: auto
}

code {
    font-size: 87.5%;
    color: #e84661;
    word-wrap: break-word
}

a>code {
    color: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1340px
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-12,
.col-2,
.col-3,
.col-5,
.col-6,
.col-8,
.col-9,
.col-auto,
.col-lg-2,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-9,
.col-xl-2 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%
}

.row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }
}

@media (min-width:992px) {
    .col-lg-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
    border-top: 2px solid #dee2e6
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.close:hover {
    color: #000;
    text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: .75
}

.page-template-tpl-frontpage button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

.page-template-tpl-frontpage a.close.disabled {
    pointer-events: none
}

.page-template-tpl-frontpage .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.carousel {
    position: relative
}

.bg-white {
    background-color: #fff !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.d-none {
    display: none
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

@media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-block {
        display: block !important
    }
}

@media (min-width:1200px) {
    .col-xl-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-block {
        display: block !important
    }
}

.flex-column {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-center {
    align-items: center !important
}

.align-self-start {
    align-self: flex-start !important
}

.float-right {
    float: right !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mx-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mr-3 {
    margin-right: 1rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mt-5 {
    margin-top: 2rem !important
}

.mt-6 {
    margin-top: 2.5rem !important
}

.mb-6 {
    margin-bottom: 2.5rem !important
}

.mt-7 {
    margin-top: 3rem !important
}

.mb-8 {
    margin-bottom: 3.5rem !important
}

.p-0 {
    padding: 0 !important
}

.px-0 {
    padding-right: 0 !important
}

.px-0 {
    padding-left: 0 !important
}

.py-2 {
    padding-top: .5rem !important
}

.py-2 {
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pt-5 {
    padding-top: 2rem !important
}

.px-5 {
    padding-right: 2rem !important
}

.pb-5 {
    padding-bottom: 2rem !important
}

.px-5 {
    padding-left: 2rem !important
}

.py-8 {
    padding-top: 3.5rem !important
}

.py-8 {
    padding-bottom: 3.5rem !important
}

.pb-10 {
    padding-bottom: 5rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media (min-width:768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mt-md-8 {
        margin-top: 3.5rem !important
    }

    .px-md-0 {
        padding-right: 0 !important
    }

    .px-md-0 {
        padding-left: 0 !important
    }

    .py-md-5 {
        padding-top: 2rem !important
    }

    .py-md-5 {
        padding-bottom: 2rem !important
    }

    .py-md-10 {
        padding-top: 5rem !important
    }

    .py-md-10 {
        padding-bottom: 5rem !important
    }

    .text-md-left {
        text-align: left !important
    }
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-white {
    color: #fff !important
}

.text-decoration-none {
    text-decoration: none !important
}

.visible {
    visibility: visible !important
}

@media print {

    *,
    ::after,
    ::before {
        text-shadow: none !important;
        box-shadow: none !important
    }

    a:not(.btn) {
        text-decoration: underline
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    @page {
        size: a3
    }

    body {
        min-width: 992px !important
    }

    .container {
        min-width: 992px !important
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }
}

.no-js .owl-carousel {
    display: block
}

.owl-height {
    transition: height .5s ease-in-out
}

.carousel {
    position: relative;
    box-sizing: border-box
}

.carousel *,
.carousel :after,
.carousel :before {
    box-sizing: inherit
}

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width, 60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width, 48px);
    height: var(--carousel-button-height, 48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color, currentColor);
    background: var(--carousel-button-bg, transparent);
    border-radius: var(--carousel-button-border-radius, 50%);
    box-shadow: var(--carousel-button-shadow, none);
    transition: opacity .15s ease
}

.carousel__button.is-next,
.carousel__button.is-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width, 50%);
    height: var(--carousel-button-svg-height, 50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter, none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden !important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color, #fff);
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    z-index: 1050;
    outline: 0;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4))
}

.fancybox__container *,
.fancybox__container ::after,
.fancybox__container ::before {
    box-sizing: inherit
}

.fancybox__container :focus {
    outline: 0
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))
}

@media all and (min-width:1024px) {
    .fancybox__container {
        --carousel-button-width: 48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg, rgba(24, 24, 27, .92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::after,
.fancybox__slide::before {
    content: "";
    flex: 0 0 0;
    margin: auto
}

@media all and (min-width:1024px) {
    .fancybox__slide {
        padding: 64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0) 0 env(safe-area-inset-left, 0);
    padding: 36px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: dotted thin;
    box-shadow: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color, #fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width:1024px) {
    .fancybox__nav .carousel__button.is-next {
        right: 40px
    }

    .fancybox__nav .carousel__button.is-prev {
        left: 40px
    }

    .carousel__button.is-close {
        right: 40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color, #fff)
}

.fancybox__no-click,
.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color, currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: 2s linear infinite fancybox-rotate;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.carousel__button.is-close,
.carousel__dots,
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav {
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav {
    animation: .15s backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .carousel__button.is-close,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav {
    animation: .15s both fancybox-fadeOut
}

.fancybox-fadeIn {
    animation: .15s both fancybox-fadeIn
}

.fancybox-fadeOut {
    animation: .1s both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    animation: .15s both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    animation: .15s both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    animation: .15s both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(.97) translate3d(0, 16px, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0, -30%, 0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0, 30%, 0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, .1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .2)
}

.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none
}

.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: 0 0
}

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

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width, 96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .006) 8.1%, rgba(0, 0, 0, .021) 15.5%, rgba(0, 0, 0, .046) 22.5%, rgba(0, 0, 0, .077) 29%, rgba(0, 0, 0, .114) 35.3%, rgba(0, 0, 0, .155) 41.2%, rgba(0, 0, 0, .198) 47.1%, rgba(0, 0, 0, .242) 52.9%, rgba(0, 0, 0, .285) 58.8%, rgba(0, 0, 0, .326) 64.7%, rgba(0, 0, 0, .363) 71%, rgba(0, 0, 0, .394) 77.5%, rgba(0, 0, 0, .419) 84.5%, rgba(0, 0, 0, .434) 91.9%, rgba(0, 0, 0, .44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4))
}

@media all and (min-width:1024px) {
    .fancybox__toolbar {
        padding: 8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height, 48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color, rgba(34, 213, 233, .96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:first-child {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:first-child {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.fal,
.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-arrow-right:before {
    content: "\f061"
}

@font-face {
    font-family: "Font Awesome 5 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../../fonts/fa-light-300.eot);
    src: url(../../fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../../fonts/fa-light-300.woff2) format("woff2"), url(../../fonts/fa-light-300.woff) format("woff"), url(../../fonts/fa-light-300.ttf) format("truetype"), url(../../fonts/fa-light-300.svg#fontawesome) format("svg")
}

.fal {
    font-weight: 300
}

.fal,
.far {
    font-family: "Font Awesome 5 Pro"
}

.far {
    font-weight: 400
}

:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-wrapper {
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev {
    left: 10px;
    right: auto
}

.swiper-button-prev:after {
    content: 'prev'
}

.swiper-button-next {
    right: 10px;
    left: auto
}

.swiper-button-next:after {
    content: 'next'
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-slide-visible .swiper-lazy-preloader {
    animation: 1s linear infinite swiper-preloader-spin
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.selectric {
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    font-weight: 400;
    font-style: normal
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .7rem 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #bbb;
    text-align: center
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: .5rem solid transparent;
    border-bottom: none
}

.hide_scroll::-webkit-scrollbar {
    display: none;
}

.hide_scroll {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.grecaptcha-badge {
    display: none !important
}

.mobile-menu-fix {
    position: fixed !important;
    overflow-y: hidden !important;
    width: 100% !important;
}

html {
    height: 100%;
    font-size: 16px
}

.page-id-74{
    background: #fff;
}

body {
    height: 100%;
    display: flex;
    flex-direction: column;
    font-family: Janna-Graphie;
    font-weight: 300;
    font-style: normal;
    text-rendering: optimizelegibility;
    overflow-x: hidden;
}

.site-content {
    flex: 1 0 auto;
    width: 100%;
    min-height: .01px
}

.fade-content {
    opacity: 0
}

.footerholder {
    flex-shrink: 0;
    background-color: #0d1821
}

.page-template-tpl-frontpage .h5,
.page-template-tpl-frontpage h1,
.page-template-tpl-frontpage h2,
.page-template-tpl-frontpage h3,
.page-template-tpl-frontpage h4,
.page-template-tpl-frontpage h5 {
    margin-bottom: .5rem;
    font-weight: 300;
    line-height: 1.2
}

.page-template-tpl-frontpage  h1 {
    font-size: 2rem;
    line-height: 1.1
}

@media (min-width:768px) {
    h1 {
        font-size: 4rem;
        line-height: 1.1
    }
}

.page-template-tpl-frontpage h2 {
    font-size: 2rem
}

.page-template-tpl-frontpage h3 {
    font-size: 1.25rem
}

.page-template-tpl-frontpage strong {
    font-family: Janna-Graphie;
    font-weight: 400;
    font-style: normal
}

.vh-fix {
    height: 100vh;
    height: calc(100vh - var(--vh-offset, 0px))
}

.header-radius {
    border-radius: .5rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header-head-button a {
    display: inline-block;
    padding: 1rem 2.5rem;
    border-radius: 50rem !important
}

.header-head-button a:hover {
    text-decoration: none;
    opacity: .7
}

input[type=submit] {
    padding: 1rem 3.5rem;
    border-radius: 50rem !important;
    border: none;
    outline: 0;
    font-family: Janna-Graphie;
    font-weight: 400;
    font-style: normal
}

input[type=submit]:hover {
    text-decoration: none
}

.video-fill {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%
}

.fancybox__container {
    z-index: 6000
}

.anchor_link {
    top: -5rem
}

.swiper-wrapper {
    transition-timing-function: ease-in-out
}

.swiper-holder-img {
    width: calc(80vw - .75rem)
}

.accordion_anchor {
    top: -18rem
}

.accordion-holder {
    color: #636366;
    border: 1px solid #d8d8d8;
    cursor: pointer
}

.accordion-holder:not(:last-of-type) {
    margin-bottom: 1rem
}

.accordion-content {
    display: none
}

.accordion-holder h5 {
    color: #000
}

.accordion-holder p {
    margin-bottom: 0
}

.accordion-toggle {
    width: 1.5rem;
    height: 1.5rem;
    color: #000;
    background-color: #d8d8d8;
    transition: transform .3s
}

.accordion-holder.active .accordion-content {
    display: block
}

.accordion-holder.active h5 {
    color: #00b570
}

.accordion-holder.active .accordion-toggle {
    color: #fff;
    background-color: #00b570
}

.accordion-holder.active .accordion-toggle {
    transform: rotate(180deg)
}

input[type=text],
select,
textarea {
    width: 100%;
    padding: .5rem 1rem;
    border-radius: .5rem;
    border: none;
    outline: 0;
    resize: none
}

.footerholder {
    font-size: .9rem;
    color: #818181
}

.footerholder a {
    color: #818181
}

.footerholder hr {
    border-color: #636366 !important
}

.social {
    width: 1.8rem;
    margin-right: .3rem
}

.social:hover {
    opacity: .8
}

@media (min-width:768px) {
    h2 {
        font-size: 2.6rem
    }

    h3 {
        font-size: 1.85rem
    }

    .social {
        width: 1.3rem;
        margin-right: .2rem
    }

    html {
        font-size: 11px
    }
}

@media (min-width:992px) {
    html {
        font-size: 14px
    }
}

@media (min-width:1200px) {
    html {
        font-size: 16px
    }
}

@media (min-width:1400px) {
    html {
        font-size: 18px
    }
}

@font-face {
    font-display: swap;
    font-family: Janna-Graphie;
    src: local('Janna-Graphie Light'), local('Janna-Graphie-Light'), url('../../fonts/Janna-Graphie-Light.woff2') format('woff2'), url('../../fonts/Janna-Graphie-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal
}

.janna_lt {
    font-family: Janna-Graphie;
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: Janna-Graphie;
    src: local('Janna-Graphie Regular'), local('Janna-Graphie-Regular'), url('../../fonts/Janna-Graphie-Regular.woff2') format('woff2'), url('../../fonts/Janna-Graphie-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal
}


.down_chevron_mb {
    width: 1rem;
    transition: 300ms;
}

.janna_rg {
    font-family: Janna-Graphie;
    font-weight: 400;
    font-style: normal
}

.language_holder {
    right: 0
}

p.open_demo {
    text-align: center
}

@media only screen and (min-width:415px) {
    p.open_demo {
        text-align: left
    }
}

.dark_menu .menu-item.current-menu-item a {
    color: #00b570
}

.language_wrapper {
    margin-right: 4px
}

.image_text_split3 .header-head-button a {
    background-color: #00b570
}

.image_text_split3 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

.image_text_split3 li {
    position: relative;
    padding-bottom: 1rem
}

.image_text_split3 li:before {
    content: '' !important;
    width: .75rem !important;
    height: .75rem;
    display: block !important;
    position: absolute;
    top: .3rem;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0 !important
}

.image_text_split3 li:before {
    background-image: url('../img/ADSS_BULLET.svg')
}

.image_text_split3 li {
    padding-left: 1.75rem
}

.image_text_split3 li:before {
    left: 0
}

.condensed_benefits4 .container::before {
    background: linear-gradient(90deg, 0, 00 100%)
}

@media (max-width:767px) {
    .accordion-holder h5 {
        font-size: 1rem
    }

    .image_text_split3 {
        text-align: center
    }
}

.component-1-2-36 .holder {
    background-color: #17202a;
    border-radius: .5rem
}

.component-1-2-36 h1,
.component-1-2-36 h3,
.component-1-2-36 h4 {
    font-weight: 400
}

.component-1-2-36 h4 {
    font-size: 1.25rem
}

.component-1-2-36 .cta-btn {
    padding: .8rem 1.75rem;
    color: #fff;
    background-color: rgba(255, 255, 255, .3);
    border-radius: 2rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.component-1-2-36 .columns p {
    font-size: .875rem
}

@media (min-width:768px) {
    .component-1-2-36 p {
        font-size: .875rem
    }

    .component-1-2-335 .icon::after {
        content: '';
        display: block;
        position: absolute;
        top: 1.5rem;
        right: -2rem;
        width: 4rem;
        height: .5rem;
        background-image: url('../img/1-2-3-icon.svg');
        background-repeat: no-repeat;
        background-position: center
    }

    .three_column_comparison19 .highlight {
        width: 12.875rem;
        top: -.7rem;
        left: 50%;
        transform: translateX(-50%)
    }
}

.text11 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text11 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text11 .table1 table tr:last-child td {
    border-bottom: none
}

.three_image13 .swiper-holder-img {
    margin: auto
}

.three_image13 .swiper13 {
    height: 15rem
}

.text12 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text12 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text12 .table1 table tr:last-child td {
    border-bottom: none
}

.swiper13 {
    height: 20rem
}

.condensed_benefits.condensed_benefits14 img {
    margin: auto;
    display: block;
    height: 10rem;
    margin-bottom: -27px
}

.condensed_benefits.condensed_benefits14 p {
    text-align: center
}

.condensed_benefits.condensed_benefits14 .benefits_wrapper {
    margin-top: 1rem !important
}

.condensed_benefits .container::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    opacity: .27
}

.condensed_benefits14 .container::before {
    background: linear-gradient(90deg, #fff 0, #ffffff00 100%)
}

.condensed_benefits img {
    height: 1.75rem
}

@media (max-width:767px) {

    .component-1-2-36 h1,
    .component-1-2-36 h3 {
        font-size: 2rem
    }

    .component-1-2-36 h4 {
        font-size: 1rem
    }

    .condensed_benefits h5 {
        font-size: .875rem
    }

    .condensed_benefits img {
        height: 1.5rem
    }
}

.text17 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text17 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text17 .table1 table tr:last-child td {
    border-bottom: none
}

.three_column_comparison19 .holder {
    border-radius: .5rem;
    background: radial-gradient(circle, rgba(99, 99, 102, .4023984593837535) 0, rgba(99, 99, 102, .1026785714285714) 100%)
}

.three_column_comparison19 .icon {
    height: 5rem
}

.three_column_comparison19 h4 {
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: .2rem
}

.three_column_comparison19 ul {
    margin-bottom: 4rem;
    padding: 0;
    list-style: none
}

.three_column_comparison19 li {
    padding: .25rem 0;
    font-size: 1.25rem
}

.three_column_comparison19 li {
    position: relative;
    padding: .25rem 0 .25rem 2rem
}

.three_column_comparison19 li::before {
    content: '';
    display: block;
    width: .75rem;
    height: .5rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: var(--wpr-bg-771e928b-b9f4-46db-bedc-03ba3e05369a);
    background-repeat: no-repeat;
    background-position: center
}

.three_column_comparison19 .cta-btn {
    padding: .8rem 3rem;
    color: #fff;
    border: 1px solid #0f0;
    border-radius: 2rem
}

.three_column_comparison19 .cta-btn:hover {
    color: #0d1821;
    background-color: #0f0
}

.text22 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text22 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text22 .table1 table tr:last-child td {
    border-bottom: none
}

.image_text_split23.py-3 ul {
    list-style: none
}

.image_text_split23.py-3 ul li::before {
    content: "\2022";
    color: #fff;
    font-weight: 700;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

@media (max-width:767px) {
    .three_column_comparison19 .holder {
        background: rgba(255, 255, 255, .09)
    }

    .three_column_comparison19 .holder:not(:last-of-type) {
        margin-bottom: .625rem
    }

    .three_column_comparison19 h4 {
        margin-bottom: 0;
        font-size: 1rem
    }

    .three_column_comparison19 ul {
        margin-bottom: 2.5rem
    }

    .three_column_comparison19 li {
        font-size: 1rem
    }

    .three_column_comparison19 .content {
        display: none
    }

    .three_column_comparison19 .content.open {
        display: flex
    }

    .three_column_comparison19 .toggle {
        width: 2rem;
        height: 2rem;
        background-color: #141e26;
        cursor: pointer;
        z-index: 10
    }

    .three_column_comparison19 .angle_up {
        display: block;
        height: .35rem;
        transition: .25s;
        transform: rotate(180deg)
    }

    .three_column_comparison19 .toggle.active .angle_up {
        transform: rotate(0)
    }

    .three_column_comparison19 .highlight {
        width: 7.75rem;
        bottom: -.7rem;
        left: 50%;
        transform: translateX(-50%)
    }

    .three_column_comparison19 .top-highlight {
        width: 7.6875rem;
        top: 0;
        right: 0
    }

    .image_text_split23 {
        text-align: center
    }
}

.image_text_split23 ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none
}

.image_text_split23 li {
    position: relative;
    padding-bottom: 1rem
}

.image_text_split23 li:before {
    content: '' !important;
    width: .75rem !important;
    height: .75rem;
    display: block !important;
    position: absolute;
    top: .3rem;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 0 !important
}

.image_text_split23 li:before {
    background-image: url('../img/ADSS_BULLET.svg')
}

.image_text_split23 li {
    padding-left: 1.75rem
}

.image_text_split23 li:before {
    left: 0
}

.text27 .header-head-button a {
    background-color: #0f0
}

.text27 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text27 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text27 .table1 table tr:last-child td {
    border-bottom: none
}

.text29 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text29 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text29 .table1 table tr:last-child td {
    border-bottom: none
}

.text32 .table1 table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-radius: .5em !important;
    overflow: hidden
}

.text32 .table1 table td {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid
}

.text32 .table1 table tr:last-child td {
    border-bottom: none
}

.accordion33 .accordion-holder.active {
    background-color: #14202b
}

.accordion33 .accordion-toggle {
    color: #fff;
    background-color: #14202b
}

.accordion33 .acc_page_link {
    cursor: pointer;
    font-size: 1.2rem;
    color: #564e4e
}

.accordion33 .acc_pager {
    display: none
}

.accordion33 .acc_wrapper33_1 {
    display: block
}

.accordion33 .acc_page_link.active {
    font-weight: 400
}

.benefit_wrapper {
    height: 28rem
}

.image-fill {
    position: absolute;
    top: 0;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 100%;
    left:0
}
.market22 .chart_left_scroll:before,
.market22 .benefit_wrapper_mb:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    height: 2px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,.4) 49%, rgba(255,255,255,0) 100%); 
}
.market22 .chart_left_scroll.active:before,
.market22 .benefit_wrapper_mb.active:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    height: 2px;
    background: rgb(0,255,0);
    background: linear-gradient(90deg, rgba(0,255,0,.6) 49%, rgba(255,255,255,0) 100%); 
}
.market22 .chart_left_scroll:last-child:after,
.market22 .benefit_wrapper_mb:last-child:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 2px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,.4) 49%, rgba(255,255,255,0) 100%); 
}
.chart_left_title22  {
    cursor: pointer;
}
.chart_left_title22 p {
    margin: 0;
}
.chart_left_content22 {
    display: none;
}
.chart_left_content22 p {
    margin: 0;
    padding-bottom: 1rem;
}
.market22 .benefit_wrapper_mb h3 {
    font-size: 1.6rem;
    margin: 0;
}
.chart_left_content22.active {
    display: block;
    z-index: 200;
}
.market_chart_scroll22 {
    top: 100%;
    opacity: 0;
    transform: scale(1.4);
    transition: 1000ms;
    background-color: ;
}

.market_chart_scroll22.active {
    top: 0;
    opacity: 1;
    transform: scale(1);
    z-index: 200;
}

.market22 .cta-btn {
    padding: 0.8rem 1.75rem;
    color: #fff;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 2rem;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.market22 .cta-btn::after {
    content: '';
    display: block;
    width: 8rem;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    background-image: var(--wpr-bg-fd010f2b-207f-47e7-8669-82b171bdd547);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
@media (max-width:767px) {
    .market22 .cta-btn::after {
        width: 9rem;
    }
}

.benefit_content_mb {
    display: none;
}
.benefit_content_mb p {
    margin: 0;
}

.market_chart_scroll22 {
    top: 100%;
    opacity: 0;
    transform: scale(1.4);
    transition: 1000ms;
    background-color: ;
}


.two-column8 .column_one .header-head-button a {
    color: ; 
    background-color: ;
}
.two-column8 .column_two .header-head-button a {
    color: ; 
    background-color: ;
}
.two-column8 .two_column_border:before {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    background-color: transparent;
}
@media (min-width:768px) {
    .two-column8 .two_column_border:before {
        left: 0;
        background-color: #bebebe;
    }
}
.two-column8 .two-column-icon {
    height: 2.5rem;
}
.two-column8 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.two-column8 li {
    position: relative;
    padding-bottom: 1rem;
}
.two-column8 li:before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    position: absolute;
    top: 0.25rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.two-column8 li:before {
    background-image: url('../img/green-bullet.svg');
}

/* AR  */
@media (min-width:768px) {
    .two-column8 .two_column_border:before {
        left: 0;
    }
}
.two-column8 li {
    padding-left: 1.75rem;
}
.two-column8 li:before {
    left: 0;
} 

.two-column27 .column_one .header-head-button a {
    color: #0d1821; 
    background-color: #00ff00;
}
.two-column27 .column_two .header-head-button a {
    color: #0d1821; 
    background-color: #d8d8d8;
}
.two-column27 .two_column_border:before {
    content: '';
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    background-color: transparent;
}
@media (min-width:768px) {
    .two-column27 .two_column_border:before {
        left: 0;
        background-color: #bebebe;
    }
}
.two-column27 .two-column-icon {
    height: 2.5rem;
}
.two-column27 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.two-column27 li {
    position: relative;
    padding-bottom: 1rem;
}
.two-column27 li:before {
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    display: block;
    position: absolute;
    top: 0.25rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.two-column27 li:before {
    background-image: url('../img/ADSS_BULLET.svg');
}

/* AR  */
@media (min-width:768px) {
    .two-column27 .two_column_border:before {
        left: 0;
    }
}
.two-column27 li {
    padding-left: 1.75rem;
}
.two-column27 li:before {
    left: 0;
}       

.condensed_benefits31 img {
    height: 5rem !important;
    margin: 0 auto !important;
}

.condensed_benefits31 h4 {
    font-size: 1.625rem;
}

.condensed_benefits31 .container::before {
    background: linear-gradient(90deg, #d8d8d8 0%, #d8d8d800 100%);
}

.condensed_benefits img,
.condensed_benefits .json_file_condensed {
    height: 1.75rem;
}
.condensed_benefits .json_file_condensed svg {
    height: 1.75rem !important;
    width: auto !important;
}
.benefits-link {
    gap: 1rem;
    font-size: 0.875rem;
    color: #fff;
}
.benefits-link:hover {
    color: #fff;
}
.benefits-link i {
    font-size: 0.6rem;
    transition: 0.2s;
}
.benefits-link:hover i {
    transform: translateX(0.5rem);
}
@media (max-width:767px) {
    .condensed_benefits h5 {
        font-size: 0.875rem;
    }
    .condensed_benefits img,
    .condensed_benefits .json_file {
        height: 1.5rem;
    }
}

/* footer logo section */

.flat-container {
    inline-size: 100%
}

@media (min-width: 1200px) {
    .flat-container {
        margin: 0 auto;
        max-inline-size: 1200px;
    }
}

.footer-partners {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-block-start: 20px;
    padding: 20px 10px;
    background-color: #fff
}

.footer-partners_long {
    display: none;
    min-inline-size: 10px;
    background-color: #fff;
}

.footer-partners_short {
    min-inline-size: 10px
}

.footer-partners__link {
    display: block;
    min-inline-size: 10px
}

.footer-partners__link img {
    display: block;
    inline-size: auto;
    min-inline-size: 10px
}

.footer-partners__link_mc-laren img {
    aspect-ratio: 140 / 122
}

.footer-partners__link_monaco img {
    aspect-ratio: 81 / 56
}

.footer-partners__link_long-mac-laren img {
    margin-block-end: 34px;
    block-size: 39px;
    aspect-ratio: 284 / 39
}

.footer-partners__link_car img {
    margin-block-end: 18px;
    block-size: 67px;
    aspect-ratio: 330 / 67
}

.footer-partners__link_long-monaco img {
    margin-block-end: 34px;
    block-size: 39px;
    aspect-ratio: 280 / 39
}

.footer-partners__link_yacht img {
    block-size: 190px;
    aspect-ratio: 143 / 190
}

.footer-partners__hr {
    margin: 20px 0;
    inline-size: 100%;
    block-size: 1px;
    background-color: #dfe6e9
}

@media (min-width: 768px) {
    .footer-partners {
        flex-direction: row;
        justify-content: center;
        margin-block-start: 30px;
        padding: 30px 10px
    }

    .footer-partners__link_mc-laren img {
        aspect-ratio: 118 / 103
    }

    .footer-partners__hr {
        margin: 20px 130px;
        inline-size: 1px;
        block-size: 91px
    }
}

@media (min-width: 1024px) {
    .footer-partners {
        padding-inline: 35px
    }

    .footer-partners_long {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .footer-partners_short {
        display: none
    }

    .footer-partners__hr {
        display: none
    }
}

@media (min-width: 1235px) {
    .footer-partners {
        padding-inline: 0
    }
}

.footer-rights {
    background-color: #0c1821;
    font-weight: 300;
    font-size: 12px;
}

.footer-rights__container {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column
}

.footer-rights__text {
    color: rgba(255,255,255,.7)
}

.footer-rights__text a {
    color: inherit;
    text-decoration: underline
}

.footer-rights__text:not(:last-child) {
    margin-bottom: 1rem
}

@media (min-width: 1024px) {
    .footer-rights__container {
        padding-top: 40px;
        padding-bottom: 40px;
        flex-direction: row;
        gap: 10px
    }

    .footer-rights__text {
        width: 33.333333%
    }
}