.section-block-demo101-footer {
    background-color: #131c21;
    padding: 88px 0 16px
}

.section-block-demo101-footer .foot-items .foot-item:nth-child(1) {
    width: 24%
}

.section-block-demo101-footer .foot-items .foot-item:nth-child(2) {
    width: 15%
}

.section-block-demo101-footer .foot-items .foot-item:nth-child(3) {
    width: 15%
}

.section-block-demo101-footer .foot-items .foot-item:nth-child(4) {
    width: 25%
}

.section-block-demo101-footer,
.section-block-demo101-footer a {
    font-size: 16px;
    color: #fff
}

.section-block-demo101-footer .foot-items {
    padding-top: 32px
}

.section-block-demo101-footer .foot-title {
    font-size: 26px;
    line-height: 1;
    font-weight: 600;
    text-transform: capitalize
}

.section-block-demo101-footer li {
    list-style: none;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.section-block-demo101-footer .button {
    font-size: 20px;
    line-height: 1;
    text-transform: capitalize;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    margin-top: 32px
}

.section-block-demo101-footer .button span {
    padding: 0 16px
}

.section-block-demo101-footer .button .icon {
    border-left: 1px solid #fff;
    padding: 12px 25px
}

.section-block-demo101-footer .button:hover {
    color: var(--bs-theme-color);
    border-color: var(--bs-theme-color);
    background-color: transparent
}

.section-block-demo101-footer .button:hover .icon {
    border-color: var(--bs-theme-color)
}

.section-block-demo101-footer .button:hover .icon svg path {
    fill: var(--bs-theme-color)
}

.section-block-demo101-footer .button,
.section-block-demo101-footer .button .icon,
.section-block-demo101-footer .button .icon svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.section-block-demo101-footer .foot-contacts .foot-val a,
.section-block-demo101-footer .foot-contacts .foot-val.address,
.section-block-demo101-footer .inquiry-desc {
    line-height: 1.2;
    opacity: 0.5;
    cursor: pointer
}

.section-block-demo101-footer .foot-contacts li:hover .foot-val,
.section-block-demo101-footer .foot-contacts li:hover .foot-val a,
.section-block-demo101-footer .inquiry-desc:hover {
    opacity: 1
}

.section-block-demo101-footer .inquiry-desc {
    padding-top: 20px
}

.section-block-demo101-footer .foot-item .foot-nav {
    padding-top: 19px
}

.section-block-demo101-footer .foot-item .foot-nav li:nth-child(n + 2) {
    padding-top: 9px
}

.section-block-demo101-footer .foot-nav li a {
    opacity: 0.5
}

.section-block-demo101-footer .foot-nav li:hover {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.section-block-demo101-footer .foot-nav li:hover a {
    opacity: 1
}

.section-block-demo101-footer .foot-contacts {
    padding-top: 24px
}

.section-block-demo101-footer .foot-contacts .foot-ico img {
    width: auto
}

.section-block-demo101-footer .foot-contacts .foot-val {
    padding-top: 10px
}

.section-block-demo101-footer .foot-contacts li:nth-child(n + 2) {
    padding-top: 14px
}

.section-block-demo101-footer .foot-contacts li:hover {
    -webkit-transform: translateX(6px);
    -ms-transform: translateX(6px);
    transform: translateX(6px)
}

.section-block-demo101-footer .footer-bottom {
    margin-top: 8.7rem;
    padding: 24px 0 0;
    border-top: 1px solid #474a4d
}

.section-block-demo101-footer .footer-bottom .copyright {
    font-size: 18px;
    color: #999;
    text-align: center;
    width: 100%
}

@media only screen and (max-width:1550px) {
    .section-block-demo101-footer .foot-items .foot-item:nth-child(1) {
        width: 28%
    }
}

@media only screen and (max-width:1366px) {
    .section-block-demo101-footer {
        padding: 30px 0
    }

    .section-block-demo101-footer .foot-title {
        font-size: 22px
    }

    .section-block-demo101-footer .button {
        font-size: 18px
    }

    .section-block-demo101-footer .foot-items .foot-item {
        width: 48% !important;
        padding: 20px 0
    }

    .section-block-demo101-footer .footer-bottom .copyright {
        font-size: 16px
    }

    .section-block-demo101-footer .footer-bottom {
        margin-top: 3rem
    }
}

@media only screen and (max-width:640px) {
    .section-block-demo101-footer .foot-items .foot-item {
        width: 100% !important
    }

    .section-block-demo101-footer .foot-title {
        font-size: 20px
    }

    .section-block-demo101-footer .button {
        font-size: 16px
    }

    .section-block-demo101-footer .button .icon {
        padding: 10px 25px
    }

    .section-block-demo101-footer .button .icon svg {
        width: 25px;
        height: 25px
    }
}

@media only screen and (max-width:480px) {
    .section-block-demo101-footer .foot-title {
        font-size: 18px
    }

    .section-block-demo101-footer,
    .section-block-demo101-footer a {
        font-size: 14px
    }

    .section-block-demo101-footer .button {
        font-size: 16px
    }

    .section-block-demo101-footer .button .icon {
        padding: 10px 25px
    }

    .section-block-demo101-footer .button .icon svg {
        width: 25px;
        height: 25px
    }

    .section-block-demo101-footer .footer-bottom .copyright {
        font-size: 14px
    }
}