/* General Styles */
 * {
        box-sizing: border-box;
    }

    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    body {
      display: flex;
      flex-direction: column;
      font-family: 'Roboto', Arial, sans-serif;
      line-height: 1.4;
      margin: 0;
      padding: 0;
      background-color:#ffffff;
      color:#2e2e2e;
    }
    
      body.no-scroll {
            overflow: hidden;
        }

    main {
        flex-grow: 1;
    }
.centre {text-align:center;}
#levelControl {
    display: none;
}
a:visited {
    color: inherit;  
    
}
.favorite-icon-page a:hover 
        {
        color: #E63946
 
  }

.footer-social-images {padding-left: 8px;
    padding-right: 8px;}
    
/* Style the list to remove default bullets and add spacing */
.is-style-checkmark-list {
   list-style-type: none;
    padding: 0;
    text-align: left;
    margin-bottom: 24px;
    margin-top: 30px;
}

/* Add custom tick before each list item */
.is-style-checkmark-list li::before {
     content: "\2705"; /* Unicode for the checkmark emoji (✅) */
    color: green; /* Color of the checkmark */
    margin-right: 5px; /* Adjust spacing between checkmark and text */
}

/* Add spacing above and below each list item */
.is-style-checkmark-list li {
    margin-top: 14px;
    margin-bottom: 14px;
    color: #777777;
    font-weight: 400;
    padding-left: 28px;
    padding-right: 28px;
}
#imagePreview {margin-top:8px;}
.small-form-text {font-size: 14px;
    margin-top: 14px;
    font-weight: 300;
}
.small-form-text-small {font-size: 13px;
    margin-top: 14px;
    font-weight: 300;
}
/* Styles for the overlay */
#overlay-reward-points {
   display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
      background-color: rgba(0, 0, 0, 0.8); /* Darker overlay color (80% opacity) */
    z-index: 9999;
}

.overlay-content-rewards {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%; /* 80% width */
    background-color: white; /* White middle section */
    padding: 20px;
    border-radius: 10px;
    z-index: 10000;
}

#taggedAirports div {
    display: inline-block;
    margin-right: 10px; /* Adjust the margin-right value as needed */
    background-color: #e3f2fd; /* Light blue background color */
    padding: 5px 10px; /* Add padding to create some space around the content */
    border-radius: 8px; /* Rounded corners */
}

#taggedAirports div span {
    margin-right: 5px; /* Adjust the margin-right value for the airport name */
}

.removeBtn {
    cursor: pointer; /* Change cursor to pointer on hover for remove button */
}

#taggedAirports.disabled div {
    background-color: #e9e9e9; /* Change background color to grey */
    color: #666; /* Change text color to a darker shade of grey */
}

.deal-expired  {
       margin-bottom: 18px;
       display:flex;
    width: max-content;
    background: #bd0000;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    color: #ffffff;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    padding-right: 10px;
    border-radius: 28px;
}
.reward-points-table-container {
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;
    margin-top:34px;
}
.reward-points-box {
    /* Add your styles for the reward points box here */
    background-color:#fff;
     text-align:center;
}

.reward-points-table {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    padding-bottom:14px;
}

.reward-points-table th,
.reward-points-table td {
    padding: 10px;
}
.reward-points-table td p {text-align:left;}

.reward-points-table th {
    background-color: #f2f2f2; /* Header background color */
}

.reward-points-table tbody tr:nth-child(even) {
    background-color: #f2f2f2; /* Alternate row background color */
}

.reward-points-table tbody tr:hover {
    background-color: #ddd; /* Hover row background color */
}

.sign-up-title {
   position: relative;
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    z-index: 99999;
}
.tab-content a,.tab-profile-content a {
  text-decoration: none;
  color: #000000
}

.tab-content a:hover,.tab-profile-content a:hover {
  text-decoration: underline;
  text-decoration-color: #E63946;
  text-underline-offset: 6px;
}

.tab-content a.visited, .tab-profile-content a.visited {
  text-decoration: none;
}

.terminal-tab-content a {
  text-decoration: none;
  color: #2e2e2e;
}
.profile-tab-content a {
  text-decoration: none;
}
.terminal-tab-content a:hover {
  text-decoration: underline;
  text-decoration-color: #E63946;
  text-underline-offset: 6px;
  color: #E63946;
}

.terminal-tab-content a.visited {
  text-decoration: none;
    color: #2e2e2e;
}
.flash-message a {color:#ffffff;}
.crown-class {
transform: rotate(339deg);
    top: 12px;
    position: absolute;
    left: 48px;
}
.crown-class-small {
    transform: rotate(339deg);
    top: -31px;
    position: absolute;
    left: 0px;
    z-index: 999;
}
.crown-class-small-2 {
    transform: rotate(339deg);
    top: -31px;
    position: absolute;
    left: -8px;
    z-index: 999;
}

.crown-class-small-home {
   transform: rotate(339deg);
    top: -25px;
    position: absolute;
    left: -2px;
    z-index: 999;
}
.crown-class-small-home-2 {
 transform: rotate(339deg);
    top: -25px;
    position: absolute;
    left: -11px;
    z-index: 999;
}

.hotels-map {text-align: center;
    margin-bottom: 64px;}
    
.contributor-wrap 
{
    position: relative;
    z-index: 9999;
}
.crown-class-small-3 {
    transform: rotate(339deg);
    top: -31px;
    position: absolute;
    left: -8px;
    z-index: 999;
}


.profile-mayors {margin-top: 30px;
    letter-spacing: 0.07em;
    font-size: 14px;color:#737272; font-weight:200;}

.home-logo img {z-index: 2;
    position: relative;
    height:66px;}
    
    
.home-logo-2 img {
    z-index: 2;
    position: relative;
    height: 48px;
    margin-bottom: 4px;
}
 
.airport-profile-logo img {z-index: 2;
    position: relative;
    width: 240px;}    
    
.airport-profile-logo {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 999; 
}
.airport-profile-logo  img {
  width: 40px; /* adjust the size of the logo */
  height: auto;
}
.airport-header {

    text-shadow: -0.5px -0.5px 0 #000,  /* top left */
    0.5px -0.5px 0 #000,   /* top right */
    -0.5px 0.5px 0 #000,   /* bottom left */
    0.5px 0.5px 0 #000;
}
#accordion {margin-bottom:40px;margin-top:40px;text-align:left;}
/* Apply h2 styles to accordion headers */
#accordion .faq-question {
    position:relative;
    font-size: 22px;
    margin-bottom: 20px;
    color: #ffff;
    z-index: 99999;
    background-color: transparent;
    color: #272727;
    margin: 0;
    cursor: pointer;
    text-align: left;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    z-index: 0;
    border: none; /* Remove border */
    padding-left: 30px; /* Adjust the padding as needed */

}

/* Custom hover styles for links within accordion panels */
#accordion .faq-answer a {
    color:#525252;text-decoration: underline;font-weight:400;line-height: 1.6em;
}

#accordion .faq-answer a:hover {
    color:#E63946;text-decoration: underline;line-height: 1.6em;
}

/* Remove active styles */
#accordion .faq-question.ui-state-active {
    background-color: transparent;
    color: #272727;
    font-weight: bold;
padding-bottom: 10px; /* Add padding to create space under the text */
    margin-bottom: 10px; /* Add margin to increase the gap */
    text-decoration: underline; /* Underline when active */
    text-decoration-color: #E63946; /* Color of the underline */
}

/* Remove jQuery UI box around accordion */
#accordion .ui-accordion-content {
    border: none;
        background-color: transparent;
}

.align-left {text-align:left;}
.align-left p {text-align:left;}
/* Style for accordion content */
#accordion .faq-answer {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color: #2e2e2e;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 38px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
 #coinContainer {
    text-align: center;
    position: fixed;
    top: -22px;
    left: -16px;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99999;
}
    .coin {
        position: absolute;
        width: 50px;
        height: 50px;
        background-image: url('https://indepartures.com/images/icons/coin-points.png');
        background-size: cover;
        z-index: 99999; /* Ensure coins are above the overlay */
    }
#pointsText {
    position: fixed;
    top: 34%;
    /* left: 44%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    animation: pulsate 2s infinite alternate;
    display: none;
    pointer-events: none;
    z-index: 99999;
}
#walletText {
    position: fixed;
    top: 60%;
    /* left: 52%; */
    /* transform: translate(-50%, -50%); */
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: normal;
    color: #ffffff;
    /* animation: pulsate 2s infinite alternate; */
    /* display: none; */
    z-index: 99999;
}
    #overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        display: none; /* Hidden initially */
        z-index: 1; /* Ensure overlay is below coins and text */
    }
    #startButton {
        display: none; /* Hide start button */
    }
    
    @keyframes pulsate {
        0% {
            transform: scale(1);
        }
        100% {
            transform: scale(1.1); /* Slightly larger size */
        }
    }

/* Style for name term in answer box */
#accordion .faq-answer .answer-name-term {
    font-size: 15px;
}

/* Style for answer content in answer box */
#accordion .faq-answer .answer-content {
    position: relative;
    align-self: flex-start;
    text-align: left;
    font-weight: 300;
    color: #555;
}

/* Style for date and time in answer box */
#accordion .faq-answer .answer-date-time {
    color: #979696;
    margin-top: 18px;
    font-size: 13px;
}


/* Position the arrow icon for active accordion */
#accordion .faq-question.ui-state-active .arrow-icon {
    background-position: 0 -50px; /* Position for active accordion */
}

#accordion .ui-accordion-header .ui-icon {
    display: none;
}
/* Position the arrow icon for active accordion */
#accordion .faq-question.ui-state-active .arrow-icon {
    background-position: 0 -10px; /* Position for active accordion */
}

.tip-images {margin-top: 14px;
    margin-bottom: 14px;}

.tip-images img {    
        margin-right: 6px;
          cursor: pointer;
}
/* Define the CSS class to show the image */
.show {
    display: block;
}
.overlay-image-mod {
    display: none; /* Hide the modal by default */
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.9); /* Black background color with transparency */
}
.overlay-image-mod-content {
    display: block;
    max-width: 100%; /* Set maximum width for the modal content */
    max-height: 100%; /* Set maximum height for the modal content */
    margin: auto; /* Center the image horizontally */
}
.flight-deal-container {
    width: 100%;
    flex-wrap: wrap;
}

.flight-deal-column-1 {
    flex: 0 0 65%; /* Set each column to be 65% wide */
}

.flight-deal-column-2 {
    flex: 0 0 35%; /* Set each column to be 35% wide */
}

.flight-deal-title {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 14px;
    text-align: left;
}

.flight-deal-title-text {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 14px;
    text-align: left;
}

.flight-deal-container hr, .flight-deal-single-box hr {
    border: none;
    height: 1px;
    background: #e0e0e0bd; 
    width: 100%;
    margin-top: 18px;
    margin-bottom: 24px;
}

.hr-plane {    
    width: 100%;
    text-align: center;
    padding-top: 10px;
    font-size: 30px;
    color: #e8e8e8;
    padding-bottom: 10px;
}

#flightDealModal hr {
    border: none;
    height: 1px;
    background: #e0e0e0bd; 
    width: 100%;
    margin-bottom: 24px;
}

.flight-deal-description {
    font-size: 16px;
    color: #7d7c7c;
    font-weight: 300;
    line-height: 34px;
    font-family: 'Roboto', Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
}

.flight-overlay-deals-box {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color: #2e2e2e;
    border-radius: 20px;
    width: 50%;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 38px 0px;
    overflow: auto;
    flex-direction: column;
    text-align: left;
}

.flight-deal-text {padding-right:12px;}
.flight-deal-text-container {
    width: 100%;
}

.flight-deal-add-by {
    display: flex;
}

.flight-deal-button, .flight-deal-prev-button {
    margin-bottom: 14px;
    text-align: left;
    margin-top: 14px;
    margin-right:8px;
    margin-left:8px;
}

.flight-deal-button-link {
    background-color: #E63946;
    color: #ffffff!important;
    padding: 10px 13px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    z-index: 999;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

.flight-deal-button-alerts {
    border: 1px solid #E63946;
    background-color: #ffffff;
    color: #E63946 !important;
    padding: 10px 13px;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    z-index: 999;
    position: relative;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

/* Change background and text color of .flight-deal-button-alerts on hover */
.flight-deal-button-alerts:hover {
    background-color: #E63946;
    color: #ffffff !important;
}

/* Change color of the envelope icon on hover */
.flight-deal-button-alerts:hover .fa-envelope {
    color: #ffffff;
}
.fa-envelope {padding-right:2px;}
.modal-content2 {
    position: relative;
    background-color: #fefefe;
    margin: 1% auto;
    padding: 38px;
    border: 1px solid #888;
    width: 60%;
    border-radius: 20px;
     overflow-y: auto; /* Allow vertical scrolling within the modal content */
}


.overlayMapAmenity.next-step:hover, .flight-deals-button:hover, .flight-deals-prev-button:hover {
  background-color: #f2636d; /* Change background color on hover */
}

@media (max-width: 767px) {
    .flight-deal-description {
        flex-direction: column;
    }
    .flight-overlay-deals-box {
        width: 100%;
    }
    .flight-deal-column-1,
    .flight-deal-column-2 {
        flex: 0 0 100%; /* Set each column to be 100% wide on mobile */
    }
    .modal-content2 {
        width: 100%;
    }
}

/* Adjust half-width fields */
.input-group.half-width {
    width: calc(50% - 10px); /* Adjust as needed */
    display: inline-block;
    margin-right: 20px; /* Adjust as needed */
}

/* Adjust full-width fields */
.input-group.full-width {
    width: calc(100% - 20px); /* Adjust as needed */
    margin-bottom: 20px; /* Adjust as needed */
}

/* Add media query for responsiveness */
@media only screen and (max-width: 600px) {
    .input-group.half-width {
        width: 100%;
        display: block;
        margin-right: 0;
    }
     .row-group {
        display: block; /* Change to block layout on mobile */
    }

    .input-group.full-width {
        width:100%; /* Adjust as needed */
        margin-bottom: 20px; /* Adjust as needed */
    }
    .overlay-content-rewards {width:98%;}
        .activity-type {font-size:12px;}
}

header h1 { position: relative;
  z-index: 2;
  color: #ffffff; 
    font-weight:600;
}
header p {
  position: relative;
  z-index: 2;
  color: #ffffff; /* Set the text color */
}

header {
      position: relative;
  text-align: center;
  background-image: url("../images/background.webp");
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 20px 0px 14px 0px;
}
header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); /* Adjust the opacity as needed */
  z-index: 1;
}
.home-header::before {background-color: rgba(0, 0, 0, 0);}
nav {
  position: relative;
  z-index: 2; /* Set a higher z-index to make the navigation clickable */
  padding: 0;
  margin: 0;
}

nav ul {
  display: flex;
  justify-content: center;
   list-style: none;
    padding: 0;
}

.main-nav {
      position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0;
    right: 14px;
    top: 6px;
}

h1, p {
  text-align: center;
}

nav ul li {
  margin-right: 20px;
}

nav ul li:last-child {
  margin-right: 0;
}

nav ul li a {
  color: #fff;
  z-index: 2; 
  text-decoration: none;
  padding: 10px;
  transition: all 0.3s;
}
nav ul li a:hover {
    text-decoration: underline;
    text-decoration-color: #E63946;
    text-underline-offset: 6px;
}

h1 {
  font-size: 36px;
  margin: 8px 0px 8px 0px;
  color: #000;
}


p {
  font-size: 16px;
  color: #555;
}

#search-input {
  padding: 10px;
  width: 100%;
  max-width: 400px;
}

.overlay-tab-content-deals {
    background-color: #fbfbfb!important;
}

/*button[type="submit"] {
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
}*/
.overlay-login-button:hover, .overlay-check-in-button:hover, .swal2-confirm:hover {    
    background-color: #f2636d;
}

.swal2-confirm {
    background-color: #E63946; /* Red background */
    color: white; /* White text */
    padding: 14px 38px; /* Padding */
    border: none; /* No border */
    border-radius: 10px; /* Rounded corners */
    font-size: 14px; /* Font size */
    text-transform: uppercase; /* Uppercase text */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth background color transition */
      animation: none !important; /* Disables animations */
  -webkit-animation: none !important; /* For WebKit/Blink browsers */
  -moz-animation: none !important; /* For Mozilla browsers */
}

.swal2-popup {z-index:99999;}

.swal2-cancel {
  background-color: #757575; /* A different background color */
  color: white;
  /* Repeat other styles as needed */
}

/* Success Message Styles */
.success {
    color: #28a745; /* Green color for success messages */
    background-color: #dff0d8; /* Light green background */
    border-color: #d4edda; /* Green border */
    padding: 10px; /* Padding around the text */
    border-radius: 5px; /* Rounded corners */
    margin: 10px 0; /* Some space around the message box */
    font-size: 1em; /* Font size */
}

/* Error Message Styles */
.error {
    color: #dc3545; /* Red color for error messages */
    background-color: #f8d7da; /* Light red background */
    border-color: #f5c6cb; /* Red border */
    padding: 10px; /* Padding around the text */
    border-radius: 5px; /* Rounded corners */
    margin: 10px 0; /* Some space around the message box */
    font-size: 1em; /* Font size */
}

h2 {
  position:relative;
  font-size: 26px;
  margin-bottom: 20px;
  color: #ffff;
  z-index: 99999;
  
}
.airport-cards, .airport-cards-check-in {
  display: flex;
  margin: 0 24px; 
  flex-wrap: wrap;
  justify-content: flex-start;
}
.visited-airport-cards {
  display: flex;
  margin: 0 24px; 
  flex-wrap: wrap;
  justify-content: flex-start;
}
#loading-rating {
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#loading-rating img {
    margin: 0 auto; /* centers the gif horizontally */
}

.custom-airport-cards {
  display: block;
  text-align:center;
}

#locationForm {margin-top:14px;}

.airport-card {
  position: relative;
  background-color: #fff;
  color: #ffffff;
  background-size: cover;
  background-position: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  border-radius: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor:pointer;
  align-items: center;
  text-align: center;
  overflow: hidden;
  padding-top: 60px;
  padding-bottom: 60px;
  text-shadow:
    -0.5px -0.5px 0 #000,  /* top left */
    0.5px -0.5px 0 #000,   /* top right */
    -0.5px 0.5px 0 #000,   /* bottom left */
    0.5px 0.5px 0 #000;    /* bottom right */
  width: calc(25% - 30px); /* Added width, you can adjust this value */
   height: 330px;
  margin-right: 20px; /* Added right margin, you can adjust this value */
}

  .airport-card-download {
  position: relative;
    width: 240px;
    height: 427px;
    overflow: hidden;
     margin-left: auto;
    margin-right: auto;
    /* Rounded corners */
    border-radius: 15px; /* Adjust the radius as per your preference */
    /* Faint border */
    border: 1px solid #e9e9e9; /* Light grey border, change the color as needed */
    /* Drop shadow */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    margin-bottom:22px;
}

.airport-card-download .airport-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the area, similar to background-size: cover */
    /* Additional styling as needed */
}

.airport-card-check-in .airport-text-container {text-align:left;}

.airport-card-download .overlay-text {
    /* Existing styles */
    display: flex;
    flex-direction: column;
    margin-top:60px;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Additional styles */
}

.airport-card-download .airport-city{
    align-self: flex-start; /* Aligns to the start (left) of the flex container */
    text-align: left; /* Aligns the text to the left */
    width: 100%; /* Ensures the text spans the full width of the container */
    padding-left: 52px; 
    margin-top:-16px;
    color:#E63944;
    font-size:14px;
}

.airport-card-check-in .airport-city {
    align-self: flex-start; /* Aligns to the start (left) of the flex container */
    text-align: left; /* Aligns the text to the left */
    width: 100%; /* Ensures the text spans the full width of the container */
    color:#E63944;
    font-size:14px;
    letter-spacing:1.2px;
    font-weight:300;
    padding-left:2px;
}

.airport-card-check-in .airport-city-future {
    align-self: flex-start; /* Aligns to the start (left) of the flex container */
    text-align: left; /* Aligns the text to the left */
    width: 100%; /* Ensures the text spans the full width of the container */
    color:#706f6f;
    font-size:14px;
    letter-spacing:1.2px;
    font-weight:300;
    padding-left:2px;
}

.airport-card-download .airport-where-to {
    align-self: flex-start; /* Aligns to the start (left) of the flex container */
    text-align: left; /* Aligns the text to the left */
    width: 100%; /* Ensures the text spans the full width of the container */
    padding-left: 52px; 
    margin-top:126px;
    color:#E63944;
    font-size:14px;
}
.airport-card-download .airport-image-logo {
    width: 100px;
    bottom: 28px;
    position: absolute;
}

.airport-card-download .airport-code {font-size:66px;}
.airport-card-check-in .airport-code {font-size:66px;line-height:1em; display: inline-block;}

.airport-card-check-in {
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    box-shadow: 3px 5px 8px rgba(0, 0, 0, 0.4);
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    text-align: center;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    width: calc(25% - 30px);
    height: 330px;
    margin-right: 20px;
}


.tab-padding {padding:18px 50px 14px 50px;}
.airport-city,.airport-city-future {font-size:16px;text-transform: uppercase;}
.airport-code {    
    font-size: 74px;
    font-weight: 900;
}
.airport-code-profile {    
    font-size: 84px;
    font-weight: 900;
    z-index: 2;
    position: relative;

}

.airport-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.airport-card .overlay-hover, .airport-card-check-in .overlay-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align:left;
      padding: 40px 14px 0px 14px;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s linear 0.3s;
}
.overlay-hover {height:100%;
}
.airport-card:hover .overlay-hover, .airport-card-check-in:hover .overlay-hover {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.overlay-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width:85%;
  height:85%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
}

.close-overlay {
  color: #fff;
}


.overlay-click {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}

.overlay-click h1 {color:#ffffff;}

.overlay-click .overlay-content {
  max-width: 600px;
  padding: 20px;
  background-color: #fff;
  color: #000;
  border-radius: 8px;
}

.overlay-click .overlay-content h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.overlay-click .overlay-content p {
  font-size: 16px;
}

.overlay-click .overlay-content .close-overlay {
  display: block;
  margin-top: 20px;
  text-align: center;
  color: #fff;
  background-color: #000;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
}


.airport-card h3 {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 24px;
  margin-bottom: 4px;
  margin-top:8px;
  padding: 0px 8px 0px 8px;
}

.airport-card p {
  font-size: 12px;
  color:#ffffff;
  font-weight:bold;
}

.airport-card a.learn-more {
  display: inline-block;
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  margin-top: auto;
}
.airport-image-attr {   
    text-align: right;
    font-size: 12px;
    z-index: 99;
    position: relative;
    color: #dadada;
    padding-right: 14px;
}
.airport-image-attr-visited {   
   vertical-align:middle;
}
.airport-image-attrHome {   
    text-align: right;
    font-size: 13px;
    z-index: 9999;
    position: relative;
    color: #ffffff;
    padding-right: 14px;
}
.airport-image-attrHome a {color:#ffffff;}

.intro-text {
    margin-top: 24px;
    margin-bottom: 44px;
    text-align: center;
    font-size: 17px;
    line-height:1.7;
    font-weight: 300;
    color: #5f5d5d;
}

.intro-text-with-box {
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 22px 0px;
    overflow: auto;
    flex-direction: column;
    text-align: left;
    color: #676767;
    font-weight: 300;
}

.map-heading 
{
    margin: 14px 0px 14px 0px;
    text-align: center;
}

.map-heading h2 {color: #000000;}

.lb-overlay-contributor-img img {border-radius: 50%;
    width: 44px;
    height: 44px;
    border: 2px solid #ffffff;
}
.flash-message a {color:#ffffff;}
@media (max-width: 768px) {
  .flash-message a {color:#ffffff;}
  .airport-cards {
    justify-content: center;
  }
 .airport-image-attr {font-size:12px;    
    text-align: center; 
 }
.airport-image-attrHome {text-align: center; font-size:12px;padding-top:8px; }
 
  .airport-card {
    flex-basis: 100%;
    margin: 0 0 20px;
  }
    .airport-card-check-in {
    flex-basis: 100%;
    margin: 0 0 20px;
  }
   .overlay-content-rewards {width:98%;z-index:999999;}
    .reward-points-table {width:100%;}
}
/* Filter Section Styles */
#search-filters {
  background-color: #ffffff;
  padding: 50px 0;
}
/* Filter Section Styles */
#search-filters-tab {
  background-color: #ffffff;
  padding: 24px 0;
}
/* Filter Section Styles */
#search-filters-tab-profile {
  background-color: #fcfafa;
  padding: 24px 0;
}

/* Filter Section Styles */
#deals-links {
  background-color: #ffffff;
  padding: 50px 0;
}
/* Filter Section Styles */
#deals-links-tab {
  background-color: #ffffff;
  padding: 24px 0;
}
/* Filter Section Styles */
#deals-links-tab-profile {
  background-color: #fcfafa;
  padding: 24px 0;
}
.overlay-deals-box {
    display: flex;
    flex-direction: column;
}

.deal-image img {
    max-width: 100%;
    width: 200px; /* Adjust image width as needed */
    height: auto;
    margin-right: 20px; /* Adjust as needed */
}
@media (min-width: 768px) {
    .overlay-deals-box {
        flex-direction: row;
    }
}

@media (max-width: 768px) {
         .deal-image {
        width: auto;
        text-align: left;
        margin-bottom:24px;
    }
    .deal-image img {
    max-width: 100%;
    width: 200px; /* Adjust image width as needed */
    height: auto;
}  
}

#search-form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}

#search-input {
  padding: 12px;
  width: 80%;
  max-width: 400px;
  border: 1px solid #eaeaea;
  border-radius: 20px;
  background-color: #f6f6f6;
  font-size: 18px;
  color: #333;
  margin-top: 10px;
  outline: none;
}

#search-input::placeholder {
  color: #999;
}

#search-input:focus {
  background-color: #eee;
  border-color: #999;
}

.filter-container, .deals-links-container {
  max-width: 900px;
  margin: 0px auto 24px auto;
}

.filter-input, .deals-links-input {
  text-align: center;
  margin-bottom: 20px;
}

.filter-input label,.deals-links-input label {
  flex: 0 0 120px;
  font-weight: bold;
}

.filter-input input,
.filter-input select, .deals-links-input input, .deals-links-input select {
  flex: 1;
  padding: 10px;
  font-size: 16px;
}

.filter-buttons, .deals-links-buttons{
  display: flex;
  justify-content: center;
  margin-top: 10px;
  flex-wrap: wrap; /* This allows buttons to wrap to the next line on smaller screens */
}

.filter-buttons a {font-size:13px;text-decoration:none;}

.filter-button, .deals-links-button, .filter-button-deals, .filter-button-link  {
  padding: 8px 16px;
  margin: 4px 4px;
  background-color: #f7f7f7;
  color: #555;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.filter-button:hover, .deals-links-button:hover, .filter-button-deals:hover, .filter-button-link:hover {
  background-color: #ddd;
}

/* Media Query for Mobile Screens */
@media screen and (max-width: 768px) {
  .filter-container {
    padding: 0 20px; /* Add padding to the sides */
  }
  #search-input {
    width: 100%; /* Make the search input take the full width */
    box-sizing: border-box; /* Include padding and border in width */
    margin: 0; /* Remove or adjust margins if necessary */
  }
  .filter-buttons {
    width: 100%; /* Ensure the filter-buttons take up the full width */
    box-sizing: border-box; /* Include padding and border in width */
  }
}

footer {
  text-align: center;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background-color: #ffffff;
  color: #8f8f8f;
  border-top: 1px solid #eee;
}

footer p {
    font-size:14px;
   color: #8f8f8f;
}


/* Media Queries */
@media (max-width: 768px) {
  /* Styles for mobile devices */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
  h1 {
    font-size: 24px;
    margin: 8px 0 12px 0px;
    padding: 8px;
  }

  p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .airport-card {
    flex: 0 0 calc(90% - 10px);
  }
  .airport-card-check-in {
    flex: 0 0 calc(90% - 10px);
  }
  nav {width:auto;font-size:12px;}
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* Styles for tablets */
  .airport-card {
    flex: 0 0 calc(33.33% - 20px);
  }
    .airport-card-check-in {
    flex: 0 0 calc(33.33% - 20px);
  }
}

@media (min-width: 1025px) {
  /* Styles for desktop screens */
  .airport-card {
    flex: 0 0 calc(25% - 20px);
  }
   .airport-card-check-in {
    flex: 0 0 calc(25% - 20px);
  }
}

@media (max-width: 768px) {
#accordion .faq-question {margin-left:0px;padding-left:0px;}
#accordion .faq-question.ui-state-active {margin-left:0px;}
.ui-accordion .ui-accordion-header {margin-left:0px;}
}

.filter-button.active {
  background-color: #E63946;
  color: #fff;
}
.filter-button-link.active {
  background-color: #E63946;
  color: #fff;
}
.filter-button-deals.active {
  background-color: #E63946;
  color: #fff;
}

.loading-placeholder {
  display: block;
  text-align:center;
  justify-content: center;
  align-items: center;
  height: 200px; /* Adjust the height as needed */
  background-color: #ffffff;
}

.loading-placeholder img {
      text-align:center;
  width: 100px; /* Adjust the size of the loading image */
}

.loading-placeholder-tabs {
  display: block;
  text-align:center;
  justify-content: center;
  align-items: center;
  height: 200px; /* Adjust the height as needed */
  background-color: #ffffff;
}

.loading-placeholder-tabs img {
      text-align:center;
    margin-top: 68px;
  width: 100px; /* Adjust the size of the loading image */
}

.shared-amenities {
    border-bottom: 1px #e3e3e3 solid;
    margin-bottom: 84px;
    border-top: 1px #e3e3e3 solid;
    padding-bottom: 24px;
    padding-top: 24px;
    margin-top: 14px;
}
    
.loading-gif {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.5); /* semi-transparent white to "dim" the card */
}

.beyond-amenities-bar {
  background-color: #E0E0E0; /* Light gray background color */
  border-radius: 10px; /* Rounded corners */
  height: 20px; /* Adjust the height as needed */
  width: 240px; /* Set the width to fill the container */
  overflow: hidden; /* Hide overflow to round the ends */
}

.beyond-amenities-fill {
  background-color: #00FF00; /* Bright green color */
  border-radius: 10px; /* Rounded ends */
  height: 100%; /* Fill the entire height of the bar */
}

.beyond-amenities-label {
  margin-top: 10px; /* Add spacing between the bar and label */
  text-align: center; /* Center the label text */
}
.amenity-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.amenity-label {
  flex: 1;
  font-size: 13px;
  color: #ffffff;
  text-align:left;
   text-transform: uppercase;
   white-space: nowrap;
    overflow: hidden;
    z-index:9999;
    text-overflow: ellipsis;
}

.amenity-rating-bar {
    height: 22px;
    background-color:#fff;
  z-index:9;
    border-radius: 15px;
    overflow: hidden;
    width: 140px;
}

.amenity-rating-fill {
  height: 100%;
  background-color: #41e128; /* Green color */
}
.overlay-link {
  text-decoration: none;
  color: inherit;
  display: block; /* Make it block to take full space */
}

.hotel-summary-box {
    background: #f8f9fa;
    border: 1px solid #f5f5f5;
    padding: 8px;
    border-radius: 6px;
    margin-bottom: 34px;
    margin-top: 34px;
    text-align: center;
}
.hotel-summary-box h2 {
      font-size: 24px;
    margin-bottom: 1rem;
    color: #2e2e2e;
    font-weight: 600;
}
.hotel-highlights li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.hotel-highlights li strong {
  color: #2c3e50;
}

.hotel-summary-box ul {
  list-style: none;
  padding-left: 0; /* Optional: removes default indentation */
}

.hotel-summary-box ul li {
  margin-bottom: 6px; /* Optional: spacing between items */
}

.hotel-map-intro {text-align: center;margin-bottom: 44px;    
    text-align: center;
    font-size: 17px;
    line-height: 1.7;
    font-weight: 300;
    color: #5f5d5d;}

   /* Column Styles */
.column {
    width: 50%;
    float: left;
    padding: 15px 15px 15px 15px;
    box-sizing: border-box;
}


/* Clearfix for columns */
.tab-content::after,.tab-profile-content::after, .overlaytab-content::afterm .terminal-tab-content::after{
    content: "";
    display: table;
    clear: both;
}


    #amenities {
        min-height: 100%;
        padding-botton:300px;
    }

    .amenities-container {
            
    }
    
      .amenities-small-container {
        display: flex;
        position:relative;
        flex-direction: column;
        align-items: flex-start;
        padding: 26px 0px 20px 0px;
        margin: 0px 34px 0px 0px;
    }

    .amenities-name {
        font-size: 1.3em;
        color: #333;
        margin-bottom: 5px;
    }

    .amenities-additional-info {
        font-size: 14px;
        color: #777;
    }
    
.lb-small-container {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #f1f1f1;
  padding: 26px 0px 20px 0px;
  margin: 0px 34px 0px 0px;
}


.lb-number {
  font-weight: bold;
  margin-right: 28px;
  font-size: 16px; 
  color: #585858;
  top: 0;
  left: 0;
}



.lb-score {
    text-align: right;
    align-self: center; 
    font-size: 16px;
    flex-grow: 1;
    font-weight: bold!important;
    color: #E63946;
}

.lb-left-content {
  display: flex;
  align-items: center;
}


.lb-overlay-contributor-img {
  margin-right: 18px;
  display: flex;
  align-items: center;
}

.lb-overlay-contributor-img img {
  border-radius: 50%; /* Circular images */
  width: 54px;
  height: 54px;
}
.lb-top-row {
  display: flex;
  width:100%;
  align-items: center;
   justify-content: space-between;
  margin:0px 0px 14px 0px;
}
.lb-name {
  font-size: 1.3em;
  color: #333;
  margin-bottom: 5px;
}
.lb-name a {color:#333;}

.lb-additional-info {
  font-size: 14px;
  color: #777;
}


.lb-small-container {
  padding: 26px 0px 20px 0px; 
    
}


.nav-links, .profile-nav-links, .nav-links-normal {justify-content: space-around;}
  .nav-links, .overlay-nav-links, .profile-nav-links, .terminal-nav-links, .nav-links-landing , .nav-links-normal {
    list-style-type: none;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0; 
}

 .overlay-nav-links {
    text-align:center;
    list-style-type: none;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #f0f0f0; 
}

.nav-links li, .overlay-nav-links li, .profile-nav-links li, .terminal-nav-links li,  .nav-links-landing li, .nav-links-normal li {
    display: inline-block;
}

.nav-links a, .overlay-nav-links a, .profile-nav-links a, .terminal-nav-links a,  .nav-links-landing a, .nav-links-normal a {
    display: inline-block;
    background: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    color: #7B7882;
    padding: 10px 15px;
    font-size: 15px;
    letter-spacing:0.5px;
    transition: color 0.3s ease, border-color 0.3s ease;
    margin-bottom: 10px;
    text-transform: uppercase;
    height: 50px; /* Moved to .nav-links a */
    line-height: 50px; /* Moved to .nav-links a */
}
    .content-container-overlay, .content-container-overlay-rate {margin: 50px;
    background: #fff;
    border-radius: 16px;
    position:relative;
    overflow: hidden; 
    }
        .content-container-overlay-paywall {margin: 4%;
    background: #fff;
    border-radius: 16px;
    overflow: auto;
    }
    .header-paywall {width: 100%;
    text-align: center; 
    background-size: cover;
    background-position: center;
    padding: 12px 0;
    position: relative;
    text-align: center;
    background-image: url("../images/background.webp");
    }
    .overlay-amenities-container-paywall {display: flex; justify-content: space-around;margin:24px;padding-top:2%;padding-bottom:5%;text-align: center;}
    .paywall-column {width: 50%;padding-left: 48px;
    padding-right: 48px;}
    .paywall-column-left {border-right: #f4f4f4 solid 1px;}
.nav-active, .overlay-nav-active, .profile-nav-active {
    color: #282828 !important;
    border-bottom: 2px solid #E63946; 
}

.nav-links a:hover, .overlay-nav-links a:hover, .profile-nav-links a:hover, .terminal-nav-links a:hover, .nav-links-landing a:hover, .nav-links-normal a:hover {
    border-bottom: 2px solid #d5d3d8; /* Adds a border on hover */
    padding-bottom: 5px;
}

.profile-tab-content {
    display: none;
    text-align:center;
}

.profile-tab-content.active {
    display: block;
}

.overlay-amenities-top {padding-top:44px;background-color: #fbfbfb;}
#overlay-amenities hr {
    border: none;
    height: 1px;
    background: #e0e0e0bd; 
    width: 36px;
    margin-top: 24px;
    margin-bottom: 32px;
}
/* Desktop styles */
@media screen and (min-width: 769px) {
    .nav-links, .profile-nav-links, .terminal-nav-links, .overlay-nav-links, .nav-links-landing, .nav-links-normal {
        display: flex;
        justify-content: space-around;
    }

}

    .tab-content {
        display: none;
        background: none;
        padding-bottom:138px!important;
    }

 .tab-profile-content,.overlay-tab-content {
          display: none;
        background: none;
        padding: 18px 50px 14px 50px;
    }
        
        
        .terminal-tab-content {
        display: none;
        background: none;
    }

    .tab-content.active, .profile-tab-content.active, .overlay-tab-content.active {
        display: block; 
    }
    
    .terminal-tab-content.active {
        display: block;
    }
    .overlay-tab-content {
        text-align:center;
    }
    
.amenity {
    margin-bottom: 20px;
}

.amenity-name {
    font-weight: bold;
    margin-bottom: 5px;
}


    footer {
        padding: 10px;
        text-align: center;
    }
    
.amenity-rating-bar {
  height: 22px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 15px;
  overflow: hidden;
  width: 140px;
}

.amenity-rating-fill {
  height: 100%;
  background-color: #41e128; /* Green color */
  transition: width 0.3s ease-in-out;
}
#paywall h2 {color:#000;}
#overview-tab {padding-top: 48px;}
.rating-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.rating-column {
  flex: 1;
  margin-right: 54px;
  position: relative;
}

.fullwidth {padding: 18px 50px 14px 50px;}
    
.single-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 0px 14px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
}
.single-details-value {font-weight:400;}
.single-details-value a {color: #333;}

.rating-label {
    font-size: 16px;
    margin-right: 10px;
    font-style: normal;
    color: #a3a3a3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.terminal-tab-content .rating-label { color:#666666;}

.rating-bar-container {
  width: 100%;
  background-color: lightgray;
  height: 32px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.rating-bar {
  height: 100%;
  background-color: #41e128;
  width: 0;
  transition: width 0.5s ease-in-out;
}
.tooltip {font-size:13px;font-family: 'Roboto', Arial, sans-serif;}

.custom-tooltip {
            width:340px;
            height:70px;
            top:-60px;
            border-radius: 20px;
            position: absolute;
            color:#7d7c7c;
            background-color:#ffffff;
            border: 1px solid #ebebeb;
            padding: 4px 12px 4px 4px;
            left:200px;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        
        
.custom-tooltip::after {
    content: "";
    position: absolute;
    bottom: -14px; /* Position it at the bottom of the tooltip */
    left: 50%;

    transform: translateX(-50%);
    border-width: 14px 14px 0 14px; /* This creates a downward pointing arrow */
    border-style: solid;
    border-color: #fff transparent transparent transparent; /* The first value is the color of the arrow */
}


.custom-tooltip-img {
  margin-right: 10px;
   border-radius: 50%;
}

.custom-tooltip-txt {
  text-align: left;
}


.custom-tooltipO {
            width:340px;
            height:70px;
            top:-40px;
            font-size:13px;
            border-radius: 20px;
            position: absolute;
            color:#7d7c7c;
            background-color:#ffffff;
            border: 1px solid #ebebeb;
            padding: 4px 12px 4px 4px;
            left:200px;
            z-index: 1000;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            
        }
        
        
.custom-tooltipO ::after {
    content: "";
    position: absolute;
    bottom: -14px; /* Position it at the bottom of the tooltip */
    left: 50%;

    transform: translateX(-50%);
    border-width: 8px 8px 0 8px; /* This creates a downward pointing arrow */
    border-style: solid;
    border-color: #bfbdbe transparent transparent transparent; /* The first value is the color of the arrow */
    
}

.deal-container {
    display: flex;
    align-items: center;
    background-color: #ebf3fb; /* Light gray background color */
    padding: 20px; /* Increased padding for spacing */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    margin-bottom: 50px; /* White space at the bottom */
}

.deal-text-container {
    flex: 1;
}

.deal-title {
    font-size: 18px; /* Adjust title font size as needed */
    font-weight: bold;
    margin-bottom: 10px; /* Increased margin */
}

.deal-description {
    font-size: 16px;
    color: #7d7c7c;
    font-weight: 300;
    line-height: 34px;
}


@media (min-width: 768px) {
  .rating-bar-container {
    width: 57%;
  }
}

@media (max-width: 768px) {
     .paywall-column {width: 100%;padding:0px;}
  .rating-column {
    flex: 100%;
    margin-right: 0;
    margin-bottom: 0px;
  }
  
  .column {
    flex: 100%;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 0;
    margin-bottom: 0px;
  }
  
  .rating-bar-container {
    width: 50%;
  }
  
  .overlay-tab-content {
    display: none;
    background: none;
    padding: 18px 10px 0px 10px;
  }
  .tab-profile-content {
        display: none;
    background: none;
    padding: 18px 0px 0px 0px;
  }
  
 .terminal-tab-content {
    display: none;
    background: none;
  }
  .fullwidth {padding: 18px 18px 0px 18px;}
  
  .single-rating {
    display: flex;
    align-items: center;
    font-size:13px;
    justify-content: space-between;
    padding: 14px 0px 14px 0px;
    margin: 0px 0px 0px 0px;
  }
  
  .custom-tooltip {
            width:340px;
            height:70px;
            top:-60px;
            left:8px;
            pointer-events: none; 
            display: none;
        }
    .custom-tooltipO {
            top:260px;
            height:70px;
            left:20px;
            pointer-events: none; 
            display: none;
        }
   #overlay-rating-Container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    z-index: 9999;
    display: none; 
    overflow: auto;
  }
     #overlay-rate-airport-Container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    z-index: 9999;
    display: none; 
    overflow: auto;
  }
     #overlay-login-con {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    z-index: 9999;
    display: none; 
    overflow: auto;
  }
  
  #overlay-login-invite  {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    z-index: 9999;
    display: none; 
    overflow: auto;
  }
  
    #overlay-check-in, #overlay-add-images  {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; 
    border-radius: 10px; 
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); 
    z-index: 9999;
    display: none; 
    overflow: auto;
  }
  
  
  .content-container-overlay, .content-container-overlay-rate {margin:0px;}
  .terminal-nav-links, .profile-nav-links {
       justify-content: space-around;}
       
    .overlay-amenities-container-paywall {
    display:block;
    justify-content: space-around;
    text-align: center;
    }

}

.relative-container {
  position: relative;
  width:280px;
}

.am_r_notes {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 8px 8px 20px;
  font-size: 14px;
  color: #ffff;
  z-index: 1; /* This ensures the notes are displayed above the rating bar */
}

.tips-icon {
    vertical-align: middle;  /* Align the image vertically with the text */
    margin-right: 8px;       /* Add some space between the image and the text */
}

.basic_link {color: #fff;}

#overlay-amenity-Container {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none; /* Add this line to hide the container initially */
     overflow: auto;
}

#overlay-amenity-Container2 {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 99999;
    display: none; /* Add this line to hide the container initially */
     overflow: auto;
}

#overlay-rating-Container {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none; /* Add this line to hide the container initially */
     overflow: auto;
}
#overlay-rate-airport-Container {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none; /* Add this line to hide the container initially */
     overflow: auto;
}

#overlay-login-con {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    overflow: auto;
}
#overlay-login-invite {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    overflow: auto;
}

#overlay-check-in, #overlay-add-images {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    display: none;
    overflow: auto;
}

.custom-file-input-button {
    display: inline-block;
    background-color: #E63946;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s;
  }

  .custom-file-input-button:hover {
    background-color: #C92A36;
  }
    #flightImage {
            display: none;
        }

.custom-file-input-button-flightd {
    background-color: #E63946;
    color: #ffffff!important;
    padding: 6px 0px;
    border: none;
    text-align:center;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    z-index: 999;
    position: relative;
    width:177px;
    font-weight: 400!important;
    text-transform: uppercase;
    cursor: pointer;
  }

  .custom-file-input-button-flightd:hover {
    background-color: #C92A36;
  }

  /* Hide the original file input */
  .file-input-container input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
  }
.file-input-wrapper {
    margin: 40px 40px 40px 40px; 
}

.login-date-box-invite {
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.check-in-date-box {
    margin: 8px 0px 16px 0px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width:100%;
}
.flex-container {
    display: flex;
    flex-direction: column;
    align-items:center;
}

.input-wrapper {
    margin-bottom: 10px; /* Adjust spacing as needed */
}

.overlay-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.overlay-login-container {
    background-color: white;
    padding: 34px 44px 38px 44px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    max-width: 400px; /* adjust this value to fit your needs */
    width: 100%; /* adjust this value to fit your needs */
    margin: 0 auto;
}
.overlay-image-mod-container {
    background-color: white;
    padding: 14px 14px 14px 14px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    max-width: 550px; /* adjust this value to fit your needs */
    width: 98%; /* adjust this value to fit your needs */
    margin: 0 auto;
}

.overlay-login-container-paywall {
    background-color: white;
    width: 100%; /* adjust this value to fit your needs */
    margin: 0 auto;
}


    #text {
      position: absolute;
      top: 50%;
      left: 50%;
      font-size: 50px;
      color: white;
      transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
    }
 #closeButton, #closeButtonLogin {
  /* Close button styles */
  position: absolute;
  top: 14px;
 right: 14px;
  width: 30px;
  height: 30px;
  z-index:9999;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: pointer;
  border-radius: 50%; /* Optional: Add border radius for a circular shape */
}
.lightbtn {color:#fff;}
.darkbtn {color:#000;}

#closeButton:hover, #closeButtonLogin:hover {
  /* Hover styles */
    background-color: #E63946; /* Set the background color with transparency */
}

/* Additional styles to adjust the cross thickness */
#closeButton i::before, #closeButtonLogin i::before {
  font-weight: 300;
}

.overlay-deals-box {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color: #2e2e2e;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 38px 0px 38px 0px;
    overflow: auto;
    display: flex;
    flex-direction: column; /* Change flex direction to column for mobile */
    align-items: center; /* Center items horizontally */
    text-align: center; /* Center text */
}

@media (min-width: 768px) {
    .overlay-deals-box {
        flex-direction: row; /* Change flex direction to row for larger screens */
        align-items: flex-start; /* Align items to the start */
        text-align: left; /* Reset text alignment */
    }
}

.overlay-tips-box {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#2e2e2e;
    border-radius: 20px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 32px 0px 32px 0px;
    overflow: auto; 
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.overlay-tips-box-right {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#2e2e2e;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 38px;
    overflow: auto; 
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
.overlay-tips-box-right-top {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#2e2e2e;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 0px 38px 38px 38px;
    overflow: auto; 
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.overlay-tips-box-right-top-centre {
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#2e2e2e;
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 0px 38px 38px 38px;
    overflow: auto; 
    flex-direction: row;
    align-items: flex-start;
}

/* Add media query for responsiveness */
@media only screen and (max-width: 600px) {
        .overlay-tips-box-right-top-centre {margin:0px;}
}



.overlay-tips-img img {
    border-radius: 50%;
    z-index:9999;
    margin-right:8px;
    border: 2px solid #ffffff;
}

.overlay-contributor-img img {
    border-radius: 50%;
    width:34px;
    height:34px;
    border: 2px solid #ffffff;
}


.contributor-airport-img img {
    border-radius: 50%;
    width:42px;
    height:42px;
    margin-top:8px;
    border: 2px solid #ffffff;
}
.contributor-airport-img {top: -24px;
    left: -2px;}
    

.overlay-contributor-airport-img img {
    border-radius: 50%;
    width:27px;
    height:27px;
    margin-top:22px;
    border: 2px solid #ffffff;
}
.overlay-contributor-airport-img .crown-class-small {top: -24px;
    left: -2px;}
.overlay-contributor-airport-img .crown-class-small-2 {top: -24px;
    left: -2px;}
.overlay-tips-box-name {font-size:15px;}
.overlay-tips-box-name a {font-size:15px;line-height:1.5em;text-decoration:underline;color:#2e2e2e;}
.overlay-tips-box-name a:hover {color:#E63946;line-height:1.5em;}
.overlay-tips-box-name-term {font-size:13px;}
.overlay-tips-box-name, .overlay-tips-box-name-term,
.overlay-tips-img {
    position: relative;
}
.overlay-contributor-img, .overlay-contributor-airport-img {
    position: relative;
}
.overlay-contributor-img
{
    margin-top:24px;
}
.overlay-tips-img-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 44px;
}

.overlay-tips-box-tipcontent {
    position: relative;
    align-self: flex-start;
    margin-top:12px;
    text-align:left;
    font-weight: 300;
    color: #555;
}
.overlay-tips-box-tipcontent-term {
    position: relative;
    align-self: flex-start;
    text-align:left;
}

.overlay-amenity-rating-textbox {
    border: 1px solid #ebebeb;
    border-radius: 20px;   
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 18px 38px 0px 8px;
    width: 80%;
    height: 94px;
} 

.overlayAddMapAmenity {
   background-color: #E63946;
    color: #ffffff!important;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    text-decoration: none;
    z-index: 9999;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 14px 0px 14px 0px;
}
.icon-text-container input[type="text"], 
.icon-text-container textarea, 
.icon-text-container select {
    margin:0px;
}
.icon-text-container-dis {font-size:13px;color: #7f7f7f;
    font-weight: 300;}
.overlayMapAmenity, .flight-deals-button {
   background-color: #E63946;
    color: #ffffff!important;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    text-decoration: none;
    z-index: 9999;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 8px 0px 4px 0px;
}
 .flight-deals-prev-button {
  background-color: #e3a1a6;
    color: #ffffff!important;
    padding: 10px 14px;
    border: none;
    border-radius: 10px;
    font-size: 13px;
    text-decoration: none;
    z-index: 9999;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 8px 0px 4px 0px;
}

.overlayrateAirportLink, .overlayaddimagesLink {
   background-color: #E63946;
    color: #ffffff!important;
    padding: 10px 13px;
    border: none;
    border-radius: 10px;
    margin: 2px;
    font-size: 12px;
    text-decoration: none;
    z-index: 999;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
#tooltip_checkin {
    background-color: #333;
    color: white;
    text-align: center;
    border-radius: 5px;
    font-size:13px;
    padding: 10px;
    position: absolute;
    z-index: 9999; /* Higher value to ensure it's above other elements */
    transform: translateX(-50%); /* Adjust horizontal position */
    width: 210px; /* Adjust the width as needed */
    opacity: 0;
    transition: opacity 1s;
      bottom: -25px; /* Adjust as necessary */
    left: 0;
    transform: translateX(-100%);
}

#tooltip_checkin::after {
     content: "";
    position: absolute;
    top: 50%;
    right: -10px; /* Position arrow on the right side */
    margin-top: -5px; /* Adjust to vertically center the arrow */
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #333; 
}

/* Keyframes for animation */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}


.overlaycheckinLink {
   background-color: #E63946;
    color: #ffffff!important;
    padding: 10px 13px;
    border: none;
    border-radius: 10px;
    margin: 2px;
    font-size: 12px;
    text-decoration: none;
    z-index: 999;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

.overlay-amenity-textbox {
    border: 1px solid #ebebeb;
    border-radius: 20px;   
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 0px 38px 0px 8px;
    width: 80%;
    height: 94px;
}  

.overlay-amenity-textbox-am {
    border: 1px solid #ebebeb;
    border-radius: 20px;   
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
        margin: 0px 38px 0px 0px;
    width: 100%;
    height: 94px;
}  

.no-margin-top {
    margin-top: 0px;
    margin-bottom: 14px;
}

.overlay-amenity-textbox-faq {
    border: 1px solid #ebebeb;
    border-radius: 20px;   
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
        margin: 0px 0px 0px 0px;
    width: 60%;
    height: 110px;
    line-height:1.3em;
}  
.message-rating {color:red;width:60%;}
textarea::placeholder {color:#b1b1b1;}
/* CSS to make width 100% for overlay-amenity-textbox-faq under 1220 pixels */
@media (max-width: 1220px) {
    .overlay-amenity-textbox-faq {
        width: 100%;
    }
    .message-rating {width:100%;}
    .overlay-amenity-textbox-am {
        margin: 0px 0px 0px 0px;
        width:100%;
    }
}

.faqs-form-answers {margin: 8px 0px 34px 0px;}
.extra-padding {margin:10px 0px 0px 0px;}
.overlay-faq-img {
    text-align: left; /* Center align the content */
    margin-bottom:4px;
}

.overlay-faq-box-name {
  position: absolute;
    padding: 8px 0px 0px 8px 
}



.overlay-submit-button {
    padding: 10px 28px;
     background-color: #E63946;
     color:#fff !important;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* optional: darken the button slightly when it's clicked */
.overlay-submit-button:active .overlayrateAirportLink:active, .editButtons:active, .overlaycheckinLink:active, .flight-deal-button-link:active, .overlayaddimagesLink:active {
    background-color: #b52f3a;
}

/* optional: lighten the button slightly when hovered */
.overlay-submit-button:hover, .overlayrateAirportLink:hover, .editButtons:hover, .overlaycheckinLink:hover, .flight-deal-button-link:hover, .overlayaddimagesLink:hover {
    background-color: #ff4d60;
}
.editButtons:visited {color:#fff;}
.overlay-button-box {margin: 0px 0px 54px 0px;
    text-align: center;}
.overlay-button-box-deals {margin: 24px 0px 0px 0px;}

.overlay-button-box-tips {
    margin: 24px 0px 54px 0px;
    text-align: center;
}

.overlay-overview-tips-box {
    font-size: 16px;
    font-family: 'Roboto', Arial, sans-serif;
    border-radius: 20px;
    position: relative;
    color: #7d7c7c;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 32px;
    margin: 18px 38px 38px 8px;
    display: flex;
    overflow: auto;
}


.h2-dark {color: #000;
    margin: 38px 38px 18px 42px;font-size: 24px;}
.h2-dark-amenity {color: #000;
    margin: 38px 38px 18px 42px;font-size: 20px;}
 .h2-dark-deals {color: #000;
    margin: 38px 0px 20px 0px;
    font-size: 24px;} 
    .h2-dark-profile-edit {color: #000;
    font-size: 24px;}
    
.overlay-overview-tab-content {
        display: none;
        background: none;
        padding: 18px 50px 14px 50px;
        min-height: 80vh;
    }

@media (max-width: 768px) {
  #overlay-rating-Container, #overlay-amenity-Container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Set the background color to white */
    border-radius: 10px; /* Add rounded corners using border-radius */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add a box shadow for a subtle effect */
    z-index: 9999;
    display: none; /* Add this line to hide the container initially */
    overflow: auto;
  }
  .small-form-text-small 
  {
     font-size: 12px;
    margin-top: 14px;
    font-weight: 300;
      
  }
  #imageUploadSection {width:280px;}
  .check-in-date-box {
    margin: 8px 0px 16px 0px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width:80%;
    height:40px;
    min-width:300px;
}
   .overlay-tips-img img {width:40px;height:40px;}
  .overlay-tips-box, .overlay-tips-box-right, .overlay-tips-box-right-top
  {
    font-size: 14px;
    padding: 24px;
    margin: 14px 0px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: auto;
    
  }
  #accordion .faq-answer {margin: 14px 0px;overflow:auto;padding: 20px;max-width: 100%;display:block;}
  #accordion .ui-accordion-content {
        margin: 0; /* Set margin to 0 */
        padding:0px;
    }
    
  .overlay-amenity-textbox {
    margin: 14px 0px 14px 0px;
    width: 100%;
    font-size:16px;
  }
   .h2-dark {
    color: #000;
    margin: 38px 38px 18px 8px;
    font-size: 24px;
}
   .overlay-overview-tips-box {
    font-size: 16px;
    font-family: 'Roboto', Arial, sans-serif;
    border-radius: 20px;
    position: relative;
    color: #7d7c7c;
    background-color: #ffffff;
    border: 1px solid #ebebeb;
    padding: 26px;
    display: flex;
    overflow: auto;
    margin:0px;
}

.overlay-overview-tab-content {
    padding: 18px 28px 14px 28px;
    height:100%;
}
 .lb-small-container {margin-right: 0px;}
}

.rating-small-icon {text-align:center;font-size:20px;width: 54px;
    display: inline-block;}
.rating-small-text {margin-left:2px;}
.amenity-additional-info p {
    font-weight: 800;
    color: #535252;
    font-size: 20px;
    margin-bottom: 32px;
}
.amenity-additional-info {color:#8e8e8e;}
.amenity-airport-name p {font-size:14px;}

.overlay-overview-tab-content h2 {
    text-align:left;  
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#272727;
    z-index:0;
    font-size: 22px;
}

.overlay-overview-content {
    text-align:left;  
    line-height: 1.4;
    font-family: 'Roboto', Arial, sans-serif;
    color:#272727;
    z-index:0;
}

 .overlay-overview-tab-content.active {
        display: block;

    }
    .overlay-overview-tab-content {
        text-align:center;
        background-color: #fbfbfb;
    }
.overlay-amenities-container {
    text-align:center;
    height:100%;
    background-color:#fbfbfb;
}
.overlay-amenities-container-over { 
    text-align:center;
    height:100%;
}
.overlay-login-container {
    text-align:center;
}
.slider-container {
    width: 300px;
    margin: 34px auto auto auto;
}

.breakable-link {
    word-wrap: break-word;
    max-width: 100%;
}

.slider {
   -webkit-appearance: none;
    width: 100%;
    height: 14px;
    border-radius: 20px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.profile-img-small { margin-right: 0px; border-radius: 50%;width: 38px; height: 38px;border: 2px solid #ffffff;}
.profile-menu {
  display: flex;
  justify-content: right;
}
.profile-menu li:not(:last-child) a::after {
  content: "|";
  margin: 0 8px;
  color: #999;
  text-decoration: none; /* Added to remove underline on the vertical bar */
}

.profile-menu li:not(:last-child) a::after {
  content: "|";
  margin: 0 8px;
  color: #fff;
  text-decoration: none; /* Added to remove underline on the vertical bar */
  display: inline-block; /* Added to ensure the vertical bar is treated as a separate inline element */
}

.profile-menu li:not(:last-child) a:hover::after { /* Change the color of the vertical bar on hover */
  text-decoration: none; /* Added to remove underline on hover */
}

.profile-menu li a {vertical-align:top; height: 20px;margin:0px;padding:0px;}
.profile-menu li a:hover {
    background-color:none!important;  
    text-decoration: underline;
    text-decoration-color: #E63946;
    text-underline-offset: 6px;
    
}
.profile-menu li {margin:0px;}

.profile-image-box, .profile-image-box-faqs {padding: 0px 0px 0px 5px;}

.login-email-box {    
    border: 1px solid #ebebeb;
    border-radius: 20px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 0px 38px 14px 38px;
    width: 80%;
    height: 48px;
}
.login-email-box-invite {    
    border: 1px solid #ebebeb;
    border-radius: 20px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 0px 38px 14px 38px;
    width: 80%;
    height: 48px;
}

.login-email-box-paywall {    
    border: 1px solid #ebebeb;
    border-radius: 20px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 14px 38px 14px 38px;
    width: 80%;
    height: 48px;
}
.login-email-box-login {    
    border: 1px solid #ebebeb;
    border-radius: 20px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 16px;
    padding: 20px;
    border-radius: 20px;
    margin: 0px 44px 20px 44px;
    width: 100%;
    height: 48px;
}

.overlay-login-button {    
    background-color: #E63946;
    color: white;
    padding: 14px 38px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.overlay-check-in-button {    
    background-color: #E63946;
    color: white;
    padding: 14px 38px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .flash-message {
      background-color: #E63946;
      color: #FFFFFF;
      padding: 10px 20px;
      text-align: center;
    }
    
#feedback {
    display: none;
    color:#FF0000;
    margin-bottom:8px;
}
.invite-txt {margin-bottom: 16px;
    margin-top: 8px;
    color: #a6a6a6;
    font-size: 14px;}

    
    .waitinglist-txt {margin-bottom: 14px;
    font-weight: 300;
    margin-top: 8px;
    line-height: 1.5em;
    color: #777777;
    font-size: 17px;}
    
.waitinglist-txt-login, .login-txt {margin-bottom: 14px;
    font-weight: 300;
    margin-top: 8px;
    line-height: 1.5em;
    color: #777777;
    font-size: 17px;}
    
.overlay-tips-box-name {  display: flex;}   
.overlay-tips-box-name-term {  display: flex; justify-content:center;}  

.main-content {height:90%;}
.top-header {height: 62px;}
.overlay-tips-name-tips {padding-left:24px;}

.tips-image-submit img {border-radius:50%;border:solid 3px #ffffff;}

.favorite-icon {
    display: inline-block;
    padding: 0px;
    border-radius: 50%;
    transition: color 0.3s;
    z-index: 999;
    font-size: 20px;
    margin: 14px 20px 14px 14px;
    cursor: pointer;
    top: 0px;
    position: absolute;
    right: 0px;
}

.favorite-icon-page {
    display: inline-block;
    padding: 4px;
    border-radius: 50%;
    transition: color 0.3s;
    z-index: 10;
    font-size: 22px;
    position:relative;
    cursor: pointer;
}

 
    .favorite-icon.black-star {
      color: rgba(0, 0, 0, 0.8);
      text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000;
    }

    .favorite-icon.white-star {
      color: #fff;
      text-shadow: -0.5px -0.5px 0 #fff, 0.5px -0.5px 0 #fff, -0.5px 0.5px 0 #fff, 0.5px 0.5px 0 #fff;
    }
    
    #accessibility-tab {padding-top: 48px;}
    
    .profile-stats 
    {
    font-size: 16px;
    color: #848484;
    margin-top:30px;
    text-align:left;
    }
     .profile-stats-wallet
    {
    font-size: 16px;
    color: #848484;
        margin-top: 34px;
    }
     .profile-stats-ck
    {
    font-size: 16px;
    color: #848484;
    margin-top:18px;
    text-align:left;
    }
    .profile-stats-ck-links
    {
    font-size: 16px;
    color: #848484;
    display: flex;
    flex-wrap: wrap;
    }
    .profile-stats-count
    {
           padding-right: 14px;
    text-align: left;
    font-weight: 200;
    font-size: 15px;
    letter-spacing: 0.03em;
    }
     .profile-stats-count-small
    {
           padding-right: 8px;
    text-align: left;
    font-weight: 200;
    font-size: 15px;
    letter-spacing: 0.03em;
    }
     .profile-stats-count-links
    {
    padding-right: 14px;
    text-align: left;
    font-weight: 200;
    font-size: 15px;
    letter-spacing: 0.03em;
    padding-top: 8px;
    }
    .profile-stats-count-links a {color:#848484; text-decoration:none;}
    .profile-stats-count-links a:hover {color:#E63946; text-decoration:underline;}
 
    .disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none!important;
    color: grey!important;
}
    #terminal-tab {margin-top:40px;}
    
    .overlay-hover a {color: #ffffff;}
    .airport-header a {
    color: #f8f8f8;
    position: relative;
    z-index:999;
    }
   .airport-header a:hover {
    color: #d2d2d2;
    }
    .card-airport-name {font-size: 17px;
    padding: 0px 8px 0px 8px;}
    .airport-header-code {color:#ffffff; z-index:999;position:relative;font-size:22px;}
    
    /* Modal styles */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 70%);
}

.modal-content {
  background-color: #fefefe;
  margin: 6% auto;
  padding: 54px;
  border: 1px solid #888;
  width: 60%;
  border-radius: 20px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
/* For unvisited links */
.website-link a {
    font-size: 15px;
    color: #000;
    text-decoration: underline;
}

/* For visited links */
.website-link a:visited {
    color: #000;
}

/* Hover styles */
.website-link a:hover {
    color: #e63946;
    text-decoration: underline; /* Add underline on hover */
}

.overlay-date-time {
    color: #979696;
    margin-top: 18px;
    font-size: 13px;
}
.overlay-moderation {
    color: #E63946;
    margin-top: 18px;
    font-size: 13px;
}
.modal-content, .modal-content p {text-align:left;}
#linkContainer {margin-left: 14px;font-size:14px;}
#linkContainer a {
    color: #595858;
    text-decoration: underline; 
  }
  .profile-content-edit h1 {text-align:left;}
  .overlay-overview-content a {color:#000;text-decoration:underline;}
  .overlay-overview-content a:hover {color:#E63946;}
  .error-message {color: #FF0000;}
  
  
/* Style for the common parent container */
.container {
  display: flex; /* Use flexbox to arrange the slider and icon-rating-container vertically */
  flex-direction: column; /* Stack the elements vertically */
  align-items: center; /* Center the elements horizontally */
}

/* Style for the slider container */
.slider-container {
  /* Your existing styles for the slider container go here */
}

/* Style for the icon and rating container */
.icon-rating-container {
  margin-top: 10px; 
  display: flex; 
  align-items: center;
  padding: 5px 10px;
  border-radius: 4px; 
   white-space: normal;
  word-break: break-word;
}

/* Style for the tooltip icon */
.icon-container {
  margin-right: 10px; 
  position: relative;
  margin-left: 10px;
}

.icon-container-profile {
  margin-right: 10px; 
  position: relative;
  margin-left: 4px;
}
.rating-container p {margin-right:4px;}
.icon-container::before, .icon-container-profile::before {
  content: attr(data-tooltip); 
  position: absolute;
  bottom: 100%; 
  transform: translateX(-10%); 
  padding: 8px 12px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  white-space: normal; 
  max-width: 180px; 
  word-break: break-word; 
  visibility: hidden; 
  min-width: 400px;
  z-index: 9999;
  max-width: 500px;
}

/* Show the tooltip when the icon container is hovered */
.icon-container:hover::before, .icon-container-profile:hover::before {
  visibility: visible;
}

/* Style for the rating container */
.rating-container {
  display: flex;
  align-items: center;
}
    
@media (max-width: 768px) {
    .rating-small-icon {
    margin-right: 4px;
    font-size: 16px;
    width: 24px;
    display: inline-block;
    }
    .relative-container {
    position: relative;
    width: 158px;
    }
    .am_r_notes {
    font-size: 11px;
    font-weight:600;
    padding: 8px 8px 8px 8px;
    }
    .profile-content-edit h1 {font-size:28px;}
    .overlayrateAirportLink, .overlayaddimagesLink {margin-bottom:14px;}
    .slider-container {
    width: 300px;
    }
    .overlay-amenity-rating-textbox {
    margin: 8px 8px 18px 8px;
    width: 95%;
}
.h2-dark-amenity {margin:38px 38px 18px 0px}
.container {margin-bottom:18px;}
.modal-content {
  background-color: #fefefe;
  margin: 0% auto;
  padding: 34px;
  border: 1px solid #888;
  width: 100%;
  border-radius: 20px;
}
   .overlay-amenities-container-paywall {margin:20px;}
   .paywall-column {width:100%;border:none;text-align:center;margin-bottom:84px;}
   .login-email-box-paywall {width:90%;margin: 18px 4px 18px 4px;}
   #paywall {  overflow: auto;
  -webkit-overflow-scrolling: touch;}
  .home-logo img {
    height:40px;
}

.login-email-box-paywall::placeholder {
    color: #bababa;
}

.icon-container-profile {
  padding-left: 6px; 
  margin-right: 0px;
  margin-left: 0px;
}

.icon-container::before, .icon-container-profile::before  {
  min-width: 240px;
  max-width: 240px;
}
.profile-stats-count {
    padding: 8px 0px 8px 0px;
}
.overlay-tips-name-tips {padding-left:0px;overflow-wrap: break-word;
    max-width: 100%;}
}


@media screen and (max-width: 767px) {
  .amenity-rating-bar {
    width: 50%;
  }
  #overlay-login-con {
    position: fixed;
    width: 100%;
    height: 100%;
}
.icon-container::before, .icon-container-profile::before {
  transform: translateX(-76%); 
  left:0px;
}
}

@media only screen and (max-width: 600px) {
      .profile-image-box {
    display: none;
  }
}
/* CSS for screens between 768px and 1024px wide (generally iPads in portrait and landscape modes) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .amenity-rating-bar {
    width: 50%;
  }
  .nav-links, .nav-links-landing, .nav-links-normal {
    justify-content: flex-start;
  }
   .amenity-label {font-size:12px;}
    .overlay-content-rewards {width:98%;z-index:999999;}
    .reward-points-table {width:100%;}
}

footer a {
   color: #8f8f8f!important;
}
footer a:visited {
   color: #8f8f8f!important;
    
}