.elementor-kit-11{--e-global-color-primary:#151A1E;--e-global-color-text:#454D52;--e-global-color-accent:#FF8A00;--e-global-color-secondary:#D96F00;--e-global-color-f0c3c8f:#C9D0D4;--e-global-color-cc71924:#F8F9F8;--e-global-color-6423840:#FFB22E;--e-global-color-b8f5cd9:#C97B12;--e-global-color-85bbd26:#02010100;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:160%;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:150%;--e-global-typography-e523c46-font-family:"Barlow";--e-global-typography-e523c46-font-size:4.5rem;--e-global-typography-e523c46-font-weight:800;--e-global-typography-e523c46-line-height:100%;--e-global-typography-bb7e433-font-family:"Barlow";--e-global-typography-bb7e433-font-size:3.5rem;--e-global-typography-bb7e433-font-weight:800;--e-global-typography-bb7e433-line-height:105%;--e-global-typography-1ed6370-font-family:"Barlow";--e-global-typography-1ed6370-font-size:2.5rem;--e-global-typography-1ed6370-font-weight:800;--e-global-typography-1ed6370-line-height:110%;--e-global-typography-65b1fff-font-family:"Barlow";--e-global-typography-65b1fff-font-size:2rem;--e-global-typography-65b1fff-font-weight:700;--e-global-typography-65b1fff-line-height:115%;--e-global-typography-6b67988-font-family:"Barlow";--e-global-typography-6b67988-font-size:1.5rem;--e-global-typography-6b67988-font-weight:700;--e-global-typography-6b67988-line-height:120%;--e-global-typography-190f35b-font-family:"Barlow";--e-global-typography-190f35b-font-size:1.25rem;--e-global-typography-190f35b-font-weight:700;--e-global-typography-190f35b-line-height:125%;--e-global-typography-5647083-font-family:"Barlow";--e-global-typography-5647083-font-size:1.0625rem;--e-global-typography-5647083-font-weight:700;--e-global-typography-5647083-line-height:130%;--e-global-typography-0b90100-font-family:"Barlow";--e-global-typography-0b90100-font-size:0.8125rem;--e-global-typography-0b90100-font-weight:700;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-accent );}.elementor-kit-11 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--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);}@media(min-width:2400px){.elementor-kit-11{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1366px){.elementor-kit-11{--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-e523c46-font-size:4rem;--e-global-typography-bb7e433-font-size:3rem;--e-global-typography-1ed6370-font-size:2.25rem;--e-global-typography-65b1fff-font-size:1.875rem;--e-global-typography-6b67988-font-size:1.375rem;--e-global-typography-190f35b-font-size:1.125rem;--e-global-typography-5647083-font-size:1rem;--e-global-typography-0b90100-font-size:0.8125rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-e523c46-font-size:3.25rem;--e-global-typography-bb7e433-font-size:2.5rem;--e-global-typography-1ed6370-font-size:2rem;--e-global-typography-65b1fff-font-size:1.625rem;--e-global-typography-6b67988-font-size:1.25rem;--e-global-typography-190f35b-font-size:1.125rem;--e-global-typography-5647083-font-size:1rem;--e-global-typography-0b90100-font-size:0.75rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-e523c46-font-size:2.5rem;--e-global-typography-bb7e433-font-size:2.125rem;--e-global-typography-1ed6370-font-size:1.75rem;--e-global-typography-65b1fff-font-size:1.5rem;--e-global-typography-6b67988-font-size:1.25rem;--e-global-typography-190f35b-font-size:1.0625rem;--e-global-typography-5647083-font-size:0.9375rem;--e-global-typography-0b90100-font-size:0.75rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}
/* Start custom CSS *//* ==========================================================
   RAFRENT / WEEBSKY STYLE UTILITIES
   FULL SYSTEM
   Backward compatible
   ========================================================== */


/* ==========================================================
   GLOBAL VARIABLES
   ========================================================== */

:root {

    /* RAFRENT COLORS */

    --rr-accent: #FF8A00;
    --rr-accent-hover: #D96F00;

    --rr-accent-2: #FFB22E;
    --rr-accent-2-hover: #C97B12;

    --rr-dark: #151A1E;
    --rr-dark-hover: #20272C;
    --rr-dark-soft: #454D52;

    --rr-light: #F8F9F8;
    --rr-white: #FFFFFF;


    /* SPACING */

    --space-pad-s:
        clamp(1rem, 0.7692rem + 1.0256vw, 1.5rem);

    --space-pad-m:
        clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);

    --space-pad-l:
        clamp(2rem, 1.5385rem + 2.0513vw, 3rem);


    --space-section-s:
        clamp(1.5rem, 1.0385rem + 2.0513vw, 2.5rem);

    --space-section-m:
        clamp(4rem, 3.5385rem + 2.0513vw, 5rem);

    --space-section-l:
        clamp(7rem, 6.5385rem + 2.0513vw, 8rem);


    /* RESPONSIVE RADII */

    --radius-s:
        clamp(10px, 0.80vw, 16px);

    --radius-m:
        clamp(14px, 1.30vw, 26px);

    --radius-l:
        clamp(18px, 1.80vw, 36px);

    --radius-xl:
        clamp(22px, 2.30vw, 46px);

    --radius-pill:
        999px;


    /* BUTTON RADII */

    --btn-radius-default: 6px;
    --btn-radius-soft: 14px;
    --btn-radius-square: 0;
    --btn-radius-pill: 999px;


    /* CONTENT WIDTH */

    --max-w-s: 480px;
    --max-w-m: 720px;
    --max-w-l: 960px;
    --max-w-xl: 1200px;

    --max-w-text: 68ch;


    /* SHADOWS */

    --shadow-1:
        0 2px 8px rgba(15, 20, 24, 0.06),
        0 1px 2px rgba(15, 20, 24, 0.04);

    --shadow-1-hover:
        0 5px 16px rgba(15, 20, 24, 0.10),
        0 2px 5px rgba(15, 20, 24, 0.06);


    --shadow-2:
        0 6px 20px rgba(15, 20, 24, 0.08),
        0 2px 6px rgba(15, 20, 24, 0.04);

    --shadow-2-hover:
        0 10px 28px rgba(15, 20, 24, 0.14),
        0 4px 10px rgba(15, 20, 24, 0.07);


    --shadow-3:
        0 12px 32px rgba(15, 20, 24, 0.12),
        0 4px 12px rgba(15, 20, 24, 0.06);

    --shadow-3-hover:
        0 18px 42px rgba(15, 20, 24, 0.18),
        0 7px 16px rgba(15, 20, 24, 0.09);


    --shadow-4:
        0 8px 26px rgba(255, 138, 0, 0.12),
        0 3px 8px rgba(15, 20, 24, 0.05);

    --shadow-4-hover:
        0 14px 34px rgba(255, 138, 0, 0.22),
        0 5px 12px rgba(15, 20, 24, 0.08);
}


/* ==========================================================
   PADDING
   ========================================================== */

.u-pad-s {
    padding: var(--space-pad-s);
}

.u-pad-m {
    padding: var(--space-pad-m);
}

.u-pad-l {
    padding: var(--space-pad-l);
}


.u-pad-tb-s {
    padding-block: var(--space-section-s);
}

.u-pad-tb-m {
    padding-block: var(--space-section-m);
}

.u-pad-tb-l {
    padding-block: var(--space-section-l);
}


.u-pad-t-s {
    padding-top: var(--space-section-s);
}

.u-pad-t-m {
    padding-top: var(--space-section-m);
}

.u-pad-t-l {
    padding-top: var(--space-section-l);
}


.u-pad-b-s {
    padding-bottom: var(--space-section-s);
}

.u-pad-b-m {
    padding-bottom: var(--space-section-m);
}

.u-pad-b-l {
    padding-bottom: var(--space-section-l);
}


/* ==========================================================
   BUTTON BASE

   Compatible with:

   btn
   btn-accent
   btn btn-accent

   etc.
   ========================================================== */

.elementor-widget-button.btn .elementor-button,
.elementor-widget-button.btn-accent .elementor-button,
.elementor-widget-button.btn-accent-2 .elementor-button,
.elementor-widget-button.btn-dark .elementor-button,
.elementor-widget-button.btn-light .elementor-button,
.elementor-widget-button.btn-outline-dark .elementor-button,
.elementor-widget-button.btn-outline-light .elementor-button,
.elementor-widget-button.btn-outline-accent .elementor-button {

    position: relative;
    overflow: hidden;

    border: 0;

    border-radius:
        var(--btn-radius-default);

    transform:
        translateY(0);

    transition:
        transform 0.22s ease,
        background-color 0.22s ease,
        color 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        filter 0.22s ease;
}


/* BUTTON HOVER */

.elementor-widget-button.btn .elementor-button:hover,
.elementor-widget-button.btn-accent .elementor-button:hover,
.elementor-widget-button.btn-accent-2 .elementor-button:hover,
.elementor-widget-button.btn-dark .elementor-button:hover,
.elementor-widget-button.btn-light .elementor-button:hover,
.elementor-widget-button.btn-outline-dark .elementor-button:hover,
.elementor-widget-button.btn-outline-light .elementor-button:hover,
.elementor-widget-button.btn-outline-accent .elementor-button:hover {

    transform:
        translateY(-1px);
}


/* BUTTON FOCUS */

.elementor-widget-button.btn .elementor-button:focus-visible,
.elementor-widget-button.btn-accent .elementor-button:focus-visible,
.elementor-widget-button.btn-accent-2 .elementor-button:focus-visible,
.elementor-widget-button.btn-dark .elementor-button:focus-visible,
.elementor-widget-button.btn-light .elementor-button:focus-visible,
.elementor-widget-button.btn-outline-dark .elementor-button:focus-visible,
.elementor-widget-button.btn-outline-light .elementor-button:focus-visible,
.elementor-widget-button.btn-outline-accent .elementor-button:focus-visible {

    outline:
        2px solid var(--rr-accent);

    outline-offset:
        3px;
}


/* ==========================================================
   BUTTON — ACCENT
   ========================================================== */

.elementor-widget-button.btn-accent .elementor-button {

    background-color:
        var(--rr-accent);

    color:
        var(--rr-white);

    box-shadow:
        0 2px 5px rgba(255, 138, 0, 0.12);
}

.elementor-widget-button.btn-accent .elementor-button:hover {

    background-color:
        var(--rr-accent-hover);

    color:
        var(--rr-white);

    box-shadow:
        0 6px 16px rgba(255, 138, 0, 0.22);
}


/* ==========================================================
   BUTTON — ACCENT 2
   ========================================================== */

.elementor-widget-button.btn-accent-2 .elementor-button {

    background-color:
        var(--rr-accent-2);

    color:
        var(--rr-dark);
}

.elementor-widget-button.btn-accent-2 .elementor-button:hover {

    background-color:
        var(--rr-accent-2-hover);

    color:
        var(--rr-white);

    box-shadow:
        0 6px 16px rgba(201, 123, 18, 0.20);
}


/* ==========================================================
   BUTTON — DARK
   ========================================================== */

.elementor-widget-button.btn-dark .elementor-button {

    background-color:
        var(--rr-dark);

    color:
        var(--rr-white);
}

.elementor-widget-button.btn-dark .elementor-button:hover {

    background-color:
        var(--rr-dark-hover);

    color:
        var(--rr-white);

    box-shadow:
        0 6px 16px rgba(15, 20, 24, 0.20);
}


/* ==========================================================
   BUTTON — LIGHT
   ========================================================== */

.elementor-widget-button.btn-light .elementor-button {

    background-color:
        var(--rr-light);

    color:
        var(--rr-dark);
}

.elementor-widget-button.btn-light .elementor-button:hover {

    background-color:
        var(--rr-white);

    color:
        var(--rr-dark);

    box-shadow:
        0 6px 16px rgba(15, 20, 24, 0.10);
}


/* ==========================================================
   BUTTON — OUTLINE DARK
   ========================================================== */

.elementor-widget-button.btn-outline-dark .elementor-button {

    background-color:
        transparent;

    color:
        var(--rr-dark);

    box-shadow:
        inset 0 0 0 1px
        rgba(21, 26, 30, 0.55);
}

.elementor-widget-button.btn-outline-dark .elementor-button:hover {

    background-color:
        var(--rr-dark);

    color:
        var(--rr-white);

    box-shadow:
        inset 0 0 0 1px var(--rr-dark),
        0 6px 16px rgba(15, 20, 24, 0.14);
}


/* ==========================================================
   BUTTON — OUTLINE LIGHT
   ========================================================== */

.elementor-widget-button.btn-outline-light .elementor-button {

    background-color:
        transparent;

    color:
        var(--rr-white);

    box-shadow:
        inset 0 0 0 1px
        rgba(255, 255, 255, 0.70);
}

.elementor-widget-button.btn-outline-light .elementor-button:hover {

    background-color:
        var(--rr-white);

    color:
        var(--rr-dark);

    box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.14);
}


/* ==========================================================
   BUTTON — OUTLINE ACCENT
   ========================================================== */

.elementor-widget-button.btn-outline-accent .elementor-button {

    background-color:
        transparent;

    color:
        var(--rr-accent);

    box-shadow:
        inset 0 0 0 1px
        var(--rr-accent);
}

.elementor-widget-button.btn-outline-accent .elementor-button:hover {

    background-color:
        var(--rr-accent);

    color:
        var(--rr-white);

    box-shadow:
        0 6px 16px rgba(255, 138, 0, 0.20);
}


/* ==========================================================
   BUTTON SHAPES
   ========================================================== */

.elementor-widget-button.btn-soft .elementor-button {

    border-radius:
        var(--btn-radius-soft);
}


.elementor-widget-button.btn-pill .elementor-button {

    border-radius:
        var(--btn-radius-pill);
}


.elementor-widget-button.btn-square .elementor-button {

    border-radius:
        var(--btn-radius-square);
}


/* ==========================================================
   RESPONSIVE RADII
   ========================================================== */

.radius-s {

    border-radius:
        var(--radius-s);
}

.radius-m {

    border-radius:
        var(--radius-m);
}

.radius-l {

    border-radius:
        var(--radius-l);
}

.radius-xl {

    border-radius:
        var(--radius-xl);
}

.radius-pill {

    border-radius:
        var(--radius-pill);
}


/* ==========================================================
   NESTED RADIUS

   Outer:
   u-pad-s radius-nested

   Inner:
   radius-l
   ========================================================== */

.radius-nested {

    border-radius:
        calc(
            var(--radius-l)
            + var(--space-pad-s)
        );
}


/* Elementor images */

.elementor-widget-image.radius-s img,
.elementor-widget-image.radius-m img,
.elementor-widget-image.radius-l img,
.elementor-widget-image.radius-xl img,
.elementor-widget-image.radius-pill img,
.elementor-widget-image.radius-nested img {

    border-radius:
        inherit;
}


/* ==========================================================
   MAX WIDTH
   ========================================================== */

.max-w-s {

    width:
        100%;

    max-width:
        var(--max-w-s);
}

.max-w-m {

    width:
        100%;

    max-width:
        var(--max-w-m);
}

.max-w-l {

    width:
        100%;

    max-width:
        var(--max-w-l);
}

.max-w-xl {

    width:
        100%;

    max-width:
        var(--max-w-xl);
}

.max-w-text {

    width:
        100%;

    max-width:
        var(--max-w-text);
}


/* ==========================================================
   TYPOGRAPHY
   ========================================================== */

.text-balance {

    text-wrap:
        balance;
}

.text-pretty {

    text-wrap:
        pretty;
}


/* ==========================================================
   LINE CLAMP
   ========================================================== */

.line-1,
.line-2,
.line-3 {

    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;
}

.line-1 {
    -webkit-line-clamp: 1;
}

.line-2 {
    -webkit-line-clamp: 2;
}

.line-3 {
    -webkit-line-clamp: 3;
}


.elementor-widget-text-editor.line-1 .elementor-widget-container,
.elementor-widget-text-editor.line-2 .elementor-widget-container,
.elementor-widget-text-editor.line-3 .elementor-widget-container,
.elementor-widget-heading.line-1 .elementor-heading-title,
.elementor-widget-heading.line-2 .elementor-heading-title,
.elementor-widget-heading.line-3 .elementor-heading-title {

    display:
        -webkit-box;

    overflow:
        hidden;

    -webkit-box-orient:
        vertical;
}


.elementor-widget-text-editor.line-1 .elementor-widget-container,
.elementor-widget-heading.line-1 .elementor-heading-title {

    -webkit-line-clamp:
        1;
}


.elementor-widget-text-editor.line-2 .elementor-widget-container,
.elementor-widget-heading.line-2 .elementor-heading-title {

    -webkit-line-clamp:
        2;
}


.elementor-widget-text-editor.line-3 .elementor-widget-container,
.elementor-widget-heading.line-3 .elementor-heading-title {

    -webkit-line-clamp:
        3;
}


/* ==========================================================
   IMAGE UTILITIES
   ========================================================== */

.img-cover img {

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;
}


.img-contain img {

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;
}


/* ==========================================================
   IMAGE RATIOS
   ========================================================== */

.ratio-square img {

    aspect-ratio:
        1 / 1;
}

.ratio-4-3 img {

    aspect-ratio:
        4 / 3;
}

.ratio-3-2 img {

    aspect-ratio:
        3 / 2;
}

.ratio-16-9 img {

    aspect-ratio:
        16 / 9;
}

.ratio-portrait img {

    aspect-ratio:
        4 / 5;
}


.elementor-widget-image.ratio-square img,
.elementor-widget-image.ratio-4-3 img,
.elementor-widget-image.ratio-3-2 img,
.elementor-widget-image.ratio-16-9 img,
.elementor-widget-image.ratio-portrait img {

    width:
        100%;

    object-fit:
        cover;
}


/* ==========================================================
   OVERFLOW
   ========================================================== */

.overflow-hidden {

    overflow:
        hidden;
}

.overflow-visible {

    overflow:
        visible;
}


/* ==========================================================
   SHADOWS
   ========================================================== */

.shadow-1 {

    box-shadow:
        var(--shadow-1);

    transition:
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.shadow-1:hover {

    box-shadow:
        var(--shadow-1-hover);
}


.shadow-2 {

    box-shadow:
        var(--shadow-2);

    transition:
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.shadow-2:hover {

    box-shadow:
        var(--shadow-2-hover);
}


.shadow-3 {

    box-shadow:
        var(--shadow-3);

    transition:
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.shadow-3:hover {

    box-shadow:
        var(--shadow-3-hover);
}


.shadow-4 {

    box-shadow:
        var(--shadow-4);

    transition:
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.shadow-4:hover {

    box-shadow:
        var(--shadow-4-hover);
}


/* ==========================================================
   HOVER EFFECTS
   ========================================================== */

.hover-lift {

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease;
}

.hover-lift:hover {

    transform:
        translateY(-3px);
}


.hover-scale {

    transition:
        transform 0.28s ease;
}

.hover-scale:hover {

    transform:
        scale(1.025);
}


.hover-image {

    overflow:
        hidden;
}

.hover-image img {

    transition:
        transform 0.45s ease;
}

.hover-image:hover img {

    transform:
        scale(1.045);
}


.hover-glow {

    transition:
        box-shadow 0.28s ease,
        transform 0.28s ease;
}

.hover-glow:hover {

    box-shadow:
        0 12px 30px
        rgba(255, 138, 0, 0.18);
}


/* ==========================================================
   GLASS 1
   ========================================================== */

.glass-1 {

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.16),
            rgba(255, 255, 255, 0.07)
        );

    border:
        1px solid
        rgba(255, 255, 255, 0.20);

    backdrop-filter:
        blur(12px)
        saturate(130%);

    -webkit-backdrop-filter:
        blur(12px)
        saturate(130%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.20),

        0 8px 24px
        rgba(15, 20, 24, 0.06);
}


/* ==========================================================
   GLASS 2
   ========================================================== */

.glass-2 {

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.30),
            rgba(255, 255, 255, 0.14)
        );

    border:
        1px solid
        rgba(255, 255, 255, 0.38);

    backdrop-filter:
        blur(18px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(145%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.34),

        0 10px 28px
        rgba(15, 20, 24, 0.08);
}


/* ==========================================================
   GLASS 3
   ========================================================== */

.glass-3 {

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.12),
            rgba(255, 255, 255, 0.025)
        );

    border:
        1px solid
        rgba(255, 255, 255, 0.16);

    backdrop-filter:
        blur(22px)
        saturate(160%);

    -webkit-backdrop-filter:
        blur(22px)
        saturate(160%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.16),

        0 12px 30px
        rgba(15, 20, 24, 0.09);
}


/* ==========================================================
   GLASS 4
   ========================================================== */

.glass-4 {

    background:
        linear-gradient(
            135deg,
            rgba(21, 26, 30, 0.72),
            rgba(21, 26, 30, 0.45)
        );

    border:
        1px solid
        rgba(255, 255, 255, 0.10);

    backdrop-filter:
        blur(18px)
        saturate(135%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(135%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.08),

        0 12px 32px
        rgba(0, 0, 0, 0.18);
}


/* ==========================================================
   GLASS 5
   ========================================================== */

.glass-5 {

    background:
        linear-gradient(
            135deg,
            rgba(15, 20, 24, 0.88),
            rgba(21, 26, 30, 0.62)
        );

    border:
        1px solid
        rgba(255, 255, 255, 0.08);

    backdrop-filter:
        blur(24px)
        saturate(150%);

    -webkit-backdrop-filter:
        blur(24px)
        saturate(150%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.07),

        0 14px 38px
        rgba(0, 0, 0, 0.24);
}


/* ==========================================================
   GLASS 6
   ========================================================== */

.glass-6 {

    background:
        linear-gradient(
            135deg,
            rgba(255, 138, 0, 0.18),
            rgba(255, 255, 255, 0.06)
        );

    border:
        1px solid
        rgba(255, 166, 51, 0.24);

    backdrop-filter:
        blur(18px)
        saturate(155%);

    -webkit-backdrop-filter:
        blur(18px)
        saturate(155%);

    box-shadow:
        inset 0 1px 0
        rgba(255, 255, 255, 0.16),

        0 12px 30px
        rgba(255, 138, 0, 0.10);
}


/* ==========================================================
   RAFRENT FAQ — LEGACY ACCORDION
   ========================================================== */

.faq-rr .elementor-accordion {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;
}


.faq-rr .elementor-accordion-item {

    overflow:
        hidden;

    border:
        1px solid
        rgba(21, 26, 30, 0.09)
        !important;

    border-radius:
        var(--radius-l);

    background:
        var(--rr-white);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


.faq-rr .elementor-accordion-item:hover {

    border-color:
        rgba(255, 138, 0, 0.26)
        !important;
}


.faq-rr .elementor-tab-title {

    border:
        0 !important;

    padding:
        20px 22px !important;

    font-weight:
        600;
}


.faq-rr .elementor-tab-title:hover {

    color:
        var(--rr-accent);
}


.faq-rr .elementor-tab-title.elementor-active {

    color:
        var(--rr-accent);

    background:
        rgba(255, 138, 0, 0.035);
}


.faq-rr .elementor-tab-content {

    border:
        0 !important;

    padding:
        0 22px 22px !important;

    color:
        var(--rr-dark-soft);
}


.faq-rr .elementor-accordion-icon {

    color:
        var(--rr-accent)
        !important;
}


/* ==========================================================
   RAFRENT FAQ — NESTED ACCORDION
   ========================================================== */

.faq-rr .e-n-accordion {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;
}


.faq-rr .e-n-accordion-item {

    overflow:
        hidden;

    border:
        1px solid
        rgba(21, 26, 30, 0.09);

    border-radius:
        var(--radius-l);

    background:
        var(--rr-white);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}


.faq-rr .e-n-accordion-item:hover {

    border-color:
        rgba(255, 138, 0, 0.26);
}


.faq-rr .e-n-accordion-item[open] {

    border-color:
        rgba(255, 138, 0, 0.34);

    box-shadow:
        0 8px 24px
        rgba(15, 20, 24, 0.06);
}


.faq-rr .e-n-accordion-item-title {

    padding:
        20px 22px;

    font-weight:
        600;
}


.faq-rr .e-n-accordion-item-title:hover {

    color:
        var(--rr-accent);
}


.faq-rr
.e-n-accordion-item[open]
.e-n-accordion-item-title {

    color:
        var(--rr-accent);

    background:
        rgba(255, 138, 0, 0.035);
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .hover-lift,
    .hover-scale,
    .hover-image,
    .hover-image img,
    .hover-glow,
    .shadow-1,
    .shadow-2,
    .shadow-3,
    .shadow-4,

    .elementor-widget-button.btn .elementor-button,
    .elementor-widget-button.btn-accent .elementor-button,
    .elementor-widget-button.btn-accent-2 .elementor-button,
    .elementor-widget-button.btn-dark .elementor-button,
    .elementor-widget-button.btn-light .elementor-button,
    .elementor-widget-button.btn-outline-dark .elementor-button,
    .elementor-widget-button.btn-outline-light .elementor-button,
    .elementor-widget-button.btn-outline-accent .elementor-button {

        transition:
            none;
    }


    .hover-lift:hover,
    .hover-scale:hover,
    .hover-image:hover img {

        transform:
            none;
    }
}/* End custom CSS */