.icon {
    position: relative;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.icon-wrap {
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 1);
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.icon-phone {
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1.5C10.5 1.5 12.1504 1.64991 14.2499 3.75009C16.3501 5.85026 16.5 7.5 16.5 7.5' stroke='%232C6F5F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10.5 4.5C10.5 4.5 11.2 4.69943 12.2499 5.74965C13.2999 6.79986 13.5 7.5 13.5 7.5' stroke='%232C6F5F' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10.9169 11.661L10.5756 12.021C10.5756 12.021 9.76339 12.8753 7.54714 10.542C5.33089 8.20879 6.14314 7.35454 6.14314 7.35454L6.35839 7.12729C6.88789 6.56929 6.93814 5.67379 6.47539 5.01979L5.53039 3.68254C4.95739 2.87254 3.85114 2.76604 3.19489 3.45679L2.01814 4.69504C1.69339 5.03779 1.47589 5.48104 1.50214 5.97379C1.56964 7.23379 2.10814 9.94354 5.11114 13.1063C8.29639 16.4588 11.2851 16.5923 12.5069 16.4715C12.8939 16.434 13.2299 16.2248 13.5006 15.9398L14.5656 14.8178C15.2856 14.0603 15.0831 12.7628 14.1621 12.2333L12.7296 11.4083C12.1251 11.061 11.3894 11.163 10.9169 11.6603' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
    background: rgba(44, 111, 95, 1);
    width: 18px;
    height: 18px;
}

.icon-vkontakte {
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.508806H3.09291C3.19181 5.54644 5.45754 7.67774 7.25574 8.11809V0.508806H10.1598V4.85068C11.9311 4.66573 13.8012 2.68415 14.4306 0.5H17.3257C17.0894 1.63056 16.6178 2.70128 15.9403 3.64531C15.2627 4.58934 14.3937 5.38642 13.3876 5.98679C14.5106 6.5341 15.5024 7.30848 16.2975 8.25882C17.0925 9.20916 17.6728 10.3139 18 11.5H14.8082C14.1249 9.41273 12.4166 7.79223 10.1598 7.57206V11.5H9.8002C3.65035 11.5 0.143856 7.3783 0 0.508806Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 12px;
    background: rgba(44, 111, 95, 1);
}

.icon-telegram {
    mask-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4957 1.11297C16.2742 3.39671 15.3144 8.94709 14.8271 11.5055C14.6204 12.5895 14.2069 12.9509 13.823 12.9942C12.9665 13.0665 12.3168 12.445 11.4898 11.9102C10.1903 11.0718 9.45201 10.5515 8.19684 9.74207C6.73493 8.80255 7.68 8.2822 8.52171 7.44386C8.74321 7.22705 12.5235 3.85925 12.5973 3.55571C12.6076 3.50974 12.6062 3.46201 12.5933 3.41667C12.5805 3.37133 12.5565 3.32975 12.5235 3.29554C12.4349 3.22327 12.3168 3.25217 12.2134 3.26663C12.0805 3.29554 10.0131 4.63977 5.98183 7.29932C5.39116 7.68958 4.85956 7.89194 4.38702 7.87748C3.85542 7.86303 2.85128 7.5884 2.09818 7.34268C1.16788 7.0536 0.444308 6.89461 0.503375 6.38871C0.532908 6.12854 0.902077 5.86836 1.59611 5.59374C5.908 3.75807 8.77274 2.54392 10.2051 1.96576C14.3103 0.289083 15.152 0 15.7131 0C15.8312 0 16.1118 0.028908 16.289 0.173449C16.4367 0.289082 16.481 0.448078 16.4957 0.56371C16.481 0.650435 16.5105 0.910609 16.4957 1.11297Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
    width: 17px;
    height: 13px;
    background: rgba(44, 111, 95, 1);  
}

.icon-max {
    mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.68772 0.0126992C3.32584 0.293836 -0.213607 4.51347 0.0100184 9.83444C0.107694 12.1635 1.04075 14.1676 1.26181 16.378C1.31836 16.9506 1.15385 17.6573 1.81187 17.9075C2.62155 18.2144 3.86306 17.6985 4.54165 17.2265C4.77298 17.0692 4.99404 16.8861 5.16369 16.6591C5.86541 17.126 6.53114 17.5773 7.36653 17.7785C11.0448 18.6632 15.0752 16.6385 16.8668 13.3861C20.234 7.27584 15.6818 -0.353553 8.68772 0.0126992ZM6.60569 12.7645C6.31523 12.9914 6.03505 13.3009 5.71375 13.4789C5.24851 13.7291 5.10457 13.4686 4.92978 13.0559C4.37971 11.7431 4.31288 9.50688 4.63418 8.13214C5.06601 6.2622 6.50801 4.61664 8.4898 4.44125C10.4947 4.26329 12.3557 5.28466 13.1962 7.12882C15.0572 11.2324 10.2942 15.2844 6.60569 12.767V12.7645Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 18px;
    background: rgba(44, 111, 95, 1);  
}


.icon-arrow {
    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.8 1.00024C8.76462 4.90025 12.5077 7.00025 15 7.00025M15 7.00025C12.5077 7.00025 8.76462 9.10025 7.8 13.0002M15 7.00025H1' stroke='%23F1E8F4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 16px;
    height: 14px;
    background: rgba(255, 255, 255, 1);
}

.icon-tv {
    mask-image: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='18' height='14' rx='3' stroke='%23F1E8F4' stroke-width='1.5'/%3E%3Ccircle cx='5' cy='5' r='1' fill='%23F1E8F4'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 16px;
}

.icon-search {
    mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5' stroke='%23ADD5CD' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M10 10L13 13' stroke='%23ADD5CD' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
}

.icon-place {
    mask-image: url("data:image/svg+xml,%3Csvg width='26' height='31' viewBox='0 0 26 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 10.7254C22 16.4212 17.0599 20.9916 14.4997 22.9778C13.6023 23.6741 12.3977 23.6741 11.5003 22.9778C8.94007 20.9916 4 16.4212 4 10.7254C4 5.63037 8.02944 1.5 13 1.5C17.9706 1.5 22 5.63037 22 10.7254Z' stroke='%23602C78' stroke-width='2'/%3E%3Ccircle cx='13' cy='8' r='3' stroke='%23602C78' stroke-width='2'/%3E%3Cpath d='M22.3681 23C24.0149 23.6848 25 24.5541 25 25.5C25 27.7091 19.6274 29.5 13 29.5C6.37258 29.5 1 27.7091 1 25.5C1 24.5541 1.98508 23.6848 3.63194 23' stroke='%23602C78' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 26px;
    height: 31px;
    background: rgba(96, 44, 120, 1);
}

.icon-doc {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='34' viewBox='0 0 26 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4C1 2.34315 2.34315 1 4 1H18.7574C19.553 1 20.3161 1.31607 20.8787 1.87868L24.1213 5.12132C24.6839 5.68393 25 6.44699 25 7.24264V30C25 31.6569 23.6569 33 22 33H4C2.34315 33 1 31.6569 1 30V4Z' stroke='%23602C78' stroke-width='2'/%3E%3Cpath d='M13 11V19M13 19C13 17.5 15 15 17 15M13 19C13 17.5 11 15 9 15M9 23H17' stroke='%23834E98' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 7H21C19.8954 7 19 6.10457 19 5V2' stroke='%23602C78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 26px;
    height: 34px;
}

header.sticky .icon-wrap {
    background-color: rgba(233, 246, 244, 1);
}

.icon.reverse {
    transform: scaleX(-1);
}

@media all and (max-width:959px) {
    .icon-arrow {
        width: 14px;
        height: 11px;
        mask-size: 14px;
    }
    .icon-doc {
        width: 18px;
        height: 26px;
    }
}

@media all and (max-width:574px) {
    .icon-place {
        width: 20px;
        height: 24px;
        mask-size: 20px;
    }
}

@media all and (min-width:1025px) {
    a:hover .icon-wrap {
        background: rgba(44, 111, 95, 1);
    }
    a:hover .icon-wrap .icon {
        background: rgba(255, 255, 255, 1);
    }
}