
/* {{{ FOOTER }}} */
footer {padding-top: 30px; background-color: var(--_c-dark); color: #fff; --_c-dark: #333;}
footer .container {max-width: 1430px;}
footer .wrapper:not(.copyright .wrapper) {
    display: grid
;
    grid-template-columns: minmax(622px, 415px) minmax(324px, 175px) minmax(343px, 175px) minmax(335px, 485px);gap: 50px;margin-bottom: 60px;}
footer .content p {line-height: 1.6; margin-block: 10px 20px;}
footer .content .btns {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
footer .content .btns .btn__secondary {width: fit-content; font-weight: 600; text-wrap: no-wrap; text-align: center; text-transform: uppercase; padding: 5px 10px; border: 2px solid var(--c-secondary); border-radius: 20px; font-size: 12px;}
footer .content .btns .btn__secondary:hover {background-color: #fff; color: var(--c-secondary); border-color: #fff;}
footer .content .btns .btn__secondary:nth-of-type(2) {background-color: transparent; border: 2px solid #fff;}
footer .content .btns .btn__secondary:nth-of-type(2):hover {background-color: #fff; color: var(--_c-dark);}
footer .links > *:not(ul) {display: block; font-size: calc(var(--fs-base, 16px) + 2px); font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
footer .links ul:first-of-type {display: grid; 
/*            grid-template-columns: repeat(3, 1fr);*/
        gap: 12px 8px;}
footer .links ul:first-of-type li {position: relative; line-height: 1.4;display: flex; align-items: center; gap: 10px;}
/*        footer .links ul:first-of-type li::before {position: absolute; inset: 0 auto 0 0; width: 4px; height: 4px; background-color: var(--c-secondary); border-radius: 1px; margin-block: auto; content: '';}*/
footer .links ul:nth-of-type(2) li {display: flex; align-items: center; gap: 10px;}
footer .links ul:nth-of-type(2) li:not(:last-of-type) {margin-bottom: 18px;}
footer .links ul li a {display: inline-block; font-weight: 500; color: #fff;} 
footer .links ul li a:hover {color: var(--c-secondary);}
footer .links ul li:nth-of-type(n+3) img {filter: invert(1);}
footer .links ul:nth-of-type(2) li:has(a:hover) img {filter: var(--flt-secondary);}
footer .copyright {padding-block: 12px; background-color: #333;}
footer .copyright .wrapper {display: flex; align-items: center; justify-content: center; gap: 15px 30px;}
footer .copyright .socials {display: flex; align-items: center; gap: 15px;}
footer .socials > :first-child {font-weight: 700; text-transform: uppercase; color: var(--c-secondary);}
footer .socials ul {display: flex; align-items: center; gap: 5px;}
footer .socials ul a {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; background-color: var(--c-primary); border-radius: 50%;}
footer .socials ul a:hover {background-color: #fff;}
footer .socials ul a:hover img {filter: var(--flt-primary);}
footer *::selection {background-color: #fff; color: var(--c-primary);}
footer ul.inner-social{display: flex !important;margin-left: -25%}

footer .offices > :first-child {display: block; font-size: var(--fs-md, 26px); font-weight: 700; text-align: center; color: #fff; margin-bottom: 10px;}
footer .offices .locations {display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;}
footer .offices .location {display: flex; flex-direction: column; justify-content: end; text-align: center;}
footer .offices .location > :first-child {display: block; font-size: 9px; line-height: 1.4;}
footer .offices .location iframe {width: 100%; height: auto;}


@media only screen and (max-width: 1400px) {
    footer .wrapper:not(.copyright .wrapper) {gap: 30px;}
}

@media only screen and (max-width: 1200px) {
    footer .wrapper:not(.copyright .wrapper) {grid-template-columns: 420px repeat(1, 1fr);}
    footer .links ul:first-of-type {column-gap: 24px;}
}

@media only screen and (max-width: 991px) {
    footer .wrapper:not(.copyright .wrapper) {grid-template-columns: repeat(2, 1fr);}
    footer .content {order: 1;}
    footer .links:nth-of-type(4) {order: 2;}
    footer .links:nth-of-type(2) {order: 3;}
    footer .links:nth-of-type(3) {order: 4;}
    footer .links ul li a {text-wrap: wrap; word-break: break-all;}
    footer ul.inner-social{margin-left: 0}
    footer .offices .locations {grid-template-columns: repeat(2, 1fr);}
    footer .offices .location iframe {height: 250px;}
}

@media only screen and (max-width: 767px) {
    footer .copyright .wrapper {flex-wrap: wrap;}
    footer .offices .location iframe {height: 200px;}
}

@media only screen and (max-width: 575px) {
    footer {padding-top: 20px;}
    footer .wrapper:not(.copyright .wrapper) {grid-template-columns: 1fr; margin-bottom: 30px;}
    footer .content,
    footer .links:nth-of-type(4),
    footer .links:nth-of-type(2),
    footer .links:nth-of-type(3) {order: initial;}
    footer .content .btns .btn__secondary {width: fit-content; padding-block: 6px;}
    footer .logo {max-width: 100px; margin-inline: auto;}
    footer .copyright .wrapper {justify-content: center; text-align: center;}
    footer .offices .location iframe {height: auto;}
}

@media only screen and (max-width: 475px) {
    footer .offices .locations {grid-template-columns: 1fr;}
}

@media only screen and (max-width: 360px) {
    footer .wrapper:not(.copyright .wrapper) {gap: 20px;}
    footer .content p {margin-bottom: 10px;}
    footer .links ul:firstg-of-type {grid-template-columns: repeat(2, 1fr);}
    footer .copyright .socials {flex-direction: column; gap: 8px;}
}


   