.section-block-demo127-footer {
    padding: 7rem 0 0
}

.section-block-demo127-footer,
.section-block-demo127-footer a {
    font-family: "Gil";
    font-size: 19px;
    color: #fff;
    line-height: 1.3
}

.section-block-demo127-footer .foot-title {
    font-size: 21px;
    color: #fff;
    font-family: var(--bs-h-font-sans-serif);
    text-transform: capitalize;
    margin-bottom: 13px
}

.section-block-demo127-footer .foot-items {
    padding: 1rem 0 6.3rem
}

.section-block-demo127-footer .foot-item {
    padding: 30px 0
}

.section-block-demo127-footer .foot-item.item1 {
    width: 26.7%;
    padding: 14px 0 30px
}

.section-block-demo127-footer .foot-item.item2 {
    width: 11%
}

.section-block-demo127-footer .foot-item.item3 {
    width: 20.5%
}

.section-block-demo127-footer .foot-item.item4 {
    width: 24%
}

.section-block-demo127-footer .foot-logo {
    padding: 16px 0
}

.section-block-demo127-footer .foot-logo img {
    height: 88px
}

.section-block-demo127-footer .foot-desc {
    opacity: .8
}

.section-block-demo127-footer .foot-social {
    padding: 29px 0
}

.section-block-demo127-footer .foot-social li {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 15px;
    padding: 10px 0
}

.section-block-demo127-footer .foot-social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 5px 0
}

.section-block-demo127-footer .foot-social li a:hover {
    transform: rotate(30deg)
}

.section-block-demo127-footer .foot-nav li,
.section-block-demo127-footer .foot-contacts li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0
}

.section-block-demo127-footer .foot-nav li i {
    width: 14px
}

.section-block-demo127-footer .foot-nav li a {
    width: calc(100% - 14px);
    padding-left: 20px
}

.section-block-demo127-footer .foot-contacts li .foot-ico {
    width: 25px
}

.section-block-demo127-footer .foot-contacts li .foot-val {
    width: calc(100% - 25px);
    padding-left: 11px
}

.section-block-demo127-footer .foot-contacts li:hover .foot-val,
.section-block-demo127-footer .foot-nav li:hover a {
    -webkit-transform: translate(5px);
    -ms-transform: translate(5px);
    transform: translate(5px)
}

.section-block-demo127-footer .foot-social li a,
.section-block-demo127-footer .foot-contacts li .foot-val,
.section-block-demo127-footer .foot-nav li a {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.section-block-demo127-footer .copyright {
    background-color: #16274B;
    padding: 18px 0
}

.section-block-demo127-footer .copyright p {
    opacity: .45;
    font-size: 16px;
    color: #B2C3E8;
    text-align: center
}

@media only screen and (max-width:1680px) {
    .section-block-demo127-footer .foot-item.item2 {
        width: 15%
    }

    .section-block-demo127-footer .foot-item.item3 {
        width: 23.5%
    }
}

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

    .section-block-demo127-footer,
    .section-block-demo127-footer a {
        font-size: 16px
    }

    .section-block-demo127-footer .foot-title {
        font-size: 18px
    }

    .section-block-demo127-footer .foot-item.item1 {
        width: 34%
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo127-footer {
        padding: 3rem 0 0
    }

    .section-block-demo127-footer .foot-items {
        padding: 1rem 0 2.3rem
    }

    .section-block-demo127-footer .foot-item.item1 {
        width: 100%;
        padding: 14px 0 0
    }

    .section-block-demo127-footer .foot-item.item2 {
        width: 21%
    }

    .section-block-demo127-footer .foot-item.item3 {
        width: 28.5%
    }

    .section-block-demo127-footer .foot-item.item4 {
        width: 42%
    }
}

@media only screen and (max-width:640px) {
    .section-block-demo127-footer {
        padding: 1rem 0 0
    }

    .section-block-demo127-footer .foot-items {
        padding: 1rem 3% 2.3rem
    }

    .section-block-demo127-footer,
    .section-block-demo127-footer a,
    .section-block-demo127-footer .copyright p {
        font-size: 14px
    }

    .section-block-demo127-footer .foot-title {
        font-size: 16px
    }

    .section-block-demo127-footer .foot-item {
        width: 100% !important
    }

    .section-block-demo127-footer .foot-social li {
        margin-bottom: 10px
    }
}