.elementor-4104 .elementor-element.elementor-element-d9af178{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-4104 .elementor-element.elementor-element-d9af178:not(.elementor-motion-effects-element-type-background), .elementor-4104 .elementor-element.elementor-element-d9af178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161616;}.elementor-4104 .elementor-element.elementor-element-d9af178.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4104 .elementor-element.elementor-element-8c4a15b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4104 .elementor-element.elementor-element-f0e052d{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:start;}.elementor-4104 .elementor-element.elementor-element-f0e052d.elementor-element{--align-self:flex-start;}.elementor-4104 .elementor-element.elementor-element-f0e052d .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-4104 .elementor-element.elementor-element-8cce063{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 10px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4104 .elementor-element.elementor-element-8cce063 .elementor-heading-title{font-family:"Military Font X", Sans-serif;font-size:32px;font-weight:300;text-transform:uppercase;color:#FFFFFF;}.elementor-4104 .elementor-element.elementor-element-0b8ab3f{padding:0px 0px 15px 0px;text-align:start;}.elementor-4104 .elementor-element.elementor-element-0b8ab3f.elementor-element{--align-self:flex-start;}.elementor-4104 .elementor-element.elementor-element-0b8ab3f .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:var( --e-global-color-text );}.elementor-4104 .elementor-element.elementor-element-e4af639{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4104 .elementor-element.elementor-element-e4af639:not(.elementor-motion-effects-element-type-background), .elementor-4104 .elementor-element.elementor-element-e4af639 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#070706;}.elementor-4104 .elementor-element.elementor-element-4a155a4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4104 .elementor-element.elementor-element-0e6b767{--display:flex;}.elementor-widget-text-editor{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 );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4104 .elementor-element.elementor-element-583abd0{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-8dd931d{--display:flex;}.elementor-4104 .elementor-element.elementor-element-b690d91{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-6100464{--display:flex;}.elementor-4104 .elementor-element.elementor-element-1f15504{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-dcd07a1{--display:flex;}.elementor-4104 .elementor-element.elementor-element-e33c1f6{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-f6f49d3{--display:flex;}.elementor-4104 .elementor-element.elementor-element-88b831c{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-06500d9{--display:flex;}.elementor-4104 .elementor-element.elementor-element-9c8c7e3{font-family:"Arial", Sans-serif;font-size:14px;font-weight:500;color:#E5DAB5;}.elementor-4104 .elementor-element.elementor-element-78cd9e7{--n-accordion-title-font-size:1rem;width:100%;max-width:100%;padding:0px 0px 0px 0px;border-style:none;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-text );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:16px;--n-accordion-icon-normal-color:var( --e-global-color-text );}.elementor-4104 .elementor-element.elementor-element-78cd9e7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-4104 .elementor-element.elementor-element-78cd9e7 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Military Font X", Sans-serif;font-weight:500;letter-spacing:0.9px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4104 .elementor-element.elementor-element-f0e052d{width:100%;max-width:100%;}.elementor-4104 .elementor-element.elementor-element-8cce063 .elementor-heading-title{font-size:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-4104 .elementor-element.elementor-element-d9af178{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:130px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-4104 .elementor-element.elementor-element-8c4a15b{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4104 .elementor-element.elementor-element-0b8ab3f .elementor-heading-title{font-size:12px;}.elementor-4104 .elementor-element.elementor-element-e4af639{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4104 .elementor-element.elementor-element-4a155a4{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4104 .elementor-element.elementor-element-78cd9e7{padding:10px 10px 10px 10px;--n-accordion-title-font-size:14px;}}/* Start custom CSS for nested-accordion, class: .elementor-element-78cd9e7 *//* Accordion numbering */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion {
    counter-reset: scramble-faq;
}

/* Individual accordion row */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item {
    counter-increment: scramble-faq;
    border-bottom: 1px solid #4f4f4f !important;
}

/* Question row */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 0;

    padding: 26px 0 !important;
    margin: 0;

    background: transparent !important;
    border: 0 !important;
}

/* Automatic Q-01 numbering */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title::before {
    content: "Q-" counter(scramble-faq, decimal-leading-zero);

    grid-column: 1;

    color: #E3493F;
    font-family: monospace;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

/* Question container */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title-header {
    grid-column: 2;
    min-width: 0;
}

/* Question text */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title-text {
    color: #F4F0E7 !important;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

/* Hide Elementor's normal icon */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title-icon {
    display: none !important;
}

/* Custom closed icon */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title::after {
    content: "+";

    grid-column: 3;
    justify-self: end;

    color: #E5DAB5;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;

    transition:
        color 0.25s ease,
        transform 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Custom open icon */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item[open] 
.e-n-accordion-item-title::after {
    content: "×";
    color: #E3493F;
    transform: rotate(180deg);
}

/* Answer container */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > .e-con,
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > [role="region"] {
    padding: 0 50px 28px 62px !important;
}

/* Answer paragraph */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item p {
    max-width: 680px;
    margin: 0;

    color: #E5DAB5;
    font-size: 14px;
    line-height: 1.45;
}

/* Subtle question hover */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title:hover 
.e-n-accordion-item-title-text {
    color: #ffffff !important;
}

/* Mobile layout */
@media (max-width: 767px) {
    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title {
        grid-template-columns: 52px minmax(0, 1fr) 20px;
        padding: 21px 0 !important;
    }

    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title-text {
        font-size: 15px;
        line-height: 1.3;
    }

    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title::before {
        font-size: 11px;
    }

    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > .e-con,
    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > [role="region"] {
        padding: 0 20px 24px 52px !important;
    }

    .elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item p {
        font-size: 16px;
    }
    
    
}

/* Remove Elementor default borders from accordion content */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item,
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item-title,
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > .e-con,
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item > [role="region"],
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item[open] > .e-con,
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item[open] > [role="region"] {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;

}

/* =========================================
   Q NUMBER FLICKER + SCRAMBLE LOGO CYCLE
   Q-01 → Q-03 → Q-05
   ========================================= */

/* Prepare the three selected Q numbers */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(1)
.e-n-accordion-item-title::before,

.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(3)
.e-n-accordion-item-title::before,

.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(6)
.e-n-accordion-item-title::before {

    display: block;

    width: 52px;
    height: 18px;

    background-image:
        url("https://scramblethailand.com/wp-content/uploads/2026/08/Scramble-icon-transparent.png");

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

    /* Logo hidden while Q number is showing */
    background-size: 0 0;

    /* Convert logo to Scramble red */
    filter:
        brightness(0)
        saturate(100%)
        invert(36%)
        sepia(92%)
        saturate(1625%)
        hue-rotate(329deg)
        brightness(96%)
        contrast(91%);

    /*
     * First animation = your normal flicker
     * Second animation = Q → logo → Q
     */
    animation:
        flicker 1.5s infinite,
        scramble-faq-logo-cycle 9s infinite;
}


/* Q-01 goes first */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(1)
.e-n-accordion-item-title::before {
    animation-delay: 0s, 0s;
}


/* Q-03 goes second */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(3)
.e-n-accordion-item-title::before {
    animation-delay: 0.5s, 3s;
}


/* Q-05 goes third */
.elementor-4104 .elementor-element.elementor-element-78cd9e7 .e-n-accordion-item:nth-child(5)
.e-n-accordion-item-title::before {
    animation-delay: 1s, 6s;
}


/* =========================================
   Q → SCRAMBLE GLITCH → Q
   ========================================= */

@keyframes scramble-faq-logo-cycle {

    /* Normal Q */
    0%,
    5% {
        color: #E3493F;
        background-size: 0 0;
        clip-path: inset(0 0 0 0);
        transform: translateX(0);
        opacity: 1;
    }

    /* Hard glitch out */
    6% {
        color: transparent;
        background-size: 18px 18px;
        clip-path: inset(0 0 100% 0);
        transform: translateX(0);
        opacity: 0;
    }

    7% {
        color: transparent;
        background-size: 18px 18px;
        clip-path: inset(8% 0 72% 0);
        transform: translateX(3px);
        opacity: 1;
    }

    8% {
        clip-path: inset(62% 0 18% 0);
        transform: translateX(-3px);
    }

    9% {
        clip-path: inset(28% 0 48% 0);
        transform: translateX(2px);
    }

    10% {
        clip-path: inset(76% 0 6% 0);
        transform: translateX(-2px);
    }

    11% {
        clip-path: inset(15% 0 65% 0);
        transform: translateX(3px);
    }

    12% {
        clip-path: inset(48% 0 28% 0);
        transform: translateX(-2px);
    }

    /* Full logo appears */
    13%,
    23% {
        color: transparent;
        background-size: 18px 18px;
        clip-path: inset(0 0 0 0);
        transform: translateX(0);
        opacity: 1;
    }

    /* Glitch back to Q */
    24% {
        clip-path: inset(10% 0 68% 0);
        transform: translateX(-3px);
    }

    25% {
        clip-path: inset(64% 0 16% 0);
        transform: translateX(3px);
    }

    26% {
        clip-path: inset(30% 0 46% 0);
        transform: translateX(-2px);
    }

    27% {
        clip-path: inset(74% 0 8% 0);
        transform: translateX(2px);
    }

    28% {
        opacity: 0;
        clip-path: inset(0 0 100% 0);
    }

    /* Q snaps back */
    29%,
    100% {
        color: #E3493F;
        background-size: 0 0;
        clip-path: inset(0 0 0 0);
        transform: translateX(0);
        opacity: 1;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Military Font X';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://scramblethailand.com/wp-content/uploads/2026/08/Tactic-Sans-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Military Font X';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://scramblethailand.com/wp-content/uploads/2026/08/Tactic-Sans-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Military Font X';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://scramblethailand.com/wp-content/uploads/2026/08/Tactic-Sans-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Military Font X';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://scramblethailand.com/wp-content/uploads/2026/08/Tactic-Sans-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Military Font X';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://scramblethailand.com/wp-content/uploads/2026/08/Tactic-Sans-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */