.ozex-intro-section {
    display: block !important;
    position: relative !important;
    width: 100% !important;

    margin: 0 !important;

    background: #050505 !important;

    color: #ffffff !important;

    overflow: hidden !important;
}

.ozex-intro-container {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: 1150px !important;

    margin: 0 auto !important;
    padding: 50px !important;

    background: linear-gradient(
        135deg,
        #050505 0%,
        #0d0d0d 55%,
        #17120a 100%
    ) !important;

    border: 1px solid rgba(212, 175, 55, 0.45) !important;

    border-radius: 22px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 15px 50px rgba(0, 0, 0, 0.7),
        inset 0 0 50px rgba(212, 175, 55, 0.05) !important;
}

.ozex-intro-content {
    position: relative !important;
    z-index: 5 !important;

    max-width: 850px !important;

    color: #ffffff !important;
}

.ozex-intro-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 9px 18px !important;
    margin-bottom: 20px !important;

    background: rgba(212, 175, 55, 0.12) !important;

    border: 1px solid rgba(212, 175, 55, 0.6) !important;

    border-radius: 30px !important;

    color: #d4af37 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
}

.ozex-intro-content h2 {
    display: block !important;

    margin: 0 0 20px 0 !important;

    color: #ffffff !important;

    font-size: 38px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;
}

.ozex-intro-content h2 span {
    color: #d4af37 !important;
}

.ozex-intro-content p {
    display: block !important;

    margin: 0 0 14px 0 !important;

    color: #d5d5d5 !important;

    font-size: 16px !important;
    line-height: 1.8 !important;
}

.ozex-intro-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;

    margin-top: 15px !important;
    padding: 13px 26px !important;

    background: linear-gradient(135deg, #d4af37, #f5d76e) !important;

    color: #000000 !important;

    border: none !important;
    border-radius: 30px !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    transition: all 0.3s ease !important;
}

.ozex-intro-btn i {
    margin-left: 8px !important;
    color: #000000 !important;
}

.ozex-intro-btn:hover {
    transform: translateY(-3px) !important;

    color: #000000 !important;

    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.35) !important;
}

.ozex-intro-glow {
    position: absolute !important;

    width: 300px !important;
    height: 300px !important;

    right: -120px !important;
    top: -120px !important;

    border-radius: 50% !important;

    background: rgba(212, 175, 55, 0.12) !important;

    pointer-events: none !important;
}

@media (max-width: 768px) {
    .ozex-intro-section {
        padding: 40px 15px !important;
    }

    .ozex-intro-container {
        padding: 30px 20px !important;
    }

    .ozex-intro-content h2 {
        font-size: 28px !important;
    }

    .ozex-intro-content p {
        font-size: 15px !important;
    }

    .ozex-intro-btn {
        width: auto !important;
    }
}
/* =========================================
           OzeX Vision Mission Philosophy
        ========================================= */

.ozex-vmp-section {
    position: relative;
    width: 100%;

    background: #050505 !important;
    color: #ffffff;
    overflow: hidden;
}

.ozex-vmp-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -220px;
    left: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.06);

    pointer-events: none;
}

.ozex-vmp-section::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    bottom: -220px;
    right: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.05);

    pointer-events: none;
}

/* Section Heading */

.ozex-vmp-heading {
    position: relative;
    z-index: 2;

    text-align: center;

    margin-bottom: 50px;
}

.ozex-vmp-heading span {
    display: inline-block;

    margin-bottom: 10px;

    color: #d4af37;

    font-size: 14px;
    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 2px;
}

.ozex-vmp-heading h2 {
    margin: 0;

    color: #ffffff;

    font-size: 36px;
    font-weight: 600;
}

/* Cards */

.ozex-vmp-card {
    position: relative;
    z-index: 2;

    height: 100%;

    padding: 40px 32px;

    background: linear-gradient(145deg, #0b0b0b, #111111) !important;

    border: 1px solid rgba(212, 175, 55, 0.3);

    border-radius: 20px;

    text-align: center;

    transition: all 0.35s ease;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.45);
}

.ozex-vmp-card:hover {
    transform: translateY(-8px);

    border-color: rgba(212, 175, 55, 0.75);

    box-shadow: 0 20px 50px rgba(212, 175, 55, 0.1);
}

/* Icons */

.ozex-vmp-icon {
    display: flex;

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

    width: 65px;
    height: 65px;

    margin: 0 auto 22px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.1);

    border: 1px solid rgba(212, 175, 55, 0.45);

    color: #d4af37;

    font-size: 25px;

    box-shadow: 0 0 25px rgba(212, 175, 55, 0.08);
}

/* Card Heading */

.ozex-vmp-card h3 {
    margin: 0;

    color: #d4af37 !important;

    font-size: 23px;

    font-weight: 400;
}

/* Golden Divider */

.ozex-vmp-line {
    width: 55px;
    height: 2px;

    margin: 18px auto 22px;

    background: #d4af37;

    border-radius: 5px;
}

/* Content */

.ozex-vmp-card p {
    margin: 0;

    color: #d2d2d2 !important;

    font-size: 15px;

    line-height: 1.8;

    font-weight: 400;
}

/* Responsive */

@media (max-width: 991px) {
    .ozex-vmp-section {
        padding: 65px 20px;
    }

    .ozex-vmp-heading h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .ozex-vmp-section {
        padding: 50px 15px;
    }

    .ozex-vmp-heading {
        margin-bottom: 35px;
    }

    .ozex-vmp-heading h2 {
        font-size: 26px;
    }

    .ozex-vmp-card {
        padding: 32px 22px;
    }
}

/* =========================================
   OzeX - Need of OzeX Section
========================================= */

.ozex-need-section {
    position: relative;

    width: 100%;

    background: #050505 !important;

    color: #ffffff;

    overflow: hidden;
}

/* =========================================
   Background Glow
========================================= */

.ozex-need-section::before {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.055);

    pointer-events: none;
}

.ozex-need-section::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -180px;
    left: -150px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.04);

    pointer-events: none;
}

/* =========================================
   Main Wrapper
========================================= */

.ozex-need-wrapper {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: stretch;

    gap: 45px;

    max-width: 1150px;

    margin: 0 auto;

    padding: 35px;

    background: linear-gradient(135deg, #090909 0%, #101010 55%, #17120a 100%);

    border: 1px solid rgba(212, 175, 55, 0.3);

    border-radius: 20px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.55);
}

/* =========================================
   Left Title Area
========================================= */

.ozex-need-title {
    position: relative;

    flex: 0 0 30%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 20px 25px;

    border-right: 1px solid rgba(212, 175, 55, 0.2);
}

.ozex-need-title span {
    margin-bottom: 10px;

    color: #fff;

    margin-top: 5px;

    font-size: 13px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 2px;
}

.ozex-need-title h2 {
    margin: 0;

    color: #ffffff !important;

    font-size: 38px;

    line-height: 1.2;

    font-weight: 600;
}

.ozex-need-title h2 strong {
    color: #d4af37 !important;
}

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

.ozex-need-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 62px;

    height: 62px;

    margin-bottom: 20px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.1);

    border: 1px solid rgba(212, 175, 55, 0.45);

    color: #d4af37;

    font-size: 24px;
}

/* =========================================
   Divider
========================================= */

.ozex-need-divider {
    width: 55px;

    height: 2px;

    margin-top: 20px;

    background: #d4af37;

    border-radius: 5px;
}

/* =========================================
   Content Area
========================================= */

.ozex-need-content {
    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: center;
}

.ozex-need-content p {
    margin: 0 0 17px 0;

    color: #d2d2d2 !important;

    font-size: 15px;

    line-height: 1.8;
}

/* =========================================
   Highlighted Final Paragraph
========================================= */

.ozex-need-highlight {
    position: relative;

    margin-top: 5px;

    padding: 20px 22px;

    background: rgba(212, 175, 55, 0.055);

    border-left: 3px solid #d4af37;

    border-radius: 0 10px 10px 0;
}

.ozex-need-highlight p {
    margin: 0;

    color: #dcdcdc !important;
}

.ozex-need-highlight strong {
    color: #d4af37 !important;

    font-weight: 400;
}

/* =========================================
   Responsive - Tablet
========================================= */

@media (max-width: 991px) {
    .ozex-need-wrapper {
        gap: 30px;

        padding: 30px;
    }

    .ozex-need-title {
        flex: 0 0 28%;

        padding: 15px;
    }

    .ozex-need-title h2 {
        font-size: 32px;
    }
}

/* =========================================
   Responsive - Mobile
========================================= */

@media (max-width: 767px) {
    .ozex-need-section {
    }

    .ozex-need-wrapper {
        display: block;

        padding: 25px 20px;

        border-radius: 16px;
    }

    .ozex-need-title {
        display: block;

        padding: 0 0 25px 0;

        margin-bottom: 25px;

        border-right: none;

        border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    }

    .ozex-need-icon {
        width: 55px;
        height: 55px;

        margin-bottom: 15px;
    }

    .ozex-need-title h2 {
        font-size: 28px;
    }

    .ozex-need-content p {
        font-size: 14px;

        line-height: 1.75;
    }

    .ozex-need-highlight {
        padding: 17px 18px;
    }
}

/* =========================================
   Asset Management Button
========================================= */

.ozex-need-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: fit-content !important;

    margin-top: 22px !important;
    padding: 11px 20px !important;

    background: linear-gradient(135deg, #d4af37, #f1d36a) !important;

    color: #050505 !important;

    border: 1px solid #d4af37 !important;
    border-radius: 30px !important;

    font-size: 14px !important;
    font-weight: 400 !important;

    text-decoration: none !important;

    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.15);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease !important;
}

.ozex-need-btn i {
    color: #fff !important;

    font-size: 12px !important;

    transition: transform 0.3s ease;
}

/* Hover */

.ozex-need-btn:hover {
    color: #050505 !important;

    text-decoration: none !important;

    transform: translateY(-3px) !important;

    background: linear-gradient(135deg, #f1d36a, #d4af37) !important;

    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.28);
}

.ozex-need-btn:hover i {
    transform: translateX(4px);
}

/* Mobile */

@media (max-width: 767px) {
    .ozex-need-btn {
        margin-top: 18px !important;

        padding: 10px 18px !important;

        font-size: 13px !important;
    }
}

/* =========================================================
   OzeX Ecosystem Section
   White + Ocar Yellow Theme
========================================================= */

.ozex-ecosystem-section {
    position: relative;

    width: 100%;
    background: #ffffff !important;

    color: #222222;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-ecosystem-section::before {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.06);

    pointer-events: none;
}

.ozex-ecosystem-section::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -220px;
    left: -180px;

    border-radius: 50%;

    background: rgba(212, 175, 55, 0.045);

    pointer-events: none;
}

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

.ozex-ecosystem-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 35px;
}

.ozex-section-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 400;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-ecosystem-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 34px;

    font-weight: 600;

    line-height: 1.25;
}

.ozex-ecosystem-header h2 span {
    color: #fccb34 !important;
}

.ozex-header-line {
    width: 55px;

    height: 3px;

    margin: 15px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Main System Block
========================================================= */

.ozex-system-block {
    position: relative;

    z-index: 2;

    display: flex;

    gap: 25px;

    max-width: 1150px;

    margin: 0 auto 28px;

    padding: 28px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 18px;

    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);

    transition: all 0.3s ease;
}

.ozex-system-block:hover {
    border-color: rgba(201, 162, 39, 0.45);

    box-shadow: 0 15px 35px rgba(201, 162, 39, 0.1);

    transform: translateY(-3px);
}

/* =========================================================
   Number
========================================================= */

.ozex-system-number {
    flex: 0 0 65px;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding-top: 3px;

    color: #fccb34;

    font-size: 25px;

    font-weight: 600;

    line-height: 1;
}

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

.ozex-system-content {
    flex: 1;

    min-width: 0;
}

/* =========================================================
   System Title
========================================================= */

.ozex-system-title {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 17px;
}

.ozex-system-icon {
    flex: 0 0 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 52px;
    height: 52px;

    border-radius: 14px;

    background: rgba(201, 162, 39, 0.1);

    border: 1px solid rgba(201, 162, 39, 0.35);

    color: #fccb34;

    font-size: 21px;
}

.ozex-system-title span {
    display: block;

    margin-bottom: 3px;

    color: #999999;

    font-size: 11px;

    font-weight: 400;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.ozex-system-title h3 {
    margin: 0;

    color: #222222 !important;

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;
}

/* =========================================================
   Main Paragraph
========================================================= */

.ozex-system-content > p {
    margin: 0 0 20px;

    color: #555555 !important;

    font-size: 15px;

    line-height: 1.8;
}

/* =========================================================
   Core Components
========================================================= */

.ozex-components-box {
    margin-top: 20px;

    padding: 20px;

    background: #fafafa;

    border: 1px solid #eeeeee;

    border-radius: 14px;
}

.ozex-components-box h4 {
    margin: 0 0 15px;

    color: #222222;

    font-size: 16px;

    font-weight: 600;
}

.ozex-component-grid {
    display: grid;

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

    gap: 10px;
}

.ozex-component-item {
    display: flex;

    align-items: center;

    gap: 9px;

    min-height: 45px;

    padding: 10px 12px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 9px;

    color: #444444;

    font-size: 13px;

    font-weight: 600;

    transition: all 0.25s ease;
}

.ozex-component-item i {
    color: #fccb34;

    font-size: 14px;
}

.ozex-component-item:hover {
    border-color: #fccb34;

    background: rgba(201, 162, 39, 0.04);
}

/* =========================================================
   Highlight Box
========================================================= */

.ozex-system-highlight {
    margin-top: 20px;

    padding: 17px 20px;

    background: rgba(201, 162, 39, 0.055);

    border-left: 3px solid #fccb34;

    border-radius: 0 10px 10px 0;

    color: #555555;

    font-size: 14px;

    line-height: 1.75;
}

/* =========================================================
   Token Circulation Flow
========================================================= */

.ozex-circulation-block {
    background: linear-gradient(135deg, #ffffff 0%, #fffdf7 100%);
}

.ozex-circulation-intro {
    margin-bottom: 15px;

    color: #fccb34;

    font-size: 14px;

    font-weight: 400;
}

.ozex-flow-list {
    display: grid;

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

    gap: 12px;
}

.ozex-flow-item {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 16px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 12px;

    transition: all 0.25s ease;
}

.ozex-flow-item:hover {
    border-color: rgba(201, 162, 39, 0.5);

    box-shadow: 0 6px 18px rgba(201, 162, 39, 0.08);
}

.ozex-flow-icon {
    flex: 0 0 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: #fff8dc;

    color: #fccb34;

    font-size: 14px;
}

.ozex-flow-item p {
    margin: 0;

    color: #555555;

    font-size: 13px;

    line-height: 1.7;
}

/* =========================================================
   Liquidity Management
========================================================= */

.ozex-liquidity-block {
    background: linear-gradient(135deg, #ffffff 0%, #fafafa 100%);
}

.ozex-responsibility-box {
    margin-top: 20px;
}

.ozex-responsibility-box h4 {
    margin: 0 0 15px;

    color: #222222;

    font-size: 16px;

    font-weight: 600;
}

.ozex-responsibility-grid {
    display: grid;

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

    gap: 10px;
}

.ozex-responsibility-item {
    display: flex;

    align-items: center;

    gap: 13px;

    padding: 14px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 10px;
}

.ozex-responsibility-item > span {
    flex: 0 0 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;
    height: 32px;

    border-radius: 8px;

    background: #fff8dc;

    color: #fccb34;

    font-size: 12px;

    font-weight: 600;
}

.ozex-responsibility-item p {
    margin: 0;

    color: #555555;

    font-size: 13px;

    line-height: 1.6;
}

/* =========================================================
   Final Highlight
========================================================= */

.ozex-final-highlight {
    margin-top: 22px;

    background: #fffdf5;

    border: 1px solid rgba(201, 162, 39, 0.2);

    border-left: 4px solid #fccb34;

    border-radius: 10px;
}

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

@media (max-width: 991px) {
    .ozex-system-block {
        padding: 24px;
    }

    .ozex-component-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ozex-system-title h3 {
        font-size: 21px;
    }
}

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

@media (max-width: 767px) {
    .ozex-ecosystem-section {
    }

    .ozex-ecosystem-header {
        margin-bottom: 25px;
    }

    .ozex-ecosystem-header h2 {
        font-size: 27px;
    }

    .ozex-system-block {
        display: block;

        padding: 22px;

        margin-bottom: 20px;
    }

    .ozex-system-number {
        display: block;

        margin-bottom: 12px;

        font-size: 21px;
    }

    .ozex-system-title {
        align-items: flex-start;

        gap: 12px;
    }

    .ozex-system-icon {
        flex: 0 0 45px;

        width: 45px;
        height: 45px;

        font-size: 18px;
    }

    .ozex-system-title h3 {
        font-size: 19px;
    }

    .ozex-system-content > p {
        font-size: 14px;

        line-height: 1.75;
    }

    .ozex-component-grid {
        grid-template-columns: 1fr;
    }

    .ozex-flow-list {
        grid-template-columns: 1fr;
    }

    .ozex-responsibility-grid {
        grid-template-columns: 1fr;
    }

    .ozex-system-highlight {
        font-size: 13px;
    }
}
/* =========================================================
   OZE TOKEN UTILITY SECTION
   White + #fccb34 Theme
========================================================= */

.oze-token-utility-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    color: #222222;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.oze-token-utility-section::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    top: -220px;
    left: -180px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.055);

    pointer-events: none;
}

.oze-token-utility-section::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -200px;
    right: -160px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

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

.oze-token-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 30px;
}

.oze-token-header > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 2px;
}

.oze-token-header h2 {
    margin: 0 0 8px;

    color: #222222 !important;

    font-size: 35px;

    font-weight: 600;
}

.oze-token-header p {
    margin: 0;

    color: #666666;

    font-size: 15px;

    line-height: 1.6;
}

.oze-token-header-line {
    width: 55px;

    height: 3px;

    margin: 15px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Total Supply
========================================================= */

.oze-total-supply {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    max-width: 650px;

    margin: 0 auto 35px;

    padding: 22px 30px;

    background: linear-gradient(135deg, #fffdf3, #ffffff);

    border: 1px solid rgba(252, 203, 52, 0.55);

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(252, 203, 52, 0.1);
}

.oze-total-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 22px;
}

.oze-total-content {
    text-align: left;
}

.oze-total-content > span {
    display: block;

    margin-bottom: 2px;

    color: #777777;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.oze-total-content h3 {
    margin: 0;

    color: #222222;

    font-size: 30px;

    font-weight: 600;
}

.oze-total-content h3 small {
    color: #fccb34;

    font-size: 17px;

    font-weight: 600;
}

/* =========================================================
   Oze Token Title
========================================================= */

.oze-tokenomics-title {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    margin-bottom: 25px;
}

.oze-tokenomics-title h3 {
    margin: 0;

    color: #222222;

    font-size: 24px;

    font-weight: 600;

    white-space: nowrap;
}

.oze-title-line {
    width: 45px;

    height: 2px;

    background: #fccb34;
}

/* =========================================================
   Allocation Section
========================================================= */

.oze-allocation-section {
    position: relative;

    z-index: 2;

    max-width: 1100px;

    margin: 0 auto;

    padding: 25px;

    background: #fafafa;

    border: 1px solid #eeeeee;

    border-radius: 18px;
}

.oze-allocation-heading {
    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;
}

.oze-allocation-heading span {
    padding: 5px 10px;

    background: #fff4c7;

    color: #a17c00;

    border-radius: 5px;

    font-size: 11px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;
}

.oze-allocation-heading h3 {
    margin: 0;

    color: #222222;

    font-size: 20px;

    font-weight: 600;
}

/* =========================================================
   Allocation Grid
========================================================= */

.oze-allocation-grid {
    display: grid;

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

    gap: 12px;
}

.oze-allocation-card {
    display: flex;

    align-items: center;

    gap: 12px;

    min-height: 75px;

    padding: 13px;

    background: #ffffff;

    border: 1px solid #e9e9e9;

    border-radius: 11px;

    transition: all 0.3s ease;
}

.oze-allocation-card:hover {
    transform: translateY(-3px);

    border-color: rgba(252, 203, 52, 0.55);

    box-shadow: 0 8px 20px rgba(252, 203, 52, 0.1);
}

.oze-allocation-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 10px;

    background: #fff8dc;

    color: #fccb34;

    font-size: 16px;
}

.oze-allocation-card span {
    display: block;

    margin-bottom: 2px;

    color: #666666;

    font-size: 12px;

    line-height: 1.4;
}

.oze-allocation-card strong {
    display: block;

    color: #222222;

    font-size: 16px;

    font-weight: 600;
}

.oze-allocation-card small {
    display: block;

    margin-top: 2px;

    color: #999999;

    font-size: 10px;
}

/* =========================================================
   Token Features
========================================================= */

.oze-token-features {
    position: relative;

    z-index: 2;

    display: grid;

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

    max-width: 1100px;

    margin: 25px auto 0;

    border: 1px solid #eeeeee;

    border-radius: 15px;

    overflow: hidden;

    background: #ffffff;
}

.oze-feature-item {
    display: flex;

    align-items: center;

    gap: 10px;

    padding: 15px 18px;

    border-right: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    color: #444444;

    font-size: 13px;

    font-weight: 600;
}

.oze-feature-item i {
    color: #fccb34;

    font-size: 15px;
}

/* =========================================================
   Description Blocks
========================================================= */

.oze-token-description {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 15px;

    max-width: 1100px;

    margin: 25px auto 0;

    padding: 22px;

    background: #fffdf5;

    border: 1px solid rgba(252, 203, 52, 0.3);

    border-left: 4px solid #fccb34;

    border-radius: 0 13px 13px 0;
}

.oze-description-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 15px;
}

.oze-token-description p {
    margin: 0;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.8;
}

.oze-token-description p strong {
    color: #444444;

    font-weight: 600;
}

/* =========================================================
   Fixed Supply Block
========================================================= */

.oze-fixed-supply-description {
    margin-top: 15px;

    background: #ffffff;

    border-color: #eeeeee;

    border-left-color: #fccb34;
}

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

@media (max-width: 991px) {
    .oze-allocation-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .oze-token-features {
        grid-template-columns: repeat(2, 1fr);
    }

    .oze-feature-item {
        border-right: 1px solid #eeeeee;
    }
}

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

@media (max-width: 767px) {
    .oze-token-utility-section {
    }

    .oze-token-header h2 {
        font-size: 28px;
    }

    .oze-token-header p {
        font-size: 14px;
    }

    .oze-total-supply {
        padding: 18px 20px;

        gap: 15px;
    }

    .oze-total-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        font-size: 18px;
    }

    .oze-total-content h3 {
        font-size: 25px;
    }

    .oze-tokenomics-title h3 {
        font-size: 20px;
    }

    .oze-allocation-section {
        padding: 18px;
    }

    .oze-allocation-grid {
        grid-template-columns: 1fr;
    }

    .oze-token-features {
        grid-template-columns: 1fr;
    }

    .oze-feature-item {
        border-right: none;
    }

    .oze-token-description {
        padding: 18px;

        gap: 12px;
    }

    .oze-token-description p {
        font-size: 13px;

        line-height: 1.75;
    }
}

/* =========================================================
   OzeX Tokenomics / Allocation
   White + #fccb34 Theme
========================================================= */

.ozex-allocation-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    color: #222222;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-allocation-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -240px;
    right: -180px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.055);

    pointer-events: none;
}

.ozex-allocation-section::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -180px;
    left: -150px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

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

.ozex-allocation-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 28px;
}

.ozex-allocation-label {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-allocation-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 34px;

    font-weight: 600;

    line-height: 1.25;
}

.ozex-allocation-header-line {
    width: 55px;

    height: 3px;

    margin: 14px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Introduction
========================================================= */

.ozex-allocation-intro {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto 28px;

    padding: 23px 25px;

    background: #fffdf5;

    border: 1px solid rgba(252, 203, 52, 0.35);

    border-left: 4px solid #fccb34;

    border-radius: 0 14px 14px 0;
}

.ozex-intro-mark {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fccb34;

    color: #222222;

    font-size: 18px;
}

.ozex-allocation-intro p {
    margin: 0 0 12px;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.8;
}

.ozex-allocation-intro p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   OZE Tokenomics Heading
========================================================= */

.ozex-tokenomics-heading {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 0 auto 18px;
}

.ozex-tokenomics-heading span {
    display: inline-block;

    padding: 7px 14px;

    background: #222222;

    color: #fccb34;

    border-radius: 6px;

    font-size: 14px;

    font-weight: 600;
}

/* =========================================================
   Total Supply
========================================================= */

.ozex-allocation-supply {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto 28px;

    padding: 22px 25px;

    background: linear-gradient(135deg, #ffffff, #fffdf3);

    border: 1px solid rgba(252, 203, 52, 0.55);

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(252, 203, 52, 0.08);
}

.ozex-supply-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 21px;
}

.ozex-supply-text span {
    display: block;

    margin-bottom: 3px;

    color: #777777;

    font-size: 13px;

    font-weight: 400;
}

.ozex-supply-text strong {
    color: #222222;

    font-size: 25px;

    font-weight: 600;
}

/* =========================================================
   Allocation Title
========================================================= */

.ozex-allocation-title {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-bottom: 20px;
}

.ozex-allocation-title h3 {
    margin: 0;

    color: #222222;

    font-size: 22px;

    font-weight: 600;

    white-space: nowrap;
}

.ozex-allocation-title-line {
    width: 45px;

    height: 2px;

    background: #fccb34;
}

/* =========================================================
   Allocation Cards
========================================================= */

.ozex-allocation-cards {
    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 14px;

    max-width: 1050px;

    margin: 0 auto;
}

.ozex-allocation-card {
    position: relative;

    display: flex;

    align-items: center;

    gap: 13px;

    min-height: 90px;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 13px;

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-allocation-card::after {
    content: "";

    position: absolute;

    width: 70px;
    height: 70px;

    right: -35px;
    bottom: -35px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.08);
}

.ozex-allocation-card:hover {
    transform: translateY(-4px);

    border-color: rgba(252, 203, 52, 0.6);

    box-shadow: 0 10px 25px rgba(252, 203, 52, 0.1);
}

/* Number */

.ozex-card-number {
    position: absolute;

    top: 8px;
    right: 10px;

    color: #dddddd;

    font-size: 11px;

    font-weight: 600;
}

/* Icon */

.ozex-card-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    border-radius: 11px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 17px;
}

/* Content */

.ozex-card-content span {
    display: block;

    margin-bottom: 2px;

    color: #666666;

    font-size: 16px;

    line-height: 1.4;
}

.ozex-card-content strong {
    display: block;

    color: #222222;

    font-size: 17px;

    font-weight: 600;
}

.ozex-card-content small {
    display: block;

    margin-top: 2px;

    color: #999999;

    font-size: 10px;
}

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

@media (max-width: 991px) {
    .ozex-allocation-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 767px) {
    .ozex-allocation-section {
    }

    .ozex-allocation-header h2 {
        font-size: 28px;
    }

    .ozex-allocation-intro {
        padding: 18px;

        gap: 13px;
    }

    .ozex-intro-mark {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;

        font-size: 16px;
    }

    .ozex-allocation-intro p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-allocation-supply {
        padding: 18px;
    }

    .ozex-supply-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;
    }

    .ozex-supply-text strong {
        font-size: 21px;
    }

    .ozex-allocation-cards {
        grid-template-columns: 1fr;
    }

    .ozex-allocation-title h3 {
        font-size: 19px;
    }
}

/* =========================================================
   PART OF TOKENOMICS
   White + #fccb34 Theme
========================================================= */

.ozex-part-tokenomics {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-part-tokenomics::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -190px;
    left: -150px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-part-tokenomics::after {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    right: -220px;
    bottom: -220px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.055);

    pointer-events: none;
}

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

.ozex-part-tokenomics-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 35px;
}

.ozex-part-tokenomics-header > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-part-tokenomics-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 34px;

    font-weight: 600;
}

.ozex-part-header-line {
    width: 55px;

    height: 3px;

    margin: 14px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Timeline
========================================================= */

.ozex-tokenomics-timeline {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;
}

/* Main vertical line */

.ozex-tokenomics-timeline::before {
    content: "";

    position: absolute;

    top: 20px;
    bottom: 20px;

    left: 28px;

    width: 2px;

    background: linear-gradient(to bottom, #fccb34, rgba(252, 203, 52, 0.15));
}

/* =========================================================
   Individual Item
========================================================= */

.ozex-tokenomics-item {
    position: relative;

    display: grid;

    grid-template-columns: 58px 1fr;

    gap: 18px;

    margin-bottom: 25px;
}

.ozex-tokenomics-item:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Number
========================================================= */

.ozex-tokenomics-number {
    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;
    height: 58px;

    border: 2px solid #fccb34;

    border-radius: 50%;

    background: #ffffff;

    color: #222222;

    font-size: 14px;

    font-weight: 600;

    box-shadow: 0 0 0 6px rgba(252, 203, 52, 0.08);
}

/* =========================================================
   Connector
========================================================= */

.ozex-tokenomics-connector {
    display: none;
}

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

.ozex-tokenomics-content {
    position: relative;

    padding: 22px 25px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 15px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.045);

    transition: all 0.3s ease;
}

.ozex-tokenomics-content:hover {
    transform: translateX(5px);

    border-color: rgba(252, 203, 52, 0.55);

    box-shadow: 0 12px 30px rgba(252, 203, 52, 0.1);
}

/* =========================================================
   Title
========================================================= */

.ozex-tokenomics-title {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 15px;
}

.ozex-tokenomics-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 18px;
}

.ozex-tokenomics-title h3 {
    margin: 0;

    color: #222222;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.4;
}

.ozex-tokenomics-title h3 strong {
    color: #fccb34;

    font-size: 15px;

    font-weight: 600;

    margin-left: 7px;

    white-space: nowrap;
}

/* =========================================================
   Paragraphs
========================================================= */

.ozex-tokenomics-content p {
    margin: 0 0 12px;

    color: #5d5d5d !important;

    font-size: 16px;

    line-height: 1.85;
}

.ozex-tokenomics-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   First Card Highlight
========================================================= */

.ozex-tokenomics-item:first-child .ozex-tokenomics-content {
    background: linear-gradient(135deg, #fffdf3, #ffffff);

    border-color: rgba(252, 203, 52, 0.35);
}

/* =========================================================
   Responsive - Tablet
========================================================= */

@media (max-width: 991px) {
    .ozex-tokenomics-title h3 {
        font-size: 18px;
    }

    .ozex-tokenomics-title h3 strong {
        display: block;

        margin: 3px 0 0;
    }
}

/* =========================================================
   Responsive - Mobile
========================================================= */

@media (max-width: 767px) {
    .ozex-part-tokenomics {
    }

    .ozex-part-tokenomics-header {
        margin-bottom: 28px;
    }

    .ozex-part-tokenomics-header h2 {
        font-size: 28px;
    }

    .ozex-tokenomics-timeline::before {
        left: 21px;
    }

    .ozex-tokenomics-item {
        grid-template-columns: 43px 1fr;

        gap: 12px;

        margin-bottom: 18px;
    }

    .ozex-tokenomics-number {
        width: 43px;
        height: 43px;

        font-size: 11px;
    }

    .ozex-tokenomics-content {
        padding: 18px;
    }

    .ozex-tokenomics-title {
        align-items: flex-start;

        gap: 10px;

        margin-bottom: 12px;
    }

    .ozex-tokenomics-icon {
        width: 40px;
        height: 40px;

        flex: 0 0 40px;

        font-size: 15px;
    }

    .ozex-tokenomics-title h3 {
        font-size: 16px;

        line-height: 1.35;
    }

    .ozex-tokenomics-title h3 strong {
        display: block;

        margin: 3px 0 0;

        font-size: 13px;
    }

    .ozex-tokenomics-content p {
        font-size: 13px;

        line-height: 1.75;
    }
}

/* =========================================================
   APR Architecture Button
========================================================= */

.ozex-apr-architecture-btn-wrap {
    margin-top: 18px;
}

.ozex-apr-architecture-btn {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 10px 18px;

    background: #fccb34;

    color: #222222 !important;

    border: 1px solid #fccb34;

    border-radius: 6px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 0.5px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.ozex-apr-architecture-btn i {
    font-size: 11px;

    transition: transform 0.3s ease;
}

.ozex-apr-architecture-btn:hover {
    background: #222222;

    border-color: #222222;

    color: #fccb34 !important;

    text-decoration: none !important;
}

.ozex-apr-architecture-btn:hover i {
    transform: translateX(4px);
}

/* =========================================================
   OzeX APR Reward & Architecture
   White + #fccb34 Theme
========================================================= */

.ozex-apr-section {
    position: relative;
    width: 100%;

    background: #ffffff !important;
    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-apr-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -250px;
    right: -180px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-apr-section::after {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    bottom: -180px;
    left: -170px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

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

.ozex-apr-header {
    position: relative;
    z-index: 2;

    text-align: center;

    margin-bottom: 30px;
}

.ozex-apr-label {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.ozex-apr-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 34px;
    font-weight: 600;

    line-height: 1.3;
}

.ozex-apr-line {
    width: 55px;
    height: 3px;

    margin: 14px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   APR Introduction
========================================================= */

.ozex-apr-intro {
    position: relative;
    z-index: 2;

    display: flex;
    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto 25px;

    padding: 22px 25px;

    background: #fffdf4;

    border: 1px solid rgba(252, 203, 52, 0.4);

    border-left: 5px solid #fccb34;

    border-radius: 0 14px 14px 0;
}

.ozex-apr-intro-icon {
    display: flex;

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

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    border-radius: 13px;

    background: #fccb34;

    color: #222222;

    font-size: 21px;
}

.ozex-apr-intro h3 {
    margin: 0 0 7px;

    color: #222222;

    font-size: 23px;

    font-weight: 600;
}

.ozex-apr-intro p {
    margin: 0;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.7;
}

/* =========================================================
   Main Content
========================================================= */

.ozex-apr-content {
    position: relative;
    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;
}

.ozex-apr-content p {
    margin: 0 0 16px;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.85;
}

.ozex-apr-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Smart Contract Box
========================================================= */

.ozex-apr-contract-box {
    position: relative;
    z-index: 2;

    max-width: 1050px;

    margin: 28px auto 0;

    padding: 25px;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    border-radius: 16px;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.045);
}

.ozex-apr-contract-heading {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 18px;

    padding-bottom: 16px;

    border-bottom: 1px solid #eeeeee;
}

.ozex-apr-contract-icon {
    display: flex;

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

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 18px;
}

.ozex-apr-contract-heading h3 {
    margin: 0;

    color: #222222;

    font-size: 20px;

    font-weight: 600;
}

/* =========================================================
   Conditions
========================================================= */

.ozex-apr-conditions {
    display: grid;

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

    gap: 12px;

    margin: 20px 0;
}

.ozex-apr-condition {
    display: flex;

    align-items: flex-start;

    gap: 10px;

    padding: 15px;

    background: #fffdf4;

    border: 1px solid rgba(252, 203, 52, 0.3);

    border-radius: 10px;
}

.ozex-apr-condition span {
    display: flex;

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

    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 11px;
}

.ozex-apr-condition strong {
    color: #444444;

    font-size: 13px;

    line-height: 1.6;
}

/* =========================================================
   Highlight
========================================================= */

.ozex-apr-highlight {
    position: relative;
    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 28px auto;

    padding: 22px 25px;

    background: #222222;

    border-radius: 14px;

    border-left: 5px solid #fccb34;
}

.ozex-apr-highlight-icon {
    display: flex;

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

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fccb34;

    color: #222222;

    font-size: 18px;
}

.ozex-apr-highlight p {
    margin: 0;

    color: #ffffff !important;

    font-size: 14px;

    line-height: 1.8;
}

/* =========================================================
   Key Features
========================================================= */

.ozex-apr-features {
    position: relative;
    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;
}

.ozex-apr-features-heading {
    text-align: center;

    margin-bottom: 20px;
}

.ozex-apr-features-heading span {
    display: block;

    margin-bottom: 5px;

    color: #fccb34;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.ozex-apr-features-heading h3 {
    margin: 0;

    color: #222222;

    font-size: 24px;

    font-weight: 600;
}

/* =========================================================
   Feature Grid
========================================================= */

.ozex-apr-feature-grid {
    display: grid;

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

    gap: 14px;
}

.ozex-apr-feature-card {
    position: relative;

    display: flex;

    align-items: center;

    gap: 13px;

    min-height: 90px;

    padding: 15px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 12px;

    transition: all 0.3s ease;
}

.ozex-apr-feature-card:hover {
    transform: translateY(-4px);

    border-color: rgba(252, 203, 52, 0.6);

    box-shadow: 0 10px 25px rgba(252, 203, 52, 0.1);
}

.ozex-apr-feature-icon {
    display: flex;

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

    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    border-radius: 10px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 16px;
}

.ozex-apr-feature-card strong {
    color: #333333;

    font-size: 13px;

    line-height: 1.6;
}

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

@media (max-width: 991px) {
    .ozex-apr-conditions {
        grid-template-columns: 1fr;
    }

    .ozex-apr-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 767px) {
    .ozex-apr-section {
    }

    .ozex-apr-header h2 {
        font-size: 28px;
    }

    .ozex-apr-intro {
        padding: 18px;

        gap: 12px;
    }

    .ozex-apr-intro-icon {
        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        font-size: 16px;
    }

    .ozex-apr-intro h3 {
        font-size: 19px;
    }

    .ozex-apr-content p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-apr-contract-box {
        padding: 18px;
    }

    .ozex-apr-condition {
        padding: 13px;
    }

    .ozex-apr-highlight {
        padding: 18px;

        gap: 12px;
    }

    .ozex-apr-highlight-icon {
        width: 42px;
        height: 42px;

        flex: 0 0 42px;
    }

    .ozex-apr-feature-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   APR REWARD CLAIM PROCESS
   White + #fccb34 Theme
========================================================= */

.ozex-apr-claim-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-apr-claim-section::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    top: -220px;
    left: -180px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-apr-claim-section::after {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    right: -180px;
    bottom: -200px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.05);

    pointer-events: none;
}

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

.ozex-apr-claim-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 32px;
}

.ozex-apr-claim-header > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-apr-claim-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-apr-claim-line {
    width: 55px;

    height: 3px;

    margin: 13px auto 15px;

    background: #fccb34;

    border-radius: 5px;
}

.ozex-apr-claim-header h3 {
    margin: 0;

    color: #666666;

    font-size: 18px;

    font-weight: 600;
}

/* =========================================================
   Process Timeline
========================================================= */

.ozex-apr-process {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;
}

/* Vertical Line */

.ozex-apr-process::before {
    content: "";

    position: absolute;

    top: 30px;
    bottom: 30px;

    left: 29px;

    width: 2px;

    background: linear-gradient(to bottom, #fccb34, rgba(252, 203, 52, 0.15));
}

/* =========================================================
   Process Item
========================================================= */

.ozex-apr-process-item {
    position: relative;

    display: grid;

    grid-template-columns: 58px 1fr;

    gap: 18px;

    margin-bottom: 20px;
}

.ozex-apr-process-item:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Step Number
========================================================= */

.ozex-apr-process-step {
    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;
    height: 58px;

    border: 2px solid #fccb34;

    border-radius: 50%;

    background: #ffffff;

    color: #222222;

    font-size: 13px;

    font-weight: 600;

    box-shadow: 0 0 0 6px rgba(252, 203, 52, 0.08);
}

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

.ozex-apr-process-card {
    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 21px 24px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 14px;

    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.04);

    transition: all 0.3s ease;
}

.ozex-apr-process-card:hover {
    transform: translateX(5px);

    border-color: rgba(252, 203, 52, 0.6);

    box-shadow: 0 12px 28px rgba(252, 203, 52, 0.1);
}

/* =========================================================
   Process Icon
========================================================= */

.ozex-apr-process-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 18px;
}

/* =========================================================
   Process Content
========================================================= */

.ozex-apr-process-content {
    flex: 1;
}

.ozex-apr-process-content h3 {
    margin: 0 0 9px;

    color: #222222;

    font-size: 19px;

    font-weight: 600;

    line-height: 1.4;
}

.ozex-apr-process-content p {
    margin: 0;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.8;
}

/* =========================================================
   Process Lists
========================================================= */

.ozex-apr-process-content ul {
    margin: 0;

    padding: 0;

    list-style: none;
}

.ozex-apr-process-content li {
    position: relative;

    padding-left: 24px;

    margin-bottom: 9px;

    color: #555555;

    font-size: 14px;

    line-height: 1.75;
}

.ozex-apr-process-content li:last-child {
    margin-bottom: 0;
}

.ozex-apr-process-content li::before {
    content: "•";

    position: absolute;

    left: 5px;
    top: 0;

    color: #fccb34;

    font-size: 18px;

    font-weight: 500;
}

/* =========================================================
   Duration Box
========================================================= */

.ozex-apr-duration {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 20px;

    max-width: 1050px;

    margin: 30px auto 0;

    padding: 25px;

    background: #222222;

    border-radius: 15px;

    border-left: 5px solid #fccb34;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.ozex-apr-duration-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 52px;
    height: 52px;

    flex: 0 0 52px;

    border-radius: 13px;

    background: #fccb34;

    color: #222222;

    font-size: 20px;
}

.ozex-apr-duration-content {
    flex: 1;
}

.ozex-apr-duration-content h3 {
    margin: 0 0 17px;

    color: #ffffff;

    font-size: 21px;

    font-weight: 600;
}

/* =========================================================
   APR STAKE BUTTON
========================================================= */

.ozex-apr-stake-btn-wrap {
    margin-top: 22px;
}

.ozex-apr-stake-btn {
    display: inline-flex;

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

    gap: 10px;

    padding: 11px 22px;

    background: #fccb34;

    color: #222222 !important;

    border: 1px solid #fccb34;

    border-radius: 6px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.ozex-apr-stake-btn i {
    font-size: 11px;

    transition: transform 0.3s ease;
}

.ozex-apr-stake-btn:hover {
    background: #ffffff;

    color: #fccb34 !important;

    border-color: #fccb34;

    text-decoration: none !important;
}

.ozex-apr-stake-btn:hover i {
    transform: translateX(4px);
}

/* =========================================================
   Duration Points
========================================================= */

.ozex-apr-duration-points {
    display: flex;

    flex-direction: column;

    gap: 12px;
}

.ozex-apr-duration-point {
    display: flex;

    align-items: flex-start;

    gap: 11px;
}

.ozex-apr-duration-point span {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;
    height: 25px;

    flex: 0 0 25px;

    margin-top: 1px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 10px;
}

.ozex-apr-duration-point strong {
    color: #eeeeee;

    font-size: 13px;

    line-height: 1.7;
}

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

@media (max-width: 991px) {
    .ozex-apr-process-card {
        padding: 19px;
    }
}

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

@media (max-width: 767px) {
    .ozex-apr-claim-section {
    }

    .ozex-apr-claim-header h2 {
        font-size: 27px;
    }

    .ozex-apr-claim-header h3 {
        font-size: 16px;
    }

    .ozex-apr-process::before {
        left: 21px;
    }

    .ozex-apr-process-item {
        grid-template-columns: 43px 1fr;

        gap: 12px;

        margin-bottom: 15px;
    }

    .ozex-apr-process-step {
        width: 43px;
        height: 43px;

        font-size: 10px;
    }

    .ozex-apr-process-card {
        display: block;

        padding: 18px;
    }

    .ozex-apr-process-icon {
        width: 42px;
        height: 42px;

        margin-bottom: 12px;

        font-size: 16px;
    }

    .ozex-apr-process-content h3 {
        font-size: 17px;
    }

    .ozex-apr-process-content p,
    .ozex-apr-process-content li {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-apr-duration {
        display: block;

        padding: 20px;
    }

    .ozex-apr-duration-icon {
        width: 45px;
        height: 45px;

        margin-bottom: 13px;
    }

    .ozex-apr-duration-content h3 {
        font-size: 19px;
    }

    .ozex-apr-duration-point strong {
        font-size: 12px;
    }
}

/* =========================================================
   IMPORTANT NOTE
========================================================= */

.ozex-apr-important-section {
    width: 100%;

    background: #fffdf4 !important;

    position: relative;

    overflow: hidden;
}

/* Decorative Element */

.ozex-apr-important-section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -130px;
    top: -130px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.08);

    pointer-events: none;
}

/* Main Box */

.ozex-apr-important-box {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;

    padding: 28px 30px;

    background: #ffffff;

    border: 1px solid rgba(252, 203, 52, 0.45);

    border-left: 5px solid #fccb34;

    border-radius: 14px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Title */

.ozex-apr-important-title {
    display: flex;

    align-items: center;

    gap: 14px;

    padding-bottom: 17px;

    margin-bottom: 20px;

    border-bottom: 1px solid #eeeeee;
}

.ozex-apr-important-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 46px;
    height: 46px;

    flex: 0 0 46px;

    border-radius: 11px;

    background: #fccb34;

    color: #222222;

    font-size: 18px;
}

.ozex-apr-important-title h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 25px;

    font-weight: 600;
}

/* Content */

.ozex-apr-important-content p {
    margin: 0 0 15px;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.85;
}

.ozex-apr-important-content p:last-child {
    margin-bottom: 0;
}

.ozex-apr-important-content strong {
    color: #222222;
}

/* Highlighted Wallet Terms */

.ozex-apr-important-content p:last-child {
    padding: 16px 18px;

    background: #fff9df;

    border-radius: 9px;

    border: 1px solid rgba(252, 203, 52, 0.25);
}

/* Mobile */

@media (max-width: 767px) {
    .ozex-apr-important-section {
    }

    .ozex-apr-important-box {
        padding: 20px;

        border-left-width: 4px;
    }

    .ozex-apr-important-title {
        gap: 11px;

        margin-bottom: 16px;
    }

    .ozex-apr-important-icon {
        width: 40px;
        height: 40px;

        flex: 0 0 40px;

        font-size: 15px;
    }

    .ozex-apr-important-title h2 {
        font-size: 21px;
    }

    .ozex-apr-important-content p {
        font-size: 13px;

        line-height: 1.75;
    }
}

/* Asset management */
/* =========================================================
   SWIP – CRYPTO ASSET MANAGEMENT
   White + #fccb34 Theme
========================================================= */

.ozex-swip-intro-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-swip-intro-section::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    right: -220px;
    top: -210px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.055);

    pointer-events: none;
}

.ozex-swip-intro-section::after {
    content: "";

    position: absolute;

    width: 280px;
    height: 280px;

    left: -160px;
    bottom: -160px;

    border-radius: 50%;

    border: 50px solid rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

/* =========================================================
   Section Heading
========================================================= */

.ozex-swip-heading {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 30px;
}

.ozex-swip-eyebrow {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-swip-heading h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 34px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-swip-heading-line {
    width: 55px;

    height: 3px;

    margin: 13px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Main Grid
========================================================= */

.ozex-swip-intro-grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns: 0.85fr 1.15fr;

    gap: 45px;

    max-width: 1050px;

    margin: 0 auto;

    align-items: center;
}

/* =========================================================
   Visual Area
========================================================= */

.ozex-swip-visual {
    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 370px;
}

.ozex-swip-visual-card {
    position: relative;

    width: 330px;
    height: 330px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fffdf4;

    border: 1px solid rgba(252, 203, 52, 0.35);

    border-radius: 30px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

/* Main Icon */

.ozex-swip-main-icon {
    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100px;
    height: 100px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 40px;

    box-shadow:
        0 0 0 14px rgba(252, 203, 52, 0.13),
        0 0 0 28px rgba(252, 203, 52, 0.055);
}

/* Circles */

.ozex-swip-circle {
    position: absolute;

    border: 1px dashed rgba(252, 203, 52, 0.45);

    border-radius: 50%;
}

.circle-one {
    width: 190px;
    height: 190px;
}

.circle-two {
    width: 270px;
    height: 270px;
}

/* Mini Cards */

.ozex-swip-mini-card {
    position: absolute;

    z-index: 4;

    display: flex;

    align-items: center;

    gap: 7px;

    padding: 8px 11px;

    background: #ffffff;

    border: 1px solid #eeeeee;

    border-radius: 8px;

    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.07);

    color: #333333;

    font-size: 10px;

    font-weight: 400;
}

.ozex-swip-mini-card i {
    color: #fccb34;

    font-size: 12px;
}

.mini-one {
    top: 45px;
    left: 25px;
}

.mini-two {
    top: 140px;
    right: 18px;
}

.mini-three {
    bottom: 43px;
    left: 45px;
}

/* Visual Label */

.ozex-swip-visual-label {
    position: absolute;

    bottom: 15px;

    right: 22px;

    color: #888888;

    font-size: 9px;

    letter-spacing: 0.7px;

    text-transform: uppercase;
}

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

.ozex-swip-content {
    padding: 5px 0;
}

/* Title Row */

.ozex-swip-title-row {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

    padding-bottom: 15px;

    border-bottom: 1px solid #eeeeee;
}

.ozex-swip-title-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 11px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 18px;
}

.ozex-swip-title-row h3 {
    margin: 0;

    color: #222222;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.4;
}

/* Text */

.ozex-swip-text p {
    margin: 0 0 17px;

    color: #555555 !important;

    font-size: 14px;

    line-height: 1.9;
}

.ozex-swip-text p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Highlight Last Paragraph
========================================================= */

.ozex-swip-text p:last-child {
    position: relative;

    padding: 17px 18px;

    background: #fffdf4;

    border-left: 3px solid #fccb34;

    border-radius: 0 9px 9px 0;
}

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

@media (max-width: 991px) {
    .ozex-swip-intro-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .ozex-swip-visual {
        min-height: 330px;
    }
}

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

@media (max-width: 767px) {
    .ozex-swip-intro-section {
    }

    .ozex-swip-heading h2 {
        font-size: 28px;
    }

    .ozex-swip-visual {
        min-height: 285px;
    }

    .ozex-swip-visual-card {
        width: 275px;
        height: 275px;

        border-radius: 22px;
    }

    .ozex-swip-main-icon {
        width: 78px;
        height: 78px;

        font-size: 30px;
    }

    .circle-one {
        width: 155px;
        height: 155px;
    }

    .circle-two {
        width: 220px;
        height: 220px;
    }

    .mini-one {
        top: 35px;
        left: 12px;
    }

    .mini-two {
        top: 115px;
        right: 8px;
    }

    .mini-three {
        bottom: 35px;
        left: 22px;
    }

    .ozex-swip-title-row h3 {
        font-size: 19px;
    }

    .ozex-swip-text p {
        font-size: 13px;

        line-height: 1.8;
    }
}

/* =========================================================
   SWIP ASSET MANAGEMENT PLAN
   White + #fccb34 Theme
========================================================= */

.ozex-swip-plan-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* =========================================================
   Background
========================================================= */

.ozex-swip-plan-section::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    top: -220px;
    right: -200px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-swip-plan-section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    bottom: -150px;
    left: -140px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

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

.ozex-swip-plan-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 28px;
}

.ozex-swip-plan-header > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-swip-plan-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 33px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-swip-plan-line {
    width: 55px;

    height: 3px;

    margin: 13px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Intro
========================================================= */

.ozex-swip-plan-intro {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto 22px;

    padding: 20px 24px;

    background: #222222;

    border-radius: 13px;

    border-left: 5px solid #fccb34;
}

.ozex-swip-plan-number {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 12px;

    font-weight: 500;
}

.ozex-swip-plan-intro-content p {
    margin: 0;

    color: #eeeeee !important;

    font-size: 14px;

    line-height: 1.85;
}

/* =========================================================
   Plan Cards
========================================================= */

.ozex-swip-plan-grid {
    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 17px;

    max-width: 1050px;

    margin: 0 auto;
}

.ozex-swip-plan-card {
    position: relative;

    padding: 22px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 14px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.045);

    transition: all 0.3s ease;

    overflow: hidden;
}

.ozex-swip-plan-card::after {
    content: "";

    position: absolute;

    width: 75px;
    height: 75px;

    right: -35px;
    bottom: -35px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.08);
}

.ozex-swip-plan-card:hover {
    transform: translateY(-6px);

    border-color: rgba(252, 203, 52, 0.55);

    box-shadow: 0 14px 32px rgba(252, 203, 52, 0.1);
}

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

.ozex-swip-plan-card-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 17px;
}

.ozex-swip-plan-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;
    height: 50px;

    border-radius: 12px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 19px;
}

.ozex-swip-plan-card-number {
    color: #cccccc;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 1px;
}

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

.ozex-swip-plan-card h3 {
    margin: 0 0 12px;

    color: #222222;

    font-size: 18px;

    font-weight: 600;

    line-height: 1.45;
}

.ozex-swip-plan-card p {
    margin: 0 0 13px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.8;
}

.ozex-swip-plan-card p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Integrated Approach
========================================================= */

.ozex-swip-integrated {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 22px auto 0;

    padding: 21px 24px;

    background: #fffdf4;

    border: 1px solid rgba(252, 203, 52, 0.35);

    border-radius: 13px;
}

.ozex-swip-integrated-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    border-radius: 12px;

    background: #fccb34;

    color: #222222;

    font-size: 19px;
}

.ozex-swip-integrated-content {
    flex: 1;
}

.ozex-swip-integrated-content p {
    margin: 0 0 10px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.8;
}

.ozex-swip-integrated-content p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Final Statement
========================================================= */

.ozex-swip-final {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1050px;

    margin: 16px auto 0;

    padding: 22px 24px;

    background: #222222;

    border-radius: 13px;

    border-left: 5px solid #fccb34;
}

.ozex-swip-final-mark {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 18px;
}

.ozex-swip-final p {
    margin: 0;

    color: #ffffff !important;

    font-size: 14px;

    line-height: 1.85;
}

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

@media (max-width: 991px) {
    .ozex-swip-plan-grid {
        grid-template-columns: 1fr;
    }
}

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

@media (max-width: 767px) {
    .ozex-swip-plan-section {
    }

    .ozex-swip-plan-header h2 {
        font-size: 28px;
    }

    .ozex-swip-plan-intro {
        align-items: flex-start;

        padding: 18px;
    }

    .ozex-swip-plan-intro-content p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-swip-plan-card {
        padding: 19px;
    }

    .ozex-swip-integrated {
        align-items: flex-start;

        padding: 18px;
    }

    .ozex-swip-final {
        align-items: flex-start;

        padding: 18px;
    }

    .ozex-swip-final p {
        font-size: 13px;

        line-height: 1.75;
    }
}

/* =========================================================
   SWIP LIQUIDITY MANAGEMENT MODEL
   White + #fccb34 Theme
========================================================= */

.ozex-liquidity-section {
    position: relative;

    width: 100%;

    background: #fffdf7 !important;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-liquidity-section::before {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    right: -180px;
    top: 30px;

    border-radius: 50%;

    border: 55px solid rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-liquidity-section::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    left: -110px;
    bottom: -90px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

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

.ozex-liquidity-header {
    position: relative;

    z-index: 2;

    text-align: center;

    margin-bottom: 28px;
}

.ozex-liquidity-header span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-liquidity-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-liquidity-line {
    width: 55px;

    height: 3px;

    margin: 13px auto 0;

    background: #fccb34;

    border-radius: 5px;
}

/* =========================================================
   Introduction
========================================================= */

.ozex-liquidity-intro {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 18px;

    max-width: 1050px;

    margin: 0 auto 25px;

    padding: 21px 24px;

    background: #222222;

    border-radius: 14px;

    border-left: 5px solid #fccb34;
}

.ozex-liquidity-intro-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 50px;
    height: 50px;

    flex: 0 0 50px;

    border-radius: 12px;

    background: #fccb34;

    color: #222222;

    font-size: 20px;
}

.ozex-liquidity-intro p {
    margin: 0 0 10px;

    color: #eeeeee !important;

    font-size: 14px;

    line-height: 1.8;
}

.ozex-liquidity-intro p:last-child {
    margin-bottom: 0;

    color: #fccb34 !important;

    font-weight: 600;
}

/* =========================================================
   Cards Grid
========================================================= */

.ozex-liquidity-grid {
    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 17px;

    max-width: 1050px;

    margin: 0 auto;
}

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

.ozex-liquidity-card {
    position: relative;

    padding: 21px;

    background: #ffffff;

    border: 1px solid #e9e9e9;

    border-radius: 13px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.045);

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-liquidity-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;

    height: 3px;

    background: #fccb34;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 0.3s ease;
}

.ozex-liquidity-card:hover {
    transform: translateY(-6px);

    border-color: rgba(252, 203, 52, 0.5);

    box-shadow: 0 15px 32px rgba(252, 203, 52, 0.09);
}

.ozex-liquidity-card:hover::before {
    transform: scaleX(1);
}

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

.ozex-liquidity-card-head {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 16px;
}

.ozex-liquidity-number {
    color: #d5d5d5;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 1px;
}

.ozex-liquidity-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 11px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 18px;
}

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

.ozex-liquidity-card h3 {
    margin: 0 0 11px;

    color: #222222;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.45;
}

.ozex-liquidity-card p {
    margin: 0;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.8;
}

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

@media (max-width: 991px) {
    .ozex-liquidity-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 767px) {
    .ozex-liquidity-section {
    }

    .ozex-liquidity-header h2 {
        font-size: 27px;
    }

    .ozex-liquidity-intro {
        padding: 18px;

        gap: 13px;
    }

    .ozex-liquidity-intro-icon {
        width: 43px;
        height: 43px;

        flex: 0 0 43px;

        font-size: 17px;
    }

    .ozex-liquidity-intro p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-liquidity-grid {
        grid-template-columns: 1fr;
    }

    .ozex-liquidity-card {
        padding: 19px;
    }

    .ozex-liquidity-card p {
        font-size: 13px;

        line-height: 1.75;
    }
}

/* =========================================================
   OZEX COMMUNITY GROWTH CTA
   Dark + Golden Theme
========================================================= */

.ozex-community-cta {
    position: relative;

    width: 100%;

    background: #111111 !important;

    overflow: hidden;
}

/* Golden Glow */

.ozex-community-cta::before {
    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    right: -190px;
    top: -190px;

    border-radius: 50%;

    border: 70px solid rgba(252, 203, 52, 0.06);

    pointer-events: none;
}

.ozex-community-cta::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    left: -110px;
    bottom: -110px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

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

.ozex-community-cta-box {
    position: relative;

    z-index: 2;

    max-width: 1100px;

    min-height: 190px;

    margin: 0 auto;

    padding: 35px 40px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 35px;

    background: #181818;

    border: 1px solid rgba(252, 203, 52, 0.25);

    border-radius: 18px;

    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.25);
}

/* Left Golden Line */

.ozex-community-cta-box::before {
    content: "";

    position: absolute;

    left: 0;
    top: 25px;
    bottom: 25px;

    width: 4px;

    background: #fccb34;

    border-radius: 0 5px 5px 0;
}

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

.ozex-community-cta-content {
    flex: 1;

    padding-left: 10px;
}

.ozex-community-cta-label {
    display: inline-block;

    margin-bottom: 8px;

    color: #fccb34;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-community-cta-content h2 {
    margin: 0;

    color: #ffffff !important;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-community-cta-line {
    width: 45px;

    height: 3px;

    margin: 12px 0 13px;

    background: #fccb34;

    border-radius: 5px;
}

.ozex-community-cta-content p {
    max-width: 650px;

    margin: 0;

    color: #aaaaaa !important;

    font-size: 13px;

    line-height: 1.8;
}

/* =========================================================
   Button
========================================================= */

.ozex-community-cta-action {
    flex: 0 0 auto;
}

.ozex-community-know-btn {
    display: inline-flex;

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

    gap: 12px;

    padding: 13px 25px;

    background: #fccb34;

    color: #181818 !important;

    border: 1px solid #fccb34;

    border-radius: 6px;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 1px;

    text-decoration: none !important;

    transition: all 0.3s ease;
}

.ozex-community-know-btn i {
    font-size: 11px;

    transition: transform 0.3s ease;
}

.ozex-community-know-btn:hover {
    background: transparent;

    color: #fccb34 !important;

    border-color: #fccb34;

    text-decoration: none !important;
}

.ozex-community-know-btn:hover i {
    transform: translateX(5px);
}

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

@media (max-width: 767px) {
    .ozex-community-cta {
    }

    .ozex-community-cta-box {
        min-height: auto;

        padding: 28px 25px;

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }

    .ozex-community-cta-content {
        padding-left: 5px;
    }

    .ozex-community-cta-content h2 {
        font-size: 26px;
    }

    .ozex-community-cta-action {
        width: 100%;
    }

    .ozex-community-know-btn {
        width: 100%;
    }
}
/* Community growth */
/* =========================================================
   OZEX COMMUNITY TYPES
   White + #fccb34 Theme
========================================================= */

.ozex-community-types-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* Background Decoration */

.ozex-community-types-section::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -190px;
    left: -170px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-community-types-section::after {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    right: -130px;
    bottom: -120px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

/* =========================================================
   Heading
========================================================= */

.ozex-community-types-heading {
    position: relative;

    z-index: 2;

    text-align: center;

    max-width: 850px;

    margin: 0 auto 28px;
}

.ozex-community-types-heading > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #fccb34;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-community-types-heading h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 32px;

    font-weight: 600;
}

.ozex-community-types-line {
    width: 55px;

    height: 3px;

    margin: 12px auto 13px;

    background: #fccb34;

    border-radius: 5px;
}

.ozex-community-types-heading p {
    margin: 0;

    color: #666666 !important;

    font-size: 14px;

    line-height: 1.7;
}

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

.ozex-community-types-grid {
    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 22px;

    max-width: 1050px;

    margin: 0 auto;
}

.ozex-community-type-card {
    position: relative;

    padding: 26px;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    border-radius: 15px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.045);

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-community-type-card:hover {
    transform: translateY(-7px);

    border-color: rgba(252, 203, 52, 0.5);

    box-shadow: 0 18px 38px rgba(252, 203, 52, 0.1);
}

/* Top */

.ozex-community-type-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 18px;
}

.ozex-community-type-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 55px;
    height: 55px;

    border-radius: 13px;

    background: #fff7d6;

    color: #fccb34;

    font-size: 21px;
}

.ozex-community-type-number {
    color: #d5d5d5;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 1px;
}

/* Card Title */

.ozex-community-type-card h3 {
    margin: 0;

    color: #222222;

    font-size: 21px;

    font-weight: 600;
}

.ozex-community-type-divider {
    width: 40px;

    height: 3px;

    margin: 11px 0 16px;

    background: #fccb34;

    border-radius: 4px;
}

/* Card Text */

.ozex-community-type-card p {
    margin: 0 0 15px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.85;
}

.ozex-community-type-card p:last-child {
    margin-bottom: 0;
}

/* Different subtle backgrounds */

.core-community {
    background: linear-gradient(135deg, #ffffff 0%, #fffdf5 100%);
}

.open-community {
    background: linear-gradient(135deg, #fffdf5 0%, #ffffff 100%);
}

/* =========================================================
   Growth Flow
========================================================= */

.ozex-community-flow {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    max-width: 1050px;

    margin: 25px auto 0;

    padding: 16px 20px;

    background: #222222;

    border-radius: 12px;

    border-left: 4px solid #fccb34;
}

.ozex-community-flow-item {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #aaaaaa;

    font-size: 12px;

    font-weight: 400;
}

.ozex-community-flow-item span {
    white-space: nowrap;
}

.ozex-community-flow-item i {
    color: #fccb34;

    font-size: 11px;
}

.ozex-community-flow-item.active span {
    color: #fccb34;
}

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

@media (max-width: 767px) {
    .ozex-community-types-section {
    }

    .ozex-community-types-heading h2 {
        font-size: 27px;
    }

    .ozex-community-types-heading p {
        font-size: 13px;
    }

    .ozex-community-types-grid {
        grid-template-columns: 1fr;

        gap: 16px;
    }

    .ozex-community-type-card {
        padding: 21px;
    }

    .ozex-community-type-card h3 {
        font-size: 19px;
    }

    .ozex-community-type-card p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-community-flow {
        flex-direction: column;

        align-items: flex-start;

        gap: 8px;
    }

    .ozex-community-flow-item {
        width: 100%;
    }

    .ozex-community-flow-item i {
        display: none;
    }
}
/* =========================================================
   OZEX SWIP SYSTEMS
   White + #fccb34 Theme
========================================================= */

.ozex-swip-systems {
    position: relative;

    background: #fffdf7 !important;

    overflow: hidden;
}

/* Background Decoration */

.ozex-swip-systems::before {
    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    right: -220px;
    top: 100px;

    border-radius: 50%;

    border: 60px solid rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

/* =========================================================
   Main Cards
========================================================= */

.ozex-swip-system-card {
    position: relative;

    max-width: 1050px;

    margin: 0 auto 22px;

    padding: 26px 30px;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.045);

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-swip-system-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 4px;

    background: #fccb34;
}

.ozex-swip-system-card:hover {
    transform: translateY(-5px);

    border-color: rgba(252, 203, 52, 0.45);

    box-shadow: 0 16px 38px rgba(252, 203, 52, 0.09);
}

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

.ozex-swip-system-header {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 20px;
}

.ozex-swip-system-icon {
    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    display: flex;

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

    background: #222222;

    color: #fccb34;

    border-radius: 13px;

    font-size: 20px;
}

.ozex-swip-system-header span {
    display: block;

    margin-bottom: 3px;

    color: #fccb34;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: 1.5px;
}

.ozex-swip-system-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 23px;

    font-weight: 600;

    line-height: 1.4;
}

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

.ozex-swip-system-body {
    padding-left: 72px;
}

.ozex-swip-system-body p {
    margin: 0 0 14px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.85;
}

.ozex-swip-system-body p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   Withdrawal Points
========================================================= */

.ozex-withdrawal-points {
    margin: 18px 0;

    padding: 5px 0;

    border-top: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;
}

.ozex-withdrawal-points > div {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 11px 0;

    border-bottom: 1px dashed #eeeeee;
}

.ozex-withdrawal-points > div:last-child {
    border-bottom: 0;
}

.ozex-withdrawal-points strong {
    min-width: 38px;

    color: #fccb34;

    font-size: 14px;

    font-weight: 500;
}

.ozex-withdrawal-points span {
    color: #555555;

    font-size: 13px;

    line-height: 1.6;
}

/* =========================================================
   Key Benefits
========================================================= */

.ozex-key-benefits {
    margin-top: 22px;

    padding: 20px;

    background: #fffdf4;

    border-radius: 12px;

    border: 1px solid #f2e7b9;
}

.ozex-key-benefits h3 {
    margin: 0 0 17px;

    color: #222222;

    font-size: 17px;

    font-weight: 600;
}

.ozex-benefit-item {
    display: flex;

    align-items: flex-start;

    gap: 14px;

    padding: 15px 0;

    border-bottom: 1px dashed #e6dfc4;
}

.ozex-benefit-item:last-child {
    border-bottom: 0;

    padding-bottom: 0;
}

.ozex-benefit-number {
    display: flex;

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

    width: 32px;
    height: 32px;

    flex: 0 0 32px;

    background: #fccb34;

    color: #222222;

    border-radius: 50%;

    font-size: 12px;

    font-weight: 500;
}

.ozex-benefit-item h4 {
    margin: 2px 0 7px;

    color: #222222;

    font-size: 15px;

    font-weight: 600;
}

.ozex-benefit-item p {
    margin-bottom: 10px;

    font-size: 13px;
}

/* =========================================================
   P2P Points
========================================================= */

.ozex-p2p-points {
    margin: 18px 0 20px;

    padding: 5px 18px;

    background: #222222;

    border-radius: 12px;
}

.ozex-p2p-points > div {
    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 11px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ozex-p2p-points > div:last-child {
    border-bottom: 0;
}

.ozex-p2p-points i {
    color: #fccb34;

    font-size: 11px;

    margin-top: 4px;
}

.ozex-p2p-points span {
    color: #eeeeee;

    font-size: 13px;

    line-height: 1.6;
}

/* =========================================================
   Special P2P Card
========================================================= */

.ozex-p2p-card {
    border-color: rgba(252, 203, 52, 0.3);
}

.ozex-p2p-card .ozex-swip-system-icon {
    background: #fccb34;

    color: #222222;
}

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

@media (max-width: 767px) {
    .ozex-swip-systems {
    }

    .ozex-swip-system-card {
        padding: 21px;

        margin-bottom: 16px;
    }

    .ozex-swip-system-header {
        gap: 12px;

        align-items: flex-start;
    }

    .ozex-swip-system-icon {
        width: 45px;
        height: 45px;

        flex: 0 0 45px;

        font-size: 17px;
    }

    .ozex-swip-system-header h2 {
        font-size: 19px;
    }

    .ozex-swip-system-body {
        padding-left: 0;
    }

    .ozex-swip-system-body p {
        font-size: 13px;

        line-height: 1.75;
    }

    .ozex-key-benefits {
        padding: 16px;
    }

    .ozex-p2p-points {
        padding: 5px 13px;
    }

    .ozex-p2p-points span {
        font-size: 12px;
    }
}
/* open airdrop */
/* =========================================================
   OZEX REWARD & MARKETING PROGRAM
   LIGHT THEME
========================================================= */

.ozex-reward-marketing-section {
    position: relative;

    width: 100%;

    background: #ffffff !important;

    overflow: hidden;
}

/* =========================================================
   Background Decoration
========================================================= */

.ozex-reward-marketing-section::before {
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    top: -170px;
    right: -150px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

.ozex-reward-marketing-section::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    bottom: -120px;
    left: -100px;

    border-radius: 50%;

    background: rgba(252, 203, 52, 0.035);

    pointer-events: none;
}

/* =========================================================
   Heading
========================================================= */

.ozex-rm-heading {
    position: relative;

    z-index: 2;

    max-width: 850px;

    margin: 0 auto 28px;

    text-align: center;
}

.ozex-rm-heading > span {
    display: inline-block;

    margin-bottom: 7px;

    color: #d7a900;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.ozex-rm-heading h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 32px;

    font-weight: 600;

    line-height: 1.3;
}

.ozex-rm-line {
    width: 55px;

    height: 3px;

    margin: 12px auto 14px;

    background: #fccb34;

    border-radius: 5px;
}

.ozex-rm-heading p {
    margin: 0;

    color: #666666 !important;

    font-size: 14px;

    line-height: 1.75;
}

/* =========================================================
   TWO GROWTH ENGINES
========================================================= */

.ozex-rm-engines {
    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 20px;

    max-width: 900px;

    margin: 0 auto 25px;
}

.ozex-rm-engine {
    position: relative;

    padding: 23px;

    text-align: center;

    background: #fffdf5;

    border: 1px solid #eee4bb;

    border-radius: 14px;

    transition: all 0.3s ease;

    overflow: hidden;
}

.ozex-rm-engine:hover {
    transform: translateY(-6px);

    border-color: #fccb34;

    box-shadow: 0 15px 35px rgba(252, 203, 52, 0.1);
}

.ozex-rm-engine-number {
    position: absolute;

    top: 12px;
    right: 16px;

    color: #e4e0d2;

    font-size: 12px;

    font-weight: 500;
}

.ozex-rm-engine-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 52px;
    height: 52px;

    margin: 0 auto 13px;

    border-radius: 50%;

    background: #222222;

    color: #fccb34;

    font-size: 19px;
}

.ozex-rm-engine h3 {
    margin: 0;

    color: #222222;

    font-size: 17px;

    font-weight: 600;

    line-height: 1.45;
}

/* =========================================================
   OPEN AIRDROP BOX
========================================================= */

.ozex-airdrop-box {
    position: relative;

    z-index: 2;

    max-width: 1050px;

    margin: 0 auto;

    padding: 27px 30px;

    background: #ffffff;

    border: 1px solid #e6e6e6;

    border-radius: 16px;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.045);

    overflow: hidden;
}

.ozex-airdrop-box::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    background: #fccb34;
}

/* =========================================================
   Airdrop Heading
========================================================= */

.ozex-airdrop-heading {
    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 20px;
}

.ozex-airdrop-icon {
    display: flex;

    align-items: center;

    justify-content: center;

    width: 55px;
    height: 55px;

    flex: 0 0 55px;

    border-radius: 13px;

    background: #fccb34;

    color: #222222;

    font-size: 20px;
}

.ozex-airdrop-heading span {
    display: block;

    margin-bottom: 4px;

    color: #d7a900;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.ozex-airdrop-heading h3 {
    margin: 0;

    color: #222222;

    font-size: 22px;

    font-weight: 600;
}

/* =========================================================
   Airdrop Content
========================================================= */

.ozex-airdrop-content {
    padding-left: 72px;
}

.ozex-airdrop-content p {
    margin: 0 0 14px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.85;
}

.ozex-airdrop-content p:last-child {
    margin-bottom: 0;
}

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

@media (max-width: 767px) {
    .ozex-reward-marketing-section {
    }

    .ozex-rm-heading h2 {
        font-size: 27px;
    }

    .ozex-rm-heading p {
        font-size: 13px;
    }

    .ozex-rm-engines {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .ozex-rm-engine {
        padding: 20px;
    }

    .ozex-airdrop-box {
        padding: 22px 20px;
    }

    .ozex-airdrop-heading {
        align-items: flex-start;

        gap: 12px;
    }

    .ozex-airdrop-icon {
        width: 45px;
        height: 45px;

        flex: 0 0 45px;

        font-size: 17px;
    }

    .ozex-airdrop-heading h3 {
        font-size: 19px;
    }

    .ozex-airdrop-content {
        padding-left: 0;
    }

    .ozex-airdrop-content p {
        font-size: 13px;

        line-height: 1.75;
    }
}
/* =========================================================
   SWIP REWARD & MARKETING PROGRAM
   LIGHT THEME
========================================================= */

.ozex-swip-reward-section {
    position: relative;

    background: #fffdf7 !important;

    overflow: hidden;
}

/* Decorative Background */

.ozex-swip-reward-section::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -180px;
    left: -170px;

    border: 50px solid rgba(252, 203, 52, 0.035);

    border-radius: 50%;

    pointer-events: none;
}

/* Main Card */

.ozex-swr-card {
    position: relative;

    max-width: 1050px;

    margin: 0 auto;

    padding: 30px 32px;

    background: #ffffff;

    border: 1px solid #e6e6e6;

    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.045);

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-swr-card::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 5px;

    background: #fccb34;
}

.ozex-swr-card:hover {
    border-color: rgba(252, 203, 52, 0.5);

    box-shadow: 0 18px 40px rgba(252, 203, 52, 0.09);
}

/* Number */

.ozex-swr-number {
    position: absolute;

    top: 18px;
    right: 25px;

    color: #eee9d7;

    font-size: 42px;

    font-weight: 500;

    line-height: 1;
}

/* Header */

.ozex-swr-header {
    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 24px;
}

.ozex-swr-icon {
    display: flex;

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

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    border-radius: 14px;

    background: #222222;

    color: #fccb34;

    font-size: 21px;
}

.ozex-swr-header span {
    display: block;

    margin-bottom: 4px;

    color: #d3a600;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}

.ozex-swr-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 25px;

    font-weight: 600;

    line-height: 1.35;
}

/* Content */

.ozex-swr-content {
    padding-left: 76px;
}

.ozex-swr-content p {
    margin: 0 0 17px;

    color: #555555 !important;

    font-size: 13.5px;

    line-height: 1.9;
}

.ozex-swr-content p:last-child {
    margin-bottom: 0;
}

.ozex-swr-content strong {
    color: #333333;
    font-weight: 400;
}

/* Highlight Box */

.ozex-swr-highlight {
    display: flex;

    align-items: flex-start;

    gap: 15px;

    margin: 23px 0;

    padding: 20px;

    background: #fffdf3;

    border: 1px solid #f0e4ad;

    border-radius: 13px;

    border-left: 4px solid #fccb34;
}

.ozex-swr-highlight-icon {
    display: flex;

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

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 10px;

    background: #fccb34;

    color: #222222;

    font-size: 16px;
}

.ozex-swr-highlight p {
    margin: 0;

    font-size: 13px;

    line-height: 1.8;
}

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

@media (max-width: 767px) {
    .ozex-swip-reward-section {
    }

    .ozex-swr-card {
        padding: 22px 20px;
    }

    .ozex-swr-number {
        font-size: 32px;

        top: 15px;
        right: 18px;
    }

    .ozex-swr-header {
        gap: 12px;

        align-items: flex-start;
    }

    .ozex-swr-icon {
        width: 46px;
        height: 46px;

        flex: 0 0 46px;

        font-size: 17px;
    }

    .ozex-swr-header h2 {
        font-size: 20px;
    }

    .ozex-swr-content {
        padding-left: 0;
    }

    .ozex-swr-content p {
        font-size: 13px;

        line-height: 1.8;
    }

    .ozex-swr-highlight {
        padding: 16px;

        gap: 11px;
    }

    .ozex-swr-highlight-icon {
        width: 38px;
        height: 38px;

        flex: 0 0 38px;
    }
}

/* =========================================================
   OPEN AIRDROP PROGRAM
   LIGHT THEME
========================================================= */

.ozex-open-airdrop-section {
    position: relative;

    background: #ffffff !important;

    overflow: hidden;
}

/* Background Decoration */

.ozex-open-airdrop-section::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -150px;
    top: -150px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.045);

    pointer-events: none;
}

/* Main Box */

.ozex-airdrop-main {
    position: relative;

    max-width: 1080px;

    margin: 0 auto;

    padding: 32px;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);

    overflow: hidden;
}

.ozex-airdrop-main::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #fccb34;
}

/* =========================================================
   HEADER
========================================================= */

.ozex-airdrop-main-header {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 25px;
}

.ozex-airdrop-main-icon {
    display: flex;

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

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    border-radius: 15px;

    background: #222222;

    color: #fccb34;

    font-size: 22px;
}

.ozex-airdrop-main-header span {
    display: block;

    margin-bottom: 4px;

    color: #d3a500;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}

.ozex-airdrop-main-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 28px;

    font-weight: 600;
}

/* =========================================================
   INTRO
========================================================= */

.ozex-airdrop-intro p {
    margin: 0 0 15px;

    color: #555555 !important;

    font-size: 13.5px;

    line-height: 1.9;
}

/* =========================================================
   ACTIVITIES
========================================================= */

.ozex-airdrop-activities {
    display: grid;

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

    gap: 12px;

    margin: 24px 0;
}

.ozex-airdrop-activity {
    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 16px;

    background: #fffdf4;

    border: 1px solid #eee4bd;

    border-radius: 10px;

    transition: all 0.3s ease;
}

.ozex-airdrop-activity:hover {
    transform: translateX(4px);

    border-color: #fccb34;

    box-shadow: 0 8px 20px rgba(252, 203, 52, 0.08);
}

.ozex-airdrop-activity span {
    display: flex;

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

    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    border-radius: 50%;

    background: #fccb34;

    color: #222222;

    font-size: 14px;

    font-weight: 500;
}

.ozex-airdrop-activity p {
    margin: 0;

    color: #444444;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.5;
}

/* =========================================================
   30 DAYS HIGHLIGHT
========================================================= */

.ozex-airdrop-timer {
    display: flex;

    align-items: flex-start;

    gap: 16px;

    margin: 25px 0;

    padding: 19px 20px;

    background: #fafafa;

    border-left: 4px solid #fccb34;

    border-radius: 10px;
}

.ozex-airdrop-timer-icon {
    display: flex;

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

    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    border-radius: 10px;

    background: #fccb34;

    color: #222222;

    font-size: 17px;
}

.ozex-airdrop-timer strong {
    display: block;

    margin-bottom: 5px;

    color: #333333;

    font-size: 13px;

    line-height: 1.7;
}

.ozex-airdrop-timer p {
    margin: 0;

    color: #666666;

    font-size: 12.5px;

    line-height: 1.7;
}

/* =========================================================
   1% DAILY RELEASE
========================================================= */

.ozex-airdrop-release {
    display: flex;

    align-items: center;

    gap: 20px;

    margin: 25px 0;

    padding: 22px;

    background: #222222;

    border-radius: 13px;
}

.ozex-airdrop-release-number {
    display: flex;

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

    width: 72px;
    height: 72px;

    flex: 0 0 72px;

    border: 2px solid #fccb34;

    border-radius: 50%;

    color: #fccb34;

    font-size: 25px;

    font-weight: 500;
}

.ozex-airdrop-release-content p {
    margin: 0;

    color: #ffffff !important;

    font-size: 13.5px;

    line-height: 1.8;
}

/* =========================================================
   TOKEN USAGE
========================================================= */

.ozex-airdrop-usage {
    margin-top: 27px;
}

.ozex-airdrop-usage h3 {
    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0 0 17px;

    color: #333333;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5;
}

.ozex-airdrop-usage h3 i {
    color: #d5a700;
}

/* Usage Grid */

.ozex-airdrop-usage-grid {
    display: grid;

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

    gap: 10px;
}

.ozex-airdrop-use {
    min-height: 105px;

    display: flex;

    flex-direction: column;

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

    gap: 10px;

    padding: 14px 10px;

    text-align: center;

    background: #ffffff;

    border: 1px solid #e7e7e7;

    border-radius: 11px;

    transition: all 0.3s ease;
}

.ozex-airdrop-use:hover {
    transform: translateY(-5px);

    border-color: #fccb34;

    box-shadow: 0 10px 25px rgba(252, 203, 52, 0.1);
}

.ozex-airdrop-use i {
    color: #d3a500;

    font-size: 19px;
}

.ozex-airdrop-use span {
    color: #444444;

    font-size: 11.5px;

    font-weight: 600;

    line-height: 1.45;
}

/* =========================================================
   FINAL P2P CONTENT
========================================================= */

.ozex-airdrop-final {
    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 25px;

    padding: 19px 20px;

    background: #fffdf3;

    border: 1px solid #eee2ad;

    border-radius: 12px;
}

.ozex-airdrop-final-icon {
    display: flex;

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

    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    border-radius: 10px;

    background: #fccb34;

    color: #222222;

    font-size: 17px;
}

.ozex-airdrop-final p {
    margin: 0;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.8;
}

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

@media (max-width: 991px) {
    .ozex-airdrop-usage-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .ozex-open-airdrop-section {
    }

    .ozex-airdrop-main {
        padding: 24px 20px;
    }

    .ozex-airdrop-main-header {
        gap: 12px;
    }

    .ozex-airdrop-main-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        font-size: 18px;
    }

    .ozex-airdrop-main-header h2 {
        font-size: 22px;
    }

    .ozex-airdrop-activities {
        grid-template-columns: 1fr;
    }

    .ozex-airdrop-timer {
        gap: 11px;

        padding: 16px;
    }

    .ozex-airdrop-release {
        padding: 18px;

        gap: 14px;
    }

    .ozex-airdrop-release-number {
        width: 60px;
        height: 60px;

        flex: 0 0 60px;

        font-size: 21px;
    }

    .ozex-airdrop-release-content p {
        font-size: 12.5px;
    }

    .ozex-airdrop-usage-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ozex-airdrop-final {
        align-items: flex-start;

        padding: 16px;
    }
}

@media (max-width: 480px) {
    .ozex-airdrop-usage-grid {
        grid-template-columns: 1fr;
    }

    .ozex-airdrop-use {
        min-height: auto;

        flex-direction: row;

        justify-content: flex-start;

        text-align: left;

        padding: 13px 15px;
    }
}

/* =========================================================
   WITHDRAWAL PROCEDURE
   LIGHT THEME
========================================================= */

.ozex-withdrawal-section {
    position: relative;

    background: #fffdf7 !important;

    overflow: hidden;
}

/* Decorative Circle */

.ozex-withdrawal-section::before {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -160px;
    bottom: -150px;

    border-radius: 50%;

    border: 45px solid rgba(252, 203, 52, 0.04);

    pointer-events: none;
}

/* Main Card */

.ozex-withdrawal-card {
    position: relative;

    max-width: 1050px;

    margin: 0 auto;

    padding: 30px 32px;

    background: #ffffff;

    border: 1px solid #e5e5e5;

    border-radius: 18px;

    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);

    overflow: hidden;
}

.ozex-withdrawal-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #fccb34;
}

/* =========================================================
   HEADER
========================================================= */

.ozex-withdrawal-header {
    display: flex;

    align-items: center;

    gap: 18px;

    margin-bottom: 25px;
}

.ozex-withdrawal-icon {
    display: flex;

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

    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    border-radius: 14px;

    background: #222222;

    color: #fccb34;

    font-size: 21px;
}

.ozex-withdrawal-header span {
    display: block;

    margin-bottom: 4px;

    color: #d2a500;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.6px;

    text-transform: uppercase;
}

.ozex-withdrawal-header h2 {
    margin: 0;

    color: #222222 !important;

    font-size: 27px;

    font-weight: 600;
}

/* =========================================================
   INTRO
========================================================= */

.ozex-withdrawal-intro {
    margin-bottom: 23px;
}

.ozex-withdrawal-intro > p {
    margin: 0 0 14px;

    color: #555555 !important;

    font-size: 13.5px;

    line-height: 1.8;
}

/* Charge Highlight */

.ozex-withdrawal-charge {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin: 18px 0;

    padding: 15px 20px;

    background: #222222;

    border-radius: 11px;
}

.ozex-withdrawal-charge span {
    color: #ffffff;

    font-size: 13px;

    font-weight: 600;
}

.ozex-withdrawal-charge strong {
    color: #fccb34;

    font-size: 22px;

    font-weight: 500;
}

/* =========================================================
   CHARGES GRID
========================================================= */

.ozex-withdrawal-charges {
    display: grid;

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

    gap: 14px;

    margin-bottom: 25px;
}

.ozex-withdrawal-charge-item {
    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 18px;

    background: #fffdf4;

    border: 1px solid #eee3b9;

    border-radius: 12px;

    transition: all 0.3s ease;
}

.ozex-withdrawal-charge-item:hover {
    transform: translateY(-5px);

    border-color: #fccb34;

    box-shadow: 0 10px 25px rgba(252, 203, 52, 0.09);
}

.ozex-withdrawal-charge-icon {
    display: flex;

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

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    border-radius: 9px;

    background: #fccb34;

    color: #222222;

    font-size: 15px;
}

.ozex-withdrawal-charge-item strong {
    display: block;

    margin-bottom: 4px;

    color: #222222;

    font-size: 19px;

    font-weight: 500;
}

.ozex-withdrawal-charge-item p {
    margin: 0;

    color: #666666 !important;

    font-size: 11.5px;

    line-height: 1.65;
}

/* =========================================================
   AUTOMATIC STAKING
========================================================= */

.ozex-withdrawal-staking {
    display: flex;

    align-items: flex-start;

    gap: 16px;

    padding: 20px;

    background: #fafafa;

    border: 1px solid #e6e6e6;

    border-left: 4px solid #fccb34;

    border-radius: 12px;
}

.ozex-withdrawal-staking-icon {
    display: flex;

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

    width: 45px;
    height: 45px;

    flex: 0 0 45px;

    border-radius: 10px;

    background: #fccb34;

    color: #222222;

    font-size: 17px;
}

.ozex-withdrawal-staking-content p {
    margin: 0 0 9px;

    color: #555555 !important;

    font-size: 13px;

    line-height: 1.8;
}

.ozex-withdrawal-staking-content p:last-child {
    margin-bottom: 0;
}

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

@media (max-width: 991px) {
    .ozex-withdrawal-charges {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .ozex-withdrawal-section {
    }

    .ozex-withdrawal-card {
        padding: 24px 20px;
    }

    .ozex-withdrawal-header {
        gap: 12px;
    }

    .ozex-withdrawal-icon {
        width: 48px;
        height: 48px;

        flex: 0 0 48px;

        font-size: 18px;
    }

    .ozex-withdrawal-header h2 {
        font-size: 22px;
    }

    .ozex-withdrawal-charge {
        padding: 14px 16px;
    }

    .ozex-withdrawal-charge strong {
        font-size: 19px;
    }

    .ozex-withdrawal-charges {
        grid-template-columns: 1fr;
    }

    .ozex-withdrawal-staking {
        padding: 17px;
    }
}

@media (max-width: 480px) {
    .ozex-withdrawal-charge {
        align-items: flex-start;

        flex-direction: column;

        gap: 5px;
    }
}

/* =========================================================
   OzeX SECURITY NOTES
   WHITE + #fccb34 THEME
========================================================= */

.ozex-security-section {
    position: relative;

    background: #fffdf7 !important;

    font-family: "Poppins", sans-serif;

    overflow: hidden;
}

/* =========================================================
   MAIN HEADING
========================================================= */

.ozex-security-heading {
    display: flex;

    align-items: center;

    gap: 18px;

    max-width: 1100px;

    margin: 0 auto 25px;
}

.ozex-security-heading-icon {
    display: flex;

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

    width: 60px;
    height: 60px;

    flex: 0 0 60px;

    background: #222;

    color: #fccb34;

    border-radius: 15px;

    font-size: 24px;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.ozex-security-heading span {
    display: block;

    margin-bottom: 3px;

    color: #c79c00;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1.8px;

    text-transform: uppercase;
}

.ozex-security-heading h2 {
    margin: 0;

    color: #222 !important;

    font-size: 32px;

    line-height: 1.2;

    font-weight: 600;
}

.ozex-tour-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 22px;
    margin-left: auto;
    flex-shrink: 0;

    background: #fccb34;
    color: #0a0a0a !important;

    border: 1px solid #fccb34;
    border-radius: 8px;

    font-size: 13px;
    font-weight: 400;
    text-decoration: none !important;
    letter-spacing: 0.3px;

    transition: all 0.3s ease;
}

.ozex-tour-btn i {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.ozex-tour-btn:hover {
    background: transparent;
    color: #fccb34 !important;
    border-color: #fccb34;
}

.ozex-tour-btn:hover i {
    transform: translateX(5px);
}

/* =========================================================
   INTRODUCTION
========================================================= */

.ozex-security-intro {
    max-width: 1100px;

    margin: 0 auto 28px;

    padding: 22px 25px;

    background: #ffffff;

    border: 1px solid #ececec;

    border-left: 4px solid #fccb34;

    border-radius: 12px;

    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.035);
}

.ozex-security-intro p {
    margin: 0 0 10px;

    color: #555 !important;

    font-size: 13.5px;

    line-height: 1.85;
}

.ozex-security-intro p:last-child {
    margin-bottom: 0;
}

/* =========================================================
   SECURITY GRID
========================================================= */

.ozex-security-grid {
    max-width: 1100px;

    margin: 0 auto;

    display: grid;

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

    gap: 18px;
}

/* =========================================================
   SECURITY CARD
========================================================= */

.ozex-security-card {
    position: relative;

    display: flex;

    align-items: flex-start;

    gap: 17px;

    padding: 23px 22px;

    background: #ffffff;

    border: 1px solid #e8e8e8;

    border-radius: 14px;

    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.035);

    transition: all 0.3s ease;

    overflow: hidden;
}

.ozex-security-card::after {
    content: "";

    position: absolute;

    top: 0;
    right: 0;

    width: 55px;
    height: 55px;

    background: rgba(252, 203, 52, 0.07);

    border-radius: 0 0 0 55px;

    pointer-events: none;
}

.ozex-security-card:hover {
    transform: translateY(-4px);

    border-color: #fccb34;

    box-shadow: 0 14px 30px rgba(252, 203, 52, 0.1);
}

/* =========================================================
   NUMBER
========================================================= */

.ozex-security-number {
    display: flex;

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

    width: 43px;
    height: 43px;

    flex: 0 0 43px;

    background: #222;

    color: #fccb34;

    border-radius: 11px;

    font-size: 13px;

    font-weight: 500;

    letter-spacing: 0.5px;
}

/* =========================================================
   CARD CONTENT
========================================================= */

.ozex-security-card-content {
    flex: 1;
}

.ozex-security-card-content h3 {
    margin: 0 0 11px;

    color: #222 !important;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 600;
}

.ozex-security-card-content p {
    margin: 0 0 10px;

    color: #5c5c5c !important;

    font-size: 13px;

    line-height: 1.8;
}

.ozex-security-card-content p:last-child {
    margin-bottom: 0;
}

.ozex-security-card-content ul {
    margin: 7px 0 12px;

    padding: 0;

    list-style: none;
}

.ozex-security-card-content ul li {
    position: relative;

    margin-bottom: 6px;

    padding-left: 18px;

    color: #555;

    font-size: 12.5px;

    line-height: 1.65;
}

.ozex-security-card-content ul li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #d1a400;

    font-weight: 500;
}

.ozex-security-card-content em {
    color: #444;
}

/* =========================================================
   REMEMBER NOTE
========================================================= */

.ozex-security-note {
    display: inline-block;

    margin-top: 3px;

    padding: 10px 14px;

    background: #fff9df;

    border: 1px solid #f1d97c;

    border-radius: 8px;

    color: #333;

    font-size: 12px;
}

.ozex-security-note span {
    color: #b28700;

    font-weight: 600;
}

/* =========================================================
   GOLDEN RULES
========================================================= */

.ozex-golden-rules {
    position: relative;

    max-width: 1100px;

    margin: 25px auto 0;

    padding: 27px 30px;

    background: #222;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.ozex-golden-rules::before {
    content: "";

    position: absolute;

    width: 160px;
    height: 160px;

    right: -65px;
    top: -80px;

    border: 25px solid rgba(252, 203, 52, 0.1);

    border-radius: 50%;
}

.ozex-golden-rules-header {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 17px;
}

.ozex-golden-rules-icon {
    display: flex;

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

    width: 42px;
    height: 42px;

    border-radius: 10px;

    background: #fccb34;

    color: #222;

    font-size: 17px;
}

.ozex-golden-rules-header h2 {
    margin: 0;

    color: #ffffff !important;

    font-size: 23px;

    font-weight: 600;
}

.ozex-golden-rules ul {
    margin: 0;

    padding: 0;

    list-style: none;

    display: grid;

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

    gap: 10px 25px;
}

.ozex-golden-rules li {
    position: relative;

    padding-left: 20px;

    color: #e5e5e5;

    font-size: 12.5px;

    line-height: 1.75;
}

.ozex-golden-rules li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #fccb34;

    font-weight: 500;
}

/* =========================================================
   FINAL MESSAGE
========================================================= */

.ozex-security-final {
    max-width: 1100px;

    margin: 18px auto 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 16px 20px;

    background: #fff9df;

    border: 1px solid #f1d97c;

    border-radius: 10px;

    text-align: center;
}

.ozex-security-final i {
    color: #c79c00;

    font-size: 18px;
}

.ozex-security-final p {
    margin: 0;

    color: #555 !important;

    font-size: 12.5px;

    line-height: 1.6;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .ozex-security-grid {
        grid-template-columns: 1fr;
    }

    .ozex-golden-rules ul {
        grid-template-columns: 1fr;
    }
}

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

@media (max-width: 767px) {
    .ozex-security-section {
    }

    .ozex-security-heading {
        gap: 12px;

        margin-bottom: 20px;
    }

    .ozex-security-heading-icon {
        width: 50px;
        height: 50px;

        flex: 0 0 50px;

        font-size: 20px;
    }

    .ozex-security-heading h2 {
        font-size: 25px;
    }

    .ozex-security-intro {
        padding: 18px;
    }

    .ozex-security-card {
        padding: 19px 17px;

        gap: 12px;
    }

    .ozex-security-number {
        width: 38px;
        height: 38px;

        flex: 0 0 38px;

        font-size: 11px;
    }

    .ozex-security-card-content h3 {
        font-size: 16px;
    }

    .ozex-golden-rules {
        padding: 22px 20px;
    }

    .ozex-golden-rules-header h2 {
        font-size: 20px;
    }
}

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

@media (max-width: 480px) {
    .ozex-security-card {
        flex-direction: column;
    }

    .ozex-security-number {
        width: 40px;
        height: 40px;
    }

    .ozex-security-final {
        align-items: flex-start;

        text-align: left;
    }
}

/* =========================================================
   OzeX SECURITY FEATURES
   DARK HOME PAGE THEME
   GOLD: #fccb34
========================================================= */

.ozex-security-features {
    position: relative;

    background: #0b0b0b !important;

    color: #ffffff;

    overflow: hidden;
}

/* Background Effects */

.ozex-security-features::before {
    content: "";

    position: absolute;

    width: 420px;
    height: 420px;

    top: -220px;
    right: -180px;

    border: 80px solid rgba(252, 203, 52, 0.035);

    border-radius: 50%;

    pointer-events: none;
}

.ozex-security-features::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -180px;
    left: -150px;

    border: 60px solid rgba(252, 203, 52, 0.025);

    border-radius: 50%;

    pointer-events: none;
}

/* =========================================================
   HEADING
========================================================= */

.ozex-security-feature-heading {
    position: relative;

    max-width: 850px;

    margin: 0 auto 30px;

    z-index: 1;
}

.ozex-security-feature-badge {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 15px;

    margin-bottom: 12px;

    background: rgba(252, 203, 52, 0.08);

    border: 1px solid rgba(252, 203, 52, 0.3);

    border-radius: 30px;

    color: #fccb34;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.ozex-security-feature-badge i {
    font-size: 12px;
}

.ozex-security-feature-heading h2 {
    margin: 0;

    color: #ffffff !important;

    font-size: 34px;

    line-height: 1.2;

    font-weight: 600;
}

.ozex-security-feature-heading h2 span {
    color: #fccb34;
}

.ozex-security-heading-line {
    width: 55px;
    height: 3px;

    margin: 14px auto;

    background: #fccb34;

    border-radius: 5px;
}

.ozex-security-feature-heading p {
    margin: 0;

    color: #a8a8a8 !important;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.5px;
}

/* =========================================================
   INTRO
========================================================= */

.ozex-security-feature-intro {
    position: relative;

    max-width: 1000px;

    margin: 0 auto 25px;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 20px 23px;

    background: #141414;

    border: 1px solid #292929;

    border-left: 3px solid #fccb34;

    border-radius: 12px;

    z-index: 1;
}

.ozex-security-intro-icon {
    display: flex;

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

    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    border-radius: 12px;

    background: #fccb34;

    color: #111111;

    font-size: 19px;
}

.ozex-security-feature-intro p {
    margin: 0;

    color: #bdbdbd !important;

    font-size: 18px;

    line-height: 1.8;
}

/* =========================================================
   FEATURE GRID
========================================================= */

.ozex-security-feature-grid {
    position: relative;

    max-width: 1100px;

    margin: 0 auto;

    display: grid;

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

    gap: 16px;

    z-index: 1;
}

/* =========================================================
   FEATURE CARD
========================================================= */

.ozex-security-feature-card {
    position: relative;

    min-height: 100%;

    padding: 21px 20px;

    background: #121212;

    border: 1px solid #292929;

    border-radius: 13px;

    overflow: hidden;

    transition: all 0.3s ease;
}

.ozex-security-feature-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: #fccb34;

    transition: width 0.35s ease;
}

.ozex-security-feature-card:hover {
    transform: translateY(-5px);

    background: #151515;

    border-color: rgba(252, 203, 52, 0.35);

    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
}

.ozex-security-feature-card:hover::before {
    width: 100%;
}

/* =========================================================
   CARD TOP
========================================================= */

.ozex-security-feature-top {
    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 15px;
}

.ozex-security-feature-icon {
    display: flex;

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

    width: 43px;
    height: 43px;

    border-radius: 10px;

    background: rgba(252, 203, 52, 0.09);

    border: 1px solid rgba(252, 203, 52, 0.2);

    color: #fccb34;

    font-size: 17px;
}

.ozex-security-feature-top > span {
    color: #444444;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1px;
}

/* =========================================================
   CARD CONTENT
========================================================= */

.ozex-security-feature-card h3 {
    margin: 0 0 10px;

    color: #ffffff !important;

    font-size: 17px;

    line-height: 1.4;

    font-weight: 400;
}

.ozex-security-feature-card p {
    margin: 0;

    color: #999999 !important;

    font-size: 16px;

    line-height: 1.8;
}

/* =========================================================
   LAST CARD
========================================================= */

.ozex-security-feature-card-last {
    border-color: rgba(252, 203, 52, 0.22);

    background: linear-gradient(135deg, #151515 0%, #111111 100%);
}

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

.ozex-security-feature-bottom {
    position: relative;

    max-width: 700px;

    margin: 25px auto 0;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    padding: 16px 22px;

    background: #161616;

    border: 1px solid #2c2c2c;

    border-radius: 12px;

    text-align: left;

    z-index: 1;
}

.ozex-security-bottom-icon {
    display: flex;

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

    width: 42px;
    height: 42px;

    flex: 0 0 42px;

    border-radius: 10px;

    background: #fccb34;

    color: #111111;

    font-size: 16px;
}

.ozex-security-feature-bottom strong {
    display: block;

    margin-bottom: 2px;

    color: #fccb34;

    font-size: 13px;

    font-weight: 600;
}

.ozex-security-feature-bottom p {
    margin: 0;

    color: #777777 !important;

    font-size: 11px;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
    .ozex-security-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

@media (max-width: 767px) {
    .ozex-security-features {
    }

    .ozex-security-feature-heading h2 {
        font-size: 27px;
    }

    .ozex-security-feature-intro {
        align-items: flex-start;

        padding: 18px;
    }

    .ozex-security-feature-grid {
        grid-template-columns: 1fr;
    }

    .ozex-security-feature-card {
        padding: 19px;
    }
}

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

@media (max-width: 480px) {
    .ozex-security-feature-heading h2 {
        font-size: 24px;
    }

    .ozex-security-feature-intro {
        flex-direction: column;
    }

    .ozex-security-feature-bottom {
        justify-content: flex-start;

        padding: 15px;
    }
}

/* Roadmap */
/* ================= FUTURE ROADMAP ================= */

.ozex-roadmap-section {
    position: relative;
    background: #080808;
    overflow: hidden;
    color: #fff;
}

/* subtle background glow */
.ozex-roadmap-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    background: rgba(252, 203, 52, 0.06);
    border-radius: 50%;
    top: -180px;
    right: -150px;
    filter: blur(80px);
}

.ozex-roadmap-section .container {
    position: relative;
    z-index: 2;
}

/* Heading */

.ozex-roadmap-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 30px;
}

.ozex-roadmap-icon {
    width: 58px;
    height: 58px;
    margin: 0 auto 14px;
    border: 1px solid #fccb34;
    color: #fccb34;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    box-shadow: 0 0 25px rgba(252, 203, 52, 0.12);
}

.ozex-roadmap-label {
    display: inline-block;
    color: #fccb34;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 7px;
}

.ozex-roadmap-heading h2 {
    margin: 0;
    font-size: 38px;
    font-weight: 400;
    color: #fff;
}

.ozex-roadmap-heading h2 strong {
    color: #fccb34;
}

.ozex-roadmap-line {
    width: 70px;
    height: 3px;
    background: #fccb34;
    margin: 15px auto 18px;
}

.ozex-roadmap-heading p {
    margin: 0;
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.8;
}

/* Intro */

.ozex-roadmap-intro {
    max-width: 1000px;
    margin: 0 auto 30px;
    padding: 20px 25px;
    border-left: 3px solid #fccb34;
    background: rgba(255, 255, 255, 0.025);
}

.ozex-roadmap-intro p {
    margin: 0;
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.9;
}

/* Future Development Heading */

.ozex-roadmap-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 25px;
}

.ozex-roadmap-title span {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #fccb34;
    color: #080808;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ozex-roadmap-title h3 {
    margin: 0;
    font-size: 25px;
    color: #fff;
    font-weight: 400;
}

/* Roadmap list */

.ozex-roadmap-list {
    max-width: 1050px;
    margin: 0 auto;
    position: relative;
}

.ozex-roadmap-list::before {
    content: "";
    position: absolute;
    left: 29px;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: rgba(252, 203, 52, 0.35);
}

/* Item */

.ozex-roadmap-item {
    position: relative;
    display: flex;
    gap: 22px;
    margin-bottom: 18px;
}

.ozex-roadmap-number {
    flex: 0 0 59px;
    width: 59px;
    height: 59px;
    border-radius: 50%;
    background: #111;
    border: 1px solid #fccb34;
    color: #fccb34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    z-index: 2;
}

/* Card */

.ozex-roadmap-card {
    flex: 1;
    display: flex;
    gap: 20px;
    padding: 22px 25px;
    background: #111;
    border: 1px solid rgba(252, 203, 52, 0.13);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.ozex-roadmap-card:hover {
    transform: translateX(7px);
    border-color: rgba(252, 203, 52, 0.55);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35);
}

.ozex-roadmap-card-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: rgba(252, 203, 52, 0.1);
    color: #fccb34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ozex-roadmap-card h4 {
    margin: 0 0 8px;
    color: #fccb34;
    font-size: 19px;
    font-weight: 400;
}

.ozex-roadmap-card p {
    margin: 0;
    color: #cfcfcf;
    font-size: 14px;
    line-height: 1.8;
}

/* Footer */

.ozex-roadmap-footer {
    max-width: 1000px;
    margin: 30px auto 0;
    padding: 22px 25px;
    display: flex;
    align-items: center;
    gap: 18px;
    background: linear-gradient(
        90deg,
        rgba(252, 203, 52, 0.08),
        rgba(255, 255, 255, 0.025)
    );
    border: 1px solid rgba(252, 203, 52, 0.2);
    border-radius: 12px;
}

.ozex-roadmap-footer-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fccb34;
    color: #080808;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ozex-roadmap-footer p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 1.8;
}

/* Responsive */

@media (max-width: 767px) {
    .ozex-roadmap-section {
        padding: 40px 20px;
    }

    .ozex-roadmap-heading h2 {
        font-size: 30px;
    }

    .ozex-roadmap-list::before {
        left: 24px;
    }

    .ozex-roadmap-item {
        gap: 15px;
    }

    .ozex-roadmap-number {
        flex: 0 0 49px;
        width: 49px;
        height: 49px;
        font-size: 12px;
    }

    .ozex-roadmap-card {
        padding: 18px;
        gap: 14px;
    }

    .ozex-roadmap-card-icon {
        display: none;
    }

    .ozex-roadmap-card h4 {
        font-size: 17px;
    }

    .ozex-roadmap-card p {
        font-size: 13px;
    }

    .ozex-roadmap-footer {
        align-items: flex-start;
    }
}
/* =========================================
   OFFERS FOR COMMUNITY BENEFITS
========================================= */

.ozex-community-offers {
    background: #ffffff;
    color: #222;
    position: relative;
    overflow: hidden;
}

.ozex-community-offers .container {
    position: relative;
    z-index: 2;
}

/* =========================================
   SECTION HEADING
========================================= */

.ozex-offers-heading {
    max-width: 900px;
    margin: 0 auto 35px;
    text-align: center;
}

.ozex-offers-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #fccb34;
    color: #fccb34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 8px 25px rgba(252, 203, 52, 0.18);
}

.ozex-offers-label {
    display: inline-block;
    color: #b38a00;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.ozex-offers-heading h2 {
    margin: 0;
    font-size: 36px;
    line-height: 1.3;
    color: #222;
    font-weight: 400;
}

.ozex-offers-heading h2 strong {
    color: #c49700;
}

.ozex-offers-divider {
    width: 70px;
    height: 3px;
    background: #fccb34;
    margin: 15px auto 18px;
}

.ozex-offers-heading > p {
    margin: 0;
    color: #666;
    font-size: 15px;
    line-height: 1.9;
}

/* =========================================
   OFFER GRID
========================================= */

.ozex-offers-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    max-width: 1100px;
    margin: 0 auto;
}

/* =========================================
   OFFER CARD
========================================= */

.ozex-offer-card {
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    padding: 28px;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    overflow: hidden;
}

.ozex-offer-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
    background: #fccb34;
}

.ozex-offer-card:hover {
    transform: translateY(-7px);
    border-color: rgba(252, 203, 52, 0.6);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}

/* Card Top */

.ozex-offer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ozex-offer-number {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #fccb34;
    color: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
}

.ozex-offer-icon {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #fff9e5;
    color: #c49700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

/* Card Content */

.ozex-offer-card h3 {
    margin: 0 0 14px;
    color: #222;
    font-size: 22px;
    font-weight: 400;
}

.ozex-offer-card p {
    margin: 0 0 14px;
    color: #666;
    font-size: 14px;
    line-height: 1.85;
}

.ozex-offer-subtitle {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    margin: 8px 0 10px;
}

/* List */

.ozex-offer-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ozex-offer-card ul li {
    position: relative;
    padding: 8px 0 8px 27px;
    color: #666;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid #f2f2f2;
}

.ozex-offer-card ul li:last-child {
    border-bottom: none;
}

.ozex-offer-card ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 9px;
    color: #c49700;
}

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

.ozex-benefits-wrapper {
    max-width: 1100px;
    margin: 35px auto 0;
    padding: 28px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.ozex-benefits-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
}

.ozex-benefits-icon {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #fccb34;
    color: #171717;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.ozex-benefits-header h3 {
    margin: 0;
    color: #222;
    font-size: 25px;
    font-weight: 400;
}

/* Benefits Grid */

.ozex-benefits-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
}

.ozex-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    background: #fff;
    border-radius: 9px;
    border: 1px solid #eeeeee;
}

.ozex-benefit-item span {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff5cc;
    color: #b38a00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
}

.ozex-benefit-item p {
    margin: 0;
    color: #555;
    font-size: 14px;
    line-height: 1.7;
}

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

@media (max-width: 767px) {
    .ozex-community-offers {
        padding: 40px 20px;
    }

    .ozex-offers-heading h2 {
        font-size: 29px;
    }

    .ozex-offers-heading > p {
        font-size: 14px;
    }

    .ozex-offers-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ozex-offer-card {
        padding: 22px;
    }

    .ozex-benefits-wrapper {
        padding: 20px;
    }

    .ozex-benefits-grid {
        grid-template-columns: 1fr;
    }

    .ozex-benefits-header h3 {
        font-size: 21px;
    }
}

/* Conclusion */
/* =========================================
   OzeX Conclusion Section
========================================= */

.ozex-conclusion-section {
    background: #0b0b0b;
    padding: 70px 20px;
    position: relative;
    overflow: hidden;
}

.ozex-conclusion-card {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 55px 60px;
    background: #111111;
    border: 1px solid rgba(252, 203, 52, 0.35);
    border-radius: 24px;
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
    overflow: hidden;
}

/* Golden glow */

.ozex-conclusion-glow {
    position: absolute;
    width: 280px;
    height: 280px;
    top: -150px;
    right: -100px;
    background: rgba(252, 203, 52, 0.1);
    border-radius: 50%;
    filter: blur(20px);
    pointer-events: none;
}

/* Icon */

.ozex-conclusion-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fccb34;
    color: #0b0b0b;
    border-radius: 18px;
    font-size: 30px;
    margin-bottom: 25px;
    box-shadow: 0 10px 30px rgba(252, 203, 52, 0.18);
}

/* Small label */

.ozex-conclusion-label {
    display: inline-block;
    color: #fccb34;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

/* Heading */

.ozex-conclusion-content h2 {
    color: #ffffff;
    font-size: 38px;
    font-weight: 400;
    margin: 0;
    line-height: 1.2;
}

/* Divider */

.ozex-conclusion-line {
    width: 65px;
    height: 4px;
    background: #fccb34;
    margin: 18px 0 28px;
    border-radius: 10px;
}

/* Paragraph */

.ozex-conclusion-content p {
    color: #cfcfcf;
    font-size: 16px;
    line-height: 1.9;
    margin: 0 0 18px;
}

.ozex-conclusion-content p:last-child {
    margin-bottom: 0;
}

/* Bottom highlights */

.ozex-conclusion-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ozex-conclusion-bottom span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #e5e5e5;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    border: 1px solid rgba(252, 203, 52, 0.25);
    border-radius: 30px;
    background: rgba(252, 203, 52, 0.04);
}

.ozex-conclusion-bottom i {
    color: #fccb34;
}

/* Hover */

.ozex-conclusion-card {
    transition:
        transform 0.35s ease,
        border-color 0.35s ease;
}

.ozex-conclusion-card:hover {
    transform: translateY(-5px);
    border-color: rgba(252, 203, 52, 0.65);
}

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

@media (max-width: 767px) {
    .ozex-conclusion-section {
        padding: 40px 20px;
    }

    .ozex-conclusion-card {
        padding: 35px 25px;
        border-radius: 18px;
    }

    .ozex-conclusion-icon {
        width: 60px;
        height: 60px;
        font-size: 25px;
    }

    .ozex-conclusion-content h2 {
        font-size: 30px;
    }

    .ozex-conclusion-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .ozex-conclusion-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .ozex-conclusion-bottom span {
        width: 100%;
    }
}

/* =========================================
   OzeX Success Tips
========================================= */

.ozex-success-section {
    background: #090909;

    position: relative;
    overflow: hidden;
}

.ozex-success-section::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    top: -250px;
    right: -200px;
    background: rgba(252, 203, 52, 0.07);
    border-radius: 50%;
    filter: blur(20px);
}

.ozex-success-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    bottom: -200px;
    left: -150px;
    background: rgba(252, 203, 52, 0.05);
    border-radius: 50%;
    filter: blur(20px);
}

/* Header */

.ozex-success-header {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.ozex-success-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fccb34;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.ozex-success-header h2 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 400;
    margin: 0;
}

.ozex-success-divider {
    width: 70px;
    height: 4px;
    background: #fccb34;
    border-radius: 10px;
    margin: 20px auto 28px;
}

.ozex-success-header p {
    color: #cfcfcf;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 12px;
}

/* Grid */

.ozex-success-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Card */

.ozex-success-card {
    position: relative;
    background: #111111;
    border: 1px solid rgba(252, 203, 52, 0.18);
    border-radius: 18px;
    padding: 32px 28px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.ozex-success-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fccb34;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.35s ease;
}

.ozex-success-card:hover {
    transform: translateY(-7px);
    border-color: rgba(252, 203, 52, 0.55);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);
}

.ozex-success-card:hover::before {
    transform: scaleX(1);
}

/* Number */

.ozex-success-number {
    position: absolute;
    top: 18px;
    right: 22px;
    color: rgba(252, 203, 52, 0.15);
    font-size: 45px;
    font-weight: 600;
    line-height: 1;
}

/* Icon */

.ozex-success-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(252, 203, 52, 0.09);
    border: 1px solid rgba(252, 203, 52, 0.25);
    border-radius: 14px;
    color: #fccb34;
    font-size: 23px;
    margin-bottom: 20px;
}

.ozex-success-card h3 {
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 0 15px;
}

.ozex-success-card p {
    color: #c7c7c7;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 14px;
}

/* Lists */

.ozex-success-card ul {
    padding-left: 0;
    margin: 12px 0 0;
    list-style: none;
}

.ozex-success-card ul li {
    position: relative;
    color: #bdbdbd;
    font-size: 13px;
    line-height: 1.7;
    padding-left: 22px;
    margin-bottom: 9px;
}

.ozex-success-card ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 2px;
    color: #fccb34;
    font-size: 11px;
}

.ozex-mini-heading {
    color: #ffffff !important;
    font-weight: 600;
    margin-bottom: 5px !important;
}

/* Highlight */

.ozex-highlight-text {
    display: block;
    color: #fccb34;
    font-size: 13px;
    line-height: 1.7;
    margin-top: 15px;
}

/* Golden Formula */

.ozex-success-formula {
    position: relative;
    z-index: 1;
    margin: 55px auto 30px;
    max-width: 1000px;
    padding: 35px 30px;
    text-align: center;
    background: linear-gradient(
        135deg,
        rgba(252, 203, 52, 0.13),
        rgba(252, 203, 52, 0.03)
    );
    border: 1px solid rgba(252, 203, 52, 0.45);
    border-radius: 20px;
}

.ozex-formula-icon {
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    border-radius: 50%;
    background: #fccb34;
    color: #090909;
    font-size: 22px;
}

.ozex-success-formula span {
    display: block;
    color: #fccb34;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 10px;
}

.ozex-success-formula h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

/* Disclaimer */

.ozex-success-disclaimer {
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto;
    padding: 28px 30px;
    background: #111111;
    border-left: 4px solid #fccb34;
    border-radius: 0 14px 14px 0;
}

.ozex-success-disclaimer h3 {
    color: #fccb34;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 12px;
}

.ozex-success-disclaimer h3 i {
    margin-right: 8px;
}

.ozex-success-disclaimer p {
    color: #bdbdbd;
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

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

@media (max-width: 991px) {
    .ozex-success-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .ozex-success-section {
        padding: 40px 20px;
    }

    .ozex-success-header {
        margin-bottom: 35px;
    }

    .ozex-success-header h2 {
        font-size: 30px;
    }

    .ozex-success-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ozex-success-card {
        padding: 27px 23px;
    }

    .ozex-success-formula {
        margin-top: 35px;
        padding: 28px 20px;
    }

    .ozex-success-formula h3 {
        font-size: 18px;
    }

    .ozex-success-disclaimer {
        padding: 23px 20px;
    }
}

/* final message */
/* =========================================
   OzeX Final CTA - Dark Theme
========================================= */

.ozex-final-cta {
    position: relative;
    overflow: hidden;
    background: #080808;
    color: #ffffff;
}

.ozex-final-cta-box {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    margin: 0 auto;
    padding: 55px 50px;
    text-align: center;
    background: linear-gradient(145deg, #111111, #090909);
    border: 1px solid rgba(252, 203, 52, 0.25);
    border-radius: 24px;
    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.65),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Golden Icon */

.ozex-cta-icon {
    width: 68px;
    height: 68px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fccb34;
    color: #080808;
    font-size: 27px;
    box-shadow: 0 0 35px rgba(252, 203, 52, 0.22);
}

.ozex-cta-label {
    display: inline-block;
    padding: 7px 18px;
    border: 1px solid rgba(252, 203, 52, 0.35);
    border-radius: 30px;
    color: #fccb34;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

/* Heading */

.ozex-final-cta h2 {
    margin: 0;
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 600;
}

.ozex-final-cta h2 span {
    color: #fccb34;
}

.ozex-cta-line {
    width: 70px;
    height: 3px;
    background: #fccb34;
    margin: 22px auto 25px;
    border-radius: 5px;
}

.ozex-final-cta h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.ozex-final-cta p {
    max-width: 850px;
    margin: 0 auto 15px;
    color: #bdbdbd;
    font-size: 15px;
    line-height: 1.9;
}

.ozex-final-cta p strong {
    color: #ffffff;
}

/* Highlight */

.ozex-cta-highlight {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0 45px;
}

.ozex-cta-highlight span {
    padding: 11px 20px;
    border-radius: 30px;
    background: rgba(252, 203, 52, 0.08);
    border: 1px solid rgba(252, 203, 52, 0.3);
    color: #fccb34;
    font-size: 14px;
    font-weight: 400;
}

/* =========================================
   Ready Box
========================================= */

.ozex-ready-box {
    position: relative;
    padding: 35px 30px;
    background: #0d0d0d;
    border-radius: 18px;
    border: 1px solid #222222;
}

.ozex-ready-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #fccb34;
    color: #080808;
    font-size: 18px;
}

.ozex-ready-box h3 {
    color: #ffffff;
    font-size: 27px;
    font-weight: 400;
    margin-bottom: 15px;
}

.ozex-ready-box p {
    margin-bottom: 25px;
}

.ozex-ready-box h4 {
    color: #fccb34;
    font-size: 18px;
    margin-bottom: 22px;
}

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

.ozex-cta-actions {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.ozex-cta-action {
    min-height: 105px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #151515;
    border: 1px solid #282828;
    border-radius: 14px;
    transition: all 0.3s ease;
}

.ozex-cta-action i {
    color: #fccb34;
    font-size: 22px;
}

.ozex-cta-action span {
    color: #d8d8d8;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
}

.ozex-cta-action:hover {
    transform: translateY(-5px);
    border-color: #fccb34;
    background: #1a1a1a;
    box-shadow: 0 10px 30px rgba(252, 203, 52, 0.1);
}

.ozex-cta-action:hover span {
    color: #ffffff;
}

/* =========================================
   Final Tagline
========================================= */

.ozex-final-tagline {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 38px;
}

.ozex-final-tagline span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
}

.ozex-final-tagline span:not(:last-child)::after {
    content: "•";
    color: #fccb34;
    margin-left: 10px;
}

/* =========================================
   Background Glow
========================================= */

.ozex-cta-glow {
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(252, 203, 52, 0.06);
    filter: blur(80px);
    pointer-events: none;
}

.ozex-cta-glow-one {
    top: -180px;
    left: -120px;
}

.ozex-cta-glow-two {
    bottom: -180px;
    right: -120px;
}

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

@media (max-width: 991px) {
    .ozex-final-cta-box {
        padding: 45px 30px;
    }

    .ozex-final-cta h2 {
        font-size: 34px;
    }

    .ozex-cta-actions {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .ozex-final-cta {
        padding: 40px 20px;
    }

    .ozex-final-cta-box {
        padding: 35px 18px;
        border-radius: 18px;
    }

    .ozex-final-cta h2 {
        font-size: 29px;
    }

    .ozex-final-cta h4 {
        font-size: 17px;
    }

    .ozex-final-cta p {
        font-size: 14px;
        line-height: 1.8;
    }

    .ozex-cta-actions {
        grid-template-columns: 1fr;
    }

    .ozex-cta-highlight span {
        width: 100%;
    }

    .ozex-final-tagline {
        flex-direction: column;
        gap: 5px;
    }

    .ozex-final-tagline span:not(:last-child)::after {
        display: none;
    }
}