/* ========================== section banner =========================== */


/* ========================== section challenges =========================== */
.section-trading-challenges{position: relative;}
.section-trading-challenges .right-bg-image{bottom: auto;top: -30%;}
.section-trading-challenges .swiper-slide{height:auto;}
.challenges-slider-main{margin-top: 30px;}
.challenges-slider-inner{padding: 32px;border-radius: 24px;border:1px solid var(--gray);height: 100%; display: flex; flex-direction: column;}
.challenges-slider-inner img{width:48px;height:48px;margin-bottom:24px;}
.challenge-details{height: 100%; display: flex; flex-direction: column; gap: 32px;}
.challenges-slider-inner .heading-style-7{margin-bottom:12px;}
.challenge-item{padding-bottom: 32px;margin-bottom: 32px;position: relative;}
.challenge-item:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:1px;background: linear-gradient(90deg, rgba(39,166,239,0) 0%, #27A6EF 49.78%, rgba(39,166,239,0) 100%); opacity: 0.5; }
.challenge-item:last-child:after{display:none;}

.challenges-slider-inner li{font-size:16px;line-height:22px;font-family:var(--space-grotesk);font-weight:400;padding-left:23px;margin-bottom: 12px;position:relative;}
.challenges-slider-inner li:last-child{margin-bottom: 0;}
.challenges-slider-inner li:after { position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../images/trading-challenge-list-icon.svg) no-repeat center center / cover; content: ""; }
.challenges-slider-inner.most-popular li:after { background: url(../images/trading-challenge-list-icon-popular.svg) no-repeat center center / cover;}
.challenges-slider-inner.most-popular{position: relative;}
.challenges-slider-inner.most-popular::before{position: absolute;content: "Most popular";background-color:var(--blue);padding:4px 12px;border-radius:12px 12px 0 0;bottom:100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);color:var(--white);font-size:16px;line-height:20px;font-weight:500;font-family:var(--space-grotesk);}
.challenges-slider-inner.most-popular::after{pointer-events: none; z-index: -1; content: ""; position: absolute; background: var(--blue-opacity-20); box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; -webkit-box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; -moz-box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; backdrop-filter: var(--blur-20); -webkit-backdrop-filter: var(--blur-20); width: 100%; height: 47%; bottom: 0; left: 0; border-radius: 20px;}
.challenges-slider-inner .theme-btn{margin-top: auto;width:100%;}

/* risky */
.challenges-slider-inner.most-risky li:after { background: url(../images/trading-challenge-list-icon-risky.svg) no-repeat center center / cover;}
.challenges-slider-inner.most-risky{position: relative;}
.challenges-slider-inner.most-risky::before{position: absolute;content: "Most Risky";background-color:#F44336;padding:4px 12px;border-radius:12px 12px 0 0;bottom:100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);color:var(--white);font-size:16px;line-height:20px;font-weight:500;font-family:var(--space-grotesk);}
.challenges-slider-inner.most-risky::after{pointer-events: none; z-index: -1; content: ""; position: absolute; background: rgb(244 67 55 / 20%); box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; -webkit-box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; -moz-box-shadow: 0px 30px 70px 30px rgb(6 17 28) inset; backdrop-filter: var(--blur-20); -webkit-backdrop-filter: var(--blur-20); width: 100%; height: 47%; bottom: 0; left: 0; border-radius: 20px;}

/* slider */
.section-trading-challenges .swiper { overflow: visible; }

.section-features-challenges .left-bg-image{bottom: 0;}
.section-features-challenges .right-bg-image{bottom: auto;top:-120px;}
.section-crypto-challenges .section-features-challenges-title .heading-style-9{margin-top: 39px;}
.section-crypto-challenges .challenges-slider-inner ul{column-count: 2;}
.section-crypto-challenges .challenges-slider-inner ul li{-webkit-column-break-inside: avoid;}

/* ======================================= choose evolution section ======================================== */
.section-choose-evolution .left-bg-image,
.section-why-choose-us .right-bg-image,
.section-video-testimonial .left-bg-image,
.section-video-testimonial .right-bg-image{display:none;}

/* ======================================= section-why-choose-us ======================================== */
.section-why-choose-us .left-bg-image{bottom: auto; top: -140px;}
.profit-card { padding: 18px; background: linear-gradient(180deg, rgba(4, 20, 35, 0.95) 0%, rgba(3, 15, 27, 1) 100%); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02); text-align: center; }
.profit-card.active { background: #46a8ea; border-color: transparent; }
.profit-card h2 { font-size: 45px; line-height: 1; font-weight: 500; color: #ffffff; margin-bottom: 22px; }
.profit-card h3 { font-size: 20px; line-height: 1; font-weight: 500; color: var(--white); margin-bottom: 12px; }
.profit-card p { font-size: 16px; line-height: 1; font-weight: 500; color: var(--white); margin-bottom: 0; }
.profit-progress-wrap { padding: 7px 28px 7px;  margin-top: 18px; background: linear-gradient(180deg, rgba(13, 29, 46, 0.95) 0%, rgba(10, 25, 40, 1) 100%); border-radius: 40px;position: relative; }
.profit-progress-line { position: relative; height: 26px; }

.profit-progress-line::before { content: ""; position: absolute; left: 0px;width: 100%; right: 16px; top: 50%; transform: translateY(-50%); height: 0.5px; background: #ffffff; }
.progress-start-icon { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: #46a8ea; color: #ffffff; font-size: 11px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.progress-dot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 11px; height: 11px; border-radius: 50%; background: #46a8ea; z-index: 2; }
.progress-arrow { display: block;  position: absolute; right: -3px; top: 54%; transform: translateY(-50%); color: #ffffff; font-size: 14px; line-height: 1; z-index: 2; }
.profit-progress-labels { position: relative; display: flex; justify-content: space-between; margin-top: 6px; color: #ffffff; font-size: 14px;line-height: 1; font-weight: 600; padding: 0 0 0 0; }
.profit-progress-labels span:nth-child(2) { position: absolute; left: 50%; transform: translateX(-50%); }
.profit-split-section > .container { padding-inline: 0px; }

/* ======================================= Media query ======================================== */

@media screen and (max-width:1366px){}
@media screen and (max-width:1199px){
    /* ========================== section challenges =========================== */
    .challenges-slider-inner{padding: 18px;border-radius: 20px;}
    .challenges-slider-inner img{width:40px;height:40px;margin-bottom:20px;}
    .challenges-slider-inner .heading-style-7{margin-bottom:11px;}
    .challenge-item{padding-bottom: 26px;margin-bottom: 26px;}

    .challenges-slider-inner li{font-size:15px;line-height:20px;}
    .challenges-slider-inner.most-popular::before{padding:4px 11px;border-radius:10px 10px 0 0;font-size:14px;line-height:18px;}
    .challenge-details{gap: 28px;}
    /* .challenges-slider-inner .theme-btn{margin-top: 28px;} */


    /* ======================================= section-why-choose-us ======================================== */

    .profit-card { padding: 14px 10px;}
    .profit-card h2 { font-size: 35px; margin-bottom: 10px;}
    .profit-card h3 { font-size: 16px; margin-bottom: 6px;}
    .profit-card p { font-size: 12px;}
    .profit-progress-wrap { padding: 7px 28px 7px;  margin-top: 18px; }
    .profit-progress-line { height: 26px; }

}
@media screen and (max-width:991px){
    /* ========================== section banner =========================== */


    /* ========================== section challenges =========================== */
    .section-features-challenges .challenges-slider-main .row{--bs-gutter-x: 12px;}
    .section-features-challenges .challenges-slider-inner{padding: 14px;border-radius: 18px;}
    .section-features-challenges .challenges-slider-inner img{width:36px;height:36px;margin-bottom:18px;}
    .section-features-challenges .challenge-item{padding-bottom: 24px;margin-bottom: 24px;}
    .challenge-details{gap:24px}
    /* .section-features-challenges .challenges-slider-inner .theme-btn{margin-top: 24px;} */
    .section-features-challenges .challenges-slider-inner.most-popular::before { font-size: 13px;}

    .section-crypto-challenges .section-features-challenges-title .heading-style-9{margin-top: 18px;}

    /* ======================================= section-why-choose-us ======================================== */
    .profit-card { padding: 12px;border-radius: 18px;}
    .profit-card h2 { font-size: 30px; }
    .profit-card h3 { font-size: 14px; }
    .profit-card p { font-size: 10px; }

}
@media screen and (max-width:767px){
    /* ========================== section banner =========================== */
    /* ========================== section challenges =========================== */
    .challenges-slider-inner{padding: 16px;border-radius: 18px;}
    .challenges-slider-inner img{width:36px;height:36px;margin-bottom:18px;}
    .challenges-slider-inner .heading-style-7{margin-bottom:10px;}
    .challenge-item{padding-bottom: 22px;margin-bottom: 22px;}

    .challenges-slider-inner li{font-size:14px;}
    .challenge-details{gap:26px;}
    /* .challenges-slider-inner .theme-btn{margin-top: 26px;} */
    /* ========================== section challenges =========================== */
    .section-features-challenges .challenges-slider-main .row{row-gap:20px;}
}
@media screen and (max-width:575px){
    /* ========================== section banner =========================== */
    /* .section-banner.trading-banner{max-height: 576px;}
    .section-banner.trading-banner .container{max-height: 576px;} */

    /* ========================== section challenges =========================== */
    .challenges-slider-main { margin-top: 70px; }
    .section-crypto-challenges .section-features-challenges-title .heading-style-9{margin-top: 16px;}
    .section-crypto-challenges .challenges-slider-inner ul{column-count: 1;}
}
