.main_distributors .title {
    width: 100%;
    text-align: center;
    background: red;
    background: #e2001a;
    height: 70px;

}

.main_distributors .country_name {
    color: red;
}

.main_distributors .nav-pills .nav-link.active {
    color: red !important;
    font-family: 'DINNextW01-CondensedBol';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #4a4b4b;
    letter-spacing: 2px;
}

.main_distributors .nav-pills .nav-link {
    color: #4a4b4b !important;
    font-family: 'DINNextW01-CondensedBol';
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #4a4b4b;
    letter-spacing: 2px;
}

.main_distributors .nav-pills .nav-link.active {

    background-color: transparent;
}

.main_distributors .tab-content {
    display: flex;
    justify-content: center;
}

.main_distributors .country-box {
    display: flex;
    justify-content: center;
}

.main_distributors .tab-pane>img {
    width: 275px;
    margin-top: 80px;
}

.main_distributors .nav-pills {
    display: flex;
    gap: 150px;
    padding: 20px 30px 40px 30px;
}

.main_distributors .nav-pills>li {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.main_distributors .nav-pills>li .single_country_box p {
    font-weight: 600;
    color: #828282;
    margin: 0 0 8px 0;
}

.main_distributors .icon {
    height: 30px;
    position: absolute;
    right: 30px;
    fill: white;
    cursor: pointer;
}

@media screen and (max-width: 576px) {
    .main_distributors .nav-pills {
        display: flex;
        margin: 0px;
        justify-content: center;
    }
}

@media screen and (max-width: 576px) {
    .main_distributors .tab-pane>img {
        margin-top: 45px;
    }
}

@media screen and (max-width: 768px) {
    .main_distributors .nav-pills {
        display: flex;
        gap: 70px;
    }
}

@media screen and (max-width: 576px) {
    .main_distributors .nav-pills {
        display: flex;
        gap: 20px;
    }
}



@mediya screen and (max-width: 576px) {
    .main_distributors .box-1 {
        height: 130px;
    }

}

@media screen and (max-width: 576px) {
    .main_distributors .country-box {
        margin-top: 20px;
    }
}