.elementor-1651 .elementor-element.elementor-element-eeb7586{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-1651 .elementor-element.elementor-element-3011cab{--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;}.elementor-1651 .elementor-element.elementor-element-3011cab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1651 .elementor-element.elementor-element-cc211ba .elementor-heading-title{-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1651 .elementor-element.elementor-element-bb33b3d{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1651 .elementor-element.elementor-element-0bd204a{color:var( --e-global-color-5e0bd63 );}.elementor-1651 .elementor-element.elementor-element-9b27b32{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1651 .elementor-element.elementor-element-fb0ac39 .elementor-button{background-color:#00AEEF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);transition-duration:0s;}.elementor-1651 .elementor-element.elementor-element-fb0ac39 .elementor-button:hover, .elementor-1651 .elementor-element.elementor-element-fb0ac39 .elementor-button:focus{background-color:var( --e-global-color-afdd4ea );border-color:var( --e-global-color-5e0bd63 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1651 .elementor-element.elementor-element-fb0ac39 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1651 .elementor-element.elementor-element-5345834 .elementor-button{background-color:var( --e-global-color-5e0bd63 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-1651 .elementor-element.elementor-element-5345834 .elementor-button:hover, .elementor-1651 .elementor-element.elementor-element-5345834 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-5e0bd63 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1651 .elementor-element.elementor-element-5345834 .elementor-button:hover svg, .elementor-1651 .elementor-element.elementor-element-5345834 .elementor-button:focus svg{fill:var( --e-global-color-5e0bd63 );}.elementor-1651 .elementor-element.elementor-element-8cab698{--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;}.elementor-1651 .elementor-element.elementor-element-4854630{--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;}.elementor-1651 .elementor-element.elementor-element-27e30e8{--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;}.elementor-1651 .elementor-element.elementor-element-27e30e8:not(.elementor-motion-effects-element-type-background), .elementor-1651 .elementor-element.elementor-element-27e30e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000069;}.elementor-1651 .elementor-element.elementor-element-27e30e8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1651 .elementor-element.elementor-element-3d7ab9a .elementor-heading-title{-webkit-text-stroke-color:#FFFFFF;stroke:#FFFFFF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1651 .elementor-element.elementor-element-5760047{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-1651 .elementor-element.elementor-element-49000d4{color:var( --e-global-color-5e0bd63 );}.elementor-1651 .elementor-element.elementor-element-a528aa2{--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;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1651 .elementor-element.elementor-element-bb178e2 .elementor-button{background-color:#00AEEF;text-shadow:0px 0px 10px rgba(0,0,0,0.3);transition-duration:0s;}.elementor-1651 .elementor-element.elementor-element-bb178e2 .elementor-button:hover, .elementor-1651 .elementor-element.elementor-element-bb178e2 .elementor-button:focus{background-color:var( --e-global-color-afdd4ea );border-color:var( --e-global-color-5e0bd63 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1651 .elementor-element.elementor-element-bb178e2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1651 .elementor-element.elementor-element-0866bf6 .elementor-button{background-color:var( --e-global-color-5e0bd63 );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );}.elementor-1651 .elementor-element.elementor-element-0866bf6 .elementor-button:hover, .elementor-1651 .elementor-element.elementor-element-0866bf6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-5e0bd63 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1651 .elementor-element.elementor-element-0866bf6 .elementor-button:hover svg, .elementor-1651 .elementor-element.elementor-element-0866bf6 .elementor-button:focus svg{fill:var( --e-global-color-5e0bd63 );}.elementor-1651 .elementor-element.elementor-element-5f934c4{--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;}.elementor-1651 .elementor-element.elementor-element-792fa0d{--display:flex;}.elementor-1651 .elementor-element.elementor-element-837553c{--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;}.elementor-1651 .elementor-element.elementor-element-b0eec7b.elementor-element{--align-self:center;}.elementor-1651 .elementor-element.elementor-element-b0eec7b .elementor-heading-title{color:var( --e-global-color-0544e40 );}.elementor-1651 .elementor-element.elementor-element-bfebd1b{--display:flex;}.elementor-1651 .elementor-element.elementor-element-a3d7c9f{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1651 .elementor-element.elementor-element-3011cab{--width:500px;}.elementor-1651 .elementor-element.elementor-element-4854630 .elementor-background-slideshow__slide__image{background-position:center right;}.elementor-1651 .elementor-element.elementor-element-27e30e8{--width:320px;--justify-content:center;}.elementor-1651 .elementor-element.elementor-element-27e30e8.e-con{--align-self:center;}.elementor-1651 .elementor-element.elementor-element-a528aa2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1651 .elementor-element.elementor-element-bb178e2 .elementor-button{padding:13px 37px 13px 37px;}}@media(min-width:768px){.elementor-1651 .elementor-element.elementor-element-3011cab{--width:59%;}.elementor-1651 .elementor-element.elementor-element-8cab698{--width:50%;}.elementor-1651 .elementor-element.elementor-element-27e30e8{--width:59%;}}/* Start custom CSS for html, class: .elementor-element-ad9f8fd *//* ==========================================================================
   1. 基礎容器與全局樣式 (適用所有裝置)
   ========================================================================== */
.why-join-container {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 60px 20px !important;
  font-family: 'Helvetica Neue', Arial, sans-serif !important;
  text-align: center !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
}

/* 主標題 */
.why-join-title {
  color: #002d62 !important;
  font-size: 26px !important;
  font-weight: bold !important;
  letter-spacing: 0.5px !important;
  margin: 0 0 15px 0 !important;
  text-align: center !important;
}

/* 標題下方的綠色裝飾線 */
.why-join-underline {
  width: 45px !important;
  height: 3px !important;
  background-color: #00a88f !important;
  margin: 0 auto 50px auto !important;
}

/* ==========================================================================
   2. 電腦版佈局樣式 (【修正重點】：改為 flex-start 靠上對齊)
   ========================================================================== */
.why-join-grid {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important; /* 確保所有欄位從頂部開始對齊 */
  width: 100% !important;
}

.why-join-item {
  flex: 1 !important;
  display: flex !important;
  align-items: flex-start !important; /* 【核心修正】：讓圖示與文字從頂部切齊，不上下置中 */
  padding: 0 25px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* 欄位之間的直向灰色分隔線 */
.why-join-item:not(:last-child) {
  border-right: 1px solid #e5e5e5 !important;
}

/* 圖示外圈圓形基礎樣式 */
.why-join-icon {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 18px !important;
  margin-top: -4px !important; /* 【微調】：讓圓圈與右側第一行大字體完美並排切齊 */
  flex-shrink: 0 !important;
}

.why-join-icon svg {
  width: 32px !important;
  height: 32px !important;
}

/* 四種圖示的背景色與填充色 */
.icon-blue { background-color: #eaf2fc !important; }
.icon-blue svg { fill: #1a5ca8 !important; }

.icon-teal { background-color: #e6f6f4 !important; }
.icon-teal svg { fill: #00a88f !important; }

.icon-purple { background-color: #eeeafc !important; }
.icon-purple svg { fill: #5c4ec3 !important; }

.icon-green { background-color: #e6f5ef !important; }
.icon-green svg { fill: #108a56 !important; }

/* 文字區塊 */
.why-join-text {
  flex: 1 !important;
}

.why-join-text h3 {
  color: #002d62 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.why-join-text p {
  color: #555555 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
}

/* ==========================================================================
   3. 平板尺寸預設 (螢幕寬度 991px 以下) - 轉為 2x2 網格
   ========================================================================== */
@media (max-width: 991px) {
  .why-join-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px 20px !important;
  }
  .why-join-item {
    border-right: none !important;
    padding: 0 15px !important;
  }
}

/* ==========================================================================
   4. 手機版尺寸優化 (螢幕寬度 600px 以下) - 垂直單欄置中樣式
   ========================================================================== */
@media (max-width: 600px) {
  .why-join-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 45px !important;
  }
  
  .why-join-item {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 15px !important;
    width: 100% !important;
  }
  
  .why-join-icon {
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
    align-self: center !important;
  }
  
  .why-join-text {
    width: 100% !important;
    text-align: center !important;
  }
  
  .why-join-text h3 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
  }
  
  .why-join-text p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c891952 *//* ==========================================================================
   1. Global 全域基礎樣式
   ========================================================================== */
body {
    background: #f7f9fc !important;
    font-family: 'Poppins', sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   2. Section 外層區塊
   ========================================================================== */
.membership-section {
    max-width: 1480px !important;
    margin: auto !important;
    padding: 60px 20px !important;
    box-sizing: border-box !important;
}

.membership-section h2 {
    text-align: center !important;
    font-size: 34px !important;
    color: #003B7A !important;
    margin-bottom: 45px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   3. Grid 網格佈局 (預設電腦版 5 欄)
   ========================================================================== */
.membership-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
}

/* ==========================================================================
   4. Card 卡片容器
   ========================================================================== */
.card {
    background: #fff !important;
    border-radius: 18px !important;
    padding: 26px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
    transition: .3s !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
}

/* ==========================================================================
   5. Icon 圖示圓圈 (已修正為：白底、帶邊框、內含顏色)
   ========================================================================== */
.card .icon {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    margin-bottom: 18px !important;
    flex-shrink: 0 !important;
    
    /* 核心變更：強制為白色背景 */
    background: #ffffff !important; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

/* 確保如果內部使用 SVG 能夠繼承顏色 */
.card .icon svg {
    width: 24px !important;
    height: 24px !important;
    fill: currentColor !important; 
}

/* 依種類區分邊框顏色與內部圖示顏色 */
.card .icon.blue {
    border: 2px solid #1769FF !important;
    color: #1769FF !important;
}

.card .icon.green {
    border: 2px solid #18B8A7 !important;
    color: #18B8A7 !important;
}

.card .icon.purple {
    border: 2px solid #7454D9 !important;
    color: #7454D9 !important;
}

.card .icon.gold {
    border: 2px solid #D7A327 !important;
    color: #D7A327 !important;
}

/* ==========================================================================
   6. Typography 文字排版
   ========================================================================== */
.card h3 {
    font-size: 22px !important;
    line-height: 1.35 !important;
    color: #0B2554 !important;
    margin: 0 0 15px !important;
}

.price {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1769FF !important;
    margin-bottom: 15px !important;
}

.price span {
    font-size: 15px !important;
    color: #777 !important;
}

/* 特殊文字色彩類別 */
.green-text { color: #18B8A7 !important; }
.purple-text { color: #7454D9 !important; }
.gold-text { color: #D7A327 !important; }

.card p {
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    min-height: 90px !important;
    margin-bottom: 20px !important;
}

/* ==========================================================================
   7. List 權益條列清單
   ========================================================================== */
.card ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 25px !important;
    width: 100% !important;
}

.card li {
    text-align: left !important;
    font-size: 15px !important;
    color: #444 !important;
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}

/* ==========================================================================
   8. Button 按鈕樣式
   ========================================================================== */
.btn {
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    transition: .3s !important;
    box-sizing: border-box !important;
}

/* Blue Button */
.blue-btn { background: #1769FF !important; }
.blue-btn:hover { background: #0F5BE0 !important; }

/* Green Button */
.green-btn { background: #18B8A7 !important; }
.green-btn:hover { background: #139A8C !important; }

/* Purple Button */
.purple-btn { background: #7454D9 !important; }
.purple-btn:hover { background: #603FC4 !important; }

/* Gold Button */
.gold-btn { background: #D7A327 !important; }
.gold-btn:hover { background: #BF8F18 !important; }

/* ==========================================================================
   9. Responsive 響應式中斷點 (針對各裝置最佳化)
   ========================================================================== */

/* 筆電螢幕 (寬度 1400px 以下) */
@media(max-width:1400px){
    .membership-grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 16px !important;
    }
    .card { padding: 22px !important; }
    .card h3 { font-size: 20px !important; }
    .price { font-size: 30px !important; }
}

/* 一般平板 (寬度 1200px 以下)：切換為 3 欄並排 */
@media(max-width:1200px){
    .membership-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* 小型平板 (寬度 992px 以下)：切換為 2 欄並排 */
@media(max-width:992px){
    .membership-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* 智慧型手機 (寬度 768px 以下)：切換為單欄垂直堆疊 */
@media(max-width:768px){
    .membership-section {
        padding: 45px 18px !important;
    }
    .membership-grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .membership-section h2 {
        font-size: 30px !important;
    }
    .card {
        padding: 22px !important;
    }
    .card h3 {
        font-size: 20px !important;
    }
    .price {
        font-size: 28px !important;
    }
    .card .icon {
        width: 50px !important;
        height: 50px !important;
        font-size: 22px !important;
    }
    .btn {
        height: 44px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41270d1 *//* =====================================
   Membership Comparison
===================================== */

.comparison-section{

    max-width:1480px;

    margin:80px auto;

    padding:0 20px;

}

.comparison-section h2{

    text-align:center;

    font-size:34px;

    color:#003B7A;

    margin-bottom:18px;

    font-weight:700;

    position:relative;

}

.comparison-section h2:after{

    content:"";

    display:block;

    width:80px;

    height:4px;

    background:#20C4C8;

    margin:15px auto 0;

    border-radius:50px;

}

/* =============================
   Table
============================= */

.comparison-table{

    overflow-x:auto;

    border-radius:18px;

    box-shadow:
    0 10px 35px rgba(0,0,0,.08);

    background:#fff;

}

/* =============================
   Table
============================= */

.comparison-table table{

    width:100%;

    border-collapse:collapse;

    min-width:1100px;

}

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

.comparison-table thead th{

    background:#0B2D68;

    color:#fff;

    padding:22px 15px;

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    border-right:1px solid rgba(255,255,255,.12);

}

.comparison-table thead th:first-child{

    text-align:left;

    padding-left:28px;

}

/* =============================
   Body
============================= */

.comparison-table tbody td{

    padding:18px 15px;

    border:1px solid #EDF2F7;

    text-align:center;

    font-size:15px;

    color:#444;

    background:#fff;

}

.comparison-table tbody td:first-child{

    text-align:left;

    padding-left:28px;

    font-weight:500;

    color:#1E2A3B;

}

.comparison-table tbody tr:nth-child(even){

    background:#FAFCFE;

}

.comparison-table tbody tr:nth-child(even) td{

    background:#FAFCFE;

}

.comparison-table tbody tr:hover td{

    background:#F3F8FF;

    transition:.25s;

}

/* =============================
   Check Icon
============================= */

.yes{

    color:#18B8A7;

    font-size:22px;

}

.no{

    color:#B8C3CF;

}

/* =============================
   Responsive
============================= */

@media(max-width:992px){

.comparison-section{

margin:60px auto;

}

.comparison-section h2{

font-size:30px;

}

}

/* Mobile */

@media(max-width:768px){

.comparison-section{

padding:0 15px;

}

.comparison-table{

overflow-x:auto;

-webkit-overflow-scrolling:touch;

}

.comparison-table table{

min-width:950px;

}

.comparison-table thead th{

font-size:13px;

padding:16px 12px;

}

.comparison-table tbody td{

font-size:14px;

padding:14px 12px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-38a844e *//* ==========================================
   APAMOI LAYOUT
========================================== */

.apamoi-container{
    display:flex;
    gap:30px;
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
    font-family:'Helvetica Neue',Arial,sans-serif;
    align-items:flex-start;
}

.apamoi-col{
    flex:1;
}

/* ==========================================
   TITLE
========================================== */

.section-title{
    color:#002d62;
    font-size:18px;
    font-weight:700;
    letter-spacing:.5px;
    margin-bottom:25px;
    text-transform:uppercase;
}

.text-center{
    text-align:center;
}

.title-underline{
    width:45px;
    height:3px;
    background:#00a88f;
    margin:-15px auto 25px;
}

/* ==========================================
   BENEFITS
========================================== */

.benefit-item{
    display:flex;
    align-items:flex-start;
    margin-bottom:25px;
}

.benefit-icon{

    width:52px;
    height:52px;

    background:#1a5ca8;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-right:15px;

    flex-shrink:0;
}

.benefit-icon svg{

    width:26px;
    height:26px;

    fill:#fff;
}

.benefit-text h3{

    margin:0 0 5px;

    color:#1a5ca8;

    font-size:16px;

    font-weight:bold;
}

.benefit-text p{

    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.6;
}

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

.faq-wrapper{

    border-top:1px solid #e5e5e5;
}

.faq-item{

    border-bottom:1px solid #e5e5e5;
}

/* 問題 */

.faq-question{

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    padding:18px 10px;

    transition:.25s;
}

.faq-question:hover{

    background:#fafafa;
}

.faq-question span:first-child{

    font-size:15px;

    color:#333;

    font-weight:500;
}

/* + */

.faq-icon{

    font-size:28px;

    color:#1a5ca8;

    font-weight:300;

    transition:.25s;
}

/* 答案 */

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .35s ease;

    color:#666;

    line-height:1.8;

    font-size:14px;

    padding:0 10px;
}

.faq-item.active .faq-answer{

    max-height:250px;

    padding:0 10px 18px;
}

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

.cta-box{

    background:#001f3f;

    border-radius:16px;

    padding:40px 30px;

    text-align:center;

    color:#fff;

    box-shadow:0 5px 18px rgba(0,0,0,.08);
}

.cta-icon{

    width:60px;
    height:60px;

    margin:0 auto 20px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;
    justify-content:center;
    align-items:center;
}

.cta-icon svg{

    width:30px;
    height:30px;

    fill:#fff;
}

.cta-box h2{

    margin:0 0 15px;

    font-size:24px;

    font-weight:bold;
}

.cta-box p{

    margin:0 0 30px;

    color:#ddd;

    line-height:1.6;

    font-size:15px;
}

.cta-button{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    background:#00a88f;

    color:#fff;

    text-decoration:none;

    padding:14px;

    border-radius:8px;

    font-weight:bold;

    transition:.3s;

    box-sizing:border-box;
}

.cta-button:hover{

    background:#008f7a;
}

.arrow-icon{

    width:16px;
    height:16px;

    fill:#fff;

    margin-left:8px;
}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:991px){

.apamoi-container{

    flex-direction:column;

    gap:40px;

    padding:20px;
}

.apamoi-col{

    width:100%;
}

.benefit-item{

    margin-bottom:25px;
}

}/* End custom CSS */