.sales-page {
       padding: 20px;
   }

.sales-header {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.sales-metric {
    text-align: center;
}

.chart-container {
    width: 100%;
    height: 400px;
    margin-bottom: 20px;
}

.sidebar-metrics {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
}

.sidebar-metric {
    text-align: center;
}

.payments-section {
    margin-top: 20px;
}

.payment-card {
    margin-bottom: 20px;
}

.chart-toggle-buttons{
    display: flex;
    justify-content: space-around;
}


/*Styling Sellers Landing Page*/


.sellers-header-commission {
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    background: #DCB0FC;
    border-radius: 8px;
    padding: 4px 8px;
    display: inline-block;
    text-transform: uppercase;
    margin: auto auto 16px auto;

}


.sellers-header {
    text-align: center;
}

.sellers-header h1 {
    color: #0F1429;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sellers-header p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 40px;
}

.sellers-button, .sellers-footer-button{
    background: #0CCEB3;
    padding: 24px 32px 24px 32px;
    /*gap: 10px;*/
    border-radius: 12px;
    color: #FEFEFE;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    border: none;
}

.sellers-footer-button{
    background: #FFFFFF;
    color: #000000;
    padding: 16px 24px 16px 24px;
}


.sellers-button:hover,
.sellers-footer-button:hover{
    background-color: rgba(0, 175, 160, 0.8);
}



.sellers-categories {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0 auto 96px auto;
    /*padding: 0;*/
    /*gap: 16px;*/
    overflow: hidden;
}

.sellers-categories img{
    max-width: 200px;
    /*height: 256px;*/
}


.sellers-how-it-works-wrapper {
    text-align: left;
    margin-bottom: 96px;
}

.sellers-how-it-works-wrapper h2,
.sellers-commission-wrapper h2,
.sellers-who-can-sell-wrapper h2,
.sellers-faq-wrapper h2{
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 68px;
    color: #303030;
}

.sellers-how-it-works-wrapper h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    width: 200px;
    color: #303030;
    margin-bottom: 16px;

}

.sellers-how-it-works-wrapper p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    max-width: 320px;
    color: #505050;
}

.sellers-who-can-sell-wrapper h2 {
    margin-bottom: 16px;
}
.sellers-who-can-sell-wrapper p {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #566C7E;
    max-width: 716px;
    margin: 0 auto 62px auto;
}

.sellers-who-can-sell-wrapper{
    margin-bottom: 90px;
    margin-inline: auto;
}

.sellers-faq-wrapper{
    margin-bottom: 58px;
}

.sellers-step {
    text-align: center;
}

.sellers-step-number {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #000000;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 41px;

}

.sellers-step-number-1 {
    background: #C1B6FF;
}

.sellers-step-number-2 {
    background: #FFA47F;
}

.sellers-step-number-3 {
    background: #6DE1D1;
}

.sellers-supported-apps {
    padding: 0;
    flex-direction: column;
    margin: auto;
}

.sellers-supported-title, .sellers-categories-title{
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    align-self: center;
    color: #666666;
    margin-bottom: 16px;
}

.sellers-categories-title{
    margin-top: 90px;
}

.sellers-supported-app-wrapper{
    flex-direction: row;
    margin: 0 0 48px 0;
    gap: 16px;

}

.sellers-supported-app {
    margin: 0;
    padding: 0;
    max-width: fit-content;
}

.sellers-supported-apps img {
    width: 80px;
    height: 80px;
    border: 1px solid rgba(217, 217, 217, 0.50);
    border-radius: 12px;
    padding: 8px;
}

.sellers-testimonials {
    background: #14161D;
    color: #fff;
    padding: 69px;
    text-align: center;
    margin-bottom: 54px;
}

.main-testimonial {
    margin: auto auto 96px auto;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    max-width: 1088px;
}
.secondary-testimonials {
    margin: auto;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    max-width: 252px;
}

.sellers-testimonial-author {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #566C7E;


}

.secondary-testimonials-wrapper{
    margin-bottom: 20px;
}

.sellers-stars {
    font-size: 16px;
    color: #FFB400;
    margin-bottom: 30px;

}


.sellers-commission-wrapper {
    text-align: center;
    padding: 64px;
    border-radius: 20px;
    /*gap: 64px;*/
}


.sellers-commission-wrapper p {
    max-width: 268px;
    margin: auto;
    color: #14161D;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.sellers-commission {
    display: flex;
    justify-content: center;
    margin-bottom: 64px;
    flex-flow: nowrap ;
    gap: 30px;
    text-align: -webkit-center;
}

.sellers-commission-back-free {
    position: relative;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    overflow: hidden;
    background: radial-gradient(circle at center, #6857CC 0%, #C1B6FF 100%);
    /*opacity: 0.8;*/
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    max-width: 608px;
    max-height: 510px;
}

.sellers-commission-back-free::before,
.sellers-commission-back-free::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
}

.sellers-commission-back-free::before {
    width: 200px;
    height: 200px;
    background: #1A83FF;
    transform: rotate(-135deg);
    left: -50px;
    bottom: -50px;
}

.sellers-commission-back-free::after {
    width: 200px;
    height: 200px;
    background: #FF4A00;
    transform: rotate(45deg);
    right: -50px;
    top: -50px;
}


.sellers-commission-back-paid {
    background: #B5A9F8;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    max-width: 608px;
    max-height: 510px;
}

.sellers-commission-percentage, .sellers-commission-free {
    font-family: 'Euclid Circular B', sans-serif !important;
    font-size: 250px;
    font-weight: 600;
    color: #FEFEFE;
}

.sellers-commission-percentage {
    color: #00000080;
}

.sellers-who-can-sell-category-wrapper{
    padding: 0;
    gap: 8px;
    justify-content: center;
    text-align: left;
    margin: 0;
}

.sellers-who-can-sell-category {
    padding: 0;
}
.sellers-who-can-sell-category img {
    width: 176px;
    height: 232px;
    margin-right: 0;
}





.sellersFAQ-accordion {
    /*width: 912px;*/
    /*margin: 0 auto;*/
}

.sellersFAQ-card {
    border: none;
    margin-bottom: 24px;
    background: #f9f9f9;

}

.accordion>.card>.card-header {
    margin-bottom: 0;
}

.sellersFAQ-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    cursor: pointer;
    padding: 16px;
    background-color: #f9f9f9;
}

.sellersFAQ-plus {
    font-size: 24px;
}

.sellersFAQ-body {
    font-size: 16px;
    line-height: 32px;
    padding: 8px 32px;
    background: rgba(181, 169, 248, 0.3);
    border: none;
    border-radius: 12px;
    margin-top: 8px;
}

.sellers-footer {
    position: relative;
    text-align: center;
    height: auto;
    margin-top: 24px;
}

.sellers-footer-col {
    position: relative;
    padding: 0;
}

.sellers-footer-image {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.sellers-footer-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
}

.sellers-footer-text {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
}

.sellers-footer-button {
    font-size: 16px;
    font-weight: bold;
}