@font-face {
    font-family: 'Kelvinch';
    src: url('fonts/Kelvinch-Italic.woff2') format('woff2'),
        url('fonts/Kelvinch-Italic.woff') format('woff'),
        url('fonts/Kelvinch-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

:root {
    --scrollbarBg: #DFDFDE;
    --scrollbarThumb: #373737;
    --scrollbarWidth: 8px;
    --scrollbarBorder: 1px solid var(--scrollbarBg);
    --scrollbarBorderRadius: 3px;
}
.style-scroll {
    scrollbar-width: var(--scrollbarWidth);
    scrollbar-color: var(--scrollbarThumb) var(--scrollbarBg);
}
.style-scroll::-webkit-scrollbar {
    width: var(--scrollbarWidth);
}
.style-scroll::-webkit-scrollbar-track {
    background: var(--scrollbarBg);
    border-radius: var(--scrollbarBorderRadius);
}
.style-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumb);
    border-radius: var(--scrollbarBorderRadius);
    border: var(--scrollbarBorder);
}


h2{
    font-family: Jost;
}
p,li,h3,h4{
    font-family: Manrope;
}
body{
    color: #373737;
    font-family: Manrope;
}
.bg-2{
    background: url(../img/bg-2.jpg); 
    background-size: cover;
}
@media (min-width:768px) {
    body{
        background: url(../img/bg-1.jpg); 
        background-size: cover;
    }
 }
.mobile-menu{
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 16px 15px;
    color: #373737;
    background-color: #FBFBFB;
    z-index: 1;
 }
 .line::before{
    position: absolute;
    content: '';
    height: 8px;
    width: 100%;
    background-image: url(../img/line.svg);
    left: 0;
    top: 5px;
 }
 @media (min-width:576px) {
    .line::before{
        width: 555px;
    }
 }
 @media (min-width:768px) {
    .line::before{
        width: 740px;
    }
 }
 @media (min-width:992px) {
    .line::before{
        width: 958px;
    }
 }
 
 @media (min-width:1200px) {
    .line::before{
        width: 1155px;
    }
 }
 @media (min-width:1440px) {
    .line::before{
        width: 1380px;
     }
 }
 @media (min-width:576px) {
    .form-1{
        border: 1px solid #DFDFDE; 
        box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, 0.25); 
        border-radius: 2px;
     }
 }
 .form-1{
    border-bottom: 2px solid #DFDFDE; 
 }
 @media (min-width:576px) {
    .form-2{
        border: 1px solid #DFDFDE; 
        box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, 0.25); 
        border-radius: 2px;
     }
 }
 .form-2{
    border-bottom: 2px solid #DFDFDE; 
 }
 @media (min-width:768px) {
    .border-1{
        border-right: 2px solid #373737;
    }
 }
 .border-2{
    border-bottom: 2px solid #373737;
    opacity: 0.2;
 }
 @media (min-width:768px) {
    .border-3{
        border-bottom: 1px solid #373737;
    }
 }
 .arrow-1::before{
    content: '';
    position: absolute;
    height: 16px;
    width: 10px;
    background-image: url(../img/left.svg);
    top: 2px;
    left: -18px;
 }
 @media (min-width:768px){
    .arrow-1::before{
        left: -24px;
    }
 }
 .arrow-2::after{
    content: '';
    position: absolute;
    height: 16px;
    width: 10px;
    background-image: url(../img/right.svg);
    top: 2px;
    right: -18px;
 }
 @media (min-width:576px){
    .arrow-2::after{
        right: -32px;
    }
 }
 .nav-block{
    position: absolute;
    height: 16px;
    width: 6px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    top: 1px;
    right: 53px;
    margin-left: -6px;
 }
 @media (min-width:576px) {
   .nav-block{
      right: 63px;
   }
}
@media (min-width:768px) {
   .nav-block{
      right: 58px;
   }
}
@media (min-width:992px) {
   .nav-block{
      right: 56px;
   }
}

@media (min-width:1200px) {
   .nav-block{
       right: 54px;
   }
}
@media (min-width:1440px) {
   .nav-block{
      right: 66px;
    }
}
 .nav-input:checked + .nav-block{
   margin-left: -6px;
   height: 32px;
   width: 12px;
   background-color: #D53E34;
   top: -6px;
   right: 49px;
 }
 @media (min-width:576px) {
   .nav-input:checked + .nav-block{
      right: 60px;
   }
}
@media (min-width:768px) {
   .nav-input:checked + .nav-block{
      right: 55px;
   }
}
@media (min-width:992px) {
   .nav-input:checked + .nav-block{
      right: 52px;
   }
}

@media (min-width:1200px) {
   .nav-input:checked + .nav-block{
       right: 52px;
   }
}
@media (min-width:1440px) {
   .nav-input:checked + .nav-block{
      right: 64px;
    }
}
 .link:visited{
    border-bottom: 2px solid #D53E34;
 }
 .link:hover{
    border-bottom: 2px solid #D53E34;
 }
 .link-2:hover{
    background-color: #373737;
    transition: 0.5s;
    color: #ffffff;
 }
 .link-3:hover{
    color:  #D53E34;
    transition: 0.4s;
 }
 .link-4{
   background-color: #D43E34; border-radius: 2px; color: #ffffff;
 }
 .link-4:hover{
   background-color: #373737;
   transition: 0.5s;
   color: #ffffff;
}
.mobile-menu__close{
   margin-top: 1.25rem;
}
.link-5:hover{
   background-color: #373737;
   transition: 0.5s;
   color: #ffffff;
}

.active {
    background-color: #373737;
    color: #ffffff;
}

.checkbox-block{
   position: absolute;
   width: 16px;
   height: 16px;
   border: 1px solid #C1C1C1;
   border-radius: 2px;
}
.checkbox:checked + .red-checkbox-block{
   margin: 3px;
   position: absolute;
   background: #D53E34;
   width: 10px;
   height: 10px;
   border-radius: 2px;
}
.radio-border{
   position: absolute;
   top: 4px;
   width: 16px;
   height: 16px;
   border: 1px solid #BEBEBE;
}
.radio:checked + .radio-inside{
   position: absolute;
   background: #FAFAFA;
   width: 10px;
   height: 10px;
   margin: 7px 3px;
}
.plate_white .radio:checked + .radio-inside {
   background: #373737;
   opacity: 0.2;
}

.plate{
   border: 1px solid #C1C1C1; 
   border-radius: 2px; 
   background-color: #373737;
   color: #FAFAFA;
}
.plate_white{
   border: 1px solid #C1C1C1; 
   border-radius: 2px; 
   background-color: #FAFAFA;
   color: #373737;
}

.plate:hover {
    background-color: #373737;
    transition: 0.3s;
    color: #FAFAFA!important;
}

.photo-1 img{
   display: block;
   margin-bottom: 50px;
   width: 688px;
   height: 360px;  
}
.photo-2{
   margin: 10px;
   position: relative;
}
.photo-2 img{
   width: 160px;
}
.slider-nav{
   width: 49%;
   display: block;
}
.slick-list{
   padding: 0 !important;
}
.slider-for{
   height: 400px;
}

.service-button {
    border: 1px solid #C1C1C1;
    border-radius: 2px;
}

.service-button.active {
    background-color: #373737;
    color: #ffffff;
}

.action-btn {
    background: #B5B5B5;
    border-radius: 2px;
    color: #ffffff;
}

.action-btn.active {
    background: #D53E34;
    border-radius: 2px;
    color: #ffffff;
    transition: 0.5s;
}

.action-btn.active:hover {
    background-color: #373737;
    color: #ffffff;
}

.nav-item.current {
    color: #D53E34;
    pointer-events: none;
}

.month-filter i {
    display: none;
}

p {
    margin-bottom: 1rem;
}

.calendar-event:last-child {
    border-bottom: none!important;
}

.disabledType {
    opacity: 0.5;
    pointer-events: none;
}
.donate_header{
    padding-left:2.3rem !important;
    padding-right:2.3rem !important;
}
}