* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body { overflow-x: hidden; }

@-moz-document url-prefix() {
    html {
        scrollbar-width: thin;
        scrollbar-color: #D5D5D5 #F1F1F1;
    }
}

html::-webkit-scrollbar {
    width: 5px; 
}

html::-webkit-scrollbar-thumb {
    background: #E6E6E6; 
    height: 87px;
    border-radius: 3px;
}

:root {
    --primary-color: #162B6F;
    --secondary-color: #E8EDFF; 
    --hover-color: #4C5C90;
    --bg-color: white;
    --bg-color1: #F9F9F9;
    --text-color: black;
    --text-color1: white;
    --font1: 12px; --font2: 14px; --font5: 18px;
    --font3: 16px; --font4: 20px;
}

:root.black-white {
    --bg-color: black;
    --bg-color1: rgba(15, 15, 15, 0.685);
    --text-color: white;
    --text-color1: black;
}

.Container {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 0 20px;
}

.content, .content1 {
    display: flex;
    width: 100%;
    max-width: 1090px; 
}

.content1 { flex-direction: column; }

header {
    background: var(--primary-color);
    min-height: 100px;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1000;
}

.header-content {
    align-items: center;
    justify-content: space-between;
}

.hot-line {
    background: var(--primary-color);
    border: 1px solid white;
    border-radius: 23px;
    color: var(--text-color1);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px; height: 45px;
    transition: all 0.3s ease;
    p { margin-bottom: 0; }
    p:first-child {
        font: 11px 'BPG Mrgvlovani';
        line-height: 15px;
        margin-right: 20px;
    }
    p:last-child {
        font: 10px 'BPG Mrgvlovani';
        line-height: 11px;
        margin-left: 8px;
    }
    &:hover { 
        background: var(--hover-color); 
        border-color: var(--hover-color);
    }
}

.logo {
    display: flex;
    img {
        width: 297px; height: 62px;
        object-fit: contain;
    }
    img:last-child { display: none;}
}

.search-form {
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: -531px;
    height: 531px;
    left: 20%;
    right: 20%;
    transition: all 0.3s ease;
    overflow: hidden;
    z-index: 1001;
}

.search-form.active {
    top: 0;
    left: 0;
    right: 0;
}

.search-form-cont {
    display: flex;
    flex-direction: column;
    gap: 96px;
    width: 100%;
    max-width: 850px;
}

.search-form-cont > div {
    color: var(--text-color);
    display: flex;
    justify-content: space-between;
    font: 20px 'BPG Mrgvlovani';
    line-height: 28px;
}

.search-form-cont button {
    background: transparent;
    border: none;
}

.search-form-cont input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #CFCFCF;
    color: #707070;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    padding-bottom: 19px;
    &::placeholder { color: #707070; }
    &:focus { outline: none; }
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 25px;
    a {
        background: transparent;
        border: 1px solid white;
        border-radius: 23px;
        color: var(--text-color1);
        display: flex;
        justify-content: center;
        align-items: center;
        font: var(--font1) 'BPG LE Studio 02 Caps';
        line-height: 15px;
        text-decoration: none;
        width: 150px; height: 45px;
        -webkit-text-stroke: 0.5px var(--text-color1);
        transition: all 0.3s ease;
        &:hover {
            background: var(--hover-color);
            border-color: var(--hover-color);
        }
    }
}

.search {
    background: transparent;
    border: none;
}

.accessibility-wrapper {
    color: white;
    display: flex;
    align-items: center;
    position: fixed;
    top: 50%; right: -242px;
    transform: translateY(-50%);
    z-index: 99;
    width: 300px;
    height: 180px;
    transition: right 0.3s ease;
    &.appear { right: 0; }
}

.access-icon  {
    background: var(--primary-color);
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    i { font-size: 20px; }
    img { filter: brightness(0) invert(1); }
}

.access-icon img, .accessibility-wrapper.appear .access-icon i { display: none; }
.accessibility-wrapper.appear .access-icon img { display: block; }

.access {
    background: var(--primary-color);
    border-radius: 5px 0 0 5px;
    width: 250px; height: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding: 10px 30px;
}

.contrast-cont, .font-cont {
    font: var(--font2) 'BPG Mrgvlovani';
    line-height: 19px;
    > p { margin-bottom: 5px; }
}

.font-cont > div {
    gap: 15px;
    div { gap: 5px; }
}

.contrast-img {
    display: flex;
    gap: 8px; 
    img { cursor: pointer; }
}

.menu-cont {
    background: var(--secondary-color);
    align-items: center;
    min-height: 60px;
    position: sticky;
    position: -webkit-sticky;
    top: 100px;
    z-index: 1000;
}

.menu {
    display: flex;
    gap: 25px;
    width: 100%;
    position: relative;
}

.menu-item {
    cursor: pointer;
    height: 100%;
    transition: all 0.3s ease;
    > a {
        color: black;
        font: 16px 'BPG LE Studio 02 Caps';
        line-height: 20px;
        text-decoration: none;
        padding-bottom: 21px;
        transition: all 0.3s ease;
        -webkit-text-stroke: 0.5px black;
    }
    i { 
        color: black; 
        font-size: 10px;
        position: relative; top: -2px;
        transition: all 0.3s ease;
    }
}

.menu-item:hover {
    > a { 
        color: var(--primary-color); 
        -webkit-text-stroke-color: var(--primary-color);
    }
    i { color: var(--primary-color); }
    > div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 325px;
        gap: 15px;
    }
}
.menu-item.active {
    > a { 
        color: var(--primary-color); 
        -webkit-text-stroke-color: var(--primary-color);
    }
    i { color: var(--primary-color); }
}

.menu-item > div {
    background-color: var(--bg-color);
    opacity: 0.95;
    display: none;
    column-gap: 30px;
    row-gap: 15px;
    list-style: none;
    margin: 0;
    position: absolute;
    top: 42px; left: calc(544px - 50vw);
    z-index: 1000;
    width: 100vw;
    padding: 35px calc(50vw - 544px) 65px;
    a {
        color: var(--text-color);
        text-decoration: none;
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 19px;
        transition: all 0.3s ease;
    }
    p {
        color: var(--text-color);
        font: var(--font2) 'BPG LE Studio 02 Caps';
        line-height: 21px;
        margin-bottom: 0;
        -webkit-text-stroke: 0.5px var(--text-color);
    }
}

.menu-item > div > div {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.language-change {
    display: flex;
    align-items: center;
    gap: 15px;
}

.language-change > span:first-of-type {
    color: var(--text-color);
    -webkit-text-stroke: 0.5px var(--text-color);
    font: var(--font1) 'BPG LE Studio 02 Caps';
    line-height: 16px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 18px;
}
  
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
  
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3px;
    background: var(--primary-color);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
  
input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

#menu-toggle-button { display: none; }

.dropdownMenu {
    background: #0e1c49;
    color: var(--secondary-color);
    padding: 0 20px;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    transition: height 0.5s ease;
}
  
.dropdownMenu.visible, .dropdownMenu.active { height: calc(100vh - 110px); }

.mobile-nav i { transition: transform 0.3s ease; }
.mobile-nav ul {
    list-style: none;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height 0.3s ease;

    li { display: flex; }
    a {
        color: var(--secondary-color);
        text-decoration: none;
        display: flex;
        align-items: center;
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 16px;
        padding: 5px 0 5px 10px;
        width: 100%;
    }
    li:last-child a { padding-bottom: 30px; }

}

.mobile-nav.active {
    ul { max-height: 1000px; }
    i { transform: rotate(180deg); }
}

.mobile-nav:first-child { margin-top: 20px; }

.mobile-nav-head {
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    font: var(--font3) 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    i { color: var(--secondary-color); font-size: 12px; }
}

.mobile-nav > a {
    color: var(--secondary-color);
    text-decoration: none;
    display: flex;
    font: var(--font3) 'BPG Mrgvlovani';
    line-height: 19px;
    padding: 15px 0;
}

.mobile-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 100px;
}

.banner-cont {
    position: relative;
    width: 100%;
    min-height: 490px;
}

.banner-swiper { 
    width: 100%; 
    img {
        width: 100%;
        height: 490px;
        object-fit: cover;
    } 
}

.banner-slide {
    position: relative;
    z-index: 1;
    &::before {
        content: '';
        background: linear-gradient(180deg,  rgba(0,0,0,0 ) 0.00%,  rgba(0,0,0,0.31 ) 58.97%, 
                    rgba(0,0,0,0.4 ) 68.65%, rgba(0,0,0,0.51 ) 75.16%, 
                    rgba(0,0,0,0.63 ) 81.50%, rgba(0,0,0,0.71 ) 86.95%, 
                    rgba(0,0,0,0.79 ) 91.53%, rgba(0,0,0,0.85 ) 95.75%,  #000000 100.00%);
        position: absolute;
        inset: 0;
        z-index: 2;
    }
}

.swiper1 .swiper-pagination-bullet, .swiper2 .swiper-pagination-bullet {
    background: rgba(255,255,255,0.4);
    border-radius: 50%;
    color: white;
    width: 10px; height: 10px;
    opacity: 1;
}
.swiper1 .swiper-pagination-bullet-active { background: var(--primary-color); }
.swiper2 .swiper-pagination { text-align: start; }
.swiper2 .swiper-pagination-bullet-active { background: var(--secondary-color); }

.running-lines-container {
    display: flex;
    gap: 50px;
    position: absolute;
    top: 30px; left: 50%;
    transform: translateX(-50%);
    width: 100%; 
    max-width: 1090px;
    z-index: 2;
}

.running-lines {
    border-bottom: 1px solid var(--bg-color);
    font: var(--font2) 'BPG LE Studio 02 Caps';
    line-height: 19px;
    padding-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.running-lines a {
    color: var(--text-color1);
    text-decoration: none;
}

.running-lines:hover .line-slide { animation-play-state: paused !important; }

.line-slide {
    display: inline-block;
    animation: 35s marqueeLine infinite linear;
}

@keyframes marqueeLine {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

.middle-menu {
    background: linear-gradient(to bottom, transparent 50%, var(--bg-color1) 50%);
    margin-top: -75px;
    position: relative;
    z-index: 2;
}

.middle-menu .content {
    gap: 14px;
}

.middle-menu a {
    background: var(--bg-color);
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font: var(--font3) 'BPG LE Studio 02 Caps';
    line-height: 21px;
    flex: 1;
    -webkit-text-stroke: 0.5px var(--text-color);
    height: 150px;
    padding: 0 20px;
    position: relative;
    transition: all 0.3s ease;
    &:hover {
        background: var(--primary-color);
        color: var(--text-color1);
        -webkit-text-stroke-color: var(--text-color1);
        height: 110px;
    }
    &::after {
        content: '';
        background: var(--bg-color);
        width: 100%; height: 5px;
        position: absolute; top: 0;
    }
}

.middle-menu a:nth-child(2) { font-size: var(--font2); }

.main-page {
    background: linear-gradient(to bottom, var(--bg-color1) 580px, var(--bg-color) 580px);
    padding: 70px 20px 30px;
    .content {
        align-items: flex-start;
        gap: 30px;
    }
}

.main-left { width: calc(100% - 280px); }
.main-right { width: 250px; }

.page-title {
    color: var(--text-color);
    font: var(--font4) 'BPG LE Studio 02 Caps';
    line-height: 26px;
    -webkit-text-stroke: 0.5px var(--text-color);
    margin-bottom: 30px;
}

.news-swiper:first-of-type { margin-bottom: 80px; }
.news-swiper:nth-of-type(2) { margin-bottom: 50px; }

.news-card.swiper-slide { width: 255px !important; }
.news-card {
    color: unset;
    text-decoration: none;
    > img {
        border-radius: 5px 5px 0 0;
        width: 100%; height: 175px;
        object-fit: cover;
    }
    > div {
        background: var(--bg-color);
        border-radius: 0 0 5px 5px;
        padding: 23px 17px 20px 24px;
    }
    .name {
        color: var(--text-color);
        display: -webkit-box;
        font: var(--font2) 'BPG LE Studio 02 Caps';
        line-height: 18px;
        height: 108px;
        overflow: hidden;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        -webkit-box-orient: vertical;
        margin-bottom: 15px;
    }
}

.news-swiper:nth-of-type(2) .news-card > div { background: var(--bg-color1); }

.date {
    color: var(--primary-color);
    font: var(--font1) 'BPG Mrgvlovani';
    line-height: 16px; 
    margin-bottom: 20px;
}

.see-more {
    border: 1px solid #CCCFD2;
    border-radius: 15px;
    color: #CCCFD2;
    text-decoration: none;
    display: flex;
    align-items: center;
    font: var(--font1) "BPG Mrgvlovani";
    line-height: 16px;
    overflow: hidden;
    padding-left: 10px;
    width: 30px;
    height: 30px;
    transition: all 0.3s ease;
    &:hover { 
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: var(--text-color1);
        width: 133px; 
    }
}

.see-more .text {
    opacity: 0;
    white-space: nowrap;
    margin-left: 20px;
    transition: opacity 0.3s ease;
}
.see-more:hover .text { opacity: 1; }
.plus { margin-left: -1px; }

.important-links {
    display: grid;
    grid-template: 295px 295px 415px / 1fr 1fr;
    column-gap: 40px;
    row-gap: 30px;
}

.important-link {
    display: flex;
    position: relative;
    width: 100%; height: 100%;
    img {
        width: 100%; height: 100%;
        object-fit: cover;
    }
    &::before {
        content: '';
        background: transparent;
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
        filter: brightness(1);
        filter: blur(0%);
        position: absolute;
        z-index: 1; inset: 0;
        transition: all 0.3s ease;
    }
}

.important-link:hover::before {
    background: rgba(255, 255, 255, 0.34);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    filter: brightness(0.73);
    filter: blur(2%);
}

.important-link:nth-child(3), .important-link:last-child {
    grid-column: 1 / 3;
}

.tag {
    background: var(--bg-color);
    color: var(--text-color);
    font: var(--font2) 'BPG LE Studio 02 Caps';
    line-height: 19px;
    padding: 10px 15px;
    position: absolute;
    z-index: 2;
    left: 20px; bottom: 20px;
    transition: all 0.3s ease;
}

.important-link:first-child:hover .tag,
.important-link:nth-child(3):hover .tag {
    left: 50%; bottom: 50%;
    font-size: var(--font4);
    padding: 20px;
    transform: translate(-50%, 50%);
}

.important-link:nth-child(2) .tag {
    font-size: var(--font3);
    text-align: center;
    right: 20px;
}

.important-link:nth-child(2):hover .tag {
    bottom: 50%;
    transform: translateY(50%);
}

.important-link:last-child .tag {
    font-size: var(--font4);
    line-height: 24px;
    right: 40px; bottom: unset;
    top: 40px; left: 40px;
    padding: 21px 17px;
}

.important-link:last-child:hover .tag {
    top: 50%;
    transform: translateY(-50%);
}

.side-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 35px;
    a {
        color: var(--text-color);
        text-decoration: none;
        display: flex;
        flex-direction: column;
        gap: 15px;
        font: var(--font2) 'BPG LE Studio 02 Caps';
        line-height: 19px; 
    }
    img {
        border-radius: 20px;
        width: 100%; height: 155px;
        object-fit: cover;
    }
}

.links-head {
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 10px;
    font: var(--font1) 'BPG Mrgvlovani';
    line-height: 16px;
    -webkit-text-stroke: 0.5px var(--primary-color);
    width: 100%;
    div {
        background: var(--primary-color);
        width: 100%; height: 3px;
    }
}

.side-links:nth-of-type(2) img { height: 90px; }

.social-links {
    display: flex;
    flex-direction: column;
    gap: 5px;
    .links-head { margin-bottom: 15px; }
    a {
        background: var(--secondary-color);
        color: black;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 17px;
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 13px;
        padding: 8px 17px;
        transition: all 0.3s ease;
        div {
            background: var(--hover-color);
            border-radius: 50%;
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 9px;
            width: 25px; height: 25px;   
            transition: all 0.3s ease;
            img { transition: all 0.3s ease; }
        }
    }
}

.social-links a:hover {
    background: var(--hover-color);
    color: white;
    div { 
        background: var(--secondary-color); 
        color: black;
        img { filter: brightness(0) invert(0); }
    }
}

.event-calendar-cont {
    background: var(--primary-color);
    padding: 70px 20px 60px;
    position: relative;
    top: 47.5px;
    > * { position: relative; z-index: 3; }
    &::after, &::before {
        content: '';
        position: absolute;
        width: 50%; height: 100%;
        top: 0; left: 0;
        z-index: 1;
    }
    &::after { background: url('../images/calendar-bg.png') no-repeat center center / cover; }
    &::before { background: rgba(232, 237, 255, 0.79); z-index: 2; }
}

.events-prev {
    align-items: flex-start;
    gap: 125px;
    padding-left: 40px;
}

.events-swiper {
    width: calc(50% - 35px) !important;
    padding-bottom: 50px !important;
    margin: 0 !important;
    > p:first-child {
        color: var(--text-color1);
        font: var(--font4) 'BPG LE Studio 02 Caps';
        line-height: 24px;
        margin-bottom: 20px;
    }
}

.event-slide {
    .title {
        color: var(--text-color1);
        font: var(--font3) 'BPG LE Studio 02 Caps';
        line-height: 18px;
        margin-bottom: 20px;
    }
    .desc {
        color: var(--text-color1);
        display: -webkit-box;
        font: var(--font3) 'Firago';
        line-height: 19px;
        height: 76px;
        overflow: hidden;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    hr {
        border-color: rgba(236, 236, 236, 0.31);
        opacity: 1;
        margin: 20px 0 30px;
    }
    > a:last-of-type {
        color: var(--text-color1);
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 16px;
    }
}

.date1 {
    color: var(--secondary-color);
    font: var(--font3) 'BPG Mrgvlovani Caps 2010';
    line-height: 19px;
    margin-bottom: 15px;
}

.time {
    color: var(--text-color1);
    display: flex;
    align-items: center;
    gap: 10px;
    font: var(--font2) 'Firago';
    line-height: 19px;
    margin-bottom: 30px;
}

.event-calendar-cont .flatpickr-calendar {
    background: transparent !important;
    box-shadow: none !important;
    font: var(--font2) 'BPG Mrgvlovani Caps 2010' !important;
    line-height: 19px !important;
    width: 440px !important;
    top: 0 !important;
}

.event-calendar-cont .flatpickr-rContainer, .event-calendar-cont .flatpickr-days,
.event-calendar-cont .dayContainer { 
    width: 100% !important; 
    min-width: 100% !important;
    max-width: 100% !important;
}

.event-calendar-cont .flatpickr-day {
    border-radius: 0 !important;
    line-height: 45px !important;
    width: 63px !important;
    height: 51px !important;
    max-width: 63px !important;
}

.event-calendar-cont .flatpickr-day.selected {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white;
}

.event-calendar-cont .flatpickr-day:hover {
    background: white;
    border-color: white;
}

.event-calendar-cont .flatpickr-weekdays {
    background: var(--primary-color);
    border: 1px solid var(--tertiary-color) !important;
    border-radius: 11px;
    height: 40px !important;
}

.event-calendar-cont span.flatpickr-weekday {
    color: white;
    font: 10px 'BPG Mrgvlovani';
    line-height: 13px;
}

#calendarContainer { display: none !important; }

.subscription-container {
    background: linear-gradient(to bottom, var(--bg-color) 50%, #081747 50%);
}

.subscribe-form {
    border-radius: 20px;
    background: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px 85px;
    position: relative;
    z-index: 2;
    > span {
        color: #292929;
        font: var(--font4) 'BPG LE Studio 02 Caps';
        line-height: 26px; 
        -webkit-text-stroke: 0.5px #292929;
        margin-right: 20px;
    }
    input {
        border: none;
        border-radius: 5px;
        color: #9B9B9B;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px; 
        padding-left: 30px;
        height: 45px; width: calc(100% - 540px);
        &:focus { outline: none; }
    }
}

.subscribe-form button, .request-form button {
    background: var(--primary-color);
    border: none;
    border-radius: 5px;
    color: var(--text-color1);
    font: var(--font2) 'BPG LE Studio 02 Caps';
    line-height: 19px;
    width: 200px; height: 45px;
    transition: all 0.3s ease;
    &:hover { background: var(--hover-color); }
}

footer {
    background: #081747;
    padding: 85px 20px 65px !important;
    position: relative;
    &::after {
        content: '';
        background: url('../images/footer-bg.png') no-repeat center center / cover;
        position: absolute;
        left: 50%; top: 25px;
        transform: translateX(-50%);
        width: 319px; height: 344px;
    }
    &::before {
        content: '';
        background: rgba(255,255,255,0.1);
        position: absolute;
        width: 100%; height: 1px;
        left: 0; bottom: 150px;
    }
}

.footer-top {
    display: flex;
    align-items: flex-start;
    gap: 50px;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
    .footer-logo { display: none; }
}
.footer-top > div:last-child {
    .footer-menu:first-child { margin-bottom: 50px; }
}

.footer-menu {
    min-width: 230px;
    p {
        color: var(--text-color1);
        font: var(--font2) 'BPG LE Studio 02 Caps';
        line-height: 19px;
        margin-bottom: 25px;
        -webkit-text-stroke: 0.5px var(--text-color1);
    }
    div {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    a {
        color: var(--text-color1);
        text-decoration: none;
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 16px;
        transition: all 0.3s ease;
        &:hover { color: #8AA0E9; }
    }
}

.footer-top > .footer-menu:nth-child(3) { min-width: 495px; }
.footer-top > .footer-menu:nth-child(3) div {
    flex-wrap: wrap;
    column-gap: 35px;
    height: 250px; width: 495px;
    a { max-width: 215px; }
}

.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    > div:last-child {
        color: var(--text-color1);
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 16px;
        text-align: end;
        p:first-child { margin-bottom: 5px; }
        p:last-child { margin-bottom: 0; }
        a { color: #8AA0E9; text-decoration: none; }
    }
}

.socials {
    display: flex;
    gap: 10px;
    a {
        background: rgba(255,255,255,0.21);
        border-radius: 50%;
        color: white;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        width: 25px; height: 25px;
        transition: all 0.3s ease;
        &:hover { background: #D20017; }
    }
}

.footer-logo {
    display: flex;
    width: 275px; height: 58px;
    img {
        width: 100%; height: 100%;
        object-fit: contain;
    }
}

.municipality-cont { 
    background: var(--bg-color);
    padding: 40px 20px 80px; 
    min-height: 40vh;
}

.page-hr {
    border-color: var(--hover-color);
    margin: 0 0 25px;
    opacity: 1;
}

.municipality-page {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.side-nav {
    background: var(--bg-color1);
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 40px 35px 70px 40px;
    width: 345px;
    a {
        color: var(--text-color);
        text-decoration: none;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px;
        transition: all 0.3s ease;
        -webkit-text-stroke: 0.5px transparent;
        &:hover, &.active { 
            color: var(--hover-color); 
            -webkit-text-stroke-color: var(--hover-color);
        }
    }
}

.about-page { width: calc(100% - 375px); }
.about-img {
    width: 100%; height: 295px;
    object-fit: cover;
    margin-bottom: 25px;
}

.about-content, .program-text {
    background: var(--bg-color1);
    color: var(--text-color);
    font: var(--font2) 'BPG Mrgvlovani';
    line-height: 19px;
    padding: 30px 30px 50px 40px;
    margin-bottom: 40px;
    * { font-family: 'BPG Mrgvlovani' !important; }
    b, strong { font-weight: 900 !important; }
    h4 {
        color: var(--primary-color);
        font: var(--font4) 'BPG LE Studio 02 Caps' !important;
        line-height: 26px;
        -webkit-text-stroke: 0.5px var(--primary-color);
    }
    h5, h6 {
        color: var(--primary-color);
        font: var(--font2) 'BPG LE Studio 02 Caps' !important;
        line-height: 19px;
        -webkit-text-stroke: 0.5px var(--primary-color);
    }
    h6 { font: var(--font2) 'BPG Mrgvlovani' !important; }
}

.share {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.municipality-page .share { justify-content: flex-end; }
 
.go-back {
    color: var(--primary-color);
    -webkit-text-stroke: 0.5px var(--primary-color);
    text-decoration: none;
    font: var(--font2) 'BPG LE Studio 02 Caps';
    line-height: 19px;
    transition: all 0.3s ease;
    p { margin-bottom: 0; }
    div { display: none; }
    &:hover {
        color: var(--hover-color);
        -webkit-text-stroke-color: var(--hover-color);
    }
}

.share-links {
    display: flex;
    align-items: center;
    gap: 10px;
    span {
        color: #2B2B2B;
        font: var(--font1) 'BPG Mrgvlovani';
        line-height: 16px;
    }
    div {
        background: #ECECEC;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        width: 28px; height: 28px;
        transition: all 0.3s ease;
        img { filter: brightness(0) invert(0); transition: all 0.3s ease; }
        &:hover {
            background: var(--primary-color);
            color: white;
            img { filter: brightness(0) invert(1); }
        }
    }
}

.copy-link.copied { transform: scale(1.2); }

.municipality-symbols {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    img { object-fit: contain; }
    img:first-child { width: 33%; }
    img:last-child { width: 67%; }
}

.friendly-towns {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
    margin-bottom: 25px;
    img {
        width: 100%; height: 70px;
        object-fit: cover;
    }
}

.program-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.program-links a, .program-name {
    background: var(--bg-color1);
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    font: var(--font2) 'BPG Mrgvlovani';
    line-height: 19px;
    padding: 20px 30px 20px 40px;
    min-height: 70px;
    transition: all 0.3s ease;
    &:hover {
        background: var(--hover-color);
        color: var(--text-color1);
    }
}

.program-text { margin-bottom: 20px; }
.program-name {
    background: var(--hover-color);
    color: var(--text-color1);
    margin-bottom: 20px;
}

.files {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 30px 0 40px;
    margin-bottom: 45px;
}

.files1 {
    margin: 0;
    padding: 0;
}

.file, .file1 {
    border: 1px solid #DCDCDC;
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font: var(--font1) 'BPG Mrgvlovani';
    line-height: 16px;
    padding: 18px 20px;
    transition: all 0.3s ease;
    &:hover {
        background: var(--bg-color1);
        border-color: var(--bg-color1);
    }
    div {
        background: var(--hover-color);
        border-radius: 50%;
        width: 27px; height: 27px;
        transition: all 0.3s ease;
    }
    span { max-width: calc(100% - 50px); }
}

.curr-member {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    > img {
        width: 380px; height: 370px;
        object-fit: cover;
    }
}

.member-page {
    width: calc(100% - 400px);
    .share { justify-content: flex-end; }
}

.member-content {
    background: var(--bg-color1);
    padding: 40px 40px 50px 50px;
    margin-bottom: 40px;
    .name {
        color: var(--text-color);
        font: var(--font5) 'BPG Mrgvlovani Caps 2010';
        line-height: 24px;
        margin-bottom: 24px;
    }
    hr {
        border-color: #EBEBEB;
        margin: 40px 0 20px;
        opacity: 1;
    }
}

.details {
    display: flex;
    flex-wrap: wrap;
    column-gap: 56px;
    row-gap: 20px;
}

.details div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    span:first-child {
        color: var(--hover-color);
        -webkit-text-stroke: 0.5px var(--hover-color);
        font: 10px 'BPG Mrgvlovani';
        line-height: 13px;
    }
    span:last-child, a:last-child {
        color: var(--text-color);
        text-decoration: none;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px;
    }
}

.member-content .text {
    color: var(--text-color);
    font: var(--font2) 'BPG Mrgvlovani';
    line-height: 20px;
    * { font-family: 'BPG Mrgvlovani' !important; }
    b, strong { font-weight: 900; }
    h6 {
        color: var(--hover-color);
        font: var(--font2) 'BPG Mrgvlovani Caps 2010' !important;
        line-height: 19px;
        -webkit-text-stroke: 0.5px var(--hover-color);
    }
}

.members-grid {
    display: grid;
    grid-template-columns: repeat(2, 305px);
    justify-content: center;
    gap: 25px;
}

.member-card {
    color: var(--text-color);
    text-decoration: none;
    font: var(--font3) 'BPG Mrgvlovani Caps 2010';
    line-height: 20px;
    transition: all 0.3s ease;
    img {
        width: 100%; height: 295px;
        margin-bottom: 8px;
        object-fit: cover;
    }
    span {
        background: var(--bg-color1);
        display: flex;
        justify-content: center;
        width: 100%;
        padding: 25px 0;
        transition: all 0.3s ease;
    }
    &:hover span { background: var(--secondary-color); }
}

.links-grid, .links-grid1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.links-grid1 { 
    grid-template-columns: repeat(2, 1fr); 
    .link { justify-content: center; max-width: unset; }
}

.link {
    background: var(--bg-color1);
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    align-items: center;
    font: var(--font3) 'BPG Mrgvlovani Caps 2010';
    line-height: 20px;
    height: 130px;
    padding: 0 40px 0 35px;
    max-width: 350px;
    word-break: break-word;
    transition: all 0.3s ease;
    &:hover { background: var(--secondary-color); }
}

.office-name {
    background: var(--bg-color1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px 18px 35px;
    margin-bottom: 30px;
    min-height: 80px;
    > span {
        color: var(--text-color);
        font: var(--font3) 'BPG Mrgvlovani Caps 2010';
        line-height: 20px;
    }
}

.file1 {
    background: var(--secondary-color);
    border: none;
    gap: 50px;
    padding: 9px 20px;
    svg { fill: white; transition: all 0.3s ease; }
    &:hover {
        background: var(--hover-color);
        color: var(--text-color1);
        div { background: white; }
        svg { fill: var(--hover-color); }
    }
}

.office-workers {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.worker, .worker1 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    > img {
        width: 230px; height: 220px;
        object-fit: cover;
    }
}

.worker-details {
    background: var(--bg-color1);
    width: calc(100% - 250px);
    padding: 30px 30px 51px;
    min-height: 220px;
    .pos {
        color: var(--hover-color);
        display: -webkit-box;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px;
        -webkit-text-stroke: 0.5px var(--hover-color);
        height: 38px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-bottom: 25px;
    }
}

.worker1 .worker-details { min-height: unset; }

.worker-name {
    color: var(--text-color);
    font: var(--font5) 'BPG Mrgvlovani Caps 2010';
    line-height: 24px;
    margin-bottom: 10px;
}

.worker1 {
    > img { width: 120px; height: 115px; }
    .worker-details { 
        width: calc(100% - 150px); 
        padding: 30px 30px 33px;
    }
    .pos { height: unset; margin-bottom: 0; }
}

.organization-memb {
    background: var(--bg-color1);
    padding: 30px 30px 25px 35px;
    .memb-details { margin-bottom: 20px; }
    .memb-details * {
        color: var(--text-color);
        text-decoration: none;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 24px;
    }
    .file1 { max-width: 280px; }
    .pos {
        color: var(--hover-color);
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px;
        -webkit-text-stroke: 0.5px var(--hover-color);
        margin-bottom: 30px;
    }
}

.worker-details1 {
    padding: 30px 30px 27px;
    > p:first-child {
        color: var(--text-color);
        font: var(--font2) 'BPG LE Studio 02 Caps';
        line-height: 19px;
        margin-bottom: 25px;
    }
    .pos { height: unset; }
}

.content-text {
    color: var(--text-color);
    font: var(--font2) 'BPG Mrgvlovani';
    line-height: 20px;
    * { font-family: "BPG Mrgvlovani" !important; }
}

.request-page {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.request-right {
    width: 355px;
    > img {
        width: 100%; height: 410px;
        object-fit: cover;
        margin-bottom: 35px;
    }
    > .text {
        color: #7E7E7E;
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 19px;
        margin-bottom: 15px;
        a {
            color: #2672E4;
            text-decoration: none;
        }
    }
    hr {
        border-color: var(--primary-color);
        opacity: 1;
        margin: 20px 0;
    }
}

.request-right > p, .warning span:last-child,
.request-form > p:first-child {
    color: var(--text-color);
    font: var(--font3) 'BPG Mrgvlovani';
    line-height: 20px;
    margin-bottom: 20px;
}

.warning {
    display: flex;
    align-items: center;
    gap: 20px;
    span:first-child {
        color: #CE0000;
        font: 53px 'BPG Mrgvlovani';
        line-height: 72px;
    }
    span:last-child { margin-bottom: 0; }
}

.request-form {
    width: calc(100% - 385px);
    > p:first-child { margin-bottom: 30px; }
    > input {
        border: 1px solid #DFDFDF;
        border-radius: 5px;
        font: 14px 'BPG Mrgvlovani';
        line-height: 19px;
        padding-left: 24px;
        width: 100%; height: 50px;
        margin-bottom: 20px;
        &:focus { outline: none; }
    }
    textarea {
        border: 1px solid #DFDFDF;
        border-radius: 5px;
        font: 15px 'BPG Mrgvlovani';
        line-height: 21px;
        padding: 23px 26px 0;
        width: 100%; height: 270px;
        resize: none;
        margin-bottom: 20px;
        &:focus { outline: none; }
    }
}

.upload-file {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px; 
    padding-left: 20px;
    > span:first-child {
        color: #9F9F9F;
        font: 14px 'BPG Mrgvlovani';
        line-height: 19px;
    }
}

.custom-file-label {
    background: #EEEEEE;
    border-radius: 5px;
    color: black;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
    width: 130px; height: 50px;
    transition: all 0.3s ease;
    &:hover {
        background: var(--primary-color);
        color: white;
    }
}

.file-name {
    color: var(--text-color);
    display: none;
    font: 14px 'BPG Mrgvlovani';
    line-height: 19px;
}

.announcements {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.announce-item.show .announce-head {
    background: var(--secondary-color);
    > div:last-child { background: var(--hover-color); transform: rotate(180deg); }
}

.announce-head {
    background: var(--bg-color1);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 35px;
    padding: 0 40px 0 30px;
    height: 115px;
    transition: all 0.3s ease;
    > div:first-child {
        border-right: 1px solid #DFDFDF;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 35px;
        span:first-child {
            color: var(--hover-color);
            font: 30px 'BPG Mrgvlovani Caps 2010';
            line-height: 35px;
        }
        span:last-child {
            color: var(--text-color);
            font: var(--font5) 'BPG Mrgvlovani Caps 2010';
            line-height: 24px;
        }
    }
    &:hover {
        background: var(--secondary-color);
        > div:last-child { background: var(--hover-color); }
    }
}

.announce-head .title {
    color: var(--text-color);
    font: var(--font5) 'BPG Mrgvlovani Caps 2010';
    line-height: 24px;
    margin: 0;
    max-width: calc(100% - 210px);
}

.announce-head > div:last-child {
    background: #DFDFDF;
    border-radius: 50%;
    color: var(--text-color1);
    width: 40px; height: 40px;
    margin-left: auto;
    transition: all 0.3s ease;
}

.answer {
    color: var(--text-color);
    font: var(--font3) 'BPG Mrgvlovani';
    line-height: 20px;
    overflow: hidden;
    height: 0;
    transition: all 0.3s ease;
    * { font-weight: 'BPG Mrgvlovani' !important; }
}
.answer-content { padding: 24px 58px 24px 30px; }

.service-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 55px;
    img {
        border-radius: 20px;
        width: 100%; height: 200px;
        object-fit: cover;
    }
}

.contact-page {
    display: flex;
    align-items: flex-start;
    gap: 30px;
}

.contact-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: calc(100% - 460px);
    div {
        background: var(--bg-color1);
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        gap: 13px;
        padding: 35px;
    }
    span, a {
        color: var(--text-color);
        font: var(--font2) 'BPG Mrgvlovani';
        line-height: 17px;
    }
    a, span:last-child { color: #6B6B6B; text-decoration: none; }
}

.contact-right {
    background: var(--bg-color1);
    border-radius: 10px;
    width: 430px;
    padding: 20px;
    iframe { width: 100%; height: 460px; }
}

.news-cont {
    background: #F6F6F6;
    padding: 40px 20px 60px;
}

.news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px 23px;
    margin-bottom: 55px;
}

.pagination {
    display: flex;
    gap: 5px;
    & button {
        background: white;
        border: 1px solid #E8F0F7;
        border-radius: 5px;
        color: #7A92A8;
        font: 13px 'BPG Mrgvlovani Caps 2010';
        line-height: normal;
        line-height: 18px;
        width: 50px;
        height: 50px;
        transition: all 0.3s ease;
        &.active, &:hover { 
            background: var(--primary-color); 
            border-color: var(--primary-color);
            color: white;
        }
    }
}

.news {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}

.curr-news {
    width: 71%;
    .title {
        color: #1D293D;
        font: 30px 'Helvetica Medium';
        line-height: 35px;
        margin-bottom: 30px;
    }
    .date { margin-bottom: 40px; }
    > img {
        border-radius: 5px;
        width: 100%; height: 445px;
        object-fit: cover;
        margin-bottom: 20px;
    }
}

.news-text {
    background: white;
    border-radius: 5px;
    padding: 30px 30px 35px;
    .text {
        font: 16px 'Helvetica Roman';
        line-height: 26px;
        * { font-family: 'Helvetica Roman' !important; }
        b, strong { font-weight: bold; }
    }
    hr {
        border-color: #D9D9D9;
        opacity: 1;
        margin: 40px 0 30px;
    }
}

.other-news {
    width: calc(29% - 60px);
    > p:first-child {
        color: #1D293D;
        font: 20px 'Helvetica Medium';
        line-height: 24px;
        margin-bottom: 20px;
    }
    > div {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}