.feedback-container {
    background: none !important;
    border: 1px solid var(--text) !important;
}

section.events-data {
    padding-top: 100px;
    padding-bottom: 0;
}

.events-block {
    display: flex;
align-items: stretch;
    flex-wrap: wrap;
    background: var(--grey-extra-light);
}

.events-calendar-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

.events-calendar-title h2 {
    margin: 0;
    font-size: 24px;
    color: var(--text);
}

.events-calendar-controls {
    display: flex;
    gap: 12px;
    align-items: center;
}

.events-calendar-sidebar {
    flex: 0 0 450px;
    width: 450px;
  border-right: 2px solid #fff;
    padding: 30px;
    box-sizing: border-box;
}

.events-calendar-widget-wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.btn-reset-calendar.btn-outline {
  white-space: nowrap;
    border: 1px solid var(--grey-light);
        padding: 10px 16px!important;
    color: var(--text);
    transition: all 0.2s;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}
.events-calendar .btn-primary.goto {
	margin-top: 10px!important;
}

.events-calendar .btn-primary{
	padding: 5px 12px 4px 12px !important;
	font-size: 14px !important;

}
.btn-reset-calendar:hover, .btn-outline:hover {
    border-color: var(--red);
    color: var(--red);
}


.events-main {
    flex: 1;
    min-width: 0;
  padding: 30px 15px 30px 30px;
}

.events-main-items {
    height: 460px;
    overflow-y: scroll;
overscroll-behavior-y: contain;
    padding: 15px;
    box-sizing: border-box;
    transition: -webkit-mask-image 0.2s, mask-image 0.2s;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 85%, transparent 100%);
}

.events-main-items.is-top {
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 85%, transparent 100%);
}

.events-main-items.is-bottom {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 10%, #000 100%);
}

.events-main-items.is-top.is-bottom {
    -webkit-mask-image: none;
    mask-image: none;
}

.events-main-items::-webkit-scrollbar {
    width: 10px;
}

.events-main-items::-webkit-scrollbar-track {
    background: var(--grey-light);
    border: 1px solid var(--grey);
    border-radius: 0;
}

.events-main-items::-webkit-scrollbar-thumb {
    background: var(--grey-extra-dark);
    border-radius: 0;
}

.events-main-items::-webkit-scrollbar-thumb:hover {
    background: var(--red);
}

.seminars-block-list {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.seminar-row-block {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 2px solid #fff;
}

.seminar-row-block:last-child {
    border-bottom: none;
}

.date-side {
    flex: 0 0 150px;
    width: 150px;
    white-space: nowrap;
}

.content-side {
    flex: 1;
    min-width: 0;
}

.date-side .cont-date, .date-side .cont-month, .price-box .price{
    font-size: 16px!important;
}
.date-side .cont-town, .price-box .price-old{
    font-size: 14px!important;
}


.events-calendar .type span{
    font-size: 14px!important;
  padding: 3px 8px 2px 8px!important;
}
.events-calendar .type{
	margin-bottom: 10px!important;
}
.events-calendar.seminar-name a.seminar-name-link {
  font-weight: 400;
  font-size: 16px!important;
  line-height: 1.5;
  color: black;
  text-decoration: none;
}

.events-calendar-mobile-btn {
    display: none;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--grey-light);
    border-radius: 0;
    padding: 5px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    cursor: pointer;
    height: 52px;
    width: 52px;
}

.events-calendar-mobile-btn svg {
    fill: currentColor;
}

.events-calendar-mobile-btn.is-active {
    background: var(--red);
    color: #fff;
    border-color: var(--red);
}

.loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
    width: 100%;
}

.loading::before {
    content: '';
    width: 32px;
    height: 32px;
    border: 3px solid var(--grey-light);
    border-top-color: var(--red);
    border-radius: 50%;
    animation: spin-loader 0.6s linear infinite;
}

@keyframes spin-loader {
    to { transform: rotate(360deg); }
}

.no-events, .error {
    color: var(--grey-dark);
    font-size: 16px;
    background: #fff;
    border: 1px dashed var(--grey);
    border-radius: 0;
    padding: 30px;
    text-align: center;
}

@media (max-width: 768px) {
.events-data .btn-outline-xl:not(.btn-big), .events-data .btn-primary:not(.btn-big){
	padding: 5px 12px 4px 12px !important;
	font-size: 14px !important;

}
    #events-ajax-container {
        scroll-margin-top: 20px;
    }
    .events-block {
        flex-direction: column;
        padding: 15px;
  margin: 0 -15px;
    }
    .events-calendar-sidebar {
  flex: none;
        display: block;
        width: 100%;
        border: none;
    padding: 0 0 15px 0;
    border-bottom: 2px solid #fff;
    }
    .events-calendar-title {
        align-items: center;
        gap: 15px;
    margin-bottom: 0;
    }
    .events-calendar-title h2 {
        font-size: 20px;
    }
    .events-calendar-controls {
        gap: 10px;
    }
    .btn-reset-calendar, .btn-outline {
        width: 100%;
        text-align: center;
    }
    .events-calendar-mobile-btn {
        display: inline-block;
        justify-content: center;
  
    }

    .events-calendar-widget-wrap {
        display: block ; 
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out, margin-top 0.3s ease;
    }
    
    .events-calendar-widget-wrap.is-open {
        opacity: 1;
        margin-top: 15px;
    }


    .datepicker-container {
        height: auto;
        aspect-ratio: auto;
    }
    .events-main {
        padding: 0;
        height: auto;
    }
    .events-main-items {
        height: auto;
        overflow-y: visible;
        padding: 0;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .seminar-row-block {
        flex-direction: column;
        gap: 16px;
    }
    .link-block {
        flex-direction: column;
        gap: 12px;
    }
    .date-side {
    flex: none;
        width: 100%;
    }
.btn-reset-calendar.btn-outline {
	padding: 14px 16px !important;
	height: 52px;
    width: auto
}
.price-box {
	display: flex;gap:25px
}
.price.price-old {
	order: 2;
}
 .events-main-items  .link:hover .goto,  .events-main-items  .btn-primary {
	scale: 1;
	width: auto;
}
}