/**
* Файл стилей для настройки шаблона.
* Регистрировать этот файл для подключения в шаблоне не нужно
*/

:root {
	--button-color: #5b4bd9;
	--button-text: rgba(255,255,255,.98);
	--button-color-hover: #f46610;
	--button-text-hover: #fff;
	--basic-company: #5b4bd9;
	--second-company: #f46610;
	--third-company: #fff2e1;
	--second-text: #525252;
	--svg-color: #f46610;
	--basic-company-text: #323232;
	--second-company-text: #323232;
	--bg: #fff;
	--bg-footer: #efeff4;
	--bg-header: #313036;
	--white-color: #fff;
	--body-text: rgba(50,50,50,.84);
	--body-heading: #323232;
	--boxed-color: #f3f2f5;
	--boxed-text: #242824;
	--grey-bg: #f7f7f9;
	--pagination-color: #f46610;
	--button-second-color: #fff2e1;
	--button-second-text: #414141;
	--button-second-color-hover: #ffe3bf;
	--shadow-color: 0px 4px 16px 0px rgba(0, 3, 61, .06);
	--border-color: #cecedb;
	--fa-style-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
	--fa-display: inline-block;
	--border-radius: 5px;
}

.jssocials-share-logo, .footer__social {
	--fa-style: 500;
}

.jssocials-share-logo.fa-volume-control-phone {
	--fa-style: 600;
}