.section-block-demo120-footer {
    position: relative;
    background-color: #1f1f1f
}

.section-block-demo120-footer,
.section-block-demo120-footer a {
    color: #fff;
    position: relative;
    font-weight: 400
}

.section-block-demo120-footer .footer-wrap {
    position: relative
}

.section-block-demo120-footer .footer-left {
    padding-top: 185px;
    padding-bottom: 100px;
    background-color: var(--bs-theme-color);
    width: 450px;
    min-width: 450px;
    padding-left: 5%;
    padding-right: 1.5rem
}

.section-block-demo120-footer .footer-left .footer-title01 {
    position: relative;
    font-size: 45px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.section-block-demo120-footer .footer-left .footer-title02 {
    position: relative;
    margin: 33px 0 66px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

.section-block-demo120-footer .footer-left .footer-inquirydesc {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 100px;
    padding-right: 2rem
}

.section-block-demo120-footer .footer-left .foot-inquiry {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    padding: 7px 68px
}

.section-block-demo120-footer .foot-social {
    position: relative;
    margin-top: 80px;
    font-size: 0;
    padding-top: 20px
}

.section-block-demo120-footer .foot-social li {
    position: relative;
    display: block;
    padding: 3px;
    margin-right: 2rem;
    transition: all ease-in-out .35s
}

.section-block-demo120-footer .foot-social li a {
    position: relative;
    display: block;
    padding: 3px;
    line-height: 1
}

.section-block-demo120-footer .foot-social li:hover {
    transform: rotate(15deg)
}

.section-block-demo120-footer .footer-right {
    flex: 1;
    padding-left: 12.5%;
    padding-top: 170px
}

.section-block-demo120-footer[data-screen=screen-xxl] .footer-right {
    padding-right: calc((100% - var(--bs-screen-xxl))/ 2)
}

.section-block-demo120-footer[data-screen=screen-large] .footer-right {
    padding-right: calc((100% - var(--bs-screen-large))/ 2)
}

.section-block-demo120-footer[data-screen=screen-mid] .footer-right {
    padding-right: calc((100% - var(--bs-screen-mid))/ 2)
}

.section-block-demo120-footer[data-screen=screen-small] .footer-right {
    padding-right: calc((100% - var(--bs-screen-small))/ 2)
}

.section-block-demo120-footer .foot-about-items {
    position: relative
}

.section-block-demo120-footer .foot-about-item {
    position: relative;
    padding: 10px 0
}

.section-block-demo120-footer .foot-about-item .about-title {
    position: relative;
    font-size: 32px;
    color: var(--bs-theme-color);
    margin-bottom: 26px;
    font-weight: 500
}

.section-block-demo120-footer .foot-about-item .about-desc {
    position: relative;
    font-size: 22px;
    line-height: 1.5;
    opacity: .66
}

.section-block-demo120-footer .foot-items {
    margin-top: 55px;
    position: relative;
    padding-top: 25px
}

.section-block-demo120-footer .foot-item {
    padding: 10px 0
}

.section-block-demo120-footer .foot-item .foot-title {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 1.5rem
}

.section-block-demo120-footer .foot-item .foot-nav {
    position: relative;
    padding: 10px 0
}

.section-block-demo120-footer .foot-item .foot-nav li {
    position: relative;
    padding: 6px 0;
    transition: all ease-in-out .35s
}

.section-block-demo120-footer .foot-item .foot-nav li a {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    color: #666
}

.section-block-demo120-footer .foot-item .foot-nav li:hover {
    transform: translateX(5px)
}

.section-block-demo120-footer .foot-item .foot-nav li:hover a {
    color: var(--bs-theme-color)
}

.section-block-demo120-footer .copyright {
    font-size: 14px;
    position: relative;
    margin-top: 74px;
    line-height: 1.5;
    opacity: .68
}

@media only screen and (max-width:1550px) {
    .section-block-demo120-footer .footer-right {
        padding-left: 8%
    }

    .section-block-demo120-footer .footer-left {
        width: 375px;
        min-width: 375px;
        padding-left: 3.5%
    }
}

@media only screen and (max-width:1366px) {
    .section-block-demo120-footer[data-screen=screen-xxl] .footer-right {
        padding-right: calc((100% - var(--bs-screen-xxl-notebook))/ 2)
    }

    .section-block-demo120-footer[data-screen=screen-large] .footer-right {
        padding-right: calc((100% - var(--bs-screen-large-notebook))/ 2)
    }

    .section-block-demo120-footer[data-screen=screen-mid] .footer-right {
        padding-right: calc((100% - var(--bs-screen-mid-notebook))/ 2)
    }

    .section-block-demo120-footer[data-screen=screen-small] .footer-right {
        padding-right: calc((100% - var(--bs-screen-small-notebook))/ 2)
    }

    .section-block-demo120-footer .footer-right {
        padding-left: 5%
    }

    .section-block-demo120-footer .footer-left {
        padding-top: 120px;
        width: 325px;
        min-width: 325px;
        padding-left: 25px
    }

    .section-block-demo120-footer .footer-left .footer-title01 {
        font-size: 38px
    }

    .section-block-demo120-footer .footer-left .footer-title02 {
        font-size: 16px;
        margin: 20px 0 40px 0
    }

    .section-block-demo120-footer .footer-left .footer-inquirydesc {
        font-size: 20px;
        padding-right: 1rem
    }

    .section-block-demo120-footer .foot-social li {
        margin-right: 1rem
    }

    .section-block-demo120-footer .footer-right {
        padding-top: 100px
    }

    .section-block-demo120-footer .foot-about-item .about-title {
        font-size: 28px;
        margin-bottom: 1.3rem
    }

    .section-block-demo120-footer .foot-about-item .about-desc {
        font-size: 18px
    }

    .section-block-demo120-footer .foot-items {
        margin-top: 1.6rem;
        padding-top: 15px
    }

    .section-block-demo120-footer .foot-item .foot-title {
        font-size: 18px;
        margin-bottom: .7rem
    }

    .section-block-demo120-footer .foot-item .foot-nav li a {
        font-size: 14px
    }

    .section-block-demo120-footer .foot-item .foot-nav li {
        padding: 4px 0
    }

    .section-block-demo120-footer .copyright {
        font-size: 12px;
        margin-top: 50px
    }
}

@media only screen and (max-width:1280px) {
    .layout {
        min-width: unset
    }

    .section-block-demo120-footer .footer-right {
        padding-right: 2% !important;
        padding-left: 2%
    }
}

@media only screen and (max-width:1200px) {
    .section-block-demo120-footer .footer-left .footer-inquirydesc {
        font-size: 18px;
        padding-right: 0
    }

    .section-block-demo120-footer .footer-left {
        padding-top: 80px;
        width: 275px;
        min-width: 275px
    }

    .section-block-demo120-footer .footer-left .footer-title01 {
        font-size: 32px
    }

    .section-block-demo120-footer .footer-left .footer-title02 {
        margin: 10px 0 25px 0
    }

    .section-block-demo120-footer .footer-left .footer-inquirydesc {
        font-size: 16px;
        margin-bottom: 60px
    }

    .section-block-demo120-footer .footer-left .foot-inquiry {
        font-size: 16px;
        padding: 5px 45px
    }

    .section-block-demo120-footer .foot-social {
        margin-top: 3rem
    }

    .section-block-demo120-footer .footer-right {
        padding-top: 65px
    }

    .section-block-demo120-footer .foot-about-item .about-desc {
        font-size: 16px
    }

    .section-block-demo120-footer .foot-items {
        margin-top: 1.2rem;
        padding-top: 0
    }

    .section-block-demo120-footer .copyright {
        margin-top: 1.5rem
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo120-footer .footer-wrap {
        flex-wrap: wrap
    }

    .section-block-demo120-footer .footer-left {
        padding-top: 2.5rem;
        width: 100%;
        padding-bottom: 2.5rem;
        padding-left: 2%;
        min-width: unset
    }

    .section-block-demo120-footer .foot-social {
        margin-top: 0
    }

    .section-block-demo120-footer .footer-left .footer-inquirydesc {
        margin-bottom: 2rem
    }

    .section-block-demo120-footer .footer-right {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        width: 100%
    }
}

@media only screen and (max-width:640px) {

    .section-block-demo120-footer .footer-left,
    .section-block-demo120-footer .footer-right {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .section-block-demo120-footer .footer-left .footer-title01 {
        font-size: 1.6rem
    }

    .section-block-demo120-footer .footer-left .footer-title02 {
        margin: 10px auto;
        font-size: 15px
    }

    .section-block-demo120-footer .footer-left .footer-inquirydesc {
        margin-bottom: 1rem;
        font-size: 14px
    }

    .section-block-demo120-footer .foot-about-item .about-title {
        font-size: 1.5rem;
        margin-bottom: .7rem
    }

    .section-block-demo120-footer .foot-about-item .about-desc {
        font-size: 1rem
    }

    .section-block-demo120-footer .foot-item .foot-title {
        font-size: 16px;
        margin-bottom: 0
    }

    .section-block-demo120-footer .foot-item .foot-nav li a {
        font-size: 12px
    }

    .section-block-demo120-footer .copyright {
        margin-top: .7rem
    }
}

@media only screen and (max-width:480px) {
    .section-block-demo120-footer .foot-items {
        display: block
    }
}