.xpro_section .show_on_mobile {
    display: none;
}

.xpro_header_background {
    background-image: url('https://cdncloudcart.com/66865/files/image/xpro_background.png?1770538923');
    background-size: 100%;
    background-position: bottom;
}

.features_labels {
    font-family: "Inter";
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.02em;
    padding: 10px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.features_labels.green_label {
    color: #5EE7FF;
    background: rgba(94, 231, 255, 0.2);
    width: auto;
    height: 24px;
}


.features_labels.blue_label {
    color: rgba(37, 147, 249, 1);
    background: rgba(37, 147, 249, 0.1);
    width: auto;
    height: 24px;
}

.features_labels.purple_label {
    color: #AD6AFF;
    background: rgba(173, 106, 255, 0.2);
    width: auto;
    height: 24px;
}

.features_labels.greenw_label {
    color: rgba(159, 250, 143, 1);
    background: rgba(159, 250, 143, 0.2);
    width: auto;
    height: 24px;
}

.features_labels.red_label {
    color: rgba(242, 109, 111, 1);
    background: rgba(242, 109, 111, 0.2);
    width: auto;
    height: 24px;
}









.features_labels.xpro_tag {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.xpro_section {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 64px 0px 64px 64px;
    box-sizing: border-box;
}

.xpro_section--one-account {
    background-image: url("https://cdncloudcart.com/66865/files/image/one_account_section_background.png");
    background-size: cover;
    background-position: center;
}

.xpro_section--use-crypto {
    background-image: url("https://cdncloudcart.com/66865/files/image/usecrypto_bacgkround.png");
    background-size: cover;
    background-position: center;
    padding: 64px 64px 64px 64px;
}

.xpro_container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    gap: 40px;
}

.xpro_container--reverse {
    flex-direction: row;
}

.xpro_left,
.xpro_right {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.xpro_tag {
    display: inline-flex;
    align-self: flex-start;
    padding: 6px 10px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.xpro_tag--small {
    font-size: 11px;
}

.xpro_title {
    margin: 16px 0;
    font-size: 40px;
    line-height: 1.1;
    color: #ffffff;
}

.xpro_description {
    max-width: 520px;
    margin-bottom: 32px;
    color: rgba(219, 219, 224, 1);
    font-weight: 400 !important;
    font-size: 16px;
}

.xpro_features {
    display: flex;
    flex-direction: column;
    gap: 0px;
    padding: 0px 0;
}

.xpro_features--inline {
    border-color: rgba(255, 255, 255, 0.06);
}

.xpro_feature {
    display: flex;
    gap: 16px;
    padding: 12px 0;
    align-items: flex-start;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.xpro_feature:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.xpro_feature_icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.xpro_feature_content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.xpro_feature_title {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

.xpro_feature_text {
    font-size: 12px;
    line-height: 1.4;
    color: rgba(115, 115, 128, 1);
}

.xpro_icon_arrows {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_arrows_icon.svg");
}

.xpro_icon_world {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_world_icon.svg");
}

.xpro_icon_timer {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_timer_icon.svg");
}

.xpro_icon_layers {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_layers_icon.svg");
}

.xpro_icon_lines {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_lines_icon.svg");
}

.xpro_icon_path {
    background-image: url("https://cdncloudcart.com/66865/files/image/xpro_path_icon.svg");
}

.xpro_interface_image {
    width: 100%;
    max-width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.xpro_section.xpro_section--one-account,
.xpro_section.xpro_section--use-crypto {
    border: 1px solid rgba(52, 52, 61, 1);
    box-sizing: border-box;
}

.xpro_section.xpro_section--one-account {
    border-bottom: none;
}

@media (max-width: 767px) {
    .xpro_section .show_on_desktop {
        display: none;
    }
    .xpro_section .show_on_mobile {
        display: block;
    }
}

@media (max-width: 900px) {
    .xpro_section {
        padding: 24px 24px;
    }
    
    .xpro_section--use-crypto {
        padding: 24px 24px;
    }

    .xpro_container,
    .xpro_container--reverse {
        flex-direction: column;
        gap: 32px;
    }

    .xpro_title {
        font-size: 24px;
    }

    .xpro_description {
        max-width: 100%;
    }
    
    .xpro_container, .xpro_container--reverse {
        flex-direction: column-reverse;
    }
    
    .xpro_section--use-crypto .xpro_container--reverse {
        flex-direction: column;
    }
    
    .xpro_section.xpro_section--one-account {
        margin-bottom: 24px;
        border-bottom: 1px solid rgba(52, 52, 61, 1)
    }
    
    .xpro_feature:last-child {
        border-bottom: none;
    }
}


.xpro_payments .mt5_payment_item {
    flex: 1 1 calc(33% - 8px);
}

.xpro_payments .mt5_payment_rows .mt5_payment_row:last-child {
    width: 379px;
}

.xpro_payments .mt5_payment_info_box {
    display: flex;
    gap:12px;
    padding: 24px;
    flex-direction: column;
    margin-top: 60px;
    border: 1px solid rgba(52, 52, 61, 1);
}

.xpro_payments .mt5_payment_info_box strong {
    font-family: "Space Grotesk";
    font-weight: 600;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #fff;

}

.xpro_payments .mt5_payment_info_box p {
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: rgba(219, 219, 224, 1);
}

.xpro_payments {
    background-image: url('https://cdncloudcart.com/66865/files/image/white_back_bottom.png?1770551387');
    background-size: 100%;
    background-position: bottom;
}

.xpro_payments .mt5_payment_content p {
    margin-bottom: 0px !important;
}


.xpro_power_section .mt5_icon {
    width: 56px;
    height: 56px;
}


.xpro_power_section .mt5_title {
    font-size: 14px;
    font-weight: 600;
    color: rgba(115, 115, 128, 1)
}

.xpro_power_section ._grid-section {
    margin-top: 0px !important;
}

.xpro_power_section .mt5_feature {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 22px;
    border: 1px solid rgba(52, 52, 61, 1);
    border-right: none;
}

.xpro_power_section .mt5_feature:last-child {
    border-right: 1px solid rgba(52, 52, 61, 1);
}

@media(max-width: 900px){
    .xpro_power_section .mt5_icon {
        width: 56px;
        height: 56px;
    }
    
    .xpro_power_section .mt5_features {
        gap: 0px;
        margin: 24px 0px;
    }
    
    .xpro_power_section .mt5_feature {
        border: 1px solid rgba(52, 52, 61, 1);
        border-bottom: none;
    }
    
    .xpro_power_section .mt5_feature:last-child  {
        border-bottom: 1px solid rgba(52, 52, 61, 1);
    }
    
    .xpro_price_table .ctrader-mobile-viewport {
        width: 100%;
        overflow-x: auto;
    }
    
    .xpro_price_table .ctrader-table {
        display: flex;
        width: max-content; /* ключовото */
    }
    
    .xpro_price_table .ctrader-col {
        width: 260px;
        flex-shrink: 0;
    }

}


.xpro_price_table .ctrader-table {
    gap: 16px;
    width: auto;
    
}

.xpro_price_table .fa-solid.fa-check.mt5_icon_check:before {
    color: rgba(37, 147, 249, 1) !important;
    font-weight: 400;
}

.xpro_price_table .ctrader-sub.side {
    font-size: 16px;
    color: rgba(219, 219, 224, 1) !important;
    font-weight: 400;
}


.xpro_price_table {
    background-image: url('https://cdncloudcart.com/66865/files/image/xpro_back_powerfull.png?1770565574');
    background-size: 100%;
    background-position: top;
}





.xpro_price_table .ctrader-row {
    justify-content: space-between;
    padding: 24px;
}

.xpro_price_table .ctrader-col {
    background: #202029;
}

.xpro_price_table .ctrader-row, .xpro_price_table .ctrader-col-head {
    border-bottom: 1px solid rgba(15, 15, 20, 1);
}


.xpro_section--dynamic-leverage {
    background-image: url('https://cdncloudcart.com/66865/files/image/xpro_build_back_purple_left.png?1770566105');
    background-size: 100%;
    background-position: bottom left;
    background-repeat: no-repeat;
    border: 1px solid rgba(52, 52, 61, 1);
    margin: 80px auto 20px auto;
}

.xpro_section--dynamic-leverage .xpro_title {
    font-size: 28px;
}


.xpro_section--dynamic-leverage .xpro_description {
    font-size: 16px;
    font-weight: 400;
    font-family: Inter;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #fff;
    max-width: unset;
    margin-bottom: 0px;
}

@media(max-width: 900px){
    .xpro_section--dynamic-leverage {
        background-image: url('https://cdncloudcart.com/66865/files/image/xpro_build_back_purple_left_mobile.png?1770566553');
        margin: 40px auto 20px auto;
    }
    
    .xpro_section--dynamic-leverage .xpro_title {
    font-size: 24px;
}


}



.xpro_features_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    border: 1px solid rgba(52, 52, 61, 1);
}

.xpro_feature_box {
    display: flex;
    flex-direction: column;
    flex: 1 1 calc(50% - 24px);
    padding: 32px;
    background: #0F0F14;
}

.xpro_feature_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.xpro_feature_head_left {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.xpro_feature_icon {
    flex-shrink: 0;
}

.xpro_feature_body {
    margin-top: 12px;
}


.xpro_feature_box:nth-child(1) {
    border-right: 1px solid rgba(52, 52, 61, 1);
    border-bottom: 1px solid rgba(52, 52, 61, 1);
}

.xpro_feature_box:nth-child(2) {
    border-bottom: 1px solid rgba(52, 52, 61, 1);
    
}

.xpro_feature_box:nth-child(3) {
    border-right: 1px solid rgba(52, 52, 61, 1);
    
}

.xpro_features_grid .xpro_feature_icon {
    width: 64px;
    height: 64px;
}


.xpro_features_grid .xpro_feature_title {
    font-family: "Space Grotesk";
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.02em;

}


.xpro_features_grid .xpro_feature_body p {
    font-family: "Inter";
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: rgba(115, 115, 128, 1);

}


.xpro_build_section {
    background-image: url('https://cdncloudcart.com/66865/files/image/build_xpro_back_bottom.png?1770568435');
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}



@media (max-width: 767px) {
    .xpro_feature_box {
        flex: 1 1 100%;
    }
    
    .xpro_feature_box:nth-child(1) {
        border-right: none;
    }
    
    .xpro_feature_box:nth-child(2) {
        
        
    }
    
    .xpro_feature_box:nth-child(3) {
        border-right: none;
        border-bottom: 1px solid rgba(52, 52, 61, 1);
        
    }
    
    .xpro_features_grid .xpro_feature_icon {
        width: 48px;
        height: 48px;
    }
    
    .xpro_features_grid .xpro_feature_title {
        font-size: 20px;
    }
    
    .xpro_build_section {
        background-image: url('https://cdncloudcart.com/66865/files/image/build_xpro_back_bottom_mobile.png?1770568550');
    }
}



.xpro_integration .xpro_api_boxes {
    display: flex;
    gap: 32px;
}

.xpro_integration .xpro_api_box {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    gap: 24px;
    padding: 24px;
}

.xpro_integration .xpro_api_header {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.xpro_integration .xpro_api_list {
    display: flex;
    flex-direction: column;
    gap: 0px;
    margin-top: 16px;
}

.xpro_integration .xpro_api_item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid rgba(255,255,255,0.1);
}


.xpro_integration .xpro_api_item:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.xpro_integration .xpro_api_code {
    margin-top: auto;
}

.xpro_integration .xpro_api_code img {
    width: 100%;
    height: auto;
    
}



.xpro_integration .xpro_api_title {
    font-family: "Space Grotesk";
    font-weight: 600;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #fff;


}


.xpro_integration .xpro_api_description {
    font-family: "Inter";
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: rgba(255,255,255,0.5);


}

.xpro_integration .xpro_api_item span {
    font-family: "Inter";
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #fff;
}



.xpro_api_box:nth-child(1) {
    background: linear-gradient(
        180deg,
        rgba(37, 147, 249, 0.1) 0%,
        rgba(37, 147, 249, 0.02) 100%
    );
    border: 1px solid rgba(37, 147, 249, 0.1);
    border-top: 4px solid rgba(37, 147, 249, 1);
}

.xpro_api_box:nth-child(2) {
    background: linear-gradient(
        180deg,
        rgba(94, 231, 255, 0.1) 0%,
        rgba(94, 231, 255, 0.02) 100%
    );
     border: 1px solid rgba(94, 231, 255, 0.1);
    border-top: 4px solid rgba(94, 231, 255, 1);
}


/* Mobile */
@media (max-width: 767px) {
    .xpro_integration .xpro_api_boxes {
        flex-direction: column;
    }
    
    .xpro_integration .xpro_api_title {
        font-size: 24px;   
    }
    
    .xpro_integration .xpro_api_item span {
        font-size: 14px;
    
    }
}


.xpro_apps .mt5_platforms {
    grid-template-columns: repeat(2, 1fr);
}

.xpro_apps .ctrader-rows {
    margin-bottom: 40px;
}

.xpro_apps .ctrader-row {
    height: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    padding: 12px 0;
    color: #fff;
}


.xpro_apps .ctrader-row:last-child {
    border-bottom: none;
}


.xpro_apps .mt5_platform_title {
    font-size: 28px;
    color: #fff;
}



.xpro_apps .mt5_platform_subtitle {
    font-size: 16px;
    color: #fff;
}

.xpro_apps .fa-solid.fa-check.mt5_icon_check:before {
    color: rgba(37, 147, 249, 1) !important;
    font-weight: 400 !important;
    margin-right: 3px;
}

@media(max-width: 900px){
    .xpro_apps .mt5_platforms {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .xpro_apps .mt5_platform_title {
        font-size: 24px;
        color: #fff;
    }
    
    .xpro_apps .ctrader-row {
        font-size: 14px;
        color: #fff;
    }

}


.xpro_flexible .mt5_title {
    font-size: 14px;
    color: #fff;
}


.xpro_flexible .ctrader_whatset .mt5_divider {
    height: 170px;
}


.xpro_header_badges {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Първият badge – по твоя HTML това е просто .xpro_header_badge */
.xpro_header_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 32px;
    padding: 10px 12px;

    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: -0.02em;
    color: #ffffff;

    /* без заобляне */
    border-radius: 0;

    /* градиентна рамка с 4 цвята */
    border: 1px solid transparent;
    background:
      linear-gradient(#050910, #050910) padding-box,
      linear-gradient(
          90deg,
          rgba(37,147,249,1),
          rgba(173,106,255,1),
          rgba(159,250,143,1),
          rgba(94,231,255,1)
      ) border-box;
}

/* Вторият badge – махаме рамката и фона */
.xpro_header_badge--powered {
    padding: 10px 8px;
    gap: 6px;

    background: none;
    border: none;
}

.xpro_header_badge--powered img {
    width: 14px;
    height: 14px;
    display: block;
}


.xpro_build_section .xpro_section {
    padding: 40px 40px 0px 40px;
}

@media(max-width: 900px){
  .xpro_build_section .xpro_section {
        padding: 40px 40px 40px 40px;
    }  
}

@media(min-width: 1490px){
    .s200plus_section {
        height: 690px;
    }
}











