/* =============================================================================
   Global: global/footer.css
   Extracted from style.css. Loaded on every page.
============================================================================= */

.footer {background: var(--backgrondColorBlack);padding: 60px 0 10px;position: relative;}
.footer::before {content: "";position: absolute;left: -470px; bottom: -450px;width: 1018.421px;height: 620.526px;opacity: 0.72;pointer-events: none; background: radial-gradient(50% 50% at 50% 50%, #FB4545 0%, rgba(251, 69, 69, 0.00) 100%);}
.footer * {color: #fff;}
.footer h4 {font-size: 16px;margin-bottom: 14px;pointer-events: none;}
.footer ul {padding-left: 0;list-style: none;margin-bottom: 0;}
.footer  a {text-decoration: none;}
.footer-top .outer_part {display: flex;flex-wrap: wrap;gap: 20px;justify-content: space-between;}
.footer-top li {margin-bottom: 1px;font-size: 14px;}
.footer-top  p {font-size: 14px;}
.footer-top .card.last {width: 20%;}
.footer-top .card .all-link {margin-top: 12px;}
.footer-top .card .all-link a {font-family: var(--font-semibold);font-weight: var(--font-weight-semibold);display: flex;align-items: center;gap: 8px;}
.footer-top  a:hover {color: var(--backgrondColorRed);}
.footer-top .card .all-link a .arrow {transform: unset;top: unset;margin-left: 0;}
.footer-top .card .all-link a:hover .arrow {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'><path d='M12.0784 5.84462L7.35779 1.12403C7.13573 0.901965 6.77497 0.901577 6.55338 1.12316C6.3318 1.34474 6.33219 1.70551 6.55425 1.92757L10.3012 5.67452L0.805546 5.66553C0.491096 5.66519 0.236641 5.91965 0.236979 6.2341C0.237318 6.54855 0.49232 6.80355 0.80677 6.80389L10.3024 6.81288L6.56352 10.5518C6.34194 10.7734 6.34232 11.1341 6.56438 11.3562C6.78644 11.5782 7.14721 11.5786 7.36879 11.3571L12.078 6.64781C12.3008 6.42745 12.3004 6.06668 12.0784 5.84462Z' fill='%23fb4545'/></svg>") no-repeat center center;background-size: contain;}
.footer .card.last a {text-decoration: underline;}
.footer_bottom :is(p, li, a) {font-size: 12px;}
.footer_bottom .outer_part {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;position: relative;}
.footer_bottom ul {display: flex;flex-wrap: wrap;align-items: center;}
.footer_bottom li {position: relative;}
.footer_bottom li:not(:last-child)::after {content: "-";margin: 0 5px;}
.footer_bottom a:hover {text-decoration: underline;}
.footer-top, .footer_bottom {position: relative;}

@media only screen and (max-width:1023px) {
    .footer  .arrow-left {max-width: 35vw;}
    .footer-top .outer_part .card {width: calc(33.33% - 14px);}
    .footer-top .outer_part {gap: 40px 20px;}
    .footer_bottom .outer_part {justify-content: center;}
    .footer_bottom .outer_part .left {width: 100%;order: 2;text-align: center;}
    .footer_bottom .outer_part .right {width: 100%;}
    .footer_bottom ul {justify-content: center;}
}

@media only screen and (max-width:767px) {
    .footer-top .outer_part .card {width: 100%;}
    .footer .card:not(.last) {border-bottom: 1px solid #4D4D4D;}
    .footer .card:first-child.card:not(.last) {border-top: 1px solid #4D4D4D;}
    .footer .card:not(.last) h4 {position: relative;padding: 15px 0;margin-bottom: 0;pointer-events: all;cursor: pointer;}
    .footer .card ul {display: none;margin-bottom: 15px;}
    .footer .card:not(.last) h4::before {transition: 0.4s; content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%) rotate(180deg); width: 13px;height: 8px; background-image: url("data:image/svg+xml,%3Csvg%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M13%206.49902L6.5%200L0%206.49902L1.19922%207.69824L6.5%202.39746L11.8008%207.69824L13%206.49902Z'%20fill='%23fff'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right center;background-size: contain;}
    .footer-top .outer_part {gap: 0;}
    .footer {padding: 50px 0 10px;}
    .footer .card.last {text-align: center;margin: 38px 0;}
    .footer .arrow-left {max-width: 60vw; left: 0;}
    .footer::before {bottom: -465px;width: 668.421px;}
    .footer_bottom :is(p, li, a) {font-size: 11px;}
    .footer .card:not(.last) h4.active::before {transform: translateY(-50%) rotate(0deg);}
    .footer .card.last a[href^="mailto:"],
	.footer .card.last a[href^="tel:"] {display: inline-block;padding: 8px 4px;line-height: 1.6;}
}

@media only screen and (max-width:600px) {
    .footer-top li {margin-bottom: 3px;}
    .footer-top li {line-height: 22px;}
}

.footer-top .outer_part {display:grid;grid-template-columns:repeat(6,1fr);gap:40px 20px;align-items:start;padding-bottom:70px;}
.footer-top .card {width:auto;}
.footer-top .card.last {width:auto;}
.footer-top h4 {font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:16px;}
.footer-top li {font-size:12px;line-height:20px;margin-bottom:4px;}
.footer-top p {font-size:12px;line-height:20px;}
.footer-top .card.last p:first-of-type {margin-bottom:16px;}
.footer-top .card .all-link a {font-size:12px;}
.footer-top li a {position:relative;display:inline-block;}
.footer-top li a::after {content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--backgrondColorRed);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.footer-top li a:hover::after {transform:scaleX(1);}
.footer_bottom {margin-top:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);}
.footer_bottom p {opacity:.6;}

@media only screen and (max-width:1279px) {
    .footer-top .outer_part {gap:30px 16px;}
    .footer-top li,.footer-top p {font-size:11px;line-height:19px;}
}

@media only screen and (max-width:1023px) {
    .footer-top .outer_part {grid-template-columns:repeat(3,1fr);}
    .footer-top .outer_part .card {width:auto;}
    .footer-top li,.footer-top p {font-size:13px;line-height:22px;}
}

@media only screen and (max-width:767px) {
    .footer-top .outer_part {display:block;padding-bottom:0;}
    .footer-top h4 {font-size:16px;letter-spacing:0;text-transform:none;color:#fff;}
    .footer-top li {font-size:14px;line-height:22px;}
    .footer-top li a::after {display:none;}
}
