.socials-section {
	padding: 60px 0;
	overflow-x: clip;
}

.socials-section h2 {
	margin: 0;
}

.socials-icons {
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-icon {
    position: relative;
    display: block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid rgba(233, 246, 244, 1);
    background: rgba(255, 255, 255, 1);
    z-index: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.social-icon:not(:last-child) {
    margin-right: -40px;
}

.social-icon-telegram::before,
.social-icon-max::before,
.social-icon-whatsapp::before,
.social-icon-vkontakte::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    mask-repeat: no-repeat;
    mask-size: cover;
    background: rgba(44, 111, 95, 1);
}

.social-icon-max::before {
	width: 54px;
	height: 54px;
    mask-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.0631 0.0380977C9.97753 0.881509 -0.640821 13.5404 0.0300553 29.5033C0.323082 36.4905 3.12226 42.5027 3.78542 49.1339C3.95507 50.8517 3.46155 52.9718 5.43562 53.7224C7.86466 54.6432 11.5892 53.0956 13.6249 51.6796C14.319 51.2076 14.9821 50.6582 15.4911 49.9773C17.5962 51.3779 19.5934 52.732 22.0996 53.3355C33.1343 55.9895 45.2255 49.9154 50.6003 40.1582C60.702 21.8275 47.0454 -1.06066 26.0631 0.0380977ZM19.8171 38.2934C18.9457 38.9743 18.1052 39.9028 17.1413 40.4367C15.7455 41.1873 15.3137 40.4058 14.7893 39.1677C13.1391 35.2292 12.9386 28.5206 13.9025 24.3964C15.198 18.7866 19.524 13.8499 25.4694 13.3238C31.4841 12.7899 37.0671 15.854 39.5886 21.3865C45.1716 33.6972 30.8827 45.8531 19.8171 38.3011V38.2934Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
}

.social-icon-telegram::before {
	width: 53px;
	height: 44px;
    mask-image: url("data:image/svg+xml,%3Csvg width='53' height='44' viewBox='0 0 53 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.4861 4.20772C51.7663 11.7617 48.6468 30.1206 47.0631 38.5829C46.3912 42.1686 45.0474 43.3639 43.7996 43.5073C41.0161 43.7464 38.9045 41.6905 36.2169 39.9216C31.9936 37.1486 29.594 35.4275 25.5147 32.7501C20.7635 29.6425 23.835 27.9213 26.5705 25.1484C27.2904 24.4312 39.5763 13.2916 39.8163 12.2876C39.8496 12.1355 39.8452 11.9776 39.8034 11.8276C39.7616 11.6777 39.6836 11.5401 39.5763 11.427C39.2884 11.1879 38.9045 11.2836 38.5685 11.3314C38.1366 11.427 31.4177 15.8733 18.316 24.6703C16.3963 25.9611 14.6686 26.6305 13.1328 26.5827C11.4051 26.5349 8.14167 25.6265 5.69409 24.8137C2.6706 23.8575 0.319001 23.3316 0.510969 21.6583C0.606953 20.7977 1.80675 19.9371 4.06237 19.0287C18.076 12.9569 27.3864 8.94088 32.0416 7.02849C45.3834 1.48256 48.1189 0.526367 49.9426 0.526367C50.3265 0.526367 51.2384 0.621986 51.8143 1.10008C52.2942 1.48256 52.4382 2.00847 52.4861 2.39095C52.4382 2.67781 52.5341 3.53838 52.4861 4.20772Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
}

.social-icon-whatsapp::before {
	width: 50px;
	height: 51px;
    mask-image: url("data:image/svg+xml,%3Csvg width='50' height='51' viewBox='0 0 50 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.7136 7.30148C40.4097 4.98675 37.6659 3.15141 34.642 1.9024C31.6181 0.653397 28.3746 0.0157093 25.1005 0.0265019C11.3819 0.0265019 0.201005 11.1515 0.201005 24.8014C0.201005 29.1764 1.35678 33.4264 3.51759 37.1764L0 50.0264L13.191 46.5764C16.8342 48.5514 20.9296 49.6014 25.1005 49.6014C38.8191 49.6014 50 38.4764 50 24.8264C50 18.2015 47.4121 11.9765 42.7136 7.30148ZM25.1005 45.4014C21.3819 45.4014 17.7387 44.4014 14.5477 42.5264L13.794 42.0764L5.95477 44.1264L8.0402 36.5264L7.53769 35.7514C5.47122 32.4691 4.37418 28.6746 4.37186 24.8014C4.37186 13.4515 13.6683 4.20149 25.0754 4.20149C30.603 4.20149 35.804 6.35149 39.6985 10.2515C41.6272 12.1611 43.1556 14.4328 44.195 16.9348C45.2345 19.4367 45.7643 22.1192 45.7538 24.8264C45.804 36.1764 36.5075 45.4014 25.1005 45.4014ZM36.4573 30.0014C35.8291 29.7014 32.7638 28.2014 32.2111 27.9764C31.6332 27.7764 31.2312 27.6764 30.804 28.2764C30.3769 28.9014 29.196 30.3014 28.8442 30.7014C28.4925 31.1264 28.1156 31.1764 27.4874 30.8514C26.8593 30.5514 24.8492 29.8764 22.4874 27.7764C20.6281 26.1264 19.397 24.1014 19.0201 23.4764C18.6683 22.8514 18.9698 22.5264 19.2965 22.2014C19.5729 21.9264 19.9246 21.4764 20.2261 21.1264C20.5276 20.7764 20.6533 20.5014 20.8543 20.1014C21.0553 19.6765 20.9548 19.3265 20.804 19.0265C20.6533 18.7265 19.397 15.6765 18.8945 14.4265C18.392 13.2265 17.8643 13.3765 17.4874 13.3515H16.2814C15.8543 13.3515 15.201 13.5015 14.6231 14.1265C14.0703 14.7515 12.4623 16.2515 12.4623 19.3015C12.4623 22.3514 14.6985 25.3014 15 25.7014C15.3015 26.1264 19.397 32.3764 25.6281 35.0514C27.1105 35.7014 28.2663 36.0764 29.1709 36.3514C30.6533 36.8264 32.01 36.7514 33.0905 36.6014C34.2965 36.4264 36.7839 35.1014 37.2864 33.6514C37.8141 32.2014 37.8141 30.9764 37.6382 30.7014C37.4623 30.4264 37.0854 30.3014 36.4573 30.0014Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
}

.social-icon-vkontakte::before {
	width: 48px;
	height: 49px;
    mask-image: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.36 3.38637C6.35783e-07 6.77837 0 12.2024 0 23.0664V24.9864C0 35.8344 6.35783e-07 41.2584 3.36 44.6664C6.752 48.0264 12.176 48.0264 23.04 48.0264H24.96C35.808 48.0264 41.232 48.0264 44.64 44.6664C48 41.2744 48 35.8504 48 24.9864V23.0664C48 12.2184 48 6.79437 44.64 3.38637C41.248 0.0263678 35.824 0.0263672 24.96 0.0263672H23.04C12.192 0.0263672 6.768 0.0263678 3.36 3.38637ZM8.096 14.6344H13.6C13.776 23.7864 17.808 27.6584 21.008 28.4584V14.6344H26.176V22.5224C29.328 22.1864 32.656 18.5864 33.776 14.6184H38.928C38.5076 16.6723 37.6683 18.6175 36.4626 20.3325C35.2568 22.0476 33.7104 23.4957 31.92 24.5864C33.9185 25.5807 35.6834 26.9875 37.0983 28.714C38.5131 30.4405 39.5457 32.4475 40.128 34.6024H34.448C33.232 30.8104 30.192 27.8664 26.176 27.4664V34.6024H25.536C14.592 34.6024 8.352 27.1144 8.096 14.6344Z' fill='%232C6F5F'/%3E%3C/svg%3E%0A");
}

@media all and (max-width: 1199px) {
    .social-icon {
        width: 130px;
        height: 130px;
    }
   	.social-icon:not(:last-child) {
    	margin-right: -30px;
	}
}

@media all and (max-width: 959px) {
	.socials-section {
		padding: 40px 0;
	}
    .social-icon {
        width: 110px;
        height: 110px;
    }
    .social-icon-max::before {
		width: 40px;
    	height: 40px;
    	mask-size: 40px;
	}
	.social-icon-telegram::before {
		width: 40px;
    	height: 33px;
    	mask-size: 40px;
	}
	.social-icon-whatsapp::before {
		width: 38px;
		height: 39px;
		mask-size: 38px;
	}
	.social-icon-vkontakte::before {
		width: 36px;
		height: 37px;
		mask-size: 36px;
	}
}

@media all and (max-width: 767px) {
	.socials-section h2 {
		margin: 0 0 26px;
	}
	.socials-section h2 br {
		display: none;
	}
    .social-icon {
        width: 90px;
        height: 90px;
    }
    .social-icon:not(:last-child) {
    	margin-right: -16px;
	}
	.social-icon-max::before {
		width: 32px;
    	height: 32px;
    	mask-size: 32px;
	}
   	.social-icon-telegram::before {
		width: 34px;
    	height: 27px;
    	mask-size: 34px;
	}
	.social-icon-whatsapp::before {
		width: 32px;
		height: 33px;
		mask-size: 32px;
	}
	.social-icon-vkontakte::before {
		width: 30px;
        height: 31px;
        mask-size: 30px;
	}
}

@media all and (min-width:1025px) {
	.social-icon:hover {
		z-index: 10;
		background: rgba(44, 111, 95, 1);
		-webkit-box-shadow: 0px 20px 40px rgba(44, 111, 95, 0.15);
		box-shadow: 0px 20px 40px rgba(44, 111, 95, 0.15);
	}
	.social-icon:hover:before {
		background: rgba(255, 255, 255, 1);
	}
}