/* BASIC css start */
#footer {position:relative; padding:100px 100px 50px 100px;}

.sr-only {display: block; position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); border: 0; white-space: nowrap;}

.ubc-footer {color: #000;}
.ubc-footer * {color: inherit; font-size: inherit;}
.ubc-footer .con {padding: 20px 12px; border-top: 1px solid #777; border-bottom: 1px solid #777;}

.footer__fx {display:flex}
.footer__fx .fx-col {flex: 1 1 50%;}
.footer__fx .fx-col--info {padding-right: 20px;}
.footer__fx .fx-col--menu {padding-left: 20px;}

.ubc-footer .c-logo {margin-bottom: 20px;}
.ubc-footer .c-logo img {width: 22px}
.ubc-footer .c-com {margin-top: 20px;}
.ubc-footer .c-info,
.ubc-footer .c-com {
    font-size: 13px;
    line-height: 1.54;
    color: #000;
}
.ubc-footer .c-info li span,
.ubc-footer .c-info .t-terms{
    color: #5e5e5e;
}

.fx-col--menu .fx__inr {display: flex; justify-content: flex-end; gap: 58px; padding-top: 5px;}

.footer__menu-a a {
    display: block;
    margin-bottom: 16px;
    font-size: 14px;
    color: #000;
}
.footer__menu-b h5 {
    margin-bottom: 4px;
    font-size: 14px;
    color: #000;
    padding: 0;
    line-height: 1.25;
    letter-spacing: 0.12em;
}
.footer__menu-b p {
    font-size: 13px;
    line-height: 1.5;
    color: #5e5e5e;
}
.footer__menu-b a {color: inherit;}
.footer__menu-b > div {margin-bottom: 16px;}
.footer__menu-b > div:last-child {margin-bottom: 0;}
.footer__menu-b .b-loc::before {
    content: '';
    display: inline-block;
    margin-right: 6px;
    width: 11px;
    height: 15px;
    vertical-align: top;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    background-image: url(/design/urbanic30/202507/ico/ubx--ico-loc2.png);
}

@media screen and (max-width: 980px) {
    .footer__fx {display:block}
    .footer__fx .fx-col--info {padding: 0;}
    .footer__fx .fx-col--menu {padding: 0; margin-top: 40px;}
    .fx-col--menu .fx__inr {justify-content: flex-start; gap: 40px; padding-top: 0;}
}

@media screen and (max-width: 520px) {
    .fx-col--menu .fx__inr {display: block;}
    .footer__menu-b {margin-top: 25px;}
}

/* BASIC css end */