.section-banner .overlay-block:before { background: linear-gradient(180deg, #04111C 25%, rgba(4, 17, 28, 0) 100%);}
.section-banner .overlay-block:after { background: linear-gradient(0deg, #04111C 60%, rgba(4, 17, 28, 0) 100%);}
.section-banner .banner-content-wrap{padding-bottom:20px !important;}
.section-banner .counter-title{align-items: start !important;}

/* ======================================== section level ======================================== */
.section-level{margin-bottom: 26px;}
.level-card-inner{height:100%; padding:24px 32px; background-color: var(--body-bg);border:1px solid var(--dark-blue);border-radius:26px;backdrop-filter:var(--blur-50);-webkit-backdrop-filter:var(--blur-50);}
.level-after-line{padding-bottom: 24px;margin-bottom: 24px;position:relative;}
.level-after-line: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; }
.level-title h6{font-size:45px;line-height:54px;font-weight:500;font-family:var(--space-grotesk);}
.level-title h6 span{margin-left:24px; font-size:16px;line-height:20px;font-weight:400;font-family:var(--space-grotesk);}

.title-commission{padding:20px; background: rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.1);border-radius:13px;}
.title-commission h6 span{margin-left:0;}
.level-card-inner ul{margin-top:24px;}
.level-card-inner li{font-size:16px;line-height:22px;font-family:var(--space-grotesk);font-weight:400;padding-left:23px;margin-bottom: 12px;position:relative;}
.level-card-inner ul p{margin-bottom: 12px;}
.level-card-inner li:last-child{margin-bottom: 0;}
.level-card-inner li:after { position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: url(../images/trading-challenge-list-icon-popular.svg) no-repeat center center / cover; content: ""; }
.level-card-inner .theme-btn{margin-top:24px;width:100%;}

/* ======================================== section-skip-tier ======================================== */
.section-skip-tier .accordion-item{background-color:var(--body-bg);border:1px solid var(--dark-blue);border-radius:26px;backdrop-filter: blur(5px);--webkit-backdrop-filter: blur(5px);}
.section-skip-tier .accordion-button{gap:68px;background-color: transparent;color:var(--white);box-shadow: none;border-color:transparent;}
.section-skip-tier .accordion-button .heading-style-5{order:1;}
.section-skip-tier .accordion-button p{order:2;}
.section-skip-tier .accordion-button::after{background: url(../images/dropdown-arrow.svg) no-repeat center center !important;order:3;}
.section-skip-tier .accordion-button:not(.collapsed)::after{background: url(../images/dropdown-arrow.svg) no-repeat center center!important;}
.section-skip-tier [data-social-link-row]{display:flex;align-items:center;gap:12px;}
.section-skip-tier .remove-social-link{background:transparent;border:none;color:var(--white);font-size:24px;line-height:1;cursor:pointer;padding:0 6px;transition:color .2s ease;}
.section-skip-tier .remove-social-link:hover{color:var(--blue);}
.accordion-button:focus{box-shadow: none;border-color:transparent;}

.section-skip-tier .left-bg-image{bottom:auto;top:-100px;}

/* ======================================== section-milestone-rewards ======================================== */
.milestone-card { background: rgba(5, 17, 23, 0.5); border: 1px solid #2d383f; border-radius: 20px; padding: 20px; height: 100%; box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.1) inset; --webkit-box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.1) inset; --moz-box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.1) inset; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); overflow: hidden; transition: all 0.3s ease; }
.milestone-card-img { position: relative; border-radius: 20px; overflow: hidden; margin-bottom: 18px;background: #0c1525; padding-top: 63%;}
.milestone-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 20px; border: 1px solid #FFFFFF0D;position: absolute; top: 0; left: 0; }
.milestone-badge { position: absolute; top: 26px; left: 26px; z-index: 2; display: inline-flex; align-items: center; padding: 8px 14px; font-size: 16px; font-weight: 400; color: #ffffff; background: rgba(5, 17, 23, 0.5); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.1) inset; --webkit-box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.1) inset; --moz-box-shadow: 1px 1px 1px 0px rgba(255, 255, 255, 0.1) inset; border-radius: 999px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }

.milestone-card-content { padding: 0 4px 4px; }
.milestone-card-content .heading-style-5 { color: var(--white); margin-bottom: 16px; }
.milestone-info-list { margin: 0; padding: 0; list-style: none; }
.milestone-info-list li { display: flex; align-items: flex-start; gap: 10px; color: rgba(255, 255, 255, 0.82); font-size: 15px; line-height: 1.6; margin-bottom: 8px; }
.milestone-info-list li strong { color: var(--white); font-weight: 500; }
.icon-wrap { width: 20px; min-width: 20px; display: flex; justify-content: center; align-items: center; color: #38b6ff; font-size: 13px; margin-top: 4px; }

/* ======================================== section partner work ======================================== */
.section-partners-work .swiper-wrapper .swiper-slide{ height: auto;}
.work-slide-inner .heading-style-7{font-size:32px;line-height:40px;margin-bottom:12px;}
.work-slide-inner{padding:32px;position: relative;height: 100%;border: 1px solid #29343e;border-radius: 1.5rem;}
.work-step-arrow-icon{z-index: 10; content: ""; position: absolute; width: 64px; height: 64px; border-radius: 6.25rem; inset: 40% -2.5rem auto auto;background-color: #06111e;}
.swiper-slide:last-child .work-slide-inner .work-step-arrow-icon{display: none;}
.section-partners-work .swiper-backface-hidden .swiper-slide{transform: none;}
.section-partners-work .swiper { overflow: visible; }
.section-partners-work .right-bg-image{bottom:auto;top: -120px; width: 35%;}

.work-step-image{height: 64px;width: 64px;display:flex;justify-content:center;align-items:center;margin-bottom:48px;background-color: var(--blue);border-radius: 50%;}
.work-step-image img{height: 32px;width: 32px;}

/* ======================================== section faq ======================================== */
.section-affiliate-faq .faq-title{margin-bottom: 80px;}


/* ======================================= Media query ======================================== */
@media screen and (max-width:1366px){
    /* ======================================== section banner ======================================== */
    /* .section-banner,
    .section-banner .container{max-height: 600px !important;} */

}
@media screen and (max-width:1199px){
     
    /* ======================================== section level ======================================== */
    .level-card-inner{padding:20px 22px;border-radius:24px;}
    .level-after-line{padding-bottom: 20px;margin-bottom: 20px;}
    .level-title h6{font-size:40px;line-height:46px;}
    .level-title h6 span{margin-left:0;font-size:15px;line-height:18px;}

    .title-commission{padding:12px; border-radius:12px;}
    .level-card-inner ul{margin-top:20px;}
    .level-card-inner li{font-size:15px;line-height:20px;}
    .level-card-inner ul p{margin-bottom: 11px;}
    .level-card-inner .theme-btn{margin-top:22px;}

    /* ======================================== section-skip-tier ======================================== */
    .section-skip-tier .accordion-item{border-radius:24px;}
    .section-skip-tier .accordion-button{gap:40px;}

    /* ======================================== section-milestone-rewards ======================================== */
    .milestone-card {padding: 14px;}
    .milestone-card-img {margin-bottom: 14px;}
    .milestone-badge { top: 22px; left: 22px; padding: 6px 12px; font-size: 14px;}
    .milestone-card-content .heading-style-5 { margin-bottom: 14px; }
    .milestone-info-list li { font-size: 14px;}

    
    /* ======================================== section partner work ======================================== */
    .work-slide-inner{padding:24px;}
    .work-step-image{margin-bottom: 35px;}
    .work-slide-inner .heading-style-7{font-size:24px;line-height:30px;margin-bottom:10px;}

    /* ======================================== section faq======================================== */
    .section-affiliate-faq .faq-title{margin-bottom: 40px;}
}
@media screen and (max-width:991px){

    /* ======================================== section level ======================================== */
    .section-level .row{--bs-gutter-x: 12px;}
    .level-card-inner{padding:18px;border-radius:21px;}
    .level-after-line{padding-bottom: 18px;margin-bottom: 18px;}
    .level-title h6{font-size:28px;line-height:38px;}
    .level-title h6 span{font-size:14px;}

    .title-commission{padding:10px; border-radius:10px;}
    .level-card-inner ul{margin-top:18px;}
    .level-card-inner li{font-size:14px;line-height:18px;}
    .level-card-inner ul p{margin-bottom: 10px;}
    .level-card-inner .theme-btn{margin-top:18px;}

    /* ======================================== section-skip-tier ======================================== */
    .section-skip-tier .accordion-item{border-radius:21px;}
    .section-skip-tier .accordion-button{gap:20px;}

    /* ======================================== section-milestone-rewards ======================================== */
    .milestone-card {padding: 12px;}
    .milestone-card-img {margin-bottom: 12px;}
    .milestone-badge { top: 10px; left: 10px; padding: 4px 10px; font-size: 13px;}
    .milestone-card-content .heading-style-5 { margin-bottom: 12px; }
    
    /* ======================================== section partner work ======================================== */
    .work-slide-inner{padding:28px;}
    .work-slide-inner .heading-style-7{font-size:22px;line-height:28px;margin-bottom:8px;}

    /* ======================================== section faq ======================================== */
    .section-affiliate-faq .faq-title{margin-bottom: 36px;}
}
@media screen and (max-width:767px){
    /* ======================================== section level ======================================== */
    .section-level .row{row-gap:20px;}

    /* ======================================== section-skip-tier ======================================== */
    .section-skip-tier .accordion-item{border-radius:20px;}
    .section-skip-tier .accordion-button{gap:10px;}

    /* ======================================== section partner work ======================================== */
    .work-slide-inner{padding:26px 30px;}
    .work-slide-inner .heading-style-7{font-size:20px;line-height:26px;}
    /* ======================================== section faq ======================================== */
    .section-affiliate-faq .faq-title{margin-bottom: 26px;}
}
@media screen and (max-width:686px) {
    .work-slide-inner::before{right: -9%;}
}
@media screen and (max-width:646px) {
    .work-slide-inner::before{right: -10%;}
}
@media screen and (max-width:575px){   
    
    /* ======================================== section-skip-tier ======================================== */
    .section-skip-tier .accordion-item{border-radius:18px;}
    .section-skip-tier .accordion-button{flex-wrap:wrap;}
    .section-skip-tier .accordion-button .heading-style-5{order:1;}
    .section-skip-tier .accordion-button p{order:3;}
    .section-skip-tier .accordion-button:after{order:2;}
    .section-skip-tier .accordion-body{padding: 10px;}
    /* ======================================== section partner work ======================================== */
    .work-slide-inner{padding:18px 30px;}
    .section-partners-work .why-choose-us-title-wrap{margin-bottom: 70px;}
    .work-step-image { height: 44px; width: 44px;margin-bottom: 15px; }
    .work-step-image img { height: 28px; width: 28px; }
    /* ======================================== section faq ======================================== */
    .section-affiliate-faq .faq-title{margin-bottom: 24px;}
}