.events-section {
        margin-top: 50px;
        margin-bottom: 90px;
    }

    body {
        font-size: 16px;
    }

    * {font-family: Roboto;}

    .container {
        max-width: 1440px;
        padding: 0 8vw;
        box-sizing: border-box;
        margin: 0 auto;
    }

    header > .container {
        width: 100%;
    }

    header .elementor-button {
        width: max-content
    }

    .events-section .title-block {
        display: grid;
        grid-template-columns: repeat(2, max-content);
        grid-gap: 0 15vw;
        box-sizing: border-box;
        margin-bottom: 50px;
    }

    .events-section .title-block .text-block {
        max-width: 400px;
        font-size: 0.8em;
    }

    .events-section .title-block h1 {
        font-size: 2.8em;
        margin: 0;
        line-height: 1;
        color: #00316B;
        font-weight: 600;
        font-family: Roboto;

    }

    .events-section .top-block h4 {
        margin-bottom: 30px;
        line-height: 1;
        font-size: 1.6em;
        font-weight: 500;
    }

    .events-section .categorise-list {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    .events-section .categorise-list li {
        display: block;
        margin-top: 10px;
        padding: 10px 35px;
        box-sizing: border-box;
        text-align: center;
        font-size: 1em;
        line-height: 1;
        color: #1D1C1C;
        border: 0.5px solid #597698;
        cursor: pointer;
    }

    .events-section .categorise-list li.active,
    .events-section .categorise-list li:hover {
        background-color: #597698;
        color: #FFF;
    }

    .events-section .categorise-list li:not(:last-child) {
        margin-right: 45px;
    }

    .events-section .top-main-block {
        margin-bottom: 40px;
        padding: 40px 0;
        box-sizing: border-box;
        background-color: rgba(231, 235, 239, 0.6);
    }

    .events-section .main-events-block .container {
        display: flex;
        flex-direction: column;
    }

    .events-section .events-list {
        display: grid;
        grid-template-columns: repeat(7,1fr);
        grid-gap: 10px 7px;
        overflow-y: auto;
        order: 2;
        padding: 10px;
        box-sizing: border-box;
    }

    .events-section .event-item {
        padding: 15px;
        box-sizing: border-box;
        border: 1px solid #EDEDED;
        display: flex;
        flex-direction: column;
        min-height: 160px;
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0);
        cursor: pointer;
    }

    .events-section .event-item:hover {
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.58);
        border-color: #C1C1C1;
    }
    

    .events-section .event-item .calendar-day {
        box-sizing: border-box;
        font-size: 1em;
        font-weight: 500;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        font-family: Roboto;
        width: 34px;
        margin-bottom: 15px;
        height: 34px;
        border-radius: 50%;
        border: 0.5px solid #E8E8E8;
    }

    .events-section .event-item:hover .calendar-day {
        background-color: #6CA7FF;
        color: #FFF;
    }

    .events-section .calendar-event-list {
        display: flex;
        flex-direction: column;
        padding: 0;
        max-height: 160px;
        overflow-y: auto;
    }

    .events-section .calendar-event-item {
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .events-section .calendar-event-item .time {
        margin-top: 7px;
        font-size: 0.8em;
        line-height: 1;
        color: #3D3D3D;
        display: block;
    }

    .events-section .calendar-event-item .name {
        margin-bottom: 0;
        margin-top: 0;
        height: 95px;
        overflow-y: hidden;
    }

    .events-section .calendar-event-item .name * {
        font-size: 0.6em;
        color: #3D3D3D;
        line-height: 1.2;
        font-weight: 400;
        font-family: Roboto;
    }

    .events-section .calendar-event-item .name:hover * {
        color: #144682;
    }

    .events-section .calendar-event-item .cat-name {
        width: fit-content;
        padding: 5px 10px;
        box-sizing: border-box;
        display: block;
        font-size: 0.8em;
        line-height: 1;
    }

    .events-section .pagination {
        order: 1;
        display: grid;
        grid-template-columns: max-content 1fr max-content;
        grid-gap: 0 20px;
        align-items: center;
        height: 50px;
        background: #000913;
        flex: auto;
        margin:0;
        padding: 0 50px;
        box-sizing: border-box;
    }

    .events-section .pagination span {
        display: block;
        color: #FFF;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
        font-size: 1em;
    }

    .events-section .pagination a {
        display: block;
    }

    .events-section .pagination a svg {
        width: 10vw;
        height: auto;
    }

    .events-section .pagination path {
        fill: #FFF;
    }

/* Form section */
    .form-section {background: #F7F8F9;}

    .form-section .title-block {
        display: flex;
        flex-direction: column;
        margin-bottom: 64px;
    }

    .form-section h2 {
        font-size: 1em;
        line-height: 1.2;
        font-style: italic;
        font-weight: 400;
    }

    .form-section h1 {
        line-height: 1;
        font-size:2.2em;
        color: #121212;
        font-weight: 700;
        margin-bottom: 12px;
    }

    .form-section .main-block {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .form-section .form {
        display: flex;
        flex-direction: column;
    }

    .form-section .select-list {
        position: relative;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .form-section .select-list li {
        padding: 0;
        display: block;
    }

    .form-section .select-list span {
        padding: 10px;
        box-sizing: border-box;
        display: grid;
        grid-template-columns: auto max-content;
        align-items: center;
        grid-gap:  0 7px;
        width: fit-content;
        font-size: 1em;
        font-weight: 500;
        line-height: 1;
        border: 1px solid #DBDBDB;
        background: #FFF;
        cursor: pointer;
    }

    .form-section .select-list span:after {
        content: '';
        width: 15px;
        height: 9px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M6.5 7.5L0.00480902 0.75L12.9952 0.750001L6.5 7.5Z' fill='black'/%3E%3C/svg%3E");
    }

    .form-section .select-list > li.active span:after {transform: scale(1,-1);}

    .form-section .select-list ul {
        display: none;
        position: absolute;
        flex-direction: column;
        padding: 0;
        top: 37px;
        background: #FFF;
        padding: 15px 10px;
        width: 160px;
        text-align: center;
        z-index: 11;
        border: 1px solid #DBDBDB;
    }

    .form-section .select-list ul li {
        cursor: pointer;
    }

    .form-section .select-list > li.active + ul {
        display: flex;
    }

    .form-section .form-group {
        display: grid;
        grid-template-columns: 130px 1fr;
        grid-gap: 0 20px;
        align-items: center;
    }

    .form-section .form .grid .form-group {
        grid-template-columns: max-content 1fr;
        grid-gap: 0 20px;
        margin-bottom: 0;
    }

    .form-section .form .grid .form-group:first-child label {
        width: 130px;
    }

    .form-section .form .grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        grid-gap: 0 20px;
        margin-bottom: 20px;
    }

    .form-section .form-group:not(:last-child) {
        margin-bottom: 20px;
    }

    .form-section .form-group label {
        font-size: 1em;
        line-height: 1.1;
        color: #0A0A0A;
    }

    .form-section .form-group input,
    .form-section .form-group select
    /*.form-section .form-group textarea*/ {
        border: 1px solid #DBDBDB;
        padding: 10px;
        display: block;
        box-sizing: border-box;
        background: #FFF;
        font-size: 1em;
        line-height: 1em;
        outline: unset;
        width: 100%;
    }

    /*.form-section .form-group textarea {height: 200px;}*/

    .form-section .form-group input:focus,
    .form-section .form-group select:focus
    /*.form-section .form-group textarea:focus*/ {
        border: 1px solid #5f80a5;
    }

    .form-section .form button {
        margin-top: 0;
        width: fit-content;
        outline: unset;
        background-color: #FFF;
        border-color: #DBDBDB;
        padding: 20px;
        box-sizing: border-box;
        display: block;
        color: #000;
        line-height: 1;
        text-align: center;
        font-weight: 500;
    }

    #page-form .success-message {
        margin-top: 70px;
        margin-bottom: 40px;
        display: grid;
        grid-template-columns: 1fr max-content;
        align-items: center;
        grid-gap: 0 40px;
    }

    #page-form .success-message h1 {
        font-size: 1.2em;
        line-height: 1.2;
        font-weight: 500;
        margin: 0;
    }

    #page-form .success-message a {
        padding: 12px 35px;
        text-align: center;
        display: block;
        box-sizing: border-box;
        width: fit-content;
        outline: unset;
        background-color: #FFF;
        border-color: #DBDBDB;
        color: #000;
        line-height: 1;
        font-weight: 500;
    }

     #wp-post_content-wrap .quicktags-toolbar {
        display: flex;
    }

    /* Стилі для візуального редактора */
     #wp-post_content-wrap .mce-toolbar-grp, .mce-container, .mce-panel, .wp-editor-area {
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

     #wp-post_content-wrap .mce-toolbar-grp {
        background-color: #f5f5f5;
    }

     #wp-post_content-wrap .wp-editor-container textarea.wp-editor-area {
        min-height: 200px;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 100%;
        box-sizing: border-box;
    }

    /* Зміна кольору тексту та фону для візуального редактора */
     #wp-post_content-wrap .wp-editor-container {
        color: #333;
    }

     #wp-post_content-wrap .wp-editor-container .mce-container, .wp-editor-container .mce-edit-area {
        background-color: #fff;
        color: #333;
        border-radius: 5px;
    }

     #wp-post_content-wrap .mce-toolbar .mce-listbox button {
        margin-top: 0;
    }

    /* Стилі для кнопок у редакторі */
     #wp-post_content-wrap .mce-container .mce-toolbar-group {
        margin-bottom: 5px;
    }

     #wp-post_content-wrap .mce-container .mce-toolbar-group .mce-btn {
        background-color: #0073aa;
        color: #fff;
        border: 1px solid #00558c;
        border-radius: 3px;
        padding: 5px 10px;
        font-size: 12px;
    }

     #wp-post_content-wrap .mce-container .mce-toolbar-group .mce-btn:hover {
        background-color: #00558c;
        color: #fff;
    }

    #wp-post_content-wrap #mceu_27 {display: none;}

    #wp-post_content-wrap #wp-post_content-editor-tools {
        display: none;
    }


@media only screen and (max-width: 1200.99px) {
    .container {
        padding: 0 4vw;

    }

    .events-section .events-list {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media only screen and (max-width: 920.99px) {

    .form-section .form-group {width: 100%;}

    .form-section .form .grid {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        grid-gap: 0;
    }

    .form-section .form .grid label {
        width: 130px;
    }

    .form-section .form .grid .form-group:not(:last-child) {margin-bottom: 20px;}

    .events-section .title-block {
        display: flex;
        flex-direction: column;
        grid-gap: 0;
        align-items: center;
        width: 100%;
    }

    .events-section .title-block .text-block {
        width: 100%;
        max-width: 600px;
    }

    .events-section .title-block > * {
        text-align: center;
    }

    .events-section .title-block h1 {
        font-size: 2.2em;
        margin-bottom: 25px;
    }

    .events-section .categorise-list {
        justify-content: center;
    }
}

@media only screen and (max-width: 820.99px) { 
    .events-section .events-list {
        grid-template-columns: repeat(5,1fr);
    }
}


@media only screen and (max-width: 767.99px) {
    .events-section .events-list {
        grid-template-columns: repeat(4,1fr);
        padding: 0;
        order: unset;
    }

    .events-section .pagination {order: unset;}

    .events-section .categorise-list li {
        margin-top: 10px;
    }

    .events-section .categorise-list li:not(:last-child) {
        margin-right: 25px;
    }

    .events-section .top-block h4 {
        display: none;
    }

    .events-section .title-block {margin-bottom: 20px;}
}

@media only screen and (max-width: 525.99px) {
    .events-section .events-list {
        grid-template-columns: repeat(3,1fr);
    }

    .events-section .pagination a svg {
        width: 20vw;
    }
}

@media only screen and (max-width: 460.99px) {
    .events-section .events-list {
        grid-template-columns: repeat(2,1fr);
    }
    .events-section .pagination span {
        font-size: 0.8em;
    }

    .events-section .pagination {
        padding: 0 20px;
    }

    .events-section .categorise-list {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 420.99px) {

    .form-section .title-block {margin-bottom: 35px;}

    .form-section .title-block * {
        text-align: center;
    }

    .form-section .form .grid .form-group,
    .form-section .form-group {
        display: flex;
        flex-direction: column;
        grid-gap: 0;
        align-items: flex-start;
    }
    .form-section .form-group:not(:last-child),
    .form-section .form .grid .form-group {margin-bottom: 30px;}

    .form-section .form .grid .form-group:first-child label,
    .form-section .form-group label {
        text-align: left;
        font-size: 1em;
        margin-bottom: 7px;
        font-weight: 500;
        width: auto;
    }

    /*.form-section .form-group textarea {
        height: 120px;
    }*/

    .form-section .form button {
        margin-top: 0;
        padding-top: 15px;
        padding-bottom: 15px;
    }

}