.footer {padding: 60px 0; background-color: var(--three); color: var(--one);}
.footer .row-gap {row-gap: 30px;}
.footer .col-12 {display: flex; flex-direction: column; row-gap: 35px;}
.footer .logo svg {height: 82px; max-width: 500px; width: 245px;}
.footer .logo svg * {fill: var(--zero) !important;}
.footer h2 {font-size: 24px; font-weight: 400;}
.footer .social-media {display: flex; gap: 20px;}
.footer .social-media a {color: var(--light); white-space: nowrap; padding: 10px 0; display: flex; gap: 10px; flex-wrap: nowrap; align-items: center;}
.footer .social-media li:hover {opacity: 0.7;}
.footer .social-media svg {display: block; height: 15px; width: 15px;}
.footer .social-media li svg * {fill: var(--one);}
.footer .widget-area {display: flex; flex-direction: column; row-gap: 35px;}
.footer .widget-area .menu {display: flex; flex-direction: column; gap: 15px;}
.footer .widget-area .menu .menu-item a {font-size: 20px; color: var(--one);}
.footer .widget-area .menu .menu-item:hover a {opacity: 0.7;}
.footer .widget-area .menu .menu-item.current_page_item a {color: var(--two); display: flex; gap: 15px; align-items: center;}
.footer .widget-area .menu .menu-item.current_page_item a:after {content: ''; width: 40px; height: 3px; display: block; background-color: var(--two);}
.footer .contact-data {display: flex; flex-direction: column; row-gap: 35px;}
.footer .phones-block,
.footer .mails-block {display: flex; gap: 15px; align-items: center;}
.footer .details-block {display: flex; gap: 15px; align-items: start;}
.footer .phones-block .icon {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); border-radius: 34px;}
.footer .phones-block svg {width: 14px; height: auto;}
.footer .phones-block svg * {fill: var(--one);}
.footer .phones-block .phones li a {color: var(--one);}
.footer .phones-block .phones li:hover a {opacity: 0.7;}
.footer .mails-block .icon {width: 34px; height: 34px; min-width: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); border-radius: 34px;}
.footer .mails-block svg {width: 14px; height: auto;}
.footer .mails-block svg * {fill: var(--one);}
.footer .mails-block .mails li a {color: var(--one);}
.footer .mails-block .mails li:hover a {opacity: 0.7;}
.footer .details-block .icon {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); border-radius: 34px;}
.footer .details-block svg {width: 14px; height: auto;}
.footer .details-block svg * {fill: var(--one);}
.footer .details-block .mails li a {color: var(--one);}
.footer .details-block .mails li:hover a {opacity: 0.7;}
.footer .details-block .mails li:hover a {opacity: 0.7;}
.copyrights {padding: 25px; width: 100%; background-color: var(--two); display: flex; justify-content: center; color: var(--one);}
.copyrights a {color: var(--one);}
.copyrights a:hover {opacity: 0.7;}
.cookie-bar {display: none; font-size: 14px; gap: 30px; align-items: center; justify-content: space-around; background: var(--three); color: var(--one); position: sticky; bottom: 0; z-index: 10000; padding: 25px 0;}
.cookie-bar .info {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.cookie-bar .info * {margin: 0;}
.cookie-bar .info .accept {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one); border: solid 1px var(--one);}
.cookie-bar .info .accept:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent; cursor: pointer;}

.scrolltotop {position: fixed; bottom: 130px; right: 30px; display: flex; height: 50px; width: 50px; justify-content: center; align-items: center; z-index: 1000; background-color: var(--three);}
.scrolltotop:hover {background-color: var(--four); cursor: pointer;}
.scrolltotop svg * {fill: var(--one);}

@media (max-width: 767.98px) {
	.footer .logo {text-align: center;}
	.footer .short-description {text-align: center;}
	.footer .social-media {justify-content: center;}
	.footer .widget-area .widgettitle {text-align: center; margin: 0;}
	.footer .widget-area .menu {align-items: center;}
	.footer .widget-area p {text-align: center;}
	.footer .contact-data {text-align: center;}
	.footer .phones-block {justify-content: center;}
	.footer .mails-block {justify-content: center;}
	.footer .details-block {justify-content: center;}
	.cookie-bar {font-size: 12px; text-align: center;}
	.cookie-bar .info {flex-direction: column; gap: 15px;}
	.cookie-bar .info .accept {padding: 5px 10px;}
}

@media (max-width: 575.98px) {
	.copyrights{flex-direction: column; align-items: center;}
}