@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('./font/Gilroy-Regular.woff2') format('woff2'),
        url('./font/Gilroy-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('./font/Gilroy-Bold.woff2') format('woff2'),
        url('./font/Gilroy-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('./font/Gilroy-Light.woff2') format('woff2'),
        url('./font/Gilroy-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@keyframes animation-dog {
    0% {
        right: -50%;
        opacity: 0;
    }  
    100% {
        right: 0;
        opacity: 1;
    }
}
@keyframes animation-cat {
    0% {
        top: 100%;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animation-best-friends {
    0% {
        bottom: -80%;
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes promo-gray-box-content {
    0% {
        left: -80%;  
        opacity: 0; 
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes how-to-help__navigation-animation {
    0% {
        bottom: -80%;
        opacity: 0;
    }
  
 
    100% {
        opacity: 1;
    }
}
@keyframes forms-appearance {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes animals-card {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.body {
    width: 100%;
    font-family: 'Gilroy';
    margin: 0 auto;
    position: relative;
}
.body-not-scroll {
    overflow: hidden;
}

/*common  styles for buttons and icons*/
.button-gold {
    background: linear-gradient(180deg, #FFECB5 0%, #FFE69F 0.01%, #FFD45A 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}

.button-gold-background {
    background-color: #FFCB38;
    background-image: linear-gradient(180deg, #FFDE89 0%, #FFCB38 100%),
                        linear-gradient(to right, rgba(233, 233, 233, 0.78), rgba(255, 255, 255, 0.65));
    box-shadow: 7px 7px 16px #E3E3E3, -3px -4px 8px rgba(255, 255, 255, 0.9), 
                inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.button-gold:hover {
    background: linear-gradient(180deg, #FFEEBC 0%, #FFE69F 36.46%, #FFCF48 68.23%, #FFC317 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.button-gold:active {
    background: linear-gradient(180deg, #FFE69F 0.01%, #E3B940 0.02%, #FFD24E 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.social-icon__white__vk {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='18' viewBox='2 0 30 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.3122 1.21896C29.5218 0.515712 29.3122 0 28.3211 0H25.0379C24.2025 0 23.8207 0.446144 23.6111 0.936146C23.6111 0.936146 21.9418 5.04823 19.5764 7.7145C18.8128 8.49034 18.464 8.73534 18.0478 8.73534C17.8397 8.73534 17.5373 8.49034 17.5373 7.78709V1.21896C17.5373 0.375063 17.2963 0 16.6001 0H11.441C10.92 0 10.6056 0.390187 10.6056 0.762225C10.6056 1.56075 11.7883 1.74525 11.9096 3.99563V8.8775C11.9096 9.94673 11.7195 10.1418 11.3003 10.1418C10.1879 10.1418 7.48112 6.01462 5.87471 1.29004C5.56181 0.372039 5.24592 0.00151296 4.40753 0.00151296H1.12584C0.18714 0.00151296 0 0.447656 0 0.937658C0 1.81785 1.11236 6.17342 5.18154 11.934C7.89433 15.8676 11.7135 18 15.1928 18C17.2783 18 17.5358 17.5266 17.5358 16.71V13.7367C17.5358 12.79 17.7349 12.5994 18.3951 12.5994C18.8802 12.5994 19.7156 12.8474 21.6634 14.7424C23.8881 16.9897 24.2564 17.9985 25.5065 17.9985H28.7882C29.7254 17.9985 30.194 17.5251 29.9245 16.5905C29.6295 15.6604 28.5666 14.3068 27.1563 12.7053C26.3898 11.7918 25.2445 10.8088 24.8956 10.3173C24.4091 9.68358 24.5498 9.4038 24.8956 8.8412C24.8971 8.84272 28.896 3.15325 29.3122 1.21896Z' fill='%23E8A700'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 18px;
}
.social-icon__white__instagram {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.996 9.99787C12.2417 9.99787 9.99393 12.2456 9.99393 15C9.99393 17.7544 12.2417 20.0021 14.996 20.0021C17.7503 20.0021 19.998 17.7544 19.998 15C19.998 12.2456 17.7503 9.99787 14.996 9.99787ZM29.9983 15C29.9983 12.9286 30.0171 10.876 29.9008 8.80832C29.7844 6.40669 29.2366 4.27525 27.4804 2.51907C25.7205 0.759128 23.5929 0.215011 21.1913 0.098682C19.1199 -0.0176466 17.0673 0.00111617 14.9997 0.00111617C12.9284 0.00111617 10.8758 -0.0176466 8.80815 0.098682C6.40658 0.215011 4.27517 0.762881 2.51902 2.51907C0.759114 4.27901 0.215007 6.40669 0.0986802 8.80832C-0.0176462 10.8797 0.00111615 12.9324 0.00111615 15C0.00111615 17.0676 -0.0176462 19.124 0.0986802 21.1917C0.215007 23.5933 0.762867 25.7247 2.51902 27.4809C4.27893 29.2409 6.40658 29.785 8.80815 29.9013C10.8795 30.0176 12.9321 29.9989 14.9997 29.9989C17.0711 29.9989 19.1237 30.0176 21.1913 29.9013C23.5929 29.785 25.7243 29.2371 27.4804 27.4809C29.2403 25.721 29.7844 23.5933 29.9008 21.1917C30.0208 19.124 29.9983 17.0714 29.9983 15ZM14.996 22.6964C10.7369 22.6964 7.29966 19.2591 7.29966 15C7.29966 10.7409 10.7369 7.30355 14.996 7.30355C19.255 7.30355 22.6923 10.7409 22.6923 15C22.6923 19.2591 19.255 22.6964 14.996 22.6964ZM23.0075 8.7858C22.0131 8.7858 21.2101 7.98276 21.2101 6.98834C21.2101 5.99392 22.0131 5.19087 23.0075 5.19087C24.0019 5.19087 24.8049 5.99392 24.8049 6.98834C24.8052 7.22447 24.7589 7.45834 24.6687 7.67655C24.5785 7.89476 24.4461 8.09303 24.2791 8.26C24.1122 8.42697 23.9139 8.55936 23.6957 8.64958C23.4775 8.73981 23.2436 8.7861 23.0075 8.7858Z' fill='%23E8A700'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
}
.social-icon__white {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    display:flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145.67deg, #FFFFFF 15.39%, #E4E4E4 88.3%);
    box-shadow: 3px 3px 13px #B1B1B1;
}
.social-icon__background-white {
    width: 63px;
    height: 63px; 
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(144.1deg, #FFFFFF 12.45%, #FBFBFB 89.31%);
    box-shadow: 7px 7px 16px rgba(213, 213, 213, 0.6), -6px -6px 8px #FFFFFF, inset 13px 22px 8px #F3F3F3;
}
.social-icon__white:hover {
    background: linear-gradient(145.67deg, #FFFFFF 15.39%, #FAFAFA 54.13%, #DADADA 88.3%);
    box-shadow: 3px 3px 13px #A3A3A3;
}
.social-icon__white:active {
    background: linear-gradient(145.67deg, #E4E4E4 16.92%, #F6F6F6 88.3%);
    box-shadow: 3px 3px 13px #B2B2B2, inset 4px 4px 7px rgba(192, 192, 192, 0.25);
}

/*header styles*/

.header {
    height: 100px;
    background-color: rgb(246,246,246);
    position: relative;
    z-index: 3;
}

.header__content {
    width: 1146px;
    margin: 0 auto;
    padding: 0;
    position: relative;  
}

.header__content::after {
    content: "";
    background-color:#FBCA33;
    width: 718px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -3;
    animation: animation-dog 1s ease 1;
}


.header__nav__box {
    list-style-type: none;
    margin: 0;
    padding: 0; 
    padding-top: 54px;
    width:100%;
    display: grid;
    grid-template-columns: 118fr 368fr 77fr 332fr 90fr 160fr;
    align-items: center;
}

.header__nav__item { 
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #242424;
    text-decoration: none;
}



/*promo-gray-box styles*/


.promo-gray-box__social-icon__button-vk {
    width: 42px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='30' viewBox='0 0 42 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M35.3122 7.21896C35.5218 6.51571 35.3122 6 34.3211 6H31.0379C30.2025 6 29.8207 6.44614 29.6111 6.93615C29.6111 6.93615 27.9418 11.0482 25.5764 13.7145C24.8128 14.4903 24.464 14.7353 24.0478 14.7353C23.8397 14.7353 23.5373 14.4903 23.5373 13.7871V7.21896C23.5373 6.37506 23.2963 6 22.6001 6H17.441C16.92 6 16.6056 6.39019 16.6056 6.76223C16.6056 7.56075 17.7883 7.74525 17.9096 9.99563V14.8775C17.9096 15.9467 17.7195 16.1418 17.3003 16.1418C16.1879 16.1418 13.4811 12.0146 11.8747 7.29004C11.5618 6.37204 11.2459 6.00151 10.4075 6.00151H7.12584C6.18714 6.00151 6 6.44766 6 6.93766C6 7.81785 7.11236 12.1734 11.1815 17.934C13.8943 21.8676 17.7135 24 21.1928 24C23.2783 24 23.5358 23.5266 23.5358 22.71V19.7367C23.5358 18.79 23.7349 18.5994 24.3951 18.5994C24.8802 18.5994 25.7156 18.8474 27.6634 20.7424C29.8881 22.9897 30.2564 23.9985 31.5065 23.9985H34.7882C35.7254 23.9985 36.194 23.5251 35.9245 22.5905C35.6295 21.6604 34.5666 20.3068 33.1563 18.7053C32.3898 17.7918 31.2445 16.8088 30.8956 16.3173C30.4091 15.6836 30.5498 15.4038 30.8956 14.8412C30.8971 14.8427 34.896 9.15325 35.3122 7.21896Z' fill='%23F6F6F6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='42' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.821128 0 0 0 0 0.606722 0 0 0 0 0 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.promo-gray-box__social-icon__button-instagramm {
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M20.996 15.9979C18.2417 15.9979 15.9939 18.2456 15.9939 21C15.9939 23.7544 18.2417 26.0021 20.996 26.0021C23.7503 26.0021 25.998 23.7544 25.998 21C25.998 18.2456 23.7503 15.9979 20.996 15.9979ZM35.9983 21C35.9983 18.9286 36.0171 16.876 35.9008 14.8083C35.7844 12.4067 35.2366 10.2753 33.4804 8.51907C31.7205 6.75913 29.5929 6.21501 27.1913 6.09868C25.1199 5.98235 23.0673 6.00112 20.9997 6.00112C18.9284 6.00112 16.8758 5.98235 14.8082 6.09868C12.4066 6.21501 10.2752 6.76288 8.51902 8.51907C6.75911 10.279 6.21501 12.4067 6.09868 14.8083C5.98235 16.8797 6.00112 18.9324 6.00112 21C6.00112 23.0676 5.98235 25.124 6.09868 27.1917C6.21501 29.5933 6.76287 31.7247 8.51902 33.4809C10.2789 35.2409 12.4066 35.785 14.8082 35.9013C16.8795 36.0176 18.9321 35.9989 20.9997 35.9989C23.0711 35.9989 25.1237 36.0176 27.1913 35.9013C29.5929 35.785 31.7243 35.2371 33.4804 33.4809C35.2403 31.721 35.7844 29.5933 35.9008 27.1917C36.0208 25.124 35.9983 23.0714 35.9983 21ZM20.996 28.6964C16.7369 28.6964 13.2997 25.2591 13.2997 21C13.2997 16.7409 16.7369 13.3035 20.996 13.3035C25.255 13.3035 28.6923 16.7409 28.6923 21C28.6923 25.2591 25.255 28.6964 20.996 28.6964ZM29.0075 14.7858C28.0131 14.7858 27.2101 13.9828 27.2101 12.9883C27.2101 11.9939 28.0131 11.1909 29.0075 11.1909C30.0019 11.1909 30.8049 11.9939 30.8049 12.9883C30.8052 13.2245 30.7589 13.4583 30.6687 13.6765C30.5785 13.8948 30.4461 14.093 30.2791 14.26C30.1122 14.427 29.9139 14.5594 29.6957 14.6496C29.4775 14.7398 29.2436 14.7861 29.0075 14.7858Z' fill='%23F6F6F6'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0' y='0' width='42' height='42' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.821128 0 0 0 0 0.606722 0 0 0 0 0 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.promo-gray-box__content__social-icon-box {
    width: 154px;
    position: absolute;
    bottom: 450px;
    right: 97px;
    display: flex;
    justify-content: space-between;
}
.promo-gray-box__social-icon__button {
    width: 49px;
    height: 49px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(150.26deg, #FFE28F 6.75%, #ECBD37 91.17%);
    box-shadow: 3px 3px 13px #C18F00;  
}

.promo-gray-box__social-icon__background {
    width: 63px;
    height: 63px;
    border-radius: 50%;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background: linear-gradient(144.1deg, #FFE193 12.45%, #FFC93F 89.31%);
    box-shadow: 7px 7px 16px rgba(204, 151, 0, 0.6), -4px -4px 8px #FFDB7E, inset 13px 22px 8px #F1C74F;
}
.promo-gray-box__social-icon__button:hover {
    background: linear-gradient(150.26deg, #FFEAAD 6.75%, #FCE6A7 45.73%, #FFC726 91.17%);
    box-shadow: 3px 3px 13px #C18F00; 
}
.promo-gray-box__social-icon__button:active {
    background: linear-gradient(150.26deg, #FFDA71 6.75%, #FFCD40 43.24%, #FBC11B 91.17%);
    box-shadow: 2px 2px 6px #C18F00, inset 3px 3px 10px rgba(199, 129, 0, 0.59);
}




.promo-gray-box {
    height: 734px;
    background-color:  rgb(246,246,246);
    position: relative;
}

.promo-gray-box__content::after {
    content: "";
    background-image: url(./img/header-image__dog__1920-1270.jpg);
    width: 718px;
    height: 613px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -3;
    animation: animation-dog 1s ease 1;
}

.promo-gray-box__content::before {
    content: "";
    background-image: url(./img/promo-gray-box__img-best-friends__1920-1270.png);
    width: 772px;
    height: 404px;
    position: absolute;
    left: -9%;
    bottom: -40%;
    z-index: -2;
    animation: animation-best-friends 0.5s linear 1;
}
.promo-gray-box__content {
    max-width: 1146px; 
    margin: 0 auto;
    position: relative;
    padding-top: 64px;
    z-index: 3;
    
}
.promo-gray-box h1 {
    font-weight: bold;
    font-size: 72px;
    line-height: 87px;
    margin: 0;
    position: relative;
    animation: promo-gray-box-content 2.5s ease 1;
}
.promo-gray-box p:nth-child(3) {
    color: #6B6B6B;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    animation: promo-gray-box-content 2.5s ease 1;
}

.promo-gray-box p:nth-child(5) {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    width: 659px;
    position: relative;
    animation: promo-gray-box-content 2.5s ease 1;
}
.promo-gray-box p:nth-child(6) {
    width: 428px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #C78100;
    position: relative;
    animation: promo-gray-box-content 2.5s ease 1;
}
.promo-gray-box__button-to-help__button {
   width: 173px;
   text-align: center;
   font-size: 20px;
   display: block;
   line-height: 32px;
   font-weight: 500;
   text-decoration: none;
   cursor: pointer;
   padding: 1px;
   background-clip: content-box, border-box;
   border-radius: 58px;
   color: #242424;
}
.promo-gray-box__button-to-help__button-background {
    width: 183px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;
    position: relative;
    animation: promo-gray-box-content 2.5s ease 1;
}

.promo-gray-box__img-cat {
    background-image: url(./img/promo-gray-box__img-cat__1920-1270.png);
    width: 483px;
    height: 469px;
    position: absolute;
    right: 160px;
    top: 370px;
    animation: animation-cat 0.5s linear 1;
}


/*promo-white-box styles*/

.promo-white-box {
    width: 100%;
    height: 650px;
    position: relative;
}

.promo-white-box__content {
    width: 1146px;
    margin: 0 auto;
    position: relative;
    height: 650px;
}
.promo-white-box__image-cat-and-dog__circle-image-dog-and-cat--wrapper {
    position: absolute;
    width: 28%;
    height: 520px;
    top: 54px;   
}
.promo-white-box__image-cat-and-dog__circle-image-dog-and-cat--wrapper::after {
    content: "";
    background-color: #FFC41E;
    width: 100%;
    height: 520px;   
    position: absolute;
    top: 0;
    left: 0;   
}


.promo-white-box__image-cat-and-dog__circle-image-dog-and-cat {
    width: 520px;
    height: 520px; 
    position: absolute;
    right: 0;
    top: 0;
}
.promo-white-box__image-cat-and-dog__circle-image-dog-and-cat::before {
    content: "";
    background-image: url('./img/promo-white-box__content__circle-dog__1920-1270.png');
    width: 464px;
    height: 464px; 
    border-radius: 50%;
    border: 28px solid #FFC41E;
    position: absolute;
    right: -50%;
    z-index: 1;
}
.promo-white-box__image-cat-and-dog__circle-image-dog-and-cat::after {
    content: "";
    background-image: url('./img/promo-white-box__content__circle-cat__1920-1270.png');
    position: absolute;
    bottom: -10%;
    right: -64%;
    width: 228px;
    height: 228px;
    border-radius: 50%;
    border: 8px solid #FFC41E;
    z-index: 1;
}

.promo-white-box__content-box {
    width: 466px;
    height: 385px;
    position: absolute;
    right: 50px;
    top: 100px;
}

.promo-white-box__content-box h3 {
    padding: 0;
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    color: #C78100;
    text-align: center;
}

.promo-white-box__content p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
}


/*how-to-help__navigation style*/
.how-to-help__navigation__title {
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-style: normal;
    font-weight: 300;
    font-size: 28px;
    line-height: 24px;
    color: #242424;
}
.how-to-help__navigation {
    height: 470px;
    background-color:  rgb(246,246,246);
    overflow: hidden;
}
.how-to-help__navigation ul{
    list-style-type: none;
    margin: 0;
    padding: 0;

}
.how-to-help__navigation a {
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #474747;
}
.how-to-help__navigation li{
    display: inline; 
    cursor: pointer;
    margin: 0 auto;
    width: 166px;
    position: relative;
    bottom: 0;
    text-decoration: none;
}
.how-to-help__navigation-box {
    width: 1130px;
    margin: 0 auto;
    padding-top: 5%;
    position: relative;
    bottom: 0;
}
.how-to-help__navigation__buttons {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.how-to-help__navigation__button-icon-house {
    width: 84px;
    height: 82px;
    position: relative;
    left: 2%;
    background-image: url("data:image/svg+xml, %3Csvg width='84' height='82' viewBox=' 0 84 82' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82 35.9773L42 3.9608' stroke='%23242424' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 35.9773L42 3.9608' stroke='%23242424' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 80V27.9732' stroke='%23242424' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M70 80V27.9732' stroke='%23242424' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M14 80H70' stroke='%23242424' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='M42.2879 45.7485L52.7219 49.3937V64.2641C52.7219 64.553 52.6046 64.83 52.3958 65.0343C52.187 65.2385 51.9038 65.3533 51.6085 65.3533H47.1549C46.8596 65.3533 46.5764 65.2385 46.3676 65.0343C46.1588 64.83 46.0415 64.553 46.0415 64.2641V56.64H34.9075V64.2641C34.9075 64.553 34.7902 64.83 34.5813 65.0343C34.3725 65.2385 34.0893 65.3533 33.7941 65.3533H29.3404C29.0452 65.3533 28.762 65.2385 28.5532 65.0343C28.3444 64.83 28.227 64.553 28.227 64.2641V49.7028C25.6412 48.8008 23.7734 46.406 23.7734 43.5701C23.7734 42.9924 24.008 42.4384 24.4257 42.0298C24.8433 41.6213 25.4097 41.3918 26.0002 41.3918C26.5908 41.3918 27.1572 41.6213 27.5748 42.0298C27.9924 42.4384 28.227 42.9924 28.227 43.5701C28.2281 44.1475 28.4631 44.701 28.8805 45.1093C29.2978 45.5175 29.8636 45.7474 30.4538 45.7485H42.2879ZM59.4023 38.1244V40.3027C59.4023 41.4581 58.9331 42.5662 58.0979 43.3833C57.2627 44.2003 56.1299 44.6593 54.9487 44.6593H52.7219V47.0813L43.8147 43.9697V33.7677C43.8147 32.7977 45.013 32.3117 45.7151 32.9978L47.6135 34.8569H51.3454C52.1046 34.8569 52.9982 35.396 53.337 36.0611L53.8353 37.0352H58.2889C58.5842 37.0352 58.8674 37.15 59.0762 37.3542C59.285 37.5585 59.4023 37.8355 59.4023 38.1244ZM51.6085 38.1244C51.6085 37.9089 51.5432 37.6984 51.4208 37.5193C51.2985 37.3401 51.1246 37.2005 50.9212 37.1181C50.7177 37.0357 50.4938 37.0141 50.2779 37.0561C50.0619 37.0982 49.8635 37.2019 49.7078 37.3542C49.5521 37.5065 49.446 37.7006 49.4031 37.9119C49.3601 38.1232 49.3822 38.3421 49.4664 38.5412C49.5507 38.7402 49.6934 38.9103 49.8765 39.03C50.0596 39.1496 50.2749 39.2135 50.4951 39.2135C50.7904 39.2135 51.0736 39.0988 51.2824 38.8945C51.4912 38.6903 51.6085 38.4132 51.6085 38.1244Z' fill='%23242424'/%3E%3Cpath d='M36.7669 6.69643C36.2141 5.38602 35.417 4.19853 34.4202 3.20045C33.4227 2.1994 32.2466 1.40387 30.9559 0.857135C29.6175 0.287954 28.182 -0.0033853 26.7327 2.96773e-05C24.6995 2.96773e-05 22.7158 0.570026 20.9919 1.64669C20.5794 1.90424 20.1876 2.18713 19.8165 2.49535C19.4453 2.18713 19.0535 1.90424 18.6411 1.64669C16.9172 0.570026 14.9334 2.96773e-05 12.9002 2.96773e-05C11.4361 2.96773e-05 10.0174 0.287139 8.67705 0.857135C7.38206 1.40602 6.21492 2.19557 5.21274 3.20045C4.21467 4.19741 3.41739 5.38517 2.86608 6.69643C2.29282 8.0602 2 9.50841 2 10.9988C2 12.4048 2.28044 13.8699 2.83721 15.3604C3.30324 16.6059 3.97136 17.8979 4.82507 19.2026C6.1778 21.2672 8.0378 23.4205 10.3473 25.6034C14.1746 29.2218 17.9647 31.7214 18.1256 31.8227L19.103 32.4645C19.536 32.7474 20.0928 32.7474 20.5258 32.4645L21.5033 31.8227C21.6641 31.7171 25.4501 29.2218 29.2815 25.6034C31.591 23.4205 33.451 21.2672 34.8038 19.2026C35.6575 17.8979 36.3297 16.6059 36.7916 15.3604C37.3484 13.8699 37.6288 12.4048 37.6288 10.9988C37.6329 9.50841 37.3401 8.0602 36.7669 6.69643Z' fill='%23FFC41E'/%3E%3C/svg%3E");
}
.how-to-help__navigation__button-icon-finance {
    width: 93px;
    height: 67px;
    position: relative;
    left: 3%;
    background-image: url("data:image/svg+xml,%3Csvg width='93' height='67' viewBox='0 0 93 67' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M36.5615 5.2763C36.5615 3.87694 37.1168 2.53489 38.1051 1.54539C39.0934 0.555894 40.4339 0 41.8316 0L73.4522 0C74.8499 0 76.1904 0.555894 77.1787 1.54539C78.167 2.53489 78.7223 3.87694 78.7223 5.2763V18.4671H36.5615V5.2763ZM66.8646 7.91445C66.5151 7.91445 66.18 8.05343 65.9329 8.3008C65.6859 8.54818 65.5471 8.88369 65.5471 9.23353V11.8717C65.5471 12.2215 65.6859 12.557 65.9329 12.8044C66.18 13.0518 66.5151 13.1908 66.8646 13.1908L72.1347 13.1908C72.4841 13.1908 72.8192 13.0518 73.0663 12.8044C73.3134 12.557 73.4522 12.2215 73.4522 11.8717V9.23353C73.4522 8.88369 73.3134 8.54818 73.0663 8.3008C72.8192 8.05343 72.4841 7.91445 72.1347 7.91445H66.8646Z' fill='%23FFC41E'/%3E%3Cpath d='M36.5615 23.7433V26.3815C36.5615 27.7809 37.1168 29.1229 38.1051 30.1124C39.0934 31.1019 40.4339 31.6578 41.8316 31.6578H73.4522C74.8499 31.6578 76.1904 31.1019 77.1787 30.1124C78.167 29.1229 78.7223 27.7809 78.7223 26.3815V23.7433H36.5615Z' fill='%23FFC41E'/%3E%3Cmask id='path-3-inside-1' fill='white'%3E%3Crect y='24.6338' width='14.3347' height='41.3662' rx='2'/%3E%3C/mask%3E%3Crect y='24.6338' width='14.3347' height='41.3662' rx='2' stroke='%23242424' stroke-width='8' mask='url(%23path-3-inside-1)'/%3E%3Cpath d='M18.8535 31.6578V59.0946C25.1776 59.0946 27.1236 60.3779 33.6098 60.783C55.7078 67.7253 60.3711 65.329 71.127 59.0946C75.1062 56.7882 81.5723 51.7899 86.0489 48.1199C92.0589 42.1766 91.4544 40.6064 90.1052 39.2557C84.2027 33.3462 77.8786 47.2757 66.0736 48.1199C56.9838 48.7699 41.6203 47.2757 37.8259 47.2757' stroke='%23242424' stroke-width='4'/%3E%3Cpath d='M17.168 31.6578C20.8219 31.3763 28.5953 30.3247 31.9242 31.6578C36.1403 33.3463 37.8915 37.0439 40.2895 37.8465C45.7609 39.6778 54.7049 39.3721 58.0639 39.6778C62.7016 40.0999 70.2905 40.0999 69.8689 46.4314C69.6029 50.427 47.1021 47.2756 38.2484 47.2756' stroke='%23242424' stroke-width='4'/%3E%3C/svg%3E "); 
}
.how-to-help__navigation__button-icon-material {
    width: 93px;
    height: 73px;
    position: relative;
    left: 3%;
    background-image: url("data:image/svg+xml, %3Csvg width='93' height='73' viewBox='0 0 93 73' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.8303 0H13.8814V13.846L0 13.846V28.757H13.8814V42.603H28.8303V28.757H42.7111V13.846L28.8303 13.846V0Z'/%3E%3C/mask%3E%3Cpath d='M13.8814 0V-4H9.88139V0H13.8814ZM28.8303 0H32.8303V-4H28.8303V0ZM13.8814 13.846V17.846L17.8814 17.846V13.846H13.8814ZM0 13.846L2.74807e-07 9.84595H-4V13.846H0ZM0 28.757H-4V32.757H0V28.757ZM13.8814 28.757H17.8814V24.757H13.8814V28.757ZM13.8814 42.603H9.88139V46.603H13.8814V42.603ZM28.8303 42.603V46.603H32.8303V42.603H28.8303ZM28.8303 28.757V24.757H24.8303V28.757H28.8303ZM42.7111 28.757V32.757H46.7111V28.757H42.7111ZM42.7111 13.846H46.7111V9.84595H42.7111V13.846ZM28.8303 13.846H24.8303V17.846H28.8303V13.846ZM13.8814 4H28.8303V-4H13.8814V4ZM17.8814 13.846V0H9.88139V13.846H17.8814ZM-2.74807e-07 17.846H13.8814V9.84595L2.74807e-07 9.84595L-2.74807e-07 17.846ZM4 28.757V13.846H-4V28.757H4ZM13.8814 24.757H0V32.757H13.8814V24.757ZM17.8814 42.603V28.757H9.88139V42.603H17.8814ZM28.8303 38.603H13.8814V46.603H28.8303V38.603ZM24.8303 28.757V42.603H32.8303V28.757H24.8303ZM42.7111 24.757H28.8303V32.757H42.7111V24.757ZM38.7111 13.846V28.757H46.7111V13.846H38.7111ZM28.8303 17.846L42.7111 17.846V9.84595L28.8303 9.84595V17.846ZM24.8303 0V13.846H32.8303V0H24.8303Z' fill='%23FFC41E' mask='url(%23path-1-inside-1)'/%3E%3Cpath d='M43.7445 37.9577L62.5737 44.4733V71.0532C62.5737 71.5695 62.3621 72.0647 61.9853 72.4298C61.6084 72.7949 61.0974 73 60.5645 73H52.5275C51.9946 73 51.4835 72.7949 51.1067 72.4298C50.7299 72.0647 50.5182 71.5695 50.5182 71.0532V57.4256H30.4256V71.0532C30.4256 71.5695 30.2139 72.0647 29.8371 72.4298C29.4603 72.7949 28.9492 73 28.4163 73H20.3793C19.8464 73 19.3354 72.7949 18.9585 72.4298C18.5817 72.0647 18.37 71.5695 18.37 71.0532V45.0257C13.7035 43.4136 10.333 39.133 10.333 34.0641C10.333 33.0314 10.7564 32.0411 11.51 31.3109C12.2636 30.5807 13.2857 30.1705 14.3515 30.1705C15.4173 30.1705 16.4394 30.5807 17.193 31.3109C17.9467 32.0411 18.37 33.0314 18.37 34.0641C18.372 35.0961 18.7961 36.0853 19.5492 36.8151C20.3024 37.5449 21.3234 37.9557 22.3886 37.9577H43.7445ZM74.6293 24.3301V28.2237C74.6293 30.289 73.7825 32.2697 72.2753 33.73C70.7681 35.1904 68.7238 36.0109 66.5923 36.0109H62.5737V40.3401L46.4997 34.7783V16.5429C46.4997 14.809 48.6621 13.9403 49.9292 15.1668L53.355 18.4897H60.0898C61.4599 18.4897 63.0723 19.4534 63.6839 20.6421L64.583 22.3833H72.62C73.1529 22.3833 73.664 22.5884 74.0408 22.9535C74.4176 23.3186 74.6293 23.8138 74.6293 24.3301ZM60.5645 24.3301C60.5645 23.945 60.4466 23.5686 60.2259 23.2485C60.0051 22.9284 59.6913 22.6788 59.3241 22.5315C58.957 22.3841 58.553 22.3456 58.1632 22.4207C57.7735 22.4958 57.4155 22.6812 57.1345 22.9535C56.8535 23.2258 56.6621 23.5726 56.5846 23.9503C56.507 24.3279 56.5468 24.7194 56.6989 25.0751C56.851 25.4308 57.1085 25.7349 57.4389 25.9488C57.7694 26.1627 58.1578 26.2769 58.5552 26.2769C59.0881 26.2769 59.5992 26.0718 59.976 25.7067C60.3528 25.3416 60.5645 24.8464 60.5645 24.3301Z' fill='%23242424'/%3E%3Cpath d='M92.9998 60.9749C92.9998 67.6746 87.483 73 80.5424 73H69.8646C62.9241 73 57.4072 67.6746 57.4072 60.9749V55.8214H92.9998V60.9749Z' fill='%23FFC41E'/%3E%3C/svg%3E");
}
.how-to-help__navigation__button-icon-auto {
    width: 83px;
    height: 81px;
    position: relative;
    left: 3%;
    background-image: url("data:image/svg+xml, %3Csvg width='83' height='81' viewBox='0 0 83 81' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6852 19.7643L47.6324 25.2758V47.7595C47.6324 48.1962 47.4531 48.6151 47.134 48.9239C46.8148 49.2328 46.382 49.4062 45.9307 49.4062H39.1238C38.6725 49.4062 38.2396 49.2328 37.9205 48.9239C37.6014 48.6151 37.4221 48.1962 37.4221 47.7595V36.232H20.4049V47.7595C20.4049 48.1962 20.2256 48.6151 19.9065 48.9239C19.5873 49.2328 19.1545 49.4062 18.7032 49.4062H11.8963C11.445 49.4062 11.0121 49.2328 10.693 48.9239C10.3739 48.6151 10.1946 48.1962 10.1946 47.7595V25.7431C6.24233 24.3794 3.3877 20.7585 3.3877 16.4707C3.3877 15.5972 3.74627 14.7595 4.38454 14.1418C5.02281 13.5242 5.88849 13.1772 6.79113 13.1772C7.69378 13.1772 8.55946 13.5242 9.19773 14.1418C9.836 14.7595 10.1946 15.5972 10.1946 16.4707C10.1963 17.3437 10.5554 18.1805 11.1933 18.7978C11.8312 19.4151 12.6959 19.7626 13.598 19.7643H31.6852ZM57.8427 8.23683V11.5304C57.8427 13.2774 57.1256 14.9528 55.849 16.1882C54.5725 17.4235 52.8411 18.1175 51.0358 18.1175H47.6324V21.7795L34.0186 17.0749V1.64972C34.0186 0.183058 35.8501 -0.551816 36.9233 0.485653L39.8247 3.2965H45.5287C46.689 3.2965 48.0546 4.11165 48.5726 5.11721L49.3341 6.59005H56.141C56.5923 6.59005 57.0252 6.76355 57.3443 7.07238C57.6634 7.38121 57.8427 7.80007 57.8427 8.23683ZM45.9307 8.23683C45.9307 7.91112 45.8309 7.59274 45.6439 7.32193C45.4569 7.05112 45.1911 6.84004 44.8802 6.7154C44.5692 6.59076 44.2271 6.55815 43.897 6.62169C43.5669 6.68523 43.2637 6.84207 43.0257 7.07238C42.7877 7.30269 42.6256 7.59611 42.5599 7.91556C42.4943 8.235 42.528 8.56611 42.6568 8.86702C42.7856 9.16793 43.0037 9.42512 43.2835 9.60607C43.5634 9.78702 43.8924 9.8836 44.229 9.8836C44.6803 9.8836 45.1131 9.7101 45.4323 9.40127C45.7514 9.09244 45.9307 8.67358 45.9307 8.23683Z' fill='%23242424'/%3E%3Cpath d='M17.1032 29.5312C13.638 29.5312 10.4373 31.2503 8.51013 34.1145L1.29692 44.8123C0.448016 46.0737 -0.00342789 47.5572 4.45547e-05 49.0739V66.123C-0.00473787 67.2653 0.375607 68.3765 1.08059 69.2798C1.78557 70.183 2.7747 70.8264 3.89067 71.1077L10.6189 72.7985C11.1027 75.1113 12.3736 77.1887 14.2183 78.682C16.063 80.1754 18.3692 80.9938 20.75 81C25.5537 81 29.5636 77.7034 30.7204 73.2797H54.8734C56.0302 77.7034 60.0401 81 64.8438 81C69.6474 81 73.6573 77.7034 74.8141 73.2797H77.8125C80.6501 73.2797 83 70.9482 83 68.1328V58.7243C82.9975 56.4305 82.2225 54.2033 80.7981 52.3965C79.3737 50.5897 77.3816 49.3071 75.1383 48.7523L61.1139 45.2138L50.9828 33.2319C50.0136 32.0748 48.7997 31.1434 47.4272 30.5039C46.0546 29.8644 44.5571 29.5323 43.0407 29.5312H17.1032ZM17.1032 34.6781H28.5313V44.9719H7.45707L12.808 37.0097V36.9299C13.2779 36.2296 13.9167 35.6568 14.6663 35.2636C15.416 34.8704 16.2527 34.6691 17.1006 34.6781H17.1032ZM33.7188 34.6781H43.0407C44.5788 34.6781 46.0287 35.3524 47.0117 36.5284L54.1445 44.9719H33.7188V34.6781ZM5.18754 50.1187H59.332L73.9219 53.737C75.0414 54.0126 76.0345 54.6549 76.7406 55.56C77.4466 56.465 77.8243 57.5799 77.8125 58.7243V68.1328H74.8141C73.6573 63.7091 69.6474 60.4125 64.8438 60.4125C60.0401 60.4125 56.0302 63.7091 54.8734 68.1328H30.7204C29.5636 63.7091 25.5537 60.4125 20.75 60.4125C16.1513 60.4125 12.2892 63.4286 10.9431 67.5692L5.18754 66.1255V50.1187ZM20.75 65.5594C23.6473 65.5594 25.9375 67.8317 25.9375 70.7062C25.9375 73.5808 23.6473 75.8531 20.75 75.8531C17.8528 75.8531 15.5625 73.5808 15.5625 70.7062C15.5625 67.8317 17.8528 65.5594 20.75 65.5594ZM64.8438 65.5594C67.741 65.5594 70.0313 67.8317 70.0313 70.7062C70.0313 73.5808 67.741 75.8531 64.8438 75.8531C61.9465 75.8531 59.6563 73.5808 59.6563 70.7062C59.6563 67.8317 61.9465 65.5594 64.8438 65.5594Z' fill='%23FFC41E'/%3E%3C/svg%3E ");
}
.how-to-help__navigation__button-icon-volunteering {
    width: 65px;
    height: 87px;
    position: relative;
    left: 5%;
    background-image: url("data:image/svg+xml,%3Csvg width='65' height='87' viewBox='0 0 65 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 54.3466V24.0197C2 22.5573 2.57293 21.1548 3.59275 20.1207C4.61257 19.0866 5.99574 18.5057 7.43798 18.5057V18.5057C8.88023 18.5057 10.2634 19.0866 11.2832 20.1207C12.303 21.1548 12.876 22.5573 12.876 24.0197V43.3186' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.876 43.5V13.1731C12.876 11.7107 13.4738 10.3082 14.538 9.27408C15.6021 8.24001 17.0454 7.65907 18.5504 7.65907C20.0553 7.65907 21.4987 8.24001 22.5628 9.27408C23.627 10.3082 24.2248 11.7107 24.2248 13.1731V40.743' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M35.1006 40.8123V15.9708C35.1006 14.5169 35.6984 13.1224 36.7626 12.0943C37.8267 11.0662 39.2701 10.4886 40.775 10.4886V10.4886C42.28 10.4886 43.7233 11.0662 44.7874 12.0943C45.8516 13.1224 46.4494 14.5169 46.4494 15.9708V54.3466' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.2246 40.6704V7.52434C24.2246 6.05919 24.7975 4.65405 25.8174 3.61803C26.8372 2.58201 28.2204 1.99998 29.6626 1.99998C31.1048 1.99998 32.488 2.58201 33.5078 3.61803C34.5276 4.65405 35.1006 6.05919 35.1006 7.52434V40.6704' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 54.4722C2 74.8356 13.0896 85 28.3379 85C43.5862 85 49.7739 78.1312 53.2896 69.7361L62.423 44.7588C63.577 41.6279 63.0537 38.7243 60.3662 37.1962C57.677 35.6663 54.1439 36.4538 52.6884 39.2221L46.3586 54.4722' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.3461 57.1389C31.4944 57.161 31.6442 57.172 31.7941 57.172C32.8932 57.172 33.9611 56.5919 34.8033 55.5381C35.5528 54.6001 36.0737 53.3374 36.2718 51.9808C36.7404 48.7539 35.3129 45.9659 33.022 45.6285C32.8737 45.6065 32.724 45.5954 32.574 45.5954C31.4763 45.5968 30.4063 46.1762 29.5655 47.2279C28.8153 48.1652 28.2916 49.4293 28.0963 50.788C27.6277 54.015 29.0552 56.8029 31.3461 57.1389ZM22.8085 57.1721C21.7101 57.1721 20.6414 56.5919 19.7993 55.5381C19.0491 54.6001 18.5254 53.3374 18.33 51.9823C17.8615 48.7539 19.289 45.966 21.5799 45.63C21.7282 45.6079 21.8779 45.5968 22.0279 45.5968C23.1255 45.5968 24.1956 46.1763 25.0364 47.2279C25.7866 48.1653 26.3103 49.4294 26.5063 50.7866C26.9748 54.015 25.5474 56.803 23.2565 57.1389C23.1082 57.161 22.9584 57.1721 22.8085 57.1721ZM43.8891 55.1076C43.4963 54.1766 42.8438 53.5054 42.0016 53.1673L41.9903 53.1631C41.607 53.0133 41.1989 52.9367 40.7872 52.9372H40.7419C38.8141 52.9661 36.8459 54.6001 35.8452 57.0034C35.1113 58.7608 35.027 60.651 35.6201 62.0598C36.0122 62.9914 36.6661 63.6627 37.5118 64.0008L37.521 64.0043C37.9044 64.1539 38.3125 64.2305 38.7242 64.2301C40.6704 64.2301 42.6591 62.5962 43.6782 60.1612C44.4029 58.4058 44.4829 56.5171 43.8891 55.1076ZM36.1864 65.473C35.0746 64.8067 34.0236 64.1765 33.3371 63.0443C31.4433 59.9106 30.2996 58.019 27.301 58.019C24.3024 58.019 23.1559 59.9106 21.2578 63.0443C20.5706 64.1767 19.519 64.8076 18.4049 65.4759L18.4014 65.478L18.4013 65.4781C17.1225 66.2445 15.8012 67.0365 15.2308 68.5948C15.0091 69.1566 14.8974 69.7556 14.9017 70.3593C14.9017 72.8967 16.8834 74.9612 19.3179 74.9612C20.5741 74.9612 21.911 74.5271 23.3257 74.0677C24.686 73.6258 26.0922 73.1692 27.3081 73.1692C28.5239 73.1692 29.9266 73.6258 31.2819 74.0677L31.3201 74.08C32.7178 74.5321 34.0357 74.9584 35.2841 74.9584C37.7151 74.9584 39.6932 72.8939 39.6932 70.3565C39.6952 69.7523 39.5811 69.1534 39.357 68.592C38.7867 67.0324 37.465 66.2398 36.1871 65.4734L36.1864 65.473ZM17.0907 64.0008L17.0808 64.0043C16.6982 64.1539 16.2908 64.2305 15.8798 64.2301C13.9357 64.2301 11.9477 62.5955 10.9335 60.1633C10.2011 58.4058 10.1175 56.5178 10.7106 55.1062C11.102 54.1752 11.7552 53.5019 12.5974 53.1666L12.6073 53.1631C12.9906 53.0132 13.3987 52.9366 13.8104 52.9372C15.7545 52.9372 17.7425 54.5719 18.7567 57.0041C19.4892 58.7615 19.5727 60.6496 18.9796 62.0612C18.5883 62.9922 17.935 63.6627 17.0907 64.0008Z' fill='%23FFC41E'/%3E%3C/svg%3E ");
}
.how-to-help__navigation__button-background {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F6F6F6;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    box-shadow: 6px 6px 16px rgba(224, 224, 224, 0.6), -6px -6px 16px rgba(255, 255, 255, 0.77);
    
}
.how-to-help__navigation__button-background:hover {
    background: #FAFAFA;
    box-shadow: 6px 6px 16px rgba(224, 224, 224, 0.6), -6px -6px 16px rgba(255, 255, 255, 0.77);
    transition: 0.5s;
}
.how-to-help__navigation__button-background:active {
    background: linear-gradient(147.91deg, #F1F0F0 17.56%, #EEEEEE 52.29%, #F1F1F1 84.92%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    box-shadow: -6px -6px 16px rgba(224, 224, 224, 0.6), 6px 6px 16px rgba(255, 255, 255, 0.77);
}

/*home-and-overexposure*/
.home-and-overexposure {
    height: 475px;
    background-color:  rgb(246,246,246);
}
.home-and-overexposure__text-content {
    width: 389px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #242424;
}
.home-and-overexposure__text-content h5 {
    font-weight: normal;
    font-size: 28px;
    line-height: 24px;
    font-weight: 600;
    margin-top: 68px;
}
.home-and-overexposure__content {
    margin: 0 auto;
    width: 875px;
    display: flex;
    justify-content: space-between;
}


.home-and-overexposure__box-icon {
    overflow: hidden;
    text-align: center;
}
.home-and-overexposure__box-icon span {
    display: inline-block;
    vertical-align: middle;
}
.home-and-overexposure__box-icon:before,
.home-and-overexposure__box-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color:#EEBF3A;
    position: relative;
}
.home-and-overexposure__box-icon:before {
    margin-left: -100%;
    left: -14px;
}
.home-and-overexposure__box-icon:after {
    margin-right: -100%;
    right: -14px;
}
.home-and-overexposure__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='149' height='145' viewBox='0 0 149 145' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M72.9659 5.49226C73.8282 4.41391 75.4013 4.23875 76.4797 5.10103L147.476 61.8717C148.554 62.734 148.73 64.3072 147.867 65.3856C147.005 66.4639 145.432 66.6391 144.353 65.7768L73.3571 9.00608C72.2788 8.14381 72.1036 6.57061 72.9659 5.49226Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M76.8713 5.49226C77.7335 6.57061 77.5584 8.14381 76.48 9.00608L5.48372 65.7768C4.40537 66.6391 2.83218 66.4639 1.9699 65.3856C1.10762 64.3072 1.28278 62.734 2.36113 61.8717L73.3574 5.10103C74.4358 4.23875 76.009 4.41391 76.8713 5.49226Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.2211 47.1316C26.6018 47.1316 27.7211 48.2509 27.7211 49.6316V141.884C27.7211 143.265 26.6018 144.384 25.2211 144.384C23.8404 144.384 22.7211 143.265 22.7211 141.884V49.6316C22.7211 48.2509 23.8404 47.1316 25.2211 47.1316Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M124.616 47.1316C125.997 47.1316 127.116 48.2509 127.116 49.6316V141.884C127.116 143.265 125.997 144.384 124.616 144.384C123.235 144.384 122.116 143.265 122.116 141.884V49.6316C122.116 48.2509 123.235 47.1316 124.616 47.1316Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.7211 141.884C22.7211 140.503 23.8404 139.384 25.2211 139.384H124.616C125.997 139.384 127.116 140.503 127.116 141.884C127.116 143.265 125.997 144.384 124.616 144.384H25.2211C23.8404 144.384 22.7211 143.265 22.7211 141.884Z' fill='%23242424'/%3E%3Cpath d='M75.4295 81.1502L93.9488 87.6139V113.982C93.9488 114.494 93.7406 114.985 93.37 115.347C92.9994 115.709 92.4967 115.913 91.9726 115.913H84.0679C83.5438 115.913 83.0411 115.709 82.6705 115.347C82.2999 114.985 82.0917 114.494 82.0917 113.982V100.463H62.3298V113.982C62.3298 114.494 62.1216 114.985 61.751 115.347C61.3804 115.709 60.8778 115.913 60.3536 115.913H52.4489C51.9248 115.913 51.4221 115.709 51.0515 115.347C50.6809 114.985 50.4727 114.494 50.4727 113.982V88.1619C45.883 86.5626 42.568 82.3162 42.568 77.2877C42.568 76.2633 42.9844 75.2809 43.7256 74.5565C44.4668 73.8322 45.4721 73.4252 46.5203 73.4252C47.5686 73.4252 48.5739 73.8322 49.3151 74.5565C50.0563 75.2809 50.4727 76.2633 50.4727 77.2877C50.4747 78.3115 50.8917 79.2929 51.6325 80.0168C52.3733 80.7408 53.3774 81.1483 54.4251 81.1502H75.4295ZM105.806 67.6314V71.4939C105.806 73.5428 104.973 75.5077 103.491 76.9564C102.008 78.4051 99.9976 79.219 97.9012 79.219H93.9488V83.5136L78.1393 77.9963V59.9064C78.1393 58.1864 80.2662 57.3245 81.5124 58.5412L84.8818 61.8376H91.5057C92.8533 61.8376 94.4391 62.7936 95.0406 63.9729L95.925 65.7002H103.83C104.354 65.7002 104.857 65.9036 105.227 66.2658C105.598 66.628 105.806 67.1192 105.806 67.6314ZM91.9726 67.6314C91.9726 67.2495 91.8567 66.8761 91.6396 66.5585C91.4224 66.2409 91.1138 65.9934 90.7527 65.8472C90.3916 65.701 89.9942 65.6628 89.6109 65.7373C89.2276 65.8118 88.8754 65.9957 88.5991 66.2658C88.3227 66.5359 88.1345 66.88 88.0582 67.2547C87.982 67.6293 88.0211 68.0176 88.1707 68.3705C88.3202 68.7234 88.5735 69.025 88.8985 69.2372C89.2235 69.4494 89.6056 69.5627 89.9964 69.5627C90.5205 69.5627 91.0232 69.3592 91.3938 68.997C91.7644 68.6349 91.9726 68.1436 91.9726 67.6314Z' fill='%23242424'/%3E%3Cpath d='M61.708 11.8739C60.7268 9.55032 59.312 7.44471 57.5429 5.67495C55.7724 3.8999 53.6849 2.4893 51.394 1.51985C49.0185 0.510592 46.4706 -0.00600271 43.8983 5.26228e-05C40.2895 5.26228e-05 36.7686 1.01075 33.7088 2.91985C32.9768 3.37654 32.2814 3.87815 31.6226 4.42467C30.9638 3.87815 30.2684 3.37654 29.5364 2.91985C26.4766 1.01075 22.9557 5.26228e-05 19.3469 5.26228e-05C16.7483 5.26228e-05 14.2302 0.509146 11.8512 1.51985C9.55266 2.49311 7.48109 3.89312 5.70232 5.67495C3.93084 7.44272 2.51574 9.54882 1.53721 11.8739C0.519723 14.2921 0 16.86 0 19.5028C0 21.9959 0.497763 24.5938 1.48597 27.2365C2.31313 29.4451 3.49898 31.736 5.01423 34.0494C7.41521 37.7104 10.7165 41.5286 14.8158 45.3992C21.6088 51.8153 28.3359 56.2474 28.6214 56.4271L30.3562 57.565C31.1248 58.0667 32.113 58.0667 32.8816 57.565L34.6165 56.4271C34.902 56.2399 41.6218 51.8153 48.4221 45.3992C52.5213 41.5286 55.8227 37.7104 58.2237 34.0494C59.7389 31.736 60.9321 29.4451 61.7519 27.2365C62.7401 24.5938 63.2379 21.9959 63.2379 19.5028C63.2452 16.86 62.7255 14.2921 61.708 11.8739Z' fill='%23FFC41E'/%3E%3C/svg%3E%0A");
    width: 149px;
    height: 145px;
}
/*home-and-overexposure__our wards* styles*/
.our-wards {
    height: 974px;
    background-color:  rgb(246,246,246);
    overflow: hidden;
    position: relative;
}
.our-wards__title {
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    line-height: 24px;
}
.our-wards__see-all {
    margin: 0 auto;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #AD7F00;
    cursor: pointer;
}
.our-wards__see-all__arrow {
    position: relative;
    bottom: -2px;
    left: 5px;
}
.our-wards__animals-card__box--wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.our-wards__animals-card__box {
    margin: 0 auto;
    width: 1146px;
    display: flex; 
    justify-content:space-around;
    position: relative;
}

.our-wards__animals-card__arrow-box {
    width: 285px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    top: 175px;
}
.our-wards__animals-card__arrow-background {
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.our-wards__animals-card__arrow-background:hover {
    background: rgba(255, 255, 255, 0.7);
}
.our-wards__animals-card__arrow-background:active {
    background: rgba(95, 95, 95, 0.7);
}
.our-wards__animals-card__left-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 1.625C9.98316 1.625 7.08989 2.82343 4.95666 4.95666C2.82344 7.08989 1.625 9.98316 1.625 13C1.625 16.0168 2.82344 18.9101 4.95666 21.0433C7.08989 23.1766 9.98316 24.375 13 24.375C16.0168 24.375 18.9101 23.1766 21.0433 21.0433C23.1766 18.9101 24.375 16.0168 24.375 13C24.375 9.98316 23.1766 7.08989 21.0433 4.95666C18.9101 2.82343 16.0168 1.625 13 1.625ZM13 -1.1365e-06C9.55219 -1.43791e-06 6.24559 1.36964 3.80761 3.80761C1.36964 6.24558 1.43791e-06 9.55218 1.1365e-06 13C8.35079e-07 16.4478 1.36964 19.7544 3.80761 22.1924C6.24558 24.6304 9.55219 26 13 26C16.4478 26 19.7544 24.6304 22.1924 22.1924C24.6304 19.7544 26 16.4478 26 13C26 9.55219 24.6304 6.24558 22.1924 3.80761C19.7544 1.36964 16.4478 -8.35079e-07 13 -1.1365e-06Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5758 7.5497C13.6514 7.62517 13.7114 7.71484 13.7524 7.81355C13.7934 7.91226 13.8145 8.01808 13.8145 8.12495C13.8145 8.23182 13.7934 8.33764 13.7524 8.43635C13.7114 8.53507 13.6514 8.62473 13.5758 8.7002L9.27438 13L13.5758 17.2997C13.6513 17.3752 13.7112 17.4649 13.7521 17.5636C13.793 17.6623 13.814 17.7681 13.814 17.8749C13.814 17.9818 13.793 18.0876 13.7521 18.1863C13.7112 18.285 13.6513 18.3747 13.5758 18.4502C13.5002 18.5257 13.4105 18.5857 13.3118 18.6266C13.2131 18.6674 13.1073 18.6885 13.0005 18.6885C12.8937 18.6885 12.7879 18.6674 12.6892 18.6266C12.5905 18.5857 12.5008 18.5257 12.4253 18.4502L7.55025 13.5752C7.47459 13.4997 7.41455 13.4101 7.37359 13.3114C7.33263 13.2126 7.31155 13.1068 7.31155 12.9999C7.31155 12.8931 7.33263 12.7873 7.37359 12.6885C7.41455 12.5898 7.47459 12.5002 7.55025 12.4247L12.4253 7.5497C12.5007 7.47404 12.5904 7.414 12.6891 7.37304C12.7878 7.33208 12.8936 7.311 13.0005 7.311C13.1074 7.311 13.2132 7.33208 13.3119 7.37304C13.4106 7.414 13.5003 7.47404 13.5758 7.5497Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6875 13C18.6875 13.2155 18.6019 13.4222 18.4495 13.5745C18.2972 13.7269 18.0905 13.8125 17.875 13.8125L9.75 13.8125C9.53451 13.8125 9.32785 13.7269 9.17548 13.5745C9.0231 13.4221 8.9375 13.2155 8.9375 13C8.9375 12.7845 9.0231 12.5778 9.17548 12.4255C9.32785 12.2731 9.53451 12.1875 9.75 12.1875L17.875 12.1875C18.0905 12.1875 18.2972 12.2731 18.4495 12.4255C18.6019 12.5778 18.6875 12.7845 18.6875 13Z' fill='%23242424'/%3E%3C/svg%3E%0A");
    width: 26px;
    height: 26px;
}
.our-wards__animals-card__right-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 24.375C16.0168 24.375 18.9101 23.1766 21.0433 21.0433C23.1766 18.9101 24.375 16.0168 24.375 13C24.375 9.98316 23.1766 7.08989 21.0433 4.95666C18.9101 2.82343 16.0168 1.625 13 1.625C9.98316 1.625 7.08989 2.82343 4.95666 4.95666C2.82343 7.08989 1.625 9.98316 1.625 13C1.625 16.0168 2.82343 18.9101 4.95666 21.0433C7.08989 23.1766 9.98316 24.375 13 24.375ZM13 26C16.4478 26 19.7544 24.6304 22.1924 22.1924C24.6304 19.7544 26 16.4478 26 13C26 9.55219 24.6304 6.24558 22.1924 3.80761C19.7544 1.36964 16.4478 0 13 0C9.55219 0 6.24558 1.36964 3.80761 3.80761C1.36964 6.24558 0 9.55219 0 13C0 16.4478 1.36964 19.7544 3.80761 22.1924C6.24558 24.6304 9.55219 26 13 26Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4242 18.4503C12.3486 18.3748 12.2886 18.2852 12.2476 18.1865C12.2066 18.0877 12.1855 17.9819 12.1855 17.875C12.1855 17.7682 12.2066 17.6624 12.2476 17.5636C12.2886 17.4649 12.3486 17.3753 12.4242 17.2998L16.7256 13L12.4242 8.7003C12.3487 8.62476 12.2888 8.53507 12.2479 8.43637C12.207 8.33767 12.186 8.23188 12.186 8.12505C12.186 8.01822 12.207 7.91243 12.2479 7.81373C12.2888 7.71503 12.3487 7.62534 12.4242 7.5498C12.4998 7.47426 12.5895 7.41433 12.6882 7.37345C12.7869 7.33257 12.8927 7.31152 12.9995 7.31152C13.1063 7.31152 13.2121 7.33257 13.3108 7.37345C13.4095 7.41433 13.4992 7.47426 13.5747 7.5498L18.4497 12.4248C18.5254 12.5003 18.5854 12.5899 18.6264 12.6886C18.6674 12.7874 18.6885 12.8932 18.6885 13C18.6885 13.1069 18.6674 13.2127 18.6264 13.3115C18.5854 13.4102 18.5254 13.4998 18.4497 13.5753L13.5747 18.4503C13.4993 18.526 13.4096 18.586 13.3109 18.627C13.2122 18.6679 13.1064 18.689 12.9995 18.689C12.8926 18.689 12.7868 18.6679 12.6881 18.627C12.5894 18.586 12.4997 18.526 12.4242 18.4503Z' fill='%23242424'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.3125 13C7.3125 12.7845 7.3981 12.5778 7.55048 12.4255C7.70285 12.2731 7.90951 12.1875 8.125 12.1875H16.25C16.4655 12.1875 16.6722 12.2731 16.8245 12.4255C16.9769 12.5778 17.0625 12.7845 17.0625 13C17.0625 13.2155 16.9769 13.4222 16.8245 13.5745C16.6722 13.7269 16.4655 13.8125 16.25 13.8125H8.125C7.90951 13.8125 7.70285 13.7269 7.55048 13.5745C7.3981 13.4222 7.3125 13.2155 7.3125 13Z' fill='%23242424'/%3E%3C/svg%3E%0A");
    width: 26px;
    height: 26px;
}
.our-wards__animals-card__white-dots-box {
   width: 76px;
   z-index: 1;
   position: absolute; 
   top: 180px;
   left: 110px;
   display: flex;
   justify-content: space-between; 
}
.our-wards__animals-card__white-dots {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 100%;;
}
.our-wards__animals-card {
    width: 368px;
    height: 555px;
    background: #F6F6F6;
    background: #F6F6F6;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    border-radius: 5px;
    position: relative;
    animation: animals-card 1s linear 1;
}
.our-wards__animals-card__foto-box {
    width: 335px;
    height:356px;
}
.our-wards__animals-card__Blaky-foto {
    background-image: url(./img/card/Блэки__1920-768.jpg);
}
.our-wards__animals-card__Monik-foto {
    background-image: url(./img/card/Моник__1920-768.jpg);
}
.our-wards__animals-card__Samanta-foto {
    background-image: url(./img/card/Саманта__1920-768.jpg);
}
.our-wards__animals-card__opacity {
    opacity: 0.5;
}
.our-wards__animals-card__content {
    width: 335px;
    margin: 16px auto;
}

.our-wards__animals-card__content h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    margin: 8px 0px 10px;
}
.our-wards__animals-card__gender-and-age {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px; 
    color: #6B6B6B;
    padding: 8px 0px 0px;
    margin: 0px;
    opacity: 0.5;
    border-top: 1px solid #D6D6D6;
}
.our-wards__animals-card__discription {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
    padding: 0px;
    margin-top: 6px;
}
.our-wards__animals-card__content a {
    position: absolute;
    left: 17px;
    top: 508px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #AD7F00;
    text-decoration: underline;
    cursor: pointer;
}
.animals-card__button-box {
    margin:  0 auto;
    width: 296px;
    position: relative;
    top: 20px;
    
}
.animals-card__button-take-at-home__button-gold {
    width: 199px;   
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    padding: 1px;
    background-clip: content-box, border-box;
    border-radius: 58px;
    color: #242424;
    text-decoration: none;
 
}
.animals-card__button-take-at-home__button-background-gold {
    width: 209px;
    height: 42px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;  
}

.animals-card__button-take-at-some-period__button-silver {
    width: 286px;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    padding: 1px;
    background-clip: content-box, border-box;
    border-radius: 58px;
    color: #242424;
    background: linear-gradient(180deg, #FBFBFB 0%, #F6F6F6 100%);
    box-shadow: 3px 3px 13px rgba(128, 128, 128, 0.25);
}

.animals-card__button-take-at-some-period__button-background-silver {
    width: 296px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;
    position: relative;
    top: 22px;
    background: #F6F6F6;
    box-shadow: 7px 7px 16px #E3E3E3, -4px -4px 8px rgba(255, 255, 255, 0.7), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}

.animals-card__button-take-at-some-period__button-silver:hover {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 53.12%, #EFECEC 100%);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 3px 3px 13px rgba(128, 128, 128, 0.25);
    border-radius: 58px;
}
.animals-card__button-take-at-some-period__button-silver:active{
    background: linear-gradient(180deg, #F1F1F1 1.56%, #FCFAFA 100%);
    box-shadow: 3px 3px 13px rgba(128, 128, 128, 0.25), inset 0px 4px 13px rgba(0, 0, 0, 0.06);
    border-radius: 58px;
}

.home-and-overexposure__social__content {
    margin: 0 auto;
    width: 779px;
    display: flex;
    justify-content: space-between;
    position: relative;
    top: 77px;
}
.home-and-overexposure__social__icon-box {
    width: 158px;
    display: flex;
    justify-content: space-between;
}

.home-and-overexposure__social__discription {
    width: 583px;
    font-size: 18px;
    display: inline-block;
    vertical-align :middle;
}

/*financia-support style*/
.financial-support {
    height: 716px;
    position: relative;
}
.financial-support__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='131' height='95' viewBox='0 0 131 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M51.4276 7.40591C51.4276 5.44174 52.2086 3.55802 53.5988 2.16914C54.989 0.780263 56.8745 0 58.8405 0L103.318 0C105.284 0 107.169 0.780263 108.56 2.16914C109.95 3.55802 110.731 5.44174 110.731 7.40591V25.9207H51.4276V7.40591ZM94.0517 11.1089C93.5602 11.1089 93.0889 11.3039 92.7413 11.6511C92.3938 11.9984 92.1985 12.4693 92.1985 12.9603V16.6633C92.1985 17.1543 92.3938 17.6253 92.7413 17.9725C93.0889 18.3197 93.5602 18.5148 94.0517 18.5148H101.465C101.956 18.5148 102.428 18.3197 102.775 17.9725C103.123 17.6253 103.318 17.1543 103.318 16.6633V12.9603C103.318 12.4693 103.123 11.9984 102.775 11.6511C102.428 11.3039 101.956 11.1089 101.465 11.1089H94.0517Z' fill='%23FFC41E'/%3E%3Cpath d='M51.4273 33.3267V37.0296C51.4273 38.9938 52.2083 40.8775 53.5985 42.2664C54.9886 43.6553 56.8741 44.4355 58.8402 44.4355H103.318C105.284 44.4355 107.169 43.6553 108.559 42.2664C109.949 40.8775 110.73 38.9938 110.73 37.0296V33.3267H51.4273Z' fill='%23FFC41E'/%3E%3Cmask id='path-3-inside-1' fill='white'%3E%3Crect y='34.7286' width='20.1631' height='58.2713' rx='2'/%3E%3C/mask%3E%3Crect y='34.7286' width='20.1631' height='58.2713' rx='2' stroke='%23242424' stroke-width='10' mask='url(%23path-3-inside-1)'/%3E%3Cpath d='M26.5198 44.6232V83.2725C35.4152 83.2725 38.1524 85.0803 47.2759 85.651C78.3589 95.4304 84.9183 92.0548 100.047 83.2725C105.645 80.0235 114.74 72.9827 121.036 67.8128C129.49 59.4406 128.64 57.2288 126.742 55.3261C118.44 47.0016 109.544 66.6236 92.9393 67.8128C80.1536 68.7285 58.5435 66.6236 53.2062 66.6236' stroke='%23242424' stroke-width='5'/%3E%3Cpath d='M24.5581 44.6544C29.7674 44.2826 40.2213 42.7453 44.9038 44.6233C50.8341 47.0017 53.2973 52.2104 56.6703 53.341C64.3663 55.9207 76.9469 55.4901 81.6717 55.9207C88.195 56.5153 98.8696 56.5153 98.2766 65.4344C97.9023 71.0628 66.2529 66.6236 53.7992 66.6236' stroke='%23242424' stroke-width='5'/%3E%3C/svg%3E%0A");
    width: 131px;
    height: 95px;
}
.financial-support__box-icon {
    overflow: hidden;
    text-align: center;
    padding-top: 46px;  
}
.financial-support__box-icon span {
    display: inline-block;
    vertical-align: middle;
}
.financial-support__box-icon:before,
.financial-support__box-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color:#EEBF3A;
    position: relative;
}
.financial-support__box-icon:before {
    margin-left: -100%;
    left: -14px;
}
.financial-support__box-icon:after {
    margin-right: -100%;
    right: -14px;
}
.financial-support__content__title {
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    line-height: 24px;
    font-weight: 600;
    padding-top: 58px;
}
.financial-support__content__discription {
    margin: 0 auto;
    text-align: center;
    width: 758px;
    font-size: 18px;
    line-height: 24px;
    padding-top: 24px;
}
.financial-support__content__box {
    width: 875px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.financial-support__content__box h5 {
    font-size: 28px;
    font-weight: 300;
    margin: 40px 0px 24px 0px;
}
.financial-support__content__bank-account {
    width: 389px;
}
.financial-support__content__bank-account li {
    list-style-type: none;
    margin-top: 10px;
}
.financial-support__content__bank-account ul {
    margin-left: 0; 
    padding-left: 0; 
}
.financial-support__button-fast-payment__button-gold {
    width: 211px;
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    padding: 1px;
    background-clip: content-box, border-box;
    border-radius: 58px;
    color: #242424;
    text-decoration: none;
 
}
.financial-support__button-fast-payment__button-background-gold {
    width: 221px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;
}
.financial-support__content__boxesCity {
    width: 389px;
}
.financial-support__content__boxes-city-discription {
    margin: 0;
    padding: 0;
}
.financial-support__content__boxes-city li {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
    line-height: 22.4px;
}
.financial-support__content__boxes-city ol{
    margin-top: 0px;
    margin-left: 5px; 
    padding-left: 10px; 
    line-height: 22.4px;
}
.financial-support__boxesCity__see-on-the-map {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px; 
    text-decoration-line: underline;
    color: #AD7F00;
    cursor: pointer;
}

.financial-support__boxes-city__maps-box {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 92%;
    margin: 4%;
    height: 92%;
    background-color: white;
    box-shadow: 0px 0px 22px rgba(161, 161, 161, 0.25);
}
.financial-support__boxes-city__maps {
    margin: 0 auto;
    position: relative;
    top: 5%;
    left: 3%;
    border: none;
}

.financial-support__maps__close-cross {
    position: absolute;
    top: 1%;
    right: 0%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0.6;
}
.financial-support__maps__close-cross:hover {
    opacity: 1;
}
.financial-support__maps__close-cross:before, .financial-support__maps__close-cross:after {
    position: absolute;
    left: 0;
    content: ' ';
    height: 20px;
    width: 2px;
    background: #81869C;
}
.financial-support__maps__close-cross:before {
    transform: rotate(45deg);
}
.financial-support__maps__close-cross:after {
    transform: rotate(-45deg);
}
/*material-support style*/
.material-support {
    height: 970px;
    background-color:  rgb(246,246,246);
}

.material-support__box-icon {
    overflow: hidden;
    text-align: center;
    padding-top: 46px;
}
.material-support__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='127' height='100' viewBox='0 0 127 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1' fill='white'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.3699 0H18.9559V18.967H0V39.3932H18.9559V58.3604H39.3699V39.3932H58.3257V18.967H39.3699V0Z'/%3E%3C/mask%3E%3Cpath d='M18.9559 0V-4H14.9559V0H18.9559ZM39.3699 0H43.3699V-4H39.3699V0ZM18.9559 18.967V22.967H22.9559V18.967H18.9559ZM0 18.967V14.967H-4V18.967H0ZM0 39.3932H-4V43.3932H0V39.3932ZM18.9559 39.3932H22.9559V35.3932H18.9559V39.3932ZM18.9559 58.3604H14.9559V62.3604H18.9559V58.3604ZM39.3699 58.3604V62.3604H43.3699V58.3604H39.3699ZM39.3699 39.3932V35.3932H35.3699V39.3932H39.3699ZM58.3257 39.3932V43.3932H62.3257V39.3932H58.3257ZM58.3257 18.967H62.3257V14.967H58.3257V18.967ZM39.3699 18.967H35.3699V22.967H39.3699V18.967ZM18.9559 4H39.3699V-4H18.9559V4ZM22.9559 18.967V0H14.9559V18.967H22.9559ZM0 22.967H18.9559V14.967H0V22.967ZM4 39.3932V18.967H-4V39.3932H4ZM18.9559 35.3932H0V43.3932H18.9559V35.3932ZM22.9559 58.3604V39.3932H14.9559V58.3604H22.9559ZM39.3699 54.3604H18.9559V62.3604H39.3699V54.3604ZM35.3699 39.3932V58.3604H43.3699V39.3932H35.3699ZM58.3257 35.3932H39.3699V43.3932H58.3257V35.3932ZM54.3257 18.967V39.3932H62.3257V18.967H54.3257ZM39.3699 22.967H58.3257V14.967H39.3699V22.967ZM35.3699 0V18.967H43.3699V0H35.3699Z' fill='%23FFC41E' mask='url(%23path-1-inside-1)'/%3E%3Cpath d='M59.7374 51.9967L85.4504 60.9223V97.3331C85.4504 98.0404 85.1614 98.7187 84.6468 99.2188C84.1322 99.719 83.4343 99.9999 82.7066 99.9999H71.7313C71.0036 99.9999 70.3057 99.719 69.7912 99.2188C69.2766 98.7187 68.9875 98.0404 68.9875 97.3331V78.6652H41.5494V97.3331C41.5494 98.0404 41.2603 98.7187 40.7457 99.2188C40.2312 99.719 39.5333 99.9999 38.8056 99.9999H27.8303C27.1026 99.9999 26.4047 99.719 25.8901 99.2188C25.3756 98.7187 25.0865 98.0404 25.0865 97.3331V61.679C18.714 59.4705 14.1112 53.6068 14.1112 46.663C14.1112 45.2484 14.6894 43.8918 15.7185 42.8915C16.7476 41.8912 18.1434 41.3293 19.5988 41.3293C21.0542 41.3293 22.4501 41.8912 23.4792 42.8915C24.5083 43.8918 25.0865 45.2484 25.0865 46.663C25.0892 48.0768 25.6682 49.4319 26.6968 50.4316C27.7253 51.4312 29.1195 51.994 30.5741 51.9967H59.7374ZM101.913 33.3287V38.6624C101.913 41.4916 100.757 44.2049 98.6987 46.2054C96.6405 48.206 93.8489 49.3298 90.9381 49.3298H85.4504V55.2602L63.4999 47.6414V22.6614C63.4999 20.2862 66.4529 19.0961 68.1833 20.7762L72.8615 25.3282H82.0584C83.9293 25.3282 86.1312 26.6483 86.9664 28.2767L88.1942 30.6619H99.1695C99.8972 30.6619 100.595 30.9429 101.11 31.443C101.624 31.9431 101.913 32.6215 101.913 33.3287ZM82.7066 33.3287C82.7066 32.8013 82.5457 32.2857 82.2442 31.8471C81.9427 31.4086 81.5142 31.0667 81.0128 30.8649C80.5114 30.6631 79.9598 30.6102 79.4275 30.7131C78.8953 30.816 78.4064 31.07 78.0226 31.443C77.6389 31.816 77.3776 32.2912 77.2717 32.8085C77.1658 33.3258 77.2202 33.862 77.4278 34.3493C77.6355 34.8366 77.9872 35.2531 78.4384 35.5462C78.8896 35.8392 79.4201 35.9956 79.9628 35.9956C80.6905 35.9956 81.3884 35.7146 81.903 35.2145C82.4175 34.7144 82.7066 34.036 82.7066 33.3287Z' fill='%23242424'/%3E%3Cpath d='M127 83.5273C127 92.7049 119.466 99.9999 109.988 99.9999H95.4068C85.9289 99.9999 78.3951 92.7049 78.3951 83.5273V76.4675H127V83.5273Z' fill='%23FFC41E'/%3E%3C/svg%3E%0A");
    width: 127px;
    height: 100px;
}
.material-support__box-icon span {
    display: inline-block;
    vertical-align: middle;
}
.material-support__box-icon:before,
.material-support__box-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color:#EEBF3A;
    position: relative;
}
.material-support__box-icon:before {
    margin-left: -100%;
    left: -14px;
}
.material-support__box-icon:after {
    margin-right: -100%;
    right: -14px;
}
.material-support__content {
    width: 678px;
    margin: 0 auto; 
    font-size: 16px;
    line-height: 22.4px;
}
.material-support__content h5 {
    font-size: 28px;
    line-height: 24px;
    margin: 0px 0px 24px 0px;
    padding: 0;
}
.material-support__content__karma {
    margin-top: 50px;
}
.material-support__content__karma p {
    margin: 0px;
}
.material-support__content__karma ul {
    padding: 3px 0px 3px 0px;
    margin: 0;  
}
.material-support__content__karma li {
    padding: 3px 0px 3px 0px;
    list-style-position: inside; 
    list-style: none;  
}
.material-support__content__medicines {
    margin-top: 40px;
}
.material-support__content__other-things {
    margin-top: 40px;
}
.material-support__content__other-things p{
    margin: 0;
    padding: 0;
}
.material-support__content__other-things ul {
    padding: 0px 0px 5px 0px;
    margin: 0;
}
.material-support__content__other-things li {
    padding: 5px 0px 5px 0px;
    list-style-position: inside;
    list-style: none;
}

.material-support__volunteer-contacts {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #AD7F00;
    text-decoration: underline;
    cursor: pointer;
}
/*auto-support styles*/
.auto-support {
    height: 423px;
    background-color:  rgb(246,246,246);
}
.auto-support__content {
    width: 680px;
    margin: 0 auto;  
}
.auto-support__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='118' height='115' viewBox='0 0 118 115' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M45.0464 28.0604L67.7184 35.8854V67.8066C67.7184 68.4267 67.4635 69.0214 67.0098 69.4599C66.5561 69.8983 65.9407 70.1447 65.2991 70.1447H55.6218C54.9802 70.1447 54.3648 69.8983 53.9111 69.4599C53.4574 69.0214 53.2025 68.4267 53.2025 67.8066V51.4405H29.0094V67.8066C29.0094 68.4267 28.7545 69.0214 28.3008 69.4599C27.8471 69.8983 27.2317 70.1447 26.5901 70.1447H16.9128C16.2712 70.1447 15.6558 69.8983 15.2021 69.4599C14.7484 69.0214 14.4935 68.4267 14.4935 67.8066V36.5488C8.87468 34.6127 4.81628 29.4719 4.81628 23.3843C4.81628 22.1442 5.32607 20.9548 6.23348 20.0779C7.1409 19.201 8.37163 18.7083 9.65491 18.7083C10.9382 18.7083 12.1689 19.201 13.0763 20.0779C13.9838 20.9548 14.4935 22.1442 14.4935 23.3843C14.4959 24.6238 15.0065 25.8118 15.9134 26.6882C16.8203 27.5647 18.0496 28.0581 19.3322 28.0604H45.0464ZM82.2343 11.6943V16.3703C82.2343 18.8506 81.2147 21.2293 79.3999 22.9832C77.585 24.737 75.1236 25.7224 72.557 25.7224H67.7184V30.9215L48.3639 24.2421V2.34219C48.3639 0.259897 50.9677 -0.783443 52.4934 0.689507L56.6183 4.68021H64.7275C66.3772 4.68021 68.3187 5.83753 69.0551 7.26518L70.1377 9.35624H79.815C80.4566 9.35624 81.072 9.60257 81.5257 10.041C81.9794 10.4795 82.2343 11.0742 82.2343 11.6943ZM65.2991 11.6943C65.2991 11.2318 65.1572 10.7798 64.8914 10.3953C64.6255 10.0108 64.2477 9.71117 63.8056 9.53421C63.3635 9.35725 62.8771 9.31095 62.4078 9.40116C61.9385 9.49138 61.5074 9.71405 61.1691 10.041C60.8307 10.368 60.6003 10.7846 60.507 11.2381C60.4136 11.6917 60.4615 12.1618 60.6446 12.589C60.8277 13.0162 61.1378 13.3813 61.5357 13.6382C61.9335 13.8952 62.4013 14.0323 62.8798 14.0323C63.5214 14.0323 64.1368 13.7859 64.5905 13.3475C65.0442 12.909 65.2991 12.3143 65.2991 11.6943Z' fill='%23242424'/%3E%3Cpath d='M24.3154 41.927C19.3889 41.927 14.8386 44.3676 12.0987 48.4341L1.84381 63.6223C0.636938 65.4132 -0.00487338 67.5194 6.33429e-05 69.6728V93.8782C-0.00673576 95.5001 0.533995 97.0777 1.53626 98.3601C2.53852 99.6424 3.94475 100.556 5.53131 100.955L15.0967 103.356C15.7846 106.639 17.5915 109.589 20.214 111.709C22.8366 113.829 26.1153 114.991 29.5 115C36.3293 115 42.0302 110.32 43.6748 104.039H78.0128C79.6574 110.32 85.3583 115 92.1875 115C99.0168 115 104.718 110.32 106.362 104.039H110.625C114.659 104.039 118 100.729 118 96.7317V83.374C117.996 80.1173 116.895 76.9552 114.87 74.39C112.845 71.8249 110.012 70.0038 106.823 69.2161L86.8849 64.1923L72.4815 47.1809C71.1037 45.5382 69.3779 44.2159 67.4266 43.3079C65.4752 42.4 63.3462 41.9285 61.1904 41.927H24.3154ZM24.3154 49.2343H40.5625V63.8489H10.6016L18.2089 52.5445V52.4312C18.877 51.437 19.7852 50.6238 20.8509 50.0655C21.9167 49.5072 23.1063 49.2215 24.3117 49.2343H24.3154ZM47.9375 49.2343H61.1904C63.3771 49.2343 65.4384 50.1915 66.836 51.8613L76.9766 63.8489H47.9375V49.2343ZM7.37506 71.1562H84.3516L105.094 76.2932C106.685 76.6845 108.097 77.5964 109.101 78.8813C110.105 80.1663 110.642 81.7492 110.625 83.374V96.7317H106.362C104.718 90.4511 99.0168 85.7707 92.1875 85.7707C85.3583 85.7707 79.6574 90.4511 78.0128 96.7317H43.6748C42.0302 90.4511 36.3293 85.7707 29.5 85.7707C22.9621 85.7707 17.4714 90.0528 15.5576 95.9315L7.37506 93.8818V71.1562ZM29.5 93.078C33.619 93.078 36.875 96.3042 36.875 100.385C36.875 104.466 33.619 107.693 29.5 107.693C25.3811 107.693 22.125 104.466 22.125 100.385C22.125 96.3042 25.3811 93.078 29.5 93.078ZM92.1875 93.078C96.3064 93.078 99.5625 96.3042 99.5625 100.385C99.5625 104.466 96.3064 107.693 92.1875 107.693C88.0686 107.693 84.8125 104.466 84.8125 100.385C84.8125 96.3042 88.0686 93.078 92.1875 93.078Z' fill='%23FFC41E'/%3E%3C/svg%3E%0A");
    width: 118px;
    height: 115px;
}
.auto-support__box-icon {
    overflow: hidden;
    text-align: center;
}
.auto-support__box-icon span {
    display: inline-block;
    vertical-align: middle;
}
.auto-support__box-icon:before,
.auto-support__box-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color:#EEBF3A;
    position: relative;
}
.auto-support__box-icon:before {
    margin-left: -100%;
    left: -14px;
}
.auto-support__box-icon:after {
    margin-right: -100%;
    right: -14px;
}
.auto-support__title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 24px;  
    color: #242424;
}
.auto-support__discription {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #242424;
}
.auto-support__button-submit-application__button-gold {
    width: 211px;
    height: 32px;
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    padding: 1px;
    background-clip: content-box, border-box;
    border-radius: 58px;
    color: #242424;
    text-decoration: none; 
}

.auto-support__button-submit-application__button-background-gold {
    width: 221px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;
}
/*volunteering style*/
.volunteering {
    height: 642px;
    position: relative;
    background-color:  rgb(246,246,246);
    position: relative;
}
.volunteering__content {
    width: 466px;
    position: absolute;
    top: 166px;
    left: 52%;
}
.volunteering__title {
    font-size: 28px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 24px;
}
.volunteering__discription {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
}
.volunteering__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='82' height='111' viewBox='0 0 82 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 68.9351V30.1564C2 28.2865 2.7326 26.4931 4.03663 25.1709C5.34066 23.8486 7.10931 23.1058 8.95349 23.1058V23.1058C10.7977 23.1058 12.5663 23.8486 13.8703 25.1709C15.1744 26.4931 15.907 28.2865 15.907 30.1564V54.8338' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9068 55.0657V16.287C15.9068 14.417 16.6713 12.6237 18.032 11.3014C19.3927 9.97916 21.2383 9.23633 23.1626 9.23633C25.087 9.23633 26.9325 9.97916 28.2933 11.3014C29.654 12.6237 30.4185 14.417 30.4185 16.287V51.5404' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.3259 51.629V19.8646C44.3259 18.0054 45.0903 16.2223 46.451 14.9077C47.8118 13.5931 49.6573 12.8545 51.5817 12.8545V12.8545C53.506 12.8545 55.3516 13.5931 56.7123 14.9077C58.073 16.2223 58.8375 18.0054 58.8375 19.8646V68.9352' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.4183 51.4475V9.06392C30.4183 7.19045 31.1509 5.39372 32.4549 4.06898C33.759 2.74423 35.5276 2 37.3718 2C39.216 2 40.9846 2.74423 42.2887 4.06898C43.5927 5.39372 44.3253 7.19045 44.3253 9.06392V51.4475' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2 69.0959C2 95.1344 16.1802 108.132 35.678 108.132C55.1758 108.132 63.0879 99.3485 67.5834 88.6137L79.2622 56.6755C80.7378 52.6722 80.0687 48.9593 76.6322 47.0053C73.1935 45.0491 68.6758 46.0561 66.8146 49.5959L58.7208 69.0959' stroke='black' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39.5242 72.5056C39.7138 72.5338 39.9053 72.548 40.097 72.548C41.5024 72.548 42.868 71.8062 43.9449 70.4587C44.9032 69.2593 45.5693 67.6447 45.8227 65.9101C46.4217 61.7838 44.5964 58.2189 41.6671 57.7875C41.4775 57.7592 41.286 57.7451 41.0943 57.7451C39.6907 57.7469 38.3224 58.4878 37.2473 59.8326C36.2881 61.0311 35.6184 62.6475 35.3686 64.3848C34.7695 68.5111 36.5948 72.076 39.5242 72.5056ZM28.6075 72.5481C27.203 72.5481 25.8365 71.8063 24.7596 70.4588C23.8004 69.2594 23.1307 67.6448 22.881 65.912C22.2819 61.7839 24.1072 58.219 27.0365 57.7894C27.2261 57.7611 27.4176 57.747 27.6093 57.747C29.0129 57.747 30.3812 58.4879 31.4563 59.8327C32.4156 61.0312 33.0852 62.6476 33.3359 64.3831C33.935 68.5112 32.1097 72.0761 29.1803 72.5057C28.9907 72.5339 28.7992 72.5481 28.6075 72.5481ZM55.5632 69.9082C55.0609 68.7178 54.2266 67.8595 53.1497 67.4272L53.1352 67.4218C52.645 67.2303 52.1232 67.1324 51.5968 67.133H51.5389C49.0738 67.17 46.5571 69.2593 45.2775 72.3324C44.339 74.5796 44.2314 76.9965 44.9897 78.7979C45.4911 79.9893 46.3272 80.8475 47.4086 81.2798L47.4204 81.2844C47.9106 81.4757 48.4324 81.5736 48.9588 81.5732C51.4475 81.5732 53.9904 79.4838 55.2935 76.3702C56.2202 74.1256 56.3224 71.7105 55.5632 69.9082ZM45.7136 83.1626C44.2919 82.3106 42.948 81.5047 42.0702 80.057C39.6486 76.0499 38.1862 73.6312 34.3519 73.6312C30.5176 73.6312 29.0516 76.0499 26.6245 80.057C25.7458 81.505 24.4011 82.3116 22.9766 83.1662L22.9765 83.1662L22.9721 83.1689L22.9719 83.169C21.3367 84.1491 19.6472 85.1617 18.9179 87.1544C18.6343 87.8727 18.4915 88.6387 18.4971 89.4107C18.4971 92.6552 21.0309 95.295 24.144 95.295C25.7503 95.295 27.4597 94.74 29.2687 94.1524C31.0081 93.5875 32.8062 93.0035 34.3609 93.0035C35.9156 93.0035 37.7093 93.5875 39.4422 94.1524L39.491 94.1682L39.4911 94.1682C41.2783 94.7463 42.9635 95.2914 44.5598 95.2914C47.6683 95.2914 50.1976 92.6516 50.1976 89.407C50.2002 88.6345 50.0543 87.8686 49.7678 87.1508C49.0385 85.1565 47.3485 84.143 45.7144 83.1631L45.7136 83.1626ZM21.2962 81.2798L21.2835 81.2844C20.7942 81.4756 20.2733 81.5736 19.7478 81.5732C17.2619 81.5732 14.7199 79.4829 13.4231 76.3729C12.4864 74.1257 12.3797 71.7114 13.138 69.9064C13.6385 68.716 14.4737 67.855 15.5506 67.4263L15.5633 67.4218C16.0534 67.2302 16.5753 67.1322 17.1017 67.133C19.5876 67.133 22.1296 69.2232 23.4264 72.3333C24.3631 74.5805 24.4699 76.9947 23.7115 78.7997C23.2111 79.9902 22.3758 80.8475 21.2962 81.2798Z' fill='%23FFC41E'/%3E%3C/svg%3E%0A");
    width: 82px;
    height: 111px;
}
.volunteering__box-icon {
    overflow: hidden;
    text-align: center;
}
.volunteering__box-icon span {
    display: inline-block;
    vertical-align: middle;
}
.volunteering__box-icon:before,
.volunteering__box-icon:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color:#EEBF3A;
    position: relative;
}
.volunteering__box-icon:before {
    margin-left: -100%;
    left: -14px;
}
.volunteering__box-icon:after {
    margin-right: -100%;
    right: -14px;
}
.volunteering__title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 24px;
    color: #242424;
}
.volunteering__discription {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #242424;
}
.volunteering__button-submit-application__button-gold {
    width: 211px;
    text-align: center;
    font-size: 20px;
    display: block;
    line-height: 32px;
    font-weight: 500;
    cursor: pointer;
    padding: 1px;
    background-clip: content-box, border-box;
    border-radius: 58px;
    color: #242424;
    text-decoration: none;

}
.volunteering__button-submit-application__button-background-gold {
    width: 221px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;
}

.volunteering__image-dog__circle-image-dog--wrapper {
    width: 28%;
    height: 520px;
    position: relative;
}
.volunteering__image-dog__circle-image-dog--wrapper::after {
    content: "";
    background-color: #FFC41E;
    width: 100%;
    height: 520px;   
    position: absolute;
    top: -2%;
    left: 0;   
}
.volunteering__image-dog__circle-image-dog {
    width: 520px;
    height: 520px;
    position: absolute;
    top: 0;
    right: 0;
}
.volunteering__image-dog__circle-image-dog:after {
    content: "";
    background-image: url('./img/volunteering__image-dog__circle-image-dog__1920-1270.jpg');
    width: 464px;
    height: 464px; 
    border-radius: 50%;
    border: 28px solid #FFC41E;
    position: absolute;
    top: -2%;
    left: 50%;
    z-index: 1;
}


/*article styles*/
article {
    height: 563px;
}
.news__title {
    margin: 0 auto;
    text-align: center;
    padding-top: 54px;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 24px;
}
.news__content {
    width :778px;
    margin: 0 auto;   
}
.news__content-box {
    width: 778px;
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
}
.news__image__black-dog {
    background-image: url(./img/news__black-dog__1920-1270.jpg);
    width: 140px;
    height: 140px;
}
.news__image__image__black-youngs-dog {
    background-image: url(./img/news__black-young-dogs__1920-1270.jpg);
    width: 140px;
    height: 140px;
}
.news__content-box__text-content {
    width: 603px;
    margin-left: 31px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
}
.news__content-box__text-content p {
    margin: 8px;
}
.news__content__see-all {
    margin-top: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer;
    text-decoration-line: underline;
    color: #AD7F00;
}
/*footer styles*/ 
.footer {
    height: 1452px;
    background-color:  rgb(246,246,246);
}
.about-us {
    height: 594px;
}
.about-us__content {
    width: 680px;
    margin: 0 auto;
    padding-top: 56px;
}
.about-us__title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 24px; 
    color: #242424;
    margin: 0;
    padding: 0;
    text-align: center;
}
.about-us__discription {
    font-style: normal;
    font-weight: 500;
    margin-top: 24px;
    font-size: 18px;
    line-height: 24px;
    color: #242424;
}
.about-us__contacs-title {
    font-size: 22px;
    line-height: 25.52px;
    margin-top: 24px 0px;
}
.about-us__contacs-info {
    font-size: 16px;
    line-height: 180%;
    margin:0;
    padding: 0;
}
.about-us__social_discription {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22.4px;
    color: #6B6B6B;
    margin-top: 40px;
}
.about-us__social-icon__box {
    display: flex;
    justify-content: space-between;
    width: 146px;
}

.footer-image__background__dog {
    width: 100%;
    height: 741px;
    /*background-image: url(./img/footer-image-dog__1366-1270.jpg);*/
    position: relative;
    background-image: url(./img/footer-dog__full-img.png);
    background-size: cover;
}

.footer__thaks-for-the-help__background {
    mix-blend-mode: soft-light; 
}

.footer__thaks-for-the-help__square-background {
    content: "";
    background: #322D1E;
    width: 357px;
    height: 521px;   
    position: absolute;
    top: 119px;
    left: 0;   
}
   
.footer__thaks-for-the-help__circle-background {
    content: "";
    background: #322D1E;;
    width: 521px;
    height: 521px; 
    border-radius: 50%;
    position: absolute;
    top: 119px;
    left: 94px;
    z-index: 1;
}
   


.footer__thaks-for-the-help__text {
    color: white;
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 77px;
    width: 346px;
    padding: 0;
    margin: 0;
    position: absolute;  
    top: 303px;
    left: 134px;  
}

.footer__thaks-for-the-help__paw {
    position: absolute;
    top: 373px;
    left: 480px;
    width: 90px;
    height: 90px;
    background-image: url("data:image/svg+xml,%3Csvg width='90' height='90' viewBox='0 0 90 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.8429 35.197C38.1189 31.4474 36.1124 27.372 32.3621 26.0958C28.6119 24.8196 24.5373 26.8257 23.2614 30.5753C21.9845 34.3275 23.9894 38.4009 27.7404 39.6773C31.4913 40.9538 35.566 38.9493 36.8429 35.197Z' fill='white'/%3E%3Cpath d='M65.7829 38.9488C62.0333 37.6729 57.9581 39.6787 56.6822 43.4283C55.4053 47.1805 57.412 51.2531 61.1616 52.529C64.9119 53.8052 68.9862 51.8021 70.263 48.0498C71.539 44.3002 69.5338 40.2252 65.7829 38.9488Z' fill='white'/%3E%3Cpath d='M54.7326 51.1988C54.4586 50.4563 54.0195 49.5553 53.4926 48.5878C52.348 45.2375 49.7297 42.4309 46.1194 41.2023C42.9061 40.1089 39.5546 40.4865 36.7753 41.9598C35.2722 42.5742 33.9059 43.2083 32.9741 43.7952L32.3523 44.182C29.4533 45.983 25.8452 48.2232 24.0692 53.5038C22.4206 58.4078 25.0523 63.7524 29.9362 65.4144C31.2905 65.8785 32.7337 66.0235 34.1533 65.838C35.5729 65.6525 36.9304 65.1416 38.12 64.345C38.5768 65.7022 39.3411 66.9355 40.3533 67.9486C41.3655 68.9616 42.5981 69.727 43.9549 70.1849C48.8368 71.8462 54.1813 69.2166 55.867 64.3244C57.6806 59.0566 56.1872 55.0804 54.9891 51.8852L54.7326 51.1988Z' fill='white'/%3E%3Cpath d='M48.0641 37.0311C52.1965 38.4374 56.6865 36.2274 58.0927 32.0949C59.499 27.9625 57.289 23.4725 53.1565 22.0663C49.0241 20.66 44.5341 22.87 43.1279 27.0025C41.7216 31.1349 43.9316 35.6249 48.0641 37.0311Z' fill='white'/%3E%3C/svg%3E%0A");
}


.footer-navigation {
    height: 117px;
    position: relative;
}
.footer_navigation__content {
    width: 1146px;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
}
.footer_navigation__content a {
    text-decoration: underline;
    cursor: pointer;
    color: #474747;
}
.footer_navigation__content__box-for-four-link {
    width: 881px;
    display: flex;
    justify-content: space-between;
}
.footer_navigation__content__box-for-two-link {
    width: 143px;
    display: flex;
    justify-content: space-between;
}
.copyrigh {
    margin: 0 auto;
    text-align: center;
    padding-top: 24px;
}

/*cards-page styles*/
.cards-page__body {
    width: 1366px;
    font-family: 'Gilroy';
    margin: 0 auto;
}
.cards-page__header {
    height: 118px;
    margin: 0 auto;
    position: relative;
}
.cards-page__header__content {
    width: 1146px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.cards-page__header__title {
    color: #242424;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    padding-top: 43px;
    padding-bottom: 41px;
    margin: 0;
}
.cards-page__header__select-box {
    width: 256px;
    height: 40px;
}
.cards-page__header__select {
    width: 168px;
    height: 40px;
}
.cards-page__header__select-label {
    color: #6B6B6B;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
}
.cards-page__header__select option{
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.cards-page__header__come-back-link {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 193px;
    cursor: pointer;
    text-decoration: none;
}
.cards-page__header__come-back-link:hover  .cards-page__header__come-back-icon-background{
    background: linear-gradient(155.32deg, #FFEAAF 13.8%, #F3B401 51.37%, #E2A700 87.76%);
    box-shadow: 2px 2px 4px rgba(206, 206, 206, 0.25);
}
.cards-page__header__come-back-link:hover .cards-page__header__come-back-text{
    color: #242424;
} 
.cards-page__header__come-back-link:active .cards-page__header__come-back-icon-background {
    background: linear-gradient(155.32deg, #E2A700 13.8%, #F3B401 51.37%, #FFEAAF 90.56%);
    box-shadow: 2px 2px 4px rgba(206, 206, 206, 0.25);
}
.cards-page__header__come-back-icon-background {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(155.32deg, #FFD868 13.8%, #F3B401 90.56%);
    box-shadow: 2px 2px 4px rgba(206, 206, 206, 0.25);  
}
.cards-page__header__come-back-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3998 5.65714V7.54286H4.6998L8.5998 11.3143L7.6248 13.2L0.799805 6.6L7.6248 0L8.5998 1.88571L4.6998 5.65714H16.3998Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 14px;
}
.cards-page__header__come-back-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #6B6B6B;
    padding: 0;
    margin: 0;
}
.card-page__box {
    width: 1146px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 42px;
}
.card-page__animals-card__content {
    width: 335px;
    margin: 16px auto;
    z-index: 10;
    position: relative;
}
.card-page__animals-card__content h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 20px;
    text-align: center;
    margin: 8px 0px 10px;
}
.card-page__animals-card__more-details {
    position: absolute;
    top: 504px;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #AD7F00;
    text-decoration: underline;
    cursor: pointer;
}
.card-page__animal-card__button-box {
    position: absolute;
    top: 574px;
    left: 36px;
    display: none;
}
.card-page__animals-card:hover .card-page__animal-card__button-box {
    display: block;
    z-index: 15;
}
.card-page__animals-card:hover .card-page__animals-card__content {
    z-index: 15;
}
.card-page__animals-card {
    position: relative;
    z-index: 9;
}
.card-page__animals-card:hover:after {
    content:"";
  display:block;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  transition:0.35s;
  z-index:11;
}

.our-wards__animals-card__Lunatik-foto {
    background-image: url(./img/card/Лунатик__1920-768.jpg);
}
.our-wards__animals-card__Gerda-foto {
    background-image: url(./img/card/Герда__1920-768.jpg);
}
.our-wards__animals-card__Saki-foto {
    background-image: url(./img/card/Саки__1920-768.jpg)
}
.our-wards__animals-card__Texi-foto {
    background-image: url(./img/card/Тэкси__1920-768.jpg)
}
.our-wards__animals-card__Adreantino-foto {
    background-image: url(./img/card/Андреантино__1920-768.jpg)
}
.our-wards__animals-card__Pupsik-foto {
    background-image: url(./img/card/Пупсик__1920-768.jpg)
}
.our-wards__animals-card__Mishka-foto {
    background-image: url(./img/card/Мишка__1920-768.jpg)
}
.our-wards__animals-card__Barsik-foto {
    background-image: url(./img/card/Барсик__1920-768.jpg)
}
.our-wards__animals-card__Milaha-foto {
    background-image: url(./img/card/Милаха__1920-768.jpg)
}
.our-wards__animals-card__Gray-foto {
    background-image: url(./img/card/Грэй__1920-768.jpg)
}


.card-page__animals-card__Monik:hover {
    z-index: 20;
}
.card-page__animals-card__Monik:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Lunatik:hover {
    z-index: 20;
}
.card-page__animals-card__Lunatik:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Gerda:hover {
    z-index: 20;
}
.card-page__animals-card__Gerda:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Saki:hover {
    z-index: 20;
}
.card-page__animals-card__Saki:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Texi:hover {
    z-index: 20;
}
.card-page__animals-card__Texi:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Andreantino:hover {
    z-index: 20;
}
.card-page__animals-card__Andreantino:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}

.card-page__animals-card__Pupsik:hover {
    z-index: 20;
}
.card-page__animals-card__Pupsik:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Mishka:hover {
    z-index: 20;
}
.card-page__animals-card__Mishka:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Barsik:hover {
    z-index: 20;
}
.card-page__animals-card__Barsik:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Milaha:hover {
    z-index: 20;
}
.card-page__animals-card__Milaha:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__animals-card__Gray:hover {
    z-index: 20;
}
.card-page__animals-card__Gray:hover:after {
    bottom:-145px;
    border:1px solid #FFCB38;
    z-index:14;
    border-radius:5px;
    box-shadow: 6px 6px 16px rgba(163, 163, 163, 0.6), -8px -8px 16px #FFFFFF, inset 4px 4px 16px rgba(203, 203, 203, 0.25);
    background: #F6F6F6;
}
.card-page__footer-navigation {
    padding-top: 45px;
    padding-bottom: 16px;
}


/*styles for forms*/


/*common*/
.modal-background {
    display: none;
    position: fixed;
    z-index: 19;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow-y: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    animation: forms-appearance 0.3s linear 1;
}

.form__body {
    width: 525px;
    margin: 0 auto;
    font-family: 'Gilroy';
    background: #FFFFFF;
    box-shadow: 0px 0px 22px rgba(161, 161, 161, 0.25);
    border-radius: 5px;
    position: relative;
    
}
.form__header {
    height: 74px;
}
.form__header__content {
    width: 445px;
    height: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #EEBF3A;
    position: relative;
}
.form__header__title {
    font-weight: 600;
    font-size: 28px;
    line-height: 24px;
    color: #B3B3B3;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 28px;
}

.form__close-cross {
    position: absolute;
    top: 28px;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0.6;
}
.form__close-cross:hover {
    opacity: 1;
}
.form__close-cross:before, .form__close-cross:after {
    position: absolute;
    left: 0;
    content: ' ';
    height: 20px;
    width: 2px;
    background: #81869C;
}
.form__close-cross:before {
    transform: rotate(45deg);
}
.form__close-cross:after {
    transform: rotate(-45deg);
}
.form__content__application-title {
    color: #242424;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 20px;
}
.form__content {
    width: 445px;
    margin: 0 auto;
}
.form__discription {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #6B6B6B;
    padding-bottom: 32px;
}

.inpute-box {
    position: relative;
    margin-bottom: 16px;
}

.form__input-name-and-phone__common-styles {
    width: 445px;
    height: 40px;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    margin: 0;
    padding: 0;
    padding-left: 16px;
}

.form__input__label {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #6B6B6B;
    background: white;
    z-index: 1;
    padding: 0px 5px;
}

.form__input-name-and-phone__common-styles:hover {
    border: 1px solid #FFC41E;
}
.form__input-name-and-phone__common-styles:focus {
    border: 2px solid #FFC41E;
    outline: none;
}
.form__input-name-and-phone__common-styles:focus + label {
    top: -25%;
}
.form__input-name-and-phone__common-styles:not(:placeholder-shown) + label {
    top: -25%;
}

.required-field-text {
    font-size: 14px;
    line-height: 140%;
    color: #B3B3B3;
    margin: 0;
    padding: 0;
    padding-left: 16px;
    position: relative;
    bottom: 14px;
}

.form__text-aria-mark {
    width: 445px;
    height: 76px;
    resize: none;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 14px;
    padding: 16px;
}
.form__text-aria-mark:hover {
    border: 1px solid #FFC41E;
}
.form__text-aria-mark:focus {
    border: 2px solid #FFC41E;
    outline: none;
}
.form__text-aria-mark:focus + label {
    top: 5px;
}
.form__text-aria-mark:not(:placeholder-shown) + label {
    top: 5px;
}
.text-aria-box {
    position: relative;
}
.form__text-aria-mark__label {
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #6B6B6B;
    background: white;
    z-index: 1;
    padding: 0px 5px;
}
.form__send-form-button {
    opacity: 0;
    cursor: pointer;
    width: 168px;
    height: 42px;
    border-radius: 58px;
    position: absolute;
}
.form__send-form-button__background-gold-small {
    width: 158px;
    height: 32px;
    cursor: pointer;
    border-radius: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-clip: content-box, border-box;
    background: linear-gradient(180deg, #FFECB5 0%, #FFE69F 0.01%, #FFD45A 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.form__send-form-button__background-gold-big {
    width: 168px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 58px;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background-clip: content-box, border-box;  
    background: linear-gradient(180deg, #FFDE89 0%, #FFCB38 100%);
    box-shadow: 7px 7px 16px #E3E3E3, -3px -4px 8px rgba(255, 255, 255, 0.9), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
    position: absolute;
    bottom: 30px;
    left: 40px;
}
.form__send-form-button__background-gold-small:hover {
    background: linear-gradient(180deg, #FFEEBC 0%, #FFE69F 36.46%, #FFCF48 68.23%, #FFC317 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.form__send-form-button__background-gold-big:hover {
    background: linear-gradient(180deg, #FFDC81 0%, #E6AA00 100%);
    box-shadow: 7px 7px 16px #E0E0E0, -3px -4px 8px #FFFFFF, inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.form__send-form-button__background-gold-small:active {
    background: linear-gradient(180deg, #FFE69F 0.01%, #E3B940 0.02%, #FFD24E 100%);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.form__send-form-button__background-gold-big:active {
    background: linear-gradient(180deg, #FFDE89 0%, #FFCB38 100%);
    box-shadow: 7px 7px 16px #E3E3E3, -3px -4px 8px rgba(255, 255, 255, 0.9), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.form__send-form-button:disabled .form__send-form-button__background-gold-big {
    background: #FEE39E;
    box-shadow: 7px 7px 16px #E3E3E3, -3px -4px 8px rgba(255, 255, 255, 0.9), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.form__send-form-button:disabled .form__send-form-button__background-gold-small {
    background: #FFE7A2;
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.25);
}
.form__cancel-form-button {
    width: 143px;
    height: 42px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.form__cancel-form-button__background-silver-big {
    width: 143px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 58px;
    padding: 1px;
    border-radius: 58px;
    cursor: pointer;
    background: #F6F6F6;
    box-shadow: 7px 7px 16px #E3E3E3, -4px -4px 8px rgba(255, 255, 255, 0.7), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.form__cancel-form-button__background-silver-small {
    width: 133px;
    height: 32px;
    cursor: pointer;
    border-radius: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-clip: content-box, border-box;
    background: linear-gradient(180deg, #FBFBFB 0%, #F6F6F6 100%);
    box-shadow: 3px 3px 13px rgba(128, 128, 128, 0.25);
}
.form__cancel-form-button__background-silver-big:hover {
    background: #F6F6F6;
    box-shadow: 7px 7px 16px #E3E3E3, -4px -4px 8px rgba(255, 255, 255, 0.7), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.form__cancel-form-button__background-silver-small:hover {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 53.12%, #EFECEC 100%);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25), 3px 3px 13px rgba(128, 128, 128, 0.25);
}
.form__cancel-form-button__background-silver-big:active {
    background: #F6F6F6;
    box-shadow: 7px 7px 16px #E3E3E3, -4px -4px 8px rgba(255, 255, 255, 0.7), inset 13px 22px 8px rgba(0, 0, 0, 0.02);
}
.form__cancel-form-button__background-silver-small:active {
    background: linear-gradient(180deg, #F1F1F1 1.56%, #FCFAFA 100%);
    box-shadow: 3px 3px 13px rgba(128, 128, 128, 0.25), inset 0px 4px 13px rgba(0, 0, 0, 0.06);
}
.form__button-text {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 40px;
    color: #242424;
}
.auto-help-and-volunteering__send-form-button__background-gold-big {
    Width: 234px;
}
.auto-help-and-volunteering__send-form-button__background-gold-small {
    Width: 224px;
}


/*take-at-home-form styles*/
.form-body__take-at-home-form {
    height: 735px;
    overflow: hidden;
    z-index: 20;
    margin-top: 20px;
}

.take-at-home-form__pet {
    position: relative;
    top: 17px;
    padding-bottom: 24px;
}
.take-at-home-form__pet-info__foto {
    border-radius: 50%;
    width: 95px;
    height: 95px;
}
.take-at-home-form__pet-info {
    display: inline-block;
    position: relative;
    bottom: 30px;
    left: 10px;

}
.take-at-home-form__pet-info__name {
    font-size: 20px;
    line-height: 20px;
    color: #242424;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
}
.take-at-home-form__pet-info__gender-and-age {
    font-size: 14px;
    color: #242424;
    font-style: normal;
    font-weight: 500;
    display: block;
    margin: 0;
    padding: 0;
}
.take-at-home-form__contacts, 
.take-for-some-period-form__contacts{
    color: #474747;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    padding-top: 24px;
    margin: 0;
}
.take-at-home__text-aria-mark {
    margin-top: 14px;
}


/*take-at-some-period-form styles*/
.form__body__take-for-some-period {
    height: 834px;
    overflow: hidden;
    z-index: 20;
    margin-top: 20px;  
}
.take-for-some-period-form__thanks-for-the-help {
    color: #B3B3B3;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    margin: 0;
    padding-top: 10px;
}

/*volunteering-form styles*/
.form__body__volunteering-form {
    width:  582px;
    height: 634px;
    overflow: hidden;
    z-index: 20;
    margin-top: 20px;
}
.form__discription__volunteering {
    padding: 0;
}
.volunteering-form-checkbox__const-and-sometimes-help__box {
    display: flex;
    align-items: center;
}
.volunteering-form-checkbox__const-and-sometimes-help__box label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    margin: 7px;
    padding-left: 10px;
}
.volunteering-form-checkbox__const-and-sometimes-help {
    opacity: 0;
    z-index: 10;
}
.volunteering-form-checkbox__const-and-sometimes-help--pseudo {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    border: 1px solid #F9B800;
    box-shadow: 3px 3px 4px rgba(113, 113, 113, 0.05), inset 3px 3px 2px rgba(189, 188, 188, 0.24);
}
.volunteering-form-checkbox__const-and-sometimes-help--pseudo__white-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: linear-gradient(165.96deg, #FFFFFF 5%, #F2F2F2 90%);
}
.volunteering-form-checkbox__const-and-sometimes-help:checked ~ .volunteering-form-checkbox__const-and-sometimes-help--pseudo {
    background: linear-gradient(149.04deg, #F9B800 22.92%, #FFD45B 81.94%);
}
.volunteering-form__text-aria-mark {
    margin-top: 25px;
}
.volunteering-form__text-aria-mark__label {
    top: 35px;
}
.volunteering-form__text-aria-mark:focus + label {
    top: 20px;
}
.volunteering-form__text-aria-mark:not(:placeholder-shown) + label {
    top: 20px;
}


/*auto-help-form styles*/
.form__body__auto-help-form {
    height: 962px;
    position: relative;
    overflow: hidden;
    z-index: 20;
    margin-top: 20px;
}
.auto-help-form__discription {
    padding: 0;
    margin-bottom: 32px;
}
.auto-help-form__hints {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #242424;
    margin: 0;
    padding: 22px 0px 16px 0px;
}
.auto-help-form__input-date-time__container {
    display: flex;
    justify-content: space-between;
}
#auto-help-form__input-date {
    width: 267px;
    height: 40px;
    color: gray;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 4px;
    padding-left: 15px;
}
.auto-help-form__input-time__box {
    position: relative;
}
#auto-help-form__input-time {
    width: 170px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    box-sizing: border-box;
    border-radius: 2px;
    padding-left: 16px;
    outline: none;
}
#auto-help-form__input-time:hover {
    border: 1px solid #FFC41E;
}
#auto-help-form__input-time:focus {
    border: 2px solid #FFC41E;
    outline: none;
}
#auto-help-form__input-time:focus + label {
    top: -25%;
}
#auto-help-form__input-time:not(:placeholder-shown) + label {
    top: -25%;
}
.auto-help-form__input-time__label {
    color: #6B6B6B;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 10px;
    left: 11px;
    background-color: #FFFFFF;
    padding: 0px 5px;
    z-index: 1;
}
.auto-help-form__add-date-and-time__button-box {
    position: relative;
    margin-top: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
#auto-help-form__add-date-and-time__button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    opacity: 0;
}
#auto-help-form__add-date-and-time__button:hover ~ .auto-help-form__add-date-and-time__button--pseudo {
    background: linear-gradient(155.32deg, #FFEAAF 13.8%, #F3B401 51.37%, #E2A700 87.76%);
}
#auto-help-form__add-date-and-time__button:active ~ .auto-help-form__add-date-and-time__button--pseudo {
    background: linear-gradient(155.32deg, #E2A700 13.8%, #F3B401 51.37%, #FFEAAF 90.56%);
}
#auto-help-form__add-date-and-time__button:disabled ~ .auto-help-form__add-date-and-time__button--pseudo {
    background: #D6D6D6;
}
.auto-help-form__add-date-and-time__label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6B6B6B;
    padding-left: 12px;
}
.auto-help-form__add-date-and-time__button--pseudo {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(155.32deg, #FFD868 13.8%, #F3B401 90.56%);
    box-shadow: 2px 2px 4px rgba(206, 206, 206, 0.25);
    position: absolute;
    top: 0;
}

.auto-help-form__add-date-and-time__button-cross-white--pseudo {
    width: 10px;
    height: 10px;
    z-index: 5;
}
.auto-help-form__add-date-and-time__button-cross-white--pseudo:before, 
.auto-help-form__add-date-and-time__button-cross-white--pseudo:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 9px;
    height: 11px;
    width: 2px;
    background: #FFFFFF;
}
.auto-help-form__add-date-and-time__button-cross-white--pseudo:before {
    transform: rotate(90deg);
}

.auto-help-form__checkbox__box label{
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #6B6B6B;
    padding-left: 12px;
}
.auto-help-form__checkbox__box {
    display: flex;
    align-items: center;
    margin-bottom: 9px;
    position: relative;  
}
.auto-help-form__checkbox {
    position: relative;
    z-index: 10;
    opacity: 0;
}
.auto-help-form__checkbox:checked ~ .auto-help-form__checkbox--pseudo {
    background: linear-gradient(168.69deg, #FFD96F -1.56%, #FFC82B 52.74%, #F4B500 93.23%);
}
.auto-help-form__checkbox--pseudo {
    width: 14px;
    height: 14px;
    border: 1px solid #F9B800;
    position: absolute;
    left: 2px;
    border-radius: 2px;
    box-shadow: 3px 3px 4px rgba(113, 113, 113, 0.05), inset 3px 3px 2px rgba(189, 188, 188, 0.24);
}
.auto-help-form__checkbox--pseudo__white-check-mark {
    position: absolute;
    top: 6px;
    left: 0px;
    z-index: 2;
}
.auto-help-form__checkbox--pseudo__white-check-mark:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 2px;
    width: 5px;
    height: 2px;   
    background: #FFFFFF;
    transform:rotate(45deg);
    z-index: 2;	
}
.auto-help-form__checkbox--pseudo__white-check-mark:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 2px;    
    transform: rotate(-40deg);
    background: #FFFFFF;
    left: 4px;
    top: 0px;
    z-index: 2;
}
.auto-help-form__text-aria-mark {
    position: relative;
    margin-top: 32px;
}
.auto-help-form__text-aria__label {
    position: absolute;
    top: 40px;
}
.auto-help-form__text-aria-mark:focus + label {
    top: 20px;
}
.auto-help-form__text-aria-mark:not(:placeholder-shown) + label {
    top: 20px;
}
/*contacts-volunteering*/
.contacts-volunteering__body {
    width: 525px;
    height: 363px;
    margin: 0 auto;
    background: #FFFFFF;
    box-shadow: 0px 0px 22px rgba(161, 161, 161, 0.25);
    border-radius: 5px;
    font-family: 'Gilroy';
    overflow: hidden;
    z-index: 20;
    margin-top: 20px;  
}

.contacts-volunteering__header {
    height: 74px;
}
.contacts-volunteering__header__content {
    width: 445px;
    height: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #EEBF3A;
    position: relative;
}
.contacts-volunteering__header__title {
    font-weight: 600;
    font-size: 28px;
    line-height: 24px;
    color: #B3B3B3;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 28px;
}

.contacts-volunteering__content {
    width: 445px;
    margin: 0 auto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    color: #242424;
}