.section-block-demo87-footer {
    width: 100%;
    position: relative;
    background-color: #DDDDDD;
    padding: 52px 0px 0px 0px
}

.section-block-demo87-footer .foor_service {
    padding: 52px 0px 83px
}

.section-block-demo87-footer .data-four.foot-item>p {
    font-size: 18px;
    color: #868686;
    line-height: 1.5;
    margin-top: 31px
}

.section-block-demo87-footer[data-screen="screen-large"] .layout {
    width: 79%
}

.section-block-demo87-footer .fot-form {
    width: 100%;
    background-color: #fff;
    padding: 7px;
    margin-top: 32px
}

.section-block-demo87-footer .foot-title {
    font-size: 24px;
    color: #01458e;
    line-height: 1;
    font-weight: 700
}

.section-block-demo87-footer .fot-form form {
    margin: 0
}

.section-block-demo87-footer .fot-form .form-control {
    flex: 1;
    border: none;
    background-color: #fff;
    box-shadow: none;
    color: #000
}

.section-block-demo87-footer .fot-form .btn-search {
    width: 70px;
    height: 45px;
    background-color: var(--bs-theme-color);
    border: none;
    border-radius: 0;
    position: relative;
    cursor: pointer
}

.section-block-demo87-footer .fot-form .btn-search::before {
    content: "";
    display: block;
    width: 24px;
    height: 20px;
    background-image: url(https://ecdn6.globalso.com/upload/m/image_other/2024-07/pic_30-1.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section-block-demo87-footer .data-one.foot-item {
    width: 22%
}

.section-block-demo87-footer .data-two.foot-item {
    width: 15%
}

.section-block-demo87-footer .data-three.foot-item {
    width: 18%
}

.section-block-demo87-footer .data-four.foot-item {
    width: 30%
}

.section-block-demo87-footer .data-three.foot-item .foot-title {
    opacity: 0
}

.section-block-demo87-footer .data-one .foot-nav li {
    padding-left: 40px
}

.section-block-demo87-footer .data-one .foot-nav li.fot-emil::before {
    content: "";
    display: block;
    width: 21px;
    height: 24px;
    background-image: url(https://ecdn6.globalso.com/upload/m/image_other/2024-07/pic_27-1.png);
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    left: 0
}

.section-block-demo87-footer .data-one .foot-nav li.fot-addres::before {
    content: "";
    display: block;
    width: 21px;
    background-repeat: no-repeat;
    height: 21px;
    background-image: url(https://ecdn6.globalso.com/upload/m/image_other/2024-07/pic_28-2.png);
    position: absolute;
    top: 0;
    left: 0
}

.section-block-demo87-footer .data-one .foot-nav li.fot-phone::before {
    content: "";
    display: block;
    width: 21px;
    background-repeat: no-repeat;
    height: 21px;
    background-image: url(https://ecdn6.globalso.com/upload/m/image_other/2024-07/pic_29-1.png);
    position: absolute;
    top: 0;
    left: 0
}

.section-block-demo87-footer .foot-nav {
    margin-top: 24px
}

.section-block-demo87-footer .foot-nav li a {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    opacity: 0.8;
    transition: all .3s linear
}

.section-block-demo87-footer .foot-nav li:nth-child(n+2) {
    margin-top: 10px
}

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

.section-block-demo87-footer .footer-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #aaa
}

.section-block-demo87-footer li {
    list-style: none;
    position: relative;
    transition: all .3s linear
}

.section-block-demo87-footer img {
    width: 100%;
    max-width: 100%
}

.section-block-demo87-footer .foot_logo {
    max-width: 85px
}

.section-block-demo87-footer .foot_sns li {
    width: 54px;
    height: 54px;
    background-color: #d0d0d0;
    border-radius: 50%
}

.section-block-demo87-footer .foot_sns li:hover {
    transform: translateY(-6px)
}

.section-block-demo87-footer .foot_sns li:nth-child(n+2) {
    margin-left: 17px
}

.section-block-demo87-footer .foot_sns li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 26px
}

@media only screen and (max-width:1680px) {
    .section-block-demo87-footer[data-screen="screen-large"] .layout {
        width: 95%
    }
}

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

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

    .section-block-demo87-footer .data-four.foot-item>p {
        font-size: 14px
    }

    .section-block-demo87-footer .foor_service {
        padding: 25px 0
    }
}

@media only screen and (max-width:992px) {
    .section-block-demo87-footer .data-one.foot-item {
        width: 100%
    }

    .section-block-demo87-footer .data-two.foot-item {
        width: 100%;
        margin-top: 45px
    }

    .section-block-demo87-footer .data-three.foot-item {
        width: 100%;
        margin-top: 25px
    }

    .section-block-demo87-footer .data-four.foot-item {
        width: 100%;
        margin-top: 45px
    }

    .section-block-demo87-footer .foot-nav {
        margin-top: 10px
    }

    .section-block-demo87-footer .fot-form {
        margin-top: 12px
    }

    .section-block-demo87-footer .data-four.foot-item>p {
        margin-top: 12px
    }

    .section-block-demo87-footer .footer-top {
        display: block
    }

    .section-block-demo87-footer .footer-top .foot_sns {
        justify-content: flex-start;
        margin-top: 20px
    }
}