/*header section nav*/


body {
    background: #dfe4e7;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.btn {
    border-radius: 8px;
}

.wa-cta-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #22c55e;
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    transition: 0.3s;
}

.wa-cta-btn i {
    font-size: 20px;
}

.wa-cta-btn:hover {
    background: #16a34a;
    transform: translateY(-2px);
}




/* =========================
   HEADER DESIGN
========================= */
.navbar-custom {
    background: #000;
    padding: 12px 0;
    border-bottom: 2px solid #d4af37;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
    z-index: 999;
}

/* LOGO */
.navbar-brand img {
    height: 70px;
    width: auto;
    transition: 0.3s;
}

.navbar-brand img:hover {
    transform: scale(1.05);
}

/* MENU */
.navbar-nav .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px;
    position: relative;
    transition: 0.3s;
    text-transform: uppercase;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #d4af37;
}

/* GOLD UNDERLINE EFFECT */
.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 2px;
    background: #d4af37;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover::after {
    width: 100%;
}

/* BUTTONS */
.header-btn {
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
    font-size: 15px;
}

.login-btn {
    background: transparent;
    color: #d4af37;
    border: 1px solid #d4af37;
}

.login-btn:hover {
    background: #d4af37;
    color: #000;
}

.signup-btn {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    border: none;
}

.signup-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4);
}

/* TOGGLER */
.custom-toggler {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}

.custom-toggler .bar {
    display: block;
    width: 28px;
    height: 3px;
    margin: 6px auto;
    background-color: #d4af37;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

/* MOBILE MENU */
@media (max-width: 991px) {

    .navbar-collapse {
        background: #111;
        padding: 20px;
        margin-top: 15px;
        border-radius: 12px;
    }

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

    .navbar-nav .nav-link {
        margin: 12px 0;
    }

    .navbar-brand img {
        height: 60px;
    }

    .header-btn {
        padding: 8px 16px;
        font-size: 14px;
    }
}

/*main footer--------------------------*/

/* =========================
   FOOTER SECTION
========================= */

.footer-section {
    position: relative;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.12), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.08), transparent 30%),
        linear-gradient(135deg, #050505 0%, #111111 40%, #1b1406 100%);
    color: #fff;
    overflow: hidden;
    border-top: 1px solid rgba(212, 175, 55, 0.18);
}

/* GOLD GLOW */
.footer-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.05),
            transparent);
    animation: footerShine 7s linear infinite;
    pointer-events: none;
}

@keyframes footerShine {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* LOGO */
.footer-logo {
    width: 150px;
    filter:
        drop-shadow(0 0 12px rgba(212, 175, 55, 0.35));
}

/* ABOUT TEXT */
.footer-text {
    font-size: 15px;
    line-height: 1.8;
    color: #d7d7d7;
    margin-top: 10px;
}

/* HEADING */
.footer-heading {
    position: relative;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.footer-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 55px;
    height: 3px;
    border-radius: 20px;
    background: linear-gradient(90deg, #d4af37, #ffdf70);
}

/* LINKS */
.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 14px;
    color: #d8d8d8;
    font-size: 15px;
    transition: .3s;
}

/* LINK STYLE */
.footer-links a {
    position: relative;
    color: #e8e8e8;
    text-decoration: none;
    transition: .35s ease;
    display: inline-block;
}

/* HOVER EFFECT */
.footer-links a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0%;
    height: 1px;
    background: #d4af37;
    transition: .35s;
}

.footer-links a:hover {
    color: #d4af37;
    transform: translateX(6px);
}

.footer-links a:hover::before {
    width: 100%;
}

/* SUPPORT TEXT */
.footer-links li strong {
    color: #d4af37;
}

/* =========================
   COPYRIGHT
========================= */

.seo-links-section{
    padding:15px 5px;
}

.seo-links-wrap{
    color:#777;
    font-size:9.8px;
    line-height:2;
}

.seo-links-wrap a{
    color:#ff2d7a;
    text-decoration:none;
    transition:.3s;
}

.seo-links-wrap a:hover{
    color:#ffffff;
}

@media(max-width:768px){

    .seo-links-section{
        padding:5px 5px;
    }

    .seo-links-wrap{
        font-size:9px;
        line-height:1.9;
    }

}

@media(max-width:576px){

    .seo-links-wrap{
        font-size:12px;
        line-height:1.8;
        text-align:center;
    }

}   



.below-footer {
    background: #050505;
    border-top: 1px solid rgba(212, 175, 55, 0.12);
    padding: 22px 0;
}

.copyright-text {
    margin-top: 30px;
    font-size: 18px;
    color: #bfbfbf;
    line-height: 1.8;
}

.copyright-text a {
    color: #d4af37;
    text-decoration: none;
    font-weight: 700;
    transition: .3s;
}

.copyright-text a:hover {
    color: #ffdf70;
    text-shadow: 0 0 12px rgba(212, 175, 55, 0.5);
}

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

@media(max-width:991px) {

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

    .footer-heading::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer-links a:hover {
        transform: none;
    }

    .footer-logo {
        margin: auto;
        display: block;
    }
}

@media(max-width:768px) {

    .footer-section {
        padding-top: 60px;
    }

    .footer-heading {
        margin-top: 20px;
        font-size: 20px;
    }

    .footer-text,
    .footer-links li,
    .copyright-text {
        font-size: 14px;
    }

    .footer-logo {
        width: 130px;
    }
}




/*mobile view images*/

/* =========================================
   MOBILE GAME SLIDER
========================================= */

#new-launch {
    display: none;
}

#main-new-section {
    display: none;
}

@media (max-width: 1025px) {

    #main-new-section {
        width: 100%;
        display: grid;
        grid-template-rows: auto auto;
        grid-auto-flow: column;
        overflow-x: scroll;
        grid-row-gap: 1px;
        grid-column-gap: 1px;
        margin-bottom: 10px;
        justify-content: space-between;
        white-space: nowrap;
        overflow-y: hidden;
    }


    .main-card {
        width: 140px;
        height: 90px;
    }

    .main-card img {
        width: 100%;
        height: 100%;
        object-fit: fill;

    }
    .new-mobile-game-slider{
        margin-top: 10px;
    }

    .new-launch-section {
       width: 100%;
    background: linear-gradient(to right, #1f6d3d, #2d9157);
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid #f7b500;
    }

   
    #new-launch {
        background-color: #000;
        display: flex;
        flex-direction: row;
        gap: 6px;
        /* small gap for mobile */
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;

        -webkit-overflow-scrolling: touch;

        scrollbar-width: none;
    }

    #new-launch::-webkit-scrollbar {
        display: none;
    }

    .live-game {
        flex: 0 0 auto;
        height: 290px;
        overflow: hidden;
    }
}



/* 🔥 MOBILE: exactly 3 cards */
@media (max-width: 768px) {
    .live-game {
        width: calc((100vw - 12px) / 3);
        /* 12px = total gaps (2 gaps × 6px) */
        height: auto;
        aspect-ratio: 3 / 4;
        /* keeps card proportion */
    }

    
    .new-launch-section {
   width: 100%;
    background: #c10930;
    color: #fff;
    text-align: center;
    padding: 3px 10px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid #f7b500;
            margin-top: -9px;
}

}

/* Desktop keeps fixed size */
@media (min-width: 769px) {
    .live-game {
        width: 220px;
        height: 290px;
    }
}

.live-game img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================================
   LIVE SPORT GAMES SECTION
========================================= */

/* TITLE BAR */

.sport-games-banner {
    width: 100%;
    background: linear-gradient(to right, #1f6d3d, #2d9157);
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 3px solid #f7b500;
}

/* WRAPPER */

.sport-games-wrapper {
    width: 100%;
    background: #0d0d0d;
    padding: 14px 10px;
}

/* GRID */

.sport-games-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 10px;
}

/* CARD */

.sport-card {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: 2px solid #1d3350;
    background: #000;
    aspect-ratio: 1/1.12;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
    transition: 0.3s;
}

.sport-card:hover {
    transform: translateY(-3px);
    border-color: #ffd000;
}

/* IMAGE */

.sport-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 0.4s;
}

.sport-card:hover img {
    transform: scale(1.05);
}

/* LABEL */

.sport-card-label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12px 8px 10px;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.98) 0%,
            rgba(0, 0, 0, 0.85) 55%,
            rgba(0, 0, 0, 0.2) 100%);

    color: #ffe600;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* REMOVE LINK STYLE */

.sport-card a {
    text-decoration: none;
}

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

@media(max-width:768px) {

    .sport-games-wrapper {
        padding: 12px 8px;
    }

    .sport-games-grid {
        gap: 10px 8px;
    }

    .sport-card-label {
        font-size: 10px;
        padding: 10px 6px 8px;
    }

}

/* =========================================
   HIDE DESKTOP
========================================= */

@media(min-width:769px) {

    .sport-games-banner,
     .new-launch-section,
    .sport-games-wrapper {
        display: none !important;
    }

}





/* ============================================================================================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #e7ecec;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ===================================
HEADER
=================================== */

.top-header {
    height: 55px;
    background: #f5f5f5;
    border-bottom: 1px solid #d9d9d9;

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

    padding: 0 15px;
}

.logo-box img {
    height: 42px;
}

.search-box {
    width: 430px;
    position: relative;
}

.search-box input {
    width: 100%;
    height: 35px;

    border: 1px solid #d5d5d5;
    border-radius: 2px;

    padding-left: 15px;
    padding-right: 40px;

    outline: none;
}

.search-box button {
    position: absolute;
    right: 0;
    top: 0;

    width: 40px;
    height: 35px;

    border: none;
    background: none;
}

.search-box i {
    color: #888;
}

.header-btns {
    display: flex;
    gap: 10px;
}

.rule-btn {
    background: #b80f2f;
    color: #fff;

    padding: 6px 18px;
    border-radius: 3px;

    font-size: 12px;
    font-weight: 700;
}

.dark-btn {
    background: #222;
    color: #fff;

    padding: 6px 18px;
    border-radius: 3px;

    font-size: 12px;
    font-weight: 700;
}

/* ===================================
TOP SPORTS MENU
=================================== */

.sports-top-menu {
    display: flex;
    overflow-x: auto;

    background: #2e2e31;
    border-bottom: 1px solid #222;
}

.sports-top-menu::-webkit-scrollbar {
    height: 4px;
}

.sport-item {
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    border-right: 1px solid #3a3a3a;
    min-width: 70px;
    text-align: center;
    text-decoration: none;
}

.sport-item:hover {
    background: #444;
}

.sport-icon1 {
    font-size: 18px;
    transition: transform 0.3s ease;
}

.sport-item span {
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.2px;
}

.sport-item.active {

    background: var(--theme-primary-color);
    color: white;
}


.sport-item.yellow {
    background: #dba800;
}

.get-id {
    border: 2px solid #ffd400;
    background: #c31943;
}

/* ===================================
MAIN LAYOUT
=================================== */

.main-wrapper {
    display: flex;
}

/* ===================================
SIDEBAR
=================================== */

.left-sidebar {
    width: 145px;
    min-width: 145px;

    background: #efefef;
    border-right: 1px solid #d5d5d5;

    min-height: 100vh;
}

.left-sidebar ul li {

    display: flex;
    align-items: center;

    gap: 10px;

    padding: 12px 8px;

    border-bottom: 1px solid #dddddd;

    font-size: 12px;
    font-weight: 700;

    color: #7c1430;

    cursor: pointer;
}

.left-sidebar ul li:hover {
    background: #f8f8f8;
}

.left-sidebar ul li i:first-child {

    width: 18px;
    height: 18px;

    border-radius: 50%;

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

    color: #fff;
    font-size: 10px;
}

/* colorful icons */

.left-sidebar ul li:nth-child(1) i:first-child {
    background: #f44336;
}

.left-sidebar ul li:nth-child(2) i:first-child {
    background: #4caf50;
}

.left-sidebar ul li:nth-child(3) i:first-child {
    background: #ff9800;
}

.left-sidebar ul li:nth-child(4) i:first-child {
    background: #e91e63;
}

.left-sidebar ul li:nth-child(5) i:first-child {
    background: #607d8b;
}

.left-sidebar ul li:nth-child(6) i:first-child {
    background: #795548;
}

.left-sidebar ul li:nth-child(7) i:first-child {
    background: #009688;
}

.left-sidebar ul li:nth-child(8) i:first-child {
    background: #ff5722;
}

.left-sidebar ul li:nth-child(9) i:first-child {
    background: #e91e63;
}

.left-sidebar ul li:nth-child(10) i:first-child {
    background: #ff6f00;
}

.left-sidebar ul li:nth-child(11) i:first-child {
    background: #2196f3;
}

.left-sidebar ul li:nth-child(12) i:first-child {
    background: #8bc34a;
}

.left-sidebar ul li:nth-child(13) i:first-child {
    background: #3f51b5;
}

.left-sidebar ul li:nth-child(14) i:first-child {
    background: #673ab7;
}




/* ICON */

.sport-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}

/* ICON COLORS */

.cricket {
    background: #c40035;
}

.football {
    background: #4caf50;
}

.tennis {
    background: #ff9800;
}

.politics {
    background: #2196f3;
}

.casino {
    background: #9c27b0;
}

.sportsbook {
    background: #607d8b;
}

.horse {
    background: #795548;
}

.greyhound {
    background: #009688;
}

.binary {
    background: #ff5722;
}

.kabaddi {
    background: #e91e63;
}

.basketball {
    background: #ff6f00;
}

.baseball {
    background: #1976d2;
}

.tabletennis {
    background: #00acc1;
}

.volleyball {
    background: #8bc34a;
}

.hockey {
    background: #3f51b5;
}

.rugby {
    background: #5e35b1;
}

/* Mobile View */
@media (max-width: 768px) {

    .left-sidebar {
        display: none !important;
    }

    .content-area {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .main-wrapper {
        display: block !important;
    }

}

/* ===================================
CONTENT
=================================== */

.content-area {
    flex: 1;
    padding: 10px;
}

/* ===================================
SECTION HEADERS
=================================== */

.market-header {

    padding: 8px 15px;
    display: flex;
    align-items: center;
    gap: 20px;
    clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0% 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

.section-icon {
    color: white;
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter-buttons {
    display: flex;
    gap: 8px;
}

.filter-btn {
    padding: 4px 12px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    background: transparent;
    color: white;
    border-radius: 15px;
    cursor: pointer;
    font-size: 9px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.header-odds-labels {
    margin-left: auto;
    display: flex;
    color: white;
    font-size: 11px;
    font-weight: 700;
}

.header-odds-labels>div {
    width: 160px;
    text-align: center;
}

.cricket-header {
    background: #b1062f;
}

.football-header {
    background: #1d7b43;
}

.tennis-header {
    background: #db8600;
}

.live-btn {

    margin-left: 15px;

    border: 1px solid #fff;
    border-radius: 20px;

    padding: 2px 12px;

    font-size: 10px;
}

.market-right {
    margin-left: auto;
}

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



@media(max-width:576px) {

    .top-header {
        padding: 10px;
    }

    .logo-box img {
        height: 30px;
    }

    .rule-btn,
    .dark-btn {
        padding: 5px 10px;
        font-size: 10px;
    }

}

/* ============================
MARKET TABLE
============================ */

.market-box {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 18px;
}

.market-row {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #e5e5e5;
}

.match-info {
    width: 280px;
    padding: 18px;
}

.team-name {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 2px;
}

.match-type {
    font-size: 11px;
    color: #888;
    margin-top: 4px;
}

.match-time {
    width: 90px;
    text-align: center;
    padding: 10px;
}

.live-tag {
    background: #7ed48a;
    color: #fff;
    padding: 3px 10px;
    font-size: 10px;
    border-radius: 2px;
}

.date {
    color: #d91d46;
    font-size: 11px;
    font-weight: 700;
    margin-top: 8px;
}

.time {
    font-size: 10px;
    color: #777;
}

.match-icons {
    width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}


.bm {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}



.bm {
    background: #d93a4b;
}

.odds {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 72px;
    border-left: 1px solid #fff;
}

.blue {
    background: #a8d4f2;
}

.pink {
    background: #efc0cf;
}

.odds h5 {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1px;
}

.odds small {
    color: #555;
    font-size: 10px;
}

@media(max-width:991px) {

    .market-row {
        overflow-x: auto;
    }

    .match-info {
        min-width: 250px;
    }

    .odds {
        min-width: 120px;
    }
}

/* =====================================
EXACT REDDYBOOK MARKET DESIGN
===================================== */

.market-header {
    position: relative;
    height: 40px;
    border-radius: 2px 0 0 2px;
    overflow: hidden;
}

.market-header:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;

    width: 0;
    height: 0;

}

.cricket-header {
    background: linear-gradient(90deg, #970023, #c40735);
}

.football-header {
    background: linear-gradient(90deg, #0c5d2f, #1e8c4b);
}

.tennis-header {
    background: linear-gradient(90deg, #d67800, #f39a00);
}

.live-btn {
    height: 24px;
    line-height: 20px;
    padding: 0 14px;
    margin-left: 10px;

    border: 2px solid rgba(255, 255, 255, .85);
    border-radius: 20px;

    font-size: 10px;
    font-weight: 700;

    transition: .3s;
}

.live-btn:hover {
    background: #fff;
    color: #000;
}

.market-right {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* =====================================
MARKET BOX
===================================== */

.market-box {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    margin-bottom: 18px;
}

.market-row {
    min-height: 78px;
    background: #fff;
}

.market-row:hover {
    background: #fafafa;
}

.market-row:not(:last-child) {
    border-bottom: 1px solid #ececec;
}

/* =====================================
MATCH COLUMN
===================================== */

.match-info {
    width: 290px;

}

.team-name {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
}

.match-type {
    font-size: 10px;
    color: #9a9a9a;
    margin-top: 4px;
    text-transform: uppercase;
}

/* =====================================
LIVE COLUMN
===================================== */

.match-time {
    width: 90px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.live-tag {
    display: inline-block;
    background: #59bf77;
    color: #fff;

    font-size: 9px;
    font-weight: 700;

    padding: 4px 9px;
    border-radius: 2px;

    animation: blinklive 1.2s infinite;
}

@keyframes blinklive {

    0% {
        opacity: 1;
    }

    50% {
        opacity: .55;
    }

    100% {
        opacity: 1;
    }
}

.date {
    margin-top: 8px;

    color: #d6153d;
    font-size: 10px;
    font-weight: 700;
}

.time {
    margin-top: 4px;
    font-size: 9px;
    color: #777;
}

/* =====================================
ICONS
===================================== */

.match-icons {
    width: 90px;
    border-right: 1px solid #ececec;
}

.logo-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
}

.whatsapp {
    background: #25D366;
    padding: 2px;
}

.wa,
.bm {
    width: 22px;
    height: 22px;
    border-radius: 50%;

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

    color: #fff;
    font-size: 9px;
    font-weight: 700;
}

.wa {
    background: #1bb95d;
}

.bm {
    background: #d92549;
}

/* =====================================
ODDS CELLS
===================================== */

.odds {
    position: relative;
    min-width: 110px;
    transition: .2s;
}

.odds:hover {
    transform: scale(1.03);
    z-index: 2;
}

.blue {
    background: #a9d1ea;
}

.pink {
    background: #e9bcc9;
}

.odds h5 {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 1px;
}

.odds small {
    color: #555;
    font-size: 9px;
}

.odds:before {
    content: '';
    position: absolute;
    inset: 0;

    border: 1px solid rgba(255, 255, 255, .5);
}

/* =====================================
TOP MENU ENHANCEMENT
===================================== */

.sports-top-menu {
    background: linear-gradient(to bottom,
            #3a3a3a,
            #252525);
}

.sport-item {
    transition: .25s;
}

.sport-item:hover {
    background: #4a4a4a;
}

.sport-item.active {
    background: linear-gradient(to bottom,
            #ef335d,
            #be0b37);
}

.yellow {
    background: linear-gradient(to bottom,
            #ffc500,
            #d79a00);
}

/* =====================================
SIDEBAR POLISH
===================================== */

.left-sidebar {
    background: #efefef;
}

.left-sidebar li {
    transition: .2s;
}

.left-sidebar li:hover {
    background: #fff;
    padding-left: 14px;
}

.left-sidebar li i.fa-angle-down {
    color: #bbb;
    font-size: 10px;
}

/* =====================================
SCROLLBAR
===================================== */

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: #bcbcbc;
}

::-webkit-scrollbar-track {
    background: #efefef;
}

/* =====================================
MOBILE EXACT VERSION
===================================== */

/* =====================================
MOBILE SCREEN EXACT DESIGN
===================================== */


@media only screen and (max-width:768px) {

    .market-row {
        display: flex;
        flex-wrap: wrap;
        overflow: hidden !important;
        border-radius: 4px;
        margin-bottom: 10px;
    }

    /* TOP HEADER AREA */

    .match-info {
        width: 50% !important;
        min-width: auto !important;
        padding: 12px;

    }

    .header-odds-labels {
        display: none;
    }

    .match-time {
        width: 22% !important;
        min-width: auto !important;
        border: none;
        padding: 8px 2px;
    }

    .match-icons {
        width: 28% !important;
        min-width: auto !important;
        border: none;
    }

    /* ODDS GRID */

    .odds {
        flex: none !important;
        width: 50% !important;
        min-width: 50% !important;
        height: 48px;
        border-top: 1px solid #fff;
    }

    .odds h5 {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 1px;
    }

    .odds small {
        font-size: 8px;
    }

    .blue {
        background: #a7d4f2;
    }

    .pink {
        background: #efc0cf;
    }

    .team-name {
        font-size: 10px;
        font-weight: 700;
        margin-bottom: 2px;
    }

    .match-type {
        font-size: 8px;
    }

    .date {
        font-size: 9px;
    }

    .time {
        font-size: 8px;
    }

}

/* EXTRA SMALL */

@media(max-width:480px) {

    .match-name {
        width: 50%;
    }

    .match-name h3 {
        font-size: 13px;
    }

    .back h2,
    .lay h2 {
        font-size: 18px;
    }

}



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




/*------------ home page start-----------------------------------------------------------------------------------------------------*/



/*home page*/

/*home page 1*/

/* =========================
   LIVE MARKET SECTION
========================= */

.home-one-live-market {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
}

.home-one-live-market::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(212, 175, 55, 0.08);
    border-radius: 50%;
    top: -150px;
    right: -150px;
    filter: blur(80px);
}

/* BADGE */
.home-one-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 600;
}

.live-dot {
    width: 10px;
    height: 10px;
    background: #00ff66;
    border-radius: 50%;
    animation: blink 1s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .4;
    }

    100% {
        opacity: 1;
    }
}

/* TITLE */
.home-one-live-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
    color: #fff;
}

/* TEXT */
.home-one-live-text {
    color: #cfcfcf;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* BUTTON */
.home-one-live-btn-wrap {
    margin-top: 35px;
    margin-bottom: 40px;
}

.home-one-live-btn {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: 700;
    display: inline-block;
    transition: .3s;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

.home-one-live-btn:hover {
    transform: translateY(-3px);
    color: #000;
}

/* PAYMENTS */
.home-one-payment-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.home-one-payment-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 14px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: .3s;
}

.home-one-payment-item:hover {
    border-color: #d4af37;
    transform: translateY(-3px);
}

.home-one-payment-item img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.home-one-payment-item span {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

/* MARKET CARD */
.home-one-market-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 25px;
    padding: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.home-one-market-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.home-one-market-header h4 {
    color: #fff;
    margin-bottom: 5px;
    font-weight: 700;
}

.home-one-market-header span {
    color: #999;
    font-size: 14px;
}

.home-one-live-status {
    background: #00c853;
    color: #fff;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    animation: blink 1s infinite;
}

/* MATCH ITEM */
.home-one-match-item {
    background: #1a1a1a;
    border-radius: 18px;
    padding: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    border: 1px solid transparent;
    transition: .3s;
}

.home-one-match-item:hover {
    border-color: #d4af37;
}

.home-one-match-item h5 {
    margin-bottom: 4px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.home-one-match-item p {
    margin: 0;
    color: #aaa;
    font-size: 14px;
}

/* ODDS */
.home-one-odds {
    display: flex;
    gap: 10px;
}

.home-one-odds span {
    min-width: 65px;
    text-align: center;
    padding: 10px 14px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 15px;
}

.home-one-odds .back {
    background: #0d47a1;
    color: #fff;
}

.home-one-odds .lay {
    background: #b71c1c;
    color: #fff;
}

/* FOOTER */
.home-one-market-footer {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    color: #d4af37;
    font-size: 14px;
    font-weight: 600;
}

/* MOBILE */
@media(max-width:991px) {

    .home-one-live-title {
        font-size: 34px;
    }

    .home-one-market-card {
        margin-top: 40px;
    }

}

@media(max-width:576px) {

    .home-one-live-title {
        font-size: 28px;
    }

    .home-one-live-text {
        font-size: 15px;
    }

    .home-one-payment-wrapper {
        gap: 10px;
    }

    .home-one-payment-item {
        width: 48%;
        justify-content: center;
    }

    .home-one-market-footer {
        flex-direction: column;
    }

}

/*home page 2*/
/* =========================
   TABLE OF CONTENT SECTION
========================= */

#home-two-toc {
    background: #000;
    position: relative;
    overflow: hidden;
}

/* GLOW EFFECT */
#home-two-toc::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(212, 175, 55, 0.08);
    border-radius: 50%;
    top: -180px;
    left: -150px;
    filter: blur(90px);
}

/* BADGE */
.home-two-toc-badge {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-two-toc-title {
    font-size: 48px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

.home-two-toc-subtitle {
    color: #bdbdbd;
    font-size: 17px;
    line-height: 1.8;
}

/* CONTENT BOX */
.home-two-toc-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 45px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.6);
    position: relative;
    z-index: 2;
}

/* LIST */
.home-two-toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.home-two-toc-list li {
    margin-bottom: 18px;
}

/* LINKS */
.home-two-toc-list li a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    color: #fff;
    background: #1a1a1a;
    padding: 18px 22px;
    border-radius: 18px;
    border: 1px solid transparent;
    transition: all .3s ease;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
}

/* GOLD NUMBER */
.home-two-toc-list li a span {
    min-width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 800;
}

/* HOVER */
.home-two-toc-list li a:hover {
    transform: translateY(-4px);
    border-color: #d4af37;
    color: #d4af37;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.15);
}

/* MOBILE */
@media(max-width:991px) {

    .home-two-toc-title {
        font-size: 36px;
    }

    .home-two-toc-box {
        padding: 30px;
    }

}

@media(max-width:576px) {

    .home-two-toc-title {
        font-size: 28px;
    }

    .home-two-toc-subtitle {
        font-size: 15px;
    }

    .home-two-toc-list li a {
        font-size: 14px;
        padding: 15px;
    }

    .home-two-toc-list li a span {
        min-width: 45px;
        height: 45px;
        font-size: 13px;
    }

}

/*home page 3*/
/* =========================
   WHAT IS MAHADEV BOOK
========================= */

.home-three-about-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
}

/* GLOW EFFECT */
.home-three-about-section::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(212, 175, 55, 0.08);
    border-radius: 50%;
    right: -150px;
    top: -150px;
    filter: blur(90px);
}

/* BADGE */
.home-three-badge {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-three-title {
    font-size: 50px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* TEXT */
.home-three-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}

/* OPTION BOX */
.home-three-option-box {
    margin: 40px 0;
}

.home-three-option-item {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 22px;
    padding: 25px;
    margin-bottom: 20px;
    transition: .3s;
}

.home-three-option-item:hover {
    border-color: #d4af37;
    transform: translateY(-4px);
}

/* NUMBER */
.home-three-number {
    min-width: 65px;
    height: 65px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
}

/* OPTION CONTENT */
.home-three-option-content p {
    margin: 0;
    color: #cfcfcf;
    font-size: 16px;
    line-height: 1.9;
}

/* HIGHLIGHT */
.home-three-highlight {
    color: #d4af37;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 25px;
}

/* BUTTON */
.home-three-btn-wrap {
    margin-top: 40px;
}

.home-three-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 16px 35px;
    border-radius: 50px;
    font-weight: 700;
    transition: .3s;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

.home-three-btn:hover {
    transform: translateY(-4px);
    color: #000;
}

/* RIGHT CARD */
.home-three-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
}

.home-three-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.06);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* CARD HEADER */
.home-three-card-header {
    margin-bottom: 35px;
}

.home-three-card-header h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.home-three-card-header span {
    color: #d4af37;
    font-weight: 700;
    font-size: 15px;
}

/* STATS */
.home-three-stat-box {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
}

.home-three-stat-item {
    flex: 1;
    background: #1a1a1a;
    border-radius: 20px;
    padding: 25px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, 0.12);
}

.home-three-stat-item h4 {
    color: #d4af37;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.home-three-stat-item p {
    margin: 0;
    color: #cfcfcf;
    font-size: 15px;
}

/* FEATURES */
.home-three-feature-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.home-three-feature-item {
    background: #1a1a1a;
    border-radius: 15px;
    padding: 16px 20px;
    color: #fff;
    font-weight: 600;
    border: 1px solid transparent;
    transition: .3s;
}

.home-three-feature-item:hover {
    border-color: #d4af37;
    color: #d4af37;
}

/* MOBILE */
@media(max-width:991px) {

    .home-three-title {
        font-size: 38px;
    }

    .home-three-card {
        margin-top: 40px;
    }

}

@media(max-width:576px) {

    .home-three-title {
        font-size: 30px;
    }

    .home-three-text {
        font-size: 15px;
    }

    .home-three-option-item {
        flex-direction: column;
    }

    .home-three-number {
        min-width: 55px;
        height: 55px;
        font-size: 18px;
    }

    .home-three-stat-box {
        flex-direction: column;
    }

}

/*home page 4*/
/* =========================
   MAHADEV VS BOOKMAKERS
========================= */

.home-four-compare-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* BACKGROUND ANIMATION */
.home-four-bg-animation,
.home-four-bg-animation-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-four-bg-animation {
    width: 400px;
    height: 400px;
    background: rgba(212, 175, 55, 0.15);
    top: -100px;
    left: -100px;
    animation: floatOne 8s ease-in-out infinite;
}

.home-four-bg-animation-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -100px;
    animation: floatTwo 10s ease-in-out infinite;
}

@keyframes floatOne {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes floatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-four-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 22px;
}

/* TITLE */
.home-four-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
    line-height: 1.2;
}

/* SUBTITLE */
.home-four-subtitle {
    color: #cfcfcf;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* TABLE WRAPPER */
.home-four-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

/* TABLE */
.home-four-table {
    margin: 0;
    color: #fff;
}

.home-four-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-four-table thead th {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    border: none;
    padding: 20px;
    white-space: nowrap;
}

.home-four-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-four-table tbody tr:hover {
    background: #1a1a1a;
}

.home-four-table tbody td {
    padding: 22px 20px;
    font-size: 15px;
    color: #d9d9d9;
    border: none;
    line-height: 1.8;
}

.home-four-table tbody td:first-child {
    color: #d4af37;
    font-weight: 700;
    min-width: 220px;
}

/* BOTTOM BOX */
.home-four-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.home-four-bottom-box p {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 35px;
}

/* BUTTON */
.home-four-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 16px 36px;
    border-radius: 50px;
    font-weight: 700;
    transition: .3s;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

.home-four-btn:hover {
    transform: translateY(-4px);
    color: #000;
}

/* MOBILE */
@media(max-width:991px) {

    .home-four-title {
        font-size: 38px;
    }

    .home-four-table thead th {
        font-size: 16px;
    }

    .home-four-table tbody td {
        font-size: 14px;
    }

}

@media(max-width:576px) {

    .home-four-title {
        font-size: 30px;
    }

    .home-four-subtitle {
        font-size: 15px;
    }

    .home-four-table-wrapper {
        padding: 15px;
    }

    .home-four-table thead th {
        padding: 16px 12px;
    }

    .home-four-table tbody td {
        padding: 16px 12px;
    }

    .home-four-bottom-box {
        padding: 25px;
    }

    .home-four-bottom-box p {
        font-size: 15px;
        line-height: 1.9;
    }

}

/*home page 5*/
/* =========================
   4 EXCHANGE ADVANTAGE
========================= */

.home-five-exchange-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GRID LINES */
.home-five-grid-lines {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: -1;
}

/* GLOW EFFECTS */
.home-five-glow-one,
.home-five-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-five-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeFiveFloat 8s ease-in-out infinite;
}

.home-five-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes homeFiveFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeFiveFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-five-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-five-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-five-subtitle {
    color: #cfcfcf;
    font-size: 17px;
    line-height: 1.9;
}

/* TABLE WRAPPER */
.home-five-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

/* TABLE */
.home-five-table {
    margin: 0;
    color: #fff;
}

.home-five-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-five-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.home-five-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-five-table tbody tr:hover {
    background: #1a1a1a;
}

.home-five-table tbody td {
    padding: 22px;
    border: none;
    color: #d9d9d9;
    font-size: 15px;
    line-height: 1.8;
}

/* EXCHANGE NAME */
.home-five-exchange-name {
    color: #d4af37;
    font-weight: 800;
    font-size: 18px;
}

/* SPEED */
.home-five-speed {
    display: inline-block;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.2);
    padding: 10px 16px;
    border-radius: 50px;
    color: #d4af37;
    font-weight: 700;
    font-size: 14px;
}

/* INFO CARD */
.home-five-info-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .3s;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-five-info-card:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.home-five-info-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */
.home-five-card-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
}

/* CARD TITLE */
.home-five-info-card h3 {
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
}

/* CARD TEXT */
.home-five-info-card p {
    color: #cfcfcf;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* MOBILE */
@media(max-width:991px) {

    .home-five-title {
        font-size: 38px;
    }

    .home-five-info-card {
        margin-bottom: 20px;
    }

}

@media(max-width:576px) {

    .home-five-title {
        font-size: 30px;
    }

    .home-five-subtitle {
        font-size: 15px;
    }

    .home-five-table-wrapper {
        padding: 15px;
    }

    .home-five-table thead th {
        font-size: 15px;
        padding: 16px 12px;
    }

    .home-five-table tbody td {
        font-size: 14px;
        padding: 16px 12px;
    }

    .home-five-info-card {
        padding: 25px;
    }

    .home-five-info-card h3 {
        font-size: 24px;
    }

    .home-five-info-card p {
        font-size: 15px;
    }

}

/*home page 6*/
/* =========================
   HOW TO GET ID SECTION
========================= */

.home-six-id-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-six-glow-one,
.home-six-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-six-glow-one {
    width: 400px;
    height: 400px;
    background: rgba(212, 175, 55, 0.15);
    top: -120px;
    left: -100px;
    animation: homeSixFloat 8s ease-in-out infinite;
}

.home-six-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -100px;
    animation: homeSixFloatTwo 10s ease-in-out infinite;
}

@keyframes homeSixFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeSixFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-six-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-six-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* STEP CARD */
.home-six-step-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* HOVER EFFECT */
.home-six-step-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* INNER GLOW */
.home-six-step-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* STEP NUMBER */
.home-six-step-number {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 26px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.3);
}

/* HEADING */
.home-six-step-card h3 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 25px;
}

/* TEXT */
.home-six-step-card p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* WARNING */
.home-six-warning {
    background: rgba(255, 193, 7, 0.08);
    border: 1px solid rgba(255, 193, 7, 0.2);
    padding: 18px 22px;
    border-radius: 18px;
    color: #ffcc33;
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
}

/* SUCCESS */
.home-six-success {
    background: rgba(0, 255, 128, 0.08);
    border: 1px solid rgba(0, 255, 128, 0.2);
    padding: 18px 22px;
    border-radius: 18px;
    color: #00ff99;
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
}

/* BUTTON */
.home-six-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

.home-six-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-six-title {
        font-size: 38px;
    }

    .home-six-step-card {
        padding: 30px;
    }

}

@media(max-width:576px) {

    .home-six-title {
        font-size: 30px;
    }

    .home-six-step-card h3 {
        font-size: 22px;
    }

    .home-six-step-card p {
        font-size: 15px;
    }

    .home-six-step-card {
        padding: 25px;
    }

    .home-six-step-number {
        width: 65px;
        height: 65px;
        font-size: 22px;
    }

}

/*home page 7*/
/* =========================
   SIX TYPES OF ID SECTION
========================= */

.home-seven-id-types {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECT */
.home-seven-glow-one,
.home-seven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-seven-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeSevenFloat 8s ease-in-out infinite;
}

.home-seven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -100px;
    right: -100px;
    animation: homeSevenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeSevenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeSevenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-seven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-seven-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
}

/* CARD */
.home-seven-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
    position: relative;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-seven-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.15);
}

/* IMAGE */
.home-seven-image {
    overflow: hidden;
}

.home-seven-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.home-seven-card:hover .home-seven-image img {
    transform: scale(1.08);
}

/* CONTENT */
.home-seven-content {
    padding: 30px;
}

.home-seven-content h3 {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
    line-height: 1.3;
}

.home-seven-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.home-seven-content strong {
    color: #d4af37;
}

/* BUTTON */
.home-seven-btn {
    display: inline-block;
    margin-top: 10px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 700;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2);
}

.home-seven-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-seven-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-seven-title {
        font-size: 30px;
    }

    .home-seven-content {
        padding: 25px;
    }

    .home-seven-content h3 {
        font-size: 24px;
    }

    .home-seven-content p {
        font-size: 14px;
    }

    .home-seven-image img {
        height: 220px;
    }

}

/*home page 8*/
/* =========================
   CRICKET BETTING SECTION
========================= */

.home-eight-cricket-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-eight-glow-one,
.home-eight-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-eight-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeEightFloat 8s ease-in-out infinite;
}

.home-eight-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeEightFloatTwo 10s ease-in-out infinite;
}

@keyframes homeEightFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeEightFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-eight-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-eight-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-eight-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* TABLE WRAPPER */
.home-eight-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-eight-table {
    margin: 0;
    color: #fff;
}

.home-eight-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-eight-table thead th {
    color: #000;
    font-size: 18px;
    font-weight: 800;
    padding: 22px;
    border: none;
    white-space: nowrap;
}

.home-eight-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-eight-table tbody tr:hover {
    background: #1a1a1a;
}

.home-eight-table tbody td {
    padding: 22px;
    border: none;
    color: #d9d9d9;
    font-size: 15px;
    line-height: 1.8;
}

/* EXCHANGE TAG */
.home-eight-exchange {
    display: inline-block;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #d4af37;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 14px;
}

/* LEAGUES */
/* =========================
   PRO LEAGUES DESIGN
========================= */

.home-eight-leagues {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 22px;
}

/* CARD */
.home-eight-league-card {
    position: relative;
    width: 180px;
    background: linear-gradient(145deg, #0d0d0d, #151515);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 24px;
    padding: 24px 18px;
    text-align: center;
    overflow: hidden;
    transition: .4s ease;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

/* GOLD GLOW */
.home-eight-league-card::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.06);
    border-radius: 50%;
    top: -120px;
    right: -120px;
    transition: .5s ease;
}

/* HOVER */
.home-eight-league-card:hover {
    transform: translateY(-10px) scale(1.03);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

.home-eight-league-card:hover::before {
    background: rgba(212, 175, 55, 0.12);
}

/* LOGO */
.home-eight-league-card img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 18px;
    transition: .4s ease;
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.15));
}

.home-eight-league-card:hover img {
    transform: scale(1.08) rotate(3deg);
}

/* TEXT */
.home-eight-league-card span {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .5px;
    transition: .3s ease;
}

.home-eight-league-card:hover span {
    color: #d4af37;
}

/* MOBILE */
@media(max-width:768px) {

    .home-eight-leagues {
        gap: 16px;
    }

    .home-eight-league-card {
        width: 155px;
        padding: 20px 15px;
    }

    .home-eight-league-card img {
        width: 58px;
        height: 58px;
    }

    .home-eight-league-card span {
        font-size: 15px;
    }

}

@media(max-width:480px) {

    .home-eight-league-card {
        width: 140px;
        border-radius: 20px;
        padding: 18px 12px;
    }

    .home-eight-league-card img {
        width: 50px;
        height: 50px;
    }

    .home-eight-league-card span {
        font-size: 14px;
    }

}

/* BOTTOM BOX */
.home-eight-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 45px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-eight-bottom-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

.home-eight-bottom-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

.home-eight-bottom-box p {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 35px;
}

/* BUTTON */
.home-eight-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-eight-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-eight-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-eight-title {
        font-size: 30px;
    }

    .home-eight-subtitle {
        font-size: 15px;
    }

    .home-eight-table-wrapper {
        padding: 15px;
    }

    .home-eight-table thead th {
        padding: 16px 12px;
        font-size: 15px;
    }

    .home-eight-table tbody td {
        padding: 16px 12px;
        font-size: 14px;
    }

    .home-eight-bottom-box {
        padding: 30px 25px;
    }

    .home-eight-bottom-box h3 {
        font-size: 28px;
    }

    .home-eight-bottom-box p {
        font-size: 15px;
    }

}

/*home page 9*/
/* =========================
   ALL 4 EXCHANGES SECTION
========================= */

.home-nine-exchange-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-nine-glow-one,
.home-nine-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-nine-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeNineFloat 8s ease-in-out infinite;
}

.home-nine-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeNineFloatTwo 10s ease-in-out infinite;
}

@keyframes homeNineFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeNineFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-nine-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-nine-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* CARD */
.home-nine-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
    position: relative;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-nine-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* IMAGE */
.home-nine-card-image {
    overflow: hidden;
}

.home-nine-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.home-nine-card:hover .home-nine-card-image img {
    transform: scale(1.08);
}

/* CONTENT */
.home-nine-card-content {
    padding: 35px;
}

.home-nine-card-content h3 {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    line-height: 1.3;
    margin-bottom: 25px;
}

.home-nine-card-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BEST FOR */
.home-nine-bestfor {
    margin-top: 25px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 18px;
    padding: 18px 22px;
    color: #fff;
    line-height: 1.8;
    font-size: 15px;
}

.home-nine-bestfor strong {
    color: #d4af37;
}

/* BOTTOM BOX */
.home-nine-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.home-nine-bottom-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HEADING */
.home-nine-bottom-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 30px;
}

/* BUTTON */
.home-nine-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-nine-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-nine-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-nine-title {
        font-size: 30px;
    }

    .home-nine-card-content {
        padding: 25px;
    }

    .home-nine-card-content h3 {
        font-size: 24px;
    }

    .home-nine-card-content p {
        font-size: 14px;
    }

    .home-nine-card-image img {
        height: 220px;
    }

    .home-nine-bottom-box {
        padding: 30px 25px;
    }

    .home-nine-bottom-box h3 {
        font-size: 28px;
    }

}

/*home page 10*/
/* =========================
   SPORTS BETTING SECTION
========================= */

.home-ten-sports-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-ten-glow-one,
.home-ten-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-ten-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTenFloat 8s ease-in-out infinite;
}

.home-ten-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-ten-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-ten-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-ten-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* CARD */
.home-ten-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-ten-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* IMAGE */
.home-ten-image {
    overflow: hidden;
}

.home-ten-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.home-ten-card:hover .home-ten-image img {
    transform: scale(1.08);
}

/* CONTENT */
.home-ten-content {
    padding: 35px;
}

.home-ten-content h3 {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 22px;
}

.home-ten-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* TAGS */
.home-ten-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.home-ten-tags span {
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #d4af37;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
}

.home-ten-tags span:hover {
    background: #d4af37;
    color: #000;
}

/* WIDE CARD */
.home-ten-wide-card {
    padding: 25px;
}

/* BUTTON */
.home-ten-btn {
    display: inline-block;
    margin-top: 10px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 16px 34px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-ten-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-ten-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-ten-title {
        font-size: 30px;
    }

    .home-ten-subtitle {
        font-size: 15px;
    }

    .home-ten-content {
        padding: 25px;
    }

    .home-ten-content h3 {
        font-size: 24px;
    }

    .home-ten-content p {
        font-size: 14px;
    }

    .home-ten-image img {
        height: 220px;
    }

    .home-ten-wide-card {
        padding: 15px;
    }

}

/*home page 11*/
/* =========================
   MAHADEV CASINO SECTION
========================= */

.home-eleven-casino-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-eleven-glow-one,
.home-eleven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-eleven-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeElevenFloat 8s ease-in-out infinite;
}

.home-eleven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeElevenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeElevenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeElevenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-eleven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-eleven-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-eleven-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* CARD */
.home-eleven-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-eleven-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* IMAGE */
.home-eleven-image {
    overflow: hidden;
}

.home-eleven-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.home-eleven-card:hover .home-eleven-image img {
    transform: scale(1.08);
}

/* CONTENT */
.home-eleven-content {
    padding: 35px;
}

.home-eleven-content h3 {
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 22px;
}

.home-eleven-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BUTTON */
.home-eleven-btn {
    display: inline-block;
    margin-top: 10px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 16px 34px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-eleven-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-eleven-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-eleven-title {
        font-size: 30px;
    }

    .home-eleven-subtitle {
        font-size: 15px;
    }

    .home-eleven-content {
        padding: 25px;
    }

    .home-eleven-content h3 {
        font-size: 24px;
    }

    .home-eleven-content p {
        font-size: 14px;
    }

    .home-eleven-image img {
        height: 220px;
    }

}

/*home page 12*/
/* =========================
   DOWNLOAD APP SECTION
========================= */

.home-twelve-app-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-twelve-glow-one,
.home-twelve-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twelve-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwelveFloat 8s ease-in-out infinite;
}

.home-twelve-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwelveFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwelveFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwelveFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twelve-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twelve-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* TEXT */
.home-twelve-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* INFO BOXES */
.home-twelve-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 35px;
    margin-bottom: 40px;
}

.home-twelve-info-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 20px;
    padding: 20px 25px;
    min-width: 130px;
    transition: .4s ease;
}

.home-twelve-info-box:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.2);
}

.home-twelve-info-box span {
    display: block;
    color: #d4af37;
    font-size: 14px;
    margin-bottom: 8px;
}

.home-twelve-info-box h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

/* BUTTON */
.home-twelve-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-twelve-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* IMAGE */
.home-twelve-app-image {
    position: relative;
    text-align: center;
}

.home-twelve-app-image img {
    max-width: 100%;
    border-radius: 30px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

/* FLOATING ICONS */
.home-twelve-floating {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 28px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.3);
    animation: homeTwelveBounce 3s infinite ease-in-out;
}

.home-twelve-one {
    top: 10%;
    left: -20px;
}

.home-twelve-two {
    bottom: 20%;
    right: -20px;
}

.home-twelve-three {
    top: 50%;
    right: -30px;
}

/* FLOAT ANIMATION */
@keyframes homeTwelveBounce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* MOBILE */
@media(max-width:991px) {

    .home-twelve-title {
        font-size: 38px;
    }

    .home-twelve-app-image {
        margin-top: 40px;
    }

}

@media(max-width:576px) {

    .home-twelve-title {
        font-size: 30px;
    }

    .home-twelve-text {
        font-size: 15px;
    }

    .home-twelve-info-wrapper {
        gap: 15px;
    }

    .home-twelve-info-box {
        width: calc(50% - 10px);
        min-width: auto;
        padding: 18px;
    }

    .home-twelve-info-box h4 {
        font-size: 18px;
    }

    .home-twelve-floating {
        width: 55px;
        height: 55px;
        font-size: 22px;
    }

}

/*home page 13*/
/* =========================
   APP DOWNLOAD GUIDE
========================= */

.home-thirteen-download-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-thirteen-glow-one,
.home-thirteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-thirteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeThirteenFloat 8s ease-in-out infinite;
}

.home-thirteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeThirteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeThirteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeThirteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-thirteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-thirteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* CARD */
.home-thirteen-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-thirteen-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* INNER GLOW */
.home-thirteen-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */
.home-thirteen-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    margin-bottom: 25px;
    color: #000;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

.home-thirteen-icon.android {
    animation: homeThirteenBounce 3s infinite ease-in-out;
}

.home-thirteen-icon.ios {
    animation: homeThirteenBounce 4s infinite ease-in-out;
}

/* BOUNCE */
@keyframes homeThirteenBounce {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* HEADING */
.home-thirteen-card h3 {
    font-size: 32px;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 22px;
}

/* TEXT */
.home-thirteen-card p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* STEPS */
.home-thirteen-steps {
    margin-top: 30px;
}

.home-thirteen-step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    background: #0c0c0c;
    border: 1px solid rgba(212, 175, 55, 0.12);
    padding: 18px;
    border-radius: 18px;
    margin-bottom: 16px;
    color: #d0d0d0;
    line-height: 1.8;
    transition: .3s;
}

.home-thirteen-step:hover {
    border-color: #d4af37;
    transform: translateX(5px);
}

/* STEP NUMBER */
.home-thirteen-step span {
    min-width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
}

/* BUTTON */
.home-thirteen-btn {
    display: inline-block;
    margin-top: 25px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-thirteen-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-thirteen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-thirteen-title {
        font-size: 30px;
    }

    .home-thirteen-card {
        padding: 25px;
    }

    .home-thirteen-card h3 {
        font-size: 24px;
    }

    .home-thirteen-card p {
        font-size: 14px;
    }

    .home-thirteen-step {
        font-size: 14px;
        padding: 15px;
    }

    .home-thirteen-icon {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }

}

/*home page 14*/
/* =========================
   APP VS BROWSER SECTION
========================= */

.home-fourteen-compare-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-fourteen-glow-one,
.home-fourteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-fourteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeFourteenFloat 8s ease-in-out infinite;
}

.home-fourteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeFourteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeFourteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeFourteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-fourteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-fourteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* TABLE WRAPPER */
.home-fourteen-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-fourteen-table {
    margin: 0;
    color: #fff;
}

.home-fourteen-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-fourteen-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.home-fourteen-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-fourteen-table tbody tr:hover {
    background: #1a1a1a;
}

.home-fourteen-table tbody td {
    padding: 22px;
    border: none;
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.8;
}

/* GOOD */
.home-fourteen-good {
    color: #00ff99;
    font-weight: 700;
}

/* BAD */
.home-fourteen-bad {
    color: #ff4d4d;
    font-weight: 700;
}

/* CHECK */
.home-fourteen-check {
    font-size: 22px;
}

/* CROSS */
.home-fourteen-cross {
    font-size: 22px;
}

/* BOTTOM BOX */
.home-fourteen-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.home-fourteen-bottom-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HEADING */
.home-fourteen-bottom-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* TEXT */
.home-fourteen-bottom-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* BUTTON */
.home-fourteen-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-fourteen-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-fourteen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-fourteen-title {
        font-size: 30px;
    }

    .home-fourteen-table-wrapper {
        padding: 15px;
    }

    .home-fourteen-table thead th {
        padding: 16px 12px;
        font-size: 15px;
    }

    .home-fourteen-table tbody td {
        padding: 16px 12px;
        font-size: 14px;
    }

    .home-fourteen-bottom-box {
        padding: 30px 25px;
    }

    .home-fourteen-bottom-box h3 {
        font-size: 28px;
    }

    .home-fourteen-bottom-box p {
        font-size: 14px;
    }

}

/*home page 15*/
/* =========================
   FAKE APK WARNING SECTION
========================= */

.home-fifteen-warning-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-fifteen-glow-one,
.home-fifteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-fifteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeFifteenFloat 8s ease-in-out infinite;
}

.home-fifteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeFifteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeFifteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeFifteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-fifteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-fifteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-fifteen-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* ALERT BOX */
.home-fifteen-alert-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 25px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* ALERT ICON */
.home-fifteen-alert-icon {
    width: 90px;
    height: 90px;
    min-width: 90px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 40px;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.25);
    animation: homeFifteenPulse 2.5s infinite;
}

/* PULSE */
@keyframes homeFifteenPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}

/* ALERT TEXT */
.home-fifteen-alert-content h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin: 0;
}

/* CARD */
.home-fifteen-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-fifteen-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* INNER GLOW */
.home-fifteen-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* NUMBER */
.home-fifteen-number {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */
.home-fifteen-card h3 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 22px;
}

/* TEXT */
.home-fifteen-card p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BOTTOM BOX */
.home-fifteen-bottom-box {
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.2);
    border-radius: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-fifteen-bottom-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255, 193, 7, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* BOTTOM TITLE */
.home-fifteen-bottom-box h3 {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* BOTTOM TEXT */
.home-fifteen-bottom-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* BUTTON */
.home-fifteen-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 24px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-fifteen-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-fifteen-title {
        font-size: 38px;
    }

    .home-fifteen-alert-content h3 {
        font-size: 30px;
    }

}

@media(max-width:576px) {

    .home-fifteen-title {
        font-size: 30px;
    }

    .home-fifteen-subtitle {
        font-size: 15px;
    }

    .home-fifteen-alert-box {
        flex-direction: column;
        text-align: center;
        padding: 25px;
    }

    .home-fifteen-alert-content h3 {
        font-size: 24px;
    }

    .home-fifteen-card {
        padding: 25px;
    }

    .home-fifteen-card h3 {
        font-size: 24px;
    }

    .home-fifteen-card p {
        font-size: 14px;
    }

    .home-fifteen-bottom-box {
        padding: 30px 25px;
    }

    .home-fifteen-bottom-box h3 {
        font-size: 28px;
    }

    .home-fifteen-bottom-box p {
        font-size: 14px;
    }

}

/*home page 16*/
/* =========================
   BONUS SECTION
========================= */

.home-sixteen-bonus-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-sixteen-glow-one,
.home-sixteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-sixteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeSixteenFloat 8s ease-in-out infinite;
}

.home-sixteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeSixteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeSixteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeSixteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-sixteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-sixteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* TABLE WRAPPER */
.home-sixteen-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-sixteen-table {
    margin: 0;
    color: #fff;
}

.home-sixteen-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-sixteen-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
}

.home-sixteen-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-sixteen-table tbody tr:hover {
    background: #1a1a1a;
}

.home-sixteen-table tbody td {
    padding: 22px;
    border: none;
    color: #d0d0d0;
    font-size: 16px;
}

/* BONUS */
.home-sixteen-bonus {
    color: #00ff99;
    font-weight: 800;
    font-size: 18px;
}

/* AUTO BOX */
.home-sixteen-auto-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-sixteen-auto-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */
.home-sixteen-auto-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    margin: 0 auto 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */
.home-sixteen-auto-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 15px;
}

/* TEXT */
.home-sixteen-auto-box p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.8;
}

/* CARDS */
.home-sixteen-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    transition: .4s ease;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-sixteen-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* CARD ICON */
.home-sixteen-card-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin: 0 auto 25px;
}

/* CARD TITLE */
.home-sixteen-card h3 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* CARD TEXT */
.home-sixteen-card p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
}

/* BUTTON */
.home-sixteen-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-sixteen-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-sixteen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-sixteen-title {
        font-size: 30px;
    }

    .home-sixteen-table-wrapper {
        padding: 15px;
    }

    .home-sixteen-table thead th {
        font-size: 15px;
        padding: 16px 12px;
    }

    .home-sixteen-table tbody td {
        font-size: 14px;
        padding: 16px 12px;
    }

    .home-sixteen-auto-box {
        padding: 30px 25px;
    }

    .home-sixteen-auto-box h3 {
        font-size: 28px;
    }

    .home-sixteen-card {
        padding: 25px;
    }

    .home-sixteen-card h3 {
        font-size: 24px;
    }

}

/*home page 17*/
/* =========================
   SECURITY SECTION
========================= */

.home-seventeen-security-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-seventeen-glow-one,
.home-seventeen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-seventeen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeSeventeenFloat 8s ease-in-out infinite;
}

.home-seventeen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeSeventeenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeSeventeenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeSeventeenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-seventeen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-seventeen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* CARD */
.home-seventeen-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    height: 100%;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-seventeen-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* INNER GLOW */
.home-seventeen-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */
.home-seventeen-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */
.home-seventeen-card h3 {
    font-size: 30px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 22px;
    line-height: 1.4;
}

/* TEXT */
.home-seventeen-card p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* WARNING BOX */
.home-seventeen-warning-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-seventeen-warning-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255, 193, 7, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* WARNING ICON */
.home-seventeen-warning-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin: auto;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
    animation: homeSeventeenPulse 2.5s infinite;
}

/* PULSE */
@keyframes homeSeventeenPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}

/* WARNING TITLE */
.home-seventeen-warning-box h3 {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* WARNING TEXT */
.home-seventeen-warning-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
}

/* MOBILE */
@media(max-width:991px) {

    .home-seventeen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-seventeen-title {
        font-size: 30px;
    }

    .home-seventeen-card {
        padding: 25px;
    }

    .home-seventeen-card h3 {
        font-size: 24px;
    }

    .home-seventeen-card p {
        font-size: 14px;
    }

    .home-seventeen-warning-box {
        padding: 30px 25px;
        text-align: center;
    }

    .home-seventeen-warning-box h3 {
        font-size: 28px;
        margin-top: 25px;
    }

    .home-seventeen-warning-box p {
        font-size: 14px;
    }

    .home-seventeen-warning-icon {
        width: 80px;
        height: 80px;
        font-size: 34px;
    }

}

/*home page 18*/
/* =========================
   PLATFORM HISTORY SECTION
========================= */

.home-eighteen-history-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-eighteen-glow-one,
.home-eighteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-eighteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeEighteenFloat 8s ease-in-out infinite;
}

.home-eighteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeEighteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeEighteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeEighteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-eighteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-eighteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-eighteen-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* TABLE WRAPPER */
.home-eighteen-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-eighteen-table {
    margin: 0;
    color: #fff;
}

.home-eighteen-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-eighteen-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.home-eighteen-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-eighteen-table tbody tr:hover {
    background: #1a1a1a;
}

.home-eighteen-table tbody td {
    padding: 22px;
    border: none;
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
}

/* YEAR */
.home-eighteen-year {
    display: inline-block;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #d4af37;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 800;
    font-size: 15px;
}

/* HIGHLIGHT BOX */
.home-eighteen-highlight-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 45px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-eighteen-highlight-box::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -140px;
    right: -140px;
}

/* ICON */
.home-eighteen-highlight-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin: 0 auto 30px;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
    animation: homeEighteenPulse 2.5s infinite;
}

/* PULSE */
@keyframes homeEighteenPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}

/* HEADING */
.home-eighteen-highlight-box h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 20px;
}

/* TEXT */
.home-eighteen-highlight-box p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */
@media(max-width:991px) {

    .home-eighteen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-eighteen-title {
        font-size: 30px;
    }

    .home-eighteen-subtitle {
        font-size: 15px;
    }

    .home-eighteen-table-wrapper {
        padding: 15px;
    }

    .home-eighteen-table thead th {
        padding: 16px 12px;
        font-size: 15px;
    }

    .home-eighteen-table tbody td {
        padding: 16px 12px;
        font-size: 14px;
    }

    .home-eighteen-highlight-box {
        padding: 30px 25px;
    }

    .home-eighteen-highlight-box h3 {
        font-size: 28px;
    }

    .home-eighteen-highlight-box p {
        font-size: 14px;
    }

    .home-eighteen-highlight-icon {
        width: 80px;
        height: 80px;
        font-size: 34px;
    }

}

/*home page 19*/
/* =========================
   DEPOSIT METHODS SECTION
========================= */

.home-nineteen-deposit-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-nineteen-glow-one,
.home-nineteen-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-nineteen-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeNineteenFloat 8s ease-in-out infinite;
}

.home-nineteen-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeNineteenFloatTwo 10s ease-in-out infinite;
}

@keyframes homeNineteenFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeNineteenFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-nineteen-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-nineteen-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-nineteen-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* TABLE WRAPPER */
.home-nineteen-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-nineteen-table {
    margin: 0;
    color: #fff;
}

.home-nineteen-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-nineteen-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
    white-space: nowrap;
}

.home-nineteen-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-nineteen-table tbody tr:hover {
    background: #1a1a1a;
}

.home-nineteen-table tbody td {
    padding: 22px;
    border: none;
    color: #d0d0d0;
    font-size: 15px;
    vertical-align: middle;
}

/* METHOD */
.home-nineteen-method {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
}

.home-nineteen-method img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    border-radius: 10px;
    background: #fff;
    padding: 4px;
}

/* FAST */
.home-nineteen-fast {
    color: #00ff99;
    font-weight: 700;
}

/* INFO BOX */
.home-nineteen-info-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-nineteen-info-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */
.home-nineteen-info-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    margin: auto;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
    animation: homeNineteenPulse 2.5s infinite;
}

/* PULSE */
@keyframes homeNineteenPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}

/* INFO TITLE */
.home-nineteen-info-box h3 {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* INFO TEXT */
.home-nineteen-info-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* WARNING BOX */
.home-nineteen-warning-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 30px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* WARNING ICON */
.home-nineteen-warning-icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    margin: 0 auto 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

/* WARNING TITLE */
.home-nineteen-warning-box h3 {
    font-size: 36px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 20px;
}

/* WARNING TEXT */
.home-nineteen-warning-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 15px;
}

/* BUTTON */
.home-nineteen-btn {
    display: inline-block;
    margin-top: 20px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 36px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-nineteen-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-nineteen-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-nineteen-title {
        font-size: 30px;
    }

    .home-nineteen-subtitle {
        font-size: 15px;
    }

    .home-nineteen-table-wrapper {
        padding: 15px;
    }

    .home-nineteen-table thead th {
        padding: 16px 12px;
        font-size: 15px;
    }

    .home-nineteen-table tbody td {
        padding: 16px 12px;
        font-size: 14px;
    }

    .home-nineteen-info-box {
        padding: 30px 25px;
        text-align: center;
    }

    .home-nineteen-info-box h3 {
        font-size: 28px;
        margin-top: 20px;
    }

    .home-nineteen-info-box p {
        font-size: 14px;
    }

    .home-nineteen-warning-box {
        padding: 30px 25px;
    }

    .home-nineteen-warning-box h3 {
        font-size: 28px;
    }

    .home-nineteen-warning-box p {
        font-size: 14px;
    }

}

/*home page 20*/
/* =========================
   PLATFORM GLANCE SECTION
========================= */

.home-twenty-platform-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-twenty-glow-one,
.home-twenty-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twenty-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyFloat 8s ease-in-out infinite;
}

.home-twenty-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twenty-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twenty-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* TABLE WRAPPER */
.home-twenty-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 25px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */
.home-twenty-table {
    margin: 0;
    color: #fff;
}

.home-twenty-table thead tr {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.home-twenty-table thead th {
    color: #000;
    border: none;
    padding: 22px;
    font-size: 18px;
    font-weight: 800;
}

.home-twenty-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: .3s;
}

.home-twenty-table tbody tr:hover {
    background: #1a1a1a;
}

.home-twenty-table tbody td {
    padding: 22px;
    border: none;
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
}

/* HIGHLIGHTS */
.home-twenty-highlight {
    color: #d4af37;
    font-weight: 800;
}

.home-twenty-users {
    color: #00ff99;
    font-weight: 800;
}

.home-twenty-money {
    color: #00ff99;
    font-weight: 800;
}

.home-twenty-fast {
    color: #00ff99;
    font-weight: 700;
}

/* BOTTOM BOX */
.home-twenty-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twenty-bottom-box::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HEADING */
.home-twenty-bottom-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* TEXT */
.home-twenty-bottom-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* BUTTON */
.home-twenty-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 13px 25px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-twenty-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-twenty-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-twenty-title {
        font-size: 30px;
    }

    .home-twenty-table-wrapper {
        padding: 15px;
    }

    .home-twenty-table thead th {
        font-size: 15px;
        padding: 16px 12px;
    }

    .home-twenty-table tbody td {
        font-size: 14px;
        padding: 16px 12px;
    }

    .home-twenty-bottom-box {
        padding: 30px 25px;
        text-align: center;
    }

    .home-twenty-bottom-box h3 {
        font-size: 28px;
    }

    .home-twenty-bottom-box p {
        font-size: 14px;
    }

}

/*home page 21*/
/* =========================
   BLOG SECTION
========================= */

.home-twentyone-blog-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-twentyone-glow-one,
.home-twentyone-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twentyone-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyOneFloat 8s ease-in-out infinite;
}

.home-twentyone-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyOneFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyOneFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyOneFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twentyone-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twentyone-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-twentyone-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* CARD */
.home-twentyone-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    overflow: hidden;
    height: 100%;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyone-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* IMAGE */
.home-twentyone-image {
    overflow: hidden;
}

.home-twentyone-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s ease;
}

.home-twentyone-card:hover .home-twentyone-image img {
    transform: scale(1.08);
}

/* CONTENT */
.home-twentyone-content {
    padding: 35px;
}

/* META */
.home-twentyone-meta {
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 18px;
}

/* HEADING */
.home-twentyone-content h3 {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 20px;
}

/* TEXT */
.home-twentyone-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* READ MORE */
.home-twentyone-readmore {
    display: inline-block;
    color: #d4af37;
    text-decoration: none;
    font-weight: 800;
    transition: .3s ease;
}

.home-twentyone-readmore:hover {
    color: #fff;
    transform: translateX(5px);
}

/* BUTTON */
.home-twentyone-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-twentyone-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-twentyone-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-twentyone-title {
        font-size: 30px;
    }

    .home-twentyone-subtitle {
        font-size: 15px;
    }

    .home-twentyone-content {
        padding: 25px;
    }

    .home-twentyone-content h3 {
        font-size: 24px;
    }

    .home-twentyone-content p {
        font-size: 14px;
    }

    .home-twentyone-image img {
        height: 220px;
    }

}

/*home page 22*/
/* =========================
   USER EXPERIENCE SECTION
========================= */

.home-twentytwo-review-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECTS */
.home-twentytwo-glow-one,
.home-twentytwo-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twentytwo-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyTwoFloat 8s ease-in-out infinite;
}

.home-twentytwo-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyTwoFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyTwoFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyTwoFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twentytwo-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twentytwo-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* CARD */
.home-twentytwo-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentytwo-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

/* INNER GLOW */
.home-twentytwo-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* TOP */
.home-twentytwo-top {
    margin-bottom: 25px;
}

/* STARS */
.home-twentytwo-stars {
    font-size: 24px;
    margin-bottom: 10px;
}

/* USER */
.home-twentytwo-user {
    color: #d4af37;
    font-size: 18px;
    font-weight: 800;
}

/* QUOTE */
.home-twentytwo-quote {
    font-size: 45px;
    color: #d4af37;
    margin-bottom: 20px;
    opacity: .3;
}

/* TEXT */
.home-twentytwo-card p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BOTTOM BOX */
.home-twentytwo-bottom-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 50px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentytwo-bottom-box::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -140px;
    right: -140px;
}

/* ICON */
.home-twentytwo-bottom-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin: 0 auto 30px;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
    animation: homeTwentyTwoPulse 2.5s infinite;
}

/* PULSE */
@keyframes homeTwentyTwoPulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }

    100% {
        transform: scale(1);
    }
}

/* HEADING */
.home-twentytwo-bottom-box h3 {
    font-size: 40px;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 20px;
}

/* TEXT */
.home-twentytwo-bottom-box p {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 1.9;
    margin-bottom: 30px;
}

/* BUTTON */
.home-twentytwo-btn {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 50px;
    font-weight: 800;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.home-twentytwo-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.35),
        0 0 60px rgba(212, 175, 55, 0.18);
}

/* MOBILE */
@media(max-width:991px) {

    .home-twentytwo-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-twentytwo-title {
        font-size: 30px;
    }

    .home-twentytwo-card {
        padding: 25px;
    }

    .home-twentytwo-user {
        font-size: 16px;
    }

    .home-twentytwo-card p {
        font-size: 14px;
    }

    .home-twentytwo-bottom-box {
        padding: 35px 25px;
    }

    .home-twentytwo-bottom-box h3 {
        font-size: 28px;
    }

    .home-twentytwo-bottom-box p {
        font-size: 15px;
    }

    .home-twentytwo-bottom-icon {
        width: 80px;
        height: 80px;
        font-size: 34px;
    }

}

/*home page 23*/
/* =========================
   FAQ SECTION
========================= */

.home-twentythree-faq-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECT */
.home-twentythree-glow-one,
.home-twentythree-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twentythree-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyThreeFloat 8s ease-in-out infinite;
}

.home-twentythree-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyThreeFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyThreeFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyThreeFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twentythree-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twentythree-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* ACCORDION */
.home-twentythree-accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: transparent;
}

/* ITEM */
.home-twentythree-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18) !important;
    border-radius: 22px !important;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    transition: .4s ease;
}

.home-twentythree-item:hover {
    border-color: #d4af37 !important;
    box-shadow:
        0 0 25px rgba(212, 175, 55, 0.18),
        0 0 50px rgba(212, 175, 55, 0.08);
}

/* BUTTON */
.home-twentythree-button {
    background: #111 !important;
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
    padding: 28px 30px;
    box-shadow: none !important;
    border: none !important;
}

/* ACTIVE */
.home-twentythree-button:not(.collapsed) {
    color: #d4af37 !important;
}

/* ICON */
.home-twentythree-button::after {
    filter: brightness(0) invert(1);
}

/* BODY */
.home-twentythree-body {
    padding: 0 30px 30px;
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
}

/* MOBILE */
@media(max-width:991px) {

    .home-twentythree-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-twentythree-title {
        font-size: 30px;
    }

    .home-twentythree-button {
        font-size: 18px;
        padding: 22px 20px;
    }

    .home-twentythree-body {
        padding: 0 20px 25px;
        font-size: 14px;
    }

}

/*home page 24*/
/* =========================
   RESPONSIBLE GAMING SECTION
========================= */

.home-twentyfour-responsible-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECT */
.home-twentyfour-glow-one,
.home-twentyfour-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twentyfour-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyFourFloat 8s ease-in-out infinite;
}

.home-twentyfour-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyFourFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyFourFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyFourFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* BADGE */
.home-twentyfour-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* TITLE */
.home-twentyfour-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */
.home-twentyfour-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* CARD */
.home-twentyfour-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyfour-card:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.25),
        0 0 60px rgba(212, 175, 55, 0.12);
}

.home-twentyfour-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */
.home-twentyfour-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 25px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */
.home-twentyfour-card h3 {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* TEXT */
.home-twentyfour-card p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 15px;
}

/* ACTIVATION BOX */
.home-twentyfour-activation-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 30px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* ACTIVATION ICON */
.home-twentyfour-activation-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 45px;
    margin: 0 auto 25px;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.3);
}

/* ACTIVATION TITLE */
.home-twentyfour-activation-box h3 {
    font-size: 38px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 18px;
}

/* ACTIVATION TEXT */
.home-twentyfour-activation-box p {
    color: #d0d0d0;
    font-size: 17px;
    margin: 0;
}

/* HELP BOX */
.home-twentyfour-help-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 45px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* HELP TITLE */
.home-twentyfour-help-box h3 {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 35px;
}

/* HELP ITEM */
.home-twentyfour-help-item {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    margin-bottom: 30px;
}

.home-twentyfour-help-item:last-child {
    margin-bottom: 0;
}

/* HELP ICON */
.home-twentyfour-help-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

/* HELP HEAD */
.home-twentyfour-help-item h4 {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
    line-height: 1.5;
}

/* HELP TEXT */
.home-twentyfour-help-item p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */
@media(max-width:991px) {

    .home-twentyfour-title {
        font-size: 38px;
    }

}

@media(max-width:576px) {

    .home-twentyfour-title {
        font-size: 30px;
    }

    .home-twentyfour-subtitle {
        font-size: 15px;
    }

    .home-twentyfour-card {
        padding: 25px;
    }

    .home-twentyfour-card h3 {
        font-size: 24px;
    }

    .home-twentyfour-card p {
        font-size: 14px;
    }

    .home-twentyfour-activation-box {
        padding: 35px 25px;
    }

    .home-twentyfour-activation-box h3 {
        font-size: 28px;
    }

    .home-twentyfour-help-box {
        padding: 30px 25px;
    }

    .home-twentyfour-help-box h3 {
        font-size: 28px;
    }

    .home-twentyfour-help-item {
        flex-direction: column;
    }

    .home-twentyfour-help-item h4 {
        font-size: 20px;
    }

    .home-twentyfour-help-item p {
        font-size: 14px;
    }

}

/*home page 25*/
/* =========================
   AUTHOR + DISCLAIMER SECTION
========================= */

.home-twentyfive-author-section {
    background: #000;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
}

/* GLOW EFFECT */
.home-twentyfive-glow-one,
.home-twentyfive-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.home-twentyfive-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: homeTwentyFiveFloat 8s ease-in-out infinite;
}

.home-twentyfive-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: homeTwentyFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes homeTwentyFiveFloat {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(40px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes homeTwentyFiveFloatTwo {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* AUTHOR BOX */
.home-twentyfive-author-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 45px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyfive-author-box::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 350px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -150px;
    right: -150px;
}

/* AUTHOR IMAGE */
.home-twentyfive-author-image {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #d4af37;
    margin: auto;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
}

.home-twentyfive-author-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* BADGE */
.home-twentyfive-author-badge {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.12);
    border: 1px solid rgba(212, 175, 55, 0.3);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* AUTHOR CONTENT */
.home-twentyfive-author-content h2 {
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 12px;
}

.home-twentyfive-author-content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #d4af37;
    margin-bottom: 22px;
}

.home-twentyfive-author-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* REVIEW DATE */
.home-twentyfive-review-date {
    display: inline-block;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 800;
    margin-top: 10px;
}

/* CERTIFICATION */
.home-twentyfive-certification-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyfive-certification-item {
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 50px;
    padding: 15px 24px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-twentyfive-certification-item i {
    color: #d4af37;
}

/* PAYMENT */
.home-twentyfive-payment-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyfive-payment-item {
    width: 130px;
    background: #000;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 22px;
    padding: 20px;
    text-align: center;
    transition: .4s ease;
}

.home-twentyfive-payment-item:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.home-twentyfive-payment-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 12px;
}

.home-twentyfive-payment-item span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

/* DISCLAIMER */
.home-twentyfive-disclaimer-box {
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(255, 193, 7, 0.25);
    border-radius: 35px;
    padding: 50px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.home-twentyfive-disclaimer-box::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(255, 193, 7, 0.05);
    border-radius: 50%;
    top: -140px;
    right: -140px;
}

/* WARNING ICON */
.home-twentyfive-warning-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin-bottom: 30px;
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
}

/* DISCLAIMER TITLE */
.home-twentyfive-disclaimer-box h3 {
    font-size: 42px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
}

/* DISCLAIMER TEXT */
.home-twentyfive-disclaimer-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* FINAL WARNING */
.home-twentyfive-final-warning {
    color: #d4af37 !important;
    font-size: 22px !important;
    font-weight: 800;
    margin-top: 30px;
}

/* MOBILE */
@media(max-width:991px) {

    .home-twentyfive-author-content {
        text-align: center;
    }

    .home-twentyfive-author-content h2 {
        font-size: 34px;
    }

}

@media(max-width:576px) {

    .home-twentyfive-author-box {
        padding: 30px 25px;
    }

    .home-twentyfive-author-image {
        width: 170px;
        height: 170px;
    }

    .home-twentyfive-author-content h2 {
        font-size: 28px;
    }

    .home-twentyfive-author-content h3 {
        font-size: 20px;
    }

    .home-twentyfive-author-content p {
        font-size: 14px;
    }

    .home-twentyfive-review-date {
        font-size: 14px;
        padding: 12px 22px;
    }

    .home-twentyfive-certification-box,
    .home-twentyfive-payment-box {
        padding: 25px;
    }

    .home-twentyfive-certification-item {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .home-twentyfive-payment-item {
        width: 45%;
    }

    .home-twentyfive-disclaimer-box {
        padding: 35px 25px;
    }

    .home-twentyfive-disclaimer-box h3 {
        font-size: 30px;
    }

    .home-twentyfive-disclaimer-box p {
        font-size: 14px;
    }

    .home-twentyfive-final-warning {
        font-size: 18px !important;
    }

}








/* id section  */


/* id section 1 */
/* =========================
   ID ONE SECTION
========================= */

.id-one-section {
    position: relative;
    padding: 50px 0;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #111111 45%, #1a1205 100%);
    overflow: hidden;
}

/* GOLD SHINE */
.id-one-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.08),
            transparent);
    transform: skewX(-20deg);
    animation: idOneShine 8s linear infinite;
}

@keyframes idOneShine {
    100% {
        left: 150%;
    }
}

/* TAG */
.id-one-tag {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 50px;
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 25px;
    background: rgba(212, 175, 55, 0.06);
    backdrop-filter: blur(10px);
}

/* TITLE */
.id-one-title {
    font-size: 54px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
}

.id-one-title span {
    color: #d4af37;
}

/* TEXT */
.id-one-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}

/* BUTTON */
.id-one-btn-wrap {
    margin-top: 40px;
}

.id-one-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px 38px;
    background: linear-gradient(135deg, #d4af37, #ffdf70);
    color: #000;
    font-size: 17px;
    font-weight: 700;
    border-radius: 60px;
    text-decoration: none;
    transition: .35s ease;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

.id-one-btn:hover {
    transform: translateY(-6px) scale(1.03);
    color: #000;
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.45);
}

/* IMAGE */
.id-one-image {
    position: relative;
    text-align: center;
}

.id-one-image-box {
    position: relative;
    display: inline-block;
}

.id-one-image-box img {
    width: 100%;
    max-width: 460px;
    border-radius: 25px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow:
        0 0 40px rgba(212, 175, 55, 0.15),
        0 0 80px rgba(212, 175, 55, 0.08);
    animation: idFloat 5s ease-in-out infinite;
}

/* FLOAT ANIMATION */
@keyframes idFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }
}

/* FLOATING EXCHANGE CARDS */
.id-one-floating-card {
    position: absolute;
    background: rgba(15, 15, 15, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.28);
    color: #fff;
    padding: 12px 18px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
    animation: idCardFloat 4s ease-in-out infinite;
}

.id-one-floating-card span {
    color: #d4af37;
}

.card-one {
    top: 8%;
    left: -40px;
}

.card-two {
    top: 30%;
    right: -35px;
}

.card-three {
    bottom: 28%;
    left: -45px;
}

.card-four {
    bottom: 8%;
    right: -30px;
}

/* CARD FLOAT */
@keyframes idCardFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-one-section {
        padding: 80px 0;
        text-align: center;
    }

    .id-one-title {
        font-size: 42px;
    }

    .id-one-floating-card {
        display: none;
    }

    .id-one-image {
        margin-top: 40px;
    }
}

@media(max-width:768px) {

    .id-one-title {
        font-size: 34px;
    }

    .id-one-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .id-one-btn {
        width: 100%;
        padding: 16px 20px;
        font-size: 15px;
    }

    .id-one-image-box img {
        max-width: 100%;
    }
}

/* id section 2 */
/* =========================
   ID TWO SECTION
========================= */

.id-two-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom left, rgba(255, 215, 0, 0.06), transparent 35%),
        linear-gradient(135deg, #050505 0%, #0d0d0d 45%, #1a1205 100%);
}



/* TAG */
.id-two-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    background: rgba(212, 175, 55, 0.06);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-two-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 28px;
}

/* TEXT */
.id-two-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}

/* IMAGE WRAP */
.id-two-image-wrap {
    position: relative;
    text-align: center;
    z-index: 2;
}

/* GLOW */
.id-two-glow {
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(212, 175, 55, 0.18);
    filter: blur(120px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

/* IMAGE */
.id-two-image-wrap img {
    width: 100%;
    max-width: 420px;
    border-radius: 24px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow:
        0 0 40px rgba(212, 175, 55, 0.15),
        0 0 80px rgba(212, 175, 55, 0.08);
   
}



/* BADGES */
.id-two-badge {
    position: absolute;
    background: rgba(10, 10, 10, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.28);
    padding: 12px 18px;
    border-radius: 14px;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
   
}

.id-two-badge span {
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
}

.badge-one {
    top: 8%;
    left: -25px;
}

.badge-two {
    right: -20px;
    top: 38%;
}

.badge-three {
    bottom: 12%;
    left: -15px;
}



/* RESPONSIVE */
@media(max-width:991px) {

    .id-two-section {
        padding: 80px 0;
        text-align: center;
    }

    .id-two-title {
        font-size: 40px;
    }

    .id-two-badge {
        display: none;
    }

    .id-two-image-wrap {
        margin-bottom: 40px;
    }
}

@media(max-width:768px) {

    .id-two-title {
        font-size: 32px;
    }

    .id-two-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .id-two-image-wrap img {
        max-width: 100%;
    }
}

/* id section 3 */
/* =========================
   ID THREE SECTION
========================= */

.id-three-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.06), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* BACKGROUND LIGHT */
.id-three-section::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(212, 175, 55, 0.06);
    filter: blur(120px);
    top: -200px;
    right: -150px;
    border-radius: 50%;
}

/* TAG */
.id-three-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.28);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-three-title {
    font-size: 52px;
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 25px;
}

/* TEXT */
.id-three-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    max-width: 950px;
    margin: auto;
}

/* TABLE */
.id-three-table {
    background: rgba(10, 10, 10, 0.88);
    border: 1px solid rgba(212, 175, 55, 0.16);
    border-radius: 22px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 40px rgba(212, 175, 55, 0.08);
}

/* TABLE HEAD */
.id-three-table thead {
    background: linear-gradient(135deg, #d4af37, #ffdf70);
}

.id-three-table thead th {
    color: #000;
    font-size: 17px;
    font-weight: 800;
    padding: 22px 20px;
    border: none;
    white-space: nowrap;
}

/* BODY */
.id-three-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .35s;
}

.id-three-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.05);
}

.id-three-table tbody td {
    color: #f1f1f1;
    font-size: 16px;
    padding: 24px 20px;
    vertical-align: middle;
    border: none;
    line-height: 1.7;
}

/* EXCHANGE */
.id-three-exchange {
    display: flex;
    align-items: center;
    gap: 15px;
}

.id-three-exchange img {
    width: 80px;
    height: 50px;
    object-fit: contain;
    border-radius: 14px;
    background: #111;
    padding: 0px;
    border: 1px solid rgba(212, 175, 55, 0.18);
}

.id-three-exchange span {
    font-size: 17px;
    font-weight: 700;
    color: #d4af37;
}

/* SPEED */
.id-three-speed {
    display: inline-block;
    padding: 10px 18px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 50px;
    color: #ffd76a;
    font-size: 14px;
    font-weight: 700;
}

.id-three-speed.fast {
    background: rgba(255, 215, 0, 0.12);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.15);
}

/* BOTTOM */
.id-three-bottom {
    text-align: center;
    padding: 35px;
    border-radius: 24px;
    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.08),
            rgba(255, 215, 0, 0.03));
    border: 1px solid rgba(212, 175, 55, 0.16);
    backdrop-filter: blur(10px);
}

.id-three-bottom h3 {
    color: #fff;
    font-size: 34px;
    line-height: 1.5;
    margin: 0;
    font-weight: 800;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-three-section {
        padding: 80px 0;
    }

    .id-three-title {
        font-size: 40px;
    }

    .id-three-bottom h3 {
        font-size: 28px;
    }
}

@media(max-width:768px) {

    .id-three-title {
        font-size: 30px;
    }

    .id-three-text {
        font-size: 15px;
        line-height: 1.8;
    }

    .id-three-table thead th {
        font-size: 14px;
        padding: 16px 14px;
    }

    .id-three-table tbody td {
        font-size: 14px;
        padding: 18px 14px;
    }

    .id-three-exchange {
        gap: 10px;
    }

    .id-three-exchange img {
        width: 45px;
        height: 45px;
    }

    .id-three-exchange span {
        font-size: 14px;
    }

    .id-three-speed {
        font-size: 12px;
        padding: 8px 12px;
    }

    .id-three-bottom {
        padding: 24px 18px;
    }

    .id-three-bottom h3 {
        font-size: 22px;
    }
}

/* id section 4 */
/* =========================
   ID FOUR SECTION
========================= */

.id-four-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GLOW */
.id-four-section::before {
    content: '';
    position: absolute;
    width: 550px;
    height: 550px;
    background: rgba(212, 175, 55, 0.06);
    filter: blur(120px);
    top: -180px;
    right: -120px;
    border-radius: 50%;
}

/* TAG */
.id-four-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    background: rgba(212, 175, 55, 0.06);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-four-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

/* CARD */
.id-four-card {
    position: relative;
    height: 100%;
    padding: 35px;
    border-radius: 28px;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.95),
            rgba(10, 10, 10, 0.95));
    border: 1px solid rgba(212, 175, 55, 0.15);
    overflow: hidden;
    transition: .4s ease;
    backdrop-filter: blur(12px);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
}

/* CARD GLOW */
.id-four-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HOVER */
.id-four-card:hover {
    transform: translateY(-10px);
    border-color: rgba(212, 175, 55, 0.35);
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.12),
        0 0 60px rgba(212, 175, 55, 0.08);
}

/* TOP */
.id-four-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

/* ICON */
.id-four-icon {
    width: 75px;
    height: 75px;
    border-radius: 18px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.id-four-icon img {
    width: 75px;
    height: 75px;
    object-fit: contain;
}

/* STEP */
.id-four-step {
    padding: 10px 18px;
    border-radius: 50px;
    background: linear-gradient(135deg, #d4af37, #ffdf70);
    color: #000;
    font-size: 14px;
    font-weight: 800;
}

/* HEADING */
.id-four-card h3 {
    font-size: 28px;
    line-height: 1.4;
    color: #fff;
    margin-bottom: 22px;
    font-weight: 800;
}

/* TEXT */
.id-four-card p {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* WARNING */
.id-four-warning {
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(255, 193, 7, 0.08);
    border: 1px solid rgba(255, 193, 7, 0.18);
    color: #ffdf70;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* HIGHLIGHT */
.id-four-highlight {
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #d4af37;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* TIME BOX */
.id-four-time {
    margin-top: 20px;
    padding: 20px;
    border-radius: 18px;
    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.12),
            rgba(255, 215, 0, 0.05));
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
}

/* BUTTON */
.id-four-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 38px;
    border-radius: 60px;
    background: linear-gradient(135deg, #d4af37, #ffdf70);
    color: #000;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
    transition: .35s ease;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
}

.id-four-btn:hover {
    transform: translateY(-6px);
    color: #000;
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.35);
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-four-section {
        padding: 80px 0;
    }

    .id-four-title {
        font-size: 40px;
    }
}

@media(max-width:768px) {

    .id-four-title {
        font-size: 30px;
    }

    .id-four-card {
        padding: 25px;
    }

    .id-four-card h3 {
        font-size: 22px;
    }

    .id-four-card p,
    .id-four-warning,
    .id-four-highlight,
    .id-four-time {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-four-btn {
        width: 100%;
        padding: 16px 20px;
        font-size: 15px;
    }
}

/* id section 5 */
/* =========================
   ID FIVE SECTION
========================= */

.id-five-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* BACKGROUND GLOW */
.id-five-section::before {
    content: '';
    position: absolute;
    width: 550px;
    height: 550px;
    background: rgba(212, 175, 55, 0.06);
    filter: blur(130px);
    top: -200px;
    left: -150px;
    border-radius: 50%;
}

/* TAG */
.id-five-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-five-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin-bottom: 28px;
}

/* TEXT */
.id-five-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}

/* HIGHLIGHT */
.id-five-highlight {
    position: relative;
    padding: 24px 26px;
    margin: 30px 0;
    border-radius: 24px;
    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.12),
            rgba(255, 215, 0, 0.04));
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #ffdf70;
    font-size: 17px;
    line-height: 1.8;
    font-weight: 700;
    overflow: hidden;
}

/* STORY BOX */
.id-five-story {
    display: flex;
    gap: 22px;
    align-items: flex-start;
    padding: 28px;
    margin-top: 35px;
    border-radius: 28px;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.95),
            rgba(10, 10, 10, 0.95));
    border: 1px solid rgba(212, 175, 55, 0.16);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
}

/* STORY ICON */
.id-five-story-icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    border-radius: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.id-five-story-icon img {
    width: 85px;
    height: 85px;
    object-fit: contain;
}

/* STORY TEXT */
.id-five-story-content p {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 14px;
}

.id-five-story-content strong {
    color: #d4af37;
}

/* BOTTOM TEXT */
.id-five-bottom {
    margin-top: 35px;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.7;
}

/* IMAGE */
.id-five-image-wrap {
    position: relative;
    text-align: center;
}

.id-five-image-wrap img {
    width: 100%;
    max-width: 440px;
    border-radius: 28px;
}

/* MAIN IMAGE */
.id-five-image-wrap>img {
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow:
        0 0 40px rgba(212, 175, 55, 0.12),
        0 0 80px rgba(212, 175, 55, 0.06);
    animation: idFiveFloat 5s ease-in-out infinite;
}

/* FLOAT */
@keyframes idFiveFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }
}

/* FLOATING BOX */
.id-five-floating-box {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(10, 10, 10, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    animation: idFiveCard 4s ease-in-out infinite;
}

.id-five-floating-box img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.id-five-floating-box span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

/* POSITIONS */
.box-one {
    top: 8%;
    left: -20px;
}

.box-two {
    top: 42%;
    right: -20px;
}

.box-three {
    bottom: 10%;
    left: -10px;
}

/* FLOAT CARD */
@keyframes idFiveCard {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-five-section {
        padding: 80px 0;
        text-align: center;
    }

    .id-five-title {
        font-size: 40px;
    }

    .id-five-story {
        text-align: left;
    }

    .id-five-floating-box {
        display: none;
    }

    .id-five-image-wrap {
        margin-top: 40px;
    }
}

@media(max-width:768px) {

    .id-five-title {
        font-size: 30px;
    }

    .id-five-text,
    .id-five-highlight,
    .id-five-story-content p {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-five-story {
        flex-direction: column;
        padding: 24px;
    }

    .id-five-story-icon {
        margin: auto;
    }

    .id-five-bottom {
        font-size: 18px;
    }
}

/* id section 6 */
/* =========================
   ID SIX SECTION
========================= */

.id-six-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GLOW */
.id-six-section::before {
    content: '';
    position: absolute;
    width: 550px;
    height: 550px;
    background: rgba(212, 175, 55, 0.05);
    filter: blur(120px);
    top: -180px;
    right: -120px;
    border-radius: 50%;
}

/* TAG */
.id-six-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-six-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin-bottom: 28px;
}

/* TEXT */
.id-six-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 20px;
}

/* IMAGE */
.id-six-image-wrap {
    position: relative;
    text-align: center;
}

.id-six-image-wrap>img {
    width: 100%;
    max-width: 440px;
    border-radius: 28px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    box-shadow:
        0 0 40px rgba(212, 175, 55, 0.12),
        0 0 80px rgba(212, 175, 55, 0.06);
    animation: idSixFloat 5s ease-in-out infinite;
}

/* FLOAT */
@keyframes idSixFloat {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }
}

/* FLOATING CARDS */
.id-six-floating-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(10, 10, 10, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    animation: idSixCard 4s ease-in-out infinite;
}

.id-six-floating-card img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.id-six-floating-card span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

/* POSITION */
.card-one {
    top: 8%;
    left: -20px;
}

.card-two {
    top: 35%;
    right: -25px;
}

.card-three {
    bottom: 25%;
    left: -15px;
}

.card-four {
    bottom: 8%;
    right: -15px;
}

/* FLOAT */
@keyframes idSixCard {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* GRID */
.id-six-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-top: 35px;
}

/* BOX */
.id-six-box {
    text-align: center;
    padding: 24px 18px;
    border-radius: 22px;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.95),
            rgba(10, 10, 10, 0.95));
    border: 1px solid rgba(212, 175, 55, 0.14);
    transition: .35s ease;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
}

.id-six-box:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.35);
    box-shadow:
        0 0 30px rgba(212, 175, 55, 0.12),
        0 0 60px rgba(212, 175, 55, 0.06);
}

/* ICON */
.id-six-box img {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-bottom: 14px;
}

/* TEXT */
.id-six-box span {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

/* BUTTON */
.id-six-btn-wrap {
    margin-top: 40px;
}

.id-six-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 18px 38px;
    border-radius: 60px;
    background: linear-gradient(135deg, #d4af37, #ffdf70);
    color: #000;
    font-size: 17px;
    font-weight: 800;
    text-decoration: none;
    transition: .35s ease;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.2);
}

.id-six-btn:hover {
    transform: translateY(-6px);
    color: #000;
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.35);
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-six-section {
        padding: 80px 0;
        text-align: center;
    }

    .id-six-title {
        font-size: 40px;
    }

    .id-six-floating-card {
        display: none;
    }

    .id-six-image-wrap {
        margin-bottom: 40px;
    }
}

@media(max-width:768px) {

    .id-six-title {
        font-size: 30px;
    }

    .id-six-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-six-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .id-six-box {
        padding: 18px 12px;
    }

    .id-six-box img {
        width: 42px;
        height: 42px;
    }

    .id-six-box span {
        font-size: 13px;
    }

    .id-six-btn {
        width: 100%;
        padding: 16px 20px;
        font-size: 15px;
    }
}

/* id section 7 */
/* =========================
   ID SEVEN SECTION
========================= */

.id-seven-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GOLD GLOW */
.id-seven-section::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(212, 175, 55, 0.05);
    filter: blur(140px);
    top: -220px;
    right: -120px;
    border-radius: 50%;
}

/* TAG */
.id-seven-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-seven-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin-bottom: 24px;
}

/* TEXT */
.id-seven-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    max-width: 900px;
    margin: auto;
}

/* TABLE */
.id-seven-table {
    background: rgba(10, 10, 10, 0.92);
    border: 1px solid rgba(212, 175, 55, 0.14);
    border-radius: 24px;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 40px rgba(212, 175, 55, 0.08);
}

/* TABLE HEAD */
.id-seven-table thead {
    background: linear-gradient(135deg, #d4af37, #ffdf70);
}

.id-seven-table thead th {
    color: #000;
    font-size: 17px;
    font-weight: 800;
    padding: 22px 20px;
    border: none;
    white-space: nowrap;
}

/* ROW */
.id-seven-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .35s;
}

.id-seven-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.05);
}

/* TD */
.id-seven-table tbody td {
    color: #f1f1f1;
    font-size: 16px;
    padding: 24px 20px;
    vertical-align: middle;
    border: none;
    line-height: 1.7;
}

/* MARKET */
.id-seven-market,
.id-seven-exchange {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* ICON */
.id-seven-market img,
.id-seven-exchange img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    border-radius: 14px;
    background: #111;
    padding: 8px;
    border: 1px solid rgba(212, 175, 55, 0.16);
}

/* TEXT */
.id-seven-market span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.id-seven-exchange span {
    color: #d4af37;
    font-size: 16px;
    font-weight: 700;
}

/* SPEED */
.id-seven-speed {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #ffd76a;
    font-size: 14px;
    font-weight: 700;
}

.id-seven-speed.fast {
    background: rgba(255, 215, 0, 0.12);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.12);
}

/* BOTTOM */
.id-seven-bottom {
    text-align: center;
    padding: 40px;
    border-radius: 28px;
    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.08),
            rgba(255, 215, 0, 0.04));
    border: 1px solid rgba(212, 175, 55, 0.14);
    backdrop-filter: blur(10px);
}

.id-seven-bottom h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1.7;
    margin: 0;
    font-weight: 800;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-seven-section {
        padding: 80px 0;
    }

    .id-seven-title {
        font-size: 40px;
    }

    .id-seven-bottom h3 {
        font-size: 26px;
    }
}

@media(max-width:768px) {

    .id-seven-title {
        font-size: 30px;
    }

    .id-seven-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-seven-table thead th {
        font-size: 14px;
        padding: 16px 14px;
    }

    .id-seven-table tbody td {
        font-size: 13px;
        padding: 18px 14px;
    }

    .id-seven-market img,
    .id-seven-exchange img {
        width: 42px;
        height: 42px;
    }

    .id-seven-market span,
    .id-seven-exchange span {
        font-size: 13px;
    }

    .id-seven-speed {
        font-size: 12px;
        padding: 8px 12px;
    }

    .id-seven-bottom {
        padding: 28px 20px;
    }

    .id-seven-bottom h3 {
        font-size: 20px;
    }
}

/* id section 8 */
/* =========================
   ID EIGHT SECTION
========================= */

.id-eight-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GOLD GLOW */
.id-eight-section::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(212, 175, 55, 0.05);
    filter: blur(140px);
    top: -220px;
    left: -150px;
    border-radius: 50%;
}

/* TAG */
.id-eight-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-eight-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
    margin-bottom: 24px;
}

/* TEXT */
.id-eight-text {
    color: #d7d7d7;
    font-size: 17px;
    line-height: 1.9;
    max-width: 920px;
    margin: auto;
}

/* CARD */
.id-eight-card {
    position: relative;
    height: 100%;
    padding: 35px;
    border-radius: 28px;
    overflow: hidden;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.96),
            rgba(10, 10, 10, 0.96));
    border: 1px solid rgba(212, 175, 55, 0.14);
    transition: .35s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
}

/* GLOW */
.id-eight-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.04);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HOVER */
.id-eight-card:hover {
    transform: translateY(-10px);
    border-color: rgba(212, 175, 55, 0.3);
    box-shadow:
        0 0 35px rgba(212, 175, 55, 0.12),
        0 0 70px rgba(212, 175, 55, 0.06);
}

/* TOP */
.id-eight-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

/* ICON */
.id-eight-icon {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.id-eight-icon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

/* BADGE */
.id-eight-badge {
    padding: 10px 18px;
    border-radius: 50px;
    background: linear-gradient(135deg, #d4af37, #ffdf70);
    color: #000;
    font-size: 13px;
    font-weight: 800;
}

/* HEADING */
.id-eight-card h3 {
    color: #fff;
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 20px;
    font-weight: 800;
}

/* TEXT */
.id-eight-card p {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BOTTOM */
.id-eight-bottom {
    text-align: center;
    padding: 42px;
    border-radius: 30px;
    background:
        linear-gradient(135deg,
            rgba(212, 175, 55, 0.08),
            rgba(255, 215, 0, 0.04));
    border: 1px solid rgba(212, 175, 55, 0.14);
    backdrop-filter: blur(10px);
}

.id-eight-bottom h3 {
    color: #fff;
    font-size: 32px;
    line-height: 1.7;
    margin: 0;
    font-weight: 800;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-eight-section {
        padding: 80px 0;
    }

    .id-eight-title {
        font-size: 40px;
    }

    .id-eight-bottom h3 {
        font-size: 26px;
    }
}

@media(max-width:768px) {

    .id-eight-title {
        font-size: 30px;
    }

    .id-eight-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-eight-card {
        padding: 26px;
    }

    .id-eight-card h3 {
        font-size: 22px;
    }

    .id-eight-card p {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-eight-icon {
        width: 65px;
        height: 65px;
    }

    .id-eight-icon img {
        width: 38px;
        height: 38px;
    }

    .id-eight-badge {
        font-size: 11px;
        padding: 8px 14px;
    }

    .id-eight-bottom {
        padding: 28px 20px;
    }

    .id-eight-bottom h3 {
        font-size: 20px;
    }
}

/* id section 9 */
/* =========================
   ID NINE SECTION
========================= */

.id-nine-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GLOW */
.id-nine-section::before {
    content: '';
    position: absolute;
    width: 650px;
    height: 650px;
    background: rgba(212, 175, 55, 0.05);
    filter: blur(150px);
    top: -220px;
    right: -150px;
    border-radius: 50%;
}

/* TAG */
.id-nine-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-nine-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
}

/* CARD */
.id-nine-card {
    position: relative;
    height: 100%;
    padding: 35px;
    border-radius: 30px;
    overflow: hidden;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.96),
            rgba(10, 10, 10, 0.96));
    border: 1px solid rgba(212, 175, 55, 0.14);
    transition: .4s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.35);
}

/* ACTIVE CARD */
.active-card {
    border-color: rgba(212, 175, 55, 0.35);
    transform: translateY(-10px);
    box-shadow:
        0 0 35px rgba(212, 175, 55, 0.12),
        0 0 70px rgba(212, 175, 55, 0.06);
}

/* HOVER */
.id-nine-card:hover {
    transform: translateY(-10px);
    border-color: rgba(212, 175, 55, 0.3);
    box-shadow:
        0 0 35px rgba(212, 175, 55, 0.12),
        0 0 70px rgba(212, 175, 55, 0.06);
}

/* STARS */
.id-nine-stars {
    font-size: 22px;
    margin-bottom: 24px;
}

/* USER */
.id-nine-user {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 25px;
}


/* INFO */
.id-nine-user-info h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: 700;
}

.id-nine-user-info span {
    color: #d4af37;
    font-size: 13px;
    font-weight: 600;
}

/* REVIEW */
.id-nine-review {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.9;
    margin-bottom: 18px;
}

/* BOTTOM */
.id-nine-bottom {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}



.id-nine-bottom span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-nine-section {
        padding: 80px 0;
    }

    .id-nine-title {
        font-size: 40px;
    }

    .active-card {
        transform: none;
    }
}

@media(max-width:768px) {

    .id-nine-title {
        font-size: 30px;
    }

    .id-nine-card {
        padding: 26px;
    }

    .id-nine-user {
        gap: 12px;
    }

   

    .id-nine-user-info h4 {
        font-size: 17px;
    }

    .id-nine-review {
        font-size: 14px;
        line-height: 1.8;
    }

    .id-nine-stars {
        font-size: 18px;
    }

    .id-nine-bottom span {
        font-size: 13px;
    }
}

/* id section 10 */
/* =========================
   ID TEN SECTION
========================= */

.id-ten-section {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background:
        radial-gradient(circle at top left, rgba(212, 175, 55, 0.08), transparent 35%),
        radial-gradient(circle at bottom right, rgba(255, 215, 0, 0.05), transparent 35%),
        linear-gradient(135deg, #050505 0%, #101010 45%, #1a1205 100%);
}

/* GLOW */
.id-ten-section::before {
    content: '';
    position: absolute;
    width: 650px;
    height: 650px;
    background: rgba(212, 175, 55, 0.05);
    filter: blur(150px);
    top: -220px;
    left: -150px;
    border-radius: 50%;
}

.maha {
    position: relative;
    z-index: 9999;
}

/* TAG */
.id-ten-tag {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid rgba(212, 175, 55, 0.22);
    background: rgba(212, 175, 55, 0.05);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */
.id-ten-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 800;
    color: #fff;
}

/* ACCORDION */
.id-ten-accordion {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ITEM */
.id-ten-item {
    border: none !important;
    border-radius: 24px !important;
    overflow: hidden;
    background:
        linear-gradient(135deg,
            rgba(18, 18, 18, 0.96),
            rgba(10, 10, 10, 0.96));
    border: 1px solid rgba(212, 175, 55, 0.14) !important;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
}

/* BUTTON */
.id-ten-btn {
    background: transparent !important;
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    padding: 28px 32px;
    box-shadow: none !important;
    border: none !important;
}

/* ACTIVE */
.id-ten-btn:not(.collapsed) {
    color: #d4af37 !important;
    background: rgba(212, 175, 55, 0.04) !important;
}

/* ICON */
.id-ten-btn::after {
    filter: brightness(0) saturate(100%) invert(76%) sepia(39%) saturate(725%) hue-rotate(5deg) brightness(97%) contrast(92%);
}

/* BODY */
.id-ten-body {
    color: #d7d7d7;
    font-size: 15px;
    line-height: 1.9;
    padding: 0 32px 30px;
}

/* RESPONSIVE */
@media(max-width:991px) {

    .id-ten-section {
        padding: 80px 0;
    }

    .id-ten-title {
        font-size: 40px;
    }
}

@media(max-width:768px) {

    .id-ten-title {
        font-size: 30px;
    }

    .id-ten-btn {
        font-size: 16px;
        padding: 22px 20px;
        line-height: 1.5;
    }

    .id-ten-body {
        font-size: 14px;
        line-height: 1.8;
        padding: 0 20px 24px;
    }
}

/* whatsappp section start */



/* whatsappp section 1*/
/* =========================
   WHATSAPP SECTION
========================= */

.whatsapp-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-one-glow-one,
.whatsapp-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.whatsapp-one-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappOneFloat 8s ease-in-out infinite;
}

.whatsapp-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.12);
    bottom: -120px;
    right: -120px;
    animation: whatsappOneFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* CONTENT */

.whatsapp-one-badge {
    display: inline-block;
    padding: 10px 24px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 50px;
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.whatsapp-one-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 30px;
}

.whatsapp-one-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 22px;
}

/* WARNING */

.whatsapp-one-warning {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.20);
    border-radius: 24px;
    padding: 28px;
    margin-top: 35px;
}

.whatsapp-one-warning-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.whatsapp-one-warning-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
}

.whatsapp-one-warning-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* BUTTON */

.whatsapp-one-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 36px;
    border-radius: 60px;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition: .4s ease;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.25);
}

.whatsapp-one-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.4);
}

/* CARD */

.whatsapp-one-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.whatsapp-one-card::before {
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.whatsapp-one-icon {
    width: 380px;
    height: 280px;
    margin: auto;
    margin-bottom: 25px;
}

.whatsapp-one-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* STATUS */

.whatsapp-one-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-weight: 700;
    margin-bottom: 35px;
}

.whatsapp-one-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: whatsappPulse 1.5s infinite;
}

@keyframes whatsappPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* INFO BOX */

.whatsapp-one-info {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.whatsapp-one-info-box {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 20px;
    padding: 20px;
    text-align: left;
    transition: .4s ease;
}

.whatsapp-one-info-box:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.whatsapp-one-info-box i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.whatsapp-one-info-box h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 6px;
}

.whatsapp-one-info-box p {
    color: #d0d0d0;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-one-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-one-title {
        font-size: 30px;
    }

    .whatsapp-one-text {
        font-size: 15px;
    }

    .whatsapp-one-warning {
        flex-direction: column;
    }

    .whatsapp-one-warning-content h4 {
        font-size: 20px;
    }

    .whatsapp-one-btn {
        width: 100%;
        justify-content: center;
        font-size: 16px;
        padding: 16px 20px;
    }

    .whatsapp-one-card {
        padding: 30px 20px;
    }

    .whatsapp-one-icon {
        width: 140px;
        height: 140px;
    }

    .whatsapp-one-info-box {
        flex-direction: column;
        text-align: center;
    }

}

/* whatsappp section 2*/
/* =========================
   WHATSAPP SUPPORT TABLE SECTION
========================= */

.whatsapp-two-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 100px 0;
}

/* GLOW EFFECT */

.whatsapp-two-glow-one,
.whatsapp-two-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    z-index: -1;
}

.whatsapp-two-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappTwoFloat 8s ease-in-out infinite;
}

.whatsapp-two-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.10);
    bottom: -120px;
    right: -120px;
    animation: whatsappTwoFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappTwoFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappTwoFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-two-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 22px;
}

/* TITLE */

.whatsapp-two-title {
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
    margin-bottom: 25px;
}

/* SUBTITLE */

.whatsapp-two-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    max-width: 900px;
    margin: auto;
}

/* TABLE WRAPPER */

.whatsapp-two-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
    position: relative;
}

.whatsapp-two-table-wrapper::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* TABLE */

.whatsapp-two-table {
    margin: 0;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 2;
}

.whatsapp-two-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.whatsapp-two-table thead th {
    padding: 28px 30px;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    border: none;
    white-space: nowrap;
}

/* BODY ROW */

.whatsapp-two-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.whatsapp-two-table tbody tr:last-child {
    border-bottom: none;
}

.whatsapp-two-table tbody tr:hover {
    background: #1a1a1a;
    transform: scale(1.01);
}

/* BODY TD */

.whatsapp-two-table tbody td {
    padding: 24px 30px;
    vertical-align: middle;
    border: none;
}

/* QUERY */

.whatsapp-two-query {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* ICON */

.whatsapp-two-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.20);
    transition: .4s ease;
}

.whatsapp-two-table tbody tr:hover .whatsapp-two-icon {
    transform: rotate(8deg) scale(1.08);
}

.whatsapp-two-query span {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

/* TIME */

.whatsapp-two-time {
    display: inline-block;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

/* SPECIAL ROW */

.whatsapp-two-table tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.01);
}

/* SCROLLBAR */

.whatsapp-two-table-wrapper::-webkit-scrollbar {
    height: 8px;
}

.whatsapp-two-table-wrapper::-webkit-scrollbar-track {
    background: #111;
}

.whatsapp-two-table-wrapper::-webkit-scrollbar-thumb {
    background: #d4af37;
    border-radius: 50px;
}

/* TABLE ANIMATION */

.whatsapp-two-table tbody tr {
    animation: whatsappTableFade .6s ease forwards;
    opacity: 0;
}

.whatsapp-two-table tbody tr:nth-child(1) {
    animation-delay: .1s;
}

.whatsapp-two-table tbody tr:nth-child(2) {
    animation-delay: .2s;
}

.whatsapp-two-table tbody tr:nth-child(3) {
    animation-delay: .3s;
}

.whatsapp-two-table tbody tr:nth-child(4) {
    animation-delay: .4s;
}

.whatsapp-two-table tbody tr:nth-child(5) {
    animation-delay: .5s;
}

.whatsapp-two-table tbody tr:nth-child(6) {
    animation-delay: .6s;
}

.whatsapp-two-table tbody tr:nth-child(7) {
    animation-delay: .7s;
}

.whatsapp-two-table tbody tr:nth-child(8) {
    animation-delay: .8s;
}

.whatsapp-two-table tbody tr:nth-child(9) {
    animation-delay: .9s;
}

@keyframes whatsappTableFade {

    0% {
        opacity: 0;
        transform: translateY(25px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }

}

/* MOBILE */

@media(max-width:1200px) {

    .whatsapp-two-title {
        font-size: 46px;
    }

}

@media(max-width:991px) {

    .whatsapp-two-section {
        padding: 80px 0;
    }

    .whatsapp-two-title {
        font-size: 40px;
    }

    .whatsapp-two-subtitle {
        font-size: 16px;
    }

}

@media(max-width:768px) {

    .whatsapp-two-table {
        min-width: 750px;
    }

    .whatsapp-two-table-wrapper {
        overflow-x: auto;
        border-radius: 25px;
    }

    .whatsapp-two-table thead th {
        padding: 24px;
    }

    .whatsapp-two-table tbody td {
        padding: 22px 24px;
    }

}

@media(max-width:576px) {

    .whatsapp-two-section {
        padding: 70px 0;
    }

    .whatsapp-two-title {
        font-size: 30px;
        line-height: 1.4;
    }

    .whatsapp-two-subtitle {
        font-size: 15px;
        line-height: 1.8;
    }

    .whatsapp-two-badge {
        font-size: 12px;
        padding: 9px 18px;
    }

    .whatsapp-two-table thead th {
        font-size: 17px;
        padding: 20px;
    }

    .whatsapp-two-table tbody td {
        padding: 20px;
    }

    .whatsapp-two-query {
        gap: 14px;
    }

    .whatsapp-two-icon {
        width: 52px;
        height: 52px;
        min-width: 52px;
        font-size: 20px;
    }

    .whatsapp-two-query span {
        font-size: 15px;
    }

    .whatsapp-two-time {
        font-size: 13px;
        padding: 10px 16px;
    }

}

/* whatsappp section 3*/
/* =========================
   WHATSAPP THREE SECTION
========================= */

.whatsapp-three-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-three-glow-one,
.whatsapp-three-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-three-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.12);
    top: -120px;
    left: -120px;
    animation: whatsappThreeFloat 8s ease-in-out infinite;
}

.whatsapp-three-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.10);
    bottom: -120px;
    right: -120px;
    animation: whatsappThreeFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappThreeFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappThreeFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-three-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

/* TITLE */

.whatsapp-three-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 30px;
}

/* TEXT */

.whatsapp-three-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 25px;
}

/* STORY BOX */

.whatsapp-three-story {
    display: flex;
    gap: 22px;
    background: #111;
    border: 1px solid rgba(37, 211, 102, 0.20);
    border-radius: 28px;
    padding: 30px;
    margin-top: 35px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.whatsapp-three-story::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(37, 211, 102, 0.05);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

.whatsapp-three-story-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.25);
}

.whatsapp-three-story-content h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 15px;
}

.whatsapp-three-story-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* LAST TEXT */

.whatsapp-three-last {
    color: #d4af37;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
}

/* RIGHT CARD */

.whatsapp-three-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.whatsapp-three-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.06);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.whatsapp-three-phone {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}

.whatsapp-three-phone img {
    width: 100%;
    border-radius: 24px;
}

/* STATUS */

.whatsapp-three-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-weight: 700;
    margin-bottom: 35px;
}

.whatsapp-three-dot {
    width: 12px;
    height: 12px;
    background: #45ff8d;
    border-radius: 50%;
    animation: whatsappThreePulse 1.5s infinite;
}

@keyframes whatsappThreePulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* FEATURES */

.whatsapp-three-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.whatsapp-three-feature {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 18px;
    padding: 18px 20px;
    transition: .4s ease;
}

.whatsapp-three-feature:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.whatsapp-three-feature i {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.whatsapp-three-feature span {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-three-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-three-title {
        font-size: 30px;
    }

    .whatsapp-three-text {
        font-size: 15px;
    }

    .whatsapp-three-story {
        flex-direction: column;
    }

    .whatsapp-three-story-content h4 {
        font-size: 22px;
    }

    .whatsapp-three-last {
        font-size: 16px;
    }

    .whatsapp-three-card {
        padding: 30px 20px;
    }

    .whatsapp-three-feature {
        flex-direction: column;
        text-align: center;
    }

}

/* whatsappp section 4*/
/* =========================
   WHATSAPP FOUR SECTION
========================= */

.whatsapp-four-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-four-glow-one,
.whatsapp-four-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-four-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappFourFloat 8s ease-in-out infinite;
}

.whatsapp-four-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.08);
    bottom: -120px;
    right: -120px;
    animation: whatsappFourFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappFourFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappFourFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-four-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-four-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
}

/* SUBTITLE */

.whatsapp-four-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
}

/* TABLE WRAP */

.whatsapp-four-table-wrap {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

/* TABLE */

.whatsapp-four-table {
    margin: 0;
    color: #fff;
}

.whatsapp-four-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.whatsapp-four-table thead th {
    padding: 28px 30px;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    border: none;
}

.whatsapp-four-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.whatsapp-four-table tbody tr:hover {
    background: #1a1a1a;
}

.whatsapp-four-table tbody td {
    padding: 24px 30px;
    vertical-align: middle;
    border: none;
}

/* CHANNEL */

.whatsapp-four-channel {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* ICON */

.whatsapp-four-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.20);
}

.whatsapp-four-channel span {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
}

/* CONTACT */

.whatsapp-four-contact {
    color: #d4af37;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.7;
}

/* HOURS */

.whatsapp-four-hours {
    display: inline-block;
    padding: 12px 22px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.whatsapp-four-hours.active {
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-four-title {
        font-size: 40px;
    }

}

@media(max-width:768px) {

    .whatsapp-four-table {
        min-width: 750px;
    }

    .whatsapp-four-table-wrap {
        overflow-x: auto;
    }

}

@media(max-width:576px) {

    .whatsapp-four-title {
        font-size: 30px;
    }

    .whatsapp-four-subtitle {
        font-size: 15px;
    }

    .whatsapp-four-table thead th {
        font-size: 17px;
        padding: 22px;
    }

    .whatsapp-four-table tbody td {
        padding: 20px;
    }

    .whatsapp-four-channel span {
        font-size: 15px;
    }

    .whatsapp-four-contact {
        font-size: 15px;
    }

    .whatsapp-four-hours {
        font-size: 13px;
        padding: 10px 16px;
    }

}

/* whatsappp section 5*/
/* =========================
   WHATSAPP FIVE SECTION
========================= */

.whatsapp-five-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-five-glow-one,
.whatsapp-five-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-five-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappFiveFloat 8s ease-in-out infinite;
}

.whatsapp-five-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.10);
    bottom: -120px;
    right: -120px;
    animation: whatsappFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappFiveFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappFiveFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-five-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-five-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
}

/* TEXT */

.whatsapp-five-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 24px;
}

/* HIGHLIGHT */

.whatsapp-five-highlight {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(37, 211, 102, 0.20);
    border-radius: 28px;
    padding: 28px;
    margin-top: 35px;
    margin-bottom: 30px;
}

.whatsapp-five-highlight-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 0 25px rgba(37, 211, 102, 0.25);
}

.whatsapp-five-highlight-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.6;
    margin: 0;
}

/* WARNING */

.whatsapp-five-warning {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.20);
    border-radius: 24px;
    padding: 28px;
}

.whatsapp-five-warning-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.whatsapp-five-warning-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* BUTTON */

.whatsapp-five-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 18px 36px;
    border-radius: 60px;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    transition: .4s ease;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.25);
}

.whatsapp-five-btn:hover {
    transform: translateY(-5px);
    color: #000;
    box-shadow: 0 0 40px rgba(37, 211, 102, 0.40);
}

/* RIGHT CARD */

.whatsapp-five-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.whatsapp-five-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.whatsapp-five-image {
    margin-bottom: 35px;
}

.whatsapp-five-image img {
    width: 100%;
    border-radius: 24px;
}

/* STEPS */

.whatsapp-five-steps {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* STEP */

.whatsapp-five-step {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 20px;
    padding: 18px;
    transition: .4s ease;
}

.whatsapp-five-step:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

/* NUMBER */

.whatsapp-five-step-number {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 800;
}

/* STEP CONTENT */

.whatsapp-five-step-content h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 8px;
}

.whatsapp-five-step-content p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.7;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-five-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-five-title {
        font-size: 30px;
    }

    .whatsapp-five-text {
        font-size: 15px;
    }

    .whatsapp-five-highlight,
    .whatsapp-five-warning {
        flex-direction: column;
    }

    .whatsapp-five-highlight-content h4 {
        font-size: 20px;
    }

    .whatsapp-five-btn {
        width: 100%;
        justify-content: center;
        font-size: 16px;
        padding: 16px 20px;
    }

    .whatsapp-five-card {
        padding: 25px 20px;
    }

    .whatsapp-five-step {
        flex-direction: column;
        text-align: center;
    }

}

/* whatsappp section 6*/
/* =========================
   WHATSAPP SIX SECTION
========================= */

.whatsapp-six-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-six-glow-one,
.whatsapp-six-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-six-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappSixFloat 8s ease-in-out infinite;
}

.whatsapp-six-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.10);
    bottom: -120px;
    right: -120px;
    animation: whatsappSixFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappSixFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappSixFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-six-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-six-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* DEVICE BOX */

.whatsapp-six-device-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    height: 100%;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
    transition: .4s ease;
}

.whatsapp-six-device-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.whatsapp-six-device-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -90px;
    right: -90px;
}

/* ICON */

.whatsapp-six-device-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin-bottom: 28px;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.25);
}

.whatsapp-six-device-icon.apple {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

/* TITLE */

.whatsapp-six-device-box h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 20px;
}

/* TEXT */

.whatsapp-six-device-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 30px;
}

/* STEPS */

.whatsapp-six-steps {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.whatsapp-six-step {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 18px;
    padding: 16px 18px;
    transition: .4s ease;
}

.whatsapp-six-step:hover {
    transform: translateX(5px);
    border-color: #d4af37;
}

.whatsapp-six-step span {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 800;
}

.whatsapp-six-step p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
}

/* WARNING */

.whatsapp-six-warning {
    display: flex;
    gap: 25px;
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.20);
    border-radius: 30px;
    padding: 35px;
    position: relative;
    overflow: hidden;
}

.whatsapp-six-warning::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(255, 193, 7, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.whatsapp-six-warning-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
}

.whatsapp-six-warning-content h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 15px;
}

.whatsapp-six-warning-content p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-six-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-six-title {
        font-size: 30px;
    }

    .whatsapp-six-device-box {
        padding: 30px 22px;
    }

    .whatsapp-six-device-box h3 {
        font-size: 28px;
    }

    .whatsapp-six-device-box p {
        font-size: 15px;
    }

    .whatsapp-six-step {
        align-items: flex-start;
    }

    .whatsapp-six-warning {
        flex-direction: column;
        padding: 28px 22px;
    }

    .whatsapp-six-warning-content h4 {
        font-size: 24px;
    }

    .whatsapp-six-warning-content p {
        font-size: 15px;
    }

}

/* whatsappp section 7*/
/* =========================
   WHATSAPP SEVEN SECTION
========================= */

.whatsapp-seven-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-seven-glow-one,
.whatsapp-seven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-seven-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappSevenFloat 8s ease-in-out infinite;
}

.whatsapp-seven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.10);
    bottom: -120px;
    right: -120px;
    animation: whatsappSevenFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappSevenFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappSevenFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-seven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-seven-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.whatsapp-seven-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 24px;
}

/* STORY BOX */

.whatsapp-seven-story {
    display: flex;
    gap: 22px;
    background: #111;
    border: 1px solid rgba(37, 211, 102, 0.20);
    border-radius: 30px;
    padding: 32px;
    margin-top: 35px;
    position: relative;
    overflow: hidden;
}

.whatsapp-seven-story::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(37, 211, 102, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.whatsapp-seven-story-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25D366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    box-shadow: 0 0 30px rgba(37, 211, 102, 0.25);
}

.whatsapp-seven-story-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 15px;
}

.whatsapp-seven-story-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* CARD */

.whatsapp-seven-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.whatsapp-seven-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.whatsapp-seven-image {
    margin-bottom: 30px;
}

.whatsapp-seven-image img {
    width: 100%;
    border-radius: 24px;
}

/* STATUS */

.whatsapp-seven-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-weight: 700;
    margin-bottom: 35px;
}

.whatsapp-seven-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: whatsappSevenPulse 1.5s infinite;
}

@keyframes whatsappSevenPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* FEATURES */

.whatsapp-seven-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.whatsapp-seven-feature {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 20px;
    padding: 18px;
    transition: .4s ease;
}

.whatsapp-seven-feature:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.whatsapp-seven-feature-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.whatsapp-seven-feature-content h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 6px;
}

.whatsapp-seven-feature-content p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.7;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-seven-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-seven-title {
        font-size: 30px;
    }

    .whatsapp-seven-text {
        font-size: 15px;
    }

    .whatsapp-seven-story {
        flex-direction: column;
        padding: 28px 22px;
    }

    .whatsapp-seven-story-content h4 {
        font-size: 24px;
    }

    .whatsapp-seven-card {
        padding: 28px 20px;
    }

    .whatsapp-seven-feature {
        flex-direction: column;
        text-align: center;
    }

}

/* whatsappp section 8*/
/* =========================
   WHATSAPP EIGHT SECTION
========================= */

.whatsapp-eight-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.whatsapp-eight-glow-one,
.whatsapp-eight-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-eight-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappEightFloat 8s ease-in-out infinite;
}

.whatsapp-eight-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 0, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: whatsappEightFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappEightFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappEightFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-eight-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-eight-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.whatsapp-eight-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 35px;
}

/* CHECKS */

.whatsapp-eight-checks {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* CHECK */

.whatsapp-eight-check {
    display: flex;
    gap: 22px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 28px;
    padding: 28px;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
}

.whatsapp-eight-check:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.whatsapp-eight-check::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(212, 175, 55, 0.04);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

/* ICON */

.whatsapp-eight-check-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.20);
}

/* CONTENT */

.whatsapp-eight-check-content h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 14px;
}

.whatsapp-eight-check-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* WARNING */

.whatsapp-eight-warning {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.20);
    border-radius: 28px;
    padding: 28px;
    margin-top: 35px;
}

.whatsapp-eight-warning-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #ffcc00, #ff9800);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.whatsapp-eight-warning-content p {
    color: #fff;
    line-height: 1.9;
    margin: 0;
    font-weight: 600;
}

/* CARD */

.whatsapp-eight-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.whatsapp-eight-card::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.whatsapp-eight-image {
    margin-bottom: 30px;
}

.whatsapp-eight-image img {
    width: 100%;
    border-radius: 24px;
}

/* STATUS */

.whatsapp-eight-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-weight: 700;
    margin-bottom: 35px;
}

.whatsapp-eight-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: whatsappEightPulse 1.5s infinite;
}

@keyframes whatsappEightPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* SECURITY */

.whatsapp-eight-security {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

/* BOX */

.whatsapp-eight-security-box {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 20px;
    padding: 18px;
    transition: .4s ease;
}

.whatsapp-eight-security-box:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.whatsapp-eight-security-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.whatsapp-eight-security-box h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 6px;
}

.whatsapp-eight-security-box p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.7;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-eight-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-eight-title {
        font-size: 30px;
    }

    .whatsapp-eight-text {
        font-size: 15px;
    }

    .whatsapp-eight-check,
    .whatsapp-eight-warning {
        flex-direction: column;
        padding: 25px 22px;
    }

    .whatsapp-eight-check-content h4 {
        font-size: 22px;
    }

    .whatsapp-eight-card {
        padding: 28px 20px;
    }

    .whatsapp-eight-security-box {
        flex-direction: column;
        text-align: center;
    }

}

/* whatsappp section 9*/
/* =========================
   WHATSAPP FAQ SECTION
========================= */

.whatsapp-faq-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.whatsapp-faq-glow-one,
.whatsapp-faq-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.whatsapp-faq-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: whatsappFaqFloat 8s ease-in-out infinite;
}

.whatsapp-faq-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.08);
    bottom: -120px;
    right: -120px;
    animation: whatsappFaqFloatTwo 10s ease-in-out infinite;
}

@keyframes whatsappFaqFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes whatsappFaqFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.whatsapp-faq-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.whatsapp-faq-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* ACCORDION */

.whatsapp-faq-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.12) !important;
    border-radius: 24px !important;
    overflow: hidden;
    margin-bottom: 22px;
    transition: .4s ease;
}

.whatsapp-faq-item:hover {
    border-color: #d4af37 !important;
    transform: translateY(-5px);
}

/* BUTTON */

.whatsapp-faq-button {
    background: #111 !important;
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
    padding: 28px 30px;
    border: none !important;
    box-shadow: none !important;
}

.whatsapp-faq-button:not(.collapsed) {
    background: #151515 !important;
    color: #d4af37 !important;
}

/* ICON */

.whatsapp-faq-button::after {
    filter: brightness(0) invert(1);
}

.whatsapp-faq-button:not(.collapsed)::after {
    filter: none;
}

/* BODY */

.whatsapp-faq-body {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    padding: 0 30px 30px 30px;
    background: #151515;
}

/* MOBILE */

@media(max-width:991px) {

    .whatsapp-faq-title {
        font-size: 40px;
    }

}

@media(max-width:576px) {

    .whatsapp-faq-title {
        font-size: 30px;
    }

    .whatsapp-faq-button {
        font-size: 17px;
        padding: 22px 20px;
        line-height: 1.6;
    }

    .whatsapp-faq-body {
        font-size: 15px;
        padding: 0 20px 22px 20px;
    }

}



/* =========================
   MAHADEV LOGIN SECTION start
========================= */


/* ==== LOGIN SECTION 1 ==== */
/* =========================
   MAHADEV LOGIN SECTION
========================= */

.mahadev-login-section {
    background: #000;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 60px 0;
}

/* GLOW EFFECT */

.mahadev-login-glow-one,
.mahadev-login-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.mahadev-login-glow-one {
    width: 400px;
    height: 400px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: mahadevGlowOne 8s ease-in-out infinite;
}

.mahadev-login-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: mahadevGlowTwo 10s ease-in-out infinite;
}

@keyframes mahadevGlowOne {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0);
    }

}

@keyframes mahadevGlowTwo {

    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0);
    }

}

/* LOGIN BOX */

.mahadev-login-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.20);
    border-radius: 35px;
    padding: 50px 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    position: relative;
    overflow: hidden;
}

.mahadev-login-box::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* LOGO */

.mahadev-login-logo {
    text-align: center;
    margin-bottom: 25px;
}

.mahadev-login-logo img {
    width: 320px;
}

/* HEADER */

.mahadev-login-header {
    text-align: center;
    margin-bottom: 35px;
}

.mahadev-login-badge {
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.mahadev-login-header h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 12px;
}

.mahadev-login-header p {
    color: #d0d0d0;
    font-size: 16px;
    margin: 0;
}

/* FORM GROUP */

.mahadev-login-group {
    margin-bottom: 24px;
}

.mahadev-login-group label {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
    display: block;
}

/* INPUT */

.mahadev-login-input {
    position: relative;
}

.mahadev-login-input i {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #d4af37;
    font-size: 18px;
}

.mahadev-login-input input {
    width: 100%;
    height: 60px;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 0 20px 0 55px;
    color: #fff;
    font-size: 15px;
    transition: .4s ease;
}

.mahadev-login-input input:focus {
    outline: none;
    border-color: #d4af37;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.20);
}

.mahadev-login-input input::placeholder {
    color: #999;
}

/* OPTIONS */

.mahadev-login-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.mahadev-login-options label {
    color: #d0d0d0;
    font-size: 14px;
}

.mahadev-login-options a {
    color: #d4af37;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.mahadev-login-options a:hover {
    color: #fff;
}

/* BUTTON */

.mahadev-login-btn {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 18px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    transition: .4s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mahadev-login-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.30);
}

/* FOOTER */

.mahadev-login-footer {
    text-align: center;
    margin-top: 30px;
}

.mahadev-login-footer p {
    color: #d0d0d0;
    margin: 0;
    font-size: 15px;
}

.mahadev-login-footer a {
    color: #d4af37;
    text-decoration: none;
    font-weight: 700;
}

.mahadev-login-footer a:hover {
    color: #fff;
}

/* MOBILE */

@media(max-width:576px) {

    .mahadev-login-box {
        padding: 40px 25px;
        border-radius: 25px;
    }

    .mahadev-login-header h1 {
        font-size: 32px;
    }

    .mahadev-login-options {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

}

/* ==== LOGIN SECTION 1 ==== */

/* =========================
   LOGIN ONE SECTION
========================= */

.login-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.login-one-glow-one,
.login-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-one-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginOneFloat 8s ease-in-out infinite;
}

.login-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginOneFloatTwo 10s ease-in-out infinite;
}

@keyframes loginOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-one-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-one-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.login-one-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 24px;
}

/* BUTTON */

.login-one-btn-box {
    margin-top: 35px;
    margin-bottom: 35px;
}

.login-one-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.20);
}

.login-one-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* WARNING */

.login-one-warning {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(255, 193, 7, 0.20);
    border-radius: 28px;
    padding: 28px;
    position: relative;
    overflow: hidden;
}

.login-one-warning::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(255, 193, 7, 0.04);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-one-warning-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #ffcc00, #ff9800);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

.login-one-warning-content p {
    color: #fff;
    line-height: 1.9;
    margin: 0;
    font-weight: 600;
}

/* IMAGE BOX */

.login-one-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 35px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.login-one-image-box::before {
    content: '';
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-one-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* LIVE STATUS */

.login-one-live {
    position: absolute;
    bottom: 35px;
    left: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.login-one-live-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: loginOnePulse 1.5s infinite;
}

@keyframes loginOnePulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .login-one-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-one-title {
        font-size: 30px;
    }

    .login-one-text {
        font-size: 15px;
    }

    .login-one-warning {
        flex-direction: column;
        padding: 24px;
    }

    .login-one-btn {
        width: 100%;
        justify-content: center;
    }

    .login-one-live {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ==== LOGIN SECTION 2 ==== */
/* =========================
   LOGIN TWO SECTION
========================= */

.login-two-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.login-two-glow-one,
.login-two-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-two-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginTwoFloat 8s ease-in-out infinite;
}

.login-two-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginTwoFloatTwo 10s ease-in-out infinite;
}

@keyframes loginTwoFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginTwoFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-two-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-two-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.login-two-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.4);
}

.login-two-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.login-two-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* STEP */

.login-two-step {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */

.login-two-box h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 22px;
}

/* TEXT */

.login-two-box p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.login-two-box p:last-child {
    margin-bottom: 0;
}

/* LAST BOX */

.login-two-last-box {
    text-align: center;
}

/* BUTTON */

.login-two-btn-box {
    margin-top: 35px;
}

.login-two-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-two-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* MOBILE */

@media(max-width:991px) {

    .login-two-title {
        font-size: 42px;
    }

    .login-two-box h3 {
        font-size: 28px;
    }

}

@media(max-width:576px) {

    .login-two-title {
        font-size: 30px;
    }

    .login-two-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .login-two-step {
        width: 70px;
        height: 70px;
        font-size: 18px;
    }

    .login-two-box h3 {
        font-size: 24px;
    }

    .login-two-box p {
        font-size: 15px;
    }

    .login-two-btn {
        width: 100%;
        justify-content: center;
    }

}

/* ==== LOGIN SECTION 3 ==== */
/* =========================
   LOGIN THREE SECTION
========================= */

.login-three-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.login-three-glow-one,
.login-three-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-three-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginThreeFloat 8s ease-in-out infinite;
}

.login-three-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginThreeFloatTwo 10s ease-in-out infinite;
}

@keyframes loginThreeFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginThreeFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-three-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-three-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 24px;
}

/* SUBTITLE */

.login-three-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    max-width: 950px;
    margin: auto;
}

/* TABLE */

.login-three-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.5);
}

.login-three-table {
    margin: 0;
    color: #fff;
}

.login-three-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.login-three-table thead th {
    padding: 28px 30px;
    border: none;
    color: #000;
    font-size: 20px;
    font-weight: 800;
}

.login-three-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.login-three-table tbody tr:hover {
    background: #1a1a1a;
}

.login-three-table tbody td {
    padding: 24px 30px;
    border: none;
    vertical-align: middle;
    font-size: 17px;
    color: #d0d0d0;
}

/* GOOD */

.login-three-good {
    display: inline-block;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.25);
    color: #45ff8d;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 700;
}

/* BAD */

.login-three-bad {
    display: inline-block;
    background: rgba(255, 0, 0, 0.10);
    border: 1px solid rgba(255, 0, 0, 0.20);
    color: #ff5b5b;
    padding: 10px 18px;
    border-radius: 50px;
    font-weight: 700;
}

/* INFO BOX */

.login-three-info-box {
    display: flex;
    gap: 24px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    position: relative;
    overflow: hidden;
}

.login-three-info-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-three-info-icon {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-three-info-content p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.login-three-info-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
}

/* BUTTON */

.login-three-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-three-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* MOBILE */

@media(max-width:991px) {

    .login-three-title {
        font-size: 42px;
    }

}

@media(max-width:768px) {

    .login-three-table {
        min-width: 750px;
    }

    .login-three-table-wrapper {
        overflow-x: auto;
    }

}

@media(max-width:576px) {

    .login-three-title {
        font-size: 30px;
    }

    .login-three-subtitle {
        font-size: 15px;
    }

    .login-three-table thead th {
        font-size: 17px;
        padding: 22px;
    }

    .login-three-table tbody td {
        padding: 20px 22px;
        font-size: 15px;
    }

    .login-three-info-box {
        flex-direction: column;
        padding: 28px 24px;
    }

    .login-three-info-content p {
        font-size: 15px;
    }

    .login-three-info-content h4 {
        font-size: 22px;
    }

    .login-three-btn {
        width: 100%;
        justify-content: center;
    }

}

/* ==== LOGIN SECTION 4 ==== */
/* =========================
   LOGIN FOUR SECTION
========================= */

.login-four-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.login-four-glow-one,
.login-four-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-four-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginFourFloat 8s ease-in-out infinite;
}

.login-four-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginFourFloatTwo 10s ease-in-out infinite;
}

@keyframes loginFourFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginFourFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-four-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-four-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 22px;
}

/* SUBTITLE */

.login-four-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    max-width: 900px;
    margin: auto;
}

/* BOX */

.login-four-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.login-four-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.login-four-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */

.login-four-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */

.login-four-box h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 22px;
}

/* TEXT */

.login-four-box p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 18px;
}

.login-four-box p:last-child {
    margin-bottom: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .login-four-title {
        font-size: 42px;
    }

    .login-four-box h3 {
        font-size: 26px;
    }

}

@media(max-width:576px) {

    .login-four-title {
        font-size: 30px;
    }

    .login-four-subtitle {
        font-size: 15px;
    }

    .login-four-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .login-four-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .login-four-box h3 {
        font-size: 22px;
    }

    .login-four-box p {
        font-size: 15px;
    }

}

/* ==== LOGIN SECTION 5 ==== */
/* =========================
   LOGIN FIVE SECTION
========================= */

.login-five-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.login-five-glow-one,
.login-five-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-five-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginFiveFloat 8s ease-in-out infinite;
}

.login-five-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes loginFiveFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginFiveFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-five-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-five-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.login-five-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.login-five-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.login-five-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */

.login-five-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */

.login-five-box h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 25px;
}

/* INFO */

.login-five-info {
    margin-bottom: 22px;
}

.login-five-info:last-child {
    margin-bottom: 0;
}

.login-five-info h4 {
    color: #d4af37;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
}

.login-five-info p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .login-five-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-five-title {
        font-size: 30px;
    }

    .login-five-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .login-five-icon {
        width: 70px;
        height: 70px;
        font-size: 26px;
    }

    .login-five-box h3 {
        font-size: 22px;
    }

    .login-five-info h4 {
        font-size: 16px;
    }

    .login-five-info p {
        font-size: 15px;
    }

}

/* ==== LOGIN SECTION 6 ==== */
/* =========================
   LOGIN SIX SECTION
========================= */

.login-six-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.login-six-glow-one,
.login-six-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-six-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginSixFloat 8s ease-in-out infinite;
}

.login-six-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 0, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginSixFloatTwo 10s ease-in-out infinite;
}

@keyframes loginSixFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginSixFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-six-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-six-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.login-six-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 28px;
}

/* RULE BOX */

.login-six-rule-box {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 28px;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.login-six-rule-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-six-rule-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-six-rule-content h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}

.login-six-rule-content p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

/* URL BOX */

.login-six-url-box {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    border-radius: 24px;
    padding: 28px;
    margin-bottom: 30px;
}

.login-six-url-box span {
    display: block;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}

.login-six-url-box h4 {
    color: #000;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
    word-break: break-word;
}

/* STORY */

.login-six-story {
    background: #111;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 28px;
    padding: 30px;
    margin-bottom: 30px;
}

.login-six-story h4 {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 18px;
}

.login-six-story p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* WARNING */

.login-six-warning {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255, 0, 0, 0.10);
    border: 1px solid rgba(255, 0, 0, 0.18);
    color: #ff6b6b;
    padding: 18px 24px;
    border-radius: 18px;
    font-size: 18px;
    font-weight: 700;
}

.login-six-warning i {
    font-size: 22px;
}

/* IMAGE */

.login-six-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.login-six-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-six-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.login-six-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.login-six-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: loginSixPulse 1.5s infinite;
}

@keyframes loginSixPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .login-six-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-six-title {
        font-size: 30px;
    }

    .login-six-text {
        font-size: 15px;
    }

    .login-six-rule-box {
        flex-direction: column;
        padding: 25px;
    }

    .login-six-rule-content h3 {
        font-size: 24px;
    }

    .login-six-url-box h4 {
        font-size: 22px;
    }

    .login-six-story {
        padding: 24px;
    }

    .login-six-story h4 {
        font-size: 22px;
    }

    .login-six-story p {
        font-size: 15px;
    }

    .login-six-warning {
        font-size: 15px;
        padding: 16px 18px;
    }

    .login-six-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ==== LOGIN SECTION 7 ==== */

/* =========================
   LOGIN SEVEN SECTION
========================= */

.login-seven-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.login-seven-glow-one,
.login-seven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-seven-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginSevenFloat 8s ease-in-out infinite;
}

.login-seven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginSevenFloatTwo 10s ease-in-out infinite;
}

@keyframes loginSevenFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginSevenFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-seven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-seven-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.login-seven-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 24px;
}

/* BONUS BOX */

.login-seven-bonus {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 28px;
    padding: 28px;
    margin-top: 35px;
    margin-bottom: 35px;
    position: relative;
    overflow: hidden;
}

.login-seven-bonus::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-seven-bonus-icon {
    width: 80px;
    height: 80px;
    min-width: 80px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-seven-bonus-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.login-seven-bonus-content p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

/* BUTTON */

.login-seven-btn-box {
    margin-top: 10px;
}

.login-seven-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-seven-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* IMAGE BOX */

.login-seven-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.login-seven-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.login-seven-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.login-seven-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.login-seven-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: loginSevenPulse 1.5s infinite;
}

@keyframes loginSevenPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .login-seven-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-seven-title {
        font-size: 30px;
    }

    .login-seven-text {
        font-size: 15px;
    }

    .login-seven-bonus {
        flex-direction: column;
        text-align: center;
        padding: 24px;
    }

    .login-seven-bonus-content h3 {
        font-size: 24px;
    }

    .login-seven-btn {
        width: 100%;
        justify-content: center;
    }

    .login-seven-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ==== LOGIN SECTION 8 ==== */

/* =========================
   LOGIN EIGHT SECTION
========================= */

.login-eight-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.login-eight-glow-one,
.login-eight-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-eight-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginEightFloat 8s ease-in-out infinite;
}

.login-eight-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginEightFloatTwo 10s ease-in-out infinite;
}

@keyframes loginEightFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginEightFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-eight-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-eight-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* REVIEW BOX */

.login-eight-review-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.login-eight-review-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.login-eight-review-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* STARS */

.login-eight-stars {
    font-size: 22px;
    margin-bottom: 24px;
}

/* USER */

.login-eight-user {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
}

.login-eight-user-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.login-eight-user-info h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

/* TEXT */

.login-eight-review-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .login-eight-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-eight-title {
        font-size: 30px;
    }

    .login-eight-review-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .login-eight-stars {
        font-size: 20px;
    }

    .login-eight-user-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 24px;
    }

    .login-eight-user-info h4 {
        font-size: 20px;
    }

    .login-eight-review-box p {
        font-size: 15px;
    }

}

/* ==== LOGIN SECTION 9 ==== */
/* =========================
   LOGIN NINE SECTION
========================= */

.login-nine-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.login-nine-glow-one,
.login-nine-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.login-nine-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: loginNineFloat 8s ease-in-out infinite;
}

.login-nine-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: loginNineFloatTwo 10s ease-in-out infinite;
}

@keyframes loginNineFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes loginNineFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.login-nine-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.login-nine-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* ACCORDION */

.login-nine-accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ITEM */

.login-nine-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 24px !important;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* BUTTON */

.login-nine-button {
    background: #111 !important;
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
    padding: 28px 32px;
    border: none !important;
    box-shadow: none !important;
    line-height: 1.5;
}

.login-nine-button:not(.collapsed) {
    background: #151515 !important;
    color: #d4af37 !important;
}

.login-nine-button::after {
    filter: brightness(0) saturate(100%) invert(74%) sepia(53%) saturate(495%) hue-rotate(8deg) brightness(95%) contrast(92%);
}

/* BODY */

.login-nine-body {
    padding: 0 32px 32px;
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    background: #111;
}

/* MOBILE */

@media(max-width:991px) {

    .login-nine-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .login-nine-title {
        font-size: 30px;
    }

    .login-nine-button {
        font-size: 18px;
        padding: 22px 20px;
    }

    .login-nine-body {
        padding: 0 20px 24px;
        font-size: 15px;
    }

}



/* ========================= APP SECTION START======================== ==== */

/* ====APP SECTION 1 === */
/* =========================
   APP ONE SECTION
========================= */

.app-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-one-glow-one,
.app-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-one-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appOneFloat 8s ease-in-out infinite;
}

.app-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appOneFloatTwo 10s ease-in-out infinite;
}

@keyframes appOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-one-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-one-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.app-one-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 24px;
}

/* FEATURE BOX */

.app-one-feature-box {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* FEATURE */

.app-one-feature {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 22px;
    padding: 20px 24px;
    transition: .4s ease;
}

.app-one-feature:hover {
    transform: translateX(8px);
    border-color: #d4af37;
}

/* ICON */

.app-one-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.app-one-feature-content h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
}

/* BUTTON */

.app-one-btn-box {
    margin-bottom: 35px;
}

.app-one-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.app-one-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* WARNING */

.app-one-warning {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(255, 0, 0, 0.10);
    border: 1px solid rgba(255, 0, 0, 0.18);
    border-radius: 22px;
    padding: 22px;
}

.app-one-warning i {
    color: #ff5f5f;
    font-size: 24px;
    margin-top: 2px;
}

.app-one-warning span {
    color: #ffd6d6;
    font-size: 15px;
    line-height: 1.9;
}

/* IMAGE */

.app-one-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-one-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.app-one-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.app-one-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.app-one-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: appOnePulse 1.5s infinite;
}

@keyframes appOnePulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .app-one-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-one-title {
        font-size: 30px;
    }

    .app-one-text {
        font-size: 15px;
    }

    .app-one-feature {
        padding: 18px;
    }

    .app-one-icon {
        width: 55px;
        height: 55px;
        min-width: 55px;
        font-size: 20px;
    }

    .app-one-feature-content h3 {
        font-size: 17px;
    }

    .app-one-btn {
        width: 100%;
        justify-content: center;
    }

    .app-one-warning {
        padding: 18px;
    }

    .app-one-warning span {
        font-size: 14px;
    }

    .app-one-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ====APP SECTION 2 === */
/* =========================
   APP TWO SECTION
========================= */

.app-two-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-two-glow-one,
.app-two-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-two-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appTwoFloat 8s ease-in-out infinite;
}

.app-two-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appTwoFloatTwo 10s ease-in-out infinite;
}

@keyframes appTwoFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appTwoFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-two-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-two-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 25px;
}

/* SUBTITLE */

.app-two-subtitle {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    max-width: 1000px;
    margin: auto;
}

/* INFO BOX */

.app-two-info-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-two-info-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */

.app-two-info-icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    margin: auto;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.25);
}

/* TEXT */

.app-two-info-text {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 2;
    margin: 0;
}

/* TABLE WRAPPER */

.app-two-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* TABLE */

.app-two-table {
    margin: 0;
    color: #fff;
}

.app-two-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.app-two-table thead th {
    padding: 28px 30px;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    border: none;
}

.app-two-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.app-two-table tbody tr:hover {
    background: #1a1a1a;
}

.app-two-table tbody td {
    padding: 24px 30px;
    vertical-align: middle;
    border: none;
    font-size: 17px;
    line-height: 1.7;
    color: #d0d0d0;
}

/* POSITIVE */

.app-two-positive {
    color: #45ff8d !important;
    font-weight: 700;
}

/* NEGATIVE */

.app-two-negative {
    color: #ff6b6b !important;
    font-weight: 700;
}

/* BOTTOM BOX */

.app-two-bottom-box {
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
}

.app-two-bottom-box p {
    color: #fff;
    font-size: 18px;
    line-height: 2;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .app-two-title {
        font-size: 42px;
    }

    .app-two-info-box {
        padding: 30px;
    }

}

@media(max-width:768px) {

    .app-two-table {
        min-width: 900px;
    }

    .app-two-table-wrapper {
        overflow-x: auto;
    }

}

@media(max-width:576px) {

    .app-two-title {
        font-size: 30px;
    }

    .app-two-subtitle {
        font-size: 15px;
    }

    .app-two-info-box {
        padding: 25px;
    }

    .app-two-info-icon {
        width: 85px;
        height: 85px;
        font-size: 32px;
    }

    .app-two-info-text {
        font-size: 15px;
    }

    .app-two-table thead th {
        font-size: 16px;
        padding: 20px;
    }

    .app-two-table tbody td {
        font-size: 15px;
        padding: 18px 20px;
    }

    .app-two-bottom-box {
        padding: 24px;
    }

    .app-two-bottom-box p {
        font-size: 15px;
    }

}

/* ====APP SECTION 3 === */
/* =========================
   APP THREE SECTION
========================= */

.app-three-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-three-glow-one,
.app-three-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-three-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appThreeFloat 8s ease-in-out infinite;
}

.app-three-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appThreeFloatTwo 10s ease-in-out infinite;
}

@keyframes appThreeFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appThreeFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-three-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-three-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.app-three-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 32px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-three-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.app-three-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */

.app-three-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */

.app-three-box h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 22px;
}

/* TEXT */

.app-three-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 18px;
}

.app-three-box p:last-child {
    margin-bottom: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .app-three-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-three-title {
        font-size: 30px;
    }

    .app-three-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .app-three-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        margin-bottom: 22px;
    }

    .app-three-box h3 {
        font-size: 22px;
    }

    .app-three-box p {
        font-size: 15px;
    }

}

/* ====APP SECTION 4 === */
/* =========================
   APP FOUR SECTION
========================= */

.app-four-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.app-four-glow-one,
.app-four-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-four-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appFourFloat 8s ease-in-out infinite;
}

.app-four-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appFourFloatTwo 10s ease-in-out infinite;
}

@keyframes appFourFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appFourFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-four-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-four-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.app-four-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 40px;
}

/* STEPS */

.app-four-steps {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* STEP */

.app-four-step {
    display: flex;
    gap: 22px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 28px;
    padding: 28px;
    transition: .4s ease;
    position: relative;
    overflow: hidden;
}

.app-four-step:hover {
    transform: translateX(8px);
    border-color: #d4af37;
}

.app-four-step::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

/* NUMBER */

.app-four-step-number {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.app-four-step-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 14px;
    line-height: 1.5;
}

.app-four-step-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* REGISTER BOX */

.app-four-register-box {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.20);
    border-radius: 24px;
    padding: 22px;
    margin-top: 40px;
    margin-bottom: 35px;
}

.app-four-register-box i {
    color: #45ff8d;
    font-size: 24px;
    margin-top: 2px;
}

.app-four-register-box span {
    color: #fff;
    font-size: 16px;
    line-height: 1.9;
}

/* BUTTON */

.app-four-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.app-four-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* IMAGE */

.app-four-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-four-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.app-four-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.app-four-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.app-four-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: appFourPulse 1.5s infinite;
}

@keyframes appFourPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .app-four-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-four-title {
        font-size: 30px;
    }

    .app-four-text {
        font-size: 15px;
    }

    .app-four-step {
        flex-direction: column;
        padding: 24px;
    }

    .app-four-step-number {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 24px;
    }

    .app-four-step-content h3 {
        font-size: 20px;
    }

    .app-four-step-content p {
        font-size: 15px;
    }

    .app-four-register-box {
        padding: 18px;
    }

    .app-four-register-box span {
        font-size: 14px;
    }

    .app-four-btn {
        width: 100%;
        justify-content: center;
    }

    .app-four-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ====APP SECTION 5 === */
/* =========================
   APP FIVE SECTION
========================= */

.app-five-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-five-glow-one,
.app-five-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-five-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appFiveFloat 8s ease-in-out infinite;
}

.app-five-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes appFiveFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appFiveFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-five-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-five-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 35px;
}

/* STEPS */

.app-five-steps {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* STEP */

.app-five-step {
    display: flex;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 28px;
    padding: 26px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
}

.app-five-step:hover {
    transform: translateX(8px);
    border-color: #d4af37;
}

.app-five-step::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

/* NUMBER */

.app-five-step-number {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.app-five-step-content h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.5;
}

.app-five-step-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* SUPPORT BOX */

.app-five-support-box {
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 22px;
    padding: 22px;
    margin-top: 35px;
    margin-bottom: 35px;
}

.app-five-support-box i {
    color: #d4af37;
    font-size: 30px;
}

.app-five-support-box span {
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}

/* BUTTON */

.app-five-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    padding: 18px 34px;
    border-radius: 16px;
    transition: .4s ease;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.app-five-btn:hover {
    transform: translateY(-4px);
    color: #000;
    box-shadow: 0 14px 30px rgba(212, 175, 55, 0.35);
}

/* IMAGE */

.app-five-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-five-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.app-five-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.app-five-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.app-five-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: appFivePulse 1.5s infinite;
}

@keyframes appFivePulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .app-five-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-five-title {
        font-size: 30px;
    }

    .app-five-step {
        flex-direction: column;
        padding: 22px;
    }

    .app-five-step-number {
        width: 58px;
        height: 58px;
        min-width: 58px;
        font-size: 22px;
    }

    .app-five-step-content h3 {
        font-size: 20px;
    }

    .app-five-step-content p {
        font-size: 15px;
    }

    .app-five-support-box {
        padding: 18px;
    }

    .app-five-support-box span {
        font-size: 14px;
    }

    .app-five-btn {
        width: 100%;
        justify-content: center;
    }

    .app-five-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ====APP SECTION 6 === */
/* =========================
   APP SIX SECTION
========================= */

.app-six-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-six-glow-one,
.app-six-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-six-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appSixFloat 8s ease-in-out infinite;
}

.app-six-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appSixFloatTwo 10s ease-in-out infinite;
}

@keyframes appSixFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appSixFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-six-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-six-title {
    color: #fff;
    font-size: 54px;
    font-weight: 800;
    line-height: 1.3;
}

/* TABLE WRAPPER */

.app-six-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* TABLE */

.app-six-table {
    margin: 0;
    color: #fff;
}

/* HEAD */

.app-six-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.app-six-table thead th {
    padding: 28px 30px;
    color: #000;
    font-size: 20px;
    font-weight: 800;
    border: none;
}

/* BODY */

.app-six-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.app-six-table tbody tr:hover {
    background: #1a1a1a;
}

.app-six-table tbody td {
    padding: 24px 30px;
    vertical-align: middle;
    border: none;
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.7;
}

/* HIGHLIGHT */

.app-six-highlight {
    color: #d4af37 !important;
    font-weight: 700;
}

/* POSITIVE */

.app-six-positive {
    color: #45ff8d !important;
    font-weight: 700;
}

/* NEGATIVE */

.app-six-negative {
    color: #ff6b6b !important;
    font-weight: 700;
}

/* MOBILE */

@media(max-width:991px) {

    .app-six-title {
        font-size: 42px;
    }

}

@media(max-width:768px) {

    .app-six-table {
        min-width: 700px;
    }

    .app-six-table-wrapper {
        overflow-x: auto;
    }

}

@media(max-width:576px) {

    .app-six-title {
        font-size: 30px;
    }

    .app-six-table thead th {
        font-size: 16px;
        padding: 20px;
    }

    .app-six-table tbody td {
        font-size: 15px;
        padding: 18px 20px;
    }

}

/* ====APP SECTION 7 === */
/* =========================
   APP SEVEN SECTION
========================= */

.app-seven-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-seven-glow-one,
.app-seven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-seven-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appSevenFloat 8s ease-in-out infinite;
}

.app-seven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appSevenFloatTwo 10s ease-in-out infinite;
}

@keyframes appSevenFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appSevenFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-seven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-seven-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 28px;
}

/* TEXT */

.app-seven-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.9;
    margin-bottom: 40px;
}

/* STEPS */

.app-seven-steps {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* STEP */

.app-seven-step {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 28px;
    padding: 26px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
}

.app-seven-step:hover {
    transform: translateX(8px);
    border-color: #d4af37;
}

.app-seven-step::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 180px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

/* ICON */

.app-seven-step-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.app-seven-step-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 12px;
    line-height: 1.5;
}

.app-seven-step-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* SUPPORT */

.app-seven-support {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.20);
    border-radius: 26px;
    padding: 24px;
    margin-top: 40px;
}

.app-seven-support-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.app-seven-support-content h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 10px;
}

.app-seven-support-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* IMAGE */

.app-seven-image-box {
    position: relative;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;

    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-seven-image-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

.app-seven-image-box img {
    width: 100%;
    border-radius: 24px;
    position: relative;
    z-index: 2;
}

/* STATUS */

.app-seven-status {
    position: absolute;
    left: 35px;
    bottom: 35px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.app-seven-status-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: appSevenPulse 1.5s infinite;
}

@keyframes appSevenPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* MOBILE */

@media(max-width:991px) {

    .app-seven-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-seven-title {
        font-size: 30px;
    }

    .app-seven-text {
        font-size: 15px;
    }

    .app-seven-step {
        flex-direction: column;
        padding: 22px;
    }

    .app-seven-step-icon {
        width: 58px;
        height: 58px;
        min-width: 58px;
        font-size: 22px;
    }

    .app-seven-step-content h3 {
        font-size: 20px;
    }

    .app-seven-step-content p {
        font-size: 15px;
    }

    .app-seven-support {
        flex-direction: column;
        padding: 20px;
    }

    .app-seven-support-content h4 {
        font-size: 20px;
    }

    .app-seven-support-content p {
        font-size: 14px;
    }

    .app-seven-status {
        left: 20px;
        right: 20px;
        bottom: 20px;
        justify-content: center;
        font-size: 13px;
    }

}

/* ====APP SECTION 8 === */
/* =========================
   APP EIGHT SECTION
========================= */

.app-eight-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-eight-glow-one,
.app-eight-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-eight-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appEightFloat 8s ease-in-out infinite;
}

.app-eight-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appEightFloatTwo 10s ease-in-out infinite;
}

@keyframes appEightFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appEightFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-eight-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-eight-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.app-eight-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-eight-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.app-eight-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* ICON */

.app-eight-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 28px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* HEADING */

.app-eight-box h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 24px;
}

/* LABEL */

.app-eight-label {
    display: inline-block;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.20);
    color: #d4af37;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 18px;
    border-radius: 50px;
    margin-bottom: 14px;
}

/* TEXT */

.app-eight-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 22px;
}

.app-eight-content p:last-child {
    margin-bottom: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .app-eight-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-eight-title {
        font-size: 30px;
    }

    .app-eight-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .app-eight-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
        margin-bottom: 22px;
    }

    .app-eight-box h3 {
        font-size: 22px;
    }

    .app-eight-content p {
        font-size: 15px;
    }

}

/* ====APP SECTION 9 === */
/* =========================
   APP NINE SECTION
========================= */

.app-nine-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW EFFECT */

.app-nine-glow-one,
.app-nine-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-nine-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appNineFloat 8s ease-in-out infinite;
}

.app-nine-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appNineFloatTwo 10s ease-in-out infinite;
}

@keyframes appNineFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appNineFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-nine-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-nine-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* REVIEW BOX */

.app-nine-review-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 30px;
    padding: 35px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.app-nine-review-box:hover {
    transform: translateY(-8px);
    border-color: #d4af37;
}

.app-nine-review-box::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* STARS */

.app-nine-stars {
    font-size: 22px;
    margin-bottom: 24px;
}

/* USER */

.app-nine-user {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 28px;
}

.app-nine-user-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.app-nine-user-info h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin: 0;
}

/* TEXT */

.app-nine-review-box p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .app-nine-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-nine-title {
        font-size: 30px;
    }

    .app-nine-review-box {
        padding: 28px 24px;
        border-radius: 24px;
    }

    .app-nine-stars {
        font-size: 20px;
    }

    .app-nine-user {
        gap: 14px;
    }

    .app-nine-user-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 24px;
    }

    .app-nine-user-info h4 {
        font-size: 20px;
    }

    .app-nine-review-box p {
        font-size: 15px;
    }

}

/* ====APP SECTION 10 === */
/* =========================
   APP TEN SECTION
========================= */

.app-ten-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.app-ten-glow-one,
.app-ten-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.app-ten-glow-one {
    width: 420px;
    height: 420px;
    background: rgba(212, 175, 55, 0.10);
    top: -120px;
    left: -120px;
    animation: appTenFloat 8s ease-in-out infinite;
}

.app-ten-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: appTenFloatTwo 10s ease-in-out infinite;
}

@keyframes appTenFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes appTenFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.app-ten-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.app-ten-title {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    line-height: 1.3;
}

/* ACCORDION */

.app-ten-accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ITEM */

.app-ten-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 26px !important;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* BUTTON */

.app-ten-button {
    background: #111 !important;
    color: #fff !important;
    font-size: 22px;
    font-weight: 800;
    padding: 28px 32px;
    border: none !important;
    box-shadow: none !important;
    line-height: 1.5;
}

.app-ten-button:not(.collapsed) {
    background: #151515 !important;
    color: #d4af37 !important;
}

.app-ten-button::after {
    filter: brightness(0) saturate(100%) invert(74%) sepia(53%) saturate(495%) hue-rotate(8deg) brightness(95%) contrast(92%);
}

/* BODY */

.app-ten-body {
    padding: 0 32px 32px;
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.95;
    background: #111;
}

/* MOBILE */

@media(max-width:991px) {

    .app-ten-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .app-ten-title {
        font-size: 30px;
    }

    .app-ten-button {
        font-size: 18px;
        padding: 22px 20px;
    }

    .app-ten-body {
        padding: 0 20px 24px;
        font-size: 15px;
    }

}

/* ==== ABOUT SECTION START === */

/* ==== ABOUT SECTION 1 === */
/* =========================
   ABOUT ONE SECTION
========================= */

.about-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-one-glow-one,
.about-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-one-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutOneFloat 8s ease-in-out infinite;
}

.about-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutOneFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-one-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-one-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 30px;
}

/* TEXT */

.about-one-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.95;
    margin-bottom: 24px;
}

/* HIGHLIGHT */

.about-one-highlight {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 28px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.about-one-highlight::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.about-one-highlight-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

/* CONTENT */

.about-one-highlight-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 10px;
}

.about-one-highlight-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* CARD */

.about-one-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.about-one-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.about-one-image {
    margin-bottom: 30px;
}

.about-one-image img {
    width: 100%;
    border-radius: 24px;
}

/* STATS */

.about-one-stats {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.about-one-stat-box {
    flex: 1;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 24px;
    padding: 25px 20px;
    text-align: center;
    transition: .4s ease;
}

.about-one-stat-box:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.about-one-stat-box h3 {
    color: #d4af37;
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 10px;
}

.about-one-stat-box p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.7;
}

/* BOTTOM */

.about-one-bottom {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 26px;
    padding: 24px;
}

/* ICON */

.about-one-bottom-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
}

/* CONTENT */

.about-one-bottom-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.about-one-bottom-content p {
    color: #d0d0d0;
    line-height: 1.8;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .about-one-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .about-one-title {
        font-size: 30px;
    }

    .about-one-text {
        font-size: 15px;
    }

    .about-one-highlight {
        flex-direction: column;
        padding: 24px 22px;
    }

    .about-one-highlight-content h4 {
        font-size: 24px;
    }

    .about-one-card {
        padding: 24px 20px;
    }

    .about-one-stats {
        flex-direction: column;
    }

    .about-one-bottom {
        flex-direction: column;
    }

}

/* ==== ABOUT SECTION 2 === */
/* =========================
   ABOUT TWO SECTION
========================= */

.about-two-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-two-glow-one,
.about-two-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-two-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutTwoFloat 8s ease-in-out infinite;
}

.about-two-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutTwoFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutTwoFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutTwoFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* CARD */

.about-two-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.about-two-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.about-two-image {
    margin-bottom: 28px;
}

.about-two-image img {
    width: 100%;
    border-radius: 24px;
}

/* STATUS */

.about-two-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.20);
    color: #45ff8d;
    padding: 12px 22px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 30px;
}

.about-two-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #45ff8d;
    animation: aboutTwoPulse 1.5s infinite;
}

@keyframes aboutTwoPulse {

    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: .5;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }

}

/* FEATURES */

.about-two-features {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* FEATURE */

.about-two-feature {
    display: flex;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 24px;
    padding: 22px;
    transition: .4s ease;
}

.about-two-feature:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

/* ICON */

.about-two-feature-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

/* CONTENT */

.about-two-feature-content h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
}

.about-two-feature-content p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.8;
}

/* BADGE */

.about-two-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-two-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 30px;
}

/* TEXT */

.about-two-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.95;
    margin-bottom: 24px;
}

/* COMPARISON */

.about-two-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin: 40px 0;
}

/* BOX */

.about-two-compare-box {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 30px;
    padding: 28px;
    transition: .4s ease;
}

.about-two-compare-box:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

.about-two-compare-box.active {
    border-color: #d4af37;
    background: linear-gradient(135deg, #111, #1b1b1b);
}

/* ICON */

.about-two-compare-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 24px;
}

/* TEXT */

.about-two-compare-box h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 14px;
}

.about-two-compare-box p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* HIGHLIGHT */

.about-two-highlight {
    display: flex;
    gap: 20px;
    background: linear-gradient(135deg, #111, #1b1b1b);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 30px;
    padding: 30px;
    margin-top: 40px;
    position: relative;
    overflow: hidden;
}

.about-two-highlight::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.about-two-highlight-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

/* CONTENT */

.about-two-highlight-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}

.about-two-highlight-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .about-two-title {
        font-size: 42px;
    }

}

@media(max-width:768px) {

    .about-two-comparison {
        grid-template-columns: 1fr;
    }

}

@media(max-width:576px) {

    .about-two-title {
        font-size: 30px;
    }

    .about-two-text {
        font-size: 15px;
    }

    .about-two-card {
        padding: 24px 20px;
    }

    .about-two-feature {
        flex-direction: column;
    }

    .about-two-highlight {
        flex-direction: column;
        padding: 24px 22px;
    }

    .about-two-highlight-content h4 {
        font-size: 24px;
    }

}

/* ==== ABOUT SECTION 3 === */
/* =========================
   ABOUT THREE SECTION
========================= */

.about-three-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-three-glow-one,
.about-three-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-three-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutThreeFloat 8s ease-in-out infinite;
}

.about-three-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutThreeFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutThreeFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutThreeFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-three-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-three-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 30px;
}

/* TEXT */

.about-three-text {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.95;
    margin-bottom: 24px;
}

/* WARNING */

.about-three-warning {
    display: flex;
    gap: 20px;
    background: rgba(255, 193, 7, 0.08);
    border: 1px solid rgba(255, 193, 7, 0.18);
    border-radius: 30px;
    padding: 28px;
    margin: 35px 0;
    position: relative;
    overflow: hidden;
}

.about-three-warning::before {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    background: rgba(255, 193, 7, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.about-three-warning-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

/* CONTENT */

.about-three-warning-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}

.about-three-warning-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* HIGHLIGHT */

.about-three-highlight {
    display: flex;
    gap: 20px;
    background: linear-gradient(135deg, #111, #1a1a1a);
    border: 1px solid rgba(37, 211, 102, 0.18);
    border-radius: 30px;
    padding: 28px;
    margin-top: 40px;
}

.about-three-highlight-icon {
    width: 75px;
    height: 75px;
    min-width: 75px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25d366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}

.about-three-highlight-content h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 12px;
}

.about-three-highlight-content p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* CARD */

.about-three-card {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.about-three-card::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -100px;
    right: -100px;
}

/* IMAGE */

.about-three-image {
    margin-bottom: 30px;
}

.about-three-image img {
    width: 100%;
    border-radius: 24px;
}

/* TIMELINE */

.about-three-timeline {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-bottom: 30px;
}

/* ITEM */

.about-three-item {
    display: flex;
    gap: 18px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 24px;
    padding: 22px;
    transition: .4s ease;
}

.about-three-item:hover {
    transform: translateY(-5px);
    border-color: #d4af37;
}

/* STEP */

.about-three-step {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
}

/* CONTENT */

.about-three-item-content h5 {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 8px;
}

.about-three-item-content p {
    color: #d0d0d0;
    margin: 0;
    line-height: 1.8;
}

/* BOTTOM */

.about-three-bottom {
    background: linear-gradient(135deg, #111, #1b1b1b);
    border: 1px solid rgba(212, 175, 55, 0.18);
    border-radius: 28px;
    padding: 30px;
    text-align: center;
}

.about-three-bottom h3 {
    color: #d4af37;
    font-size: 38px;
    font-weight: 900;
    margin-bottom: 14px;
}

.about-three-bottom p {
    color: #d0d0d0;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .about-three-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .about-three-title {
        font-size: 30px;
    }

    .about-three-text {
        font-size: 15px;
    }

    .about-three-warning,
    .about-three-highlight {
        flex-direction: column;
        padding: 24px 22px;
    }

    .about-three-warning-content h4,
    .about-three-highlight-content h4 {
        font-size: 24px;
    }

    .about-three-card {
        padding: 24px 20px;
    }

    .about-three-item {
        flex-direction: column;
    }

    .about-three-bottom h3 {
        font-size: 30px;
    }

}

/* ==== ABOUT SECTION 4 === */
/* =========================
   ABOUT FOUR SECTION
========================= */

.about-four-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-four-glow-one,
.about-four-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-four-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutFourFloat 8s ease-in-out infinite;
}

.about-four-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutFourFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutFourFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutFourFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-four-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-four-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
}

/* TABLE WRAPPER */

.about-four-table-wrapper {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* TABLE */

.about-four-table {
    margin: 0;
    color: #fff;
}

/* HEAD */

.about-four-table thead {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
}

.about-four-table thead th {
    padding: 28px 30px;
    color: #000;
    font-size: 22px;
    font-weight: 800;
    border: none;
}

/* ROW */

.about-four-table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    transition: .4s ease;
}

.about-four-table tbody tr:hover {
    background: #1a1a1a;
}

/* TD */

.about-four-table tbody td {
    padding: 24px 30px;
    vertical-align: middle;
    border: none;
}

/* LABEL */

.about-four-label {
    display: flex;
    align-items: center;
    gap: 18px;
}

/* ICON */

.about-four-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.20);
}

.about-four-label span {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}

/* VALUE */

.about-four-value {
    color: #d0d0d0;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.9;
}

/* MOBILE */

@media(max-width:991px) {

    .about-four-title {
        font-size: 42px;
    }

}

@media(max-width:768px) {

    .about-four-table {
        min-width: 800px;
    }

    .about-four-table-wrapper {
        overflow-x: auto;
    }

}

@media(max-width:576px) {

    .about-four-title {
        font-size: 30px;
    }

    .about-four-table thead th {
        font-size: 18px;
        padding: 22px 20px;
    }

    .about-four-table tbody td {
        padding: 20px;
    }

    .about-four-label span {
        font-size: 16px;
    }

    .about-four-value {
        font-size: 15px;
    }

    .about-four-icon {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 20px;
    }

}

/* ==== ABOUT SECTION 5 === */
/* =========================
   ABOUT FIVE SECTION
========================= */

.about-five-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-five-glow-one,
.about-five-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-five-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutFiveFloat 8s ease-in-out infinite;
}

.about-five-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutFiveFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutFiveFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutFiveFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-five-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-five-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 24px;
}

/* SUBTITLE */

.about-five-subtitle {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 1.9;
    margin: 0;
}

/* BOX */

.about-five-box {
    height: 100%;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.about-five-box:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.about-five-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.about-five-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 30px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.about-five-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 22px;
}

.about-five-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 22px;
}

/* HIGHLIGHT */

.about-five-highlight {
    display: inline-block;
    padding: 14px 22px;
    border-radius: 18px;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.18);
    color: #45ff8d;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

/* MOBILE */

@media(max-width:991px) {

    .about-five-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .about-five-title {
        font-size: 30px;
    }

    .about-five-subtitle {
        font-size: 15px;
    }

    .about-five-box {
        padding: 28px 22px;
    }

    .about-five-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .about-five-content h3 {
        font-size: 24px;
    }

    .about-five-content p {
        font-size: 15px;
    }

    .about-five-highlight {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

}

/* ==== ABOUT SECTION 6 === */
/* =========================
   CONTACT ONE SECTION
========================= */

.contact-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.contact-one-glow-one,
.contact-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.contact-one-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: contactOneFloat 8s ease-in-out infinite;
}

.contact-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: contactOneFloatTwo 10s ease-in-out infinite;
}

@keyframes contactOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes contactOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.contact-one-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.contact-one-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.contact-one-box {
    height: 100%;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.contact-one-box:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.contact-one-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* ICON */

.contact-one-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 30px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.contact-one-content h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.5;
    margin-bottom: 22px;
}

.contact-one-content p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
    margin-bottom: 22px;
}

/* EMAIL */

.contact-one-email,
.contact-one-website {
    color: #d4af37 !important;
    font-size: 24px !important;
    font-weight: 800;
    word-break: break-word;
}

/* INFO */

.contact-one-info {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 30px;
}

.contact-one-info-item {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 18px;
    padding: 18px 20px;
}

.contact-one-label {
    color: #fff;
    font-weight: 700;
}

.contact-one-value {
    color: #d4af37;
    font-weight: 700;
    text-align: right;
}

/* STATUS */

.contact-one-status {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.18);
    color: #45ff8d;
    padding: 14px 22px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
}

/* ALERT */

.contact-one-alert {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(255, 193, 7, 0.10);
    border: 1px solid rgba(255, 193, 7, 0.18);
    color: #ffd65c;
    padding: 18px 22px;
    border-radius: 20px;
    font-size: 15px;
    line-height: 1.8;
}

/* MOBILE */

@media(max-width:991px) {

    .contact-one-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .contact-one-title {
        font-size: 30px;
    }

    .contact-one-box {
        padding: 28px 22px;
    }

    .contact-one-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .contact-one-content h3 {
        font-size: 24px;
    }

    .contact-one-content p {
        font-size: 15px;
    }

    .contact-one-email,
    .contact-one-website {
        font-size: 20px !important;
    }

    .contact-one-info-item {
        flex-direction: column;
    }

    .contact-one-value {
        text-align: left;
    }

    .contact-one-status,
    .contact-one-alert {
        width: 100%;
        font-size: 14px;
    }

}

/* ==== ABOUT SECTION 7 === */
/* =========================
   ABOUT SEVEN SECTION
========================= */

.about-seven-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-seven-glow-one,
.about-seven-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-seven-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutSevenFloat 8s ease-in-out infinite;
}

.about-seven-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(255, 215, 0, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutSevenFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutSevenFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutSevenFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-seven-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-seven-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
}

/* BOX */

.about-seven-box {
    height: 100%;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    transition: .4s ease;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.about-seven-box:hover {
    transform: translateY(-6px);
    border-color: #d4af37;
}

.about-seven-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* WARNING BOX */

.about-seven-box.warning {
    border-color: rgba(255, 193, 7, 0.20);
}

/* ICON */

.about-seven-icon {
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25d366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    margin-bottom: 30px;
    box-shadow: 0 10px 25px rgba(37, 211, 102, 0.25);
}

.warning-icon {
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* CONTENT */

.about-seven-content h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 30px;
}

/* LIST */

.about-seven-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ITEM */

.about-seven-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 22px;
    padding: 22px;
    transition: .4s ease;
}

.about-seven-item:hover {
    border-color: #d4af37;
    transform: translateY(-4px);
}

/* ITEM ICON */

.about-seven-item-icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.warning-small {
    background: linear-gradient(45deg, #ffb300, #ffd54f);
}

/* TEXT */

.about-seven-item p {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.9;
    margin: 0;
}

/* ALERT */

.about-seven-alert {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    background: rgba(255, 193, 7, 0.10);
    border: 1px solid rgba(255, 193, 7, 0.18);
    color: #ffd65c;
    padding: 18px 22px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
}

/* MOBILE */

@media(max-width:991px) {

    .about-seven-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .about-seven-title {
        font-size: 30px;
    }

    .about-seven-box {
        padding: 28px 22px;
    }

    .about-seven-icon {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }

    .about-seven-content h3 {
        font-size: 26px;
    }

    .about-seven-item {
        flex-direction: column;
    }

    .about-seven-item p {
        font-size: 15px;
    }

    .about-seven-alert {
        font-size: 14px;
        align-items: flex-start;
    }

}

/* ==== ABOUT SECTION 8 === */
/* =========================
   RESPONSIBLE GAMING SECTION
========================= */

.responsible-one-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.responsible-one-glow-one,
.responsible-one-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.responsible-one-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: responsibleOneFloat 8s ease-in-out infinite;
}

.responsible-one-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.08);
    bottom: -120px;
    right: -120px;
    animation: responsibleOneFloatTwo 10s ease-in-out infinite;
}

@keyframes responsibleOneFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes responsibleOneFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.responsible-one-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.responsible-one-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 24px;
}

/* SUBTITLE */

.responsible-one-subtitle {
    color: #d0d0d0;
    font-size: 18px;
    line-height: 1.9;
    margin: 0;
}

/* BOX */

.responsible-one-box,
.responsible-one-help-box {
    height: 100%;
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15);
    border-radius: 35px;
    padding: 35px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

.responsible-one-box::before,
.responsible-one-help-box::before {
    content: '';
    position: absolute;
    width: 240px;
    height: 240px;
    background: rgba(212, 175, 55, 0.05);
    border-radius: 50%;
    top: -120px;
    right: -120px;
}

/* HEAD */

.responsible-one-head {
    display: flex;
    gap: 24px;
    margin-bottom: 30px;
}

/* ICON */

.responsible-one-icon,
.responsible-one-help-icon {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border-radius: 50%;
    background: linear-gradient(45deg, #d4af37, #f5d76e);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

/* TEXT */

.responsible-one-head h3,
.responsible-one-help-head h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 14px;
}

.responsible-one-head p,
.responsible-one-help-text {
    color: #d0d0d0;
    font-size: 16px;
    line-height: 1.95;
}

/* NOTE */

.responsible-one-note {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.18);
    color: #45ff8d;
    padding: 14px 22px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 35px;
}

/* LIST */

.responsible-one-list {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

/* ITEM */

.responsible-one-item {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 24px;
    transition: .4s ease;
}

.responsible-one-item:hover {
    border-color: #d4af37;
    transform: translateY(-5px);
}

/* ITEM ICON */

.responsible-one-item-icon {
    width: 65px;
    height: 65px;
    min-width: 65px;
    border-radius: 50%;
    background: linear-gradient(45deg, #25d366, #45ff8d);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}

/* CONTENT */

.responsible-one-item-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
}

.responsible-one-item-content p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

/* HELP HEAD */

.responsible-one-help-head {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

/* HELPLINE */

.responsible-one-helpline {
    background: #1a1a1a;
    border: 1px solid rgba(212, 175, 55, 0.12);
    border-radius: 24px;
    padding: 24px;
    margin-top: 24px;
    transition: .4s ease;
}

.responsible-one-helpline:hover {
    border-color: #d4af37;
    transform: translateY(-4px);
}

.responsible-one-helpline h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 14px;
}

.responsible-one-helpline span {
    display: inline-block;
    color: #45ff8d;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 14px;
}

.responsible-one-helpline p {
    color: #d0d0d0;
    font-size: 15px;
    line-height: 1.9;
    margin: 0;
}

/* MOBILE */

@media(max-width:991px) {

    .responsible-one-title {
        font-size: 42px;
    }

}

@media(max-width:576px) {

    .responsible-one-title {
        font-size: 30px;
    }

    .responsible-one-subtitle {
        font-size: 15px;
    }

    .responsible-one-box,
    .responsible-one-help-box {
        padding: 28px 22px;
    }

    .responsible-one-head {
        flex-direction: column;
    }

    .responsible-one-help-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .responsible-one-icon,
    .responsible-one-help-icon {
        width: 70px;
        height: 70px;
        min-width: 70px;
        font-size: 28px;
    }

    .responsible-one-head h3,
    .responsible-one-help-head h3 {
        font-size: 26px;
    }

    .responsible-one-item {
        flex-direction: column;
    }

    .responsible-one-item-content h4 {
        font-size: 22px;
    }

    .responsible-one-note {
        width: 100%;
        justify-content: center;
        text-align: center;
        font-size: 14px;
    }

    .responsible-one-helpline h4 {
        font-size: 22px;
    }

    .responsible-one-helpline span {
        font-size: 20px;
    }

}

/* ==== ABOUT SECTION 9 === */
/* =========================
   ABOUT FAQ SECTION
========================= */

.about-faq-section {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* GLOW */

.about-faq-glow-one,
.about-faq-glow-two {
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
}

.about-faq-glow-one {
    width: 450px;
    height: 450px;
    background: rgba(212, 175, 55, 0.10);
    top: -150px;
    left: -150px;
    animation: aboutFaqFloat 8s ease-in-out infinite;
}

.about-faq-glow-two {
    width: 350px;
    height: 350px;
    background: rgba(37, 211, 102, 0.08);
    bottom: -120px;
    right: -120px;
    animation: aboutFaqFloatTwo 10s ease-in-out infinite;
}

@keyframes aboutFaqFloat {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0px);
    }

}

@keyframes aboutFaqFloatTwo {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-35px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* BADGE */

.about-faq-badge {
    display: inline-block;
    padding: 10px 24px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.10);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: #d4af37;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

/* TITLE */

.about-faq-title {
    color: #fff;
    font-size: 56px;
    font-weight: 800;
    line-height: 1.3;
}

/* ACCORDION */

.about-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* ITEM */

.about-faq-item {
    background: #111;
    border: 1px solid rgba(212, 175, 55, 0.15) !important;
    border-radius: 30px !important;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.45);
}

/* BUTTON */

.about-faq-button {
    background: #111 !important;
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    padding: 30px 35px !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 1.5;
}

.about-faq-button:not(.collapsed) {
    background: #151515 !important;
    color: #d4af37 !important;
}

/* ARROW */

.about-faq-button::after {
    filter: brightness(0) invert(1);
}

/* BODY */

.about-faq-body {
    padding: 0 35px 35px 35px;
}

.about-faq-body p {
    color: #d0d0d0;
    font-size: 17px;
    line-height: 1.95;
    margin-bottom: 22px;
}

/* HIGHLIGHT */

.about-faq-highlight {
    display: inline-block;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.18);
    color: #45ff8d;
    padding: 14px 22px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

/* WARNING */

.about-faq-warning {
    display: inline-block;
    background: rgba(255, 193, 7, 0.10);
    border: 1px solid rgba(255, 193, 7, 0.18);
    color: #ffd65c;
    padding: 14px 22px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

/* SUCCESS */

.about-faq-success {
    display: inline-block;
    background: rgba(37, 211, 102, 0.10);
    border: 1px solid rgba(37, 211, 102, 0.18);
    color: #45ff8d;
    padding: 16px 22px;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
}

/* MOBILE */

@media(max-width:991px) {

    .about-faq-title {
        font-size: 42px;
    }

    .about-faq-button {
        font-size: 22px !important;
    }

}

@media(max-width:576px) {

    .about-faq-title {
        font-size: 30px;
    }

    .about-faq-button {
        font-size: 19px !important;
        padding: 24px 22px !important;
    }

    .about-faq-body {
        padding: 0 22px 25px 22px;
    }

    .about-faq-body p {
        font-size: 15px;
    }

    .about-faq-highlight,
    .about-faq-warning,
    .about-faq-success {
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

}