/*
	Theme Name: Hello Biz
	Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 1.2.0
	Stable tag: 1.2.0
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-biz
	Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/


html,
body {
  font-family: "vinila-condensed", sans-serif !important;
}

.fontV {
  font-family: "vinila-condensed", sans-serif !important;
}
.fontVB {
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
}
.fontLibre,
.fontLibre p,
.fontLibre a {
  font-family: "Libre Franklin", Sans-serif !important;
}

.mb-0 p {
  margin-bottom: 0 !important;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


.elementor-element-4463c3f8 {
  z-index: 9999 !important;
}

.post-tags a {
  display: inline-block;
  background-color: #f3efe9; /* Light gray background */
  color: #134265;
  padding: 0.6rem 1rem;
  border-radius: 50px; /* Pill shape */
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: background 0.3s;
  text-decoration: none !important;
}

.post-tags a:hover {
  background-color: #43b1fe;
  color: #fff !important;
}

.content-container .post-tags a,
.about-create .post-tags a {
  margin: 0 !important;
  padding: 0.6rem 0.9rem;
  line-height: 1rem;
}

.footer_news {
  max-width: 90% !important;
}

.footer_news .wpcf7-form-control-wrap[data-name="your-email"] {
  position: absolute;
  display: inline-block; /* Ensures it wraps the input tightly */
  width: 100%; /* Make the container take the full width */
  z-index: 11;
}

.footer_news .wpcf7-form-control-wrap[data-name="your-email"] .wpcf7-email {
  padding-right: 50px; /* Adjust this value based on your icon/button size */
  box-sizing: border-box; /* Ensures padding doesn't affect the total width */
  width: 100%;
  outline: none;
}

.footer_news .submit-icon-button {
  position: absolute;
  right: 8px;
  border: none;
  padding: 2px; /* Gives a nice, large clickable area */
  cursor: pointer;

  /* Center the icon inside the button */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 2rem;
  z-index: 22;
}

/* Style the SVG icon inside the button */
.footer_news .submit-icon-button img {
  display: block; /* Removes any extra space below the image */
  width: 24px; /* Your desired icon width */
  height: 24px; /* Your desired icon height */
  transition: opacity 0.2s ease-in-out;
}

/* Add a hover effect for better user feedback */
.footer_news .submit-icon-button:hover {
  background: #134265; /* A nice blue color on hover */
}
.footer_news .submit-icon-button:hover img {
  content: url("/wp-content/uploads/2025/11/arrow_white.svg");
}

.footer_news .wpcf7-not-valid-tip,
.wpcf7-spinner {
  display: none;
}

.footer_news form.invalid .wpcf7-response-output {
  background-color: #ffd6b6;
  border: 0;
  border-radius: 2rem;
  color: #d44f15;
  font-weight: 700;
  width: fit-content;
  margin-top: 3rem;
}
.footer_news form.sent .wpcf7-response-output {
  background-color: #c1ebcc;
  border: 0;
  border-radius: 2rem;
  color: #177f3e;
  font-weight: 700;
  width: fit-content;
  margin-top: 3rem;
}

.footer_news .wpcf7-acceptance {
  position: absolute;
  width: 250px;
  bottom: -2.5rem;
}
.footer_news .wpcf7-list-item-label {
  line-height: 1.1rem;
}

.footer_news input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 2px;
}

.footimg {
  margin-top: auto !important;
}

.footimg img {
  width: 100vw;
}

footer {
  padding: 0;
}

.footer_cert:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -40px;
  height: 40px;
  width: 40px;
  border-bottom-left-radius: 50%;
  background-color: transparent;
  box-shadow: 0 20px 0 0 #fff;
}

.footer_cert:after {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  height: 40px;
  width: 40px;
  border-bottom-left-radius: 50%;
  background-color: transparent;
  box-shadow: -20px 0 0 0 #fff;
}

.footer_cert p{
        text-wrap-mode: nowrap;
}

.footer_by:before {
    content: "";
    position: absolute;
    top: 28px;
    left: -40px;
    height: 40px;
    width: 40px;
    border-bottom-right-radius: 50%;
    background-color: transparent;
    box-shadow: 0 20px 0 0 #FFF;
}

.footer_by:after {
    content: "";
    position: absolute;
    top: -40px;
    right: 0;
    height: 40px;
    width: 40px;
    border-bottom-right-radius: 50%;
    background-color: transparent;
    box-shadow: 20px 0 0 0 #FFF;
}

.contact-phone,
.about-flag {
  width: 80px;
  vertical-align: middle;
}

.home_questions .e-n-accordion-item-title-text {
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
}

.home_questions .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.home_questions .e-n-accordion-item-title-text:hover {
  color: #134265;
}

.home_questions .e-n-accordion-item-title-icon svg {
  width: 35px !important;
}

.btn_home_explorer a:hover svg path {
  fill: #43b1fe !important;
}

.elementor-widget-n-accordion
  .e-n-accordion-item
  .e-n-accordion-item-title-icon
  span
  > svg {
  fill: none !important;
}

.where-to-go-section .carousel-header {
  margin-bottom: 1.5rem;
}

.carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}

.carousel-title {
  font-size: 3rem;
  font-weight: 700;
  color: #134265;
  margin: 0;
  line-height: 1.1;
}

.plan-nav-buttons,
.carousel-nav-buttons {
  display: flex;
  gap: 1rem;
}

.best_beaches-section .carousel-nav-buttons {
  justify-content: flex-end;
  margin-top: 1rem;
}

.carousel-nav-buttons button:focus,
.carousel-nav-buttons button,
.plan-nav-buttons button:focus,
.plan-nav-buttons button {
  display: flex;
  align-items: center;
  background: #134265;
  border: 0;
  padding: 8px !important;
  border-radius: 50%;
  transition: background 0.3s ease;
  width: 50px;
  height: 50px;
}

.plan-nav-buttons button img,
.carousel-nav-buttons button img {
  width: 34px;
  height: 34px;
}
.carousel-nav-buttons button.carousel-prev img,
.plan-nav-buttons button.plan-prev img {
  transform: rotate(-135deg);
}
.carousel-nav-buttons button.carousel-next img,
.plan-nav-buttons button.plan-next img {
  transform: rotate(45deg);
}

.plan-nav-buttons button:hover,
.carousel-nav-buttons button:hover {
  background: #43b1fe;
}

.plan_trip-carousel,
.best_beaches-carousel,
.what_is_o-carousel {
  position: relative;
}

.best_beaches-carousel .slick-track {
  margin-left: 0;
  margin-right: auto;
}

.best_beaches-grid-slide,
.what_is_on-grid-slide {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1rem;
  padding: 1rem;
}

.plan_trip-grid-slide {
  display: grid !important;
  grid-template-columns: repeat(1, 1fr 2fr 1fr);
  gap: 3rem;
  padding: 1rem;
}

/* Base header styles */
.site-header {
  width: 100%;
  z-index: 1000;
  transition: all 0.1s ease-in-out;
}

/* Styles for the sticky header when scrolled */
.sticky-header {
  position: fixed !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  top: 0;
  left: 0;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Card Container */
.plan_trip_product-card,
.beach_product-card,
.what_is_on_product-card {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

/* Image Section */
.beach_product-card .product-image-container {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 0.8rem;
  border-bottom-right-radius: 0;
}
.plan_trip_product-card .product-image-container,
.what_is_on_product-card .product-image-container {
  position: relative;
  width: 100%;
  height: 370px;
  overflow: hidden;
  border-radius: 1rem;
}

.beach_product-card .arrow-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #fff;
  border-top-left-radius: 2rem;
  width: 66px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 1px 0 white;
}

.plan_trip_product-card .arrow-wrapper-b {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan_trip_product-card .arrow-wrapper-b2 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.beach_product-card .arrow-icon {
  position: absolute;
  bottom: 7px;
  right: 7px;
  width: 50px;
  height: 50px;
  background: #134265;
  padding: 8px;
  border-radius: 50%;
  z-index: 99;
}

.plan_trip_product-card .arrow-wrapper-b .arrow-icon,
.plan_trip_product-card .arrow-wrapper-b2 .arrow-icon {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 50px;
  height: 50px;
  background: #f3efe9;
  padding: 8px;
  border-radius: 50%;
  z-index: 99;
}

.plan_trip_product-cardd .arrow-wrapper-b2 .arrow-icon {
  background: #f3efe9;
}

.plan_trip_product-card:hover .arrow-icon {
  background: #f3efe9;
}

.beach_product-card:hover .arrow-icon {
  background: #43b1fe;
}

.plan_trip_product-card:hover .feature-image,
.what_is_on_product-card:hover .feature-image,
.beach_product-card:hover .feature-image {
  transform: scale(1.2);
}

.arrow-wrapper:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 0;
  height: 30px;
  width: 30px;
  border-bottom-right-radius: 50%;
  background-color: transparent;
  box-shadow: 15px 0 0 0 #fff;
}

.arrow-wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -30px;
  height: 30px;
  width: 30px;
  border-bottom-right-radius: 50%;
  background-color: transparent;
  box-shadow: 15px 0 0 0 #fff;
}

.plan_trip_product-card .product-image-container .feature-image,
.beach_product-card .product-image-container .feature-image,
.what_is_on_product-card .product-image-container .feature-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Card Content */
.plan_trip_product-card .product-card-content,
.beach_product-card .product-card-content {
  padding: 16px 0;
}

.plan_trip_product-card .product-card-content-b2 {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  width: 350px;
  background: #fff;
  border-bottom-left-radius: 1rem;
  padding: 1rem 1.5rem;
  box-shadow: 0 0 1px 0 white;
}

.plan_trip_product-card .product-card-content-b2:before {
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 40px;
  width: 40px;
  border-top-right-radius: 50%;
  background-color: transparent;
  box-shadow: 20px 0 0 #fff;
}

.plan_trip_product-card .product-card-content-b2:after {
  content: "";
  position: absolute;
  bottom: -40px;
  right: 0;
  height: 40px;
  width: 40px;
  border-top-right-radius: 50%;
  background-color: transparent;
  box-shadow: 20px 0 0 0 #fff;
}

.plan_trip_product-card .product-title,
.beach_product-card .product-title,
.what_is_on_product-card .product-title {
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
  font-size: 2rem;
  font-weight: 700;
  color: #134265; /* dark blue-gray */
  margin-bottom: 8px;
}

.plan_trip_product-card .product-title a,
.beach_product-card .product-title a,
.what_is_on_product-card .product-title a {
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none;
  color: inherit;
}

.beach_product-card .product-description,
.what_is_on_product-card .product-description {
  font-family: "Libre Franklin", Sans-serif !important;
  font-size: 0.9rem;
  color: #134265; /* medium gray-blue */
  margin-bottom: 16px;
  line-height: 1.4;
}

.plan_trip_product-card .product-sub-title {
  font-family: "Libre Franklin", Sans-serif !important;
  font-size: 0.9rem;
  color: #134265; /* medium gray-blue */
  margin-bottom: 6px;
  line-height: 1.4;
}

/* Category Tags */
.plan_trip_product-card .product-category,
.beach_product-card .product-tags,
.what_is_on_product-card .product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.plan_trip_product-card .product-category a,
.beach_product-card .product-tags a,
.what_is_on_product-card .product-tags a {
  text-decoration: none !important;
}

.plan_trip_product-card .product-category span,
.beach_product-card .product-tags span,
.what_is_on_product-card .product-tags span {
  background: #ebd0f4;
  color: #542a64;
  padding: 0.5rem 0.9rem;
  border-radius: 2rem;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 0.8rem;
  text-decoration: none !important;
}

.plan_trip_product-card .product-category span:hover,
.beach_product-card .product-tags span:hover,
.what_is_on_product-card .product-tags span:hover {
  background: #e7b5ff;
  color: #f3efe9;
}
.plan_trip_product-card .product-category span.post-tag,
.beach_product-card .product-tags span.post-tag,
.what_is_on_product-card .product-tags span.post-tag {
  background: #F3EFE9;
  color: #134265;
}

.plan_trip_product-card .product-category span.post-tag:hover,
.beach_product-card .product-tags span.post-tag:hover,
.what_is_on_product-card .product-tags span.post-tag:hover {
  background: #F3EFE9;
  color: #134265;
}

.site-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
}

.site-menu {
  padding: 1.25rem;
  background-color: #fff;
  border-bottom-left-radius: 1.5rem;
  position: relative;
}

.normal-header .site-menu:before,
#fullscreen-menu .site-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: -2.5rem;
  height: 40px;
  width: 40px;
  border-top-right-radius: 50%;
  background-color: transparent;
  box-shadow: 20px 0 0 0 #fff;
}

.normal-header .site-menu:after,
#fullscreen-menu .site-menu:after {
  content: "";
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  height: 40px;
  width: 40px;
  border-top-right-radius: 50%;
  background-color: transparent;
  box-shadow: 20px 0 0 0 #fff;
}

/* Menu toggle button styles */
.menu-toggle {
  background-color: #134265 !important;
  border-radius: 2rem;
  padding: 0.4rem 0.4rem 0.4rem 1rem;
  color: #fff !important;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  margin-left: auto;
  gap: 10px;
  position: relative;
  z-index: 99;
}

.menu-toggle:hover {
  background-color: #43b1fe !important;
}

.menu-toggle .elementor-button-content-wrapper {
  align-items: center;
}

.menu-toggle .elementor-button-icon {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 0.6rem;
  max-width: 35px;
  max-height: 35px;
}
.menu-toggle img {
  width: 15px;
  height: 15px;
}

.menu-icon-hover {
  display: none;
}

.menu-toggle:hover .menu-icon-default {
  display: none;
}

.menu-toggle:hover .menu-icon-hover {
  display: block;
}

/* Mobile menu toggle visibility */
.site-navigation {
  display: none; /* Hidden by default on mobile */
}

.site-navigation.toggled {
  display: block; /* Show when toggled */
}

/* Fullscreen Menu Styles */
#fullscreen-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #134265;
  z-index: 99999;
  display: none;
  overflow-y: auto;

  border-block-end-width: 1rem;
  border-block-start-width: 1rem;
  border-color: #ffffff;
  border-inline-end-width: 1rem;
  border-inline-start-width: 1rem;
  border-radius: 2rem 2rem 2rem 2rem;
  border-style: solid;
}

#fullscreen-menu.fullscreen-menu-visible {
  display: block;
}

#fullscreen-menu .site-header {
  background-color: transparent;
  padding: 0;
  gap: 1rem;
}

#fullscreen-menu .menu-main-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  flex: 1;
  justify-content: space-between;
}

#fullscreen-menu .menu-main-content .topics-container {
  display: flex;
  gap: 0.5rem;
}

#fullscreen-menu .menu-main-content .topic {
  border-radius: 2rem;
  padding: 0.6rem 1rem 0.6rem 1rem;
  background: #f3efe999;
  border: 0;
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
  color: #134265;
}
#fullscreen-menu .menu-main-content .topic.active {
  background: #f3efe9;
}

#fullscreen-menu .main-navigation {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  width: 100%;
  margin-top: 40px;
}

#fullscreen-menu .main-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#fullscreen-menu .main-navigation li {
  margin-bottom: 20px;
}

#fullscreen-menu .main-navigation a {
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  transition: color 0.3s ease;
}

#fullscreen-menu .main-navigation a:hover {
  color: #43b1fe;
}

#fullscreen-menu .search-container {
  width: 100%;
  padding: 0 1rem;
  /* Force block display to ensure it respects width */
  display: block; 
}

/* 
   CRITICAL: We use Flexbox here NOT to align the row, 
   but to force the <label> to take up all available width.
   This ensures the container is wide enough for "Right" to mean "Right".
*/
#fullscreen-menu .search-form {
  display: flex;
  position: relative; /* Sets the boundary for the absolute button */
  width: 100%;
}

/* 
   The label wraps the input. 
   'flex: 1' forces it to grow and fill the entire form width.
   This solves the "stuck on the left" issue.
*/
#fullscreen-menu .search-form label {
  flex: 1;
  display: block;
}

#fullscreen-menu .search-field {
  width: 100%;
  /* Right padding (50px) gives space for the button */
  padding: 9px 50px 9px 15px;
  /* Vital: ensures padding doesn't break the width */
  box-sizing: border-box; 
  border: 0;
  border-radius: 2rem;
  background-color: #f3efe9;
  color: #134265;
  font-size: 1rem;
  outline: none;
  display: block;
}

#fullscreen-menu .search-field::placeholder {
  color: #13416599;
}

#fullscreen-menu .search-submit {
  /* 
   We use absolute positioning to put it on the right side.
   Because the Form (parent) now has a width (forced by flexbox),
   'right: 5px' will correctly place it on the far right.
  */
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  
  padding: 0;
  background-color: #134265;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 35px;
  height: 35px;
  z-index: 10; /* Ensures it sits on top of the input */
  
  /* Flex inside the button to center the icon */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
    justify-self: right;
}

#fullscreen-menu .search-submit:hover {
  background-color: #134265;
}

/* Keeps the icon sharp and centered */
#fullscreen-menu .search-submit img {
  display: block;
  width: 16px; 
  height: auto;
}

.fullscreen-content {
  margin-top: 11vh;
}

/* Search form styling */
.search-container {
  width: 100%;
  max-width: 300px;
}

.search-form {
  display: flex;
  gap: 10px;
  align-items: center;
}

.search-field {
  flex: 1;
  padding: 9px;
  border: 0;
  border-radius: 2rem;
  background-color: #f3efe9;
  color: #134265;
  font-size: 1rem;
  outline: none;
}

.search-field::placeholder {
  color: #13416599;
}

/* Fix search submit button alignment */
.search-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem;
  background-color: #134265;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 35px;
  height: 35px;
  flex-shrink: 0;
}

.search-submit:hover {
  background-color: #43b1fe;
}

.search-submit img {
  width: 20px;
  height: 20px;
}

/* Fix search submit button alignment */
.search-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.6rem;
  background-color: #134265;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 35px;
  height: 35px;
}

.search-submit img {
  width: 20px;
  height: 20px;
}
/* Container for the grid */
.container-mega-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* Creates 5 equal columns */
  gap: 40px;
  max-width: 95vw;
  margin: 0 auto;
  padding: 40px 20px;
  color: #ffffff; /* White text */
}

/* Column Headers */
.column-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 25px;
}

.column-header h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 0;
  color: #ffffff;
}

/* The white circle behind the icons */
.icon-circle {
  background-color: #ffffff;
  color: #1a3b5d; /* Dark blue color for the icon itself */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

/* Links List */
.menu-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-column ul li {
  margin-bottom: 15px;
}

.menu-column h3 a {
  color: #ffffff;
  text-decoration: none;
}

.menu-column h3 a:hover {
  color: #43b1fe;
}

.menu-column ul li a {
  color: #f3efe9;
  text-decoration: none;
  font-size: 2.1rem;
  font-weight: 400;
  transition: opacity 0.3s ease;
}

.menu-column ul li a:hover {
  color: #43b1fe;
}

/* Mobile Responsiveness (stacks columns on small screens) */
@media (max-width: 1680px) {
  .column-header h3 {
    font-size: 1.9rem;
  }
  .menu-column ul li a {
    font-size: 1.7rem;
  }
}
/* Mobile Responsiveness (stacks columns on small screens) */
@media (max-width: 1440px) {
  .container-mega-menu {
    grid-template-columns: repeat(5, 1fr); /* 3 columns on large tablets */
  }
  .column-header h3 {
    font-size: 1.5rem;
  }
  .menu-column ul li a {
    font-size: 1.4rem;
  }
  .site-branding img {
    width: 200px !important;
  }
  #fullscreen-menu .site-header {
    gap: 0.5rem;
  }
  .site-branding,
  .site-menu {
    padding: 1rem !important;
  }
  .sticky-header .site-branding,
  .sticky-header .site-menu {
    align-self: center;
  }
  .sticky-header .site-branding a {
    line-height: 0;
  }
  .site-branding img {
    z-index: 99;
    position: relative;
  }
  #fullscreen-menu .menu-main-content .topic {
    padding: 0.5rem 0.9rem 0.5rem 0.9rem;
  }
  #fullscreen-menu .menu-main-content .topics-container,
  #fullscreen-menu .menu-main-content {
    gap: 0.4rem;
  }
}
@media (max-width: 1280px) {
}

@media (max-width: 1024px) {
  .site-branding img {
    width: 180px !important;
  }
  .site-header {
    align-items: flex-start !important;
  }

  .container-mega-menu {
    grid-template-columns: repeat(3, 1fr); /* 2 columns on tablet */
  }
  .column-header h3 {
    font-size: 1.3rem;
  }
  .menu-column ul li a {
    font-size: 1.2rem;
  }
  #fullscreen-menu button {
    font-size: 0.9rem;
  }
}

@media (max-width: 830px) {
  .container-mega-menu {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
  .column-header h3 {
    font-size: 1.1rem;
  }
  .menu-column ul li a {
    font-size: 1rem;
  }
  .site-branding {
    padding: 0.5rem !important;
  }
  .site-menu {
    padding: 0.3rem !important;
  }
  .contact-phone,
  .about-flag {
    width: 50px;
  }
  .where-to-go-section .carousel-header {
    margin-bottom: 0.5rem;
  }

  .carousel-header {
    margin: 0 0.5rem 1rem;
  }
  .where-slider-breadcrumb {
    padding: 2px 8px !important;
  }
  .plan_trip_product-card .product-category span,
  .beach_product-card .product-tags span,
  .what_is_on_product-card .product-tags span {
    padding: 0.3rem 0.5rem;
  }
  #fullscreen-menu button.menu-toggle {
    background-color: #f3efe9 !important;
    color: #134265 !important;
  }
  #fullscreen-menu button.menu-toggle .elementor-button-icon{
    background-color: #134265 !important;
  }
  #fullscreen-menu button.menu-toggle .elementor-button-icon img.menu-icon-default{
      content: url("/wp-content/uploads/2025/12/cross_white.svg");
  }
  
   #fullscreen-menu .menu-toggle {
        padding: .3rem .3rem .3rem 1rem;
    }
    #fullscreen-menu .search-container,
    #fullscreen-menu .search-form {
        max-width: unset;
    }
    
    .carousel-nav-buttons button:focus,
    .carousel-nav-buttons button,
    .plan-nav-buttons button:focus,
    .plan-nav-buttons button {
      padding: 10px !important;
      width: 40px;
      height: 40px;
    }
    .plan-nav-buttons button img,
    .carousel-nav-buttons button img {
      width: 20px;
      height: 20px;
    }
    .plan_trip_product-card .product-card-content-b2{
        width: 320px;
    }
    
    .beach_product-card .arrow-icon {
      width: 40px;
      height: 40px;
    }
    .beach_product-card .arrow-wrapper {
        border-top-left-radius: 1.7rem;
        width: 56px;
        height: 56px;
    }
    .arrow-wrapper-b, .arrow-wrapper-b2 {
        background-size: 25px;
        width: 40px !important;
        height: 40px !important;
    }
}

/* Hide all but the first mega menu container by default */
.fullscreen-content .container-mega-menu:not([data-content="plan-your-trip"]) {
  display: none;
}

/* Grid Layout Container */
.bento-grid-container {
  grid-template-columns: 1.4fr 1fr; /* Left side is slightly wider */
  gap: 25px;
  width: 100%;
  box-sizing: border-box;
}

.bento-col-right {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

/* General Card Styling */
.bento-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* Pushes text to bottom */
  border-radius: 30px;
  padding: 40px;
  text-decoration: none;
  overflow: hidden; /* Clips the background shapes */
  min-height: 300px; /* Minimum height for small cards */
}

@media (max-width: 1440px) {
  .bento-card {
    min-height: 222px; /* Minimum height for small cards */
  }
}

/* Card Colors */
.card-news {
  background-color: #65d789; /* Mint Green */
  color: #1a3b5d; /* Dark Blue Text */
  height: 100%;
}
.card-news:hover {
  color: #1a3b5d !important;
}

.card-events {
  background-color: #4ba3f5; /* Blue */
  color: #1a3b5d;
  flex: 1; /* Takes up half the right column */
}
.card-events:hover {
  color: #1a3b5d !important;
}

.card-alerts {
  background-color: #e2b4ff; /* Lavender */
  color: #5a2a75; /* Dark Purple Text */
  flex: 1;
}
.card-alerts:hover {
  color: #5a2a75 !important;
}

/* Typography */
.card-content {
  position: relative;
  z-index: 2;
  max-width: 90%;
}

.bento-card h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1;
}

.bento-card h3 {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 10px 0;
  line-height: 1.1;
}

.bento-card p {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0;
  opacity: 0.8;
}

/* Arrow Icons (Top Right) */
.card-arrow {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

.promo-card-arrow {
  background-color: #134265;
}

/* Specific Arrow Styles */
.arrow-news {
  width: 100px;
  height: 100px;
  background-size: 70px;
  background-image: url(/wp-content/uploads/2025/12/icons-2.svg);
  background-color: #f3efe9; /* Translucent white */
}
.card-news:hover .arrow-news {
  background-image: url(/wp-content/uploads/2025/12/icons-3.svg);
  background-color: #127c3a;
}
.arrow-events {
  background-image: url(/wp-content/uploads/2025/11/arrow_blue.svg);
  background-color: #134265; /* Dark Blue */
}
.card-events:hover .arrow-events {
  background-image: url(/wp-content/uploads/2025/12/icons-3.svg);
  color: #0e2a45;
}
.arrow-alerts {
  background-image: url(/wp-content/uploads/2025/11/arrow_violet.svg);
  background-color: #f3efe9;
}
.card-alerts:hover .arrow-alerts {
  background-image: url(/wp-content/uploads/2025/12/icons-3.svg);
  background-color: #542a64;
}

/* --- Background Shapes (Pure CSS simulation) --- */
.abstract-shape {
  position: absolute;
  z-index: 1;
  pointer-events: none;
}

.blob-shape {
  background-image: url(/wp-content/uploads/2025/12/Vector-10.svg);
  background-repeat: no-repeat;
  background-size: 340px 350px;
  background-position: 60px 60px;
  transition: background 0.6s ease;
}
.blob-shape:hover {
  background-position-x: 190px;
}

.swirl-shape {
  background-image: url(/wp-content/uploads/2025/11/Modo_de_isolamento.svg);
  background-repeat: no-repeat;
  background-size: 150px 100px;
  background-position: 35px 20px;
  transition: background 0.8s ease;
}
.swirl-shape:hover {
  background-position-x: 160px;
}

.chevrons-shape::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(/wp-content/uploads/2025/11/Group.svg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.8s ease;
  z-index: 0;
}

.chevrons-shape:hover::before {
  transform: scale(1.2);
}

/* Mobile Responsiveness */
@media (max-width: 900px) {
  .bento-grid-container {
    grid-template-columns: 1fr; /* Stack everything */
    gap: 20px;
  }

  .card-large {
    min-height: 400px;
  }

  .bento-col-right {
    flex-direction: row; /* Put small cards side-by-side on tablet */
  }
}

@media (max-width: 600px) {
  .bento-col-right {
    flex-direction: column; /* Stack everything on mobile */
  }
}

/*--------------------------ABOUT------------------------------------*/

.about-hero-vector img {
  width: 40vh;
}
.about-vector img {
  transform: scale(1.5);
}

.about-person a {
  text-decoration: underline !important;
  color: #134265;
}

.about-person a:hover {
  color: #43B1FE !important;
}

.about-person h3 a{
    text-decoration: none !important;
    color: #134265 !important;
}
.about-person:hover h3 a{
    color: #43b1fe !important;
}

/*--------------------------CONTACT------------------------------------*/

.contact-btn a {
  background-color: #a2d2f2 !important;
  color: #134265;
  border: 0;
  border-radius: 2rem;
  font-weight: 600 !important;
  font-size: 0.9rem;
}

.contact-btn a:hover {
  background-color: #43b1fe !important;
  color: #fff !important;
}

@media (max-width: 830px) {
  .site-header .site-branding,
  .site-header .site-menu {
    padding: 0.7rem;
  }
  .site-header .site-branding {
    padding: 1rem 0.7rem;
  }
  .site-header .site-menu {
    background-color: transparent;
  }
  .normal-header .site-menu:before,
  .normal-header .site-menu:after {
    content: none;
  }

  .best_beaches-section .carousel-header {
    flex-direction: column;
  }
  .best_beaches-section .carousel-header .carousel-nav-buttons {
    margin-right: auto;
  }

  #what_is_on-section .carousel-header,
  #plan-your-trip .carousel-header {
    flex-direction: column;
    align-items: flex-start !important;
  }

  #plan-your-trip .plan_trip-scroll-wrapper {
    width: 96vw;
  }
  .plan_trip_product-card {
    width: 95vw !important;
  }

  #what_is_on-section .product-image-container {
    height: 400px !important;
  }

  .elementor-element-2d6121b5 {
    display: none !important;
  }
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea {
    width: 100% !important;
  }
  .contact-form .wpcf7-acceptance {
    position: relative !important;
  }
  .contact-form .submit-icon-button {
    margin-top: 2rem;
  }
  .about-vector img {
    transform: translate(-7rem, -15rem) scale(1.5);
  }
  #fullscreen-menu .menu-main-content {
    display: none;
  }
  #fullscreen-menu .site-menu:after,
  #fullscreen-menu .site-menu:before {
    position: unset;
  }
  #fullscreen-menu .search-container {
    display: block;
    place-self: center;
  }
}

/* Mobile Menu Styles */
.mobile-menu-container {
  display: none;
  padding: 1rem;
  background-color: #134265;
  color: #fff;
  min-height: 100vh;
}

.mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-logo {
  flex: 1;
}

.mobile-logo .site-title a {
  color: #fff !important;
  font-size: 1.5rem;
  text-decoration: none;
}

.mobile-logo .site-description {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.9rem;
  margin: 0.5rem 0 0 0;
}

.mobile-search-container {
  margin-bottom: 2rem;
}

.mobile-search-container .search-form {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.mobile-search-container .search-field {
  flex: 1;
  padding: 0.8rem;
  border: 0;
  border-radius: 2rem;
  background-color: #f3efe9;
  color: #134265;
  font-size: 1rem;
  outline: none;
}

.mobile-search-container .search-submit {
  padding: 0.6rem;
  background-color: #134265;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 35px;
  height: 35px;
  align-self: self-start;
}

.mobile-search-container .search-submit img {
  width: 20px;
  height: 20px;
}

.mobile-topics-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mobile-topic {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.topic-header:focus {
  background-color: #43b1fe;
}

.mobile-topic:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

.mobile-topic .topic-arrow {
  font-size: 1.5rem;
  font-weight: bold;
}

.mobile-category-screen,
.mobile-subcategory-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #134265;
  color: #fff;
  padding: 1rem;
  z-index: 1000;
  overflow-y: auto;
}

.mobile-category-header,
.mobile-subcategory-header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.back-button {
    border:0;
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 1rem;
  transition: all 0.3s ease;
}

.category-title,
.subcategory-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  flex: 1;
}

.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.category-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
}

.category-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.category-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 500;
  transition: color 0.3s ease;
  display: block;
  padding: 0.5rem 0;
}

.category-list li a:hover {
  color: #43b1fe;
}

.view-all-link {
  color: #43b1fe;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: rgba(67, 177, 254, 0.1);
  border-radius: 2rem;
  transition: all 0.3s ease;
}

.view-all-link:hover {
  background-color: rgba(67, 177, 254, 0.2);
}

/* Ensure mobile menu is hidden on desktop */
@media (min-width: 769px) {
  .mobile-menu-container,
  .mobile-category-screen,
  .mobile-subcategory-screen {
    display: none !important;
  }
}

/* Mobile menu container styles */
.mobile-menu-container {
  display: block;
  padding: 1rem;
  background-color: #134265;
  color: #fff;
  min-height: 100vh;
}

.mobile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-logo {
  flex: 1;
}

.mobile-logo .site-title a {
  color: #fff !important;
  font-size: 1.5rem;
  text-decoration: none;
}

.mobile-logo .site-description {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.9rem;
  margin: 0.5rem 0 0 0;
}

.mobile-search-container {
  margin-bottom: 2rem;
}

.mobile-search-container .search-form {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.mobile-search-container .search-field {
  flex: 1;
  padding: 0.8rem;
  border: 0;
  border-radius: 2rem;
  background-color: #f3efe9;
  color: #134265;
  font-size: 1rem;
  outline: none;
}

.mobile-search-container .search-submit {
  padding: 0.6rem;
  background-color: #134265;
  border: none;
  border-radius: 2rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 35px;
  height: 35px;
  align-self: center;
}

.mobile-search-container .search-submit img {
  width: 20px;
  height: 20px;
}

.mobile-topics-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.mobile-topic:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.mobile-topic .topic-arrow {
  font-size: 1.5rem;
  font-weight: bold;
}

.mobile-category-screen,
.mobile-subcategory-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #134265;
  color: #fff;
  padding: 1rem;
  z-index: 1000;
  overflow-y: auto;
  display: none;
}

.mobile-category-header,
.mobile-subcategory-header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.back-button {
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 1rem;
  transition: all 0.3s ease;
}

.category-title,
.subcategory-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  flex: 1;
}

.category-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.category-list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
}

.category-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.category-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 500;
  transition: color 0.3s ease;
  display: block;
  padding: 0.5rem 0;
}

.category-list li a:hover {
  color: #43b1fe;
}

.view-all-link {
  color: #43b1fe;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: rgba(67, 177, 254, 0.1);
  border-radius: 2rem;
  transition: all 0.3s ease;
}

.view-all-link:hover {
  background-color: rgba(67, 177, 254, 0.2);
}

/* Mobile menu transitions */
.mobile-category-screen,
.mobile-subcategory-screen {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.mobile-category-screen.show,
.mobile-subcategory-screen.show {
  display: block;
}

.mobile-category-screen.hide,
.mobile-subcategory-screen.hide {
  display: none;
}

@media (max-width: 1250px) {
    #fullscreen-menu .menu-main-content {
        flex-direction: column;
        align-items: unset;
        padding-top: 0.8rem;
    }
    #fullscreen-menu .search-container {
        margin-left: -220px;
        margin-top: 2.5vh;
    }
}

/* Ensure proper mobile menu display on mobile devices */
@media (max-width: 830px) {
  .fullscreen-content.mobile-menu {
    display: block !important;
    margin-top: 9vh;
  }

  .fullscreen-content.desktop-menu {
    display: none !important;
  }

  #fullscreen-menu .menu-main-content {
    display: none;
  }

  #fullscreen-menu .search-container {
        margin-left: 0;
        margin-top: 0;
    display: block;
    place-self: center;
  }
}

/* Mobile Navigation Viewport */
.mobile-nav-viewport {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.mobile-nav-viewport .mobile-topic{
  padding: 0 1rem;
}
.mobile-topic,
.topic-header{
    background-color: transparent !important;
    font-size: 2rem !important;
}
.mobile-topic.is-open .topic-header{
    color:#43B1FE;
}

.mobile-nav-sliding-container {
  display: flex;
  transition: transform 0.3s ease;
  width: 200%;
  margin-top: 1rem;
}

.mobile-main-view,
.mobile-drilldown-view {
  width: 50%;
  flex-shrink: 0;
}

/* Drill-down active state */
.mobile-nav-viewport.drill-down-active .mobile-nav-sliding-container {
  transform: translateX(-50%);
}

/* Topic Toggle Styles */

.topic-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 1rem 0;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.topic-icon-toggle {
  transition: transform 0.3s ease;
}

.mobile-topic.is-open .topic-icon-toggle {
  transform: rotate(180deg);
}

.topic-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.mobile-topic.is-open .topic-body {
  max-height: 1000px; /* Large enough to show all categories */
}

/* Category Row Styles */
.category-row,
.category-row-link {
  display: flex;
  align-items: center;
  padding: 0.8rem 0;
  transition: opacity 0.3s ease;
  text-decoration: none;
}

.cat-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f3efe9;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  flex-shrink: 0;
}

.cat-name {
  flex: 1;
  color: #fff;
  font-size: 1.3rem;
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none;
}

.drill-down-trigger {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  transform: rotate(90deg);
  transition: opacity 0.3s ease;
}

.drill-down-trigger:hover {
  opacity: 0.7;
}

/* Drill-down View Styles */
.mobile-drilldown-view {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.drilldown-nav-header {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.back-button {
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 1rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
}

.back-arrow {
  margin-right: 0.5rem;
}

.current-category-title {
  color: #fff;
  font-size: 2rem;
  margin: 0;
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
}
a.current-category-title:hover{
  color: #fff !important;
  }

.subcategory-list {
  list-style: none;
  padding: 0 1rem;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.subcategory-list li {
  padding: 0.8rem 0;
}

.subcategory-list li:last-child {
  border-bottom: none;
}

.subcategory-list a {
  color: #fff;
  text-decoration: none;
  font-size: 1.3rem;
  display: block;
  transition: color 0.3s ease;
  font-family: "vinila-condensed", sans-serif !important;
  font-weight: 700 !important;
}

.subcategory-list a:hover {
  color: #43b1fe !important;
}
.elementor-widget-n-accordion .e-n-accordion-item-title {
    align-items: flex-start !important;
}

/* Media Query - Only show mobile menu on screens ≤ 768px */
@media (min-width: 831px) {
  .fullscreen-content.mobile-menu {
    display: none !important;
  }
}