/*=== MEDIA QUERY ===*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&display=swap');

body.{
    overflow-x: hidden;
}
input[type=text]:focus {
    border: 3px solid #555;
}
  select:focus {
    border: 3px solid #555;
}

.box-add-offer{
    margin-left: -0.0%;
}

.tab-step-block{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.help-add-offer{
    margin-top: 4%;
}
.help-add-offer li{
    margin-bottom: -2%;
}

.tab {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
}

.title_ads_add {
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 4%;
}

.list_add_ads {
    position: absolute;
    margin-top: 2.5%;
}
.help_add_ads {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: row;
    margin: 2px 10px 10px;
    padding-left: 5px;
    color: #c1c1c1;
}
.warning-info {
    width: 4.5%;
    height: 4.5%;
    margin-top: 19px
}

select {
    padding: 16px 20px;
    margin-top: 8px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;

}
.content_element {
    width: 100%;
    height: 100px;
    padding-top: 10px;
    padding-left: 5px;
    margin-top: 8px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 5px;
    resize: none;

}
.btn-next-go {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 4px;
    padding: 16px 26px;
    background: #5672f9;
    color: #fff;
    border:none;
    width: 100%;
    padding: 16px 20px;
    border-radius: 4px;
    margin-top: 5%;
}

.btn-next-go:hover {
    color: #fff;
    background: #607afa;
}

.add-offer {
    width: 100%;
    padding: 16px 20px;
    border-radius: 4px;
    margin-top: 5%;
    /* background-color: #f1f1f1; */
    border: 1px solid #c1c1c1;
}

.deal-input {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-top: -45px;
    margin-left: 55%;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}
.text-required{
    text-align: center;
}
.text-import p{
    color: #808080;
}
.step-bl{visibility:hidden}

@media(max-width: 980px) {
    .right_column_add_ads {
        display: none;
        visibility: hidden;
    }

}