/* Start:/local/templates/main/components/bitrix/catalog.smart.filter/filter_cruises_404_index_new/style.css?17701604791516*/
.main-bottom__inner::before{
    height: 170px !important;
    top: -47px !important;
}
@media (max-width: 500px) {
  .oms_btn{
		margin-top: 20px;
	}

}


.btns-filter {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    display: flex;
    align-items: center;
    gap: 30px;
}

.btns-filter .tab {
    border-radius: 10px;
    background: transparent !important;
    color: #343a40 !important;
    border: none;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 600;
    cursor:pointer;
}


.btns-filter .tab.active,
.btns-filter .tab:hover{
    background: #00B9E7 !important;
    color: #fff !important;
}

.tab{
    border: 2px solid #00B9E7 !important;
}

/* Медиа-запрос для мобильных устройств (пример: до 600px) */
@media (max-width: 600px) {
    .btns-filter {
        display: flex;
        flex-wrap: wrap; /* позволяя вкладкам переноситься на новую строк */
        gap: 8px; /* расстояние между вкладками, по желанию */
    }
    .tab {
        flex: 1 1 calc(100%); /* Два по ширине, с учетом gaps */
        text-align: center;
        padding: 10px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        color: black !important;
    }
    .actions_tab{
        margin-top: -20px;
    }
}


/* End */
/* /local/templates/main/components/bitrix/catalog.smart.filter/filter_cruises_404_index_new/style.css?17701604791516 */