.page-header{ display: none; }
.gallery-buttons{
display: block !important;
margin-top: -40px;
margin-left: 10px;
}
.gallery-buttons a{
font-size: 14px;
line-height: 22px;
font-weight: 500;
letter-spacing: 0px;
padding: 10px 20px !important;
margin-bottom: 15px !important;
border: 1px solid #000;
border-radius: 80px 80px 80px 80px;
text-decoration: none;
background: #fff;
color: #000;
}
.apaleo-reviews h2{
color: #242222;
font-family: Inter;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top: 40px;
margin-bottom: 20px;
}
.apaleo-propery-pics > div {
display: grid;
grid-template-columns: minmax(210px, 2.1fr) repeat(2, minmax(100px, 1fr));
grid-template-rows: repeat(2, 341px);
gap: 30px;
margin: 0 !important;
}
.apaleo-propery-pics > div > figure:first-child {
grid-row: span 2;
grid-column: span 1;
}
.apaleo-propery-pics > div > figure img {
width: 100% !important;
height: 100%;
object-fit: cover !important;
display: block !important;
border-radius: 25px;
}
.swiper-slide{ width: 100% !important;}
body .carousel-imgs-hotel figure img {
width: 100% !important;
height: 198px !important;
object-fit: cover !important;
border-radius: 20px;
}
.propertyunit-details{
padding: 17px;
}
.openModal, .open360{
color: #A87746;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
cursor: pointer;
}
.openModal svg, .open360 svg{
vertical-align: middle;
}
.open360::before{
background-image: none !important;
}
.propertyunit-details h5{
color: #242222;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; }
.property-amenities{
color: #000;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; }
.apaleo-propery-pics > div .gallery-icon.landscape {
height: 100%;
}
.apaleo-propery-pics {
margin-bottom: 50px;
}
.apaleo-group-units {
display: grid;
gap: 16px;
width: 100%;
grid-template-columns: repeat(4, 25%);		
}
@media (max-width: 1024px) { .apaleo-group-units {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 787px) { .apaleo-group-units {
grid-template-columns: repeat(2, 1fr); 
}
.apaleo-propery-pics > div > figure:not(:first-child){
display: none;
}
.apaleo-propery-pics > div > figure:first-child {
grid-column: 1 / -1;
}
#gallery-1, .apaleo-propery-pics > div > figure:first-child, .apaleo-propery-pics > div > figure:first-child img, .apaleo-propery-pics > div .gallery-icon.landscape {
height: 300px;
}
.booking-summary{
padding: 5px 10px !important;
}
.booking-summary-wrapper-rooms.op1{
display: none;
}
.book-now-btn{ width: auto !important; padding: 0 20px;}
.booking-summary-wrapper{width: 100%;}
.apaleo-propery-pics > div{
grid-template-columns: unset;
grid-template-rows: unset;
}
.minimenu{ display: none;}
.select-button, .counter{ width: 100% !important;}
.price-section{ margin-right: 0 !important;}
}
@media (max-width: 580px) { .apaleo-group-units {
grid-template-columns: 1fr; 
}
.book-now-btn{
padding: 0 10px !important;
font-size: 15px !important;
height: 35px !important;
line-height: 35px !important;
}
}
.teaser{
position: absolute;
top: 5px;
z-index: 9999;
padding: 2px;
border-radius: 10px;
font-size: 12px;
left: 5px;
}
.apaleo-unit {
background: white;
border-radius: 20px;
box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.1);
}
.apaleo-unit > div {
}
.apaleo-amenities {
background: #e4dfd7;
opacity: 0.4;
padding: 70px 0;
}
.booking-summary {
display: none !important;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: white;
border-top: 1px solid #e0e0e0;
padding: 15px 20px;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000; justify-content: space-between;
box-sizing: border-box;
}
.booking-summary-wrapper-rooms{
opacity: 0;
display: flex;
align-items: center;
cursor:pointer;
position: relative;
}
.booking-summary-wrapper-rooms.op1{
opacity:1;
}
.booking-summary-wrapper-rooms.op1.op1new .daContent{
display: block;
}
.daContent{
position: absolute;
bottom: 50px;
background: white;
border: 1px solid;
padding: 20px;
width: 350px;
display: none;
box-shadow: 0px 0px 21px 0px rgb(0 0 0 / 51%);
border-radius: 10px;
}
.daContent .summary-item:not(:last-child){
border-bottom: 1px solid grey;
margin-bottom: 15px;
padding-bottom: 15px;
}
.daContent .summary-item .remove-item{
position: absolute;
right: 15px;
width: 20px;
height: 20px;
}
.daText{
color: #242222;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
align-items: center;
}
.daText::after {
content: "▼"; display: inline-block;
margin-right: 6px;
font-size: 0.9em;
transition: transform 0.2s ease;
}
.summary-header{
color: #242222;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 10px;
}
.summary-sub{
color: #242222;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 150.2%;
}
.summary-price{
color: #242222;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
margin-top: 15px;
}
.booking-summary-wrapper-rooms.op1new .daText::after {
content: "▲"; }
.booking-summary-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.price-section {
display: none;
text-align: right;
margin-right: 40px;
}
.price-section.show {
display: inline-block;
}
.price-per-night {
font-size: 24px;
font-weight: bold;
color: #333;
}
.per-night {
font-size: 14px;
color: #666;
margin-left: 2px;
}
.total-section {
display: flex;
align-items: baseline;
margin-top: 5px;
justify-content: flex-end;
}
.original-price {
color: #999;
text-decoration: line-through;
margin-right: 10px;
font-size: 16px;
line-height: normal;
}
.actual-price {
font-size: 18px;
font-weight: bold;
color: #333;
}
.booking-details {
font-size: 14px;
color: #666;
margin-left: 6px;
}
.pencil-icon {
color: #c9a063;
margin-left: 8px;
font-size: 14px;
}
.book-now-btn {
background-color: #333;
color: white;
border: none;
border-radius: 40px;
font-size: 18px;
cursor: pointer;
transition: background-color 0.3s;
width: 300px;
text-align: center;
height: 60px;
line-height: 60px;
}
.book-now-btn:hover {
background: #555;
color: #fff;
}
.book-now-btn.disabled {
background-color: #999;
color: #fff;
}
.empty-cart-message {
color: #999;
font-size: 16px;
text-align: right;
padding: 10px 20px;
}
.empty-cart-message.hide {
display: none;
} .pricing-tooltip {
position: absolute;
z-index: 10000;
pointer-events: none;
color: black;
padding: 50px 40px;
border-radius: 4px;
font-size: 16px;
max-width: 300px;
line-height: normal;
border-radius: 20px;
background: #fff;
box-shadow: 2px 2px 21px 0px rgba(36, 34, 34, 0.1);
} .price-label .info-icon,
.refund-info .info-icon {
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
border-radius: 20px;
background-color: #fff;
color: #000;
font-size: 12px;
font-style: normal;
font-weight: bold;
cursor: help;
border: 1px solid #000;
transition: background-color 0.2s;
margin-right: 5px;
}
.price-label .info-icon:hover,
.refund-info .info-icon:hover {
background-color: #e0e0e0;
}
.no-pp-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.no-pp-popup-content {
background-color: white;
border-radius: 20px;
width: 90%;
max-width: 600px;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
padding: 50px 40px;
position: relative;
}
.no-pp-popup-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.no-pp-popup-header h3 {
margin: 0;
color: #242222;
font-family: "inter";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.no-pp-close-btn {
background: none;
border: none;
font-size: 28px;
cursor: pointer;
color: #333;
position: absolute;
top: 20px;
right: 20px;
}
.no-pp-popup-body h2 {
color: #242222;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
.no-pp-popup-body p {
font-size: 1rem;
line-height: 1.5;
margin-bottom: 20px;
}
#no-pp-location {
text-transform: capitalize;
}
.no-pp-actions {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 15px;
}
.no-pp-new-date-btn {
width: 100%;
border-radius: 30px;
background-color: #242222;
border: none;
cursor: pointer;
text-align: center;
color: #e4dfd7;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
height: 50px;
}
.no-pp-location-selector {
width: 100%;
}
#no-pp-locations {
width: 100%;
height: 50px;
padding-left: 25px;
border: 1px solid #ccc;
border-radius: 40px;
appearance: none;
position: relative;
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
background-size: 12px;
padding-right: 35px;
cursor: pointer;
color: #242222;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; background-color: white;
}
.sticky-clone {
position: fixed;
background-color: #fff;  z-index: 9998 !important;
margin-top: 0;
left: 0;
max-width: unset;
width: 100vw;
padding: 10px 0;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
opacity: 0;
}
.sticky-clone.visible {
opacity: 1;
pointer-events: auto;
}
.room-container {
display: flex;
flex-direction: row;
gap: 40px;
flex-wrap: wrap;
position: relative;
}
.room-card {
background: white;
border-radius: 20px;
box-shadow: 2px 2px 21px 0px rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 100%;
}
.tag {
position: absolute;
top: 12px;
left: 12px;
background-color: #0f4c81;
color: #e4dfd7;
padding: 6px 12px;
border-radius: 20px;
font-size: 14px;
border: 0;
text-transform: uppercase;
z-index: 99;
}
.room-info {
padding: 16px;
position: relative;
height: 430px;
}
.room-title {
font-size: 28px;
font-weight: 500;
margin-bottom: 25px;
margin-top: 34px;
line-height: normal;
}
.room-details {
font-size: 14px;
color: #555;
margin-bottom: 8px;
line-height: normal;
}
.more-info {
color: #b0833e;
text-decoration: none;
font-size: 14px;
}
.more-info::after {
content: ">";
}
.more-info:hover {
text-decoration: underline;
}
.view-options {
display: flex;
margin: 12px 0;
gap: 16px;
}
.view-option {
color: #b0833e;
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
}
.view-option:hover {
text-decoration: underline;
}
.view-option::after {
content: "›";
margin-left: 4px;
}
.price-option {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
row-gap: 0;
border-top: 1px solid #c6bdb0;
padding-top: 16px;
padding-bottom: 16px;
}
.price-option-wrapper {
display: block !important;
width: 100%;
}
.price-option input[type="radio"] {
width: 20px;
height: 20px;
margin-right: 8px;
}
.price {
display: flex;
align-items: baseline;
flex-direction: row;
gap: 5px;
margin-bottom: 15px;
}
.price .price-wrapper {
display: flex;
align-items: center;
}
.original-price {
text-decoration: line-through;
color: #a87746;
margin-right: 6px;
font-size: 14px;
font-weight: 700;
}
.current-price {
color: #242222;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 126.2%;
}
.price-label {
color: #242222;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 126.2%;
}
.price-info {
display: flex;
flex-direction: column;
}
.refund-info {
color: #000;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
grid-column: 1 / -1;
display: flex;
align-items: baseline;
}
.info-icon {
width: 16px;
height: 16px;
background-color: #ffffff;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: #000000;
position: relative;
border: 1px solid black;
}
.info-icon::after {
content: attr(data-tooltip);
position: absolute;
background: #333;
color: #fff;
padding: 6px 10px;
border-radius: 6px;
font-size: 13px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-in-out;
width: 200px;
z-index: 99999;
}
.info-icon:hover::after {
opacity: 1;
}
.select-button {
display: inline-block;
width: 100%;
padding: 3px;
background-color: white;
border: 1px solid #ccc;
border-radius: 100px;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: background-color 0.2s;
color: black;
}
.unselect-button {
display: none;
width: 100%;
padding: 3px;
background-color: #ff7423;
border: 1px solid #ccc;
border-radius: 100px;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: background-color 0.2s;
color: #fff;
}
.unselect-button.show{
display: inline-block;
}
.select-button.hide {
display: none;
}
.select-button:hover {
background-color: #f5f5f5;
}
.select-button.selected {
background-color: #333;
color: white;
}
.select-counter {
display: none;
width: 200px;
}
.select-counter.show {
display: none;
justify-content: center;
justify-self: center;
width: 100%;
}
.counter {
display: flex;
justify-content: space-between;
align-items: center;
background: #000;
width: 100%;
}
.counter-button {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid black;
background: white;
cursor: pointer;
font-size: 15px;
user-select: none;
font-weight: 400;
}
.counter-center {
display: flex;
flex-direction: row;
font-size: 16px;
font-weight: 400;
text-align: center;
color:#fff;
line-height: 22px;
}
.counter-value {
padding-right: 5px;
margin: 0;
color:#fff;
}
.unavailable-message {
color: #555;
text-align: left;
position: absolute;
bottom: 0;
}
.unavailable-message p {
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.alternative-date {
color: #b0833e;
text-decoration: none;
}
.alternative-date:hover {
text-decoration: underline;
}
.layout_image {
cursor: pointer;
}
body .minimenu{
width: 100% !important;
background: #fff;
left: 0 !important;
padding-top: 10px;
z-index: 3 !important;
top:115px !important;
}
.minimenu a{
color:#000;
}
.apaleo-map-directions h1{
color: #242222;
font-family: Inter;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.locationStreet{
color: #242222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.topNearby{
color: #242222;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 20px;
} .amenities-container {
margin-top: 50px;
background: #E4DFD7;
opacity: 0.4;
} .amenities-badges-wrapper {
margin: 40px 0;
padding: 80px calc(50vw - 50%);
background: #E4DFD7;
width: 99vw;
max-width: 100vw;
margin-left: calc(-50vw + 50.5%);
box-sizing: border-box;
} .badges-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 10px;
} .amenity-badge {
display: inline-block;
padding: 20px 40px;
background-color: transparent;
border: 1px solid black;
border-radius: 40px;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
white-space: nowrap;
} .amenity-badge.hidden {
display: none;
} .mehr-anzeigen, .weniger-anzeigen {
padding: 20px 40px;
background-color: black;
color: #fff;
border: none;
border-radius: 40px;
cursor: pointer;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
white-space: nowrap;
transition: background-color 0.3s;
}
.mehr-anzeigen:hover, .weniger-anzeigen:hover {
background-color: #555;
}
.weniger-anzeigen.hidden {
display: none;
} .amenities-popup, .amenities-full-popup {
display: none;
position: relative;
z-index: 9000;
} .amenities-popup-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
justify-content: center;
align-items: center;
z-index: 300;
}
.amenities-popup-container {
max-width: 800px;
width: 90%;
max-height: 75vh;
overflow-y: auto;
position: relative;
border-radius: 20px;
background: #FFF;
box-shadow: 2px 2px 21px 0px rgba(36, 34, 34, 0.10);
padding: 40px;
}
.amenities-popup-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.amenities-popup-title {
color: #242222;
font-family: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.amenities-popup-close {
font-size: 28px;
cursor: pointer;
color: #999;
line-height: 1;
}
.amenities-popup-close:hover {
color: #333;
}
.amenities-room-title {
color: #242222;
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal;
} .amenities-popup-columns-container {
display: flex;
gap: 30px;
width: 100%;
margin-bottom: 20px;
}
.amenities-popup-column-wrapper {
flex: 1; min-width: 0; } .amenities-popup-column-wrapper:first-child {
flex: 1; } .amenities-popup-column-wrapper:last-child {
flex: 1; } .amenities-popup-columns {
display: grid;
grid-template-columns: 2fr 50%; gap: 20px;
width: 100%;
margin-bottom: 20px;
align-items: start; grid-auto-rows: min-content; }
.amenities-popup-columns .amenities-popup-column:nth-child(2) {
min-width: 0; max-width: 100%; height: auto; }
.amenities-popup-column {
min-width: 0;
overflow: hidden;
height: auto; align-self: start; margin-bottom: 25px; }
.amenities-popup-column:last-child {
margin-bottom: 0; }
.amenities-popup-column h4 {
margin-top: 0;
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.feature-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.amenities-notpossible.feature-list {
text-decoration: line-through;
}
.feature-list li {
color: #000;
font-family: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; word-break: break-word; 
hyphens: auto;
}
.feature-list li:last-child {
border-bottom: none;
}
.amenities-popup-section {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid #e5e5e5;
}
.amenities-popup-section h4 {
margin-top: 0;
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
color: #333;
} .amenities-popup-columns:empty,
.amenities-popup-column-wrapper:empty {
display: none;
} .amenity-tooltip {
position: absolute !important; z-index: 100000 !important; pointer-events: none !important;  background-color: rgba(0, 0, 0, 0.9) !important;
color: white !important;
padding: 10px 15px !important;
border-radius: 20px !important;
border: none; min-width: 100px !important;
max-width: 300px !important;
} .has-tooltip .info-icon {
display: inline-block !important;
width: 18px !important;
height: 18px !important;
line-height: 18px !important;
text-align: center !important;
border-radius: 50% !important;
background-color: white; color: black;
margin-left: 5px !important;
font-style: normal !important;
font-weight: bold !important;
cursor: help !important;
border: 1px solid black;
} @media (max-width: 768px) { .amenities-popup-columns {
grid-template-columns: 1fr; }
.amenities-popup-columns-container {
flex-direction: column;
}
.amenities-popup-column-wrapper {
width: 100%;
}
.amenities-popup-column {
width: 100%;
padding-right: 0;
}
.amenities-popup-container {
width: 95%;
max-height: 80vh;
}
.amenities-room-title {
font-size: 20px;
}
.amenities-container {
width: 100vw;
margin-left: -20px;
margin-right: -20px;
padding: 40px 0;
}
.badges-container .amenity-badge, .mehr-anzeigen {
font-size: 16px;
padding: 12px 15px;
}
.amenities-popup-container {
max-height: 70vh;
}
} .apaleo-map-directions{
display: flex;
gap: 20px;
}
.apaleo-map-directions > div{
flex: 1;
}
.nearby-item{
display: flex;
align-items: center; gap: 1rem;
margin-top: 14px;
justify-content: space-between; 
}
.topNearby{
color: #242222;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.textNearby{
color: #242222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
cursor: pointer;
}
.textNearby:hover{
color: #c9a063;
} .modal {
display: none; position: fixed; z-index: 999999; padding-top: 100px; left: 0;
top: 0;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }  .modal-content {
background-color: #fefefe;
margin: auto;
padding: 30px;
border: 1px solid #888;
width: 80%;
border-radius: 20px;
position:relative;
}
#theContent > div {
margin-bottom: 20px;
}
#theContent h4{
margin-top: 0;
margin-bottom: 12px;
font-size: 18px;
font-weight: 600;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#theContent ul{
list-style: none;
margin-bottom: 20px;
padding: 0px !important;
}
#theContent li{
color: #000;
font-family: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
word-break: break-word;
hyphens: auto;
} .close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
line-height: 10px;
position: absolute;
right: 10px;
top: 10px;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
#theContent{
column-count: 2;
column-gap: 10px;
overflow: hidden;
width: 100%;
}
#theContent iframe {
border: none;
display: block;
}
@media (max-width: 767px) {
#theContent{
column-count: 1;
}
.apaleo-element{
grid-template-columns: 1fr; margin-bottom: 30px;
}
.apaleo-container{
padding: 20px;
}
.carousel-imgs-hotel figure img {
width: 100% !important;
}
}
.topSA{
color: #242222;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 30px;
}
.propertyAddress{
color: #242222;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 8px;
margin-bottom: 20px;
}
body{
overflow-x: hidden;
}
#faqs{
width: 100vw;
margin-left: calc(49.9% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
background: #106D5D;
margin-top:60px;
}
#faqs > div{
width: 100%;
max-width: 100%;
}
@media (max-width: 676px) {
.apaleo-map-directions {
flex-direction: column; }
.apaleo-map-directions > * {
width: 100%; }
.apaleo-map-directions > :nth-child(2) {
order: -1; }
}