@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap");

* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}

strong {
    font-weight: bold;
}

body {
    -webkit-font-smoothing: antialiased !important;
    position: relative;
    font-family: "Montserrat", sans-serif;
    background-color: #f6f9fc;
    overflow-x: hidden;
    min-width: 100vw;
}

.wrapper {
    position: relative;
    top: 0;
    left: 0;
    min-height: 100vh;
    width: 100%;
    height: auto;
    z-index: 10;
    box-sizing: border-box;
}

@media only screen and (min-width: 1440px) {
    body {
        background-color: #bbdce8 !important;
    }

    .body-fs {
        background-color: rgba(25, 92, 173, 0.5) !important;
    }

    .body-cleaning-local {
        background-color: #ccffce !important;
    }

    .wrapper {
        width: 1440px;
        background-color: #f6f9fc;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.37);
        margin: auto;
    }
}

.css-1oq6vcu-Root {
    background: #9a9d9f !important;
}
/*@media only screen and (min-width: 1440px) {
    main {
        padding-top: 86px;
    }

    .body-fs main {
        padding-top: 76px;
    }
}*/
/*main {
    padding-top: 86px;
}
@media only screen and (max-width: 1000px) {
    main {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 768px) {
    main {
        padding-top: 68px;
    }
}*/

/* HEADER*/

header {
    display: flex;
    align-items: center;
    z-index: 10;
    padding: 1rem 8rem;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    width: -webkit-fill-available;
    background-color: rgba(255, 255, 255, 0.37);
    width: 100%;
    position: inherit;
}

/*@media screen and (min-width: 1440px) {
    header {
        padding: 1rem 4rem;
    }
}*/

@media screen and (max-width: 1270px) {
    header {
        padding: 1rem 6rem;
    }
}

@media screen and (max-width: 1080px) {
    header {
        padding: 1rem 3rem;
    }
}

@media screen and (max-width: 780px) {
    header {
        padding: 1rem 1.5rem;
    }
}

@media screen and (max-width: 680px) {
    header {
        padding: 1rem 1rem;
    }
}

header img {
    width: 154px;
    margin-right: 1rem;
}

@media only screen and (max-width: 1310px) {
    header img {
        width: 115px;
    }
}

@media only screen and (max-width: 1000px) {
    header img {
        width: 100px;
    }
}

.scrolledHeader {
    background-color: rgba(255, 255, 255, 0.8);
}

.header-div {
    display: flex;
}

.header-menu a {
    margin: 8px 10.5px;
}

.header-menu {
    color: #4a4a4a;
    font-size: 18px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

    .header-menu ul {
        display: flex;
        align-items: center;
    }

@media only screen and (max-width: 860px) {
    .header-menu {
        display: none;
    }
}

.header-menu .nav_logged-menu {
    position: absolute;
    display: none;
    width: 100%;
    background-color: #f7f9fb;
    flex-direction: column;
    border-radius: 3px;
}

.nav-item {
    color: #4a4a4a;
    font-size: 1.125rem;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 0.04px;
    margin: 0 4px;
    cursor: pointer;
}

.nav-register:hover {
    transform: scale(1.1);
    transition: all 0.1s ease-in;
}

.nav-item > .chevron--bottom {
    line-height: inherit;
    font-size: inherit;
}

    .nav-item > .chevron--bottom::before {
        vertical-align: 15%;
        width: 0.5em;
        height: 0.5em;
        border-width: 0.01em 0.01em 0 0;
        border-color: #4a4a4a;
    }

.nav-item:not(.nav-register):hover > a {
    color: #71b2c9;
}

.nav-item:not(.nav-register):hover > .chevron--bottom::before {
    border-color: #71b2c9;
}

.header-fs-home .nav-item > .chevron--bottom::before {
    border-color: #fff;
}

.header-fs .nav-item:not(.nav-register):hover > a {
    color: #195cad;
}

.header-fs .nav-item:not(.nav-register):hover > .chevron--bottom::before {
    border-color: #195cad;
}

.nav-item:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 1200px) {
    .nav-item {
        font-size: 13px;
        /*margin-right: 24px;*/
    }
}

@media only screen and (max-width: 1000px) {
    .nav-item {
        font-size: 11px;
        /*margin-right: 16px;*/
    }
}

.nav-item-help {
    padding: 0px 20px 0 0;
    background-image: url(../Images/General/help-icon.svg);
    background-repeat: no-repeat;
    background-position: 98% 70%;
    background-size: contain;
}

    .nav-item-help a {
        margin: 8px 5px 8px 10.5px;
    }

.nav-item-services {
    padding: 0px 15px 0 0;
    /* background-image: url(../Images/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: 98% 70%; */
}

    .nav-item-services:hover .nav-menu-services {
        display: block;
    }

.wegho-store {
    color: #71b2c9;
    font-weight: bold;
}

.nav-menu-services {
    display: none;
    position: absolute;
    z-index: 2;
}

.nav-menu-services-arrow {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
    margin-left: 3%;
}

.nav-menu-services-container {
    background-color: #ffffff;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.02), 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    display: flex;
}

.nav-menu-services-column {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 19px;
    color: #1e2e43;
    text-align: left;
    margin: 10px 32px 10px 0px;
    padding: 0;
}

    .nav-menu-services-column h2 {
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 12px;
        color: #1c1f2a;
        font-size: 16px;
        letter-spacing: 0.03px;
        line-height: 19px;
    }

    .nav-menu-services-column a {
        text-transform: uppercase;
        font-weight: 600;
        padding: 24px;
        margin: 0;
        display: flex;
        align-items: center;
    }

        .nav-menu-services-column a:hover {
            background-color: rgba(113, 178, 201, 0.27);
        }

        .nav-menu-services-column a img {
            width: 24px;
            margin-right: 24px;
        }

@media only screen and (max-width: 1380px) {
    .nav-menu-services-column {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 1210px) {
    .nav-menu-services-column {
        font-size: 0.8rem;
    }
}

.nav-menu-services-weghofs {
    padding: 32px 24px;
    text-align: left;
    background-color: #f6f9fc;
    width: 230px;
    margin: 10px 40px 60px 0px;
}

    .nav-menu-services-weghofs h2,
    .nav-menu-services-weghofs a {
        color: #195cad;
    }

    .nav-menu-services-weghofs h2 {
        font-size: 18px;
    }

    .nav-menu-services-weghofs p {
        color: #1c1f2a;
        font-size: 14px;
        letter-spacing: 0.3px;
        margin-bottom: 16px;
        margin-top: 16px;
        text-transform: initial;
    }

    .nav-menu-services-weghofs a:hover {
        font-weight: 500;
        text-decoration: underline;
        color: #195cad;
    }

/*.nav-menu-services-weghofs a:after {
        content: "\01F852";
    }*/

.nav-logged {
    position: relative;
    display: inline-block;
}

    .nav-logged button {
        padding-right: 40px;
        color: #1c1f2a;
        font-size: 18px;
        height: 43px;
        outline: none;
        padding: 0 30px 0 45px;
        display: inline-flex;
        align-items: center;
        text-align: center;
        background-image: url(../Images/loggedUserIcon.svg), url(../Images/arrow-down.svg);
        background-repeat: no-repeat, no-repeat;
        background-position: left center, 94% 50%;
    }

        .nav-logged button:active {
            background-color: #bbdce8;
        }

@media only screen and (max-width: 1200px) {
    .nav-logged button {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1000px) {
    .nav-logged button {
        font-size: 11px;
    }
}

.nav-logged .nav-logged-icon {
    width: 50%;
    height: auto;
    background: #71b2c9;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
}

.nav-register {
    margin-right: 10px;
    text-transform: none;
}

    .nav-register a {
        color: #ffffff;
        background-color: #569cb5;
        padding: 8px 16px;
        border-radius: 5px;
        letter-spacing: 1px;
        margin: 0;
        max-height: 43px;
        transition: all 0.3s ease-in-out;
    }

    .nav-register > a:hover {
        transform: scale(1.1);
    }

    .nav-register a::after {
        content: "→";
        color: #ffffff;
        font-weight: 700;
        margin-left: 10px;
    }

@media only screen and (max-width: 1200px) {
    .nav-register a {
        padding: 5px 14px;
    }
}

.header_mobile {
    display: none;
    position: absolute;
    right: 0;
}

@media only screen and (max-width: 860px) {
    .header_mobile {
        display: block;
    }
}

.header_mobile-btns {
    display: flex;
    align-items: center;
}

.callme-btn {
    margin-right: 26px;
    color: #ffffff;
    background-image: url(../Images/call-us.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 38px;
    height: 41px;
}

.hamburguer-btn {
    position: relative;
    background-image: url(../Images/hamburger-menu.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 38px;
    height: 31px;
    margin-right: 16px;
}

.nav-logged--open .nav_logged-menu {
    display: flex;
}

.nav-logged--open button {
    background-color: #bbdce8;
}

.nav_logged-item {
    width: 100%;
    border-bottom: 1px solid #ffffff;
    border-radius: 3px;
    color: #333333;
}

    .nav_logged-item a,
    .nav_logged-item button {
        display: block;
        padding: 8px 0;
        /*background-color: #f7f9fb;*/
        padding-right: 0;
        text-align: start;
        padding: 6px;
        text-transform: initial;
    }

    .nav_logged-item:last-child {
        border-bottom: none;
    }

    .nav_logged-item:hover {
        background-color: rgba(187, 220, 232, 0.23);
        color: #71b2c9;
        font-weight: 600;
    }

/* HEADER WEGHO FS*/
.nav-menu-services-column-fs {
    margin: 10px 50px 10px 0px;
}

    .nav-menu-services-column-fs a {
        padding: 12px 24px;
    }

        .nav-menu-services-column-fs a img {
            width: 35px;
            height: 35px;
        }

    .nav-menu-services-column-fs .nav-menu-services-weghofs {
        background-color: #f6f9fc;
        width: 260px;
    }

        .nav-menu-services-column-fs .nav-menu-services-weghofs h2 {
            text-transform: none;
            color: #71b2c9;
            font-weight: 500;
        }

        .nav-menu-services-column-fs .nav-menu-services-weghofs a {
            font-weight: 500;
            text-transform: none;
            padding: 0;
            color: #71b2c9;
        }

            .nav-menu-services-column-fs .nav-menu-services-weghofs a:active,
            .nav-menu-services-column-fs .nav-menu-services-weghofs a:hover {
                background-color: transparent;
                text-decoration: underline;
                color: #71b2c9;
            }

    .nav-menu-services-column-fs a:hover,
    .nav-menu-services-column-fs a:active {
        background-color: rgba(25, 92, 173, 0.13);
    }

.mobile_menu-item-redirect-fs {
    color: #71b2c9;
}

.mobile_menu-logout-fs {
    background-color: #71b2c9;
}

.mobile_menu-logo-fs {
    height: 32px;
    position: absolute;
    top: 16px;
    left: 23px;
}

.mobile_menu-register-fs,
.nav-register-fs a {
    background-color: #195cad !important;
}

.mobile_menu-close-fs {
    background-image: url(../Images/close-nav-mobile-fs.svg);
}

.callme-btn-fs {
    background-image: url(../Images/call-us-fs.svg);
}

.hamburguer-btn-fs {
    background-image: url(../Images/menu-fs.svg);
}

.header-fs .nav-item {
    margin-right: 0.7rem;
}

.header-fs .nav-item-services {
    /* background-image: url(../Images/arrow-down.svg); */
    padding-right: 15px;
    /* margin-right: 0.2rem; */
}

.header-fs-home {
    background: linear-gradient( 90deg, rgba(5, 117, 230, 0.6) 0%, rgba(2, 27, 121, 0.6) 100% );
    background-size: contain;
}

    .header-fs-home .nav-item > a,
    .header-fs-home .nav-item > button {
        color: #fff;
        font-weight: normal;
    }

    .header-fs-home .nav-item.nav-register-fs > a {
        color: white;
    }

    .header-fs-home .nav-item-services {
        /* background-image: url(../Images/arrow-down-white.svg); */
    }

    .header-fs-home .nav-item-help {
        background-image: url(../Images/General/help-icon-white.svg);
    }

.header-fs .callme-btn {
    margin-right: 27px;
    color: #ffffff;
    background-image: url(../Images/call-us-fs.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 38px;
    height: 40px;
}

.header-fs .hamburguer-btn {
    position: relative;
    background-image: url(../Images/hamburger-menu-fs.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 38px;
    height: 31px;
    margin-right: 27px;
}

@media screen and (max-width: 768px) {
    .header-fs {
        height: 66px;
        padding: 0;
    }

        .header-fs .header-div {
            margin-left: 1rem;
        }

    .header-fs-home {
        background-color: rgba(255, 255, 255, 0.8);
    }
}

.mobile_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200;
    background-color: #eaeaea;
    visibility: hidden;
    overflow: auto;
}

.mobile_menu--open {
    visibility: initial;
}

    .mobile_menu--open .mobile_menu-container {
        transform: translate(0, 0);
    }

.mobile_menu-container {
    position: absolute;
    right: 0;
    width: 60%;
    height: 100%;
    background-color: #f6f9fc;
    transform: translate(100%, 0);
    transition: transform 0.3s ease-in-out;
}

@media only screen and (max-width: 780px) {
    .mobile_menu-container {
        width: 100%;
    }
}

.mobile_menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 26px;
    height: 26px;
    background: transparent;
    background-image: url(../Images/close-nav-mobile.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.mobile_menu-nav {
    position: absolute;
    top: 10%;
    width: 100%;
}

.mobile_menu-nav-logged {
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.09);
}

    .mobile_menu-nav-logged .mobile_menu-item {
        font-weight: 500;
    }

.mobile_menu-item {
    height: 50px;
    font-size: 16px;
    line-height: 21px;
    color: #4a4a4a;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-left: 24px;
}

    .mobile_menu-item:last-child {
        margin-bottom: 0;
    }

    .mobile_menu-item img {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

.mobile_menu-logo {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 12px;
    left: 23px;
}

.mobile_menu-item-redirect {
    height: 50px;
    font-size: 16px;
    line-height: 21px;
    color: #195cad;
    text-transform: uppercase;
    background-color: #d8d8d8;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 24%;
    padding-left: 24px;
}

.mobile_menu-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 780px) {
    .mobile_menu-buttons {
        justify-content: flex-start;
        margin-left: 24px;
    }
}

@media screen and (max-width: 680px) {
    .mobile_menu-buttons {
        justify-content: center;
        margin-left: auto;
    }
}

.mobile_menu-btn {
    width: 180px;
    height: 43px;
    border-radius: 5px;
    font-size: 20px;
    letter-spacing: 0.04px;
    margin: 8px;
}

@media screen and (max-width: 375px) {
    .mobile_menu-btn {
        width: 160px;
    }
}

@media screen and (max-width: 320px) {
    .mobile_menu-btn {
        width: 135px;
    }
}

.mobile_menu-login {
    background-color: transparent;
    color: #424242;
    border: 1px solid #71b2c9;
}

.mobile_menu-register {
    background-color: #1e2e43;
    color: #ffffff;
}

    .mobile_menu-register::after {
        content: "→";
        color: #ffffff;
        font-weight: 700;
    }

.mobile_menu-logout {
    font-size: 16px;
    background-color: #71b2c9;
    color: #ffffff;
}
/* END HEADER WEGHO FS*/

/* FOOTER */
.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 8% 15px 8%;
    box-sizing: border-box;
    background-image: linear-gradient( to bottom, #99ccde, #71b2c9 10%, #44869c, #3f8298 );
    color: #f6f9fc;
    z-index: 10;
}

    .footer:before {
        content: "";
        position: absolute;
        top: -4px;
        left: -10%;
        right: -10%;
        height: 1px;
        background-color: transparent;
        box-shadow: 4px 4px 2px #ebebeb;
    }

    .footer p {
        font-size: 12px;
        line-height: 19.5px;
        font-weight: lighter;
    }

    .footer li {
        font-size: 12px;
        line-height: 22px;
        font-weight: lighter;
    }

        .footer li:hover,
        .footer li:active {
            text-decoration: underline;
        }

    .footer h3 {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 24px;
        margin-top: 24px;
        font-weight: 500;
    }

.footer-column-wegho {
    width: 24%;
}

.footer-column {
    float: left;
    text-align: left;
    vertical-align: top;
    height: 80%;
}

@media only screen and (max-width: 920px) {
    .footer-column {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        border-top: 1px solid #fff;
    }

    .footer-column-wegho {
        border-top: none;
    }

    .footer-column-language {
        display: flex;
        justify-content: space-between;
    }

    .footer-column > * {
        margin-bottom: 5px;
        align-items: center;
        justify-content: center;
    }

    .footer-column img {
        width: 40%;
    }
}

.footer-row {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 920px) {
    .footer-row {
        flex-wrap: wrap;
    }
}

.footer-row:first-child {
    margin-bottom: 32px;
}

.footer-row-border-top {
    border-top: 1px solid #fff;
}

@media only screen and (max-width: 920px) {
    .footer-row:first-child {
        margin-bottom: 0;
    }

    .footer-row-border-top {
        border-top: none;
    }
}

@media only screen and (max-width: 920px) {
    .footer-row-mobile {
        display: block;
    }
}

.footer-text {
    margin-top: 18.4px;
    margin-bottom: 24px;
}

@media only screen and (max-width: 920px) {
    .footer-text {
        margin-top: 8px;
        margin-bottom: 0;
    }
}

.footer-button {
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 11px 20px;
    border-radius: 3px;
    margin-top: 24px;
    display: block;
}

    .footer-button:hover {
        background-color: white;
        color: #3f8298;
        transition: all 0.3s ease-in-out;
    }

@media only screen and (max-width: 920px) {
    .footer-button {
        margin-top: 18px;
        margin-bottom: 18px;
        width: fit-content;
    }
}

.footer .nav_lang_button {
    padding-right: 30px;
    height: 29px;
    font-size: 14px;
    font-weight: lighter;
}

.footer .nav_logged-menu {
    display: none;
}

.footer .nav-logged--open button {
    background-color: transparent;
    padding-right: 20px;
    background-position: 100% 54%;
    height: auto;
}

@media only screen and (max-width: 920px) {
    .collapsible {
        background-image: url(../Images/arrow-down-white.svg);
        background-repeat: no-repeat;
        background-position: right;
    }

        .collapsible.active {
            background-image: url(../Images/arrow-up-white.svg);
        }

    .content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }
}

footer .nav-logged--open .nav_logged-menu {
    display: block;
}

@media only screen and (max-width: 920px) {
    footer .nav-logged--open .nav_logged-menu {
        position: relative;
    }
}

footer .nav-menu-services-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #ffffff;
    margin-left: 43%;
}

.nav-language {
    display: block;
}

@media only screen and (max-width: 920px) {
    .nav-language {
        height: auto;
        margin-bottom: 0;
        margin-top: 8px;
    }
}

.nav-language button {
    padding-right: 22px;
    color: white;
    height: 43px;
    outline: none;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    text-align: center;
    background-image: url(../Images/arrow-down-white.svg);
    background-repeat: no-repeat;
    background-position: 94% 54%;
}

@media only screen and (max-width: 920px) {
    .nav-language button {
        height: auto;
    }
}

.footer-logo {
    width: 42%;
    margin-right: 2%;
    margin-top: 1%;
    vertical-align: middle;
}

@media only screen and (max-width: 1900px) {
    .footer-logo {
        width: 58%;
    }
}

@media only screen and (max-width: 980px) {
    .footer-logo {
        width: 55%;
    }
}

@media only screen and (max-width: 920px) {
    .footer-logo {
        width: 25%;
        margin-top: 2%;
    }
}

.footer-row-social {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    margin-bottom: 12px;
}

.footer-row-financing {
    justify-content: flex-start;
}

.footer-social {
    margin-top: 10%;
    margin-left: 8%;
    vertical-align: middle;
}

.footer-financing {
    margin-top: 40px;
    margin-right: 40px;
}

    .footer-financing:last-of-type {
        margin-right: 0;
    }

.footer-store {
    width: 100px;
}

.footer-payment {
    width: 45px;
    margin-right: 16px;
}

.footer-payment--mb {
    width: 34px;
    height: 30px;
    margin-right: 16px;
}

.footer-last {
    margin-top: 25px;
    height: 40px;
    align-items: center;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.1px;
}

@media only screen and (max-width: 920px) {
    .footer-row-social {
        justify-content: flex-start;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .footer-social {
        margin: 4% 0% 4% 0 !important;
        width: 18%;
    }

    .footer-financing {
        margin-top: 24px;
    }

    .footer-store {
        width: 80px;
    }

    .footer-payment {
        width: 42px !important;
        height: 30px;
        margin-right: 10px;
    }

    .footer-payment--mb {
        width: 22px !important;
        margin-right: 10px;
    }

    .footer-last {
        margin-top: 10px;
        font-size: 11px;
    }

        .footer-last p {
            margin-bottom: 0;
        }
}

@media only screen and (max-width: 670px) {
    .footer-row-financing {
        display: inline-grid;
    }
}
/*END FOOTER*/

/* FOOTER WEGHO FS */
.footer-fs {
    background-image: linear-gradient(to bottom, #195cad, #1c1f2a);
}

    .footer-fs .footer-column-wegho {
        width: 45%;
    }

@media only screen and (max-width: 780px) {
    .footer-fs .footer-column-wegho {
        width: 100%;
    }
}

.footer-fs .footer-column-social-fs {
    margin-top: 62px;
    align-items: flex-end;
    display: flex;
    margin-bottom: 24px;
}

    .footer-fs .footer-column-social-fs .footer-social {
        margin-top: 0;
        margin-left: 0;
        margin-right: 18%;
    }

.footer-fs .footer-button {
    display: block;
    margin-top: 62px;
}

    .footer-fs .footer-button:hover {
        background-color: white;
        color: black;
        transition: all 0.3s ease-in-out;
    }

@media only screen and (max-width: 780px) {
    .footer-fs .footer-column-social-fs {
        margin-top: 24px;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    .footer-fs .footer-button {
        margin-top: 24px;
    }

    .footer-fs .footer-column-social-fs .footer-social {
        margin: 24px 0 24px 0 !important;
    }
}

.footer-fs:before {
    box-shadow: none;
}
/* END FOOTER WEGHO FS*/

/* WEGHO HOMEPAGE */

/* TALK TO US */
.contact-us {
    position: fixed;
    top: 280px;
    left: 0;
    z-index: 100;
    background-image: linear-gradient(to bottom, #71b2c9, #6ac3e0);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.37px;
    color: #fff;
    cursor: pointer;
    width: 70px;
    height: 150px;
}

    .contact-us:hover {
        box-shadow: 0 0 2px black;
    }

    .contact-us .fone {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-image: url(../Images/TalkToUs/call_us_dark_blue_banner.svg);
        border-top-right-radius: 5px;
        background-repeat: no-repeat;
        background-position: bottom;
        margin-bottom: -10px;
        height: 100%;
    }

        .contact-us .fone p {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: -0.37px;
            line-height: 15px;
        }

    .contact-us .text {
        display: flex;
        height: 100%;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .contact-us img {
        margin-bottom: 5px;
    }

@media only screen and (max-width: 860px) {
    .contact-us {
        display: none;
    }
}
/* END TALK TO US*/
#GValidator {
    display: flex;
}

@media screen and (max-width: 860px) {
    #GValidator {
        margin: 12px 0;
    }
}

.login,
.register {
    width: 46%;
    border-radius: 3px;
    background-color: rgba(163, 228, 252, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 56px auto;
    text-align: center;
}

.login-form {
    width: 60%;
    padding: 40px 0;
    margin: auto;
    color: #1c1f2a;
}

    .login-form .login-title {
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 49px;
        margin-bottom: 16px;
        color: #75bbd1;
    }

    .login-form .login-subtitle {
        text-transform: uppercase;
        font-size: 20px;
        line-height: 20px;
    }

    .login-form .login-subsubtitle {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 20px;
        margin-top:10px;
    }

    .login-form p {
        color: #1c1f2a;
        font-size: 14px;
        line-height: 18px;
    }

    .login-form a {
        color: #75bbd1;
        font-weight: 600;
    }

    .login-form .login-divider {
        margin-top: 24px;
    }

    .login-form button {
        width: 100%;
        height: 43px;
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }

    .login-form #btnlogin,
    .login-form #btnRecoverPass,
    .login-form #setPassword {
        margin-top: 48px;
        margin-bottom: 16px;
    }

    .login-form .login-facebook {
        color: #ffffff;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 24px;
        background-color: #485991;
    }

        .login-form .login-facebook img {
            width: 20px;
            height: 60%;
            margin-right: 10px;
        }

.login-fs {
    width: 46%;
    border-radius: 3px;
    background-color: rgba(25, 92, 173, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 56px auto;
    text-align: center;
}

    .login-fs .login-title,
    .login-fs a {
        color: #195cad;
    }

    .login-fs #btnlogin {
        background: linear-gradient(180deg, #3695d6 0%, #195cad 100%);
    }


.login-cleaning-local {
    width: 46%;
    border-radius: 3px;
    background-color: rgba(25, 92, 173, 0.1);
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    margin: 56px auto;
    text-align: center;
}

    .login-cleaning-local .login-title,
    .login-cleaning-local a {
        color: #349e50;
    }

    .login-cleaning-local #btnlogin {
        background: linear-gradient(180deg, #4fd636 0%, #1b9630 100%)
    }

.register .login-title {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 49px;
    margin-bottom: 16px;
    color: #75bbd1;
    padding-top: 40px;
}

.register .login-form {
    padding: 0;
}

    .register .login-form .input_primary_container {
        margin-bottom: 55px;
    }

        .register .login-form .input_primary_container:last-of-type {
            margin-bottom: 40px;
        }

    .register .login-form #btnRegister {
        margin-bottom: 100px;
    }

.recover_password_success {
    margin: 280px 120px;
}

    .recover_password_success h1,
    .recover_password_success h2 {
        font-weight: 700;
        font-size: 30px;
        letter-spacing: 0.4px;
        text-align: center;
        text-transform: uppercase;
    }

    .recover_password_success h1 {
        margin-bottom: 10px;
        color: #61a7bd;
    }

    .recover_password_success h2 {
        color: #75bbd1;
        margin-bottom: 10px;
    }

@media only screen and (min-height: 1200px) {
    .login,
    .register,
    .login-fs,
    .login-cleaning-local {
        margin: 96px auto;
    }
}

@media only screen and (max-width: 1024px) {
    .login,
    .register,
    .login-fs,
    .login-cleaning-local {
        width: 60%;
    }
}

@media only screen and (max-width: 860px) {
    .login,
    .register,
    .login-fs,
    .login-cleaning-local {
        width: 82%;
    }

    .recover_password_success {
        margin: 200px 70px;
    }
}

@media only screen and (max-width: 420px) {
    .login,
    .register,
    .login-fs,
    .login-cleaning-local {
        width: 100%;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
    }

    .login-form {
        width: 100%;
        padding: 32px 16px;
    }

        .login-form .login-title {
            font-size: 32px;
            letter-spacing: 0;
            line-height: 39px;
        }

        .login-form .login-subtitle {
            font-size: 16px;
            line-height: 19px;
        }

        .login-form .input_primary_container:first-of-type {
            margin-bottom: 48px;
            margin-top: 48px;
        }

        .login-form #btnRecoverPass {
            margin-top: 0;
            margin-bottom: 16px;
        }

        .login-form input {
            background-color: transparent;
        }

        .login-form button {
            font-size: 16px;
        }

    .register .login-form {
        padding: 16px 16px;
    }

    .register .login-title {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 0;
    }

    .recover_password_success {
        margin: 145px 56px;
    }

        .recover_password_success h1,
        .recover_password_success h2 {
            font-size: 14px;
            line-height: 24px;
        }
}

.register-success {
    padding: 120px;
    text-align: center;
}

    .register-success > .title,
    .register-success > .subtitle {
        font-weight: 700;
        font-size: 30px;
        letter-spacing: 0.4px;
        text-align: center;
        text-transform: uppercase;
    }

    .register-success > .title {
        margin-bottom: 24px;
        color: #61a7bd;
    }

    .register-success > .subtitle {
        color: #75bbd1;
        width: 70%;
        margin: auto;
    }

    .register-success > .book-services {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #fec14d;
        box-shadow: 1px 2px 2px rgba(204, 143, 27, 0.4);
        border-radius: 10px;
        min-width: 180px;
        height: 42px;
        padding: 0 10px;
        padding-left: 20px;
        padding-right: 20px;
        margin: auto;
        margin-top: 42px;
    }

@media only screen and (max-width: 420px) {
    .register-success {
        margin: 42px 16px;
    }

        .register-success > .title,
        .register-success > .subtitle {
            font-size: 12px;
        }

        .register-success > .book-services {
            font-size: 12px;
        }
}

.index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .index a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 10px;
        border-radius: 7px;
        font-size: 18px;
        background: #7fb8e6;
        color: #ffffff;
        font-weight: bold;
        padding: 20px;
        text-decoration: none;
        cursor: pointer;
        width: 250px;
    }

.homepage_header header {
    background-color: #d0f3fe;
}

.homepage_header .scrolledHeader {
    background-color: rgba(255, 255, 255, 0.8);
}

.homepage {
    width: 100%;
}

    .homepage > .revolucionaria {
        background: url("../Images/Home/home_top_bg_mobile.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        padding: 15px;
    }

#Group-21-Copy,
#limpeza-2,
#limpeza-3 {
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 4s;
}

#Group-21-Copy {
    animation-name: homeplatform1;
}

@keyframes homeplatform1 {
    30% {
        transform: translate(0, 154px);
    }

    80% {
        transform: translate(0, 157px);
    }
}

#limpeza-2 {
    animation-name: homeplatform2;
    animation-delay: 700ms;
}

@keyframes homeplatform2 {
    50% {
        transform: translate(290px, -30px);
    }

    100% {
        transform: translate(290px, -27px);
    }
}

#limpeza-3 {
    animation-name: homeplatform3;
    animation-delay: 1.5s;
}

@keyframes homeplatform3 {
    50% {
        transform: translate(577px, 135px);
    }

    100% {
        transform: translate(577px, 138px);
    }
}

/*.homepage > .booking_homepage > .woman {
  margin-bottom: -115px;
  z-index: 5;
}

.homepage > .booking_homepage > form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 7px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12),
    0 1px 1px 0 rgba(0, 0, 0, 0.14);
  background-color: #fff;
  width: 100%;
  padding: 25px 15px;
}

.homepage > .booking_homepage > form > h2 {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  color: #71b2c9;
}

.homepage > .booking_homepage > form > p {
  font-size: 14px;
  font-weight: 500;
  color: #787878;
}

.homepage > .booking_homepage > form > .select {
  font-size: 18px;
  font-weight: 600;
  color: #71b2c9;
  padding: 16px 0;
  width: 100%;
  margin-top: 0;
}

.homepage > .booking_homepage > form > .select .mdc-select__anchor {
  width: 100%;
}

.homepage > .booking_homepage > form > .select .mdc-select__selected-text {
  padding-left: 36px;
  color: #71b2c9;
  font-size: 18px;
  font-weight: 600;
}

.homepage > .booking_homepage > form > .select .icon-service {
  background: url(../Images/Home/home_mobile_form_h.svg) no-repeat 50%;
  right: auto;
  left: 8px;
  position: absolute;
  bottom: 11px;
  width: 24px;
  height: 37px;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.homepage > .booking_homepage > form > .zip-code {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 20px 1fr;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.homepage > .booking_homepage > form > .zip-code .input_primary_container {
  margin-top: 0;
}

.homepage
  > .booking_homepage
  > form
  > .zip-code
  .input_primary_container
  input {
  height: 56px;
  border-radius: 7px;
}

.homepage > .booking_homepage > form > .zip-code > p {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}

.homepage > .booking_homepage > form > .zip-code .zip-code-input {
  padding: 12px 16px 12px 34px;
}

.homepage > .booking_homepage > form > .zip-code .icon-zipcode {
  background: url(../Images/Home/home_mobile_form_zipcode.svg) no-repeat 50%;
  right: auto;
  left: 8px;
  position: absolute;
  bottom: 11px;
  width: 24px;
  height: 37px;
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}

.homepage > .booking_homepage > form > button {
  margin-top: 25px;
}

.homepage > .booking_homepage > img {
  margin: 20px 0 10px 0;
}*/

/*.homepage > .revolucionaria {
  display: none;
}*/
.homepage > .revolucionaria > div > div > h1 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;
    color: #1c1f2a;
}

.homepage > .revolucionaria > div > div > p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #00556a;
    margin-top: 25px;
    width: 400px;
}

.homepage > .revolucionaria > div > div > .desktop_titles,
.homepage > .revolucionaria > div > div > .application-btn {
    display: none;
}

.homepage > .revolucionaria > div > div > .mobile_titles {
    margin-top: 28px;
}

.homepage > .revolucionaria > div > div > div {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .homepage > .revolucionaria > div > div > div > button {
        padding: 13px 5px;
        font-weight: 600;
        width: 100%;
    }

        .homepage > .revolucionaria > div > div > div > button:first-of-type {
            margin-right: 8px;
            width: 75%;
        }

    .homepage > .revolucionaria > div > div > div > .home-cleaning-button {
        box-sizing: border-box;
        border: 2px solid #71b2c9;
        border-radius: 5px;
        color: #71b2c9;
        background-color: transparent;
    }

        .homepage > .revolucionaria > div > div > div > .home-cleaning-button:hover {
            background-image: linear-gradient(180deg, #71b2c9, #6ac3e0);
            color: #fff;
        }

        .homepage > .revolucionaria > div > div > div > .home-cleaning-button:active {
            background-color: transparent;
            color: #71b2c9;
            box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
        }

.homepage > .revolucionaria > div > .statistics {
    display: flex;
}

    .homepage > .revolucionaria > div > .statistics > div {
        display: block;
        width: 100%;
    }

        .homepage > .revolucionaria > div > .statistics > div:first-of-type {
            margin-right: 15px;
        }

        .homepage > .revolucionaria > div > .statistics > div > div {
            display: flex;
            margin-bottom: 16px;
        }

            .homepage > .revolucionaria > div > .statistics > div > div > p {
                margin-left: 8px;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.04px;
                line-height: 18px;
            }

.homepage > .revolucionaria > div > div > svg {
    width: 100%;
    max-height: 300px;
    overflow:initial;
}

.homepage > .revolucionaria > div > div > .procura {
    display: none;
}

/*.homepage > .revolucionaria > img {
    margin-top: 200px;
}*/

.home-arrow-down {
    animation: arrowbounce 2s infinite;
}

.modal-container {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
}

    .modal-container > .modal-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto;
        padding: 16px;
        width: 100%;
        border-radius: 8px;
        -webkit-box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.12), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 6px 6px -3px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.12), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 6px 6px -3px rgba(0, 0, 0, 0.2);
        background-color: #fff;
    }

        .modal-container > .modal-content > .image-close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            width: 100%;
        }

            .modal-container > .modal-content > .image-close > img {
                cursor: pointer;
            }

        .modal-container > .modal-content > form > .desktop {
            display: none;
        }

        .modal-container > .modal-content > form > h2 {
            font-size: 26px;
            font-weight: 600;
            color: #1c1f2a;
            text-align: center;
            width: 100%;
            margin-top: 40px;
            margin-bottom: 26px;
        }

        .modal-container > .modal-content > form > p {
            font-size: 12px;
            line-height: 1.75;
            color: #1c1f2a;
            text-align: center;
            width: 100%;
        }

        .modal-container > .modal-content > form > .grid {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: 1fr;
            grid-template-columns: 1fr;
            width: 100%;
        }

        .modal-container > .modal-content > form > .other-grid {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .modal-container > .modal-content > form > .other-grid > button {
                width: 183px;
                height: 43px;
                margin-top: 16px;
                padding: 10px 25px;
            }

        .modal-container > .modal-content > form > .mdc-select {
            width: 100%;
        }

            .modal-container > .modal-content > form > .mdc-select > .mdc-select__anchor {
                width: 100%;
            }

        .modal-container > .modal-content textarea {
            margin: 24px 0 7px 0;
            height: 174px;
        }

        .modal-container > .modal-content .label {
            font-size: 10px;
            line-height: 12px;
            letter-spacing: 0.02px;
            color: #1c1f2a;
        }

        .modal-container > .modal-content > form > button {
            margin-top: 16px;
            width: 183px;
            padding: 10px 15px;
        }

.homepage > .download-app-mobile {
    padding: 40px 16px;
    text-align: center;
}

    .homepage > .download-app-mobile > h2 {
        color: #71b2c9;
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 24px;
    }

    .homepage > .download-app-mobile > p {
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        color: #1c1f2a;
        text-align: center;
        padding: 24px 0;
    }

    .homepage > .download-app-mobile > ul {
        color: #1c1f2a;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 23px;
        text-align: start;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .homepage > .download-app-mobile > img {
        width: 224px;
    }

.homepage > .download-app {
    display: none;
}

.homepage > .porque {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #569cb5;
    color: #fff;
    padding: 40px 15px;
    margin-top: -2px;
}

    .homepage > .porque > h2 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .homepage > .porque > p {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        color: #fff;
        text-align: center;
    }

    .homepage > .porque > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

        .homepage > .porque > div > div {
            text-align: center;
            padding: 40px 0;
        }

            .homepage > .porque > div > div > img {
                width: 285px;
            }

            .homepage > .porque > div > div > h2 {
                font-size: 20px;
                font-weight: bold;
                line-height: 1.2;
                color: #fff;
            }

            .homepage > .porque > div > div > p {
                font-size: 16px;
                line-height: 1.31;
                margin-top: 15px;
            }

    .homepage > .porque > button {
        margin-top: 25px;
        height: 43px;
    }

        .homepage > .porque > button > img {
            height: 16px;
            margin-left: 5px;
        }

.comments {
    padding: 50px 0;
}

    .comments > h2 {
        font-size: 50px;
        font-weight: bold;
        line-height: 1.66;
        letter-spacing: 0.06px;
        text-align: center;
        color: #71b2c9;
    }

    .comments > p {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        color: #1c1f2a;
        margin: auto;
        width: 242px;
    }

    .comments > .quotes {
        padding: 30px 40px;
    }

    .comments .testimonial {
        position: relative;
        padding: 10px;
        text-align: left;
    }

        .comments .testimonial > img {
            width: 100%;
        }

        .comments .testimonial > h2 {
            position: absolute;
            top: -10px;
            padding: 40px 30px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.44;
            letter-spacing: 0.03px;
            color: #3f8298;
        }

        .comments .testimonial > small {
            position: absolute;
            top: 20px;
            padding: 30px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.44;
            letter-spacing: 0.03px;
            color: #9b9b9b;
        }

        .comments .testimonial > div {
            position: absolute;
            top: 40px;
            padding: 30px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (25px) [5];
            grid-template-columns: repeat(5, 25px);
        }

            .comments .testimonial > div > img {
                width: 15px;
            }

        .comments .testimonial > p {
            position: absolute;
            top: 50px;
            padding: 40px 30px;
            font-size: 12px;
            font-weight: 500;
            line-height: 1.7;
            letter-spacing: 0.03px;
            color: #1c1f2a;
        }

    .comments .slick-prev {
        position: absolute;
        top: 45%;
        left: 5px;
        background: none;
        border: 0;
        color: transparent;
    }

        .comments .slick-prev::after {
            content: "";
            display: block;
            background-image: url("../Images/General/arrow_prev.svg");
            background-repeat: no-repeat;
            background-size: contain;
            width: 35px;
            height: 35px;
        }

    .comments .slick-next {
        position: absolute;
        top: 45%;
        right: 5px;
        background: none;
        border: 0;
        color: transparent;
    }

        .comments .slick-next::after {
            content: "";
            display: block;
            background-image: url("../Images/General/arrow_next.svg");
            background-repeat: no-repeat;
            background-size: contain;
            width: 35px;
            height: 35px;
        }

.homepage > .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    /* background-image: url("../Images/Home/home_media_bg.svg"); */
    /* background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left; */
    background-color: rgba(187, 220, 232, 0.27);
    position: relative;
}

    .homepage > .media > svg {
        max-width: 100%;
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
    }

#message1,
#message2,
#message3,
#message4 {
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
}

#message1 {
    animation-name: bounceMessage1;
}

#message2 {
    animation-name: bounceMessage2;
    animation-delay: 0.2s;
}

#message3 {
    animation-name: bounceMessage3;
    animation-delay: 0.3s;
}

#message4 {
    animation-name: bounceMessage4;
    animation-delay: 0.5s;
}

@keyframes bounceMessage1 {
    0%, 30%, 80%, 100% {
        transform: translate(220px, 32px);
    }

    20% {
        transform: translate(220px, 38px);
    }

    60% {
        transform: translate(220px, 36px);
    }
}

@keyframes bounceMessage2 {
    0%, 30%, 80%, 100% {
        transform: translate(305px, 42px);
    }

    20% {
        transform: translate(305px, 47px);
    }

    60% {
        transform: translate(305px, 44px);
    }
}

@keyframes bounceMessage3 {
    0%, 30%, 80%, 100% {
        transform: translate(424px, 66px);
    }

    20% {
        transform: translate(424px, 62px);
    }

    60% {
        transform: translate(424px, 64px);
    }
}

@keyframes bounceMessage4 {
    0%, 30%, 80%, 100% {
        transform: translate(466px, 0px);
    }

    20% {
        transform: translate(466px, 5px);
    }

    60% {
        transform: translate(466px, 3px);
    }
}

/* #raio1,
#raio2,
#raio3 {
  animation: glow-flicker 2s infinite, flicker 2s infinite;
} */

.homepage > .media > h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #1c1f2a;
    padding: 100px 24px 15px 24px;
    width: 70%;
    z-index: 2;
}

.homepage > .media > .images {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    margin-bottom: 30px;
    padding: 0 15px;
    z-index: 2;
}

    .homepage > .media > .images > a {
        max-width: 120px;
        height: auto;
        display: flex;
        cursor: pointer;
        margin: auto;
    }

        .homepage > .media > .images > a > img {
            width: 100%;
        }

    .homepage > .media > .images > .tsf {
        max-width: 70px;
    }

    .homepage > .media > .images > .tvi {
        max-width: 85px;
    }

    .homepage > .media > .images > .dinheiro {
        max-width: 100px;
    }

@media screen and (min-width: 370px) {
    .homepage > .revolucionaria > div > div > div > button:first-of-type {
        margin-right: 15px;
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .homepage > .media > .images {
        -ms-grid-columns: (1fr) [4];
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-left: 115px;
        grid-gap: 24px 16px;
    }

    .homepage > .media > h2 {
        margin-left: 96px;
    }

    .homepage > .media > .images > a {
        max-width: 100px;
    }

    .homepage > .media > .images > .tsf {
        max-width: 58px;
    }

    .homepage > .media > .images > .tvi {
        max-width: 80px;
    }

    .homepage > .media > .images > .dinheiro {
        max-width: 90px;
    }
}

@media screen and (max-width: 900px) {
    .homepage > .media > h2,
    .homepage > .media > .images {
        margin-right: 24px;
    }
}

@media screen and (max-width: 720px) {
    .homepage > .media > h2 {
        margin: 0;
        padding-top: 50px;
        text-align: left;
        margin-right: 72px;
    }

    .homepage > .media > .images {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        justify-content: center;
        text-align: center;
        grid-gap: 24px 16px;
        margin: 0;
    }

        .homepage > .media > .images > img {
            max-width: 85px;
        }

        .homepage > .media > .images > .tsf {
            max-width: 58px;
        }

        .homepage > .media > .images > .tvi,
        .homepage > .media > .images > .dinheiro {
            max-width: 68px;
        }

        .homepage > .media > .images > .uporto {
            max-width: 78px;
        }

    .homepage > .media {
        /* background-image: url("../Images/Home/home_media_bg_mobile.svg");
    background-repeat: no-repeat; */
        align-items: center;
        padding-bottom: 2rem;
    }
}

.application {
    padding: 56px 16px 48px 16px;
    text-align: center;
}

    .application h2 {
        color: #71b2c9;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 27px;
    }

    .application img {
        margin: 32px auto;
        width: 80%;
    }

        .application img:last-child {
            display: none;
        }

    .application p {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
    }

    .application button {
        margin-top: 32px;
    }

.homepage > .newsletter {
    padding: 48px 16px;
    background-color: #f0f0f0;
}

    .homepage > .newsletter > h2 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.05px;
        text-align: center;
        color: #1c1f2a;
        line-height: 27px;
    }

    .homepage > .newsletter > p {
        font-size: 14px;
        text-align: center;
        color: #1c1f2a;
        margin: 15px 0 25px 0;
    }

    .homepage > .newsletter > div {
        display: -ms-grid;
        display: grid;
        grid-gap: 15px;
        -ms-grid-columns: 1fr 126px;
        grid-template-columns: 1fr 126px;
    }

        .homepage > .newsletter > div > div {
            margin-top: 0;
        }

    /*.homepage > .newsletter > div > button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 50px;
        }*/

    .homepage > .newsletter > .checkbox {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 30px 1fr;
        grid-template-columns: 30px 1fr;
        margin: 10px 0;
    }

        .homepage > .newsletter > .checkbox > input {
            border-color: #71b2c9;
            background-color: transparent;
        }

        .homepage > .newsletter > .checkbox > label {
            font-size: 10px;
            color: #1c1f2a;
        }

.about {
    width: 100%;
}

    .about > .somos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f6f9fc;
        padding: 60px 15px;
    }

        .about > .somos > h2 {
            font-size: 32px;
            font-weight: 600;
            color: #1c1f2a;
            margin-bottom: 15px;
            text-align: center;
        }

        .about > .somos > p {
            font-size: 14px;
            line-height: 1.5;
            color: #1c1f2a;
            margin-bottom: 20px;
            text-align: center;
        }

        .about > .somos > img {
            width: 360px;
        }

    .about > .text {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        padding: 60px 16px;
        background: #569cb5;
        font-size: 14px;
        line-height: 1.5;
        color: #fff;
    }

        .about > .text > div > p {
            font-size: 14px;
        }

    .about > .images {
        width: 100%;
        overflow: hidden;
    }

        .about > .images > img {
            width: 300%;
        }

    .about > .trabalhamos {
        padding: 60px 15px;
    }

        .about > .trabalhamos > h3 {
            font-size: 20px;
            font-weight: 500;
            color: #656565;
        }

        .about > .trabalhamos > h2 {
            font-size: 32px;
            font-weight: 600;
            color: #1c1f2a;
        }

        .about > .trabalhamos > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .about > .trabalhamos > div > aside > div {
                margin-top: 40px;
            }

                .about > .trabalhamos > div > aside > div > p {
                    width: 180px;
                    font-size: 16px;
                    color: #1c1f2a;
                    text-align: center;
                    margin-top: 20px;
                }

    .about > .parceiros {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background: #e3eff6;
        padding: 60px 15px;
    }

        .about > .parceiros > h2 {
            font-size: 26px;
            font-weight: 600;
            color: #1c1f2a;
        }

        .about > .parceiros > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            position: relative;
        }

            .about > .parceiros > div > img {
                width: 110px;
                height: 100%;
                margin: 10px 20px;
                z-index: 1;
            }

            .about > .parceiros > div:hover > img {
                filter: blur(5px);
                transition: all 0.8s ease-in;
            }

            .about > .parceiros > div > button {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                /* display: none; */
                opacity: 0;
                transition: all 0.3s ease-in;
                z-index: 2;
            }

            .about > .parceiros > div:hover > button {
                opacity: 1;
                /* display: block; */
            }

    .about > .financiamento {
        padding: 60px 15px;
        text-align: center;
        color: #1c1f2a;
    }

        .about > .financiamento > h2 {
            font-size: 26px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 32px;
        }

        .about > .financiamento > div > h3 {
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 19px;
            margin-bottom: 24px;
            margin-top: 48px;
        }

        .about > .financiamento > .financiamento-images {
            display: flex;
            justify-content: space-between;
            margin-top: 32px;
        }

            .about > .financiamento > .financiamento-images img {
                height: 18px;
            }

        .about > .financiamento > div > div p {
            color: #1b1d2d;
            font-size: 14px;
            letter-spacing: 0;
            line-height: 24px;
            text-align: initial;
        }

            .about > .financiamento > div > div p span {
                font-weight: 600;
            }

        .about > .financiamento > div > .financiamento-descricao p {
            font-weight: 500;
            margin-bottom: 24px;
        }

.services {
    width: 100%;
}

    .services > .servicos {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
    }

        .services > .servicos > .limpeza {
            padding: 10px 15px;
            width: 100%;
        }

            .services > .servicos > .limpeza > h2 {
                font-size: 24px;
                font-weight: 600;
                text-align: center;
                color: #1c1f2a;
                margin-top: 25px;
                margin-bottom: 32px;
                line-height: 30px;
            }

            .services > .servicos > .limpeza > div {
                display: none;
            }

                .services > .servicos > .limpeza > div a {
                    display: flex;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-right: 24px;
                    height: 43px;
                    font-size: 14px;
                    /* transition-duration: 0s; */
                }

                    .services > .servicos > .limpeza > div a:hover {
                        padding-left: 32px;
                        padding-right: 24px;
                    }

.button-arrow {
    position: relative;
}

    .button-arrow span {
        display: inline-block;
        position: relative;
        transition: all 300ms ease-out;
        will-change: transform;
    }

    .button-arrow:hover span {
        transform: translate3d(-1rem, 0, 0);
    }

    .button-arrow svg {
        position: absolute;
        width: 1.1em;
        right: 0px;
        right: 0rem;
        opacity: 0;
        top: 50%;
        transform: translateY(-50%);
        transition: all 300ms ease-out;
        will-change: right, opacity;
    }

        .button-arrow svg * {
            stroke-width: 5;
            stroke-color: transparent;
        }

    .button-arrow:hover svg {
        opacity: 1;
        right: -1.5rem;
    }

.services > .servicos > .limpeza > div > button:last-of-type,
.services > .servicos > .limpeza > div > a.button:last-of-type {
    margin-right: 0;
}

.services > .servicos > .limpeza > .limpeza-mobile {
    display: block;
}

    .services > .servicos > .limpeza > .limpeza-mobile > div {
        display: flex;
        margin-bottom: 12px;
        justify-content: center;
    }

        /*.services > .servicos > .limpeza > .limpeza-mobile > div button {
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 24px;
            height: 82px;
        }*/

        .services > .servicos > .limpeza > .limpeza-mobile > div a {
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 24px;
            height: 82px;
            text-align: center;
            padding: 8px 0px;
            width: 183px;
        }

            .services > .servicos > .limpeza > .limpeza-mobile > div button:last-of-type,
            .services > .servicos > .limpeza > .limpeza-mobile > div a:last-of-type {
                margin-right: 0;
            }

.services > .conheca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f9fc;
    padding: 32px 15px 60px;
}

    .services > .conheca > h2 {
        font-size: 26px;
        font-weight: 600;
        color: #1c1f2a;
        margin-bottom: 15px;
        text-align: center;
        line-height: 32px;
    }

    .services > .conheca > p {
        font-size: 14px;
        line-height: 1.5;
        color: #1c1f2a;
        margin-bottom: 20px;
        text-align: center;
    }

    .services > .conheca > img {
        width: 360px;
    }

.services > .ajudar-com {
    padding: 15px 16px;
    background-color: rgba(113, 178, 201, 0.07);
}

    .services > .ajudar-com > div {
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
        padding: 40px 16px 64px;
    }

        .services > .ajudar-com > div > .image-mobile {
            display: block;
            margin: auto;
            width: 55%;
            margin-bottom: 50px;
        }

        .services > .ajudar-com > div > h2 {
            font-size: 26px;
            font-weight: 600;
            color: #1c1f2a;
            text-align: center;
        }

        .services > .ajudar-com > div > p {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.5;
            text-align: center;
            color: #1c1f2a;
            margin-top: 25px;
            margin-bottom: 30px;
        }

        .services > .ajudar-com > div > .image-desktop {
            display: none;
        }

        .services > .ajudar-com > div > .button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            font-weight: bold;
            height: 43px;
        }

    .services > .ajudar-com > #ServicesContact {
        display: none;
    }

.services > .empresas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 30px;
    padding-bottom: 40px;
}

    .services > .empresas > img {
        margin-top: 20px;
    }

    .services > .empresas > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .services > .empresas > div > h3 {
            font-size: 16px;
            font-weight: 500;
            letter-spacing: 0.03px;
            color: #195cad;
            margin: 15px 0;
            text-align: center;
        }

        .services > .empresas > div > h2 {
            font-size: 20px;
            line-height: 25px;
            font-weight: 500;
            text-align: center;
            color: #1c1f2a;
        }

        .services > .empresas > div > p {
            font-size: 14px;
            line-height: 1.64;
            text-align: center;
            color: #1c1f2a;
            margin-top: 15px;
            margin-bottom: 30px;
        }

        .services > .empresas > div > button {
            text-decoration: underline;
            margin-bottom: 60px;
        }

    .services > .empresas a {
        text-decoration: underline;
        color: #195cad;
        text-align: center;
    }

@media screen and (min-width: 360px) {
    .about > .financiamento > .financiamento-images img {
        height: 20px;
    }
}

@media screen and (min-width: 375px) {
    .about > .financiamento > .financiamento-images img {
        height: 22px;
    }
}

@media screen and (min-width: 400px) {
    .about > .financiamento > .financiamento-images {
        justify-content: space-evenly;
    }

        .about > .financiamento > .financiamento-images img {
            height: 24px;
        }
}

@media screen and (min-width: 768px) {
    .homepage > .revolucionaria {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
        height: 800px;
        padding: 50px 150px;
    }

        .homepage > .revolucionaria > div > div > svg {
            max-height: 410px;
        }

        .homepage > .revolucionaria > div > .statistics > div > div > p {
            font-size: 17px;
            line-height: 24px;
        }

    .application img {
        width: 45%;
    }

    .homepage > .download-app-mobile {
        margin-top: 40px;
        width: 100%;
    }

        .homepage > .download-app-mobile > h2 {
            padding: 0 100px;
            font-size: 30px;
            line-height: 35px;
            margin-bottom: 25px;
        }

        .homepage > .download-app-mobile > p {
            padding: 0 125px 24px;
            font-size: 22px;
            font-weight: 500;
            line-height: 1.09;
        }

        .homepage > .download-app-mobile > ul {
            padding: 0 125px;
            font-size: 18px;
            line-height: 23px;
        }

        .homepage > .download-app-mobile > img {
            width: 466px;
        }

    .homepage > .porque {
        padding: 40px 115px;
    }

    .comments {
        padding: 50px 135px;
    }

    .homepage > .media > h2 {
        padding: 50px 80px 15px 15px;
    }

    .homepage > .newsletter {
        padding: 50px 115px;
    }

    .about > .somos {
        padding: 40px 115px;
    }

    .about > .text {
        padding: 40px 115px;
    }

    .about > .images > img {
        width: 150%;
    }

    .about > .trabalhamos {
        padding: 40px 115px;
    }

        .about > .trabalhamos > div > aside {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr) [2];
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 40px 100px;
        }

    .about > .financiamento {
        padding: 40px 115px;
    }

        .about > .financiamento > .financiamento-images img {
            height: 32px;
        }

    .services > .conheca {
        padding: 40px 115px;
    }

    .services > .servicos > .limpeza {
        padding: 40px 65px;
        margin-top: 50px;
        margin-bottom: 70px;
    }

        .services > .servicos > .limpeza > h2 {
            font-size: 36px;
            margin-bottom: 72px;
            text-transform: uppercase;
        }

        .services > .servicos > .limpeza > div {
            display: flex;
            justify-content: center;
        }

            .services > .servicos > .limpeza > div > button {
                margin-right: 24px;
                height: 43px;
            }

        .services > .servicos > .limpeza > .limpeza-mobile {
            display: none;
        }

    .services > .ajudar-com {
        padding: 40px 115px;
    }

    .services > .empresas {
        padding: 40px 115px;
    }
}

@media only screen and (max-width: 320px) {
    .homepage > .booking_homepage > .woman {
        width: 92%;
    }
}

@media screen and (min-width: 1024px) {
    .homepage > .booking_homepage {
        display: none;
    }

    .homepage > .revolucionaria {
        background: url("../Images/Home/home_top_bg.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 120px 100px 20px 100px;
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .homepage > .revolucionaria {
        padding: 120px 8rem 22px 8rem;
    }
} 

@media screen and (min-width: 1024px) {
    .homepage > .revolucionaria > div {
        display: flex;
        width: 100%;
    }

        .homepage > .revolucionaria > div > div {
            width: 600px;
        }

        .homepage > .revolucionaria > div > .statistics {
            display: none;
        }

        .homepage > .revolucionaria > div > div > svg {
            position: absolute;
            right: 0;
            max-width: 780px;
        }

            .homepage > .revolucionaria > div > div > svg .path {
                /* stroke-dasharray: 300 1185; */
                stroke-dasharray: 1000;
                stroke-dashoffset: 2000;
                animation: dash 4s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

    @keyframes dash {
        to {
            stroke-dashoffset: 0;
        }
    }

    .homepage > .revolucionaria > div > div > h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .homepage > .revolucionaria > div > div > .desktop_titles {
        display: block;
    }

    .homepage > .revolucionaria > div > div > .mobile_titles {
        display: none;
    }

    .homepage > .revolucionaria > div > div > p,
    .homepage > .revolucionaria > div > div > .application-btn {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        color: #00556a;
        margin-top: 25px;
    }

    .homepage > .revolucionaria > div > div > .application-btn {
        display: inline-block;
    }

        .homepage > .revolucionaria > div > div > .application-btn:hover {
            margin-top: 24px;
            border-bottom: 1px solid #00556a;
        }

    .homepage > .revolucionaria > div > div > p {
        width: 400px;
    }

    .homepage > .revolucionaria > div > div > div {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .homepage > .revolucionaria > div > div > div > button {
            padding: 13px 30px;
            font-weight: 600;
            width: auto;
        }

            .homepage > .revolucionaria > div > div > div > button:first-of-type {
                width: auto;
            }

        .homepage > .revolucionaria > div > div > div > .home-cleaning-button {
            box-sizing: border-box;
            border: 2px solid #71b2c9;
            border-radius: 5px;
            color: #71b2c9;
            background-color: transparent;
        }

            .homepage > .revolucionaria > div > div > div > .home-cleaning-button:hover {
                background-image: linear-gradient(180deg, #71b2c9, #6ac3e0);
                color: #fff;
            }

            .homepage > .revolucionaria > div > div > div > .home-cleaning-button:active {
                background-color: transparent;
                color: #71b2c9;
                box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
            }

    .homepage > .revolucionaria > div > div > .procura {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.03px;
        color: #00556a;
        margin-top: 25px;
    }

    .homepage > .revolucionaria > img {
        margin-top: 200px;
    }

    .modal-container {
        padding: 50px 100px;
    }

        .modal-container > .modal-content {
            padding: 22px;
        }

            .modal-container > .modal-content > form {
                width: 100%;
            }

                .modal-container > .modal-content > form > h1 {
                    font-size: 35px;
                    font-weight: 500;
                    color: #71b2c9;
                    text-transform: uppercase;
                    text-align: center;
                }

                .modal-container > .modal-content > form > p {
                    font-size: 16px;
                    font-weight: 500;
                    text-align: center;
                    line-height: 20px;
                    color: #424242;
                    width: 380px;
                    margin: 24px auto 0px auto;
                }

                .modal-container > .modal-content > form > .grid {
                    -ms-grid-columns: (1fr) [2];
                    grid-template-columns: repeat(2, 1fr);
                    grid-gap: 24px;
                }

                .modal-container > .modal-content > form > .other-grid {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                }

                    .modal-container > .modal-content > form > .other-grid > button {
                        width: 183px;
                        height: 43px;
                        margin-top: 0;
                        margin-left: 24px;
                        padding: 10px 25px;
                    }

                .modal-container > .modal-content > form > .mobile {
                    display: none;
                }

                .modal-container > .modal-content > form > .desktop {
                    display: block;
                }
}


@media screen and (max-width: 1140px) and (min-width: 1024px) {
    .homepage > .revolucionaria > div > div > svg {
        position: absolute;
        right: 0;
        max-width: 509px;
    }
}

@media screen and (min-width: 1330px) {
    .homepage > .revolucionaria > div > div > svg {
        width: 60%;
    }
}
 
@media screen and (min-width: 1140px) {
    .homepage > .revolucionaria > div > div > svg {
        width: 55%;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .modal-container {
        padding: 50px 300px; 
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .modal-container {
        padding: 50px 500px;
    }
}

@media screen and (min-width: 950px) {
    .homepage > .download-app-mobile {
        margin-top: 0;
    }

        .homepage > .download-app-mobile > img {
            width: 465px;
        }

        .homepage > .download-app-mobile > h2 {
            font-size: 35px;
            font-weight: 600;
            letter-spacing: -0.4px;
            line-height: 49px;
            margin-bottom: 32px;
        }

        .homepage > .download-app-mobile > p {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            margin: auto;
        }

        .homepage > .download-app-mobile > ul {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 28.6px;
            margin-bottom: 32px;
        }

        .homepage > .download-app-mobile > button {
            width: 35%;
            margin-left: auto;
            margin-right: 0;
        }
}

@media screen and (min-width: 1150px) {
    .homepage > .download-app-mobile {
        display: none;
    }

    .homepage > .download-app {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        padding: 100px 120px 140px 120px;
    }

        .homepage > .download-app img {
            width: 50%;
        }

        .homepage > .download-app > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 559px;
        }

            .homepage > .download-app > div > h2 {
                font-size: 35px;
                font-weight: 600;
                letter-spacing: -0.4px;
                line-height: 49px;
                color: #71b2c9;
                margin-bottom: 32px;
            }

            .homepage > .download-app > div > p {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #1c1f2a;
                width: 520px;
                margin-bottom: 24px;
            }

            .homepage > .download-app > div > ul {
                color: #1c1f2a;
                font-size: 16px;
                letter-spacing: 0;
                line-height: 28.6px;
                margin-bottom: 32px;
            }

            .homepage > .download-app > div > button {
                width: 35%;
                margin-left: auto;
                margin-right: 0;
            }
}

@media screen and (min-width: 1024px) {
    .homepage > .porque {
        padding: 75px 120px 260px 120px;
        margin-top: 0px;
        background-image: url("../Images/Home/home_services_bg.svg");
        background-color: #f6f9fc;
        background-size: cover;
        background-position: bottom;
    }

        .homepage > .porque > h2 {
            font-size: 35px;
            letter-spacing: 0.07px;
            margin-bottom: 25px;
        }

        .homepage > .porque > p {
            font-size: 16px;
            line-height: 1.44;
            width: 900px;
            margin-bottom: 70px;
        }

            .homepage > .porque > p:first-of-type {
                margin-bottom: 12px;
            }

    /* .homepage > .porque > div {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 25px;
  } */
}

@media screen and (min-width: 1300px) {
    .homepage > .porque > div {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 150px;
    }
}

@media screen and (min-width: 1024px) {
    .homepage > .porque > div > div {
        text-align: center;
    }

        .homepage > .porque > div > div > img {
            width: 180px;
        }

        .homepage > .porque > div > div > h2 {
            line-height: 1.4;
        }

        .homepage > .porque > div > div > p {
            line-height: 1.5;
            width: 380px;
        }

    .homepage > .application {
        display: none;
    }

    .application {
        display: flex;
        justify-content: space-between;
        text-align: start;
        padding: 120px 100px 50px 100px;
    }

        .application h2 {
            font-size: 32px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 39px;
            margin-bottom: 72px;
        }

        .application p {
            font-size: 18px;
            letter-spacing: 0;
            line-height: 24px;
        }

        .application button {
            margin-top: 72px;
        }

        .application img {
            width: 38%;
            margin: 0;
        }

        .application > div {
            width: 50%;
        }

            .application > div > img:first-of-type {
                display: none;
            }

        .application img:last-child {
            display: block;
        }

    .comments {
        padding: 50px 100px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .comments {
        padding: 50px 300px;
    }

    .application {
        padding: 120px 8rem 72px 8rem;
    }
}

@media screen and (min-width: 600px) {
    .comments > h2 {
        font-size: 60px;
    }
}

@media screen and (min-width: 1024px) {
    .comments > p {
        font-size: 35px;
        font-weight: 600;
        line-height: 1.51;
        margin: 0 auto;
        width: 470px;
    }

    .comments > .quotes {
        padding: 30px 40px;
    }

    .comments .testimonial {
        position: relative;
        padding: 10px;
        max-width: 380px;
    }

        .comments .testimonial > img {
            width: 100%;
        }

        .comments .testimonial > h2 {
            padding: 45px 30px;
        }

        .comments .testimonial > small {
            top: 30px;
        }

        .comments .testimonial > div {
            top: 60px;
        }

        .comments .testimonial > p {
            top: 70px;
            font-size: 16px;
        }

    .homepage > .media {
        /* background-image: url("../Images/Home/home-socialmedia.svg"); */
        background-color: rgba(187, 220, 232, 0.27);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 50px 100px 70px 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .homepage > .media > h2 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 35px;
            text-align: center;
            color: #1c1f2a;
            width: 100%;
            margin-bottom: 40px;
            padding: 0;
        }

        .homepage > .media .images {
            margin-bottom: 0;
            grid-gap: 40px;
        }

    .homepage > .newsletter {
        padding: 100px;
        background: #f6f9fc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .homepage > .newsletter > h2 {
            font-size: 26px;
            letter-spacing: 0;
            width: 500px;
        }

        .homepage > .newsletter > p {
            font-size: 16px;
            margin-bottom: 60px;
        }

        .homepage > .newsletter > div {
            width: 590px;
        }

        .homepage > .newsletter > .checkbox > label {
            width: 400px;
        }

    .about > .somos {
        padding: 75px 15px;
    }

        .about > .somos > h2 {
            font-size: 40px;
        }

        .about > .somos > p {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.63;
            width: 995px;
        }

        .about > .somos > img {
            width: 800px;
        }

    .about > .text {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 80px;
        padding: 75px 120px;
    }

    .about > .images > img {
        width: 100%;
    }

    .about > .trabalhamos {
        padding: 75px 120px;
    }

        .about > .trabalhamos > h3 {
            font-size: 26px;
            margin-bottom: 10px;
        }

        .about > .trabalhamos > h2 {
            font-size: 40px;
        }

        .about > .trabalhamos > div > aside {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr) [3];
            grid-template-columns: repeat(3, 1fr);
            grid-gap: 70px 100px;
        }

    .about > .financiamento {
        padding: 75px 120px;
    }

        .about > .financiamento > h2 {
            width: 95%;
            margin: auto;
            font-size: 40px;
            line-height: 49px;
        }

        .about > .financiamento > div > h3 {
            font-size: 26px;
            line-height: 32px;
            margin-top: 88px;
        }

        .about > .financiamento > div > div p {
            font-size: 16px;
            line-height: 24px;
        }

        .about > .financiamento > .financiamento-images {
            margin-top: 56px;
        }

            .about > .financiamento > .financiamento-images img {
                height: 48px;
            }

    .services > .conheca {
        padding: 75px 15px;
    }

        .services > .conheca > h2 {
            font-size: 40px;
        }

        .services > .conheca > p {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.63;
            width: 995px;
        }

        .services > .conheca > img {
            width: 800px;
        }
}

@media screen and (min-width: 1200px) {
    .about > .financiamento {
        padding: 75px 120px;
    }

        .about > .financiamento > h2,
        .about > .financiamento > div > div {
            width: 70%;
            margin: auto;
        }

        .about > .financiamento > .financiamento-images {
            width: 80%;
            margin: auto;
            margin-top: 56px;
        }

            .about > .financiamento > .financiamento-images img {
                height: 56px;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .about > .trabalhamos > div > aside {
        grid-gap: 70px 200px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .about > .trabalhamos > div > aside {
        grid-gap: 70px 300px;
    }
}

@media screen and (min-width: 1024px) {
    .about > .parceiros {
        padding: 75px 95px;
    }

        .about > .parceiros > h2 {
            font-size: 40px;
        }

        .about > .parceiros > div > img {
            width: 168px;
            margin: 40px 20px;
        }
}

.contacts {
    background-image: url(../Images/ContactUsPage/contact-us-bg-mobile.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 166px;
    background-position-x: right;
}

    .contacts > .contacts-title {
        font-size: 26px;
        font-weight: 600;
        color: #1c1f2a;
        margin-top: 32px;
        margin-bottom: 24px;
        text-align: center;
        line-height: 32px;
    }

    .contacts > .contacts-subtitle {
        font-size: 14px;
        line-height: 21px;
        color: #1c1f2a;
        margin-bottom: 76px;
        text-align: center;
    }

    .contacts > .contacts-form-section {
        text-align: center;
        margin-top: 30px;
        margin: auto 16px;
    }

        .contacts > .contacts-form-section > .contacts-form {
            background-color: #ffffff;
            border-radius: 15px;
            padding: 3%;
            text-align: center;
            width: 100%;
            box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
            box-sizing: border-box;
        }

            .contacts > .contacts-form-section > .contacts-form > .mdc-select.mdc-select--outlined
            .mdc-floating-label {
                color: #71b2c9;
            }

            .contacts > .contacts-form-section > .contacts-form > .contacts-textarea {
                height: 175px;
                margin-top: 24px;
            }

            .contacts > .contacts-form-section > .contacts-form > .grid {
                display: block;
            }

                .contacts > .contacts-form-section > .contacts-form > .grid > .first {
                    margin-right: 0;
                }

    .contacts > .contacts-boxes {
        display: block;
        margin: 12px 16px auto;
    }

        .contacts > .contacts-boxes > .contact-box {
            width: 100%;
            padding: 20px 0 20px 0;
            display: flex;
            color: #1c1f2a;
            text-align: start;
        }

            .contacts > .contacts-boxes > .contact-box img {
                width: 48px;
                height: 60px;
                margin-right: 10px;
            }

            .contacts > .contacts-boxes > .contact-box h2 {
                font-size: 17px;
                font-weight: bold;
                line-height: 20px;
            }

            .contacts > .contacts-boxes > .contact-box p {
                font-size: 14px;
                line-height: 21px;
                margin-top: 8px;
            }

            .contacts > .contacts-boxes > .contact-box a {
                font-weight: bold;
            }

            .contacts > .contacts-boxes > .contact-box .contact-general {
                font-size: 14px;
                font-weight: inherit;
            }

                .contacts > .contacts-boxes > .contact-box .contact-general:hover {
                    font-weight: 500;
                    text-decoration: underline;
                }

@media screen and (min-width: 760px) {
    .contacts {
        background-image: url(../Images/ContactUsPage/contact-us-bg-tablet.svg);
        background-position-y: 370px;
    }

        .contacts > .contacts-subtitle {
            margin: 0 193px 32px;
        }

        .contacts > .contacts-form-section {
            margin: auto 98px;
        }

        .contacts > .contacts-boxes {
            display: flex;
            margin: 12px 98px auto;
        }

            .contacts > .contacts-boxes > .contact-box {
                margin-bottom: 50px;
                padding: 20px 20px 20px 0;
            }
}

@media screen and (min-width: 867px) {
    .contacts > .contacts-title {
        font-size: 40px;
        margin-top: 72px;
        margin-bottom: 32px;
    }

    .contacts > .contacts-subtitle {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.63;
        width: 995px;
        margin: 0 auto 96px auto;
    }

    .contacts > .contacts-form-section {
        width: 60%;
        margin: auto;
    }

        .contacts > .contacts-form-section > .contacts-form > .grid {
            width: 100%;
            display: flex;
        }

            .contacts > .contacts-form-section > .contacts-form > .grid > .first {
                margin-right: 24px;
            }

        .contacts > .contacts-form-section > .contacts-form > .other-grid {
            text-align: start;
            display: flex;
        }

            .contacts > .contacts-form-section > .contacts-form > .other-grid
            .mdc-form-field {
                margin-right: 8px;
            }

                .contacts > .contacts-form-section > .contacts-form > .other-grid
                .mdc-form-field
                label {
                    color: #1c1f2a;
                    font-family: Montserrat;
                    font-size: 10px;
                    letter-spacing: 0.02px;
                    line-height: 13px;
                }

        .contacts > .contacts-form-section > .contacts-form button {
            font-weight: 500;
            margin-right: 0;
            width: 22%;
            margin-left: auto;
            margin-right: 0;
            display: block;
            margin-top: 24px;
        }

    .contacts > .contacts-boxes {
        width: 60%;
        margin: auto;
        margin-top: 76px;
    }

        .contacts > .contacts-boxes > .contact-box {
            margin-bottom: 70px;
            padding: 20px 20px 20px 0;
        }
}

@media screen and (min-width: 1160px) {
    .contacts {
        background-image: url(../Images/ContactUsPage/contact-us-bg.svg);
    }
}

@media screen and (min-width: 2000px) {
    .contacts {
        background-size: cover;
    }
}

@media screen and (min-width: 1024px) {
    .services > .ajudar-com {
        padding: 70px 100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        flex-direction: row;
    }

        .services > .ajudar-com > div {
            width: 400px;
            background-color: transparent;
            box-shadow: none;
        }

            .services > .ajudar-com > div > .image-mobile {
                display: none;
            }

            .services > .ajudar-com > div > h2 {
                text-align: left;
            }

            .services > .ajudar-com > div > p {
                text-align: left;
                margin-top: 30px;
                font-size: 16px;
                width: 380px;
            }

            .services > .ajudar-com > div > .image-desktop {
                display: block;
                width: 70%;
                margin: 0 auto;
            }

            .services > .ajudar-com > div > .button {
                display: none;
            }

        .services > .ajudar-com > #ServicesContact {
            display: block;
        }

        .services > .ajudar-com > div > form {
            width: 470px;
            background: #fff;
            border-radius: 5px;
            padding: 30px;
            -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
            box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.14);
            margin-left: 50px;
        }

            .services > .ajudar-com > div > form > textarea,
            .services > .ajudar-com > div > form > input {
                margin-top: 2rem;
            }

            .services > .ajudar-com > div > form > .mdc-form-field > label {
                font-size: 12px;
                font-weight: 500;
                letter-spacing: 0.03px;
                color: #4a4a4a;
            }

            .services > .ajudar-com > div > form > button {
                margin-top: 10px;
                padding: 12.5px 25px;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services > .ajudar-com {
        padding: 70px 200px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .services > .ajudar-com {
        padding: 70px 300px;
    }
}

@media screen and (max-width: 768px) {
    .services > .ajudar-com {
        padding: 70px 130px;
        background-color: transparent;
    }
}

@media screen and (max-width: 620px) {
    .services > .ajudar-com {
        padding: 70px 16px;
    }
}

@media screen and (min-width: 1024px) {
    .services > .empresas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 70px 100px;
    }

        .services > .empresas > img {
            margin-top: 0;
            margin-right: 100px;
        }

        .services > .empresas > div {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .services > .empresas > div > h3 {
                margin: 0;
                margin-bottom: 15px;
                text-align: left;
            }

            .services > .empresas > div > h2 {
                text-align: left;
                font-size: 26px;
            }

            .services > .empresas > div > p {
                text-align: left;
                margin-top: 10px;
                margin-bottom: 15px;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services > .empresas > div > p {
        width: 690px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services > .empresas {
        padding: 70px 200px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .services > .empresas {
        padding: 70px 300px;
    }
}

.terms-privacy-main {
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: 18% auto;
    grid-template-rows: auto auto;
    column-gap: 70px;
    row-gap: 38px;
    color: #1c1f2a;
}

    .terms-privacy-main .terms-privacy-titles {
        text-align: center;
    }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-title {
            text-align: center;
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 49px;
            margin-top: 72px;
            margin-bottom: 8px;
        }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-date {
            font-size: 14px;
            letter-spacing: 0;
            line-height: 18px;
        }

    .terms-privacy-main .terms-privacy-side-box {
        display: grid;
        background-color: #bbdce8;
        padding: 32px 24px;
        font-size: 14px;
        line-height: 21px;
    }

        .terms-privacy-main .terms-privacy-side-box a:first-of-type {
            margin-bottom: 24px;
        }

        .terms-privacy-main .terms-privacy-side-box a:hover,
        .terms-privacy-main .terms-privacy-side-box > .selected {
            font-weight: 600;
        }

    .terms-privacy-main .terms-privacy-terms-box .others_section {
        margin-bottom: 40px;
    }

        .terms-privacy-main .terms-privacy-terms-box .others_section p {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .terms-privacy-main .terms-privacy-terms-box .others_section a {
            color: #75bbd1;
            font-weight: 600;
        }

    .terms-privacy-main .terms-privacy-terms-box .others_section-title {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 18px;
    }

@media (max-width: 860px) {
    .terms-privacy-main {
        grid-template-columns: auto;
        row-gap: 38px;
    }

        .terms-privacy-main .terms-privacy-desktop-box {
            display: none;
        }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-title {
            margin-top: 48px;
        }
}

@media (max-width: 420px) {
    .terms-privacy-main {
        margin: 0 16px;
        width: auto;
        row-gap: 24px;
    }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-title {
            font-size: 32px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 39px;
            margin-top: 32px;
        }

        .terms-privacy-main .terms-privacy-terms-box .others_section {
            margin-bottom: 24px;
        }

            .terms-privacy-main .terms-privacy-terms-box .others_section p {
                font-size: 12px;
                margin-bottom: 20px;
            }
}

@media (max-width: 320px) {
    .terms-privacy-main {
        margin: 0 16px;
        display: block;
    }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-title {
            font-size: 26px;
        }

        .terms-privacy-main .terms-privacy-titles .terms-privacy-date {
            margin-bottom: 24px;
        }
}

/* WEGHO FS */

/* HOMEPAGE FS */

.homepage-fs {
    width: 100%;
    padding: 0;
}

    .homepage-fs .button {
        height: 43px;
        line-height: 26px;
        border-radius: 5px;
        background-color: #195cad;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    }

    .homepage-fs > .inicio {
        flex-direction: column;
        -webkit-box-pack: justify;
        height: 97vh;
        min-height: 630px;
        background-image: url("/Images/FacilityServices/rectangle_bg.png");
        position: relative;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 60px 50px 20px 50px;
        width: 100%;
        background-color: #f6f9fc;
        background-position: center bottom;
        background-size: cover;
    }

        .homepage-fs > .inicio > div {
            align-items: center;
            justify-content: center;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
            margin-top: 30px;
        }

            .homepage-fs > .inicio > div > .desktop {
                display: none;
                font-size: 40px;
                letter-spacing: 0.09px;
                color: #fff;
                text-align: left;
                font-weight: 500;
            }

            .homepage-fs > .inicio > div > .mobile {
                font-size: 32px;
                font-weight: 600;
                letter-spacing: 0.07px;
                text-align: center;
                color: #fff;
                line-height: 1.2;
            }

            .homepage-fs > .inicio > div > p {
                width: 100%;
                text-align: center;
                font-size: 16px;
                line-height: 1.5;
                text-align: center;
                color: #fff;
                width: 270px;
                margin-top: 25px;
            }

            .homepage-fs > .inicio > div > .button {
                font-weight: 500;
                margin-top: 30px;
                padding: 10px 25px;
                background-color: #195cad;
                background-image: none;
            }

        .homepage-fs > .inicio > img {
            max-width: 90vw;
            max-height: 30vh;
            margin-top: 10vh;
        }

        .homepage-fs > .inicio > .action {
            position: absolute;
            bottom: 25px;
            width: 35px;
            margin: 0;
            animation: arrowbounce 2s infinite;
        }

@keyframes arrowbounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-25px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.homepage-fs > .qualidade {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    background-color: #f6f9fc;
    padding: 60px 15px;
}

    .homepage-fs > .qualidade > h2 {
        font-size: 1.2rem;
        line-height: 1.25;
        font-weight: 500;
        color: #195cad;
    }

        .homepage-fs > .qualidade > h2 > strong {
            font-weight: bold;
        }

    .homepage-fs > .qualidade > p {
        font-size: 0.8rem;
        line-height: 1.5;
        margin-top: 40px;
        margin-bottom: 50px;
        color: #1c1f2a;
    }

    .homepage-fs > .qualidade > div {
        grid-template-columns: 1fr;
        grid-gap: 30px;
        display: grid;
    }

        .homepage-fs > .qualidade > div > div > img {
            width: 180px;
            height: 150px;
        }

.homepage-fs > h2 {
    line-height: 1.9375rem;
}

.homepage-fs > .qualidade > div > div > h2 {
    font-size: 20px;
    font-weight: bold;
    color: #195cad;
    text-transform: uppercase;
    line-height: 1.15;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .homepage-fs > .qualidade > div > div > h2.extraspace {
        margin-bottom: 15px;
        margin-top: 10px;
    }

.homepage-fs > .qualidade > div > div > p {
    font-size: 0.8rem;
    line-height: 1.64;
    color: #1c1f2a;
}

.homepage-fs > .confia {
    background-color: #deecf9;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

    .homepage-fs > .confia > h2 {
        font-size: 1.3rem;
        line-height: 1.2;
        font-weight: 600;
        text-align: center;
        color: #195cad;
        margin-top: 20px;
    }

    .homepage-fs > .confia > div {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 25px;
        margin-bottom: 15px;
        grid-gap: 25px 15px;
        display: grid;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 0 15px;
    }

        .homepage-fs > .confia > div > img {
            width: 100%;
        }

    .homepage-fs > .confia .button {
        padding: 10px 25px;
        background-color: #195cad;
        background-image: none;
        margin-top: 10px;
        margin-bottom: 40px;
    }

.homepage-fs > .testemunhos {
    background: #f6f9fc;
    position: relative;
}

    .homepage-fs > .testemunhos button.slick-next {
        right: 5px;
    }

    .homepage-fs > .testemunhos button.slick-prev {
        left: 5px;
    }

    .homepage-fs > .testemunhos button.slick-next::after {
        background-image: url("../Images/FacilityServices/arrow-next-fs.svg");
        width: 38px;
        height: 38px;
    }

    .homepage-fs > .testemunhos button.slick-prev::after {
        background-image: url("../Images/FacilityServices/arrow-prev-fs.svg");
        width: 38px;
        height: 38px;
    }

    .homepage-fs > .testemunhos > h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.66;
        letter-spacing: 0.06px;
        text-align: center;
        color: #195cad;
        margin-top: 20px;
    }

    .homepage-fs > .testemunhos > p {
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.51;
        text-align: center;
        margin: 0 auto;
        color: #1c1f2a;
        padding: 0 15px;
        width: 241px;
    }

    .homepage-fs > .testemunhos > #prev {
        left: 25%;
        top: 60%;
        position: absolute;
        z-index: 9999;
    }

    .homepage-fs > .testemunhos > #next {
        right: 25%;
        top: 60%;
        position: absolute;
        z-index: 9999;
    }

    .homepage-fs > .testemunhos > .quotes {
        padding: 30px 40px;
    }

    .homepage-fs > .testemunhos .testimonial {
        position: relative;
        padding: 10px;
        width: 420px;
    }

        .homepage-fs > .testemunhos .testimonial > h2 {
            padding: 45px 30px;
            position: absolute;
            top: -10px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.44;
            letter-spacing: 0.03px;
            color: #3f8298;
        }

        .homepage-fs > .testemunhos .testimonial > small {
            top: 30px;
            position: absolute;
            padding: 30px;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.44;
            letter-spacing: 0.03px;
            color: #9b9b9b;
        }

        .homepage-fs > .testemunhos .testimonial > div {
            top: 60px;
            position: absolute;
            padding: 30px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (25px) [5];
            grid-template-columns: repeat(5, 25px);
        }

            .homepage-fs > .testemunhos .testimonial > div > img {
                width: 15px;
            }

        .homepage-fs > .testemunhos .testimonial > p {
            top: 70px;
            font-size: 16px;
            position: absolute;
            padding: 40px 30px;
            font-weight: 500;
            line-height: 1.7;
            letter-spacing: 0.03px;
            color: #1c1f2a;
        }

.homepage-fs > .ajudar > div {
    background-image: url("/Images/FacilityServices/index-form-bg.svg");
    background-size: cover;
    background-position: top center;
    padding: 20px 15px 70px 15px;
}

.ajudar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

    .ajudar > h2 {
        font-size: 26px;
        font-weight: 600;
        text-align: center;
        color: #195cad;
        margin-top: 30px;
    }

    .ajudar > p {
        margin-top: 16px;
        font-size: 14px;
        line-height: 1.3;
        letter-spacing: 0.03px;
        text-align: center;
        color: #1c1f2a;
        width: 350px;
    }

    .ajudar > img {
        width: 250%;
    }

    .ajudar > div {
        background-image: url("../Images/FacilityServices/about-us-fs-contact-section-bg-mobile.svg");
        background-size: cover;
        width: 100%;
        padding: 20px 15px 130px 15px;
    }

        .ajudar > div > form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 8px;
            -webkit-box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.12), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 6px 6px -3px rgba(0, 0, 0, 0.2);
            box-shadow: 0 4px 18px 3px rgba(0, 0, 0, 0.12), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 6px 6px -3px rgba(0, 0, 0, 0.2);
            background-color: #fff;
            padding: 20px;
            margin-top: 30px;
        }

            .ajudar > div > form > .column {
                display: -ms-grid;
                display: grid;
                -ms-grid-columns: 1fr;
                grid-template-columns: 1fr;
                width: 100%;
            }

            .ajudar > div > form > input,
            .ajudar > div > form textarea {
                margin-top: 1.5rem;
            }

            .ajudar > div > form > textarea {
                height: 170px;
            }

            .ajudar > div > form > .mdc-select {
                width: 100%;
            }

.homepage-fs > .textarea_fs {
    border: 2px solid #195cad;
    border-radius: 5px;
    outline: 0;
    padding: 12px 16px;
    width: 100%;
}

.ajudar > div > form > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ajudar button {
    background-image: linear-gradient(180deg, #3695d6 0%, #195cad 100%);
}

.homepage-fs > .ajudar > div > form > div > .button {
    width: 180px;
    height: 43px;
    background-image: -webkit-gradient( linear, left top, left bottom, from(#3695d6), to(#195cad) );
    background-image: linear-gradient(to bottom, #3695d6, #195cad);
    margin-top: 20px;
}

.homepage-fs > .ajudar > img {
    width: 100%;
}

.ajudar > div > form > div > button {
    margin-top: 15px;
    margin-bottom: 20px;
    width: 183px;
    height: 43px;
}

.about-fs > .sobre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    background-color: #f6f9fc;
}

    .about-fs > .sobre > .top {
        display: block;
        padding: 32px 16px 40px;
    }

        .about-fs > .sobre > .top > h1 {
            font-size: 20px;
            line-height: 1.5rem;
            font-weight: 600;
            text-align: center;
            color: #1c1f2a;
            margin: 0 auto 15px auto;
            max-width: 380px;
        }

        .about-fs > .sobre > .top > .image-desktop {
            display: none;
        }

        .about-fs > .sobre > .top > .image-mobile {
            display: block;
            width: 80%;
            margin: auto;
        }

    .about-fs > .sobre > .texto {
        background-color: #195cad;
        padding: 0 0 50px 0;
    }

        .about-fs > .sobre > .texto > img {
            width: 80%;
            margin-top: -170px;
        }

        .about-fs > .sobre > .texto > h2 {
            font-size: 26px;
            font-weight: 600;
            color: #fff;
            padding: 0 15px;
            margin: 25px 0;
        }

        .about-fs > .sobre > .texto > div > div {
            margin-top: 15px;
        }

            .about-fs > .sobre > .texto > div > div > p {
                font-size: 14px;
                line-height: 1.71;
                color: #fff;
                padding: 0 15px;
            }

.about-fs > .processo {
    width: 100%;
    padding: 70px 16px;
    background-color: #f6f9fc;
}

    .about-fs > .processo > div {
        margin-top: 30px;
    }

        .about-fs > .processo > div > img {
            width: 188px;
            margin: auto;
        }

        .about-fs > .processo > div > div > h2 {
            font-size: 22px;
            line-height: 1.5;
            font-weight: 500;
            letter-spacing: 1px;
            color: #195cad;
            margin-top: 15px;
            margin-bottom: 25px;
            max-width: 350px;
        }

        .about-fs > .processo > div > div > p {
            font-size: 14px;
            line-height: 1.5;
            color: #1c1f2a;
        }

.about-fs > .experiencia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #deecf9;
    padding: 30px 15px;
    width: 100%;
}

    .about-fs > .experiencia > h2 {
        font-size: 22px;
        line-height: 1.5;
        font-weight: 600;
        text-align: center;
        color: #195cad;
        margin-bottom: 25px;
        width: 280px;
    }

    .about-fs > .experiencia p {
        font-size: 14px;
        line-height: 1.64;
        color: #1c1f2a;
    }

    .about-fs > .experiencia > div {
        width: 100%;
    }

        .about-fs > .experiencia > div > .images {
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr) [4];
            grid-template-columns: repeat(4, 1fr);
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 25px;
            grid-gap: 25px 15px;
        }

            .about-fs > .experiencia > div > .images > img {
                width: 100%;
            }

.about-fs > .ajudar > div {
    background-image: url("/Images/FacilityServices/index-form-bg.svg");
    background-size: cover;
    background-position: top center;
    padding: 20px 15px 70px 15px;
}

@media screen and (min-width: 768px) {
    .about-fs > .ajudar > div {
        padding: 20px 100px 100px 100px;
    }

    .about-fs > .ajudar > p {
        width: 700px;
    }
}

@media screen and (min-width: 1024px) {
    .about-fs > .ajudar > div {
        padding: 50px 240px 200px 240px;
    }

    .about-fs > .ajudar > h2 {
        font-size: 40px;
        margin-top: 71px;
    }

    .about-fs > .ajudar > p {
        font-size: 26px;
        line-height: 33px;
        letter-spacing: 0.06px;
        width: 790px;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .about-fs > .ajudar > div {
        padding: 50px 300px 200px 300px;
    }
}

/* SERVICES FS */

.services-fs {
    width: 100%;
}

    .services-fs > .conheca {
        background-color: #f6f9fc;
    }

        .services-fs > .conheca > .sobre {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #f6f9fc;
            padding: 0 16px;
        }

            .services-fs > .conheca > .sobre > div > h2 {
                font-size: 26px;
                font-weight: 500;
                text-align: center;
                color: #195cad;
                line-height: 1.5rem;
            }

            .services-fs > .conheca > .sobre > div > p {
                font-size: 14px;
                font-weight: 500;
                line-height: 1.86;
                text-align: center;
                color: #1c1f2a;
                margin-top: 32px;
            }

            .services-fs > .conheca > .sobre > img {
                display: none;
            }

        .services-fs > .conheca > div {
            padding: 40px 20px;
            display: -ms-grid;
            display: grid;
            -ms-grid-columns: (1fr) [2];
            grid-template-columns: repeat(2, 1fr);
            width: 100%;
            grid-gap: 20px;
            background-color: #195cad;
            margin-top: 40px;
        }

            .services-fs > .conheca > div > .card {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-radius: 6px;
                -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14);
                box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 3px 4px 0 rgba(0, 0, 0, 0.14);
                background-color: #fff;
                padding: 20px 0;
                cursor: pointer;
                -webkit-transition: all 0.25s;
                transition: all 0.25s;
            }

                .services-fs > .conheca > div > .card:hover {
                    background: #4a90e2;
                }

                    .services-fs > .conheca > div > .card:hover > h2 {
                        color: #fff;
                    }

                .services-fs > .conheca > div > .card > img {
                    margin-bottom: 20px;
                    width: 80px;
                }

                .services-fs > .conheca > div > .card > h2 {
                    font-size: 15px;
                    line-height: 1.5;
                    font-weight: bold;
                    letter-spacing: 0.03px;
                    text-align: center;
                    color: #195cad;
                    text-transform: uppercase;
                }

    .services-fs > .modal {
        display: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-image: -webkit-gradient( linear, left top, left bottom, from(#3695d6), to(#195cad) );
        background-image: linear-gradient(to bottom, #3695d6, #195cad);
    }

        .services-fs > .modal > img {
            position: absolute;
            top: 15px;
            right: 15px;
            cursor: pointer;
        }

        .services-fs > .modal #FSModalClobeButtonSpn {
            top: 100px;
            right: 30px;
            position: absolute;
            cursor: pointer;
        }

        .services-fs > .modal > div {
            width: 100%;
            height: 100%;
            padding: 32px 15px 100px;
        }

            .services-fs > .modal > div > img {
                width: 180px;
            }

            .services-fs > .modal > div > div > h2 {
                font-size: 32px;
                font-weight: 500;
                color: #fff;
                margin-top: 25px;
                margin-bottom: 15px;
            }

            .services-fs > .modal > div > div > p {
                font-size: 14px;
                line-height: 1.64;
                color: #fff;
                margin-top: 25px;
            }

            .services-fs > .modal > div > div > .button {
                border-radius: 5px;
                border: solid 2px #fff;
                background: #195cad;
                font-size: 16px;
                font-weight: 500;
                letter-spacing: 0.03px;
                text-align: center;
                color: #fff;
                margin-top: 30px;
                margin-bottom: 100px;
                padding: 12.5px 25px;
                cursor: pointer;
                display: block;
                width: 200px;
            }

    .services-fs > .lar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 40px 0;
        background-color: #ecf6fb;
    }

        .services-fs > .lar > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .services-fs > .lar > div > small {
                font-size: 16px;
                font-weight: 500;
                color: #71b2c9;
                margin-bottom: 30px;
            }

            .services-fs > .lar > div > p {
                font-size: 20px;
                width: 280px;
                text-align: center;
            }

            .services-fs > .lar > div > a {
                color: #71b2c9;
                margin: 25px 0;
                text-decoration: underline;
                text-align: center;
            }

        .services-fs > .lar > img {
            margin-top: 30px;
        }

    .services-fs > .ajudar > div {
        background-image: url("/Images/FacilityServices/index-form-bg.svg");
        background-size: cover;
        background-position: top center;
        padding: 20px 15px 70px 15px;
    }

@media screen and (min-width: 768px) {
    .services-fs > .ajudar > div {
        padding: 20px 100px 100px 100px;
    }

    .services-fs > .ajudar > p {
        width: 700px;
    }
}

@media screen and (min-width: 1024px) {
    .services-fs > .ajudar > div {
        padding: 50px 240px 200px 240px;
    }

    .services-fs > .ajudar > h2 {
        font-size: 40px;
        margin-top: 140px;
    }

    .services-fs > .ajudar > p {
        font-size: 26px;
        line-height: 33px;
        letter-spacing: 0.06px;
        width: 790px;
        margin-top: 32px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services-fs > .ajudar > div {
        padding: 50px 300px 200px 300px;
    }
}

/* MOBILE FS */

@media screen and (min-width: 768px) {
    /* .homepage-fs > .inicio {
    padding: 50px 135px;
  } */
    .homepage-fs > .testemunhos button.slick-next::after {
        width: 48px;
        height: 48px;
    }

    .homepage-fs > .testemunhos button.slick-prev::after {
        width: 48px;
        height: 48px;
    }

    .homepage-fs > .testemunhos button.slick-next {
        right: -10px;
    }

    .homepage-fs > .testemunhos button.slick-prev {
        left: -10px;
    }

    .homepage-fs > .inicio {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        height: 49%;
        padding: 0 100px;
    }

        .homepage-fs > .inicio > img {
            margin-left: 20px;
        }

    .homepage-fs > .qualidade {
        padding: 60px 100px;
    }

        .homepage-fs > .qualidade > div {
            -ms-grid-columns: (1fr) [2];
            grid-template-columns: repeat(2, 1fr);
        }

    .homepage-fs > .confia {
        padding: 30px 130px;
    }

    .homepage-fs > .testemunhos {
        padding: 50px 135px;
    }

        .homepage-fs > .testemunhos > div {
            grid-gap: 30px;
        }

        .homepage-fs > .testemunhos > #prev {
            left: 125px;
        }

        .homepage-fs > .testemunhos > #next {
            right: 125px;
        }

    .homepage-fs > .ajudar > p {
        width: 700px;
    }

    .homepage-fs > .ajudar > div {
        padding: 20px 100px 100px 100px;
    }

    .ajudar > img {
        width: 200%;
    }

    .about-fs > .sobre > .top > h1 {
        font-size: 25px;
        margin: 40px auto 15px auto;
        max-width: 584px;
    }

    .about-fs > .sobre > .top {
        padding: 0 120px 50px;
    }

    .about-fs > .sobre > .texto {
        padding: 50px 120px;
    }

    .about-fs > .processo {
        padding: 50px 135px;
    }

        .about-fs > .processo > div > img {
            width: 200px;
        }

        .about-fs > .processo > div > div {
            margin: auto;
        }

    .about-fs > .experiencia {
        padding: 50px 135px;
    }

    .services-fs > .conheca {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .services-fs > .conheca > p {
            width: 600px;
        }

        .services-fs > .conheca > div {
            padding: 50px 100px;
        }

    .services-fs > .modal > div {
        padding: 125px 100px;
    }

        .services-fs > .modal > div > div > .button {
            margin: 100px 0;
        }
}

@media screen and (min-width: 915px) {
    .about-fs > .sobre > .top {
        display: flex;
        padding: 50px 120px;
    }

        .about-fs > .sobre > .top > h1 {
            font-size: 35px;
            line-height: 43px;
            letter-spacing: 0.07px;
            max-width: 970px;
            margin: auto;
            text-align: end;
            width: 42%;
        }

        .about-fs > .sobre > .top > .image-desktop {
            display: block;
            width: 55%;
            margin-right: 25px;
        }

        .about-fs > .sobre > .top > .image-mobile {
            display: none;
        }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .homepage-fs > .inicio {
        padding: 50px 200px;
    }
}

@media screen and (min-width: 1024px) {
    /* .homepage-fs > .inicio {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    height: 49%;
    padding: 0;
  } */

    .homepage-fs > .inicio > img {
        margin-top: 100px;
        margin-left: 20px;
        width: 525px;
        max-height: none;
    }

    .homepage-fs > .inicio > div {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .homepage-fs > .inicio > div > .mobile {
            display: none;
        }

        .homepage-fs > .inicio > div > .desktop {
            display: block;
            font-size: 40px;
            letter-spacing: 0.09px;
            color: #fff;
            text-align: left;
            font-weight: 600;
        }

        .homepage-fs > .inicio > div > p {
            width: 100%;
            text-align: left;
        }

        .homepage-fs > .inicio > div > .button {
            margin-top: 30px;
        }

    .homepage-fs > .qualidade {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }

        .homepage-fs > .qualidade > h2 {
            font-size: 35px;
            width: 590px;
            text-align: center;
        }

        .homepage-fs > .qualidade > p {
            font-size: 22px;
            line-height: 1.5;
            text-align: center;
            max-width: 1100px;
            margin-top: 40px;
            margin-bottom: 70px;
        }

        .homepage-fs > .qualidade > div > div > h2 {
            margin-top: 25px;
        }

            .homepage-fs > .qualidade > div > div > h2.extraspace {
                margin-top: 25px;
                margin-bottom: 1rem;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1280px) {
    .homepage-fs > .qualidade > div {
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 70px;
    }
}

@media screen and (min-width: 1024px) {
    .homepage-fs > .confia {
        padding: 70px 100px 130px 100px;
        background-image: url("/Images/FacilityServices/Rectangle-2.svg");
        background-size: cover;
        background-position: bottom;
        background-color: #f6f9fc;
    }

        .homepage-fs > .confia > h2 {
            font-size: 35px;
            line-height: 1.2;
            margin-top: 0;
        }

        .homepage-fs > .confia > div {
            -ms-grid-columns: (1fr) [6];
            grid-template-columns: repeat(6, 1fr);
            margin-top: 45px;
            grid-gap: 25px;
        }

        .homepage-fs > .confia > .button {
            margin-top: 45px;
            margin-bottom: 0;
        }
}

@media screen and (min-width: 1024px) {
    .homepage-fs > .testemunhos {
        padding: 50px 100px;
    }
}

@media screen and (min-width: 1024px) {
    .homepage-fs > .testemunhos > h2 {
        font-size: 60px;
        margin-top: 0;
    }

    .homepage-fs > .testemunhos > p {
        font-size: 35px;
        font-weight: 600;
        line-height: 1.2;
        margin: 0 auto;
        width: 470px;
    }

    .homepage-fs > .testemunhos > .quotes {
        padding: 30px 40px;
        max-width: 830px;
        margin: 0 auto;
    }

    .homepage-fs > .testemunhos > #prev {
        left: 100px;
        top: 60%;
    }

    .homepage-fs > .testemunhos > #next {
        right: 100px;
        top: 60%;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .homepage-fs > .testemunhos > #prev {
        left: 20%;
    }

    .homepage-fs > .testemunhos > #next {
        right: 20%;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .homepage-fs > .testemunhos > #prev {
        left: 25%;
    }

    .homepage-fs > .testemunhos > #next {
        right: 25%;
    }
}

@media screen and (min-width: 1024px) {
    .homepage-fs > .testemunhos .testimonial {
        position: relative;
        padding: 10px;
    }

        .homepage-fs > .testemunhos .testimonial > img {
            width: 100%;
        }

        .homepage-fs > .testemunhos .testimonial > h2 {
            padding: 45px 30px;
        }

        .homepage-fs > .testemunhos .testimonial > small {
            top: 30px;
        }

        .homepage-fs > .testemunhos .testimonial > div {
            top: 60px;
        }

        .homepage-fs > .testemunhos .testimonial > p {
            top: 70px;
            font-size: 16px;
        }

    .homepage-fs > .ajudar > h2 {
        font-size: 40px;
    }

    .homepage-fs > .ajudar > p {
        font-size: 26px;
        line-height: 33px;
        letter-spacing: 0.06px;
        width: 790px;
        margin-top: 32px;
    }

    .homepage-fs > .ajudar > img {
        width: 100%;
    }

    .homepage-fs > .ajudar > div {
        padding: 50px 240px 200px 240px;
    }

        .homepage-fs > .ajudar > div > form {
            padding: 50px 30px;
        }
}

@media screen and (min-width: 1024px) and (min-width: 1200px) {
    .ajudar > div > form > .column {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .ajudar > div > form > div {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1200px) {
    .homepage-fs > .ajudar > div > form > .column {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .homepage-fs > .ajudar {
        margin-bottom: 0;
    }

        .homepage-fs > .ajudar > div > form > div {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
        }

            .homepage-fs > .ajudar > div > form > div > .mdc-form-field {
                max-width: calc(100% - 200px);
            }

            .homepage-fs > .ajudar > div > form > div > button {
                width: 180px;
                margin-top: 0;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .homepage-fs > .ajudar > div {
        padding: 50px 300px 200px 300px;
    }
}

@media screen and (min-width: 1024px) {
    .about-fs > .sobre > .texto > h2 {
        font-size: 40px;
        letter-spacing: 0.09px;
    }

    .about-fs > .sobre > .texto > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }

    .about-fs > .processo > div {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr);
    }

        .about-fs > .processo > div:not(:first-child) > img {
            -ms-grid-column: 2;
            grid-column: 2;
            -ms-grid-row: 1;
            grid-row: 1;
        }

        .about-fs > .processo > div > img {
            width: 400px;
        }

        .about-fs > .processo > div > div > h2 {
            font-size: 26px;
            letter-spacing: 0.06px;
            max-width: 100%;
        }

        .about-fs > .processo > div > div > .apoio {
            font-size: 22px;
        }

        .about-fs > .processo > div > div > p {
            font-size: 16px;
        }

    .about-fs > .experiencia {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .about-fs > .experiencia > h2 {
            font-size: 40px;
            font-weight: 600;
            width: 100%;
            text-align: left;
            margin-bottom: 70px;
        }

        .about-fs > .experiencia > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .about-fs > .experiencia > div > div {
                width: 590px;
            }

            .about-fs > .experiencia > div > .images {
                margin-left: 200px;
                margin-top: 0;
                width: 500px;
            }

                .about-fs > .experiencia > div > .images > img {
                    width: 85%;
                }

    .services-fs > .conheca > .sobre {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-evenly;
        padding: 10px 0;
    }

        .services-fs > .conheca > .sobre > div > h2 {
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0.09px;
            color: #1c1f2a;
            text-align: left;
            margin-bottom: 25px;
            padding-left: 40px;
        }

        .services-fs > .conheca > .sobre > div > p {
            font-size: 16px;
            line-height: 1.63;
            text-align: left;
            width: 530px;
            padding-left: 40px;
            margin-top: 0;
        }

        .services-fs > .conheca > .sobre > img {
            display: block;
        }
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .services-fs > .conheca > .sobre > img {
        margin-left: 80px;
    }
}

@media screen and (min-width: 1024px) {
    .services-fs > .conheca > div {
        padding: 40px;
        -ms-grid-columns: (1fr) [3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 25px;
    }

        .services-fs > .conheca > div > .card {
            padding: 40px 0;
        }

            .services-fs > .conheca > div > .card > img {
                width: 100%;
                height: 185px;
            }

            .services-fs > .conheca > div > .card > h2 {
                font-size: 20px;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .services-fs > .conheca > div {
        padding: 40px 120px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services-fs > .conheca > div {
        padding: 60px 150px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1920px) {
    .services-fs > .conheca > div {
        padding: 60px 250px;
    }
}

@media screen and (min-width: 1024px) {
    .services-fs > .modal > img {
        top: 100px;
        right: 100px;
    }

    .services-fs > .modal > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .services-fs > .modal > div > img {
            width: 300px;
        }

        .services-fs > .modal > div > div {
            margin-left: 100px;
            max-width: 700px;
        }

            .services-fs > .modal > div > div > .button {
                margin-bottom: 0;
            }
}

@media screen and (min-width: 1024px) and (min-width: 1440px) {
    .services-fs > .modal > div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .services-fs > .modal > div > div > h2 {
            font-size: 40px;
        }

        .services-fs > .modal > div > div > p {
            line-height: 1.64;
            width: 790px;
        }
}

@media screen and (min-width: 1024px) {
    .services-fs > .lar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

        .services-fs > .lar > div {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .services-fs > .lar > div > small {
                letter-spacing: 0.03px;
                text-align: left;
            }

            .services-fs > .lar > div > p {
                text-align: left;
                width: 100%;
            }

        .services-fs > .lar > img {
            margin-right: 70px;
        }
}

/*.wow {
  visibility: hidden;
}*/

.mdc-form-field > label {
    margin-left: 0;
    color: #1c1f2a;
    font-family: Montserrat;
    font-size: 10px;
    letter-spacing: 0.02px;
    line-height: 13px;
}

.monthlyAccruals_main,
.monthlyAccrualDetails_main {
    margin: 0 4rem;
}

    .monthlyAccruals_main > div,
    .monthlyAccrualDetails_main > div {
        margin: 32px 0;
    }

.landing_pages_fs-desktop {
    background-image: url(../Images/FacilityServices/fs-landing-pages-top-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: -75px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 72px 120px 50px 120px;
    color: #1c1f2a;
}

    .landing_pages_fs-desktop p,
    .landing_pages_fs-mobile p {
        font-size: 14px;
        line-height: 23px;
    }

    .landing_pages_fs-desktop .landing_pages_fs-first,
    .landing_pages_fs-mobile .landing_pages_fs-first {
        color: #fff;
        margin-bottom: 192px;
    }

        .landing_pages_fs-desktop .landing_pages_fs-first h1,
        .landing_pages_fs-mobile .landing_pages_fs-first h1 {
            font-size: 40px;
            font-weight: 600;
            letter-spacing: 0.09px;
            line-height: 49px;
            margin-bottom: 25px;
        }

    .landing_pages_fs-desktop .landing_pages_fs-second h2,
    .landing_pages_fs-mobile .landing_pages_fs-second h2 {
        font-size: 26px;
        font-weight: 500;
        letter-spacing: 0.06px;
        line-height: 32px;
        margin-bottom: 43px;
    }

    .landing_pages_fs-desktop .landing_pages_fs-third,
    .landing_pages_fs-mobile .landing_pages_fs-third {
        margin-top: 72px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        grid-gap: 25px 0;
    }

        .landing_pages_fs-desktop .landing_pages_fs-third img,
        .landing_pages_fs-mobile .landing_pages_fs-third img {
            width: 180px;
        }

    .landing_pages_fs-desktop .landing_pages_fs-third-pest,
    .landing_pages_fs-mobile .landing_pages_fs-third-pest {
        text-align: center;
    }

        .landing_pages_fs-desktop .landing_pages_fs-third-pest img,
        .landing_pages_fs-mobile .landing_pages_fs-third-pest img {
            max-height: 55px;
        }

        .landing_pages_fs-desktop .landing_pages_fs-third-pest p,
        .landing_pages_fs-mobile .landing_pages_fs-third-pest p {
            margin-top: 24px;
            font-size: 22px;
            font-weight: 500;
            line-height: 27px;
        }

    .landing_pages_fs-desktop .text-column,
    .landing_pages_fs-mobile .text-column {
        padding-right: 100px;
    }

    .landing_pages_fs-desktop .contacts-form-section,
    .landing_pages_fs-mobile .contacts-form-section {
        margin-top: 80px;
        border-radius: 8px;
        -webkit-box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
        box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
        background-color: #fff;
        height: fit-content;
        padding: 40px 16px 24px;
    }

        .landing_pages_fs-desktop .contacts-form-section h3,
        .landing_pages_fs-mobile .contacts-form-section h3 {
            font-size: 22px;
            font-weight: 500;
            line-height: 27px;
            margin-bottom: 16px;
        }

        .landing_pages_fs-desktop .contacts-form-section p,
        .landing_pages_fs-mobile .contacts-form-section p {
            font-size: 14px;
            line-height: 23px;
        }

        .landing_pages_fs-desktop .contacts-form-section form textarea,
        .landing_pages_fs-mobile .contacts-form-section form textarea {
            height: 174px;
            margin-top: 40px;
        }

        .landing_pages_fs-desktop .contacts-form-section form button,
        .landing_pages_fs-mobile .contacts-form-section form button {
            width: 100%;
            background: linear-gradient(180deg, #3695d6 0%, #195cad 100%);
            margin-top: 16px;
        }

.landing_pages_fs-mobile {
    display: none;
}

.landing_pages_fs-data-points {
    padding: 50px 120px 132px 120px;
    display: flex;
    justify-content: space-between;
}

    .landing_pages_fs-data-points .landing_pages_fs-data-point {
        display: flex;
    }

        .landing_pages_fs-data-points .landing_pages_fs-data-point img {
            max-width: 72px;
            max-height: 66px;
        }

        .landing_pages_fs-data-points
        .landing_pages_fs-data-point
        .text-data-point-disinfection {
            width: 281px;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 24px;
            margin: auto;
            margin-left: 24px;
        }

@media screen and (max-width: 1300px) {
    .landing_pages_fs-desktop {
        padding: 72px 100px 120px 100px;
    }
}

@media screen and (max-width: 1260px) {
    .landing_pages_fs-desktop {
        display: none;
    }

    .landing_pages_fs-mobile {
        display: block;
        background-image: url(../Images/FacilityServices/fs-landing-pages-top-bg.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: top;
        padding: 72px 120px 120px 120px;
        color: #1c1f2a;
    }

        .landing_pages_fs-mobile .landing_pages_fs-first {
            margin-bottom: 0;
        }

        .landing_pages_fs-mobile .landing_pages_fs-second h2 {
            margin-bottom: 26px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third {
            margin-top: 48px;
            display: flex;
            justify-content: space-between;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third-disinfetion {
            justify-content: space-evenly;
        }

        .landing_pages_fs-mobile .contacts-form-section {
            margin-top: 60px;
            margin-bottom: 48px;
        }

    .landing_pages_fs-data-points {
        display: block;
    }

        .landing_pages_fs-data-points .landing_pages_fs-data-point {
            margin-top: 16px;
        }

            .landing_pages_fs-data-points .landing_pages_fs-data-point img {
                width: 72px;
            }

            .landing_pages_fs-data-points
            .landing_pages_fs-data-point
            .text-data-point-disinfection {
                width: auto;
            }
}

@media screen and (max-width: 860px) {
    .landing_pages_fs-mobile {
        padding: 42px 68px 50px 68px;
    }

        .landing_pages_fs-mobile .landing_pages_fs-third img {
            width: 132px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third-pest p {
            margin-top: 16px;
            font-size: 18px;
            line-height: 23px;
        }

    .landing_pages_fs-data-points {
        padding: 38px 68px 50px 68px;
    }
}

@media screen and (max-width: 690px) {
    .monthlyAccruals_main,
    .monthlyAccrualDetails_main {
        margin: 0;
    }

    .landing_pages_fs-mobile {
        background-image: url(../Images/FacilityServices/fs-landing-pages-top-bg-mobile.svg);
        padding: 32px 42px 120px 42px;
    }

        .landing_pages_fs-mobile p {
            font-size: 14px;
            line-height: 23px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-first h1 {
            margin-bottom: 16px;
            font-size: 32px;
            letter-spacing: 0.07px;
            line-height: 39px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third-pest p {
            font-size: 14px;
            line-height: 19px;
        }

        .landing_pages_fs-mobile .contacts-form-section {
            margin-top: 54px;
            margin-bottom: 48px;
        }

            .landing_pages_fs-mobile .contacts-form-section h3 {
                font-size: 22px;
                font-weight: 500;
                line-height: 27px;
            }

            .landing_pages_fs-mobile .contacts-form-section p {
                font-size: 14px;
                letter-spacing: 0;
                line-height: 23px;
            }

        .landing_pages_fs-mobile .landing_pages_fs-third img {
            width: 110px;
        }
}

@media screen and (max-width: 420px) {
    .landing_pages_fs-mobile {
        padding: 32px 16px 40px 16px;
    }

        .landing_pages_fs-mobile .landing_pages_fs-first h1 {
            font-size: 30px;
            line-height: 36px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third-pest {
            display: grid;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third img {
            width: 78px;
        }

    .landing_pages_fs-data-points {
        padding: 38px 16px 50px 16px;
        background-color: rgba(25, 92, 173, 0.16);
    }

        .landing_pages_fs-data-points .landing_pages_fs-data-point {
            margin-top: 16px;
        }

            .landing_pages_fs-data-points .landing_pages_fs-data-point img {
                width: 55px;
                max-height: 52px;
            }

            .landing_pages_fs-data-points
            .landing_pages_fs-data-point
            .text-data-point-disinfection {
                width: 281px;
                font-size: 14px;
                letter-spacing: 0.03px;
                line-height: 18px;
            }
}

@media screen and (max-width: 320px) {
    .landing_pages_fs-mobile {
        background-size: inherit;
    }

        .landing_pages_fs-mobile .landing_pages_fs-first h1 {
            margin-bottom: 16px;
            font-size: 26px;
            letter-spacing: 0.07px;
            line-height: 32px;
        }

        .landing_pages_fs-mobile .landing_pages_fs-third img {
            width: 68px;
        }

    .landing_pages_fs-data-points
    .landing_pages_fs-data-point
    .text-data-point-disinfection {
        width: 209px;
    }
}

.contacts-fs {
    background-image: url(/Images/FacilityServices/index-form-bg.svg);
    background-size: cover;
    background-position: top center;
}

    .contacts-fs .contacts-title {
        color: #195cad;
    }

    .contacts-fs .contacts-subtitle {
        font-size: 26px;
        letter-spacing: 0.06px;
        line-height: 33px;
        width: 792px;
        margin: 0 auto 84px auto;
        font-weight: 400;
    }

    .contacts-fs > .contacts-boxes > .contact-box {
        color: #fff;
    }

        .contacts-fs > .contacts-boxes > .contact-box .contact-general {
            color: #fff;
        }

    .contacts-fs form .mdc-select--outlined-fs {
        margin-top: 42px;
    }

    .contacts-fs form textarea {
        margin-top: 24px;
        height: 174px;
    }

    .contacts-fs form .form-terms-recaptcha {
        display: flex;
    }

    .contacts-fs form button {
        background: linear-gradient(180deg, #3695d6 0%, #195cad 100%);
    }

@media screen and (max-width: 768px) {
    .contacts-fs {
        background-image: url(/Images/FacilityServices/index-form-bg-mobile.svg);
        background-position-y: 370px;
    }

        .contacts-fs .contacts-subtitle {
            font-size: 22px;
            line-height: 27px;
            width: 87%;
        }
}

@media screen and (max-width: 420px) {
    .contacts-fs {
        background-position-y: 166px;
    }

        .contacts-fs .contacts-subtitle {
            font-size: 14px;
            letter-spacing: 0.03px;
            line-height: 18.2px;
            margin: 0 16px 40px 16px;
            width: auto;
        }

        .contacts-fs form .form-terms-recaptcha {
            display: block;
        }
}

#subjectSelect-fs .mdc-floating-label {
    color: #195cad !important;
}

.landing_pages_fs-mobile .landing_pages_fs-third img {
    width: 68px;
}

.landing_pages_fs-data-points
.landing_pages_fs-data-point
.text-data-point-disinfection {
    width: 209px;
}

.bookings_main {
    display: flex;
    margin: 16px 8rem;
}

    .bookings_main .bookings_main-firstcolumn {
        margin-right: 16px;
        width: 67%;
    }

    .bookings_main .welcome-banner {
        background-image: url(../Images/Dashboard/banner-dashboard.svg);
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        padding: 24px;
        border-radius: 8px;
    }

        .bookings_main .welcome-banner h2 {
            font-size: 35px;
            font-weight: 600;
            line-height: 43px;
            margin-bottom: 18px;
        }

        .bookings_main .welcome-banner p {
            font-size: 18px;
            line-height: 22px;
        }

    .bookings_main .bookings_section {
        margin-top: 80px;
    }

    .bookings_main .bookings_filters {
        color: #8f8f8f;
        font-size: 20px;
        line-height: 24px;
        text-transform: capitalize;
        display: flex;
    }

        .bookings_main .bookings_filters .filter:first-of-type {
            margin-right: 48px;
        }

        .bookings_main .bookings_filters .filter::after {
            content: "";
            display: block;
            width: 0;
            height: 2px;
            background: #8f8f8f;
            transition: width 0.3s;
            margin: auto;
            margin-top: 8px;
        }

        .bookings_main .bookings_filters .filter:hover::after {
            width: 40%;
            margin: auto;
            margin-top: 8px;
        }

        .bookings_main .bookings_filters .filter-checked {
            color: #1e2e43;
            font-weight: 600;
        }

            .bookings_main .bookings_filters .filter-checked::after {
                content: "";
                display: block;
                width: 0;
                height: 2px;
                background: #000;
                transition: width 0.3s;
                width: 40%;
                margin: auto;
                margin-top: 8px;
            }
    /*.bookings_main .bookings_filters .filter-checked:hover::after {
                width: 40%;
                margin: auto;
                margin-top: 8px;
            }*/

    .bookings_main .booking_cards {
        display: flex;
    }

    .bookings_main .booking_card {
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
        width: 33%;
        margin-right: 15px;
    }

        .bookings_main .booking_card:last-of-type {
            margin-right: 0;
        }

        .bookings_main .booking_card h3 {
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
            color: #1c1f2a;
        }

        .bookings_main .booking_card p {
            font-size: 14px;
            line-height: 18px;
            text-align: center;
            color: #676767;
            margin-top: 16px;
            margin-bottom: 20px;
        }

        .bookings_main .booking_card .booking_card-icon-div {
            display: flex;
            align-items: center;
            margin: 15px 0 0 16px;
        }

            .bookings_main .booking_card .booking_card-icon-div img {
                width: 36px;
                height: 36px;
                margin-right: 8px;
            }

        .bookings_main .booking_card .booking_card-details-btn {
            background-color: #f6f9fc;
            font-weight: 600;
            color: #1c1f2a;
            width: 100%;
            padding: 8px;
            font-size: 14px;
            line-height: 18px;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
        }

    .bookings_main .booking_card-success,
    .payment_card-success {
        border: 1px solid #00b383;
    }

    .bookings_main .booking_card-warning,
    .payment_card-warning {
        border: 1px solid #ffaa00;
    }

    .bookings_main .booking_card-canceled,
    .payment_card-canceled {
        border: 1px solid #e02020;
    }

.bookings_pagination {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 24px;
    margin-top: 12px;
    align-items: center;
}

    .bookings_pagination .counter {
        display: flex;
        color: #1e2e43;
        text-align: center;
        margin: 0 8px;
    }

        .bookings_pagination .counter p {
            margin: 0 1px;
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
        }

.paginate {
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.paginate-left {
    background-image: url(../Images/Dashboard/booking_pagination-previous.svg);
}

.paginate-right {
    background-image: url(../Images/Dashboard/booking_pagination-next.svg);
}

.paginate:disabled {
    opacity: 0.5;
    cursor: auto;
}

.bookings_section-no-bookings-title {
    color: #8f8f8f;
    font-size: 14px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 24px;
}

#BookingList {
    margin-bottom: 48px;
}

.bookings_section-no-bookings-banner {
    border-radius: 8px;
    background: linear-gradient(125.39deg, #195cad 0%, #71b2c9 100%);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
    display: flex;
    padding: 24px 34px;
}

    .bookings_section-no-bookings-banner img {
        margin-right: 10%;
    }

    .bookings_section-no-bookings-banner h2 {
        color: #1d2e44;
        font-size: 20px;
        font-weight: 800;
        line-height: 24px;
    }

    .bookings_section-no-bookings-banner h3 {
        font-size: 14px;
        line-height: 18px;
        margin-top: 16px;
        margin-bottom: 26px;
    }

    .bookings_section-no-bookings-banner button {
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.03px;
        line-height: 19px;
    }

        .bookings_section-no-bookings-banner button:hover {
            text-decoration: underline;
        }

.bookings_section-no-bookings-banner-accruals {
    display: block;
    text-align: center;
    padding: 16px;
}

    .bookings_section-no-bookings-banner-accruals button {
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        border: 1px solid #ffffff;
        border-radius: 7px;
        padding: 12px 62px;
    }

    .bookings_section-no-bookings-banner-accruals h3 {
        margin-top: 0;
        margin-bottom: 16px;
        text-align: initial;
    }

.bookings_main .bookings_main-secondcolumn {
    display: block;
    border-radius: 6px;
    background-color: rgba(113, 178, 201, 0.23);
    width: 33%;
    padding: 32px 22px;
}

.bookings_main-secondcolumn .bookings_main-secondcolumn-title {
    color: #1c1f2a;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 24px;
}

.bookings_main-secondcolumn .bookings_main-services-banner {
    border-radius: 8px;
    background: linear-gradient(180deg, #195cad 0%, #5791d7 100%, #3f8298 100%);
    box-shadow: 0 2px 5px 0 rgba(83, 97, 255, 0.05);
    padding: 18px 16px;
    color: #ffffff;
}

    .bookings_main-secondcolumn .bookings_main-services-banner img {
        float: right;
        width: 48%;
        margin-right: -32px;
        margin-top: -24%;
    }

    .bookings_main-secondcolumn .bookings_main-services-banner h2 {
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
    }

    .bookings_main-secondcolumn .bookings_main-services-banner p {
        font-size: 12px;
        line-height: 15.3px;
        margin: 16px 0;
        width: 56%;
    }

    .bookings_main-secondcolumn .bookings_main-services-banner a {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        cursor: pointer;
    }

.modal-container-booking {
    overflow: auto;
}

@media screen and (min-width: 1024px) and (min-width: 1366px) {
    .modal-container-booking {
        padding: 50px 120px;
    }
}

.modal_bookings-detail {
    padding: 24px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    margin: auto;
    max-width: 1180px;
}

    .modal_bookings-detail .modal_bookings-detail-close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

        .modal_bookings-detail .modal_bookings-detail-close img {
            width: 32px;
            height: 32px;
            cursor: pointer;
        }

        .modal_bookings-detail .modal_bookings-detail-close div {
            display: flex;
            align-items: center;
        }

        .modal_bookings-detail .modal_bookings-detail-close h3 {
            color: #71b2c9;
            font-size: 22px;
            font-weight: 600;
            line-height: 27px;
            margin-left: 16px;
        }

    .modal_bookings-detail .modal_bookings-detail-content {
        display: flex;
        padding: 32px 0 10px 64px;
        justify-content: space-between;
    }

.modal_bookings-detail-info {
    position: relative;
    margin-right: 8px;
}

.modal_bookings-detail-item {
    display: block;
    margin-bottom: 24px;
}

    .modal_bookings-detail-item p {
        display: block;
        color: #1e2e43;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.03px;
        line-height: 18px;
        display: contents;
    }

.modal_bookings-detail-item-title {
    display: flex;
    color: #282828;
}

    .modal_bookings-detail-item-title h5 {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.03px;
        line-height: 18px;
        margin-bottom: 8px;
    }

    .modal_bookings-detail-item-title img {
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.03px;
        line-height: 18px;
        margin-right: 16px;
        width: 20px;
        max-height: 20px;
    }

.modal_bookings-detail-item-info {
    margin-left: 36px;
    display: flex;
}

.modal_bookings-detail-total {
    border-radius: 8px;
    background-color: #f6f9fc;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    color: #282828;
    padding: 8px 32px;
    position: absolute;
    bottom: 0;
    width: 98%;
}

    .modal_bookings-detail-total .modal_bookings-detail-total-line {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .modal_bookings-detail-total .modal_bookings-detail-total-line:first-of-type {
            margin-bottom: 8px;
        }

        .modal_bookings-detail-total .modal_bookings-detail-total-line p {
            font-size: 12px;
            font-weight: 500;
            letter-spacing: 0.03px;
            line-height: 15px;
        }

        .modal_bookings-detail-total .modal_bookings-detail-total-line .total-title {
            font-size: 27px;
            font-weight: bold;
            letter-spacing: 0.08px;
            line-height: 33px;
        }

        .modal_bookings-detail-total .modal_bookings-detail-total-line .total-value {
            color: #00aec9;
            font-size: 31px;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 38px;
        }

.modal_bookings-detail-payment,
.modal_bookings-detail-map {
    border-radius: 8px;
    background-color: #f6f9fc;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 8px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    padding: 24.5px;
    margin-bottom: 23.5px;
}

.modal_bookings-detail-payment-data h4 {
    color: #1e2e43;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 16px;
}

.modal_bookings-detail-payment-data p {
    color: #282828;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    /*margin-bottom: 8px;*/
}

.modal_bookings-detail-payment-data .payment-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
}

    .modal_bookings-detail-payment-data .payment-line:last-child {
        margin-bottom: 0;
    }

.modal_bookings-detail-payment-status {
    text-align: center;
    margin-right: 24.5px;
}

    .modal_bookings-detail-payment-status img {
        width: 64px;
    }

    .modal_bookings-detail-payment-status h4 {
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        margin-bottom: 16px;
    }

    .modal_bookings-detail-payment-status p {
        color: #6d7278;
        font-size: 14px;
        line-height: 18px;
        margin: auto;
        width: 260px;
    }

.payment_text_color-canceled {
    color: #e02020;
}

.payment_text_color-success {
    color: #00b383;
}

.payment_text_color-warning {
    color: #f7b500;
}

.modal_bookings-detail-map {
    margin-bottom: 0;
}

.modal_bookings-detail-map-div {
    width: 80%;
    height: 260px;
}

.dashboard_mon_accruals_account {
    display: flex;
    justify-content: space-between;
}

.dashboard_mon_accruals_account-title {
    color: #1c1f2a;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 16px;
}

.dashboard_mon_accruals {
    width: 53%;
}

.dashboard_account {
    width: auto;
}

    .dashboard_account .current_account_card {
        width: max-content;
    }

.dashboard_mon_accruals_account .dashboard_mon_accruals-cards {
    display: flex;
}

    .dashboard_mon_accruals_account .dashboard_mon_accruals-cards .booking_card {
        width: auto;
    }

.dashboard_mon_accruals_account .bookings_section {
    margin-top: 0;
}

.current_account_card {
    display: block;
}

.current_account-info {
    display: flex;
    padding: 22px;
}

.current_account-info-column {
    padding-right: 12px;
    padding-left: 12px;
    border-right: 1px solid rgba(113, 178, 201, 0.27);
}

    .current_account-info-column:first-child {
        padding-left: 0;
    }

    .current_account-info-column:last-child {
        padding-right: 0;
        border-right: none;
    }

    .current_account-info-column h4 {
        color: #1e2e43;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        margin-bottom: 8px;
    }

    .current_account-info-column .current_account-info-displayed {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.05px;
        line-height: 24px;
    }

.booking_card-monthlyaccruals-line {
    display: flex;
    justify-content: space-between;
    margin: 6px 60px 26px 60px;
}

.booking_card-ma-info-box {
    display: flex;
}

    .booking_card-ma-info-box span {
        color: #1e2e43;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.03px;
        line-height: 18px;
        margin-top: 8px;
    }

    .booking_card-ma-info-box img {
        max-height: 20px;
        margin-right: 8px;
        width: 24px;
    }

.bookings_main .booking_card .booking_card-ma-info-box p {
    color: #6d7278;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.03px;
    line-height: 18px;
    text-align: start;
    margin-top: 0;
    margin-bottom: 8px;
}

.bookings_main .booking_card .current_account-info-column p {
    color: #878181;
    font-family: Montserrat;
    font-size: 12px;
    letter-spacing: 0.03px;
    line-height: 15px;
    margin-top: 8px;
    text-align: start;
    margin-bottom: 0;
}

.bookings_main .booking_card .booking_card-list-icon-div {
    display: block;
    text-align: center;
    margin: 15px 16px 0 16px;
}

    .bookings_main .booking_card .booking_card-list-icon-div img {
        margin: 8px;
    }

.bookings_main .booking_card-list p {
    margin-top: 11px;
    margin-bottom: 12px;
}

.dashboard_mon_accruals-cards .booking_card-list {
    width: 33%;
}

.dashboard_mon_accruals-cards .booking_card-see-all {
    margin: auto;
    margin-left: 9px;
}

#BookingListMobile {
    display: none;
}

.current_account-detail-content {
    display: block;
    padding: 32px 60px 10px 64px;
}

.current_account_modal-info {
    display: flex;
    margin-bottom: 27px;
}

    .current_account_modal-info p {
        color: #878181;
        font-size: 12px;
        letter-spacing: 0.03px;
        line-height: 15px;
    }

.current_account_modal-table table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    color: #1e2e43;
    font-size: 12px;
    line-height: 15px;
}

.current_account_modal-table #table_head {
    background-color: rgba(113, 178, 201, 0.23);
    font-family: Montserrat;
    font-size: 13.9px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    width: fit-content;
}

    .current_account_modal-table #table_head th {
        padding-top: 24px;
        padding-bottom: 8px;
        text-align: center;
        width: 200px;
    }

.current_account_modal-table tbody {
    display: inline-block;
    width: 100%;
    overflow: auto;
    height: 370px;
}

    .current_account_modal-table tbody td {
        width: 165px;
    }

.current_account_modal-table tr {
    text-align: center;
}

    .current_account_modal-table tr:nth-of-type(even) {
        background-color: rgba(113, 178, 201, 0.07);
    }

.current_account_modal-table td {
    padding-top: 24px;
    padding-bottom: 24px;
}

    .current_account_modal-table td:last-child {
        padding-top: 0;
        padding-bottom: 0;
        width: auto;
    }

.current_account_modal-table .paymentPlanSituation {
    width: fit-content;
}

.current_account_modal-table .paymentPlanSituationPendingInvoice {
    padding: 0;
}

.current_account_modal-table tbody::-webkit-scrollbar {
    width: 10px;
}

.current_account_modal-table tbody::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.current_account_modal-table tbody::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 18px;
}

    .current_account_modal-table tbody::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.modal_bookings-detail-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

    .modal_bookings-detail-buttons a {
        border-radius: 5px;
        padding: 12px 16px;
        height: 43px;
        color: #1e2e43;
        font-size: 14px;
        line-height: 18px;
        align-items: center;
        display: flex;
        margin-right: 24px;
        justify-content: center;
        cursor: pointer;
    }

        .modal_bookings-detail-buttons a:last-of-type {
            margin-right: 0;
        }

    .modal_bookings-detail-buttons img {
        width: 22px;
        height: 22px;
        margin-right: 8px;
    }

    .modal_bookings-detail-buttons .modal_bookings-detail-button-1 {
        border: 1px solid #c5c5c5;
    }

        .modal_bookings-detail-buttons .modal_bookings-detail-button-1:hover,
        .modal_bookings-detail-buttons .modal_bookings-detail-button-1:active {
            background-color: #f6f6f6;
        }

    .modal_bookings-detail-buttons .modal_bookings-detail-button-2 {
        background-color: #e5e5e5;
    }

        .modal_bookings-detail-buttons .modal_bookings-detail-button-2:hover,
        .modal_bookings-detail-buttons .modal_bookings-detail-button-2:active {
            background-color: #bebebe;
        }

    .modal_bookings-detail-buttons .modal_bookings-detail-button-3 {
        background-color: #e3f8ff;
        font-weight: 600;
    }

        .modal_bookings-detail-buttons .modal_bookings-detail-button-3:hover,
        .modal_bookings-detail-buttons .modal_bookings-detail-button-3:active {
            box-shadow: 0 2px 4px 0 rgba(110, 110, 110, 0.5);
        }

.modal-container-dashboard-payment-content {
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

    .modal-container-dashboard-payment-content .modal_bookings-detail-close {
        display: flex;
        justify-content: flex-end;
        padding: 16px;
    }

    .modal-container-dashboard-payment-content
    .modal-container-dashboard-payment-body {
        padding-bottom: 15%;
        padding-top: 55px;
    }

    .modal-container-dashboard-payment-content
    .modal_bookings-detail-payment-status,
    .modal-container-dashboard-payment-content .payment-info__payment-method,
    .modal-container-dashboard-payment-content .payment-info__details-type-payment {
        display: none;
    }

    .modal-container-dashboard-payment-content .title-modal {
        color: #71b2c9;
        font-size: 26px;
        font-weight: bold;
        line-height: 32px;
        text-align: center;
        margin-bottom: 48px;
    }

    .modal-container-dashboard-payment-content .payment-info {
        border-radius: 15px;
        background-color: #f6f9fc;
        border: none;
    }

        .modal-container-dashboard-payment-content .payment-info .payment-info__first {
            justify-content: space-around;
        }

    .modal-container-dashboard-payment-content .payment-info__details div {
        justify-content: space-between;
        color: #282828;
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
    }

        .modal-container-dashboard-payment-content
        .payment-info__details
        div
        p:first-of-type {
            margin-right: 12px;
        }

.modal_bookings-detail-mobile-payment,
.modal_bookings-detail-mobile-item,
.modal_bookings-detail-mobile-map,
.modal_bookings-detail-back-button,
.booking_card-details-btn-mobile,
.current_account_modal-cards,
.modal_bookings-detail-buttons-mobile {
    display: none;
}

@media screen and (max-width: 1300px) {
    /*.modal_bookings-detail-total {
        width: 400px;
    }*/
}

@media screen and (max-width: 1270px) {
    .bookings_main {
        margin: 16px 6rem;
    }
}

@media screen and (max-width: 1250px) {
    /*.modal_bookings-detail-total {
        width: 400px;
    }*/
    .modal_bookings-detail-payment,
    .modal_bookings-detail-map {
        display: block;
    }
}

@media screen and (max-width: 1238px) {
    .dashboard_mon_accruals_account {
        display: block;
    }

    .dashboard_account {
        margin-top: 30px;
    }
}

@media screen and (max-width: 1080px) {
    .bookings_main {
        margin: 16px 3rem;
    }

    .modal-container-booking {
        padding: 50px 50px;
    }

    .modal_bookings-detail-buttons a {
        margin-right: 12px;
    }
}

@media screen and (max-width: 920px) {
    .bookings_main {
        display: block;
    }

        .bookings_main .bookings_main-firstcolumn {
            margin-right: 0;
            width: 100%;
        }

        .bookings_main .bookings_main-secondcolumn {
            width: 100%;
            display: flex;
            margin-top: 16px;
        }

            .bookings_main .bookings_main-secondcolumn > .bookings_main-calendar {
                margin-bottom: 0;
                margin-right: 1rem;
            }

    .modal-container-dashboard-payment {
        padding: 50px 32px;
    }

    .modal-container-dashboard-payment-content .payment-info {
        width: 70%;
        padding: 32px 32px 30px;
    }

    .modal-container-dashboard-payment-content .payment-info__first {
        display: flex;
        width: 90%;
    }

    .modal-container-dashboard-payment-content .payment-info__image {
        display: flex;
    }

    .modal-container-dashboard-payment-content .payment-info__details {
        margin-bottom: 0;
    }

    .modal-container-dashboard-payment-content .payment-info__date {
        width: 90%;
        margin: auto;
    }
}

@media screen and (max-width: 840px) {
    #BookingList {
        padding-bottom: 0;
    }

    .modal_bookings-detail-buttons-desktop {
        display: none;
    }

    .modal_bookings-detail-buttons-mobile {
        display: block;
        margin-top: 34px;
    }

    .modal_bookings-detail-buttons a {
        /*width: -webkit-fill-available;*/
    }

    .modal_bookings-detail-buttons div:last-of-type {
        display: flex;
        justify-content: space-between;
        margin-top: 24px;
    }

    .modal-container-booking {
        padding: 50px 30px;
    }

    .modal_bookings-detail-info {
        margin-right: 16px;
    }

    .modal_bookings-detail-total {
        position: inherit;
        width: 100%;
    }

    .modal_bookings-detail .modal_bookings-detail-content {
        padding: 32px 0 10px 0;
    }

    .current_account-detail-content {
        padding: 32px 0 10px 0px;
    }
}

@media screen and (max-width: 670px) {
    .bookings_main {
        margin: 0;
    }

        .bookings_main .welcome-banner p {
            display: none;
        }

    .dashboard_top {
        background-color: #dbeff6;
        padding: 16px;
    }

    #BookingList {
        display: none;
    }

    #BookingListMobile {
        display: block;
    }

    .select_dashboard_mobile-div {
        width: 100%;
        height: 45px;
    }

    .select_dashboard_mobile {
        width: inherit;
        height: 45px;
        border: 1px solid #71b2c9;
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
        color: #1e2e43;
        padding: 12px 16px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        background-image: url(../Images/Dashboard/bookings_dropdown-arrow.svg);
        background-repeat: no-repeat;
        background-position: 96% center;
    }
        /*.select_dashboard_mobile:after {
            background-image: url(../Images/Dashboard/booking_detail_modal-address.svg) repeat-x 0 0;
        }*/

        .select_dashboard_mobile option {
            color: #1e2e43;
            padding: 12px 16px;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 18px;
        }

    .bookings_main .bookings_section {
        margin-top: 38px;
    }

    .bookings_main .booking_cards {
        margin-top: 32px;
    }

    .dashboard_mon_accruals_account .dashboard_mon_accruals-cards .booking_card,
    .bookings_main .booking_card {
        width: 100%;
    }

    .booking_card-monthlyaccruals-line {
        margin: 6px 20px 26px 60px;
    }

    .bookings_main .booking_card .booking_card-details-btn {
        width: -webkit-fill-available;
    }

    .bookings_section-no-bookings-banner {
        border-radius: 0;
        background: none;
        box-shadow: none;
        color: #1c1f2a;
        display: block;
        padding: 4px;
    }

        .bookings_section-no-bookings-banner img {
            width: 52%;
        }

        .bookings_section-no-bookings-banner h2 {
            font-size: 16px;
            line-height: 19px;
        }

        .bookings_section-no-bookings-banner h3 {
            font-size: 12px;
            line-height: 15px;
            margin-top: 8px;
            margin-bottom: 16px;
        }

        .bookings_section-no-bookings-banner button {
        }

    .bookings_section-no-bookings-banner-accruals {
        padding: 16px;
        color: #fff;
        border-radius: 8px;
        background: linear-gradient(125.39deg, #195cad 0%, #71b2c9 100%);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    }

    .dashboard_mon_accruals_account {
        display: block;
        padding: 16px;
    }

    .dashboard_mon_accruals {
        width: auto;
    }

    .dashboard_mon_accruals-cards .booking_card-see-all {
        margin: auto;
        margin-left: 0;
    }

    .dashboard_mon_accruals-cards .booking_card-list {
        width: auto;
    }

    .bookings_main .booking_card-list p {
        margin: 11px 8px 12px 8px;
    }

    .bookings_main .welcome-banner h2 {
        font-size: 32px;
        font-weight: 600;
        line-height: 39px;
        margin-bottom: 0;
    }
    /*.bookings_main .welcome-banner p {
        display:none;
    }

        .bookings_main .bookings_main-firstcolumn {
            margin-right: 0;
            width: 100%;
        }*/

    .bookings_main .bookings_main-secondcolumn {
        background-color: transparent;
        margin-top: 12px;
    }

    .bookings_main-calendar {
        display: none;
    }

    .modal-container-booking {
        padding: 0;
        top: 70px;
        z-index: 9;
        padding-bottom: 70px;
    }

    .modal_bookings-detail {
        padding: 16px;
    }

        .modal_bookings-detail .modal_bookings-detail-content {
            padding: 36px 0 10px 0;
        }

        .modal_bookings-detail .modal_bookings-detail-close .close {
            display: none;
        }

    .modal_bookings-detail-info {
        margin-right: 0;
    }

    .modal_bookings-detail-info-mobile {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: 16px;
    }

    .modal_bookings-detail-total {
        background-color: transparent;
        box-shadow: none;
        position: inherit;
        width: 100%;
        padding: 16px 28px;
    }

    .modal_bookings-detail-payment-map {
        display: none;
    }

    .modal_bookings-detail-mobile-payment {
        display: block;
        background-color: #f6f9fc;
        padding: 40px 16px;
    }

        .modal_bookings-detail-mobile-payment .modal_bookings-detail-payment {
            display: block;
            border-radius: 0;
            margin-bottom: 0;
            padding-bottom: 60px;
            box-shadow: none;
            padding-top: 32px;
        }

    .modal_bookings-detail-mobile-item {
        display: block;
    }

    .modal_bookings-detail-mobile-map {
        display: block;
        width: 100%;
        height: 170px;
        margin-top: 30px;
        padding-bottom: 32px;
        border-bottom: 1px solid #c9e7e5;
    }

    .modal_bookings-detail-back-button {
        display: block;
        color: #1e2e43;
        font-family: Montserrat;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 18px;
        text-decoration: underline;
    }

    .booking_card-details-btn-mobile {
        display: block;
    }

    .booking_card-details-btn-desktop {
        display: none;
    }

    .current_account_modal-info {
        justify-content: center;
        margin-bottom: 32px;
        margin-top: 16px;
    }

    .current_account_modal-table {
        display: none;
    }

    .current_account-detail-content {
        padding: 0;
    }

    .current_account_modal-invoice-item {
        margin-left: 0;
    }

    .current_account_modal-invoicebtn {
        border-radius: 21.5px;
        padding: 14px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.03px;
        line-height: 15px;
        text-align: center;
    }

    .current_account_modal-invoicebtn-orange {
        background-color: #ffaa00;
    }

    .current_account_modal-invoicebtn-blue {
        background: linear-gradient(180deg, #71b2c9 0%, #6ac3e0 100%);
    }

    .current_account_modal-cards {
        display: block;
        background-color: #ececec;
        box-shadow: 0 -2px 4px 0 rgba(113, 178, 201, 0.22);
        padding: 32px 16px 70px;
    }

        .current_account_modal-cards .current_account-info {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
            column-gap: 16px;
            display: block;
        }

        .current_account_modal-cards .paymentPlanSituation {
            margin: initial;
        }

        .current_account_modal-cards .current_account_card-mobile {
            margin-bottom: 32px;
        }

    .modal_bookings-detail-account {
        padding: 40px 16px 1px;
    }

        .modal_bookings-detail-account .modal_bookings-detail-back-button {
            margin-bottom: 46px;
        }

    .dashboard_seePayment {
        text-align: center;
    }

        .dashboard_seePayment a {
            border-radius: 5px;
            background: linear-gradient(180deg, #71b2c9 0%, #6ac3e0 100%);
            color: #ffffff;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0.03px;
            line-height: 19px;
            text-align: center;
            padding: 12px 50px;
        }

    .modal-container-dashboard-payment {
        padding: 16px;
        padding-top: 18%;
    }

    .modal-container-dashboard-payment-content {
        border-radius: 8px;
        background-color: #ffffff;
        box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
    }

        .modal-container-dashboard-payment-content
        .payment-info
        .payment-info__first {
            margin-bottom: 100px;
            width: 100%;
            display: block;
        }

        .modal-container-dashboard-payment-content
        .modal-container-dashboard-payment-body {
            padding: 42px 30px;
        }

        .modal-container-dashboard-payment-content
        .modal_bookings-detail-payment-status {
            margin-bottom: 64px;
            display: block;
            margin-right: 0;
        }

        .modal-container-dashboard-payment-content .title-modal,
        .modal-container-dashboard-payment-content .payment-info .payment-info__image,
        .modal-container-dashboard-payment-content .payment-info__date {
            display: none;
        }

        .modal-container-dashboard-payment-content .payment-info {
            background-color: transparent;
            padding: 0;
            width: 74%;
        }

        .modal-container-dashboard-payment-content .payment-info__payment-method {
            display: block;
            color: #1e2e43;
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
        }

        .modal-container-dashboard-payment-content .payment-info__details {
            width: 70%;
            margin: auto;
            padding: 16px 0;
        }

            .modal-container-dashboard-payment-content .payment-info__details div p {
                color: #282828;
                font-size: 14px;
                font-weight: 500;
                line-height: 21px;
            }

            .modal-container-dashboard-payment-content
            .payment-info__details
            .payment-info__details-type-payment {
                display: block;
                margin-bottom: 8px;
                justify-content: center;
            }
}

@media screen and (max-width: 320px) {
    .modal-container-dashboard-payment-content
    .modal-container-dashboard-payment-body {
        padding: 42px 16px;
    }

    .modal-container-dashboard-payment-content .payment-info__details {
        width: 78%;
    }
}

.covid_banner {
    background-color: #71b2c9;
    color: #fff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .covid_banner h2 {
        font-size: 22px;
        font-weight: bold;
        line-height: 27px;
        margin-right: 4%;
    }

    .covid_banner button {
        font-size: 38px;
        right: 4%;
        position: absolute;
    }

    .covid_banner a {
        border-radius: 5px;
        background-color: #ffffff;
        color: #1c1f2b;
        padding: 10px 16px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.03px;
        line-height: 19px;
        text-align: center;
    }

        .covid_banner a:hover,
        .covid_banner a:active {
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

@media screen and (max-width: 950px) {
    .covid_banner {
        padding: 16px;
        display: block;
    }

        .covid_banner h2 {
            font-size: 16px;
            font-weight: bold;
            line-height: 19px;
            margin-bottom: 16px;
        }

        .covid_banner button {
            right: 16px;
            top: 8px;
        }

        .covid_banner a {
            background-color: transparent;
            color: #fff;
            padding: 0;
            border-radius: 0;
            border-bottom: 1px solid #fff;
        }

            .covid_banner a:hover,
            .covid_banner a:active {
                box-shadow: none;
                font-weight: 600;
            }
}

.grid2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.selo__main .selo__wrapper {
    width: 90%;
    margin: 0 auto;
}

.selo__main a.button {
    line-height: 28px;
}

.selo__header {
    height: 90px;
    background-color: #e3f8ff;
    box-shadow: unset;
}

    .selo__header .selo__header__cta {
        border: 1px solid #71b2c9;
        padding: 0.7rem 0.5rem;
        color: #1e2e43;
        /* font-size: 0.7rem; */
        font-weight: bold;
        border-radius: 3px;
        transition: all ease-in 100ms;
    }

        .selo__header .selo__header__cta:hover {
            background-color: #71b2c9;
            color: #fff;
        }

.selo__historico {
    background-color: #e3f8ff;
}

    .selo__historico > .selo__wrapper > div,
    .selo__descricao > .selo__wrapper > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 5rem 3rem;
    }

.selo__historico__empresa {
    text-align: center;
}

    .selo__historico__empresa > h3 {
        /* width: 150px; */
        margin-bottom: 3rem;
        font-size: 2rem;
        font-weight: bold;
    }

    .selo__historico__empresa > p {
        color: #444444;
    }

.selo__historico__registo > h2 {
    color: #71b2c9;
    font-weight: bold;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

.selo__historico__registo > table {
    width: 100%;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 2rem 1rem;
    font-size: 0.9rem;
    max-height: 250px;
    display: block;
    overflow-y: auto;
    /* Reset global styles from styles.css */
    border-collapse: unset;
}

    .selo__historico__registo > table tr {
        /* Reset global styles from styles.css */
        width: 100%;
    }

    .selo__historico__registo > table td {
        padding: 0.5rem 0;
    }

        .selo__historico__registo > table td:last-child {
            width: 35%;
        }

    .selo__historico__registo > table tr:not(:last-child) td {
        border-bottom: 0.5px solid rgba(113, 178, 201, 0.6);
    }

    .selo__historico__registo > table > thead > tr > th {
        font-weight: bold;
        padding-bottom: 1rem;
    }

    .selo__historico__registo > table > tbody > tr {
        text-align: center;
    }

.selo__descricao {
    background-color: white;
}

    .selo__descricao h1 {
        font-size: 2rem;
        margin-bottom: 2rem;
        font-weight: bold;
        color: #1c1f2a;
        font-weight: 500;
    }

    /* .selo__descricao p {
  margin-bottom: 2rem;
} */

    .selo__descricao .button {
        width: 300px;
        /* text-align: center; */
        /* line-height: 24px; */
        margin-right: auto;
        margin-top: 2rem;
        font-weight: bold;
    }

.selo__servicos {
    background-color: #f2f2f2;
    gap: 3rem;
    margin: auto;
    padding: 3rem 0 5rem 0;
}

    .selo__servicos > .selo__wrapper > div {
        border-radius: 8px;
        box-shadow: 0 2px 5px 0 rgba(83, 97, 255, 0.05);
        padding: 1rem 2rem;
        color: #fff;
        position: relative;
        max-height: 150px;
    }

    .selo__servicos img {
        position: absolute;
        right: 0;
        bottom: -10%;
        max-height: 100%;
    }

    .selo__servicos h3 {
        margin: 0.5rem 0;
        font-size: 1rem;
        line-height: 1.5rem;
        /*width: 65%;*/
    }

    .selo__servicos a {
        margin-top: auto;
        /* margin-bottom: 0.5rem; */
        font-size: 0.9rem;
    }

        .selo__servicos a:hover {
            text-decoration: underline;
        }

        .selo__servicos a > span {
            font-size: 0.5rem;
        }

            .selo__servicos a > span:before {
                border-width: 0.2em 0.2em 0 0;
                height: 1.3em;
                width: 1.3em;
            }

    .selo__servicos div[class^="selo__servicos--"] > div {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

.selo__servicos--lar {
    background: linear-gradient(180deg, #45c5d8 0%, #2193b0 100%);
}

    .selo__servicos--lar > div {
        width: 85%;
    }

.selo__servicos--loja {
    background: linear-gradient(125.39deg, #195cad 0%, #71b2c9 100%);
}

    .selo__servicos--loja h3 {
        width: calc(100% - 110px);
    }

    .selo__servicos--loja > img {
        bottom: -20%;
    }

    .selo__servicos--loja > div {
        /* width: 55%; */
    }

.selo__servicos--fs {
    background: linear-gradient(180deg, #4285d6 26.78%, #77bbed 100%);
}

    .selo__servicos--fs > div {
        width: 73%;
    }

    .selo__servicos--fs > img {
        right: -6%;
        bottom: -7%;
    }

.selo__descricao p {
    color: #1c1f2a;
}

@media screen and (min-width: 1440px) {
    .selo__body {
        max-width: 1440px;
        margin: 0 auto;
        min-width: unset;
    }
}

@media screen and (max-width: 1400px) {
    .selo__servicos h3 {
        width: 100%;
    }
}

@media screen and (max-width: 1023px) {
    .grid3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .selo__historico > .selo__wrapper > div,
    .selo__descricao > .selo__wrapper > div {
        padding: 3rem 1rem;
    }
}

@media screen and (max-width: 780px) {
    .grid2,
    .grid3 {
        grid-template-columns: 1fr;
    }

    .grid2 {
        grid-template-rows: repeat(2, 1fr);
    }

    .grid3 {
        grid-template-rows: repeat(3, 1fr);
        gap: 2rem;
    }

    .selo__historico > .selo__wrapper > div,
    .selo__descricao > .selo__wrapper > div {
        padding: 2rem 0;
    }

    .selo__descricao > div {
        padding: 0 1rem;
    }

    .selo__descricao img {
        max-width: 70%;
    }

    .selo__descricao .button {
        margin-right: 0;
    }

    .selo__descricao h1 {
        font-size: 1.4rem;
        text-align: center;
    }

    .selo__descricao {
        padding-bottom: 2rem;
    }

        .selo__descricao p {
            text-align: center;
        }

    .selo__servicos > .selo__wrapper > div {
        padding: 1rem;
    }

    .selo__servicos--fs > img {
        right: -4%;
        bottom: -7%;
    }

    .selo__historico__registo > h2 {
        font-size: 1.1rem;
    }

    .selo__header a:last-child {
        font-size: 0.7rem;
    }

    .selo__historico {
        height: calc(100vh - 90px);
        max-height: 850px;
    }

    .selo__historico__registo > table > tbody > tr > td:first-child {
        width: 30%;
    }
}

.selo__qrcontainer {
    width: 500px;
    height: 500px;
    position: relative;
}

.selo__qrbg {
    width: 100%;
    height: 100%;
}

.selo__qrcontainer :nth-child(2) {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -38%);
}

.bookings_main-calendar {
    margin-bottom: 1rem;
    min-width: 275px;
}

.bookingscalendar * {
    font-family: "Montserrat", sans-serif;
}

.bookingscalendar table {
    margin: 0 auto;
}

.bookingscalendar tbody td,
.bookingscalendar thead .jsCalendar-week-days th {
    width: 37px;
    height: 32px;
    line-height: 32px;
    margin: 1px 0;
}

.bookingscalendar tbody td {
    font-weight: 400;
}

    .bookingscalendar tbody td.jsCalendar-current {
        color: #71b2c9;
        background-color: white;
    }

    .bookingscalendar tbody td.jsCalendar-next,
    .bookingscalendar tbody td.jsCalendar-previous {
        opacity: 0;
    }

.bookingscalendar thead .jsCalendar-week-days th {
    color: #8f9bb3;
    font-weight: 400;
    border-radius: 0;
    border-top: 1px solid #e4e9f2;
    border-bottom: 1px solid #e4e9f2;
}

.bookingscalendar tbody td {
    color: rgba(0, 0, 0, 0.87);
}

.bookingscalendar thead .jsCalendar-title-name {
    color: #222b45;
    font-size: 0.9rem;
    font-weight: bold;
    text-transform: uppercase;
}

.bookingscalendar [class^="hasbooking"] {
    background-color: #71b2c9;
    color: white;
}

    .bookingscalendar [class^="hasbooking"]:hover {
        background-color: #71b2c9;
    }

.bookingscalendar .hasbooking {
    border-radius: 16px;
}

.bookingscalendar .hasbooking--start {
    border-radius: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.bookingscalendar .hasbooking--mid {
    border-radius: 0;
}

.bookingscalendar .hasbooking--end {
    border-radius: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.tippy-box[data-theme~="bookingscalendar"] {
    background-color: #8f8f8f;
    color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    font-size: 0.6rem;
}

    .tippy-box[data-theme~="bookingscalendar"][data-placement^="top"] > .tippy-arrow::before {
        border-top-color: #8f8f8f;
    }

    .tippy-box[data-theme~="bookingscalendar"][data-placement^="bottom"] > .tippy-arrow::before {
        border-bottom-color: #8f8f8f;
    }

    .tippy-box[data-theme~="bookingscalendar"][data-placement^="left"] > .tippy-arrow::before {
        border-left-color: #8f8f8f;
    }

    .tippy-box[data-theme~="bookingscalendar"][data-placement^="right"] > .tippy-arrow::before {
        border-right-color: #8f8f8f;
    }

@media screen and (max-width: 1150px) {
    .bookingscalendar tbody td,
    .bookingscalendar thead .jsCalendar-week-days th {
        width: 35px;
    }
    /* .bookingscalendar table {
    margin: 0;
  } */
}

@media screen and (max-width: 1050px) {
    .bookingscalendar tbody td,
    .bookingscalendar thead .jsCalendar-week-days th {
        width: 32px;
    }

    .bookingscalendar table {
        margin: 0;
    }
}

.buttons_checkout_onethird--disabled {
    opacity: 0.3;
    pointer-events: none;
}

.buttons_cleaningtype--disabled {
    opacity: 0.3;
    pointer-events: none;
}

.monthly_accruals_no_plans {
    width: 35%;
    margin: auto;
    text-align: center;
    margin-bottom: 120px;
    padding-top: 8px;
}

    .monthly_accruals_no_plans h3 {
        color: #71b2c9;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .monthly_accruals_no_plans h4 {
        color: #1c1f2a;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        margin-bottom: 24px;
    }

    .monthly_accruals_no_plans svg {
    }

@media screen and (max-width: 1024px) {
    .monthly_accruals_no_plans {
        width: 50%;
    }
}

@media screen and (max-width: 860px) {
    .monthly_accruals_no_plans {
        width: 70%;
    }
}

@media screen and (max-width: 680px) {
    .monthly_accruals_no_plans {
        width: auto;
        margin: auto 16px;
    }

        .monthly_accruals_no_plans h3 {
            width: 65%;
            margin: 16px auto;
        }

        .monthly_accruals_no_plans h4 {
            margin-top: 24px;
            margin-bottom: 32px;
        }
}

.extra-desinfection-info {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, auto);
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem 1rem 3rem;
    margin: 4rem 0;
}

@media (max-width: 700px) {
    .extra-desinfection-info {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1fr);
        padding: 1.5rem 2rem;
        grid-gap: 1rem;
    }

        .extra-desinfection-info img {
            max-width: 90%;
        }
}

.extra-desinfection-info > div:first-child {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.extra-desinfection-info h2 {
    color: #71b2c9;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 39px;
}

.extra-desinfection-info p {
    color: #1e2e43;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.extra-desinfection-info a {
    color: #71b2c9;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03px;
    line-height: 19px;
}

    .extra-desinfection-info a::after {
        content: "→";
        color: #71b2c9;
        font-weight: 700;
        margin-left: 10px;
    }