.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-32c0525:#FFFFFF;--e-global-color-3ffb8e0:#D8D8D8;--e-global-color-1248e0d:#667085;--e-global-color-f278a96:#101828;--e-global-color-e375fb0:#F5F5F5;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-1692181-font-family:"Montserrat";--e-global-typography-1692181-font-size:clamp(1.5625rem, 0.76375rem + 2.556vw, 3rem);--e-global-typography-1692181-font-weight:600;--e-global-typography-1692181-text-transform:uppercase;--e-global-typography-1692181-line-height:120%;--e-global-typography-1692181-letter-spacing:-0.9px;--e-global-typography-4c0e7ce-font-family:"Montserrat";--e-global-typography-4c0e7ce-font-size:clamp(1.25rem, 0.92328rem + 0.615vw, 1.5rem);--e-global-typography-4c0e7ce-font-weight:600;--e-global-typography-4c0e7ce-text-transform:uppercase;--e-global-typography-4c0e7ce-line-height:1.3em;--e-global-typography-4c0e7ce-letter-spacing:0.2px;--e-global-typography-15cd906-font-family:"Poppins";--e-global-typography-15cd906-font-size:19px;--e-global-typography-15cd906-font-weight:600;--e-global-typography-15cd906-line-height:1.4em;--e-global-typography-0068145-font-family:"Poppins";--e-global-typography-0068145-font-size:18px;--e-global-typography-0068145-font-weight:600;--e-global-typography-fb99723-font-family:"Poppins";--e-global-typography-fb99723-font-size:16px;--e-global-typography-fb99723-font-weight:500;--e-global-typography-fb99723-line-height:2em;--e-global-typography-0c3072c-font-family:"Poppins";--e-global-typography-0c3072c-font-size:16px;--e-global-typography-0c3072c-font-weight:400;--e-global-typography-0c3072c-line-height:2em;--e-global-typography-9feda72-font-family:"Poppins";--e-global-typography-9feda72-font-size:18px;--e-global-typography-9feda72-font-weight:500;--e-global-typography-a9699de-font-family:"Montserrat";--e-global-typography-a9699de-font-size:clamp(1.375rem, 1.25rem + 0.4vw, 1.5rem);--e-global-typography-a9699de-font-weight:600;--e-global-typography-a9699de-text-transform:uppercase;--e-global-typography-a9699de-line-height:1.4em;--e-global-typography-a9699de-letter-spacing:0.2px;--e-global-typography-cdbf66c-font-family:"Poppins";--e-global-typography-cdbf66c-font-size:clamp(1.125rem, 0.98625rem + 0.444vw, 1.375rem);--e-global-typography-cdbf66c-font-weight:400;--e-global-typography-cdbf66c-line-height:1.8em;font-family:"Poppins", Sans-serif;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 p{margin-block-end:0px;}.elementor-kit-8 a{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1330px;}.e-con{--container-max-width:1330px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1100px){.elementor-kit-8{--e-global-typography-1692181-letter-spacing:-0.88px;--e-global-typography-4c0e7ce-letter-spacing:-0.56px;--e-global-typography-15cd906-font-size:19px;--e-global-typography-fb99723-line-height:1.8em;--e-global-typography-0c3072c-line-height:1.8em;--e-global-typography-a9699de-letter-spacing:-0.56px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:850px){.elementor-kit-8{--e-global-typography-1692181-letter-spacing:-0.72px;--e-global-typography-4c0e7ce-letter-spacing:-0.48px;--e-global-typography-15cd906-font-size:17px;--e-global-typography-fb99723-font-size:16px;--e-global-typography-0c3072c-font-size:16px;--e-global-typography-a9699de-letter-spacing:-0.48px;--e-global-typography-cdbf66c-line-height:150%;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.nyilasgomb svg {
height: auto;
width: 1.3em;
}

p, h1, h2, h3, h4, h5, h6 {
    text-box: trim-both cap alphabetic;
}

/* ==========================================
   NYILAS GOMB
   ========================================== */

.nyilasgomb {
    --button-color: #000000;

    --button-gradient: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    --arrow-width: 1.3em;
    --arrow-height: calc(var(--arrow-width) * 12 / 20);
    --arrow-gap: 0.9em;

    --content-lift: 0.2em;

    --transition-speed: 0.5s;
}


.nyilasgomb .elementor-button,
.nyilasgomb .elementor-button:hover,
.nyilasgomb .elementor-button:focus {
    color: var(--button-color) !important;
}




.nyilasgomb .elementor-button-content-wrapper {
    position: relative;

    display: inline-flex;
    align-items: center;


    padding-right: calc(
        var(--arrow-width) + var(--arrow-gap)
    );


    border-bottom: 1px solid var(--button-color);

    box-sizing: border-box;
}


.nyilasgomb .elementor-button-text {
    display: inline-block;

    background-image: var(--button-gradient);


    background-size:
        calc(
            100% +
            var(--arrow-gap) +
            var(--arrow-width)
        )
        100%;

    background-position: left center;
    background-repeat: no-repeat;

    -webkit-background-clip: text;
    background-clip: text;

  
    color: var(--button-color) !important;
    -webkit-text-fill-color: var(--button-color) !important;

  
    transform: translateY(
        calc(-2 * var(--content-lift))
    );

    transition:
        color var(--transition-speed) ease,
        -webkit-text-fill-color var(--transition-speed) ease;
}


.nyilasgomb .elementor-button-content-wrapper::before {
    content: "";

    position: absolute;
    inset: 0;


    background-image: var(--button-gradient);
    background-size: 100% 100%;
    background-position: left center;
    background-repeat: no-repeat;



    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M14,12c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l3.29-3.29H1c-.55,0-1-.45-1-1s.45-1,1-1h15.59l-3.29-3.29c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l5,5c.1.1.17.21.22.33.05.12.08.24.08.38h0c0,.14-.03.27-.08.38-.05.12-.12.23-.22.33l-5,5c-.2.2-.45.29-.71.29Z'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;

    -webkit-mask-size:
        var(--arrow-width)
        var(--arrow-height);

    -webkit-mask-position: right center;


 

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M14,12c-.26,0-.51-.1-.71-.29-.39-.39-.39-1.02,0-1.41l3.29-3.29H1c-.55,0-1-.45-1-1s.45-1,1-1h15.59l-3.29-3.29c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l5,5c.1.1.17.21.22.33.05.12.08.24.08.38h0c0,.14-.03.27-.08.38-.05.12-.12.23-.22.33l-5,5c-.2.2-.45.29-.71.29Z'/%3E%3C/svg%3E");

    mask-repeat: no-repeat;

    mask-size:
        var(--arrow-width)
        var(--arrow-height);

    mask-position: right center;



    filter: grayscale(1) brightness(0);

 
    transform: translateY(
        calc(-2 * var(--content-lift))
    );

    transition:
        filter var(--transition-speed) ease;

    pointer-events: none;
}


.nyilasgomb .elementor-button-content-wrapper::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 1px;

    background-image: var(--button-gradient);
    background-size: 100% 100%;
    background-position: left center;
    background-repeat: no-repeat;


    opacity: 0;

    transition:
        opacity var(--transition-speed) ease;

    pointer-events: none;
}




.nyilasgomb .elementor-button:hover .elementor-button-text,
.nyilasgomb .elementor-button:focus .elementor-button-text,
.nyilasgomb .elementor-button:focus-visible .elementor-button-text {

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}



.nyilasgomb .elementor-button:hover
.elementor-button-content-wrapper::before,

.nyilasgomb .elementor-button:focus
.elementor-button-content-wrapper::before,

.nyilasgomb .elementor-button:focus-visible
.elementor-button-content-wrapper::before {

    filter: grayscale(0) brightness(1);
}


/* gradiens*/

.nyilasgomb .elementor-button:hover
.elementor-button-content-wrapper::after,

.nyilasgomb .elementor-button:focus
.elementor-button-content-wrapper::after,

.nyilasgomb .elementor-button:focus-visible
.elementor-button-content-wrapper::after {

    opacity: 1;
}



/* MOKKARTTEXT*/
.mokkart {
    background: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* uaz hoveresen barhova*/
.mokkart-hover,
.mokkart-hover .elementor-heading-title {
    background: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    padding-top: 0.2em;
    margin-top: -0.2em;

    transition:
        color 0.5s ease-in-out,
        -webkit-text-fill-color 0.5s ease-in-out;
}

.mokkart-hover:hover,
.mokkart-hover:hover .elementor-heading-title {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}










/* MOKKART BUTTONS */

.mokkartbutton1,
.mokkartbutton2 {
    --button-gradient: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    --border-width: 4px;
    --transition-speed: 0.5s;
}

.mokkartbutton1 {
    --inner-color: #ffffff;
}

.mokkartbutton2 {
    --inner-color: #000000;
}

.mokkartbutton1 .elementor-button,
.mokkartbutton2 .elementor-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    box-sizing: border-box;

    background: var(--button-gradient) !important;
    border: 0 !important;
}

.mokkartbutton1 .elementor-button::before,
.mokkartbutton2 .elementor-button::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;
    border: var(--border-width) solid transparent;
    box-sizing: border-box;

    background: var(--inner-color);
    background-clip: padding-box;

    opacity: 1;

    transition: opacity var(--transition-speed) ease;

    pointer-events: none;
    z-index: -1;
}

.mokkartbutton1 .elementor-button-content-wrapper,
.mokkartbutton1 .elementor-button-text,
.mokkartbutton2 .elementor-button-content-wrapper,
.mokkartbutton2 .elementor-button-text {
    position: relative;
    z-index: 1;
}

.mokkartbutton1 .elementor-button:hover::before,
.mokkartbutton1 .elementor-button:focus-visible::before,
.mokkartbutton2 .elementor-button:hover::before,
.mokkartbutton2 .elementor-button:focus-visible::before {
    opacity: 0;
}


/* MOKKART FORM BUTTON */

.mokkart-form {
    --button-gradient: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    --border-width: 4px;
    --transition-speed: 0.5s;
}

.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"] {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: var(--button-gradient) !important;
    border: 0 !important;

    color: #ffffff !important;
}

.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"]::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;
    border: var(--border-width) solid transparent;
    box-sizing: border-box;

    background: #000000;
    background-clip: padding-box;

    opacity: 1;

    transition: opacity var(--transition-speed) ease;

    pointer-events: none;
    z-index: 0;
}

.mokkart-form .elementor-field-type-submit .elementor-button-content-wrapper,
.mokkart-form .elementor-field-type-submit .elementor-button-text {
    position: relative;
    z-index: 1;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"]:hover,
.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"]:focus-visible {
    background: var(--button-gradient) !important;
    color: #ffffff !important;
}

.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"]:hover::before,
.mokkart-form .elementor-field-type-submit .elementor-button[type="submit"]:focus-visible::before {
    opacity: 0;
}


/* MENU ES KIS KIEMELT GOMBOK*/
.mokkartbutton3 {
    --button-gradient: linear-gradient(
        90deg,
        #F36B3A 0%,
        #AB4098 50%,
        #00A9EA 100%
    );

    --border-width: 2px;
    --transition-speed: 0.5s;
}

.mokkartbutton3 .elementor-button {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background: var(--button-gradient) !important;
    border: 0 !important;

    color: #ffffff !important;
}

.mokkartbutton3 .elementor-button::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;
    border: var(--border-width) solid transparent;
    box-sizing: border-box;

    background: #000000;
    background-clip: padding-box;

    opacity: 0;

    transition: opacity var(--transition-speed) ease;

    pointer-events: none;
    z-index: 0;
}

.mokkartbutton3 .elementor-button-content-wrapper,
.mokkartbutton3 .elementor-button-text {
    position: relative;
    z-index: 1;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mokkartbutton3 .elementor-button:hover::before,
.mokkartbutton3 .elementor-button:focus-visible::before {
    opacity: 1;
}




.kepslider .swiper-slide > a {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.kepslider .swiper-slide-inner {
    width: 100%;
    height: 100%;
    margin: 0;
}

.kepslider .swiper-slide-image {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block;
}/* End custom CSS */