documentation-block .documentation__block{border:1px solid var(--block-tertiary-border-color)}documentation-block .title{font-size:var(--h1-secondary-font-size);text-align:center;margin-bottom:60px}documentation-block .item{display:flex;background-color:var(--additional-bg-color)}documentation-block .item__image{justify-content:center;min-width:70px;height:70px;background-color:var(--bg-primary-color)}documentation-block .item__title{width:100%;padding:24px}documentation-block .item__title h3{font-weight:var(--text-font-weight)}documentation-block .item__image,documentation-block .item__title{display:flex;align-items:center}documentation-block .item__btn{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:195px;color:var(--button-primary-normal-font-color);background-color:rgba(0,0,0,0);font-size:15px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border-left:1px solid var(--block-tertiary-border-color)}documentation-block .item__btn::after{content:"";width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none'%3E%3Cpath d='M60 15V85M60 85L30 55M60 85L90 55' stroke='white' stroke-width='12' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .3s ease}documentation-block .item__btn:hover{background:var(--bg-tertiary-color)}documentation-block .item__btn:hover::after{transform:translateY(4px)}documentation-block .item__btn:active{background:var(--button-primary-normal-fill-color)}documentation-block .item__btn.active{background:var(--button-primary-normal-fill-color)}documentation-block .item:not(:last-child){border-bottom:1px solid var(--block-tertiary-border-color)}
footer{background-image:url(/assets/images/footer-background.jpg);background-size:cover}footer .footer__wrapper{display:flex;justify-content:space-between;padding:60px 265px}footer .footer__logo{max-width:340px}footer .footer__socials{display:flex;gap:24px}footer .footer__socials div{width:46px;height:46px;background-color:var(--additional-bg-color)}footer .footer__socials div a{display:flex;align-items:center;justify-content:center;height:100%}footer .footer__description{font-size:var(--text-ad-font-size);color:var(--text-secondary-color);line-height:140%;margin-top:30px}footer .footer__nav ul{display:flex;flex-direction:column;gap:24px}footer .footer__nav li{font-size:var(--link-primary-font-size)}footer .footer__nav li a{color:var(--text-secondary-color)}footer .footer__nav li:hover a{color:var(--accent-color)}footer .footer__contacts{display:flex;flex-direction:column;gap:60px}footer .footer__contacts .communication .phone,footer .footer__contacts .communication .mail{display:flex}footer .footer__contacts .communication .phone a,footer .footer__contacts .communication .mail a{font-size:var(--link-primary-font-size);color:var(--text-secondary-color);margin-left:24px}footer .footer__contacts .communication .phone:hover a,footer .footer__contacts .communication .mail:hover a{color:var(--accent-color)}footer .footer__contacts .communication .phone{margin-bottom:40px}footer .footer__contact-item{display:flex;align-items:center}footer .footer__bottom{display:flex;align-items:center;justify-content:center;height:50px;background-color:var(--bg-tertiary-color)}footer .footer__bottom .dev-link{width:fit-content}footer .footer__bottom .dev-link span,footer .footer__bottom .dev-link a{font-size:var(--link-secondary-font-size);font-weight:var(--link-primary-font-weight);color:var(--text-secondary-color)}footer .footer__bottom:hover .dev-link a{color:var(--accent-color)}
header-component{position:sticky;top:0;z-index:1000;display:block}header-component .header{position:relative;transition:transform .3s ease}header-component .header__contact-info{display:flex;justify-content:space-between;width:100%}header-component .header__additional-section{display:flex;justify-content:center;min-height:50px;padding:0 265px;background-color:var(--additional-bg-color);transition:max-height .3s ease;transition:transform .3s ease}header-component .header__additional-section .contact-info{display:flex;justify-content:space-between;width:100%}header-component .header__additional-section .contact-info__item{align-content:center;font-size:var(--link-secondary-font-size);color:var(--link-primary-font-color)}header-component .header__additional-section .contact-info__item:hover{color:var(--link-hover-color)}header-component .header__main-section{top:0;padding:0 265px;background-color:#fff;transition:transform .3s ease}header-component .header__main-section .top{display:flex;padding:20px 0;border-bottom:1px solid var(--block-primary-border-color)}header-component .header__main-section .top .interactive-block{display:flex;justify-content:end;width:100%;gap:15px}header-component .header__main-section .top .interactive-block .search-block{width:100%;justify-items:end;align-content:center}header-component .header__main-section .top .interactive-block .search-block .search-bar{display:flex;height:100%;width:100%;max-width:435px;max-height:40px;background:var(--bg-secondary-color)}header-component .header__main-section .top .interactive-block .search-block .search-bar input{flex:1;padding:0 15px}header-component .header__main-section .top .interactive-block .search-block .search-bar button{width:44px;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center}header-component .header__main-section .top .interactive-block .log-in-block{align-content:center}header-component .header__main-section .bottom{display:flex}header-component .header__main-section .bottom .header__categories{position:relative}header-component .header__main-section .bottom .header__categories .categories-trigger{display:flex;align-items:center;gap:10px;min-width:370px;background:var(--additional-bg-color);color:#fff;padding:30px 24px;text-transform:uppercase;font-size:19px;font-weight:700;cursor:pointer}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown{position:absolute;max-height:500px;top:100%;left:0;min-width:370px;background:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:100;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown .category-item{display:flex;align-items:center;max-height:63px;min-height:48px;padding:24px;border:1px solid var(--block-primary-border-color);border-top:none;color:var(--text-primary-color);font-weight:700;text-transform:uppercase;font-size:var(--nav-link-secondary-font-size);text-decoration:none;transition:.2s;background-color:#fff}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown .category-item:hover{background:#fff;padding-left:28px}header-component .header__main-section .bottom .header__categories .categories-trigger:hover .categories-dropdown{opacity:1;visibility:visible;transform:translateY(0)}header-component .header__navigation{width:100%;align-self:flex-end;padding:0 50px}header-component .header__navigation .navigation__list{display:flex;justify-content:space-between;overflow:hidden}header-component .header__navigation .navigation__list .menu__item{display:flex;justify-content:end;flex-direction:column;align-items:end}header-component .header__navigation .navigation__list .menu__item .underline{left:0;bottom:0;width:140px;height:28px;overflow:visible}header-component .header__navigation .navigation__list .menu__item .track{fill:none;stroke:var(--accent-color);stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:butt}header-component .header__navigation .navigation__list .menu__item .dot{fill:var(--accent-color);opacity:0}header-component .header__navigation .navigation__list .menu__item p{color:var(--text-primary-color);font-weight:var(--nav-link-secondary-font-weight);font-size:var(--nav-link-primary-font-size);align-self:center;transition:color .3s ease}header-component .header__navigation .navigation__list .menu__item:hover p{color:var(--accent-color)}header-component .hide-home-elements .categories-dropdown{opacity:0 !important;visibility:hidden !important;transform:translateY(-10px) !important;pointer-events:none}header-component .hide-home-elements .header__main-section{transform:translateY(-50px)}header-component .hide-home-elements .header__categories:hover .categories-dropdown{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:all}
