body.no-scroll {
    overflow: hidden;
}

.event-page-tabs {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    /* border-bottom: 2px solid #ccc; */
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    padding-top: 0rem;
    padding-bottom: 0rem;
    /* overflow-x: auto; */
    gap: 6px;
    /* height: calc(100vh - 380px); */
    /* 185px 155px */
}

.event-page-tabs li {
    margin-bottom: 0px;
}

.event-page-tab {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    cursor: pointer;
    /* border: 1px solid transparent; */
    /* border-bottom: none; */
    border-radius: 0;
    border: none;
    text-align: center;/*right;*/
    background-color: #161947;
    /*#ef6569;*/
    color: #cfd8dc;/*#747373*/
    transition: background-color 0.3s, color 0.3s, fill 0.3s;

    padding-block-end: 15px;
    padding-block-start: 15px;
    padding-inline-end: 25px;/* 35px */
    padding-inline-start: 25px;/* 35px */

    font-size: 1rem;
    font-weight: 500;
    font-family: "IRANSansXpro", "IRANYekanX", "Vazir", "Roboto", "Helvetica", "Arial", sans-serif;
}

.event-page-tab .tab-icon svg {
    transition: fill 0.3s;
}

.event-page-tab:focus,
.event-page-tab:hover {
  color: #cfd8dc;
  background-color: #161947;/*#ef6569;*/
  text-decoration: none;
}

.event-page-tab:hover {
    /* background-color: #f0f0f0; */
    background-color: #334fa2;
    /*#ef6569;*/
    color: #80cbc4;
    /*#8e0e12;*/
}

.event-page-tab:hover .tab-icon svg {
    color: #333333;
    /*#8e0e12;*/
    fill: #333333;
    /*#8e0e12;*/
}

.event-page-tab .tab-icon {
    width: 1rem;
    height: 1rem;
    margin-left: 0px;/*10px;*/
    display: none !important;
}

.event-page-tab .tab-icon svg {
    width: 1rem;
    height: 1rem;
    color: #ffffff;
    fill: #ffffff;
    vertical-align: middle;
}

.event-page-tab.active .tab-icon svg {
    color: #333333;
    /*#8e0e12;*/
    fill: #333333;
    /*#8e0e12;*/
}

.event-page-tab .tab-title-text {
    /* margin-right: 10px; */
    display: block;
    width: 100%;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-page-tab.active {
    /* border: 1px solid #ccc; */
    /* border-bottom: none; */
    border-radius: 2px;
    border: none;
    background-color: #334fa2;
    /*#ef6569;*/
    color: #80cbc4;
    /*#8e0e12;*/
    /* font-weight: bold; */
}


.event-page-tab-content {
    flex: 1;
    flex-grow: 1;
    display: none;
    padding: 20px;
    /* border: 1px solid #ccc; */
    /* border-top: none; */
}


.event-page-tab-content.active {
    display: block;
}

.event-page-tab-content.show {
    display: block;
}

.u-s-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    /* 10px */
    min-width: 0;
    text-align: start;
    font-family: "IRANSansXpro", "IRANYekanX", "Vazir", "Roboto", "Helvetica", "Arial", sans-serif;
    /* overflow-y: auto; */
    /* height: calc(100vh - 185px); */
    visibility: visible !important;
    transition: visibility 0.3s;
}

.u-s-tabs .u-s-tabs-heading {
    display: flex;
    flex-basis: 54px;
    flex-direction: column;
    flex-shrink: 0;
    flex-wrap: nowrap;
    gap: 2px;
    justify-content: flex-start;
    overflow-x: initial;
    -ms-overflow-style: none;
    scrollbar-width: none;

    background: #161947;/*e5dede #263238*/
    /*#f17579;*/
    height: auto;
    /*100vh*/

    transition: all .3s;
    position: relative;
    /*fixed;*/
    /* top: 110px; */
    z-index: 2;
    padding: 8px 0;
}

.u-s-tabs .u-s-tabs-content {
    display: flex;
    flex-direction: column;
    /* new */
    flex-grow: 1;
    min-width: 0;
    position: relative;
    z-index: 1;
    transition: all .3s;
}

.event-alert-info .elementor-alert {
    background-color: #8ea9f9 !important;
    border-color: #334fa2 !important;
    color: #161947 !important;
    text-align: center !important;
    border-inline-start: 5px solid #334fa2 !important;
    border-inline-end: 5px solid #334fa2 !important;
}
.event-alert-info .elementor-alert .elementor-alert-title {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}
.event-alert-info .elementor-alert .elementor-alert-description {
    font-size: 14px;
    font-weight: 500;
}

.u-s-tabs button.filter-button.filter-button-active {
    color: #ffffff !important;
    background-color: #4c70db !important;
    text-decoration: none;
    border-color: #4c70db !important;
    width: 140px;
}
.u-s-tabs button.filter-button.filter-button-active:focus, .u-s-tabs button.filter-button.filter-button-active:hover, .u-s-tabs button.filter-button.filter-button-active.active {
    color: #ffffff !important;
    background-color: #334fa2 !important;
    text-decoration: none;
    border-color: #334fa2 !important;
}

/* mobile */
@media (max-width: 767px) {
  .event-page-tab {
    width: calc(50vw - 34px);
  }
  .event-page-tab:not(.active) {
    background-color: #202464;
  }
}