#offer-block {
    margin-bottom: 20px !important;
    /* Force gap below offer block */
    display: block;
    justify-self: anchor-center;
    z-index: 999;

}

.offer-block-wrap {
    max-width: 1400px;
    /* margin-left: 0px; */
    /* margin-right: 15px; */
}

.hero-14.bottom-align {
    /* margin-top: 10.5%; */
}

.offer-inline-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 13px 15px;
    flex-wrap: wrap;
    text-align: center;
}

#offer-block.highlight {
    /* position: absolute; */
    /* top: -30.5%; */
}

#offer-block.highlight {
    /* position: fixed; */
    /* top: 96px; */
}

.offer-container {
    max-width: 1370px;
}

.offer-inline-wrapper .offer-title {
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    /* white-space: nowrap; */
    /* text-align: left !important; */
    /* flex: 0 0 auto; */
    /* Keep text from stretching */
    /* text-align: left !important; */
    margin-right: auto;
    /* Push button & terms to the right */
}

.offer-inline-wrapper .offer-btn {
    /* padding: 6px 16px; */
    font-size: 12px;
    /* font-weight: 600; */
    /* border-radius: 20px; */
    white-space: nowrap;
    border: none;
    text-decoration: unset !important;
    z-index: 10;
    position: relative;
    /* background-color: #b61c20 !important; */
    /* border-color: #b61c20 !important; */
    font-weight: 600;
    border-radius: 25px !important;
    color: #fff !important;
    width: fit-content;
    text-transform: uppercase;
    padding: 7px !important;
}

.offer-inline-wrapper .offer-terms a {
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
}

.default-offer-btn {
    color: #fff !important;
}

.offer-block-wrap .btn,
.offer-block-wrap .btn:hover,
.offer-block-wrap .btn:focus {
    text-decoration: none !important;
}

/* Color classes */
.tag-office-multi-line .container{
    background-color: #122143;
}

.tag-office-offer-btn {
    background-color: #C2752A;
    color: #fff !important;
}

.tag-meeting-multi-line {
    background-color: #122143;
}

.tag-meeting-offer-btn {
    background-color: #B61C20;
    color: #fff !important;
}

.tag-coworking-multi-line {
    background-color: #122143;
}
.tag-virtual-multi-line {
    background-color: #122143;
}
.tag-virtual-offer-btn {
    background-color: #657D7B;
    color: #122143 !important;
}
.tag-coworking-offer-btn {
    background-color: #CCB464;
    color: #122143 !important;
}

.tag-default-multi-line {
    background-color: #c8102e;
}

.tag-default-offer-btn {
    background-color: #fff;
    color: #fff !important;
}
section.highlight{
        position: unset !important;
}
@media (min-width: 370px) {
    #offer-block.highlight {
        /* top: -33.5%; */
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    #offer-block.highlight {
        /* top: -38%; */
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #offer-block.highlight {
        /* top: -56%; */
    }
      .hero-14.bottom-align {
        /* margin-top: 17.5%; */
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #offer-block.highlight {
        /* position: fixed; */
        /* top: 96px; */
    }
     .hero-14.bottom-align {
        /* margin-top: 17.5%; */
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .hero-14.bottom-align {
        /* margin-top: 14.5%; */
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .hero-14.bottom-align {
        /* margin-top: 12.5%; */
    }
}

