.elementor-1182 .elementor-element.elementor-element-380d565{--display:flex;--margin-top:178px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1182 .elementor-element.elementor-element-47864bb .elementor-repeater-item-4343fe0 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://cloudgc.shop/wp-content/uploads/2026/08/ChatGPT-Image-2026年8月7日-下午02_31_47.webp);background-size:cover;}.elementor-1182 .elementor-element.elementor-element-47864bb .elementor-repeater-item-c67e541 .swiper-slide-bg{background-color:#833CA300;background-image:url(https://cloudgc.shop/wp-content/uploads/2026/08/ChatGPT-Image-2026年8月3日-下午08_14_32.webp);background-size:cover;}.elementor-1182 .elementor-element.elementor-element-47864bb .elementor-repeater-item-54982fc .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://cloudgc.shop/wp-content/uploads/2026/08/ChatGPT-Image-2026年8月3日-下午08_23_03.webp);background-size:cover;}.elementor-1182 .elementor-element.elementor-element-47864bb .elementor-repeater-item-4d0c10c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://cloudgc.shop/wp-content/uploads/2026/08/ChatGPT-Image-2026年8月3日-下午08_36_38.webp);background-size:cover;}.elementor-1182 .elementor-element.elementor-element-47864bb .swiper-slide{transition-duration:calc(3000ms*1.2);height:100vh;}.elementor-1182 .elementor-element.elementor-element-47864bb{width:var( --container-widget-width, 98.016% );max-width:98.016%;--container-widget-width:98.016%;--container-widget-flex-grow:0;}.elementor-1182 .elementor-element.elementor-element-47864bb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1182 .elementor-element.elementor-element-47864bb .swiper-slide-contents{max-width:66%;}.elementor-1182 .elementor-element.elementor-element-47864bb .swiper-slide-inner{text-align:center;}.elementor-1182 .elementor-element.elementor-element-836cf0b{--display:flex;}.elementor-1182 .elementor-element.elementor-element-946f8fc{--display:flex;}.elementor-1182 .elementor-element.elementor-element-f2488ae.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-1182 .elementor-element.elementor-element-f2488ae.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-f2488ae.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1182 .elementor-element.elementor-element-92610a3{--display:flex;}.elementor-1182 .elementor-element.elementor-element-c9d6aa8{--display:flex;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1182 .elementor-element.elementor-element-c4dca90{font-size:20px;font-weight:700;color:#FFFFFF;}.elementor-1182 .elementor-element.elementor-element-89724f5{--display:flex;}.elementor-1182 .elementor-element.elementor-element-6ae7296.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-1182 .elementor-element.elementor-element-6ae7296.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-6ae7296.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1182 .elementor-element.elementor-element-8a44ab7{--display:flex;}.elementor-1182 .elementor-element.elementor-element-351d723{--display:flex;}.elementor-1182 .elementor-element.elementor-element-365c468{--display:flex;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1182 .elementor-element.elementor-element-c21218e.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;}.elementor-1182 .elementor-element.elementor-element-c21218e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-c21218e.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1182 .elementor-element.elementor-element-102a0fe{--display:flex;}.elementor-1182 .elementor-element.elementor-element-968e42c{--display:flex;}@media(max-width:1024px){.elementor-1182 .elementor-element.elementor-element-f2488ae.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-6ae7296.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-c21218e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-1182 .elementor-element.elementor-element-380d565{--width:100%;}}@media(max-width:767px){.elementor-1182 .elementor-element.elementor-element-380d565{--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1182 .elementor-element.elementor-element-47864bb .swiper-slide{height:25vh;}.elementor-1182 .elementor-element.elementor-element-f2488ae.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-c9d6aa8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1182 .elementor-element.elementor-element-c4dca90{font-size:15px;}.elementor-1182 .elementor-element.elementor-element-1c1629f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1182 .elementor-element.elementor-element-6ae7296.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1182 .elementor-element.elementor-element-c21218e.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-a10589a *//* =========================================

雲霧工廠 Hero Module
Elementor Safe CSS V3

========================================= */



/* =========================
   Base
========================= */


.ym-hero {

    position:relative;

    width:100%;

    background:#050706;

    color:#F5F7F6;

    padding:120px 40px;

    overflow:hidden;

    box-sizing:border-box;

}



.ym-hero *,
.ym-hero *::before,
.ym-hero *::after {

    box-sizing:border-box;

}



.ym-hero a {

    text-decoration:none;

}





/* =========================
   Main Layout
========================= */


.ym-hero .ym-container {


    width:100%;

    max-width:1200px;

    margin:0 auto;


    display:grid;

    grid-template-columns:

    minmax(0,1fr)

    minmax(0,.9fr);


    gap:90px;


    align-items:center;


}




/* =========================
   Left Content
========================= */


.ym-hero .ym-eyebrow {


    color:#00D084;


    font-size:13px;


    font-weight:600;


    letter-spacing:.18em;


    margin-bottom:35px;


}



.ym-hero h1 {


    margin:0 0 35px;


    color:#F5F7F6;


    font-size:clamp(42px,5vw,72px);


    line-height:1.05;


    font-weight:600;


    letter-spacing:-0.05em;


}



.ym-hero p {


    margin:0 0 45px;


    color:#A8B3AE;


    font-size:18px;


    line-height:1.8;


}





/* CTA Button */


.ym-hero .ym-main-btn {


    display:inline-flex;


    align-items:center;


    justify-content:center;


    padding:18px 38px;


    background:#00B67A;


    color:#050706;


    border-radius:999px;


    font-size:16px;


    font-weight:600;


    transition:.35s ease;


}



.ym-hero .ym-main-btn:hover {


    background:#00D084;


    transform:translateY(-4px);


}







/* =========================
   Image Area
========================= */


.ym-hero .ym-image-area {


    position:relative;


}



.ym-hero .ym-image-box {


    width:100%;


    aspect-ratio:3 / 4;


    overflow:hidden;


    border-radius:38px;


}



.ym-hero .ym-image-box img {


    width:100%;


    height:100%;


    display:block;


    object-fit:cover;


    transition:transform 1s ease;


}



.ym-hero .ym-image-box:hover img {


    transform:scale(1.05);


}







/* =========================
   Hot Card
========================= */


.ym-hero .ym-hot-card {


    position:absolute;


    left:-50px;


    bottom:50px;



    width:280px;



    padding:30px;



    border-radius:28px;



    background:

    rgba(245,247,246,.08);



    border:

    1px solid rgba(255,255,255,.12);



    backdrop-filter:blur(18px);


    -webkit-backdrop-filter:blur(18px);


}





.ym-hero .ym-card-top {


    display:flex;


    justify-content:space-between;


    align-items:center;


}



.ym-hero .ym-card-top span {


    color:#A8B3AE;


    font-size:12px;


    letter-spacing:.15em;


}



.ym-hero .ym-card-top i {


    width:9px;


    height:9px;


    display:block;


    background:#00D084;


    border-radius:50%;


    animation:ymPulse 1.5s infinite;


}



@keyframes ymPulse {


    50%{


        opacity:.35;


    }


}





.ym-hero .ym-card-title {


    margin-top:25px;


    color:#A8B3AE;


    font-size:15px;


}



.ym-hero .ym-number {


    margin:5px 0;


    color:#00D084;


    font-size:52px;


    line-height:1;


    font-weight:700;


    letter-spacing:-.05em;


}



.ym-hero .ym-card-desc {


    color:#F5F7F6;


    font-size:14px;


}







/* =========================
   Trend Bars
========================= */


.ym-hero .ym-bars {


    height:60px;


    display:flex;


    align-items:flex-end;


    gap:8px;


    margin-top:25px;


}



.ym-hero .ym-bars span {


    flex:1;


    background:#00D084;


    border-radius:20px;


}







/* =========================
   Category Cards
========================= */


.ym-hero .ym-category-grid {


    width:100%;


    max-width:1200px;


    margin:100px auto 0;


    display:grid;


    grid-template-columns:repeat(4,1fr);


    gap:20px;


}





.ym-hero .ym-category-card {


    min-height:150px;


    padding:30px;



    background:#151C19;



    border:

    1px solid rgba(255,255,255,.08);



    border-radius:24px;



    display:flex;


    flex-direction:column;


    justify-content:center;



    transition:.35s ease;



}



.ym-hero .ym-category-card strong {


    color:#F5F7F6;


    font-size:20px;


    margin-bottom:15px;


}



.ym-hero .ym-category-card span {


    color:#A8B3AE;


    font-size:14px;


}





.ym-hero .ym-category-card:hover {


    transform:translateY(-8px);


    border-color:#00B67A;


    box-shadow:

    0 20px 50px rgba(0,182,122,.18);


}







/* =========================
   Reveal Animation
========================= */


.ym-hero .ym-reveal {


    opacity:0;


    transform:translateY(40px);


    filter:blur(10px);


    transition:


    opacity .9s ease,


    transform .9s ease,


    filter .9s ease;


}



.ym-hero .ym-reveal.active {


    opacity:1;


    transform:none;


    filter:none;


}



/* Elementor 編輯模式直接顯示 */

.elementor-editor-active 
.ym-hero .ym-reveal {


    opacity:1 !important;


    transform:none !important;


    filter:none !important;


}







/* =========================
   Tablet
========================= */


@media(max-width:1024px){



.ym-hero .ym-container {


    grid-template-columns:1fr;


    gap:60px;


}



.ym-hero .ym-category-grid {


    grid-template-columns:repeat(2,1fr);


}



}







/* =========================
   Mobile Optimization
========================= */


@media(max-width:600px){



.ym-hero {


    padding:60px 20px 50px;


}





/* 文字 */


.ym-hero .ym-eyebrow {


    font-size:11px;


    margin-bottom:22px;


}



.ym-hero h1 {


    font-size:38px;


    line-height:1.15;


    letter-spacing:-.04em;


    margin-bottom:25px;


}



.ym-hero p {


    font-size:16px;


    line-height:1.7;


    margin-bottom:32px;


}




/* 按鈕 */


.ym-hero .ym-main-btn {


    padding:15px 32px;


    font-size:15px;


}





/* 圖片 */


.ym-hero .ym-image-area {


    margin-top:20px;


}



.ym-hero .ym-image-box {


    height:420px;


    aspect-ratio:auto;


    border-radius:30px;


}






/* 熱銷卡 */


.ym-hero .ym-hot-card {


    width:220px;


    padding:22px;


    left:15px;


    bottom:20px;


    border-radius:22px;


}



.ym-hero .ym-card-title {


    margin-top:18px;


    font-size:13px;


}



.ym-hero .ym-number {


    font-size:42px;


}



.ym-hero .ym-card-desc {


    font-size:13px;


}



.ym-hero .ym-bars {


    height:45px;


    gap:6px;


}






/* 分類入口 */


.ym-hero .ym-category-grid {


    margin-top:55px;


    grid-template-columns:1fr;


    gap:14px;


}



.ym-hero .ym-category-card {


    min-height:110px;


    padding:24px;


    border-radius:20px;


}



.ym-hero .ym-category-card strong {


    font-size:18px;


    margin-bottom:10px;


}



.ym-hero .ym-category-card span {


    font-size:13px;


}



}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5831bd *//*
  Vape Divider Module
  BEM Naming
  Prefix: vape-
  Elementor Safe
*/

.vape-divider {
  width: 100%;
  padding: 32px 20px;
  background-color: #050706;
  box-sizing: border-box;
}

.vape-divider__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.vape-divider__line {
  display: block;
  width: 100%;
  max-width: 680px;
  height: 1px;
  background-color: #A8B3AE;
  opacity: 0.45;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.vape-divider:hover .vape-divider__line {
  opacity: 0.8;
  transform: scaleX(1.02);
}


/* Mobile Responsive */
@media (max-width: 767px) {

  .vape-divider {
    padding: 24px 16px;
  }

  .vape-divider__line {
    max-width: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80254b9 *//*
  Vape Divider Module
  BEM Naming
  Prefix: vape-
  Elementor Safe
*/

.vape-divider {
  width: 100%;
  padding: 32px 20px;
  background-color: #050706;
  box-sizing: border-box;
}

.vape-divider__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.vape-divider__line {
  display: block;
  width: 100%;
  max-width: 680px;
  height: 1px;
  background-color: #A8B3AE;
  opacity: 0.45;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.vape-divider:hover .vape-divider__line {
  opacity: 0.8;
  transform: scaleX(1.02);
}


/* Mobile Responsive */
@media (max-width: 767px) {

  .vape-divider {
    padding: 24px 16px;
  }

  .vape-divider__line {
    max-width: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-30a6635 *//* ===============================
   雲霧工廠 Feature Grid
   Main Container
================================ */

.yw-feature-section {
    width:100%;
    background:#050706;
    padding:96px 24px;
    overflow:hidden;
}


.yw-feature-container {
    max-width:1240px;
    margin:auto;
}



/* ===============================
   Header
================================ */


.yw-feature-header {
    text-align:center;
    max-width:720px;
    margin:0 auto 72px;
}


.yw-eyebrow {

    display:inline-block;

    font-size:15px;

    letter-spacing:.08em;

    font-weight:500;

    color:#00D084;

    margin-bottom:18px;

}



.yw-feature-header h2 {


    color:#F5F7F6;

    font-size:52px;

    line-height:1.15;

    font-weight:600;

    letter-spacing:-1.5px;

    margin:0 0 24px;

}



.yw-highlight {


    color:#00D084;


    position:relative;


}



.yw-feature-header p {


    color:#A8B3AE;


    font-size:18px;


    line-height:1.8;


    margin:0;


}



/* ===============================
   Grid Layout Desktop
================================ */


.yw-grid {


    display:grid;


    grid-template-columns:

    1.35fr 1fr;


    grid-template-rows:

    repeat(2,430px);


    gap:24px;


}




/* ===============================
   Card
================================ */


.yw-card {


    position:relative;


    display:block;


    padding:1px;


    text-decoration:none;


    overflow:hidden;


    background:#151C19;


    transition:

    transform .45s ease,

    background .45s ease;


}





.yw-card:hover {


    transform:translateY(-8px);


    background:

    linear-gradient(
    135deg,
    #00B67A,
    #00D084
    );


}



/* 大卡片 */

.yw-large:nth-child(1){

    grid-row:1;

}


.yw-large:nth-child(4){

    grid-row:2;

}



/* ===============================
   Inner Panel
================================ */


.yw-card-inner {


    position:relative;


    width:100%;


    height:100%;


    padding:32px;


    display:flex;


    flex-direction:column;


    justify-content:center;


    background:

    linear-gradient(

    180deg,

    rgba(21,28,25,.9),

    #050706

    );


    overflow:hidden;


}



/* Hover綠色內光 */


.yw-card-inner::before {


    content:"";


    position:absolute;


    inset:0;


    background:

    radial-gradient(

    circle at top right,

    rgba(0,208,132,.18),

    transparent 45%

    );


    opacity:0;


    transition:.5s;


}



.yw-card:hover .yw-card-inner::before {


    opacity:1;


}




/* ===============================
   Card Text
================================ */


.yw-card-text {


    position:relative;


    z-index:5;


    margin-top:32px;


}



.yw-card-text.top {


    margin-top:0;


    margin-bottom:28px;


}




.yw-card-text h3 {


    margin:0 0 16px;


    color:#F5F7F6;


    font-size:34px;


    line-height:1.25;


    font-weight:600;


}



.yw-card-text p {


    margin:0;


    color:#A8B3AE;


    font-size:17px;


    line-height:1.7;


}



/* ===============================
   Fake Tech UI
================================ */


.yw-ui-box {


    position:relative;


    flex:1;


    min-height:160px;


    padding:28px;


    background:#080B09;


    border:1px solid rgba(168,179,174,.12);


    overflow:hidden;


}



.yw-ui-box.small {


    padding:22px;


}



.yw-ui-title {


    color:#A8B3AE;


    font-family:monospace;


    font-size:12px;


    letter-spacing:.08em;


    margin-bottom:28px;


}



.yw-status-row {


    display:flex;


    justify-content:space-between;


    align-items:center;


    color:#A8B3AE;


    font-size:12px;


    font-family:monospace;


    margin-bottom:12px;


}



.yw-status-row span {


    color:#00D084;


}



/* Progress */


.yw-progress {


    width:100%;


    height:5px;


    background:#151C19;


    overflow:hidden;


    margin-bottom:22px;


}



.yw-progress span {


    display:block;


    width:85%;


    height:100%;


    background:

    linear-gradient(

    90deg,

    #00B67A,

    #00D084

    );


    animation:

    progressMove 3s infinite alternate;


}



@keyframes progressMove {


    from{

        width:45%;

    }


    to{

        width:95%;

    }


}



/* Status */


.yw-status-online {


    display:inline-block;


    color:#00D084;


    font-size:12px;


    font-family:monospace;


}



/* ===============================
   Scan Line
================================ */


.yw-scan {


    position:absolute;


    left:0;


    width:100%;


    height:2px;


    top:0;


    background:

    linear-gradient(

    90deg,

    transparent,

    #00D084,

    transparent

    );


    box-shadow:

    0 0 18px #00D084;


    animation:

    scanMove 5s linear infinite;


}



@keyframes scanMove {


    0%{

        top:0;

        opacity:0;

    }


    10%{

        opacity:1;

    }


    90%{

        opacity:1;

    }


    100%{

        top:100%;

        opacity:0;

    }


}



/* ===============================
   POD Process
================================ */


.yw-process {


    display:flex;


    flex-direction:column;


    gap:14px;


    color:#F5F7F6;


    font-family:monospace;


    font-size:13px;


}



.yw-process span {


    padding:10px;


    background:#151C19;


    border-left:2px solid #00D084;


}



.yw-process i {


    height:20px;


    width:1px;


    background:#00D084;


    margin:auto;


}



/* ===============================
   Tablet
================================ */


@media(max-width:1199px){


    .yw-feature-section{

        padding:80px 20px;

    }



    .yw-feature-header h2{

        font-size:42px;

    }



    .yw-grid{


        grid-template-columns:1fr 1fr;


        grid-template-rows:auto;


    }



    .yw-card{


        min-height:400px;

    }



    .yw-large:nth-child(1),
    .yw-large:nth-child(4){

        grid-row:auto;

    }



}




/* ===============================
   Mobile
================================ */


@media(max-width:767px){


    .yw-feature-section{


        padding:60px 16px;


    }



    .yw-feature-header{


        margin-bottom:45px;


    }



    .yw-feature-header h2{


        font-size:32px;


        letter-spacing:-.5px;


    }



    .yw-feature-header p{


        font-size:15px;


    }



    .yw-grid{


        display:flex;


        flex-direction:column;


        gap:18px;


    }



    .yw-card{


        min-height:360px;


    }



    .yw-card-inner{


        padding:22px;


    }



    .yw-card-text h3{


        font-size:26px;


    }



    .yw-card-text p{


        font-size:15px;


    }



    .yw-ui-box{


        padding:20px;


    }


    /* 手機取消浮動幅度 */


    .yw-card:hover{


        transform:none;


    }


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f638c60 *//*
  Vape Divider Module
  BEM Naming
  Prefix: vape-
  Elementor Safe
*/

.vape-divider {
  width: 100%;
  padding: 32px 20px;
  background-color: #050706;
  box-sizing: border-box;
}

.vape-divider__figure {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.vape-divider__line {
  display: block;
  width: 100%;
  max-width: 680px;
  height: 1px;
  background-color: #A8B3AE;
  opacity: 0.45;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.vape-divider:hover .vape-divider__line {
  opacity: 0.8;
  transform: scaleX(1.02);
}


/* Mobile Responsive */
@media (max-width: 767px) {

  .vape-divider {
    padding: 24px 16px;
  }

  .vape-divider__line {
    max-width: 100%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bde2ae *//* ======================================
   雲霧工廠 FAQ Module
   Elementor Pro CSS
====================================== */


/* ===== Base Section ===== */

.yw-faq-section {
    width:100%;
    background:#050706;
    padding:90px 20px;
    overflow:hidden;
}


.yw-faq-container {
    width:100%;
    max-width:1248px;
    margin:0 auto;
    color:#F5F7F6;
}




/* ===== Header ===== */


.yw-faq-header {

    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;

    border:1px solid rgba(168,179,174,.18);

    padding:60px 30px;

}



.yw-faq-badge {

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

    padding:10px 22px;

    border-radius:50px;

    border:1px solid rgba(0,208,132,.25);

    background:rgba(0,208,132,.08);

    color:#00D084;

    font-size:14px;

    letter-spacing:.08em;

    margin-bottom:30px;

}



.yw-faq-title {

    margin:0;

    font-size:52px;

    line-height:1.15;

    font-weight:500;

    letter-spacing:-1.5px;

    color:#F5F7F6;

}



.yw-faq-title span {


    background:
    linear-gradient(
    99deg,
    #00B67A 0%,
    #00D084 100%
    );


    -webkit-background-clip:text;

    background-clip:text;

    color:transparent;

}



.yw-faq-description {

    margin-top:25px;

    max-width:680px;

    color:#A8B3AE;

    font-size:18px;

    line-height:1.7;

}






/* ===== Main Layout ===== */


.yw-faq-main {


    display:grid;

    grid-template-columns:35% 65%;


    border-left:1px solid rgba(168,179,174,.18);

    border-right:1px solid rgba(168,179,174,.18);

}



.yw-faq-categories {


    padding:50px 35px;

    border-right:1px solid rgba(168,179,174,.18);

}



.yw-category {


    cursor:pointer;

    padding:25px 0;

    border-bottom:1px solid rgba(168,179,174,.12);

    transition:.35s ease;

}



.yw-category h3 {


    margin:0;

    font-size:30px;

    font-weight:500;

    color:rgba(245,247,246,.45);

    transition:.35s ease;

}



.yw-category p {


    margin:15px 0 0;

    color:#A8B3AE;

    font-size:15px;

    line-height:1.6;

    opacity:0;

    max-height:0;

    overflow:hidden;

    transition:.35s ease;

}




.yw-category.active h3 {


    background:
    linear-gradient(
    99deg,
    #00B67A,
    #00D084
    );


    -webkit-background-clip:text;

    color:transparent;

}



.yw-category.active p {

    opacity:1;

    max-height:100px;

}





/* ===== FAQ Panel ===== */


.yw-faq-panel {


    padding:40px;

    background:#050706;

}




.yw-faq-group {

    display:none;

}



.yw-faq-group.active {

    display:block;

}





.yw-faq-item {


    border:1px solid rgba(168,179,174,.18);

    margin-bottom:16px;

    background:transparent;

    transition:.35s ease;

    overflow:hidden;

}



.yw-faq-item:hover {


    border-color:rgba(0,208,132,.35);

}



.yw-faq-item.active {


    background:#151C19;

    border-color:#00B67A;

}





.yw-faq-question {


    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:24px;

    cursor:pointer;

}



.yw-faq-question span {


    font-size:18px;

    color:#F5F7F6;

    font-weight:500;

}



.yw-faq-question button {


    width:34px;

    height:34px;

    border-radius:50%;

    border:1px solid rgba(168,179,174,.35);

    background:transparent;

    color:#00D084;

    font-size:22px;

    line-height:1;

    cursor:pointer;

    transition:.3s ease;

}



.yw-faq-item.active .yw-faq-question button {


    transform:rotate(45deg);

    border-color:#00D084;

}





.yw-faq-answer {


    max-height:0;

    overflow:hidden;

    padding:0 24px;

    color:#A8B3AE;

    font-size:16px;

    line-height:1.8;

    transition:max-height .35s ease,
    padding .35s ease;

}



.yw-faq-item.active .yw-faq-answer {


    max-height:200px;

    padding:

    0 24px 24px;

}






/* ===== CTA ===== */


.yw-faq-cta {


    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    border:1px solid rgba(168,179,174,.18);

    padding:45px 50px;


}



.yw-faq-cta h3 {


    margin:0 0 10px;

    font-size:28px;

    font-weight:500;

}



.yw-faq-cta p {


    margin:0;

    color:#A8B3AE;

    max-width:550px;

}



.yw-faq-button {


    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 35px;


    background:

    linear-gradient(
    99deg,
    #00B67A,
    #00D084
    );


    color:#050706;

    text-decoration:none;

    font-size:18px;

    font-weight:600;

    transition:.3s ease;

}



.yw-faq-button:hover {


    transform:translateY(-3px);

}





/* ======================================
   Tablet
====================================== */


@media(max-width:1024px){


.yw-faq-title{

font-size:42px;

}



.yw-faq-main{

grid-template-columns:1fr;

}



.yw-faq-categories{


border-right:none;

display:flex;

gap:25px;

padding:35px;

}



.yw-category{

flex:1;

}



.yw-category p{

display:none;

}



.yw-category.active p{

display:block;

}



.yw-faq-panel{

padding:30px;

}


}




/* ======================================
   Mobile
====================================== */


@media(max-width:767px){



.yw-faq-section{

padding:50px 15px;

}



.yw-faq-header{

padding:40px 20px;

}



.yw-faq-title{

font-size:32px;

letter-spacing:-.8px;

}



.yw-faq-description{

font-size:15px;

}



.yw-faq-categories{


overflow-x:auto;

display:flex;

gap:12px;

padding:20px;

}



.yw-category{


min-width:140px;

padding:15px;

border:1px solid rgba(168,179,174,.15);

}



.yw-category h3{


font-size:18px;

}



.yw-category p{

display:none!important;

}



.yw-category.active{


background:#151C19;

}



.yw-faq-panel{

padding:15px;

}



.yw-faq-question{


padding:18px;

}



.yw-faq-question span{


font-size:16px;

}



.yw-faq-answer{


font-size:15px;

}



.yw-faq-cta{


flex-direction:column;

align-items:flex-start;

padding:30px 20px;

}



.yw-faq-cta h3{

font-size:24px;

}



.yw-faq-button{

width:100%;

justify-content:center;

}



}/* End custom CSS */