/* ============================== banner ============================== */
.section-banner.small-banner .banner-content-inner{max-width:100%;}
.section-banner.small-banner .banner-content-wrap { padding-bottom: 0 !important;}


.section-banner.small-banner .payout-banner-title-tag{margin-bottom:40px;border:1px solid var(--blue);border-radius: 8px;padding:8px 14px;background: linear-gradient(180deg, rgba(5, 17, 23, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);display:inline-block;}
.payout-banner-right-inner{background: #FFFFFF0D;border-radius:12px;padding:18px 24px;margin-bottom:18px;backdrop-filter:blur(--20px);-webkit-backdrop-filter: blur(--20px);-moz-backdrop-filter: blur(--20px);}
.payout-banner-right-inner:last-child{margin-bottom:0 !important;}
.payout-banner-right-inner-img{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--blue);border-radius:4px;}
.payout-banner-right-inner-img img{width:24px;height:24px;flex-shrink:0;}

/* ============================== certificates slider ============================== */
.section-certificates {position: relative;z-index: 2;}
.section-certificates .certificates-slider-wrap{display: flex;align-items:center; justify-content:space-between;gap:15px;
    /* animation: moveSlideshow 10s linear infinite; */
}
.swiper-free-mode>.certificates-slider-wrapper.swiper-wrapper{transition-timing-function: linear;}
/* .section-certificates .certificates-slider-wrapper{justify-content: center; transform: translate(0) !important;} */
/* .section-certificates .certificates-slider-wrapper{display: flex;align-items:center; justify-content:space-between;gap:15px;  flex-shrink: 0;} */
.section-certificates .certificate-slider-inner{
    /* min-width: 232px; */
    height:100%; padding:0 9px 9px;background-color:var(--body-bg); flex-shrink: 0;border-radius: 4px;border: 1px solid #0a2d44;background: var(--blue-opacity-20); box-shadow: 0px 130px 130px 0px rgb(6 17 28) inset; -webkit-box-shadow: 0px 130px 130px 0px rgb(6 17 28) inset; -moz-box-shadow: 0px 130px 130px 0px rgb(6 17 28) inset; backdrop-filter: var(--blur-20); -webkit-backdrop-filter: var(--blur-20);}
.section-certificates .certificate-image{width: 45px; height: auto; margin: 0 auto 5px; line-height: 0;}
.section-certificates .certificate-image img{width:100%;height:100%;}
.section-certificates .certificate-slider-inner .p-small{text-transform:uppercase;color:var(--blue);font-weight:700;margin-bottom:6px;}
.certificate-after-image {border-top: 1px solid var(--blue);}
.certificate-after-image p{font-size:6px;line-height: 7px;flex-shrink:0;margin: 2px 8px;width: 50%; text-align: end;}
.certificate-after-image img{width:100%;height:auto;display:block;margin:0 auto;}
.profile-share-text p{font-size:6px;line-height: 7px;flex-shrink:0;padding: 2px;border-radius:30px;backdrop-filter:var(--blur-20);    border: 1px solid #27a6ef70; background: #10354f70;}
.certificate-footer p{font-size: 8px; line-height: 10px; margin-block: 1px;}
.certificate-footer div{line-height: 0;}
.certificate-footer img{width: 50px;}
.name-text{margin-block:5px;}

.section-certificates .right-bg-image{bottom:auto;top:-190px;z-index:-1;}

.section-certificates .swiper-slide{width:191px;}

/* ============================== section statistics ============================== */
.statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 48px;}
.statistics-numeric-card-inner{padding:30px 25px;border: 1px solid var(--gray);border-radius:20px;position:relative;overflow:hidden;height: 100%;}
.statistics-numeric-card-inner::after { pointer-events: none; z-index: -1; content: ""; position: absolute; background: var(--blue-opacity-20); box-shadow: 0px 70px 130px 0px rgb(6 17 28) inset; -webkit-box-shadow: 0px 70px 130px 0px rgb(6 17 28) inset; -moz-box-shadow: 0px 70px 130px 0px rgb(6 17 28) inset; backdrop-filter: var(--blur-20); -webkit-backdrop-filter: var(--blur-20); width: 100%; height: 100%; bottom: 0; left: 0; }
.statistics-numeric-card-wrap .heading-style-7{position:relative;padding-bottom:24px;margin-bottom:24px;}
.statistics-numeric-card-wrap .heading-style-7: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; }
.section-statistics .right-bg-image{z-index: -2;}

/* chart */
.statistics-chart-wrap{padding:24px; border-radius: 20px;background-color:rgba(5, 17, 23, 0.5);box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.1) inset;-webkit-box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.1) inset;-moz-box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.1) inset;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);}
.chart-heading{margin-bottom:24px;}
.icon-button-inner{height:27px;width:27px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(82, 82, 91, 0.32);background-color:#181A1F;cursor:pointer;transition: all 0.3s ease;}
.icon-button-inner img{height:14px;width:14px;}
.chart-container-wrap { position: relative;width: 100%; max-height: 230px;margin-inline: auto;}
.chart-container-wrap canvas{width: 100%;height:100%;}

/* payout-list-card-wrap */
.payout-list-card-wrap .row{--bs-gutter-x: 39px;}
.payout-list-card-inner{border:1px solid var(--gray);border-radius:20px;background-color:var(--blue-opacity-50);overflow:hidden;height: 100%;display: flex; flex-direction: column;}
.payout-list-card-inner .payout-list-image{position: relative;padding-top:34%;}
.payout-list-card-inner .payout-list-image img{position: absolute;height:100%;width:100%;top:0;left:0;object-fit:cover;}
.payout-list-card-inner .payout-list-content{padding:32px;height: 100%;display: flex; flex-direction: column;}
.payout-list-card-wrap .bottom-line{position:relative;padding-bottom:24px;margin-bottom:24px;}
.payout-list-card-wrap .bottom-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; }
.payout-list-content ul {counter-reset: section;overflow-x:auto;}
.payout-list-content ul li{margin-bottom:12px;display: flex;justify-content: space-between;align-items: center;position:relative;gap: 28px;}
.payout-list-content ul li:last-child{margin-bottom:0 !important;}
.payout-list-content ul li p{white-space:nowrap;}

.single-payout-card li{padding-left:30px;}
.single-payout-card ul li:before{position:absolute;left:0;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);font-size: 12px; line-height: 12px; font-weight: 700; background: var(--blue); border-radius: 50%; width: 18px; height: 18px; display: inline-flex; justify-content: center; align-items: center; counter-increment: section; content: " " counter(section) " ";}

.payout-list-card-inner nav{margin-top:auto;}
.payout-list-card-inner nav .pagination{justify-content:flex-start;gap:6px;margin-top: 20px;}
.payout-list-card-inner nav .pagination .page-item{margin:0;}
.payout-list-card-inner nav .pagination .page-link{padding:8px 11px;font-size:12px;line-height: 15px;font-weight:700; border:none;color:rgba(142, 142, 142, 1);border-radius:8px; background-color:rgba(242, 242, 242, 0.04);box-shadow: 0px 1px 0.5px 0.05px rgba(24, 24, 27, 0.04);}
.payout-list-card-inner nav .pagination .page-item.active .page-link{background-color: var(--blue) !important; color: var(--white) !important;}
.payout-list-card-inner nav .pagination .page-link:has(span){color: var(--white);background-color:var(--blue-opacity-50);box-shadow: 0px 0px 100px 0px rgba(255, 255, 255, 0.15) inset;backdrop-filter: var(--blur-20);-webkit-backdrop-filter: var(--blur-20);}
.payout-list-content .theme-btn { white-space: nowrap; }
/* ============================== section-video-testimonial ============================== */
.section-video-testimonial .right-bg-image{display:none;}
.section-video-testimonial .left-bg-image{top: -300px; bottom: auto; z-index: -1;}


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

@media screen and (max-width:1366px){
    /* ============================== section statistics ============================== */
    .statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 42px;}
    .statistics-numeric-card-inner{padding:24px 15px;border-radius:18px;}
    .statistics-numeric-card-wrap .heading-style-7{padding-bottom:20px;margin-bottom:20px;}
}
@media screen and (max-width:1199px){
    /* ============================== section banner ============================== */
    .section-banner.small-banner .payout-banner-title-tag{margin-bottom:30px;}
    .payout-banner-right-inner{padding:14px 20px;margin-bottom:14px;}
    .payout-banner-right-inner-img{width:36px;height:36px;}
    .payout-banner-right-inner-img img{width:20px;height:20px;}


    /* ============================== section certificates ============================== */
    .section-certificates .right-bg-image {top:0;}

    /* ============================== section statistics ============================== */
    .statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 36px;}
    .statistics-numeric-card-wrap .row{--bs-gutter-x: 10px;}
    .statistics-numeric-card-inner{padding:20px 11px;border-radius:16px;}
    .statistics-numeric-card-wrap .heading-style-7{padding-bottom:16px;margin-bottom:16px;}

    /* chart */
    .statistics-chart-wrap{padding:22px; border-radius: 18px;}
    .chart-heading{margin-bottom:22px;}

    /* payout-list-card-wrap */
    .payout-list-card-wrap .row{--bs-gutter-x: 28px;}
    .payout-list-card-inner{border-radius:18px;}
    .payout-list-card-inner .payout-list-content{padding:30px;}
    .payout-list-card-wrap .bottom-line{padding-bottom:20px;margin-bottom:20px;}
    .payout-list-content ul li{margin-bottom:11px;}

    .payout-list-card-inner nav .pagination{margin-top: 16px;}
    .payout-list-card-inner nav .pagination .page-link{padding:8px 10px;}

}
@media screen and (max-width:991px){

    /* ============================== section statistics ============================== */
    .statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 34px;}
    .statistics-numeric-card-wrap .row{--bs-gutter-x: 14px;row-gap:14px;}
    .statistics-numeric-card-inner{padding:20px 14px;}
    .statistics-numeric-card-wrap .heading-style-7{padding-bottom:15px;margin-bottom:15px;}

    /* chart */
    .statistics-chart-wrap{padding:20px; border-radius: 16px;}
    .chart-heading{margin-bottom:20px;}

    /* payout-list-card-wrap */
    .payout-list-card-wrap .row{--bs-gutter-x: 20px;}
    .payout-list-card-inner{border-radius:16px;}
    .payout-list-card-inner .payout-list-content{padding:24px;}
    .payout-list-card-wrap .bottom-line{padding-bottom:18px;margin-bottom:18px;}
    .payout-list-content ul li{margin-bottom:10px;}

    .payout-list-card-inner nav .pagination{margin-top: 15px;}
    .payout-list-card-inner nav .pagination .page-link{padding:7px 9px;}
}
@media screen and (max-width:767px){
    /* ============================== section banner ============================== */
    .section-banner.small-banner .banner-content-wrap{padding-bottom:0 !important;}
    .section-banner.small-banner .payout-banner-title-tag{margin-bottom:24px;padding: 5px 10px;}
    .payout-banner-right-inner{padding:10px 16px;margin-bottom:12px;}
    .payout-banner-right-inner-img{width:32px;height:32px;}
    .payout-banner-right-inner-img img{width:16px;height:16px;}

    /* ============================== section certificates ============================== */
    .section-certificates .certificates-slider-wrap{animation-duration: 6s;}

    /* ============================== section statistics ============================== */
    .statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 32px;}
    .statistics-numeric-card-wrap .row{--bs-gutter-x: 14px;row-gap:14px;}
    .statistics-numeric-card-inner{padding:20px 14px;}
    .statistics-numeric-card-wrap .heading-style-7{padding-bottom:15px;margin-bottom:15px;}

    /* chart */
    .statistics-chart-wrap{padding:18px;}
    .chart-heading{margin-bottom:18px;}

    /* payout-list-card-wrap */
    .payout-list-card-wrap .row{row-gap: 34px;}
    .payout-list-card-inner .payout-list-content{padding:22px;}
    .payout-list-card-wrap .bottom-line{padding-bottom:16px;margin-bottom:16px;}
    .payout-list-content ul li{margin-bottom:9px;}

    .payout-list-card-inner nav .pagination{margin-top: 14px;}
    .payout-list-card-inner nav .pagination .page-item{width: fit-content;}

}
@media screen and (max-width:575px){
    /* ============================== section banner ============================== */
    .section-banner.small-banner .payout-banner-title-tag{margin-bottom:20px;}

     /* ============================== section statistics ============================== */
     .statistics-numeric-card-wrap,.statistics-chart-wrap{margin-bottom: 28px;}

      /* chart */
    .statistics-chart-wrap{padding:16px;}
    .chart-heading{margin-bottom:16px;}

    /* payout-list-card-wrap */
    .payout-list-card-wrap .row{row-gap: 28px;}
    .payout-list-card-inner .payout-list-content{padding:18px;}
    .payout-list-card-wrap .bottom-line{padding-bottom:15px;margin-bottom:15px;}
    .payout-list-card-inner nav .pagination{margin-top: 12px;}
}