.elementor-4082 .elementor-element.elementor-element-6d35571{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.38;--border-radius:0px 0px 80px 80px;--margin-top:-143px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:560px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-4082 .elementor-element.elementor-element-6d35571:not(.elementor-motion-effects-element-type-background), .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orthobone.store/wp-content/uploads/2026/05/b07e0435-3d64-43b8-aedc-f983ba3759be.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4082 .elementor-element.elementor-element-6d35571::before, .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-background-video-container::before, .elementor-4082 .elementor-element.elementor-element-6d35571 > .e-con-inner > .elementor-background-video-container::before, .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-background-slideshow::before, .elementor-4082 .elementor-element.elementor-element-6d35571 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D5DA7;--background-overlay:'';}.elementor-4082 .elementor-element.elementor-element-23a29ef{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4082 .elementor-element.elementor-element-1b5c162{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4082 .elementor-element.elementor-element-e306c42{text-align:center;}.elementor-4082 .elementor-element.elementor-element-e306c42 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:normal;color:#33588E;}.elementor-4082 .elementor-element.elementor-element-781f58a > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:rgba(99,115,129,0.27);border-radius:4px 4px 4px 4px;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title{border-width:0px;padding:37px 37px 37px 37px;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-content{border-width:0px;color:#797D83;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;line-height:1.7em;letter-spacing:0px;padding:0px 30px 30px 30px;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-toggle-title, .elementor-4082 .elementor-element.elementor-element-781f58a .elementor-toggle-icon{color:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-toggle-icon svg{fill:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title.elementor-active a, .elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#a9b5bc;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;line-height:1em;letter-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title .elementor-toggle-icon i:before{color:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title .elementor-toggle-icon svg{fill:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#a9b5bc;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#a9b5bc;}.elementor-4082 .elementor-element.elementor-element-781f58a .elementor-toggle-icon{margin-inline-end:12px;}.elementor-4082 .elementor-element.elementor-element-684010e{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4082 .elementor-element.elementor-element-2f35396{--display:flex;--border-radius:30px 30px 30px 30px;}.elementor-4082 .elementor-element.elementor-element-2f35396:not(.elementor-motion-effects-element-type-background), .elementor-4082 .elementor-element.elementor-element-2f35396 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#AFCEFF;}.elementor-4082 .elementor-element.elementor-element-c94881f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4082 .elementor-element.elementor-element-7219f58 > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-4082 .elementor-element.elementor-element-7219f58.elementor-element{--align-self:center;}.elementor-4082 .elementor-element.elementor-element-7219f58 .elementor-icon-wrapper{text-align:start;}.elementor-4082 .elementor-element.elementor-element-7219f58.elementor-view-stacked .elementor-icon{background-color:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-7219f58.elementor-view-framed .elementor-icon, .elementor-4082 .elementor-element.elementor-element-7219f58.elementor-view-default .elementor-icon{color:#2D5DA7;border-color:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-7219f58.elementor-view-framed .elementor-icon, .elementor-4082 .elementor-element.elementor-element-7219f58.elementor-view-default .elementor-icon svg{fill:#2D5DA7;}.elementor-4082 .elementor-element.elementor-element-7219f58 .elementor-icon{font-size:75px;}.elementor-4082 .elementor-element.elementor-element-7219f58 .elementor-icon svg{height:75px;}.elementor-4082 .elementor-element.elementor-element-6955727 > .elementor-widget-container{margin:0px 0px 0px -390px;padding:0px 0px 0px 0px;}.elementor-4082 .elementor-element.elementor-element-6955727.elementor-element{--align-self:center;}.elementor-4082 .elementor-element.elementor-element-6955727 .elementor-heading-title{color:#2D5DA7;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4082 .elementor-element.elementor-element-c94881f{--width:100%;}}@media(max-width:1024px){.elementor-4082 .elementor-element.elementor-element-6d35571:not(.elementor-motion-effects-element-type-background), .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-4082 .elementor-element.elementor-element-6d35571{--border-radius:0px 0px 56px 56px;--padding-top:240px;--padding-bottom:160px;--padding-left:40px;--padding-right:40px;}.elementor-4082 .elementor-element.elementor-element-23a29ef{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4082 .elementor-element.elementor-element-c94881f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4082 .elementor-element.elementor-element-6d35571:not(.elementor-motion-effects-element-type-background), .elementor-4082 .elementor-element.elementor-element-6d35571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-4082 .elementor-element.elementor-element-6d35571{--border-radius:0px 0px 32px 32px;--padding-top:200px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-4082 .elementor-element.elementor-element-23a29ef{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:40%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4082 .elementor-element.elementor-element-781f58a > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-4082 .elementor-element.elementor-element-c94881f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-4082 .elementor-element.elementor-element-7219f58 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4082 .elementor-element.elementor-element-7219f58 .elementor-icon-wrapper{text-align:center;}.elementor-4082 .elementor-element.elementor-element-6955727 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4082 .elementor-element.elementor-element-6955727{text-align:center;}}/* Start custom CSS for toggle, class: .elementor-element-781f58a *//* =================================================
   ORTHOBONE FAQ ACCORDION - ENHANCED TOTAL
   Clean Minimalist - NO BOLD - POPPINS
   ================================================= */

/* Import Font Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');

/* --- 0. HAPUS SEMUA BORDER & SHADOW CONTAINER --- */
.elementor-element-1b5c162,
.elementor-element-1b5c162 .e-con-inner,
.elementor-element-1b5c162 .e-con-inner .elementor-widget-wrap,
.elementor-element-1b5c162 .elementor-widget-container,
.elementor-element-781f58a .elementor-widget-container,
.elementor-toggle,
div[id*="elementor-tab"],
.elementor-toggle-item,
.elementor-tab-title,
.elementor-tab-content {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* --- 1. HEADING FAQ --- */
.elementor-element-e306c42 .elementor-heading-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    color: #2D5DA7 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    letter-spacing: -0.3px;
}

/* --- 2. CONTAINER FAQ --- */
.elementor-toggle {
    max-width: 850px;
    margin: 0 auto !important;
    display: flex;
    flex-direction: column;
    gap: 12px !important;
    font-family: 'Poppins', sans-serif !important;
}

/* --- 3. ITEM FAQ --- */
.elementor-toggle-item {
    background: #FFFFFF !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0px 4px 20px rgba(45, 93, 167, 0.06) !important;
    position: relative;
    counter-increment: faq-counter;
}

.elementor-toggle-item:hover {
    box-shadow: 0px 12px 40px rgba(45, 93, 167, 0.12) !important;
    transform: translateY(-3px);
}

.elementor-toggle-item:has(.elementor-tab-title[aria-expanded="true"]) {
    box-shadow: 0px 16px 48px rgba(45, 93, 167, 0.14) !important;
    background: #FAFBFD !important;
}

/* --- 4. TAB TITLE (Pertanyaan) --- */
.elementor-tab-title {
    padding: 22px 55px 22px 28px !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    background: transparent !important;
}

.elementor-toggle-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    color: #1A2E4A !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.5 !important;
}

.elementor-tab-title[aria-expanded="true"] .elementor-toggle-title {
    color: #2D5DA7 !important;
}

.elementor-toggle-title:hover {
    color: #2D5DA7 !important;
}

/* --- 5. NOMOR OTOMATIS --- */
.elementor-toggle-title::before {
    content: "0" counter(faq-counter);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(45, 93, 167, 0.08);
    color: #2D5DA7;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 8px;
    margin-right: 14px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.elementor-tab-title[aria-expanded="true"] .elementor-toggle-title::before {
    background: #2D5DA7;
    color: #FFFFFF;
}

/* --- 6. ICON TOGGLE --- */
.elementor-toggle-icon {
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(45, 93, 167, 0.06) !important;
    border-radius: 50% !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.elementor-toggle-icon i {
    font-size: 13px !important;
    color: #2D5DA7 !important;
    transition: all 0.4s ease !important;
}

.elementor-tab-title[aria-expanded="true"] .elementor-toggle-icon {
    background: #2D5DA7 !important;
    transform: translateY(-50%) rotate(180deg) !important;
    box-shadow: 0px 4px 15px rgba(45, 93, 167, 0.3) !important;
}

.elementor-tab-title[aria-expanded="true"] .elementor-toggle-icon i {
    color: #FFFFFF !important;
}

.elementor-toggle-item:hover .elementor-toggle-icon {
    background: rgba(45, 93, 167, 0.1) !important;
}

.elementor-toggle-item:hover .elementor-tab-title[aria-expanded="true"] .elementor-toggle-icon {
    background: #2D5DA7 !important;
}

/* --- 7. TAB CONTENT (Jawaban) --- */
.elementor-tab-content {
    font-family: 'Poppins', sans-serif !important;
    padding: 5px 28px 25px 28px !important;
    color: #5A6B7F !important;
    font-size: 0.95rem !important;
    line-height: 1.8 !important;
    font-weight: 300 !important;
    animation: fadeSlideIn 0.4s ease-out;
}

.elementor-tab-content p {
    margin: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
}

.elementor-tab-content b,
.elementor-tab-content strong {
    color: #2D5DA7 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
}

.elementor-tab-content i,
.elementor-tab-content em {
    color: #5B8BC9 !important;
    font-style: italic !important;
}

@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- 8. RESPONSIVE TABLET --- */
@media (max-width: 1024px) {
    .elementor-toggle {
        max-width: 100%;
        gap: 10px !important;
    }
    
    .elementor-tab-title {
        padding: 18px 50px 18px 22px !important;
    }
    
    .elementor-toggle-title {
        font-size: 0.95rem !important;
    }
    
    .elementor-toggle-title::before {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 0.7rem;
        margin-right: 10px;
    }
    
    .elementor-tab-content {
        padding: 5px 22px 20px 22px !important;
        font-size: 0.9rem !important;
    }
    
    .elementor-toggle-icon {
        width: 32px !important;
        height: 32px !important;
        right: 15px !important;
    }
    
    .elementor-toggle-icon i {
        font-size: 12px !important;
    }
    
    .elementor-toggle-item:hover {
        transform: translateY(-2px);
    }
}

/* --- 9. RESPONSIVE MOBILE --- */
@media (max-width: 767px) {
    .elementor-element-e306c42 .elementor-heading-title {
        font-size: 1.5rem !important;
        margin-bottom: 30px !important;
    }
    
    .elementor-toggle {
        gap: 8px !important;
    }
    
    .elementor-toggle-item {
        border-radius: 16px !important;
    }
    
    .elementor-tab-title {
        padding: 16px 45px 16px 16px !important;
    }
    
    .elementor-toggle-title {
        font-size: 0.88rem !important;
    }
    
    .elementor-toggle-title::before {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 0.65rem;
        margin-right: 8px;
        border-radius: 6px;
    }
    
    .elementor-tab-content {
        padding: 5px 16px 18px 16px !important;
        font-size: 0.85rem !important;
        line-height: 1.7 !important;
    }
    
    .elementor-toggle-icon {
        width: 28px !important;
        height: 28px !important;
        right: 10px !important;
    }
    
    .elementor-toggle-icon i {
        font-size: 11px !important;
    }
    
    .elementor-toggle-item:hover {
        transform: none !important;
    }
}/* End custom CSS */