.elementor-48 .elementor-element.elementor-element-18cf133{--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-48 .elementor-element.elementor-element-27f8cadb{--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-48 .elementor-element.elementor-element-737928b0{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-48 .elementor-element.elementor-element-2d6c600c{--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;}.elementor-48 .elementor-element.elementor-element-45fa51d9{--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-48 .elementor-element.elementor-element-45fa51d9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-48 .elementor-element.elementor-element-798cc23d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-48 .elementor-element.elementor-element-1e22c1af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-1e22c1af p{margin-block-end:0px;}.elementor-48 .elementor-element.elementor-element-5de2f930 p{margin-block-end:0px;}.elementor-48 .elementor-element.elementor-element-6d8ee989{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-48 .elementor-element.elementor-element-6d8ee989 p{margin-block-end:0px;}.elementor-48 .elementor-element.elementor-element-4b148d24{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;line-height:12px;}.elementor-48 .elementor-element.elementor-element-359acc5{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;line-height:12px;}.elementor-48 .elementor-element.elementor-element-14f6c0c6{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;line-height:12px;}.elementor-48 .elementor-element.elementor-element-364986dd{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;line-height:12px;}.elementor-48 .elementor-element.elementor-element-3212b66{--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-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-48 .elementor-element.elementor-element-4955d04c{width:var( --container-widget-width, 99.474% );max-width:99.474%;padding:30px 0px 0px 0px;--container-widget-width:99.474%;--container-widget-flex-grow:0;border-style:solid;border-width:0.5px 0px 0px 0px;border-color:#C8D5DC;}.elementor-48 .elementor-element.elementor-element-4955d04c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title{border-width:0.5px;border-color:#C8D5DC;padding:0px 0px 30px 0px;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-content{border-width:0.5px;border-block-end-color:#C8D5DC;color:#324A6D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;padding:0px 50px 30px 0px;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-item:not(:last-child){margin-block-end:30px;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-title, .elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-icon{color:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-icon svg{fill:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title.elementor-active a, .elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#467FF7;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title .elementor-toggle-icon i:before{color:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title .elementor-toggle-icon svg{fill:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:#1C244B;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-icon{margin-inline-end:0px;}.elementor-48 .elementor-element.elementor-element-521a741{--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;}.elementor-48 .elementor-element.elementor-element-fd9e528{--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-48 .elementor-element.elementor-element-a7d3e01{--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-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-48 .elementor-element.elementor-element-b7c33bf .elementor-icon-wrapper{text-align:center;}.elementor-48 .elementor-element.elementor-element-b7c33bf .elementor-icon{font-size:118px;}.elementor-48 .elementor-element.elementor-element-b7c33bf .elementor-icon svg{height:118px;}.elementor-48 .elementor-element.elementor-element-278dfcf{--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-48 .elementor-element.elementor-element-4eb2f4b .elementor-icon-wrapper{text-align:center;}.elementor-48 .elementor-element.elementor-element-4eb2f4b .elementor-icon{font-size:114px;}.elementor-48 .elementor-element.elementor-element-4eb2f4b .elementor-icon svg{height:114px;}.elementor-48 .elementor-element.elementor-element-9b79e23{--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;}@media(min-width:768px){.elementor-48 .elementor-element.elementor-element-45fa51d9{--width:22.058%;}.elementor-48 .elementor-element.elementor-element-3212b66{--width:66.6666%;}.elementor-48 .elementor-element.elementor-element-fd9e528{--width:25%;}.elementor-48 .elementor-element.elementor-element-a7d3e01{--width:25%;}.elementor-48 .elementor-element.elementor-element-278dfcf{--width:25%;}.elementor-48 .elementor-element.elementor-element-9b79e23{--width:25%;}}@media(max-width:1024px){.elementor-48 .elementor-element.elementor-element-4955d04c{width:100%;max-width:100%;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-toggle-title{font-size:14px;}.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-content{font-size:14px;}}@media(max-width:767px){.elementor-48 .elementor-element.elementor-element-4955d04c .elementor-tab-content{padding:0px 0px 30px 0px;}}/* Start custom CSS for html, class: .elementor-element-737928b0 *//* ================================================
   ELEMENTOR TEXT STYLES - MASTER TEMPLATE v3.0
   Blue Theme - WordPress Article Layout
   Reorganized & Optimized Version
   ================================================ */

/* ================================================
   1. BASE CONTAINER & LAYOUT
   ================================================ */

/* Main Article Container */
.guide-article {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 1000px;
    margin: 0 auto 40px auto; /* Top margin removed for flush top */
    padding: 0 20px;
    color: #2d3748;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Content Area */
.guide-article .content-area {
    padding: 10px 30px 40px; /* Reduced top padding */
    line-height: 1.7;
}

/* Remove Elementor widget padding */
.elementor-widget-container .guide-article {
    margin-top: -20px !important;
}



/* ================================================
   2. HERO SECTION
   ================================================ */

/* Hero Section - Flush to top, smaller */
.guide-article .hero-section {
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 50%, #b0cdfa 100%);
    color: white;
    padding: 15px 20px;
    margin: -1px -20px 10px -20px; /* Negative top margin for flush top */
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 24px 0 0;
}

/* Hero Pattern Background */
.guide-article .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    opacity: 0.3;
}

/* Hero Title */
.guide-article .hero-title {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    padding-top: 0;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #ffffff 0%, #e2eeff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hero Meta Information */
.guide-article .hero-meta {
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.8rem;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.guide-article .hero-meta .meta-line:not(:last-child)::after {
    content: "•";
    margin-left: 20px;
    color: rgba(255, 255, 255, 0.6);
}

/* ================================================
   3. TABLE OF CONTENTS (TOC)
   ================================================ */

/* TOC Container - Close to hero */
.toc-container {
    background: linear-gradient(135deg, #e2eeff 0%, #b0cdfa 100%);
    border: 1px solid #579cf6;
    border-radius: 12px;
    padding: 10px 18px;
    margin: 5px auto 15px auto;
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(87, 156, 246, 0.1);
    max-width: 600px;
}

/* TOC Header */
.toc-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.toc-header h3 {
    color: #1561f8;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
    border: none;
    padding: 0;
}

.toc-header h3::after {
    display: none;
}

/* TOC Toggle Button */
.toc-toggle {
    background: #579cf6;
    border: none;
    color: white;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    transition: all 0.3s ease;
    user-select: none;
}

.toc-toggle:hover {
    background: #1561f8;
}

/* TOC List */
.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.toc-list li {
    margin-bottom: 2px;
    padding-left: 20px;
    position: relative;
    line-height: 1.2;
}

.toc-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background: #579cf6;
    border-radius: 50%;
}

.toc-list a {
    color: #1561f8;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    font-size: 1.2rem;
    line-height: 1.2;
}

.toc-list a:hover {
    color: #0d47a1;
    text-decoration: underline;
}

/* TOC States */
.toc-container.collapsed .toc-list {
    display: none;
}

.toc-list a.active {
    color: #0d47a1 !important;
    font-weight: 700 !important;
}

/* ================================================
   4. TYPOGRAPHY - HEADINGS
   ================================================ */

/* H2 - Section Headers */
.guide-article h2 {
    color: #2d3748 !important;
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    margin: 35px 0 20px 0 !important;
    position: relative;
    padding: 0 0 0 25px !important;
    line-height: 1.3;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* H2 Blue Bar */
.guide-article h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 35px;
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 100%);
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(21, 97, 248, 0.3);
}

/* H3 - Subsection Headers */
.guide-article h3 {
    color: #1561f8;
    font-size: 2rem;
    font-weight: 600;
    margin: 25px 0 15px 0;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    position: relative;
}

/* H3 Blue Gradient Underline */
.guide-article h3::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #1561f8, #579cf6);
    border-radius: 1px;
}

/* ================================================
   5. TYPOGRAPHY - BODY TEXT
   ================================================ */

/* Paragraphs */
.guide-article p {
    color: #000000 !important;
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 16px;
    text-align: justify;
}

/* Strong/Bold Text */
.guide-article strong {
    color: #000000 !important;
    font-weight: 600;
    display: inline !important;
}

/* Links */
.guide-article a {
    color: #1561f8 !important;
    text-decoration: underline !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    display: inline !important;
    transition: color 0.3s ease !important;
}

.guide-article a:hover {
    color: #0d47a1 !important;
    text-decoration: underline !important;
}

.guide-article a:focus {
    outline: 2px solid #579cf6;
    outline-offset: 2px;
}

/* ================================================
   6. LISTS
   ================================================ */

/* Unordered & Ordered Lists Base */
.guide-article ul, 
.guide-article ol {
    margin: 16px 0 16px 20px;
    color: #000000;
}

/* All List Items */
.guide-article li {
    margin-bottom: 8px;
    line-height: 1.2;
    font-size: 1.4rem !important;
    color: #000000 !important;
    white-space: normal;
}

/* Ordered Lists - Enhanced with Numbers */
.guide-article ol {
    counter-reset: item;
    padding-left: 0;
    margin-left: 30px;
}

.guide-article ol li {
    counter-increment: item;
    font-size: 1.5rem !important;
    display: block;
    margin-bottom: 12px;
    position: relative;
    padding-left: 35px;
}

.guide-article ol li::before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0;
    background: #1561f8;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.85rem;
    box-shadow: 0 2px 4px rgba(21, 97, 248, 0.3);
}

/* ================================================
   7. SPECIAL SECTIONS
   ================================================ */

/* EN BREF Section */
.guide-article ul.en-bref-list,
.guide-article #en-bref + ul {
    margin: 16px 0;
    padding-left: 0;
    list-style: none;
}

.guide-article ul.en-bref-list li,
.guide-article #en-bref + ul li {
    display: block !important;
    margin-bottom: 12px !important;
    line-height: 1.2 !important;
    padding-left: 25px !important;
    position: relative !important;
    font-size: 1.4rem !important;
}

.guide-article ul.en-bref-list li::before,
.guide-article #en-bref + ul li::before {
    content: "•";
    color: #1561f8;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    line-height: 1.8 !important;
    font-size: 1.3rem !important;
    font-weight: bold !important;
}

/* Steps Section */
.guide-article .steps-title {
    color: #1561f8 !important;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 35px 0 20px 0;
    display: block;
    padding-top: 15px;
    position: relative;
}

.guide-article .steps-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #1561f8 0%, #579cf6 60%, transparent 100%);
    opacity: 0.7;
    border-radius: 2px;
}

.guide-article .steps-box {
    background: rgba(240, 242, 247, 0.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 25px 25px 25px 45px;
    border-radius: 16px;
    margin-top: 15px;
    margin-bottom: 15px !important; /* Adds space after the box */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
    position: relative;
}

.guide-article .steps-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 100%);
    border-radius: 16px 0 0 16px;
}

/* ================================================
   8. FAQ SECTION
   ================================================ */

/* FAQ Questions */
.guide-article #questions-frequentes ~ p strong {
    color: #1561f8 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    display: block !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    position: relative !important;
}

/* FAQ Question Gradient Underline */
.guide-article #questions-frequentes ~ p strong::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 50px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #1561f8, #579cf6) !important;
    border-radius: 1px !important;
}

/* FAQ Answers */
.guide-article #questions-frequentes ~ p {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
}




/* ================================================
   9. SOURCES & REFERENCES
   ================================================ */

.guide-article #sources-et-references {
    background: transparent !important;
    border: none !important;
    padding-left: 25px !important;
}

.guide-article #sources-et-references ~ p {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-bottom: 12px !important;
}


/* ================================================
   11. UTILITY STYLES
   ================================================ */

/* Remove unwanted boxes/backgrounds */
.guide-article h2 + p,
.guide-article .content-card,
.guide-article .section-header {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Highlight Box */
.guide-article .highlight-box {
    background: linear-gradient(135deg, #e6f3ff 0%, #cce7ff 100%);
    border-left: 4px solid #1561f8;
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Selection Colors */
.guide-article ::selection {
    background: #b0cdfa;
    color: #1561f8;
}

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Scroll Margin for Fixed Header */
[id] {
    scroll-margin-top: 100px; /* Adjust based on your header height */
}

/* ================================================
   12. RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 768px) {
    /* Container */
    .guide-article {
        margin: 0 auto 20px auto;
        border-radius: 16px;
    }
    
    /* Hero */
    .guide-article .hero-section {
        padding: 10px 15px !important;
    }
    
    .guide-article .hero-title {
        font-size: 1.3rem !important;
        margin-bottom: 8px !important;
    }
    
    .guide-article .hero-meta {
        font-size: 0.75rem !important;
        gap: 10px !important;
    }
    
    /* TOC */
    .toc-container {
        margin: 5px auto 10px auto !important;
        padding: 8px 15px !important;
    }
    
    .toc-header h3 {
        font-size: 1.1rem !important;
    }
    
    .toc-list a {
        font-size: 0.9rem !important;
    }
    
    /* Typography */
    .guide-article h2 {
        font-size: 1.4rem !important;
        padding-left: 20px !important;
    }
    
    .guide-article h3 {
        font-size: 1.2rem !important;
    }
    
    .guide-article p {
        font-size: 1rem !important;
    }
    
    .guide-article li {
        font-size: 1rem !important;
    }
    
    /* Content Area */
    .guide-article .content-area {
        padding: 15px 20px 30px;
    }
}

/* ================================================
   MODERN BLUE OVAL CTA - WORDPRESS FRIENDLY VERSION
   ================================================ */

/* =================================
   STANDALONE CTA BUTTON
   ================================= */

/* Wrapper for standalone button */
.cta-button-wrapper {
    text-align: center !important;
    margin: 40px 0 !important;
    padding: 20px 0 !important;
}

/* Standalone CTA Button */
.cta-button-wrapper .cta-button,
.cta-button-wrapper button {
    border: none !important;
    font-family: inherit !important;
    outline: none !important;
    background: linear-gradient(135deg, #1e88e5 0%, #0056d2 100%) !important;
    color: white !important;
    padding: 22px 70px !important;
    border-radius: 50px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    box-shadow: 0 15px 35px rgba(30, 136, 229, 0.3), 0 5px 15px rgba(0, 86, 210, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: inline-block !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Hover for standalone */
.cta-button-wrapper .cta-button:hover,
.cta-button-wrapper button:hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(30, 136, 229, 0.4), 0 10px 20px rgba(0, 86, 210, 0.3) !important;
    background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%) !important;
    color: white !important;
}

/* Active state for standalone */
.cta-button-wrapper .cta-button:active,
.cta-button-wrapper button:active {
    transform: translateY(-2px) scale(0.98) !important;
}

/* Focus state for standalone */
.cta-button-wrapper .cta-button:focus,
.cta-button-wrapper button:focus {
    outline: 3px solid rgba(30, 136, 229, 0.4) !important;
    outline-offset: 4px !important;
}

/* =================================
   FULL CTA BOX WITH CONTENT
   ================================= */

/* CTA Container */
.cta-resiliation {
    background: linear-gradient(135deg, #0056d2 0%, #1e88e5 25%, #42a5f5 50%, #64b5f6 75%, #90caf9 100%) !important;
    padding: 60px 20px !important;
    margin: 60px -30px 40px -30px !important;
    border-radius: 50px !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    border: none !important;
    box-shadow: none !important;
}

/* Animated background pattern */
.cta-resiliation::before {
    content: '' !important;
    position: absolute !important;
    top: -50% !important;
    left: -50% !important;
    width: 200% !important;
    height: 200% !important;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px) !important;
    background-size: 50px 50px !important;
    animation: float 20s linear infinite !important;
    pointer-events: none !important;
}

/* Inner Container */
.cta-resiliation .cta-inner {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 40px !important;
    padding: 50px 40px !important;
    box-shadow: 0 25px 50px -12px rgba(0, 86, 210, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
    text-align: center !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
}

/* CTA H3 Heading */
.cta-resiliation h3 {
    background: linear-gradient(135deg, #0056d2 0%, #1e88e5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 3rem !important;
    margin: 0 0 30px 0 !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    text-align: center !important;
    letter-spacing: -1px !important;
    position: relative !important;
    display: block !important;
}

/* CTA H2 Heading (if used) */
.cta-resiliation h2 {
    background: linear-gradient(135deg, #0056d2 0%, #1e88e5 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 3.5rem !important;
    margin: 0 0 30px 0 !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
    text-align: center !important;
    letter-spacing: -1px !important;
    position: relative !important;
    display: block !important;
}

/* Remove legacy blue bars */
.cta-resiliation h2::before,
.cta-resiliation h3::before {
    display: none !important;
    content: none !important;
}

/* Remove underline accent - causes overlap on mobile */
.cta-resiliation h2::after,
.cta-resiliation h3::after {
    display: none !important;
    content: none !important;
}

/* CTA Paragraph */
.cta-resiliation p {
    color: #1a237e !important;
    font-size: 1.5rem !important;
    margin: 0 auto 40px auto !important;
    line-height: 1.7 !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: center !important;
    max-width: 650px !important;
    font-weight: 500 !important;
    opacity: 0.9 !important;
    display: block !important;
    border: none !important;
    box-shadow: none !important;
}

/* Strong text in CTA */
.cta-resiliation p strong {
    background: linear-gradient(135deg, #0056d2, #1e88e5) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-size: 1.8rem !important;
    display: block !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
}

/* CTA Button inside resiliation box */
.cta-resiliation .cta-button {
    border: none !important;
    font-family: inherit !important;
    outline: none !important;
    background: linear-gradient(135deg, #1e88e5 0%, #0056d2 100%) !important;
    color: white !important;
    padding: 22px 70px !important;
    border-radius: 50px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    box-shadow: 0 15px 35px rgba(30, 136, 229, 0.3), 0 5px 15px rgba(0, 86, 210, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: inline-block !important;
    margin: 25px auto 0 auto !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Button tag specific */
.cta-resiliation button {
    border: none !important;
    font-family: inherit !important;
    outline: none !important;
    background: linear-gradient(135deg, #1e88e5 0%, #0056d2 100%) !important;
    color: white !important;
    padding: 22px 70px !important;
    border-radius: 50px !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    cursor: pointer !important;
    box-shadow: 0 15px 35px rgba(30, 136, 229, 0.3), 0 5px 15px rgba(0, 86, 210, 0.2) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: inline-block !important;
    margin: 25px auto 0 auto !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Button Hover */
.cta-resiliation .cta-button:hover,
.cta-resiliation button:hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 20px 40px rgba(30, 136, 229, 0.4), 0 10px 20px rgba(0, 86, 210, 0.3) !important;
    background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%) !important;
    color: white !important;
    text-decoration: none !important;
}

/* Active State */
.cta-resiliation .cta-button:active,
.cta-resiliation button:active {
    transform: translateY(-2px) scale(0.98) !important;
}

/* Focus State */
.cta-resiliation .cta-button:focus,
.cta-resiliation button:focus {
    outline: 3px solid rgba(30, 136, 229, 0.4) !important;
    outline-offset: 4px !important;
}

/* Animations */
@keyframes float {
    0% { 
        transform: translate(0, 0) rotate(0deg); 
    }
    100% { 
        transform: translate(-50px, -50px) rotate(360deg); 
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cta-resiliation .cta-inner {
    animation: fadeInUp 0.8s ease-out;
}

/* =================================
   RESPONSIVE DESIGN
   ================================= */

/* Mobile */
@media (max-width: 768px) {
    /* Full CTA Box */
    .cta-resiliation {
        margin: 40px -20px 30px -20px !important;
        padding: 40px 15px !important;
        border-radius: 30px !important;
    }
    
    .cta-resiliation .cta-inner {
        padding: 35px 25px !important;
        border-radius: 25px !important;
    }
    
    .cta-resiliation h2 {
        font-size: 2rem !important;
        margin-bottom: 25px !important;
    }
    
    .cta-resiliation h3 {
        font-size: 1.8rem !important;
        margin-bottom: 25px !important;
    }
    
    .cta-resiliation p {
        font-size: 1.1rem !important;
        margin-bottom: 30px !important;
    }
    
    .cta-resiliation p strong {
        font-size: 1.3rem !important;
    }
    
    /* Smaller mobile buttons */
    .cta-resiliation .cta-button,
    .cta-resiliation button {
        padding: 15px 40px !important;
        font-size: 0.95rem !important;
        letter-spacing: 1px !important;
        width: auto !important;
        max-width: 90% !important;
    }
    
    /* Standalone Button Wrapper */
    .cta-button-wrapper {
        margin: 30px 0 !important;
        padding: 15px 10px !important;
    }
    
    /* Smaller standalone button */
    .cta-button-wrapper .cta-button,
    .cta-button-wrapper button {
        padding: 15px 40px !important;
        font-size: 0.95rem !important;
        letter-spacing: 1px !important;
        width: auto !important;
        max-width: 90% !important;
    }
}

/* Tablet */
@media (min-width: 769px) and (max-width: 1024px) {
    .cta-resiliation h2 {
        font-size: 2.8rem !important;
    }
    
    .cta-resiliation h3 {
        font-size: 2.3rem !important;
    }
    
    .cta-resiliation p {
        font-size: 1.3rem !important;
    }
    
    .cta-resiliation .cta-button,
    .cta-resiliation button,
    .cta-button-wrapper .cta-button,
    .cta-button-wrapper button {
        padding: 20px 60px !important;
        font-size: 1.1rem !important;
    }
}
/* ================================================
   AUTHOR SECTION - MINIMAL DISCRETE DESIGN
   ================================================ */

/* Author Section Container */
.guide-article .author-section {
    background: transparent;
    border-top: 1px solid #9ca3af;  /* Darker border to match black text */
    padding: 25px 0;
    margin: 50px 0 -40px 0;
    position: relative;
}

/* Author info container - single line */
.guide-article .author-section > div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
    margin-bottom: 20px;
}

/* Individual author info items */
.guide-article .author-section p {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    font-size: 0.95rem !important;
    color: #000000 !important;  /* Pure black */
    line-height: 1.4 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Strong labels in author info */
.guide-article .author-section p strong {
    color: #000000 !important;  /* Pure black */
    font-weight: 600 !important;
    font-size: 0.95rem !important;
}

/* Separator dots between items */
.guide-article .author-section p:not(:last-child)::after {
    content: '•';
    color: #6b7280;  /* Medium gray for contrast with black text */
    margin-left: 25px;
    margin-right: -15px;
    font-size: 0.8rem;
}

/* Disclaimer - Simple text style */
.guide-article .author-section .disclaimer {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
}

/* Disclaimer text */
.guide-article .author-section .disclaimer p {
    color: #000000 !important;  /* Pure black */
    font-size: 0.85rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    display: block !important;
    font-style: italic;
}

.guide-article .author-section .disclaimer p::after {
    content: none !important; /* Remove separator from disclaimer */
}

/* Disclaimer strong text (without emoji) */
.guide-article .author-section .disclaimer p strong {
    color: #000000 !important;  /* Pure black */
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    font-style: normal;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    /* Adjust padding for mobile */
    .guide-article .author-section {
        margin: 40px 0 -30px 0;
        padding: 20px 0;
    }
    
    /* Stack author info vertically on small screens */
    .guide-article .author-section > div:first-child {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 15px;
    }
    
    /* Remove separators on mobile */
    .guide-article .author-section p:not(:last-child)::after {
        content: none;
    }
    
    /* Smaller text on mobile */
    .guide-article .author-section p {
        font-size: 0.9rem !important;
        color: #000000 !important;  /* Ensure black on mobile */
    }
    
    .guide-article .author-section .disclaimer p {
        font-size: 0.82rem !important;
        line-height: 1.4 !important;
        color: #000000 !important;  /* Ensure black on mobile */
    }
}

/* Tablet Responsive */
@media (min-width: 769px) and (max-width: 1024px) {
    .guide-article .author-section {
        padding: 22px 0;
    }
    
    .guide-article .author-section > div:first-child {
        gap: 20px;
    }
}

/* Print styles */
@media print {
    .guide-article .author-section {
        background: white !important;
        border-top: 1px solid #000000 !important;  /* Black border for print */
        page-break-inside: avoid;
    }
    
    /* Remove decorative elements for print */
    .guide-article .author-section p::after {
        display: none !important;
    }
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
    .guide-article .author-section {
        border-top-color: #475569;
    }
    
    .guide-article .author-section p {
        color: #00000 !important;  /* Light for dark mode */
    }
    
    .guide-article .author-section p strong {
        color: #00000 !important;  /* White for dark mode */
    }
    
    .guide-article .author-section .disclaimer p {
        color: #00000 !important;  /* Light for dark mode */
    }
    
    .guide-article .author-section .disclaimer p strong {
        color: #000000 !important;  /* White for dark mode */
    }
}

/* ===== TYPO SIZE OVERRIDES (make things bigger) ===== */
.guide-article p,
.guide-article li { font-size: 1rem !important; }      /* was 1.4rem / 1.4rem */
.guide-article ol li { font-size: 1rem !important; }    /* was 1.5rem */
.guide-article h2 { font-size: 1.5rem !important; }       /* was 2.5rem */
.guide-article h3 { font-size: 1.25rem !important; }       /* was 2rem */
.guide-article .hero-title { font-size: 2rem !important; } /* was 2rem */
.guide-article ul.en-bref-list li,
.guide-article #en-bref + ul li {
  font-size: 1rem !important;}
.toc-list a { font-size: 0.9rem !important; }             /* was 1.2rem */

/* CTA block text */
.cta-resiliation p { font-size: 1.2rem !important; }      /* was 1.5rem */
.cta-resiliation p strong { font-size: 2rem !important; } /* was 1.8rem */
.cta-resiliation h2 { font-size: 2rem !important; }     /* was 3.5rem */
.cta-resiliation h3 { font-size: 2rem !important; }     /* was 3rem */

/* Mobile sizes (keep these in sync so phones don’t look tiny) */
@media (max-width: 768px) {
  .guide-article p,
  .guide-article li { font-size: 1.1rem !important; }     /* was 1rem */
  .guide-article h2 { font-size: 1.6rem !important; }     /* was 1.4rem */
  .guide-article h3 { font-size: 1.35rem !important; }    /* was 1.2rem */
  .guide-article ul.en-bref-list li,
  .guide-article #en-bref + ul li {
    font-size: 1.1rem !important;
  }
  .toc-list a { font-size: 1.05rem !important; }          /* was 0.9rem */

  .cta-resiliation p { font-size: 1.2rem !important; }    /* was 1.1rem */
  .cta-resiliation p strong { font-size: 1.4rem !important; } /* was 1.3rem */
  .cta-resiliation h2 { font-size: 2.2rem !important; }   /* was 2rem */
  .cta-resiliation h3 { font-size: 2rem !important; }     /* was 1.8rem */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3458c3bb *//* ================================================
   ELEMENTOR TEXT STYLES - MASTER TEMPLATE v2.16
   Blue Theme Enhanced - WordPress Article Layout
   ================================================ */

/* Main Article Container */
.guide-article {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    max-width: 1000px;
    margin: 40px auto;
    padding: 0 20px;
    color: #2d3748;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Hero Section - Blue Theme */
.guide-article .hero-section {
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 50%, #b0cdfa 100%);
    color: white;
    padding: 25px 20px;
    margin: 0 -20px 20px -20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.guide-article .hero-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    opacity: 0.3;
}

/* Hero Title */
.guide-article .hero-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, #ffffff 0%, #e2eeff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Hero Meta Information */
.guide-article .hero-meta {
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.85rem;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.guide-article .hero-meta .meta-line:not(:last-child)::after {
    content: "•";
    margin-left: 20px;
    color: rgba(255, 255, 255, 0.6);
}

/* Content Area */
.guide-article .content-area {
    padding: 20px 30px 40px;
    line-height: 1.7;
}

/* Typography - H2 with Blue Bars */
.guide-article h2 {
    color: #2d3748;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 35px 0 20px 0;
    position: relative;
    padding-left: 25px;
    line-height: 1.3;
}

.guide-article h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 35px;
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 100%);
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(21, 97, 248, 0.3);
}

/* H3 with Blue Accents */
.guide-article h3 {
    color: #1561f8;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 25px 0 15px 0;
    border-bottom: 2px solid #e2e8f0;
    padding-bottom: 8px;
    position: relative;
}

.guide-article h3::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, #1561f8, #579cf6);
    border-radius: 1px;
}

/* Paragraphs - Black Text */
.guide-article p {
    color: #000000 !important;
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 16px;
    text-align: justify;
}

/* Lists - Black Text */
.guide-article ul, 
.guide-article ol {
    margin: 16px 0 16px 20px;
    color: #000000;
}

.guide-article li {
    margin-bottom: 8px;
    line-height: 1.6;
    color: #000000 !important;
    white-space: normal;
}

/* Strong/Bold Text */
.guide-article strong {
    color: #000000 !important;
    font-weight: 600;
    display: inline !important;
}

/* Enhanced Numbered Lists */
.guide-article ol {
    counter-reset: item;
    padding-left: 0;
    margin-left: 30px;
}

.guide-article ol li {
    counter-increment: item;
    display: block;
    margin-bottom: 12px;
    position: relative;
    padding-left: 35px;
}

.guide-article ol li::before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 0;
    background: #1561f8;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.85rem;
    box-shadow: 0 2px 4px rgba(21, 97, 248, 0.3);
}

/* TOC Container */
.toc-container {
    background: linear-gradient(135deg, #e2eeff 0%, #b0cdfa 100%);
    border: 1px solid #579cf6;
    border-radius: 12px;
    padding: 12px 20px;
    margin: 16px auto 24px auto;
    position: relative;
    box-shadow: 0 4px 6px -1px rgba(87, 156, 246, 0.1);
    max-width: 600px;
}

/* CTA Section */
.guide-article .cta-section {
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 100%);
    color: white;
    padding: 30px;
    margin: 40px -30px 20px -30px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(21, 97, 248, 0.3);
}

.guide-article .cta-button {
    display: inline-block;
    background: #48bb78;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 25px;
    font-weight: 600;
    margin-top: 15px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.9rem;
}

.guide-article .cta-button:hover {
    background: #38a169;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(72, 187, 120, 0.4);
}

/* Responsive Design */
@media (max-width: 768px) {
    .guide-article {
        margin: 20px auto;
        border-radius: 16px;
    }
    
    .guide-article .hero-title {
        font-size: 1.5rem;
    }
    
    .guide-article h2 {
        font-size: 1.4rem;
        padding-left: 20px;
    }
    
    .guide-article .content-area {
        padding: 15px 20px 30px;
    }
}



/* ===================================
   ELEMENTOR FORM STYLES
   WordPress Form Functionality
   =================================== */

/* Form Container */
.elementor-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 30px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Form Fields */
.elementor-field-group {
    margin-bottom: 20px;
}

.elementor-field-label {
    display: block;
    color: #1561f8;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 0.95rem;
}

.elementor-field-required {
    color: #ef4444;
    margin-left: 4px;
}

/* Input Fields */
.elementor-field,
.elementor-field-textual {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e2eeff;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: white;
    color: #333;
}

.elementor-field:focus {
    outline: none;
    border-color: #1561f8;
    box-shadow: 0 0 0 3px rgba(21, 97, 248, 0.1);
}

.elementor-field::placeholder {
    color: #9ca3af;
}

/* Textarea */
.elementor-field-textarea {
    min-height: 120px;
    resize: vertical;
}

/* Select Dropdown */
.elementor-field-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231561f8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    padding-right: 40px;
}

/* Checkboxes & Radio Buttons */
.elementor-field-type-checkbox .elementor-field-option,
.elementor-field-type-radio .elementor-field-option {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.elementor-field-option input[type="checkbox"],
.elementor-field-option input[type="radio"] {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    accent-color: #1561f8;
}

/* Submit Button */
.elementor-button,
.elementor-field-type-submit .elementor-button {
    background: linear-gradient(135deg, #1561f8 0%, #579cf6 100%);
    color: white;
    padding: 14px 32px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

.elementor-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(21, 97, 248, 0.3);
}

.elementor-button:active {
    transform: translateY(0);
}

/* Form Messages */
.elementor-message {
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
    font-size: 0.95rem;
}

.elementor-message-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.elementor-message-danger {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Field Validation */
.elementor-field.elementor-error {
    border-color: #ef4444;
}

.elementor-field-group .elementor-error-message {
    color: #ef4444;
    font-size: 0.85rem;
    margin-top: 5px;
}

/* Loading State */
.elementor-form-spinner {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid #e2eeff;
    border-top-color: #1561f8;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Responsive Form */
@media (max-width: 768px) {
    .elementor-form {
        padding: 20px;
    }
    
    .elementor-button {
        width: 100%;
    }
}/* End custom CSS */