/*Global CSS*/
html {
    overflow-y: auto !important;
}

body {
    overflow-x: clip !important;
    position: relative;
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100px;
    transform: translateX(-50%);
    background: linear-gradient(180deg,
            #00365D 10%,
            #0087DB 25%,
            #87C230 75%,
            #587E1E 90%);
    pointer-events: none;
    z-index: 0;
}

body.page-id-533::before,
body.page-id-4258::before,
body.page-id-535::before {
    width: 4px;
}

:root {
    --f-p: linear-gradient(135deg,
            #87C230 0%, #4CC9B0 50%, #0087DB 100%);
    --f-dp: linear-gradient(135deg, #0087DB 0%, #74B711 100%);
    --f-d: linear-gradient(135deg, #F4FAFF 0%, #5FB9F0 50%, #0A84D0 100%);
    --f-dd: linear-gradient(135deg, #0A84D0 0%, #00365D 100%);
    --f-e: linear-gradient(135deg, #004B72 0%, #0A84D0 50%, #44A585 100%);
    --f-ed: linear-gradient(135deg, #44A585 0%, #48B2FF 100%);
    --f-el: linear-gradient(135deg, #48B2FF 0%, #44A585 100%);
    --f-db: #172A36;
    --f-lb: #304958;
    --f-g: #172A36;
    --f-test: #003454;
}

/* Buttons CSS */
.wp-block-edd-confirmation a,
.edd_download_file a {
    --border-bg: var(--f-el);
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    padding-bottom: 6px;
    color: var(--e-global-color-primary) !important;
}

.wp-block-edd-confirmation a::before,
.edd_download_file a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--border-bg);
}


#form-button,
.elementor-button {
    --r: 8px;
    --b: 2px;
    position: relative;
    padding: 0.75rem 2rem;
    border: var(--b) solid transparent;
    border-radius: var(--r);
    background:
        var(--inner-bg) padding-box,
        var(--border-bg) border-box;
    color: var(--btn-text) !important;
    z-index: 0;
    isolation: isolate;
    overflow: hidden;
    margin-bottom: -9px
}

#form-button {
    padding: 0.75rem 5rem;
    margin-top: 1rem;
}


.elementor-button-text {
    color: var(--e-global-color-primary) !important;
}

#form-button::after,
.elementor-button::after {
    content: "";
    position: absolute;
    inset: 0px;
    background: var(--slide-bg);
    transform: scaleX(var(--slide-scale));
    transform-origin: left center;
    z-index: 0;
    pointer-events: none;
}

.elementor-button-text {
    position: relative;
    z-index: 1;
    color: inherit !important;
}



.btn--demo .elementor-button {
    --border-bg: var(--f-d);
    --inner-bg: linear-gradient(#172b36, #172b36);
    --slide-bg: var(--f-dd);
    --btn-text: var(--e-global-color-primary);
}


.btn--premium .elementor-button {
    --border-bg: var(--f-p);
    --inner-bg: linear-gradient(transparent, transparent);
    --slide-bg: var(--f-g);
    --btn-text: var(--e-global-color-secondary);
}


.btn--ud .elementor-button,
.btn--up .elementor-button,
.btn--ued .elementor-button,
.btn--uel .elementor-button,
.wp-block-edd-confirmation a {
    --inner-bg: linear-gradient(transparent, transparent);
    background: none !important;
    border: none !important;
    padding: 14px 0 4px;
    overflow: visible;
    color: var(--e-global-color-primary) !important;
    margin-bottom: 0px
}

.btn--ud .elementor-button::before,
.btn--up .elementor-button::before,
.btn--ued .elementor-button::before,
.btn--uel .elementor-button::before,
.wp-block-edd-confirmation a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: var(--border-bg);
}

.btn--up .elementor-button {
    --border-bg: var(--f-p);
}

.btn--ud .elementor-button {
    --border-bg: linear-gradient(90deg, #F4FAFF 0%, #5FB9F0 50%, #0A84D0 100%);
}

.btn--ued .elementor-button {
    --border-bg: var(--f-ed);
}

.btn--uel .elementor-button,
.wp-block-edd-confirmation a {
    --border-bg: var(--f-el);
}


/* Section Paddings */
.pad-tb-l {
    padding-top: clamp(6rem, 4.571rem + 4.571vw, 8rem);
    padding-bottom: clamp(6rem, 4.571rem + 4.571vw, 8rem);
}

.pad-tb-l-b {
    padding-top: clamp(6rem, 4.571rem + 4.571vw, 8rem);
    padding-bottom: clamp(8rem, 2.286rem + 18.286vw, 16rem);
}

.pad-tb-l-t {
    padding-bottom: clamp(6rem, 4.571rem + 4.571vw, 8rem);
    padding-top: clamp(8rem, 2.286rem + 18.286vw, 16rem);
}

/* Text Paddings */
.tp-l {
    padding-bottom: clamp(2.5rem, 1.429rem + 3.429vw, 4rem)
}

.tp-m {
    padding-bottom: clamp(1.5rem, 1.143rem + 1.143vw, 2rem)
}

.tp-s {
    padding-bottom: 0.5rem
}

.tp-xs {
    padding-bottom: 0.25rem
}

/* CSS Elements */
.box {
    padding: 2rem;
    border-radius: 2rem;
}

.box-p {
    padding: 2rem;
}

.box-r {
    border-radius: 2rem !important;
}

.box-u {
    padding: 2rem;
    border-radius: 2rem 2rem 0 0;
}

.box-d {
    padding: 2rem;
    border-radius: 0 0 2rem 2rem;
}


.e-n-accordion .e-n-accordion-item-title,
.tabs {
    padding: 2rem;
    border-radius: 1rem;
}

.e-n-accordion-item[open]>summary.e-n-accordion-item-title,
.tabs-u {
    padding: 2rem;
    border-radius: 1rem 1rem 0 0;
}


.tabs-d {
    padding: 2rem;
    border-radius: 0 0 1rem 1rem;
}

/* Shadows */

.text-s {
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}

.s-s {
    box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.5);
}


.s-m-img img,
.s-m {
    box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.5);
}

.s-l {
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.5);
}

.t-g {
    box-shadow:
        8px 8px 16px 0 rgba(136, 194, 49, 0.5)
}

.t-b {
    box-shadow:
        8px 8px 16px 0 rgba(0, 135, 219, 0.5)
}


.h-b,
.h-g {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.h-g:hover {
    box-shadow:
        8px 8px 16px 0 rgba(136, 194, 49, 0.5);
    transform: scale(1.025)
}

.h-b:hover {
    box-shadow:
        8px 8px 16px 0 rgba(0, 135, 219, 0.5);
    transform: scale(1.025)
}

/* Fills */
.f-p {
    background: var(--f-p);
}

.f-dp {
    background: var(--f-dp);
}

.f-d {
    background: var(--f-d);
}

.f-dd {
    background: var(--f-dd);
}

.f-e {
    background: var(--f-e);
}

.f-ed {
    background: var(--f-ed);
}

.f-el {
    background: var(--f-el);
}

.f-db {
    background: var(--f-db);
}

.f-lb {
    background: var(--f-lb);
}

.f-g {
    background: var(--f-g);
}

/* Overlays */

.o-d,
.o-dd,
.o-b,
.o-l {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.o-d::after,
.o-dd::after,
.o-b::after,
.o-l::after {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(2px);
    z-index: 1;
    pointer-events: none;
}

.o-d>*,
.o-dd>*,
.o-b>*,
.o-l>* {
    position: relative;
    z-index: 2;
}

.o-d::after {
    background: rgba(0, 0, 0, .5);
}

.o-dd::after {
    background: rgba(0, 0, 0, .65);
}

.o-b::after {
    background: rgba(23, 42, 54, .5);
}

.o-l::after {
    background: rgba(0, 0, 0, .25);
}

/* Borders */

:where([class^="b-"], [class*=" b-"]) {
    position: relative;
    z-index: 0;
}

:where([class^="b-"], [class*=" b-"])::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: var(--border-bg);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.b-p {
    --border-bg: var(--f-p);
}

.b-dp {
    --border-bg: var(--f-dp);
}

.b-d {
    --border-bg: var(--f-d);
}

.b-dd {
    --border-bg: var(--f-dd);
}

.b-e {
    --border-bg: var(--f-e);
}

.b-ed {
    --border-bg: var(--f-ed);
}

.b-el {
    --border-bg: var(--f-el);
}

/* How to ? CSS */

.tip {
    padding: clamp(1rem, 0.643rem + 1.143vw, 1.5rem) clamp(1.5rem, 1.143rem + 1.143vw, 2rem);
    margin: 1.5rem 0;
    border-radius: 0 8px 8px 0;
}

.tip-blue {
    background: #133d56;
    border-left: 4px solid #0087DB;
}

.tip-red {
    background: #392a36;
    border-left: 4px solid #C23131;
}

.tip-green {
    background: #2d4836;
    border-left: 4px solid #87C230;
}

.tip-yellow {
    background: #454f2b;
    border-left: 4px solid #FFE100;
}

.boxed {
    padding: 1.5rem 2rem;
    border-radius: 8px;
    border: 2px solid #3c505b;
    background: #3c505b;
    margin: 1.5rem 0;
}

.content-table {
    margin: 1.5rem 0;
}

.single-single-page h2,
.single-setup-step h2,
.single-manage-step h2,
.single-play-step h2 {
    font-size: clamp(2.5rem, 2.321rem + 0.571vw, 2.75rem);
    padding-top: 2rem;
    margin-bottom: 0.25rem;
}

.single-single-page h3,
.single-setup-step h3,
.single-manage-step h3,
.single-play-step h3 {
    font-size: clamp(1.75rem, 1.571rem + 0.571vi, 2rem);
    padding-top: 1rem;
    margin-bottom: 0;
}

/* Fixing CSS */
.site-branding img {
    border-radius: 0;
}

svg {
    transition: fill 0.3s ease;
}

.elementor-icon-wrapper {
    display: flex;
}


.elementor-flip-box,
.elementor-widget-flip-box {
    border-radius: 2rem;
}

#menu-btn,
.des-rem a {
    color: var(--e-global-color-primary) !important;
    padding-left: 0;
}

h3 {
    transition: 0.3s ease;
}

.elementor-flip-box:hover .elementor-flip-box__front h3 {
    opacity: 0;
}

.elementor-flip-box::after,
.elementor-widget-flip-box::after {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.elementor-flip-box:hover::after,
.elementor-widget-flip-box:hover::after {
    opacity: 1;
}

#menu-2-bbd6754 a {
    transition: padding-left 0.3s ease, color 0.3s ease;
}

#menu-2-bbd6754 a:hover {
    padding-left: 0.5rem;
}

.elementor-nav-menu a:focus,
.elementor-nav-menu a:hover,
.elementor-nav-menu a {
    line-height: 2rem;
    color: white
}


.elementor-sub-item:hover,
.elementor-sub-item {
    background: #314a57 !important;
}

#menu-2-bbd6754 li.menu-item-has-children>a:focus:not([aria-expanded="true"]) {
    color: #fff;
}

.mob-rem:hover .logo {
    transform: rotate(-6deg)
}


.logo:hover {
    transform: rotate(6deg)
}

.elementor-widget-n-accordion,
.e-n-accordion-item {
    border-radius: 1rem
}

.e-n-accordion-item-title {
    transition: background 0.3s ease
}

.no-tch {
    pointer-events: none;
}

.elementor-image-carousel-wrapper,
{
overflow: visible;
}

.swiper {
    overflow: visible;
    overflow-x: clip;
}

.side-aligned .swiper {
    padding: 0 1.5rem;
}

.elementor-widget-text-editor ul {
    padding-left: clamp(0.875rem, 0.786rem + 0.286vw, 1rem);
}



.elementor-element-ed90296 {
    --b: 2px;
    --r: 8px;
}

.elementor-element-ed90296 .elementor-field-group {
    background: var(--f-el) !important;
    padding: var(--b) !important;
    border-radius: var(--r) !important;
}

.elementor-field-group.elementor-col-30 {
    background: none !important;
}

.elementor-element-ed90296 .elementor-field,
textarea {
    background: var(--f-lb) !important;
    border: 0 !important;
    border-radius: calc(var(--r) - var(--b));
}

#edd_purchase_form input:-webkit-autofill,
#tr_customer_email,
.elementor-element-ed90296 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--f-lb) inset !important;
    -webkit-text-fill-color: var(--e-global-color-primary) !important;
}


#form-button {
    --border-bg: var(--f-el);
    --inner-bg: linear-gradient(transparent, transparent);
    --slide-bg: var(--f-g);
    --btn-text: var(--e-global-color-secondary);
}

.elementor-post-navigation a:hover span {
    color: var(--e-global-color-6873078) !important;
    fill: var(--e-global-color-6873078) !important;
}

.elementor-post-navigation a {
    transition: transform 0.3s ease, color 0.3s ease;
}

.elementor-post-navigation__prev a:hover {
    transform: translatex(-4px)
}

.elementor-post-navigation__next a:hover,
.menu-btn:hover {
    transform: translatex(4px)
}

.rule-card1:has(.elementor-button:hover) {
    box-shadow: 8px 8px 16px 0 rgba(0, 135, 219, 0.5);
    transform: scale(1.025)
}

.rule-card2:has(.elementor-button:hover) {
    box-shadow: 8px 8px 16px 0 rgba(136, 194, 49, 0.5);
    transform: scale(1.025)
}

.elementor-icon-box-title {
    margin-top: 0;
}


#edd_checkout_cart,
#edd-edd_first-wrap,
#edd-edd_last-wrap {
    display: none !important;
}

#edd_purchase_form input::placeholder {
    opacity: 0;
}

.edd-blocks-receipt__items,
.edd-blocks-receipt__totals {
    background: var(--f-db);
    border: 2px solid var(--e-global-color-text) !important;
    border-radius: 16px;
    padding: 1.5rem 2rem !important;
}

.wp-block-edd-confirmation a,
.edd_download_file a {
    font-weight: 700;
}

.edd-blocks__row-label {
    margin-bottom: 0.5rem;
    font-size: var(--e-global-typography-842b7ef-font-size)
}

.edd-blocks__confirmation-details {
    padding: 1.5rem 2rem !important;
}

li.edd_download_file,
.edd_purchase_receipt_files,
li.edd_download_file a,
.edd-blocks__confirmation-details a {
    list-style: none !important;
    padding: 0 !important;
}

.arrow-to-receipt {
    transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.arrow-to-receipt:hover {
    opacity: 0.8;
    transform: translatey(4px);
}

.img-filter::after,
.img-filter img,
.no-tch img {
    filter: sepia(1) hue-rotate(175deg) saturate(0.5) brightness(0.6);

}

.p-Tab--selected {
    background: #172936 !important;
}

.footer-slogan h3 {
    font-size: clamp(2.5rem, 2.321rem + 0.571vw, 2.75rem) !important;
}

svg {
    transition: fill 0.3s ease;
}

#tr_customer_email,
.tr-input-group svg {
    transition: transform .3s ease;
}

#tr_customer_email {
    padding-left: 0;
    width: 100%;
    font-size: 1rem;
}



#tr-form-message {
    margin-bottom: 12px;
}

.tr-input-group {
    width: 100%;
    justify-content: space-between;
}

#tr-recaptcha-terms {
    margin-bottom: 8px;
}


#tr-recaptcha-terms a:first-of-type {
    margin-left: 0.5rem;
}


.elementor-message {
    margin-top: 1.5rem !important;
}

.elementor-page-2896::before,
.elementor-page-5::before {
    width: 0 !important;
}

@media screen and (max-width:767px) {

    .mob-rem {
        display: none;
    }

    .post-navigation__prev--title,
    .post-navigation__next--title {
        display: none;
    }

    body::before {
        width: 80px;
    }

    body.page-id-533::before,
    body.page-id-535::before,
    body.page-id-4258::before {
        width: 80px;
    }

    .edd-blocks__confirmation-details {
        background: var(--f-db);
        border-radius: 16px;
        border: 2px solid var(--e-global-color-text);
        display: flex;
        justify-content: center;
    }

    .single-setup-step ul,
    .single-manage-step ul,
    .single-play-step ul,
    .single-setup-step ol,
    .single-manage-step ol,
    .single-play-step ol {
        padding-left: 1.25rem;
    }
}

/*henča kods*/



.tr-input-group {
    position: relative;
    display: flex;
    width: auto;
    opacity: 0.7;
    padding: 0 0 0 1.25rem;
    background: var(--f-lb);
    transition: opacity 0.2s ease;
    border-radius: 16px;
    z-index: 0;
}

.tr-input-group::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: var(--f-d);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.tr-input-group input[type="email"]:focus {
    outline: none;
}

.tr-input-group:focus-within,
.tr-input-group:hover {
    opacity: 1
}



.tr-demo-wrapper input[type="email"] {
    border: none
}




.tr-demo-wrapper button[type="submit"] {
    border: none;
    padding: 0 1.25rem;
    background: var(--f-d);
    color: var(--f-lb) !important;
    transition: opacity 0.2s ease;
    border-radius: 0 16px 16px 0;
    z-index: 20;
    transition: transform 0.3s ease;
}

.tr-demo-wrapper button[type="submit"]:hover {
    opacity: 1;
    transform: translateX(4px);
}


.tr-message {
    display: none;
    margin-top: 12px;
    font-size: 0.9em;
    padding: 0.5rem 3rem
}

.tr-message--success {
    text-align: center;
    color: var(--e-global-color-6873078);
}

.tr-message--error {
    text-align: center;
    color: #C23131;
    margin: 0 !important
}


.tr-demo-wrapper .tr-recaptcha-terms {
    visibility: hidden;
    margin-top: 8px;
    font-size: 0.65em;
    opacity: 0.4;
    margin-bottom: 0
}

.tr-demo-wrapper .tr-recaptcha-terms a {
    color: inherit
}

#terms p {
    text-align: center;
}


.grecaptcha-badge {
    visibility: hidden !important;
}

.tr-demo-error {
    color: #c0392b;
    font-size: 0.85em;
}

.tr-notice {
    padding: 10px;
    margin-bottom: 12px;
    font-size: 0.9em;
    text-align: center;
}

.tr-notice-success {
    color: inherit;
    opacity: 0.9;
}

.tr-notice-error {
    color: #c0392b;
}

.tnr-cookie-banner-eu__body {
    width: 35%;
    margin-left: auto;
    background: var(--f-db);
    padding: 2rem;
    border-radius: 16px;
    border: 2px solid var(--e-global-color-fcbc67c)
}

.tnr-cookie-banner-eu__text {
    text-align: center
}

.tnr-cookie-banner-eu__actions,
.tnr-consent-categories,
.tnr-consent-actions {
    padding-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.tnr-cookie-banner-eu__actions {
    justify-content: center;
}

.tnr-consent-actions {
    margin-top: 1rem;
}

.tnr-cookie-reject-all,
.tnr-consent-reject-all {
    border: 1px solid var(--e-global-color-text);
    color: var(--e-global-color-text);
    border-radius: 8px;
}

.tnr-consent-save {
    border: 1px solid var(--e-global-color-text);
    background: var(--e-global-color-text);
    color: var(--f-db);
    border-radius: 8px;
}

.tnr-cookie-accept-all,
.tnr-consent-accept-all {
    border: 1px solid var(--e-global-color-6873078);
    color: #fff;
    background: var(--e-global-color-6873078);
    border-radius: 8px;
}

.tnr-consent-accept-all:hover,
.tnr-consent-save:hover,
.tnr-consent-reject-all:hover,
.tnr-cookie-banner-eu__actions button:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--f-db);
    transform: translatex(2px)
}

.tnr-cookie-banner-us__dismiss {
    font-size: 2rem !important;
    color: var(--e-global-color-text);
}

.tnr-game-video {
    display: flex;
}

.tnr-game-video__link {
    margin-left: 1rem;
}

.tnr-game-video__icon {
    width: 1.5rem;
}

@media screen and (max-width:786px) {
    .tnr-cookie-banner-eu__body {
        width: 50%;
    }
}

@media screen and (max-width:500px) {
    .tnr-cookie-banner-eu__body {
        width: 100%;
    }
}


#menu-2-bbd6754,
ul.elementor-nav-menu--dropdown {
    padding-left: 0 !important
}

@media screen and (min-width:768px) {

    .des-rem {
        display: none;
    }
}

@media screen and (max-width:768px) {

    #tr-recaptcha-terms a,
    #tr-recaptcha-terms p {
        font-size: 10px;
    }


    .tr-message {
        padding: 0.5rem 0
    }
}