
.section-block-demo37-footer {
    position: relative;
    background-color: #f7f7f7
}

.section-block-demo37-footer .footer-wrap {
    position: relative;
    z-index: 3;
    background-size: cover;
    background-repeat: no-repeat
}

.section-block-demo37-footer .waves03 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 120px;
    fill: var(--bs-theme-color)
}

.section-block-demo37-footer .parallax use:nth-child(1) {
    opacity: .3
}

.section-block-demo37-footer .parallax use:nth-child(2) {
    opacity: .2
}

.section-block-demo37-footer .parallax use:nth-child(3) {
    opacity: .1
}

.section-block-demo37-footer .parallax>use {
    -webkit-animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
}

.section-block-demo37-footer .parallax>use:nth-child(1) {
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.section-block-demo37-footer .parallax>use:nth-child(2) {
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    -webkit-animation-duration: 9s;
    animation-duration: 9s
}

.section-block-demo37-footer .parallax>use:nth-child(3) {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 13s;
    animation-duration: 13s
}

.section-block-demo37-footer .parallax>use:nth-child(4) {
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.section-block-demo37-footer,
.section-block-demo37-footer a {
    color: #fff;
    font-size: 16px;
    line-height: 1.5
}

.section-block-demo37-footer li {
    display: block
}

.section-block-demo37-footer .foot-items {
    padding: 135px 0 76px 0
}

.section-block-demo37-footer .foot-item {
    max-width: 24%
}

.section-block-demo37-footer .foot-title {
    margin-bottom: 33px;
    color: #fff;
    text-transform: uppercase;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5
}

.section-block-demo37-footer .foot-contacts li {
    position: relative;
    display: table;
    padding: 3px 0;
    line-height: 1.625
}

.section-block-demo37-footer .foot-contacts li+li {
    margin-top: 15px
}

.section-block-demo37-footer .foot-contacts li .foot-val {
    position: relative;
    display: table-cell
}

.section-block-demo37-footer .foot-contacts li .foot-ico {
    display: table-cell;
    padding-right: 15px;
    width: 36px
}

.section-block-demo37-footer .foot-nav li {
    padding: 4px 0;
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s
}

.section-block-demo37-footer .foot-nav li a {
    font-size: 18px;
    line-height: 1.56
}

.section-block-demo37-footer .foot-nav li:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
}

.section-block-demo37-footer .btn {
    margin-top: 34px;
    border-width: 1px
}

.section-block-demo37-footer .footer-bottom {
    padding: 29px 0 69px;
    border-top: 1px solid rgba(255, 255, 255, .5)
}

.section-block-demo37-footer .foot-social {
    position: relative
}

.section-block-demo37-footer .foot-social li {
    display: inline-block;
    padding: 2px;
    -webkit-transition: all ease-in-out .35s;
    transition: all ease-in-out .35s
}

.section-block-demo37-footer .foot-social li:hover {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.section-block-demo37-footer .copyright {
    text-transform: uppercase
}

@media only screen and (max-width:1440px) {
    .section-block-demo37-footer .foot-items {
        padding: 115px 0 3rem 0
    }

    .section-block-demo37-footer,
    .section-block-demo37-footer a {
        font-size: 14px
    }

    .section-block-demo37-footer .foot-title {
        margin-bottom: 1.8rem;
        font-size: 1.8rem
    }

    .section-block-demo37-footer .foot-nav li a {
        font-size: 16px
    }

    .section-block-demo37-footer .footer-bottom {
        padding: 1.5rem 0 3rem
    }
}

@media only screen and (max-width:1280px) {
    .section-block-demo37-footer .foot-items {
        padding: 95px 0 2rem 0
    }

    .section-block-demo37-footer,
    .section-block-demo37-footer a {
        font-size: 12px
    }

    .section-block-demo37-footer .foot-title {
        margin-bottom: 1.5rem;
        font-size: 1.5rem
    }

    .section-block-demo37-footer .foot-nav li a {
        font-size: 1rem
    }

    .section-block-demo37-footer .footer-bottom {
        padding: 1rem 0 2rem
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo37-footer .foot-items {
        padding: 5rem 0 1.5rem 0
    }

    .section-block-demo37-footer .foot-items,
    .section-block-demo37-footer .footer-bottom {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section-block-demo37-footer .foot-item {
        padding: 1rem 1rem 1rem 0;
        width: 50%;
        max-width: unset
    }

    .section-block-demo37-footer .foot-title {
        margin-bottom: .7rem;
        font-size: 1.3rem
    }

    .section-block-demo37-footer .foot-contacts li+li {
        margin-top: .8rem
    }

    .section-block-demo37-footer .footer-bottom {
        padding: 1rem 0
    }

    .section-block-demo37-footer .copyright {
        margin-bottom: 1rem
    }

    .section-block-demo37-footer .foot-contacts li .foot-ico {
        padding-right: 7px;
        width: 21px
    }
}

@media only screen and (max-width:640px) {
    .section-block-demo37-footer .foot-item {
        padding: .5rem 0;
        width: 100%
    }
}
