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

FOREXBOTWORKS PRODUCTS

Temporary Mercury Theme Override

Version : 1.0

Developer : ForexBotWorks

====================================================

This stylesheet is temporary and will be replaced
after migration to the new custom theme.

====================================================
*/
/*======================================================
  FOREXBOTWORKS PRODUCTS CSS
  Version: 1.0
  PART 1
======================================================*/


/*======================================================
  VARIABLES
======================================================*/

:root{

    --fbw-bg:#071421;
    --fbw-bg-light:#0b1828;

    --fbw-card:rgba(9,20,34,.72);

    --fbw-white:#ffffff;

    --fbw-text:#aeb8c8;

    --fbw-gold:#d4af37;
    --fbw-gold-hover:#f3c756;

    --fbw-border:rgba(212,175,55,.22);

    --fbw-radius:20px;

    --fbw-transition:.35s ease;

    --fbw-container:1320px;

}


/*======================================================
  RESET
======================================================*/

.market-section *,
.products-hero *{

    box-sizing:border-box;

}

.market-section a,
.products-hero a{

    text-decoration:none;

}

.market-section img,
.products-hero img{

    max-width:100%;
    display:block;

}

.market-section ul{

    list-style:none;
    margin:0;
    padding:0;

}

.market-section{

    position:relative;

    padding:120px 0;

    overflow:hidden;

}

.fbw-container{

    width:100%;
    max-width:var(--fbw-container);

    margin:auto;

    padding:0 20px;

}


/*======================================================
  TYPOGRAPHY
======================================================*/

.market-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    margin-bottom:28px;

    background:rgba(212,175,55,.10);

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

    border-radius:100px;

    color:var(--fbw-gold);

    font-size:13px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:2px;

}

.market-content h2{

    margin:0 0 25px;

    color:#fff;

    font-size:56px;

    line-height:1.1;

    font-weight:700;

}

.market-content h2 span{

    color:var(--fbw-gold);

}

.market-content p{

    max-width:640px;

    color:var(--fbw-text);

    font-size:18px;

    line-height:1.9;

    margin-bottom:40px;

}


/*======================================================
  HERO LAYOUT
======================================================*/

.market-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:70px;

}

.market-content{

    position:relative;

    z-index:2;

}

.market-image{

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.market-image img{

    width:100%;

    max-width:650px;

}


/*======================================================
  FEATURES
======================================================*/

.market-features{

    display:grid;

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

    gap:18px;

    margin:50px 0;

}

.market-features li{

    position:relative;

    padding-left:34px;

    color:#d7dfe9;

    line-height:1.7;

    font-size:16px;

}

.market-features li:before{

    content:"✓";

    position:absolute;

    left:0;

    top:0;

    color:var(--fbw-gold);

    font-weight:bold;

}


/*======================================================
  BUTTONS
======================================================*/

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:16px 34px;

    background:var(--fbw-gold);

    color:#071421;

    font-size:16px;

    font-weight:600;

    border-radius:12px;

    transition:var(--fbw-transition);

}

.btn-primary:hover{

    background:var(--fbw-gold-hover);

    color:#071421;

    transform:translateY(-4px);

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:16px 34px;

    margin-left:15px;

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

    color:var(--fbw-white);

    border-radius:12px;

    transition:var(--fbw-transition);

}

.btn-outline:hover{

    border-color:var(--fbw-gold);

    color:var(--fbw-gold);

    transform:translateY(-4px);

}


/*======================================================
  MERCURY FIXES
======================================================*/

.market-section h1,
.market-section h2,
.market-section h3,
.market-section h4{

    color:#fff;

}

.market-section p{

    color:var(--fbw-text);

}

.market-section a{

    text-decoration:none;

}

.market-section li{

    list-style:none;

}

.market-section img{

    border:none;

}

.market-section .wp-block-image{

    margin:0;

}

.market-section figure{

    margin:0;

}

/*======================================================
  PART 2
  PRODUCTS GRID
======================================================*/

.products-grid-section{

    padding:40px 0 120px;

}

.products-grid{

    display:grid;

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

    gap:32px;

}


/*======================================================
  PRODUCT CARD
======================================================*/

.product-card{

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    background:rgba(9,20,34,.72);

    backdrop-filter:blur(14px);

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

    border-radius:20px;

    padding:35px;

    overflow:hidden;

    transition:all .35s ease;

}

.product-card:hover{

    transform:translateY(-8px);

    border-color:#d4af37;

    box-shadow:0 20px 45px rgba(212,175,55,.12);

}


/* subtle gold line */

.product-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:2px;

    background:linear-gradient(
        90deg,
        transparent,
        #d4af37,
        transparent
    );

    opacity:.65;

}


/*======================================================
  PLATFORM
======================================================*/

.platform{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:fit-content;

    padding:7px 14px;

    margin-bottom:24px;

    border-radius:8px;

    background:#0e2135;

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

    color:#d4af37;

    font-size:12px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}


/*======================================================
  PRODUCT IMAGE
======================================================*/

.product-card img{

    width:72px;

    height:72px;

    object-fit:contain;

    margin-bottom:28px;

}


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

.product-card h3{

    margin:0;

    color:#ffffff;

    font-size:26px;

    line-height:1.3;

    font-weight:700;

}


/*======================================================
  LICENSE
======================================================*/

.license{

    display:inline-flex;

    align-items:center;

    width:fit-content;

    margin:18px 0;

    padding:8px 16px;

    border-radius:100px;

    background:rgba(212,175,55,.08);

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

    color:#d4af37;

    font-size:13px;

    font-weight:600;

}


/*======================================================
  DESCRIPTION
======================================================*/

.product-card p{

    margin:0;

    color:#aeb8c8;

    line-height:1.8;

    font-size:16px;

    flex-grow:1;

}


/*======================================================
  STATUS
======================================================*/

.product-status{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:fit-content;

    margin-top:28px;

    margin-bottom:24px;

    padding:8px 16px;

    border-radius:100px;

    font-size:13px;

    font-weight:600;

}


/* Current Release */

.available{

    background:rgba(38,127,76,.15);

    border:1px solid rgba(38,127,76,.35);

    color:#65df98;

}


/* In Development */

.development{

    background:rgba(212,175,55,.10);

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

    color:#d4af37;

}


/*======================================================
  CARD LINK
======================================================*/

.product-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.product-card a:hover{

    color:#d4af37;

}


/*======================================================
  COMING SOON
======================================================*/

.coming-soon{

    opacity:.90;

}

.coming-soon:hover{

    opacity:1;

}


/*======================================================
  MARKET FOOTER
======================================================*/

.market-footer{

    padding:0 0 120px;

    text-align:center;

}

.market-footer .view-all{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

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

    border-radius:14px;

    color:#ffffff;

    transition:.35s;

}

.market-footer .view-all:hover{

    border-color:#d4af37;

    color:#d4af37;

    transform:translateY(-4px);

}

/*======================================================
  PART 3
  MARKET LAYOUT & VISUAL POLISH
======================================================*/


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

.market-content{

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.market-content::after{

    content:"";

    display:block;

    width:120px;

    height:2px;

    margin-top:45px;

    background:linear-gradient(
        90deg,
        var(--fbw-gold),
        transparent
    );

}


/*======================================================
  MARKET IMAGE
======================================================*/

.market-image{

    position:relative;

}

.market-image img{

    transition:transform .6s ease;

}

.market-section:hover .market-image img{

    transform:scale(1.02);

}


/*======================================================
  IMAGE OVERLAY
======================================================*/

.market-image::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    background:linear-gradient(
        90deg,
        rgba(7,20,33,.00),
        rgba(7,20,33,.18)
    );

    pointer-events:none;

}


/*======================================================
  SOFT GLOW
======================================================*/

.market-image::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    right:40px;

    bottom:40px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    filter:blur(90px);

    pointer-events:none;

}


/*======================================================
  PRODUCT CARD IMAGE
======================================================*/

.product-card img{

    transition:.45s ease;

}

.product-card:hover img{

    transform:translateY(-4px) scale(1.05);

}


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

.product-card h3{

    transition:.3s ease;

}

.product-card:hover h3{

    color:var(--fbw-gold);

}


/*======================================================
  STATUS
======================================================*/

.product-status{

    transition:.3s ease;

}

.product-card:hover .available{

    box-shadow:0 0 18px rgba(65,223,130,.20);

}

.product-card:hover .development{

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

}


/*======================================================
  CARD BORDER
======================================================*/

.product-card{

    isolation:isolate;

}

.product-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:20px;

    background:linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        transparent 30%
    );

    opacity:0;

    transition:.35s ease;

    pointer-events:none;

}

.product-card:hover::after{

    opacity:1;

}


/*======================================================
  BUTTON HOVER
======================================================*/

.btn-primary i,
.btn-outline i{

    transition:.3s ease;

}

.btn-primary:hover i,
.btn-outline:hover i{

    transform:translateX(4px);

}


/*======================================================
  MARKET SECTION SPACING
======================================================*/

.market-section + .market-section{

    margin-top:40px;

}


/*======================================================
  SCROLL OFFSET
======================================================*/

.market-section{

    scroll-margin-top:110px;

}


/*======================================================
  UTILITY
======================================================*/

.text-gold{

    color:var(--fbw-gold);

}

.text-white{

    color:#ffffff;

}

.text-muted{

    color:var(--fbw-text);

}

.text-center{

    text-align:center;

}

.mt-30{

    margin-top:30px;

}

.mt-50{

    margin-top:50px;

}

.mb-30{

    margin-bottom:30px;

}

.mb-50{

    margin-bottom:50px;

}


/*======================================================
  END PART 3
======================================================*/

/*======================================================
  PART 4
  RESPONSIVE + MERCURY FIXES
======================================================*/


/*======================================================
  LARGE DESKTOP
======================================================*/

@media (max-width:1400px){

    .fbw-container{

        max-width:1200px;

    }

}


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

@media (max-width:1200px){

    .market-grid{

        grid-template-columns:1fr;

        gap:60px;

    }

    .market-image{

        justify-content:center;

    }

    .market-image img{

        max-width:620px;

    }

    .products-grid{

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

    }

}


/*======================================================
  TABLET
======================================================*/

@media (max-width:992px){

    .market-section{

        padding:90px 0;

    }

    .market-content h2{

        font-size:44px;

    }

    .market-content p{

        font-size:17px;

    }

    .market-features{

        grid-template-columns:1fr;

    }

    .products-grid{

        gap:24px;

    }

}


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

@media (max-width:768px){

    .market-section{

        padding:70px 0;

    }

    .products-grid{

        grid-template-columns:1fr;

    }

    .market-content h2{

        font-size:36px;

    }

    .market-content p{

        font-size:16px;

        line-height:1.8;

    }

    .product-card{

        padding:30px;

    }

    .market-image{

        order:-1;

    }

    .market-image img{

        max-width:100%;

    }

    .btn-primary,
    .btn-outline{

        width:100%;

        justify-content:center;

    }

    .btn-outline{

        margin-left:0;

        margin-top:15px;

    }

}


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

@media (max-width:576px){

    .fbw-container{

        padding:0 18px;

    }

    .market-badge{

        font-size:11px;

        letter-spacing:1px;

    }

    .market-content h2{

        font-size:30px;

    }

    .platform{

        font-size:11px;

    }

    .license{

        font-size:12px;

    }

    .product-card h3{

        font-size:22px;

    }

}


/*======================================================
  MERCURY / GUTENBERG OVERRIDES
======================================================*/

.market-section .wp-block-group{

    margin:0;

    padding:0;

}

.market-section .wp-block-columns{

    margin:0;

}

.market-section .wp-block-column{

    margin:0;

}

.market-section figure{

    margin:0;

}

.market-section img{

    height:auto;

}

.market-section p:last-child{

    margin-bottom:0;

}

.market-section .alignwide,
.market-section .alignfull{

    max-width:100%;

}


/*======================================================
  WORDPRESS LINKS
======================================================*/

.market-section a:focus{

    outline:none;

    box-shadow:none;

}

.market-section a:hover{

    text-decoration:none;

}


/*======================================================
  SMOOTH SCROLL
======================================================*/

html{

    scroll-behavior:smooth;

}


/*======================================================
  SELECTION
======================================================*/

::selection{

    background:rgba(212,175,55,.30);

    color:#fff;

}


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

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#071421;

}

::-webkit-scrollbar-thumb{

    background:#d4af37;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#f3c756;

}

/*======================================================
  HERO DIVIDER
======================================================*/

.fbw-hero{

    position:relative;

    overflow:hidden;

}

.fbw-hero::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    width:100%;
    height:2px;

    background:linear-gradient(
        90deg,
        rgba(212,175,55,0) 0%,
        rgba(212,175,55,.18) 10%,
        rgba(212,175,55,.55) 30%,
        #d4af37 50%,
        rgba(212,175,55,.55) 70%,
        rgba(212,175,55,.18) 90%,
        rgba(212,175,55,0) 100%
    );

}

.fbw-hero::before{

    content:"";

    position:absolute;

    left:50%;
    bottom:-12px;

    transform:translateX(-50%);

    width:180px;
    height:28px;

    background:rgba(212,175,55,.35);

    filter:blur(20px);

    pointer-events:none;

}

/*=========================================
 HERO → METALS
=========================================*/

#metals{

    padding-top:40px;

    padding-bottom:120px;

    margin-top:0;

}
.fbw-hero + #metals{

    margin-top:0;

}
.fbw-hero{
    padding-bottom:40px;
}

#metals{
    padding-top:40px;
    margin-top:0;
}

/*=========================================================
  FOREXBOTWORKS
  CRYPTO THEME
  Version 1.0
=========================================================*/

/*=========================================================
  THEME COLORS

  Accent : #35D8FF
  Hover  : #18C4F0
  Navy   : #071421

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


/*=========================================================
  MARKET BADGE
=========================================================*/

.market-crypto .market-badge{

    background:rgba(53,216,255,.10);

    border:1px solid rgba(53,216,255,.30);

    color:#35D8FF;

}


/*=========================================================
  BUTTON
=========================================================*/

.market-crypto .btn-primary{

    background:#35D8FF;

    color:#071421;

    border:1px solid #35D8FF;

}

.market-crypto .btn-primary:hover{

    background:#18C4F0;

    border-color:#18C4F0;

    color:#FFFFFF;

}


/*=========================================================
  PRODUCT CARD
=========================================================*/

.market-crypto .product-card{

    border-color:rgba(53,216,255,.18);

}

.market-crypto .product-card:hover{

    border-color:#35D8FF;

    box-shadow:

        0 0 25px rgba(53,216,255,.15);

}


/*=========================================================
  PRODUCT PLATFORM BADGE
=========================================================*/

.market-crypto .platform{

    background:rgba(53,216,255,.10);

    border:1px solid rgba(53,216,255,.30);

    color:#35D8FF;

}


/*=========================================================
  PRODUCT LINK
=========================================================*/

.market-crypto .product-link{

    color:#35D8FF;

}

.market-crypto .product-link:hover{

    color:#63E2FF;

}

.market-crypto .product-link:hover i{

    transform:translateX(4px);

}


/*=========================================================
  DIVIDER
=========================================================*/

.market-crypto .section-divider{

    background:rgba(53,216,255,.18);

}

.market-crypto .divider-glow{

    background:#35D8FF;

    box-shadow:

        0 0 20px rgba(53,216,255,.40),

        0 0 40px rgba(53,216,255,.18);

}


/*=========================================================
  IMAGE
=========================================================*/

.market-crypto .market-image img{

    filter:

        drop-shadow(0 0 18px rgba(53,216,255,.15));

}


/*=========================================================
  ICON
=========================================================*/

.market-crypto .market-badge i{

    color:#35D8FF;

}

.product-card {
    border-color: var(--market-border);
}

.product-badge {
    background: var(--market-badge-bg);
    color: var(--market-accent);
}

.product-link {
    color: var(--market-accent);
}

.market-crypto {
    --market-accent: #35D8FF;
    --market-accent-hover: #18C4F0;
    --market-border: rgba(53,216,255,.18);
    --market-badge-bg: rgba(53,216,255,.10);
    --market-glow: rgba(53,216,255,.35);
}


/*======================================================
  END
======================================================*/

.product-badge .badge-dot{

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--market-accent);

    box-shadow:0 0 10px var(--market-glow);

    flex-shrink:0;

}

/*=========================================================
  MASTER PRODUCT BADGE
=========================================================*/

.product-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:12px 18px;

    margin-bottom:28px;

    border-radius:14px;

    border:1px solid var(--market-border);

    background:var(--market-badge-bg);

    color:var(--market-accent);

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    backdrop-filter:blur(10px);

    transition:all .25s ease;

}

.product-card:hover .product-badge{

    border-color:var(--market-accent);

    box-shadow:0 0 18px var(--market-glow);

}
/*=========================================================
  CRYPTO DIVIDER
=========================================================*/

/*=========================================================
  DIVIDER
=========================================================*/
.section-divider{

    position:relative;

    width:100%;

    height:2px;

    margin:90px 0;

    overflow:visible;

    background:rgba(53,216,255,.10);

}

.divider-glow{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:580px;

    height:4px;

    border-radius:20px;

    background:#35D8FF;

    box-shadow:

        0 0 18px rgba(53,216,255,.55),

        0 0 40px rgba(53,216,255,.35),

        0 0 70px rgba(53,216,255,.18);

}

/* ==========================================
   FOREX MARKET
========================================== */

.market-forex{

    --market-primary:#4DA3FF;
    --market-secondary:#73B8FF;
    --market-border:rgba(77,163,255,.25);
    --market-glow:rgba(77,163,255,.18);
    --market-hover:rgba(77,163,255,.10);

}

/* Section */

.market-forex{

    position:relative;

}

/*=========================================================
  FOREX DIVIDER
=========================================================*/

/*=========================================================
  DIVIDER
=========================================================*/

.market-forex .section-divider{

    position:relative;

    width:100%;

    height:2px;

    margin:90px 0;

    overflow:visible;

    background:rgba(77,163,255,.10);

}

.market-forex .divider-glow{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:580px;

    height:4px;

    border-radius:20px;

    background:#4DA3FF;

    box-shadow:

        0 0 18px rgba(77,163,255,.55),

        0 0 40px rgba(77,163,255,.35),

        0 0 70px rgba(77,163,255,.18);

}

/* Product Badge */

.market-forex .product-badge{

    color:#73B8FF;

    border-color:rgba(77,163,255,.28);

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

}

/* Product Version */

.market-forex .product-version{

    color:#73B8FF;

}

/* Product Status */

.market-forex .product-status{

    color:#73B8FF;

}

/* Card Hover */

.market-forex .product-card:hover{

    border-color:rgba(77,163,255,.35);

    box-shadow:
        0 12px 35px rgba(77,163,255,.12),
        0 0 18px rgba(77,163,255,.12);

}

/* Button */

.market-forex .product-link{

    color:#73B8FF;

}

.market-forex .product-link:hover{

    color:#ffffff;

    background:rgba(77,163,255,.12);

    border-color:#4DA3FF;

    box-shadow:
        0 0 12px rgba(77,163,255,.18);

}

/* Icons */

.market-forex .product-card svg{

    stroke:#4DA3FF;

}

.market-forex .product-card:hover svg{

    stroke:#73B8FF;

}

/*=========================================================
  INDICES MARKET
=========================================================*/

.market-indices{

    --market-primary:#8B5CF6;
    --market-secondary:#A78BFA;
    --market-border:rgba(139,92,246,.25);
    --market-glow:rgba(139,92,246,.18);
    --market-hover:rgba(139,92,246,.10);

}

/*=========================================================
  PRODUCT BADGE
=========================================================*/

.market-indices .product-badge{

    color:#A78BFA;

    border-color:rgba(139,92,246,.28);

    background:rgba(139,92,246,.08);

}

/*=========================================================
  PRODUCT VERSION
=========================================================*/

.market-indices .product-version{

    color:#A78BFA;

}

/*=========================================================
  PRODUCT STATUS
=========================================================*/

.market-indices .product-status{

    color:#A78BFA;

}

/*=========================================================
  CARD HOVER
=========================================================*/

.market-indices .product-card:hover{

    border-color:rgba(139,92,246,.35);

    box-shadow:

        0 12px 35px rgba(139,92,246,.12),

        0 0 18px rgba(139,92,246,.12);

}

/*=========================================================
  PRODUCT LINK
=========================================================*/

.market-indices .product-link{

    color:#A78BFA;

}

.market-indices .product-link:hover{

    color:#ffffff;

    background:rgba(139,92,246,.12);

    border-color:#8B5CF6;

    box-shadow:

        0 0 12px rgba(139,92,246,.18);

}

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

.market-indices .product-card svg{

    stroke:#8B5CF6;

}

.market-indices .product-card:hover svg{

    stroke:#A78BFA;

}

/*=========================================================
  INDICES DIVIDER
=========================================================*/

.market-indices .section-divider{

    position:relative;

    width:100%;

    height:2px;

    margin:90px 0;

    overflow:visible;

    background:rgba(139,92,246,.10);

}

.market-indices .divider-glow{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:580px;

    height:4px;

    border-radius:20px;

    background:#8B5CF6;

    box-shadow:

        0 0 18px rgba(139,92,246,.55),

        0 0 40px rgba(139,92,246,.35),

        0 0 70px rgba(139,92,246,.18);

}

/*=========================================================
  FUTURES MARKET
=========================================================*/

.market-futures{

    --market-primary:#22C55E;
    --market-secondary:#4ADE80;
    --market-border:rgba(34,197,94,.25);
    --market-glow:rgba(34,197,94,.18);
    --market-hover:rgba(34,197,94,.10);

}

/*=========================================================
  PRODUCT BADGE
=========================================================*/

.market-futures .product-badge{

    color:#4ADE80;

    border-color:rgba(34,197,94,.28);

    background:rgba(34,197,94,.08);

}

/*=========================================================
  PRODUCT VERSION
=========================================================*/

.market-futures .product-version{

    color:#4ADE80;

}

/*=========================================================
  PRODUCT STATUS
=========================================================*/

.market-futures .product-status{

    color:#4ADE80;

}

/*=========================================================
  CARD HOVER
=========================================================*/

.market-futures .product-card:hover{

    border-color:rgba(34,197,94,.35);

    box-shadow:

        0 12px 35px rgba(34,197,94,.12),

        0 0 18px rgba(34,197,94,.12);

}

/*=========================================================
  PRODUCT LINK
=========================================================*/

.market-futures .product-link{

    color:#4ADE80;

}

.market-futures .product-link:hover{

    color:#ffffff;

    background:rgba(34,197,94,.12);

    border-color:#22C55E;

    box-shadow:

        0 0 12px rgba(34,197,94,.18);

}

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

.market-futures .product-card svg{

    stroke:#22C55E;

}

.market-futures .product-card:hover svg{

    stroke:#4ADE80;

}

/*=========================================================
  FUTURES DIVIDER
=========================================================*/

.market-futures .section-divider{

    position:relative;

    width:100%;

    height:2px;

    margin:90px 0;

    overflow:visible;

    background:rgba(34,197,94,.10);

}

.market-futures .divider-glow{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:580px;

    height:4px;

    border-radius:20px;

    background:#22C55E;

    box-shadow:

        0 0 18px rgba(34,197,94,.55),

        0 0 40px rgba(34,197,94,.35),

        0 0 70px rgba(34,197,94,.18);

}
/*=========================================================
  FOREXBOTWORKS
  STOCKS THEME
  Version 1.0
=========================================================*/

/*=========================================================
  THEME COLORS

  Accent : #EF4444
  Hover  : #F87171
  Navy   : #071421

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


/*=========================================================
  MARKET BADGE
=========================================================*/

.market-stocks .market-badge{

    background:rgba(239,68,68,.10);

    border:1px solid rgba(239,68,68,.30);

    color:#EF4444;

}

.market-stocks .market-badge i{

    color:#EF4444;

}


/*=========================================================
  HERO BUTTON
=========================================================*/

.market-stocks .btn-primary{

    background:#EF4444;

    border:1px solid #EF4444;

    color:#FFFFFF;

}

.market-stocks .btn-primary:hover{

    background:#F87171;

    border-color:#F87171;

    color:#FFFFFF;

}


/*=========================================================
  PRODUCT CARD
=========================================================*/

.market-stocks .product-card{

    border-color:rgba(239,68,68,.18);

}

.market-stocks .product-card:hover{

    border-color:#EF4444;

    box-shadow:

        0 0 25px rgba(239,68,68,.18);

}


/*=========================================================
  PRODUCT BADGE
=========================================================*/

.market-stocks .product-badge{

    background:rgba(239,68,68,.10);

    border:1px solid rgba(239,68,68,.25);

    color:#EF4444;

}


/*=========================================================
  PRODUCT LINK
=========================================================*/

.market-stocks .product-link{

    color:#EF4444;

}

.market-stocks .product-link:hover{

    color:#F87171;

}

.market-stocks .product-link:hover i{

    transform:translateX(4px);

}


/*=========================================================
  DIVIDER
=========================================================*/

.market-stocks .section-divider{

    background:rgba(239,68,68,.18);

}

.market-stocks .divider-glow{

    background:#EF4444;

    box-shadow:

        0 0 20px rgba(239,68,68,.40),

        0 0 40px rgba(239,68,68,.18);

}


/*=========================================================
  HERO IMAGE
=========================================================*/

.market-stocks .market-image img{

    filter:

        drop-shadow(0 0 18px rgba(239,68,68,.18));

}


/*=========================================================
  STATUS
=========================================================*/

.market-stocks .product-status.development{

    color:#EF4444;

}

.market-stocks .product-status.planning{

    color:#F87171;

}


/*=========================================================
  END
=========================================================*/
/*=========================================================
  FUTURES HERO
=========================================================*/

/*=========================================================
  MARKET BADGE
=========================================================*/

.market-futures .market-badge{

    background:rgba(34,197,94,.10);

    border:1px solid rgba(34,197,94,.30);

    color:#22C55E;

}

.market-futures .market-badge i{

    color:#22C55E;

}


/*=========================================================
  HERO BUTTON
=========================================================*/

.market-futures .btn-primary{

    background:#22C55E;

    border:1px solid #22C55E;

    color:#071421;

}

.market-futures .btn-primary:hover{

    background:#4ADE80;

    border-color:#4ADE80;

    color:#FFFFFF;

}


/*=========================================================
  HERO IMAGE
=========================================================*/

.market-futures .market-image img{

    filter:

        drop-shadow(0 0 18px rgba(34,197,94,.18));

}


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

.market-futures h2{

    color:#FFFFFF;

}


/*=========================================================
  HERO PARAGRAPH
=========================================================*/

.market-futures p{

    color:#D1D5DB;

}


/*=========================================================
  DIVIDER
=========================================================*/

.market-futures .section-divider{

    background:rgba(34,197,94,.18);

}

.market-futures .divider-glow{

    background:#22C55E;

    box-shadow:

        0 0 20px rgba(34,197,94,.40),

        0 0 40px rgba(34,197,94,.18);

}
/*=========================================================
  FOREX HERO
=========================================================*/

/*=========================================================
  MARKET BADGE
=========================================================*/

.market-forex .market-badge{

    background:rgba(77,163,255,.10);

    border:1px solid rgba(77,163,255,.30);

    color:#4DA3FF;

}

.market-forex .market-badge i{

    color:#4DA3FF;

}


/*=========================================================
  HERO BUTTON
=========================================================*/

.market-forex .btn-primary{

    background:#4DA3FF;

    border:1px solid #4DA3FF;

    color:#FFFFFF;

}

.market-forex .btn-primary:hover{

    background:#73B8FF;

    border-color:#73B8FF;

    color:#FFFFFF;

}


/*=========================================================
  HERO IMAGE
=========================================================*/

.market-forex .market-image img{

    filter:

        drop-shadow(0 0 18px rgba(77,163,255,.18));

}


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

.market-forex h2{

    color:#FFFFFF;

}


/*=========================================================
  HERO PARAGRAPH
=========================================================*/

.market-forex p{

    color:#D1D5DB;

}


/*=========================================================
  DIVIDER
=========================================================*/

.market-forex .section-divider{

    background:rgba(77,163,255,.18);

}

.market-forex .divider-glow{

    background:#4DA3FF;

    box-shadow:

        0 0 20px rgba(77,163,255,.40),

        0 0 40px rgba(77,163,255,.18);

}
/*=========================================================
  INDICES HERO
=========================================================*/

/*=========================================================
  MARKET BADGE
=========================================================*/

.market-indices .market-badge{

    background:rgba(139,92,246,.10);

    border:1px solid rgba(139,92,246,.30);

    color:#8B5CF6;

}

.market-indices .market-badge i{

    color:#8B5CF6;

}


/*=========================================================
  HERO BUTTON
=========================================================*/

.market-indices .btn-primary{

    background:#8B5CF6;

    border:1px solid #8B5CF6;

    color:#FFFFFF;

}

.market-indices .btn-primary:hover{

    background:#A78BFA;

    border-color:#A78BFA;

    color:#FFFFFF;

}


/*=========================================================
  HERO IMAGE
=========================================================*/

.market-indices .market-image img{

    filter:

        drop-shadow(0 0 18px rgba(139,92,246,.18));

}


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

.market-indices h2{

    color:#FFFFFF;

}


/*=========================================================
  HERO PARAGRAPH
=========================================================*/

.market-indices p{

    color:#D1D5DB;

}


/*=========================================================
  DIVIDER
=========================================================*/

.market-indices .section-divider{

    background:rgba(139,92,246,.18);

}

.market-indices .divider-glow{

    background:#8B5CF6;

    box-shadow:

        0 0 20px rgba(139,92,246,.40),

        0 0 40px rgba(139,92,246,.18);

}
/*=========================================================
  METALS HERO IMAGE
=========================================================*/

.market-metals .market-image img{

    filter:

        drop-shadow(0 0 12px rgba(212,175,55,.20))
        drop-shadow(0 0 26px rgba(212,175,55,.14));

}