.elementor-25 .elementor-element.elementor-element-aadd56b{--display:flex;--min-height:536px;--overlay-opacity:0.5;}.elementor-25 .elementor-element.elementor-element-aadd56b:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-aadd56b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bentotagrandvilla.com/wp-content/uploads/2026/08/beach-relax.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25 .elementor-element.elementor-element-aadd56b::before, .elementor-25 .elementor-element.elementor-element-aadd56b > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-aadd56b > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-aadd56b > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-aadd56b > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-aadd56b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-50509ac ) 0%, #F2295B00 100%);}.elementor-25 .elementor-element.elementor-element-90fdbd7{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-90fdbd7:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-90fdbd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bentotagrandvilla.com/wp-content/uploads/2026/09/Group-2182.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-25 .elementor-element.elementor-element-19a535b{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-c9b09e1 .elementor-heading-title{font-family:"Antic Didone", Sans-serif;font-weight:500;color:#5B5757;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-642eb77 p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-fcef769 p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-a1a748a p{margin-block-end:0px;}.elementor-25 .elementor-element.elementor-element-a9d4485{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-7c1b44c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-3b42865{--display:flex;}.elementor-25 .elementor-element.elementor-element-49aa58e{--display:flex;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-19a535b{--width:95%;}.elementor-25 .elementor-element.elementor-element-7c1b44c{--width:94%;}}/* Start custom CSS for shortcode, class: .elementor-element-af4a553 */@import url('https://fonts.googleapis.com/css2?family=Arima:wght@300;400;500;600&display=swap');


/* ==========================================================
   BENTOTA GRAND VILLA - FINAL CSS
========================================================== */

.bgv-reservation-section,
.bgv-reservation-section *,
.bgv-reservation-section *::before,
.bgv-reservation-section *::after {
    box-sizing: border-box !important;
}


/* ==========================================================
   GLOBAL FONT
========================================================== */

.bgv-reservation-section,
.bgv-reservation-section *,
.bgv-reservation-section input,
.bgv-reservation-section select,
.bgv-reservation-section textarea,
.bgv-reservation-section button {
    font-family: "Arima", sans-serif !important;
}


/* ==========================================================
   CF7 RESET
========================================================== */

.bgv-reservation-section p,
.bgv-reservation-section form p,
.bgv-reservation-section .wpcf7-form p {
    margin: 0 !important;
    padding: 0 !important;
}

.bgv-reservation-section br {
    display: none !important;
}

.bgv-reservation-section .wpcf7-form {
    margin: 0 !important;
    padding: 0 !important;
}

.bgv-reservation-section .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   MAIN SECTION
========================================================== */

.bgv-reservation-section {
    --bgv-green: #89AE79;
    --bgv-field: rgba(229, 239, 223, 0.66);
    --bgv-white: #ffffff;

    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;

    min-height: 740px !important;

    padding: 76px 40px 78px !important;

    overflow: hidden !important;

    background-color: var(--bgv-green) !important;

    background-image:
        url("https://bentotagrandvilla.com/wp-content/uploads/2026/07/Group-1000006102.png") !important;

    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: cover !important;

    color: #ffffff !important;
}


/* ==========================================================
   MAIN DESKTOP GRID
========================================================== */

.bgv-reservation-inner {
    position: relative !important;
    z-index: 5 !important;

    display: grid !important;

    grid-template-columns:
        minmax(310px, 1fr)
        minmax(310px, 0.95fr)
        minmax(440px, 1.35fr) !important;

    column-gap: 18px !important;

    align-items: start !important;

    width: 96% !important;
    max-width: 2000px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* ==========================================================
   LEFT ROOM CONTENT
========================================================== */

.bgv-room-content {
    width: 100% !important;

    margin: 0 !important;

    padding:
        15px
        35px
        0
        0 !important;

    text-align: left !important;
}


/* ROOM TITLE */

.bgv-room-title {
    display: block !important;

    width: 100% !important;

    margin: 0 0 13px 0 !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 18px !important;
    line-height: 1.4 !important;

    font-weight: 400 !important;

    letter-spacing: 0 !important;

    text-transform: none !important;
    text-align: left !important;

    color: #ffffff !important;
}


/* ROOM DESCRIPTION */

.bgv-room-description {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.65 !important;

    font-weight: 300 !important;

    letter-spacing: 0 !important;

    text-align: left !important;

    color: rgba(255, 255, 255, 0.96) !important;
}


/* ==========================================================
   DIVIDER
========================================================== */

.bgv-room-line {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 1px !important;

    margin: 28px 0 25px !important;

    padding: 0 !important;

    border: 0 !important;

    background: rgba(255, 255, 255, 0.75) !important;
}


/* ==========================================================
   FACILITIES TITLE
========================================================== */

.bgv-facilities-heading {
    margin: 0 0 20px !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 18px !important;
    line-height: 1.3 !important;

    font-weight: 400 !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* ==========================================================
   FACILITIES
========================================================== */

.bgv-facilities-row {
    display: grid;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px !important;
    grid-auto-flow: row;
}


.bgv-facility-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    width: auto !important;
    min-width: 90px !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.bgv-facility-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 30px !important;

    margin: 0 0 7px 3px !important;
    padding: 0 !important;
}


.bgv-facility-icon svg {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    fill: none !important;

    stroke: #ffffff !important;
    stroke-width: 1.6 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


.bgv-facility-item > span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.4 !important;

    font-weight: 300 !important;

    color: #ffffff !important;

    white-space: normal !important;
}


/* ==========================================================
   MORE FEATURES
========================================================== */

.bgv-more-features {
    display: none !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 82px !important;
    min-width: 82px !important;

    height: 61px !important;
    min-height: 61px !important;

    margin: 0 !important;

    padding: 0 0 0 16px !important;

    border: 0 !important;

    border-left:
        1px solid rgba(255, 255, 255, 0.85) !important;

    border-radius: 0 !important;

    outline: none !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #ffffff !important;

    cursor: pointer !important;

    transform: none !important;
}


.bgv-more-features:hover,
.bgv-more-features:focus,
.bgv-more-features:active {
    border-left:
        1px solid rgba(255, 255, 255, 0.85) !important;

    background: transparent !important;

    color: #ffffff !important;

    box-shadow: none !important;

    transform: none !important;
}


.bgv-more-arrow {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    height: 24px !important;

    margin: 0 0 5px !important;

    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 27px !important;
    line-height: 22px !important;

    font-weight: 300 !important;

    text-align: center !important;

    color: #ffffff !important;
}


/* 4 MORE - 16PX */

#bgvMoreCount {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.2 !important;

    font-weight: 300 !important;

    text-align: center !important;

    white-space: nowrap !important;

    color: #ffffff !important;
}


/* ==========================================================
   HIDDEN FACILITIES
========================================================== */

.bgv-hidden-features {
    display: none !important;

    width: 100% !important;

    margin: 20px 0 0 !important;

    padding: 15px !important;

    border:
        1px solid rgba(255,255,255,.45) !important;

    background:
        rgba(255,255,255,.04) !important;

    color: #ffffff !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.6 !important;
}


.bgv-hidden-features.active {
    display: block !important;
}


.bgv-hidden-features ul {
    margin: 0 0 8px !important;

    padding-left: 18px !important;
}


.bgv-hidden-features li {
    margin: 0 0 4px !important;
}


/* ==========================================================
   ROOM IMAGE
========================================================== */

.bgv-room-image-area {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 613px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 10px !important;

    background: #68875e !important;
}


.bgv-room-image-area .bgv-room-image {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: scale(1.002) !important;

    transition:
        opacity .2s ease,
        transform .5s ease !important;
}


.bgv-room-image-area:hover .bgv-room-image {
    transform: scale(1.025) !important;
}


/* ==========================================================
   IMAGE NAVIGATION
========================================================== */

.bgv-room-image-nav {
    position: absolute !important;

    z-index: 10 !important;

    top: 22px !important;
    right: 7px !important;

    display: flex !important;

    width: 60px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 5px !important;

    background:
        rgba(45, 91, 53, 0.83) !important;
}


.bgv-room-image-nav button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    min-width: 30px !important;

    height: 22px !important;
    min-height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    color: #ffffff !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 22px !important;

    cursor: pointer !important;

    transform: none !important;
}


.bgv-room-image-nav button:hover,
.bgv-room-image-nav button:focus {
    background:
        rgba(255,255,255,.12) !important;

    color: #ffffff !important;

    transform: none !important;
}


/* ==========================================================
   BOOKING FORM CONTAINER
========================================================== */

.bgv-booking-box {
    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 613px !important;

    margin: 0 !important;

    padding:
        17px
        16px
        16px !important;

    border:
        1px solid rgba(255,255,255,.88) !important;

    border-radius: 3px !important;

    background:
        rgba(118,157,103,.11) !important;

    overflow: visible !important;
}


/* ==========================================================
   BOOKING TITLE
========================================================== */

.bgv-booking-title {
    display: block !important;

    width: 100% !important;

    margin:
        0
        0
        12px
        12px !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-family: "Arima", sans-serif !important;

    font-size: 18px !important;
    line-height: 1.3 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


/* ==========================================================
   FORM FIELDS
========================================================== */

.bgv-field {
    position: relative !important;

    width: 100% !important;

    margin:
        0
        0
        10px !important;

    padding: 0 !important;
}


.bgv-field .wpcf7-form-control-wrap {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.bgv-field input,
.bgv-field select,
.bgv-field textarea {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 1px !important;

    outline: none !important;

    box-shadow: none !important;

    background:
        var(--bgv-field) !important;

    color: #ffffff !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    font-weight: 300 !important;

    text-align: left !important;
}


.bgv-field input,
.bgv-field select {
    height: 39px !important;
    min-height: 39px !important;

    padding:
        0
        13px !important;

    line-height: 39px !important;
}


.bgv-field select {
    appearance: auto !important;
    -webkit-appearance: auto !important;

    padding-right: 12px !important;

    cursor: pointer !important;
}


.bgv-field select option {
    background: #88aa78 !important;

    color: #ffffff !important;
}


.bgv-field input::placeholder,
.bgv-field textarea::placeholder {
    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    font-weight: 300 !important;

    color:
        rgba(255,255,255,.92) !important;

    opacity: 1 !important;
}


.bgv-field input:focus,
.bgv-field select:focus,
.bgv-field textarea:focus {
    border: 0 !important;

    outline: none !important;

    box-shadow: none !important;

    background:
        rgba(232,241,227,.74) !important;
}


/* ==========================================================
   NATIONALITY + MOBILE
========================================================== */

.bgv-two-fields {
    display: grid !important;

    grid-template-columns:
        38%
        1fr !important;

    gap: 10px !important;

    width: 100% !important;
}


/* ==========================================================
   CHECK IN + CHECK OUT + GUESTS
========================================================== */

.bgv-three-fields {
    display: grid !important;

    grid-template-columns:
        1fr
        1fr
        1.2fr !important;

    gap: 10px !important;

    width: 100% !important;
}


/* ==========================================================
   DATE FIELDS
========================================================== */

.bgv-date-field {
    position: relative !important;
}


.bgv-date-field input[type="date"] {
    position: relative !important;

    height: 39px !important;
    min-height: 39px !important;

    padding:
        0
        30px
        0
        13px !important;

    color: transparent !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    font-weight: 300 !important;

    line-height: 39px !important;
}


.bgv-date-field.has-date input[type="date"],
.bgv-date-field:focus-within input[type="date"] {
    color: #ffffff !important;
}


.bgv-date-label {
    position: absolute !important;

    z-index: 10 !important;

    top: 50% !important;
    left: 13px !important;

    transform:
        translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    font-weight: 300 !important;

    line-height: 1 !important;

    color:
        rgba(255,255,255,.95) !important;
}


.bgv-date-field.has-date .bgv-date-label,
.bgv-date-field:focus-within .bgv-date-label {
    display: none !important;
}


.bgv-date-field
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute !important;

    right: 8px !important;

    width: 13px !important;
    height: 13px !important;

    cursor: pointer !important;

    filter: invert(1) !important;

    opacity: .78 !important;
}


/* ==========================================================
   MEAL PLAN
========================================================== */

.bgv-meal-plan {
    width: 100% !important;

    min-height: 77px !important;

    margin:
        0
        0
        10px !important;

    padding:
        12px
        10px !important;

    border:
        1px solid rgba(255,255,255,.92) !important;

    border-radius: 2px !important;

    background: transparent !important;
}


.bgv-meal-title {
    margin:
        0
        0
        9px !important;

    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1.2 !important;

    font-weight: 400 !important;

    color: #ffffff !important;
}


.bgv-meal-plan .wpcf7-form-control-wrap {
    display: block !important;

    width: 100% !important;
}


.bgv-meal-plan .wpcf7-radio,
.bgv-meal-plan .wpcf7-form-control {
    display: flex !important;

    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 17px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.bgv-meal-plan .wpcf7-list-item {
    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;
}


.bgv-meal-plan label {
    display: inline-flex !important;

    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    cursor: pointer !important;
}


.bgv-meal-plan input[type="radio"] {
    position: relative !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    width: 15px !important;
    min-width: 15px !important;

    height: 15px !important;
    min-height: 15px !important;

    margin:
        0
        6px
        0
        0 !important;

    padding: 0 !important;

    border:
        2px solid #ffffff !important;

    border-radius: 50% !important;

    background: transparent !important;

    box-shadow: none !important;
}


.bgv-meal-plan input[type="radio"]::after {
    content: "" !important;

    position: absolute !important;

    top: 3px !important;
    left: 3px !important;

    width: 5px !important;
    height: 5px !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    transform: scale(0) !important;
}


.bgv-meal-plan input[type="radio"]:checked::after {
    transform: scale(1) !important;
}


.bgv-meal-plan .wpcf7-list-item-label {
    font-family: "Arima", sans-serif !important;

    font-size: 14px !important;
    line-height: 16px !important;

    font-weight: 300 !important;

    color: #ffffff !important;
}


/* ==========================================================
   TEXTAREA
========================================================== */

.bgv-field textarea {
    width: 100% !important;

    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;

    padding:
        11px
        13px !important;

    resize: none !important;

    overflow: hidden !important;

    font-size: 16px !important;
    line-height: 1.4 !important;
}


/* ==========================================================
   FORM BUTTONS
========================================================== */

.bgv-form-buttons {
    display: grid !important;

    grid-template-columns:
        1fr
        1fr !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.bgv-info-button,
.bgv-book-button,
input.wpcf7-submit.bgv-book-button {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;

    padding:
        0
        12px !important;

    border-radius: 1px !important;

    box-shadow: none !important;

    font-family: "Arima", sans-serif !important;

    font-size: 16px !important;
    line-height: 1 !important;

    font-weight: 300 !important;

    text-align: center !important;

    text-transform: none !important;
}


/* MORE INFORMATION BUTTON */

.bgv-info-button {
    border:
        1px solid #ffffff !important;

    background:
        transparent !important;

    color:
        #ffffff !important;

    cursor:
        pointer !important;
}


.bgv-info-button:hover,
.bgv-info-button:focus,
.bgv-info-button:active {
    border:
        1px solid #ffffff !important;

    background:
        rgba(255,255,255,.08) !important;

    color:
        #ffffff !important;

    transform:
        none !important;
}


/* BOOK NOW */

input.wpcf7-submit.bgv-book-button {
    border:
        1px solid #ffffff !important;

    background:
        #ffffff !important;

    color:
        #84A875 !important;

    cursor:
        pointer !important;
}


input.wpcf7-submit.bgv-book-button:hover,
input.wpcf7-submit.bgv-book-button:focus {
    background:
        #ffffff !important;

    border-color:
        #ffffff !important;

    color:
        #739866 !important;
}


/* ==========================================================
   CF7 SPINNER
========================================================== */

.bgv-form-buttons .wpcf7-spinner {
    position: absolute !important;

    margin:
        8px
        0
        0
        -35px !important;
}


/* ==========================================================
   VALIDATION
========================================================== */

.bgv-reservation-section .wpcf7-not-valid-tip {
    position: absolute !important;

    z-index: 20 !important;

    left: 5px !important;
    bottom: -8px !important;

    margin: 0 !important;

    padding:
        2px
        5px !important;

    background:
        rgba(165,65,55,.9) !important;

    color:
        #ffffff !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        11px !important;

    line-height:
        1.2 !important;
}


.bgv-reservation-section .wpcf7-response-output {
    position: relative !important;

    z-index: 10 !important;

    width:
        min(1500px, calc(100% - 80px)) !important;

    margin:
        18px
        auto
        0 !important;

    padding:
        10px
        14px !important;

    border:
        1px solid rgba(255,255,255,.7) !important;

    color:
        #ffffff !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        16px !important;
}


/* ==========================================================
   MORE INFORMATION POPUP
   EXACT CENTER OF SCREEN
========================================================== */

.bgv-more-information {
    position: fixed !important;

    z-index: 999999 !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width:
        min(1100px, calc(100% - 40px)) !important;

    max-height:
        calc(100vh - 60px) !important;

    overflow-y:
        auto !important;

    margin:
        0 !important;

    padding:
        45px
        40px
        38px !important;

    border:
        1px solid rgba(255,255,255,.75) !important;

    border-radius:
        5px !important;

    background:
        #85AA76 !important;

    box-shadow:
        0
        25px
        70px
        rgba(31,53,27,.32) !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;

    transform:
        translate(-50%, -46%) scale(.98) !important;

    transition:
        opacity .3s ease,
        transform .3s ease,
        visibility .3s ease !important;
}


/* POPUP ACTIVE */

.bgv-more-information.active {
    opacity:
        1 !important;

    visibility:
        visible !important;

    pointer-events:
        auto !important;

    transform:
        translate(-50%, -50%) scale(1) !important;
}


/* ==========================================================
   POPUP CLOSE
========================================================== */

.bgv-info-close {
    position:
        absolute !important;

    top:
        10px !important;

    right:
        17px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        32px !important;

    height:
        32px !important;

    min-width:
        32px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    color:
        #ffffff !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        28px !important;

    line-height:
        1 !important;

    cursor:
        pointer !important;
}


/* ==========================================================
   POPUP GRID
========================================================== */

.bgv-more-info-grid {
    display:
        grid !important;

    grid-template-columns:
        1.1fr
        1fr
        1fr !important;

    gap:
        45px !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ==========================================================
   RATES AND WHAT'S INCLUDED
   REQUESTED 16PX
========================================================== */

.bgv-info-column h2 {
    margin:
        0
        0
        15px !important;

    padding:
        0 !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        16px !important;

    line-height:
        1.4 !important;

    font-weight:
        400 !important;

    color:
        #ffffff !important;

    text-align:
        left !important;
}


/* POPUP SUB TITLES */

.bgv-info-column h3 {
    margin:
        0
        0
        13px !important;

    padding:
        0 !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        16px !important;

    line-height:
        1.4 !important;

    font-weight:
        500 !important;

    color:
        #ffffff !important;
}


/* POPUP TEXT */

.bgv-info-column p,
.bgv-info-column li {
    color:
        #ffffff !important;

    font-family:
        "Arima",
        sans-serif !important;

    font-size:
        16px !important;

    line-height:
        1.7 !important;

    font-weight:
        300 !important;
}


.bgv-info-column ul {
    margin:
        0 !important;

    padding-left:
        20px !important;
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1200px) {

    .bgv-reservation-section {
        padding:
            65px
            30px
            70px !important;
    }


    .bgv-reservation-inner {
        width:
            94% !important;

        grid-template-columns:
            minmax(270px, 1fr)
            minmax(260px, .95fr)
            minmax(390px, 1.3fr) !important;

        column-gap:
            14px !important;
    }


    .bgv-room-content {
        padding-right:
            25px !important;
    }


    .bgv-room-description {
        font-size:
            15px !important;
    }


    .bgv-room-image-area {
        height:
            610px !important;
    }


    .bgv-booking-box {
        min-height:
            610px !important;
    }


    .bgv-meal-plan .wpcf7-radio,
    .bgv-meal-plan .wpcf7-form-control {
        gap:
            10px !important;
    }


    .bgv-meal-plan .wpcf7-list-item-label {
        font-size:
            12px !important;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {

    .bgv-reservation-section {
        min-height:
            auto !important;

        padding:
            60px
            30px
            70px !important;
    }


    .bgv-reservation-inner {
        width:
            100% !important;

        max-width:
            760px !important;

        grid-template-columns:
            1fr
            1fr !important;

        gap:
            20px !important;
    }


    .bgv-room-content {
        padding:
            10px
            10px
            0
            0 !important;
    }


    .bgv-room-description,
    .bgv-room-line,
    .bgv-facilities-row,
    .bgv-hidden-features {
        width:
            100% !important;

        max-width:
            none !important;
    }


    .bgv-room-image-area {
        width:
            100% !important;

        min-width:
            0 !important;

        height:
            570px !important;
    }


    .bgv-booking-box {
        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        max-width:
            650px !important;

        height:
            auto !important;

        min-height:
            0 !important;

        margin:
            10px
            auto
            0 !important;
    }


    .bgv-two-fields {
        grid-template-columns:
            1fr
            1.63fr !important;
    }


    .bgv-three-fields {
        grid-template-columns:
            .9fr
            .9fr
            1.1fr !important;
    }


    .bgv-meal-plan .wpcf7-radio,
    .bgv-meal-plan .wpcf7-form-control {
        gap:
            18px !important;
    }


    /* POPUP */

    .bgv-more-information {
        width:
            calc(100% - 40px) !important;

        max-height:
            calc(100vh - 40px) !important;

        padding:
            45px
            30px
            35px !important;
    }


    .bgv-more-info-grid {
        grid-template-columns:
            1fr
            1fr !important;

        gap:
            30px !important;
    }


    .bgv-info-column:first-child {
        grid-column:
            1 / -1 !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .bgv-reservation-section {
        width:
            100% !important;

        left:
            auto !important;

        transform:
            none !important;

        margin:
            0 !important;

        padding:
            45px
            20px
            60px !important;
    }


    .bgv-reservation-inner {
        display:
            flex !important;

        flex-direction:
            column !important;

        width:
            100% !important;

        max-width:
            600px !important;

        gap:
            25px !important;
    }


    .bgv-room-content {
        width:
            100% !important;

        padding:
            0 !important;
    }


    .bgv-room-title {
        font-size:
            21px !important;
    }


    .bgv-room-description {
        font-size:
            16px !important;

        line-height:
            1.7 !important;
    }


    .bgv-room-image-area {
        width:
            100% !important;

        height:
            540px !important;
    }


    .bgv-booking-box {
        width:
            100% !important;

        max-width:
            none !important;

        min-height:
            0 !important;
    }


    .bgv-booking-title {
        margin-left:
            0 !important;

        font-size:
            20px !important;
    }


    /* POPUP CENTER MOBILE */

    .bgv-more-information {
        top:
            50% !important;

        left:
            50% !important;

        bottom:
            auto !important;

        width:
            calc(100% - 30px) !important;

        max-height:
            calc(100vh - 30px) !important;

        padding:
            45px
            22px
            30px !important;

        transform:
            translate(-50%, -46%) scale(.98) !important;
    }


    .bgv-more-information.active {
        transform:
            translate(-50%, -50%) scale(1) !important;
    }


    .bgv-more-info-grid {
        grid-template-columns:
            1fr !important;

        gap:
            28px !important;
    }


    .bgv-info-column:first-child {
        grid-column:
            auto !important;
    }


    .bgv-info-column h2,
    .bgv-info-column h3,
    .bgv-info-column p,
    .bgv-info-column li {
        font-size:
            16px !important;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 575px) {

    .bgv-reservation-section {
        padding:
            38px
            16px
            55px !important;
    }


    .bgv-room-image-area {
        height:
            490px !important;
    }


    .bgv-two-fields,
    .bgv-three-fields {
        grid-template-columns:
            1fr !important;

        gap:
            0 !important;
    }


    .bgv-field input,
    .bgv-field select {
        height:
            45px !important;

        min-height:
            45px !important;

        font-size:
            16px !important;

        line-height:
            45px !important;
    }


    .bgv-date-field input[type="date"] {
        height:
            45px !important;

        min-height:
            45px !important;

        line-height:
            45px !important;
    }


    .bgv-date-label {
        font-size:
            16px !important;
    }


    .bgv-field textarea {
        font-size:
            16px !important;
    }


    .bgv-meal-plan {
        padding:
            15px !important;
    }


    .bgv-meal-plan .wpcf7-radio,
    .bgv-meal-plan .wpcf7-form-control {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        gap:
            11px !important;
    }


    .bgv-meal-plan .wpcf7-list-item-label {
        font-size:
            16px !important;
    }


    .bgv-form-buttons {
        grid-template-columns:
            1fr !important;
    }


    .bgv-info-button,
    input.wpcf7-submit.bgv-book-button {
        height:
            46px !important;

        min-height:
            46px !important;
    }


    #bgvMoreCount {
        font-size:
            16px !important;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .bgv-room-image-area {
        height:
            440px !important;
    }


    .bgv-more-information {
        width:
            calc(100% - 20px) !important;

        max-height:
            calc(100vh - 20px) !important;

        padding:
            42px
            18px
            25px !important;
    }

}

/* ==========================================================
   EXPANDED FEATURES - ICON VERSION
========================================================== */

.bgv-hidden-features {
    display: none !important;

    width: 100% !important;

    margin: 22px 0 0 !important;
    padding: 20px 14px 16px !important;

    border: 1px solid rgba(255,255,255,.45) !important;

    background: rgba(255,255,255,.025) !important;

    color: #ffffff !important;
}


.bgv-hidden-features.active {
    display: block !important;
}


/* GRID */

.bgv-extra-features-grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    align-items: start !important;

    gap: 18px 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* EACH FEATURE */

.bgv-extra-feature-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ICON */

.bgv-extra-feature-icon {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 auto 8px !important;
    padding: 0 !important;
}


.bgv-extra-feature-icon svg {
    display: block !important;

    width: 32px !important;
    height: 32px !important;

    fill: none !important;

    stroke: #ffffff !important;
    stroke-width: 1.6 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* TEXT */

.bgv-extra-feature-text {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Arima", sans-serif !important;

    font-size: 13px !important;
    line-height: 1.35 !important;

    font-weight: 300 !important;

    color: #ffffff !important;

    text-align: center !important;

    overflow-wrap: break-word !important;
}


/* RATE */

.bgv-extra-rate {
    width: 100% !important;

    margin: 15px 0 0 !important;
    padding: 10px 0 0 !important;

    border-top: 1px solid rgba(255,255,255,.22) !important;

    font-family: "Arima", sans-serif !important;

    font-size: 15px !important;
    line-height: 1.4 !important;

    font-weight: 600 !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* TABLET */

@media (max-width: 991px) {

    .bgv-extra-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px 15px !important;
    }

}


/* MOBILE */

@media (max-width: 575px) {

    .bgv-hidden-features {
        padding: 18px 12px 15px !important;
    }

    .bgv-extra-features-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px 12px !important;
    }

    .bgv-extra-feature-icon {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 7px !important;
    }

    .bgv-extra-feature-icon svg {
        width: 29px !important;
        height: 29px !important;
    }

    .bgv-extra-feature-text {
        font-size: 12px !important;
    }

}/* End custom CSS */