.elementor-7416 .elementor-element.elementor-element-7bf038f:not(.elementor-motion-effects-element-type-background), .elementor-7416 .elementor-element.elementor-element-7bf038f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-7416 .elementor-element.elementor-element-7bf038f > .elementor-container{max-width:1600px;}.elementor-7416 .elementor-element.elementor-element-7bf038f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7416 .elementor-element.elementor-element-7bf038f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active,
					 .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7416 .elementor-element.elementor-element-5898a59 > .elementor-widget-container{border-style:none;}.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title, .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title:before, .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title:after, .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-content, .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tabs-content-wrapper{border-width:0px;}.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title, .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title a{color:#2F2F2F;}.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title.elementor-active,
					 .elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title.elementor-active a{color:#FFFFFF;}.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-content{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}@media(max-width:1300px){.elementor-7416 .elementor-element.elementor-element-5898a59 .elementor-tab-title{font-size:1rem;}}@media(min-width:768px){.elementor-7416 .elementor-element.elementor-element-82f6026{width:4.741%;}.elementor-7416 .elementor-element.elementor-element-142cdbd{width:88.754%;}.elementor-7416 .elementor-element.elementor-element-193f64a{width:6.016%;}}/* Start custom CSS for tabs, class: .elementor-element-5898a59 *//* Base styles for desktop */
#distributortab .elementor-tabs-wrapper {
    display: flex;
    justify-content: center; /* Center the tabs horizontally */
    gap: 20px; /* Gap between the tabs */
    flex-wrap: nowrap; /* Prevent wrapping on large screens */
    border: none; /* Remove any border or line around the tab area */
    outline: none; /* Remove any outline */
    box-shadow: none; /* Remove any box shadow */
}

/* Style the tab labels as buttons */
#distributortab .elementor-tabs-wrapper .elementor-tab-title {
    background-color: #DCE3FF; /* Non-active button background color */
    color: #2F2F2F; /* Non-active button text color */
    padding: 10px 20px; /* Padding for the button */
    border-radius: 5px; /* Rounded corners */
    text-align: center; /* Center text alignment */
    cursor: pointer; /* Pointer cursor on hover */
    border: none; /* Remove default border */
    outline: none; /* Remove any outline */
    box-shadow: none; /* Remove any box shadow */
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
    display: flex; /* Use flexbox for equal width */
    justify-content: center; /* Center the text inside */
    align-items: center; /* Center the text vertically */
    min-width: 140px; /* Set a minimum width for each tab */
    max-width: 200px; /* Set a maximum width for each tab */
}

/* Change the background color and font color on hover */
#distributortab .elementor-tabs-wrapper .elementor-tab-title:not(.elementor-active):hover {
    background-color: #E6E6E6; /* Lighter grey hover background color for non-active tabs */
    color: #9A9A9A !important; /* Lighter hover font color for non-active tabs */
}

/* Active tab button styling */
#distributortab .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    background-color: #243C7B; /* Active button background color */
    color: #ffffff; /* Active button text color */
}

/* Remove the default underline from tabs */
#distributortab .elementor-tabs-wrapper .elementor-tab-title a {
    text-decoration: none;
    color: inherit; /* Inherit the color from the parent element */
}

/* Responsive styles for tablets and small screens (1024px and below) */
@media (max-width: 1024px) {
    #distributortab .elementor-tabs-wrapper {
        gap: 15px; /* Reduce the gap between tabs */
        flex-wrap: wrap; /* Allow wrapping for smaller screens */
    }

    #distributortab .elementor-tabs-wrapper .elementor-tab-title {
        padding: 8px 15px; /* Reduce padding for smaller screens */
        min-width: 120px; /* Smaller minimum width */
        max-width: 150px; /* Smaller maximum width */
    }
}

/* Responsive styles for mobile screens (768px and below) */
@media (max-width: 768px) {
    #distributortab .elementor-tabs-wrapper {
        gap: 10px; /* Further reduce the gap between tabs */
        justify-content: center; /* Center tabs on mobile */
        flex-wrap: wrap; /* Allow wrapping */
    }

    #distributortab .elementor-tabs-wrapper .elementor-tab-title {
        width: 100%; /* Full-width tabs on mobile */
        padding: 10px; /* Adjust padding for mobile */
        text-align: center; /* Ensure text is centered */
        background-color: #DCE3FF; /* Ensure the non-active background color is set */
        color: #2F2F2F; /* Ensure the non-active text color is set */
        border-radius: 5px; /* Maintain rounded corners */
        box-shadow: none; /* Remove any box shadow */
        margin-bottom: 10px; /* Add some space between tabs on mobile */
    }

    /* Mobile-specific hover styles */
    #distributortab .elementor-tabs-wrapper .elementor-tab-title:not(.elementor-active):hover {
        background-color: #E6E6E6; /* Lighter grey hover background color for mobile */
        color: #9A9A9A !important; /* Lighter hover font color for mobile */
    }

    /* Active tab button styling for mobile */
    #distributortab .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
        background-color: #243C7B; /* Ensure the active background color is set */
        color: #ffffff; /* Ensure the active text color is set */
    }
}/* End custom CSS */