/* 

Foxebiz - Multipurpose html template
Copyright 2019  www.mutationmedia.net 
Created by : mutationthemes  

*/

/* Table of Content ================================================== 

1.Preloader
2.Site wrapper
3.About
4.Reservation
5.Specials
6.Portfolio
7.Blog
8.Footer
9.Miscellaneous
10.Mediaqueries


/*Preloader*/

.loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.loader-inner {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.loading-spinner {
    width: 6.5rem;
    height: 6.5rem;
    animation: spinner-rotate 2s ease-in-out infinite;
    -webkit-animation: spinner-rotate 2s ease-in-out infinite;
    -moz-animation: spinner-rotate 2s ease-in-out infinite;
    -ms-animation: spinner-rotate 2s ease-in-out infinite;
    -o-animation: spinner-rotate 2s ease-in-out infinite;
}
.spinner {
    animation: spinner-color 8s ease-in-out infinite,
        spinner-dash 2s ease-in-out infinite;
    -webkit-animation: spinner-color 8s ease-in-out infinite,
        spinner-dash 2s ease-in-out infinite;
    -moz-animation: spinner-color 8s ease-in-out infinite,
        spinner-dash 2s ease-in-out infinite;
    -ms-animation: spinner-color 8s ease-in-out infinite,
        spinner-dash 2s ease-in-out infinite;
    -o-animation: spinner-color 8s ease-in-out infinite,
        spinner-dash 2s ease-in-out infinite;
    stroke-linecap: round;
}
@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner-color {
    0%,
    100% {
        stroke: #b5a46d;
    }
    20% {
        stroke: #a29260;
    }
    40% {
        stroke: #b5a46d;
    }
    60% {
        stroke: #a29260;
    }
    80% {
        stroke: #b5a46d;
    }
}
@keyframes spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -125px;
    }
}
/*End preloader*/

/*Site wrapper*/

.wrapper {
    position: relative;
    background-color: #ffffff;
}
/*End site wrapper*/

/* Hero Section*/

.header {
    position: relative;
}

.inner-hero {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 10;
}

.hero-content {
    color: #ffffff;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.hero-svg {
    position: absolute;
    z-index: 2;
    display: block;
    fill: #ffffff;
    bottom: -45px;
}

.hero-kicker {
    font-size: 1rem;
    letter-spacing: 0.08rem;
    text-transform: none;
    margin-bottom: 0.75rem;
}

.hero-headline .d-block {
    line-height: 1.1;
}

@media (max-width: 767.98px) {
    .hero-kicker {
        font-size: 0.9rem;
    }
}

.navbar-expand-lg .navbar-logo {
    width: 6rem;
}
.header-navbar {
    padding: 0;
}

.header-navbar .navbar-brand {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-right: 1rem;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #717171;
    position: relative;
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    font-size: 10.5px;
    letter-spacing: 0.1rem;
}

.header-navbar-nav .dropdown-menu {
    border: none;
    box-shadow: none;
    border-top: 0;
    font-size: 0.875rem;
    min-width: 14rem;
    border-radius: 0;
}

.header {
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
}

.header .logo-light,
.header .bell-light {
    display: none;
}
.main-slider .slides li {
    padding-top: 25rem;
    padding-bottom: 12rem;
}
.header-navbar-nav .dropdown-item {
    color: #717171;
}

.header .navbar-expand-lg .navbar-nav li:last-child .nav-link span {
    color: #111111;
}

.header-navbar-nav .dropdown-toggle,
.header-navbar-nav .dropdown-menu a {
    cursor: pointer;
}
.header-navbar-nav .dropdown-item:hover,
.header-navbar-nav .dropdown-item:focus {
    background-color: transparent;
}
.header-navbar-nav .dropdown-toggle:after {
    display: none;
}
.header-navbar-nav .dropdown-arrow-inner {
    color: #5a5757;
    font-size: 0.75rem;
}

/* End hero Section*/

/* About*/

.card-gutters > .col,
.card-gutters > [class*="col-"] {
    padding-right: 4px;
    padding-left: 4px;
}
.card-gutters {
    margin-right: -4px;
    margin-left: -4px;
}

/* End about*/

/* Reservation*/

.reservation-card-container {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: table;
    height: 100%;
    text-align: center;
    width: 100%;
}
.reservation-card .reservation-card-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.no-gutters > .container-fluid > .row > .col,
.no-gutters > .container-fluid > .row > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* End reservation*/

/* Specials*/

.special .special-inner {
    position: relative;
    width: 100%;
    padding: 40px 45px;
}
.special .special-media {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 250px;
}
.special .special-media img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.z-index-2 {
    z-index: 2;
}

/* End specials*/

/*Menu*/

.menu-price {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 0.875rem;
    z-index: 2;
    background: #fff;
    padding-left: 0.125rem;
}
.dots-price {
    background-image: radial-gradient(
        circle closest-side,
        rgba(38, 38, 38, 0.3) 80%,
        #b5a46d 10%
    );
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 2px 1px;
    display: block;
    height: 2px;
    margin: 0.957em 0;
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    z-index: 1;
}
.nav-menu-tabs li a {
    padding-right: 1.175rem;
    padding-left: 1.175rem;
    text-transform: uppercase;
    font-size: 0.71875rem;
}
.nav-menu-tabs li:last-child a:before {
    content: none;
}
.nav-menu-tabs li a:before {
    content: "-";
    display: block;
    position: absolute;
    bottom: -18px;
    right: -4px;
    top: -3px;
    font-size: 22px;
    font-weight: 300;
}

/*End menu*/

/* Portfolio*/
.grid-item,
.grid-item img,
.hover-effect,
.hover-effect img {
    border-radius: 0;
}
/* End portfolio*/

/* Blog*/
.comments-list li:not(:last-child) .comment {
    margin-bottom: 1.5rem;
    overflow: hidden;
}
.comment + .comment {
    padding-left: 5%;
    margin-left: 5%;
    border-left: 5px solid #f9f5ec;
}
.form-label {
    display: block;
    font-size: 0.71875rem;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
}
/* End blog*/

/* Footer*/

.footer {
    position: relative;
    /* margin-top: 3.1rem;  */
}
.footer-svg {
    position: absolute;
    z-index: 2;
    display: block;
    fill: #181818;
    top: -55px;
}
.footer .footer-logo {
    width: 3.8rem;
}
.opening-hours-container {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0.375rem 1.25rem;
    padding-left: 0;
}
.opening-hours-container .opening-hours-holder-inner .opening-hours-day-holder {
    padding-right: 1px;
}
.opening-hours-container .opening-hours-holder-inner .opening-hours-line {
    position: relative;
    width: 98%;
    bottom: 8px;
    border-bottom: 1px dotted #393939;
}
.opening-hours-container .opening-hours-holder-inner > * {
    display: table-cell;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.opening-hours-container .opening-hours-holder-inner .opening-hours-time {
    padding-left: 1px;
    color: #ccc;
    font-size: 0.8125rem;
}
ul.instafeed-list {
    margin: 0 -4px;
    padding-top: 0.375rem;
}
ul.instafeed-list li {
    float: left;
    width: 33.333%;
    padding: 2px;
    margin: 0;
}
ul.instafeed-list li a {
    display: block;
    position: relative;
    overflow: hidden;
}

/* End footer*/

/*To the top*/

.scroll-to-top:not(.active) {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    pointer-events: none;
}
.scroll-to-top.active:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    background-color: #a29260;
    border-color: #9f8e59;
    color: #ffffff;
}
.scroll-to-top {
    position: fixed;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #b5a46d;
    border: 1px solid #b5a46d;
    text-align: center;
    right: 2.875rem;
    bottom: 3.6875rem;
    padding-top: 0.65rem;
    z-index: 100;
    color: #ffffff;
    font-size: 0.75rem;
    border-radius: 0.25rem;
}

/*End to the top*/

/*Miscellaneous*/

::-moz-selection {
    background: #b5a46d;
    color: #ffffff;
}
.background-img img {
    display: none;
}
.background-img {
    width: 100%;
    height: 100%;
}
.background-img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none;
    background-origin: padding-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.background-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.gradient-overlay:before {
    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: "";
}

/* Medium gradient - balanced shadow reduction */

.max-width-xlg {
    max-width: 9rem;
}
.max-width-lg {
    max-width: 6rem;
}
.max-width-md {
    max-width: 3.5rem;
}
.max-width-sm {
    max-width: 2.5rem;
}
.max-width-xsm {
    max-width: 1.3rem;
    width: 1.45rem;
}
.avatar-md {
    width: 4rem;
    height: 4rem;
}
.avatar-sm {
    width: 3rem;
    height: 3rem;
}
.avatar-lg {
    width: 7rem;
    height: 7rem;
}
.avatar-xs {
    width: 2rem;
    height: 2rem;
}
a,
::before {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
.shadow-lg {
    box-shadow: 0 0 40px rgba(38, 38, 38, 0.1) !important;
}
.font-size-11-5 {
    font-size: 0.71875rem;
}
.font-size-12 {
    font-size: 0.75rem;
}
.font-size-13 {
    font-size: 0.8125rem;
}
.font-size-14 {
    font-size: 0.875rem;
}
.font-size-14-imp {
    font-size: 0.875rem;
}
.font-size-15 {
    font-size: 0.9375rem;
}
.font-size-75 {
    font-size: 75%;
}
.font-weight-100 {
    font-weight: 100;
}
.font-weight-300 {
    font-weight: 300;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-600 {
    font-weight: 600;
}
.font-weight-700 {
    font-weight: 700;
}
.flex-fill {
    flex: 1 1 auto !important;
}
[class*="height-"] {
    display: flex;
}
[class*="height-"]:not(.align-items-initial) {
    align-items: center;
}

[class*="height-"][class*="container"] > .row {
    flex-grow: 1;
}
.btn-wide {
    min-width: 10rem;
}
a[data-toggle="tab"]:not([aria-selected="true"]) {
    color: #b5a46d;
}
a[data-toggle="tab"] {
    color: #a29260;
    transition: color 0.35s ease;
}
.form .form-icon {
    min-width: 3rem;
    font-size: 0.8125rem;
    position: relative;
}
.form .form-icon-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.social-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    transition: 0.3s ease-in-out;
    line-height: 2.2;
    color: #7a7a7a;
    background-color: transparent;
    font-size: 0.75rem;
    border-radius: 0.125rem;
    margin-right: 10px;
}
.social-icon:hover {
    color: #ffffff;
}
.label-title {
    display: inline-block;
    font-weight: 400;
    font-size: 0.85rem !important;

    border-radius: 6.1875rem;
    color: #b5a46d;
}

.hover-effect {
    position: relative;
    display: block;
    overflow: hidden;
}

.hover-effect-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hover-effect-icon-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hover-effect:hover .hover-effect-icon {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.hover-effect-icon:hover,
.media-lightbox-icon:focus {
    color: #fff;
}
.hover-effect-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: #b5a46d;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.75rem;
    border-radius: 50%;
    opacity: 0;
    transition: 0.4s;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.hover-effect-icon-small {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.6rem;
}
.btn-xs {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.3125rem 0.9375rem;
    text-transform: none;
    letter-spacing: 0;
}
.btn-rounded {
    border-radius: 1.875rem;
}
.btn-beige {
    color: #b5a46d;
    background-color: #f9f5ec;
}
.btn-beige:hover {
    color: #ffffff;
    background-color: #b5a46d;
}
.btn-beige:not(:disabled):not(.disabled):active,
.btn-beige:not(:disabled):not(.disabled).active,
.show > .btn-beige.dropdown-toggle {
    color: #ffffff;
    background-color: #b5a46d;
}
section,
.section {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.spacer-lg {
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.spacer-xlg {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.spacer-xlg-alt {
    padding-top: 11rem;
    padding-bottom: 8rem;
}
section.hero {
    padding-top: 11rem;
    padding-bottom: 9rem;
}

div[class*="col-"].spacer-one-bottom-lg,
.spacer-one-bottom-lg {
    padding-bottom: 8rem;
}
div[class*="col-"].spacer-one-top-lg,
.spacer-one-top-lg {
    padding-top: 8rem;
}
div[class*="col-"].spacer-double-lg,
.spacer-double-lg {
    padding-top: 8rem;
    padding-bottom: 8rem;
}
div[class*="col-"].spacer-one-bottom-md,
.spacer-one-bottom-md {
    padding-bottom: 5rem;
}
div[class*="col-"].spacer-one-top-md,
.spacer-one-top-md {
    padding-top: 5rem;
}
div[class*="col-"].spacer-double-md,
.spacer-double-md {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
div[class*="col-"].spacer-one-bottom-sm,
.spacer-one-bottom-sm {
    padding-bottom: 4rem;
}
div[class*="col-"].spacer-one-top-sm,
.spacer-one-top-sm {
    padding-top: 4rem;
}
div[class*="col-"].spacer-double-sm,
.spacer-double-sm {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
div[class*="col-"].spacer-one-bottom-xs,
.spacer-one-bottom-xs {
    padding-bottom: 2rem;
}
div[class*="col-"].spacer-one-top-xs,
.spacer-one-top-xs {
    padding-top: 2rem;
}
div[class*="col-"].spacer-double-xs,
.spacer-double-xs {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
div[class*="col-"].spacer-one-bottom-xxs,
.spacer-one-bottom-xxs {
    padding-bottom: 1.5rem;
}
div[class*="col-"].spacer-one-top-xxs,
.spacer-one-top-xxs {
    padding-top: 1.5rem;
}
div[class*="col-"].spacer-double-xxs,
.spacer-double-xxs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.bg-gray {
    background-color: #fafafa;
}
.text-light-green {
    color: #a29260 !important;
}
.border-light {
    border: 1px solid;
}
.letter-spacing-small {
    letter-spacing: 0.0625rem;
}

.letter-spacing-medium {
    letter-spacing: 0.1rem;
}
.font-alt {
    font-family: "Lustria", serif;
}
.divider-border {
    width: 90px;
    height: 2px;
    background-color: #b5a46d;
}
.text-light-30 {
    color: rgba(255, 255, 255, 0.3) !important;
}

.list-group {
    list-style: none;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.h1 > a,
.h2 > a,
.h3 > a,
.h4 > a,
.h5 > a,
.h6 > a {
    color: #111111;
}
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
h5 > a:hover,
h6 > a:hover,
.h1 > a:hover,
.h2 > a:hover,
.h3 > a:hover,
.h4 > a:hover,
.h5 > a:hover,
.h6 > a:hover {
    color: #b5a46d;
}
.radius-0 {
    border-radius: 0;
}
.textarea {
    resize: none;
}
.btn-social[href]:hover,
.btn-social[href]:focus,
.btn-social[href]:active,
.btn-social[href].active,
.btn-social[type]:hover,
.btn-social[type]:focus,
.btn-social[type]:active,
.btn-social[type].active {
    color: #fff;
    background: #b5a46d;
}
.btn-social {
    position: relative;
    line-height: 0;
    font-size: 0.875rem;
    width: 2.3125rem;
    height: 2.3125rem;
    padding: 0;
    color: #999;
}
.btn-social-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.jarallax {
    position: relative;
    z-index: 0;
}
.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover;
    font-family: "object-fit: cover;";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.height-vh-100 {
    height: 100vh;
}
.height-vh-20 {
    min-height: 20vh;
}
.flex-grow {
    flex-grow: 3;
}
.card-article-large {
    overflow: hidden;
}
.card-article-large .card-img-display {
    height: 100%;
    object-fit: cover;
}
.badge .badge-icon {
    height: 8px;
    margin-right: 2px;
}
.circle-divider {
    padding: 0 0.7375rem;
    font-size: 1.225rem;
    position: relative;
    top: 1px;
}
/*End Miscellaneous*/

/*Mediaqueries*/
.btn-navbar-toggler {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 10px 13px;
    color: #111111;
    font-size: 1rem;
}

@media (max-width: 991px) {
    .header-navbar .nav-menu {
        max-height: 85vh !important; /* Increased by 50% from default */
        height: auto;
        overflow-y: auto;
    }

    /* Increase font size of navigation titles by 2x */
    .header-navbar-nav .nav-link {
        font-size: 21px !important; /* 2x from 10.5px */
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        line-height: 1.5;
    }

    /* Increase dropdown menu font sizes */
    .header-navbar-nav .dropdown-menu .dropdown-item {
        font-size: 18px !important;
        padding: 0.75rem 1.5rem !important;
    }

    /* Ensure the menu container can accommodate the larger items */
    .header-navbar {
        max-height: 80vh;
    }

    /* Adjust spacing for larger text */
    .header-navbar-nav .navbar-nav {
        padding: 1rem 0;
    }

    /* Make the phone number larger too */
    .header-navbar-nav li:last-child .nav-link {
        font-size: 18px !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    /* Increase dropdown toggle font size */
    .header-navbar-nav .dropdown-toggle {
        font-size: 17px !important;
    }

    .navbar-expand-lg .btn-nav {
        padding-top: 1rem;
        padding-bottom: 1.375rem;
    }
    .font-size-md {
        font-size: 3rem;
    }
}

@media (max-width: 991.98px) {
    .header-navbar {
        padding: 0;
        max-height: 100vh;
        overflow-y: hidden;
    }
    .header-navbar .nav-menu.show {
        overflow-y: auto;
    }

    .footer {
        /* margin-top: 1.9rem; */
    }
    .display-4 {
        font-size: 3rem;
    }
}
@media (min-width: 992px) {
    .footer-svg {
        top: -75px;
    }
    .hero-svg {
        bottom: -25px;
    }
    .spacer-xlg {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    .spacer-xlg-alt {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

    .header {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1040;
        background-color: transparent;
    }
    .header .logo-light,
    .header .bell-light {
        display: block;
    }
    .header .navbar-expand-lg .navbar-nav .nav-link {
        color: #ffffff;
    }
    .header .header-navbar .navbar-brand,
    .header .navbar-expand-lg .navbar-nav .nav-link.nav-divider {
        border-color: rgba(255, 255, 255, 0.15);
    }
    .header.switched-header {
        background-color: #ffffff;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
    }
    .header .navbar-expand-lg .navbar-nav li:last-child .nav-link span {
        color: #ffffff;
    }
    .header-section {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .header .logo-dark,
    .header .bell-dark {
        display: none;
    }
    .header.switched-header .logo-dark,
    .header.switched-header .bell-dark {
        display: block;
    }
    .header.switched-header .logo-light,
    .header.switched-header .bell-light {
        display: none;
    }
    .header.switched-header .header-navbar .navbar-brand,
    .header.switched-header
        .navbar-expand-lg
        .navbar-nav
        .nav-link.nav-divider {
        border-color: rgba(0, 0, 0, 0.1);
    }
    .header.switched-header .navbar-expand-lg .navbar-nav .nav-link {
        color: #717171;
    }
    .header.switched-header
        .navbar-expand-lg
        .navbar-nav
        li:last-child
        .nav-link
        span {
        color: #111111;
    }
    .header.switched-header .header-section {
        border-color: rgba(0, 0, 0, 0.1);
    }
    .navbar-expand-lg .navbar-nav .nav-link.nav-divider {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }
    /* .navbar-expand-lg .navbar-nav li:nth-last-child(-n+3) .nav-link:before{
  content: none;
} */
    .navbar-expand-lg .navbar-nav li .nav-link:before {
        content: "|";
    }
    .navbar-expand-lg .navbar-nav .nav-link:before {
        content: "|";
        display: block;
        position: absolute;
        bottom: 15px;
        right: -5px;
        font-size: 22px;
        font-weight: 300;
    }
    .header-navbar-nav .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 10px 40px 0px rgba(38, 38, 38, 0.1);
        border-top: 0;
        padding: 1rem 0;
        font-size: 0.875rem;
        min-width: 14rem;
        border-radius: 0;
    }
    .header-navbar-nav .dropdown-item {
        color: #717171;
        padding: 0.4rem 1.75rem;
    }
    .header-navbar-nav .dropdown-menu {
        margin-top: 3px;
    }
    .navbar-expand-lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .navbar-expand-lg .btn-nav {
        padding-left: 1rem;
    }
    .navbar-expand-lg .header-navbar-nav {
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
        width: 100%;
    }
    .navbar-expand-lg .header-navbar-nav .nav-link {
        padding-top: 1.375rem;
        padding-bottom: 1.375rem;
        padding-right: 1.175rem;
        padding-left: 1.175rem;
    }
    section.hero {
        padding-top: 10rem;
        padding-bottom: 12rem;
    }
    .main-slider .slides li {
        height: 100vh;
    }
    .vertical-divider {
        position: relative;
    }
    .vertical-divider:after {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        border-right: 1px solid #e3e3e3;
        content: "";
    }
}
@media (max-width: 767.98px) {
    .footer {
        /* margin-top: 0.9rem; */
    }
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }
    .card-article-large {
        min-height: 16rem;
    }
    .card-article-large .card-img-top {
        border-radius: 0.25rem 0 0 0.25rem;
    }
}
@media (max-width: 575px) {
    .comments-list li:last-child,
    .comments-list li {
        padding-right: 0;
        padding-left: 0;
    }
    .display-3 {
        font-size: 3.5rem;
    }
    .display-4 {
        font-size: 2.5rem;
    }

    h1,
    .h1 {
        font-size: 2rem;
    }

    h2,
    .h2 {
        font-size: 1.875rem;
    }
    .footer {
        /* margin-top: 1.9rem; */
    }
}
/*End mediaqueries*/

/* Hamburger Menu Animation - Centered X */
.btn-navbar-toggler {
    border: none;
    background: transparent;
    padding: 10px;
    cursor: pointer;
}

.hamburger-box {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 18px;
}

.hamburger-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #111111;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: all 0.4s ease-in-out;
    transform-origin: center; /* <— important change */
}

.hamburger-line:nth-child(1) {
    top: 0;
}

.hamburger-line:nth-child(2) {
    top: 8px;
}

.hamburger-line:nth-child(3) {
    top: 16px;
}

/* When menu is open - transform to centered X */
.btn-navbar-toggler[aria-expanded="true"] .hamburger-line:nth-child(1) {
    top: 8px;
    transform: rotate(45deg);
}

.btn-navbar-toggler[aria-expanded="true"] .hamburger-line:nth-child(2) {
    opacity: 0;
    width: 0%;
}

.btn-navbar-toggler[aria-expanded="true"] .hamburger-line:nth-child(3) {
    top: 8px;
    transform: rotate(-45deg);
}

.btn-navbar-toggler:hover .hamburger-line {
    background-color: #b5a46d;
}

/* Brand Logo Styles */
.brand-logo-container {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}

.brand-logo {
    width: 120px; /* Adjust size as needed */
    height: auto;
    display: inline-block;
}

/* Ensure brand-frame has relative positioning */
.brand-frame {
    position: relative;
}

/* More About Link Styles */
.more-about-container {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}

.more-about-link {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.more-about-link:hover {
    color: #b5a46d;
    transform: translateY(-3px);
}

.arrow-icon {
    font-size: 1.5rem;
    margin-bottom: 5px;
    display: block;
    transition: transform 0.3s ease;
}

.more-about-link:hover .arrow-icon {
    transform: translateY(-3px);
}

.more-about-text {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.label-title-edit {
    display: inline-block;
    font-weight: 400;
    font-size: 0.85rem;
    padding: 0.5rem 0rem;

    color: #b5a46d;
}
.label-title {
    display: inline-block;
    font-weight: 400;
    font-size: 0.75rem;

    border-radius: 6.1875rem;
    color: #b5a46d;
}
/* Wider footer content container */
.footer-container-wide {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
}
.footer-container-wide .col-lg-3 {
    margin-bottom: 2rem;
}

/* Make mobile navbar much taller and more spaced */
@media (max-width: 991px) {
    /* Make the whole dropdown taller */
    .header-navbar .nav-menu {
        max-height: 70vh !important; /* taller */
        padding-top: 2rem !important; /* more space at top */
        padding-bottom: 2rem !important;
    }

    /* Each link becomes larger and more spaced */
    .header-navbar-nav .nav-link {
        font-size: 22px !important; /* bigger text */
        padding-top: 1.2rem !important; /* more space */
        padding-bottom: 1.2rem !important;
        line-height: 1.8 !important;
    }

    /* Vertical spacing between items */
    .header-navbar-nav .navbar-nav > li {
        margin-bottom: 0.8rem;
    }

    /* Make the top header area taller */
    .btn-navbar-toggler {
        padding: 14px 16px !important;
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    /* Make the navbar container taller */
    .header-navbar {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* Remove dash after Contacts and the bell icon */
.navbar-expand-lg .navbar-nav li:nth-last-child(1) .nav-link:before,
.navbar-expand-lg .navbar-nav li:nth-last-child(2) .nav-link:before,
.navbar-expand-lg .navbar-nav li:nth-last-child(3) .nav-link:before {
    content: none !important;
}

/*  HOVER ANIMATION NAVBAR  */
.navbar-expand-lg .navbar-nav .nav-link {
    position: relative;
    transition: color 0.3s ease;
}

.navbar-expand-lg .navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background-color: #b5a46d;
    transition: width 0.3s ease;
}

.navbar-expand-lg .navbar-nav .nav-link:hover::after {
    width: 70%;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #b5a46d !important;
}

/* For switched header (when scrolled) */
.header.switched-header .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #b5a46d !important;
}
/* Disable navbar underline animation on mobile */
@media (max-width: 991px) {
    .navbar-nav .nav-link::after {
        display: none !important;
        content: none !important;
    }

    .navbar-nav .nav-link:hover::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
    }
}

.background-img {
    background-size: cover !important;
    background-position: center bottom !important;
}

/* Prevent massive logos */
.navbar-brand img {
    max-width: 120px; /* or 6rem */
    height: auto;
    display: block;
}

/* Optional: adjust the spacing so it aligns perfectly */
.navbar-brand {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.footer-logo img {
    max-width: 120px;
    height: auto;
    display: block;
}

/* Main fixed padding for all desktop screens */
@media (min-width: 992px) {
    .header-navbar .navbar-brand {
        padding-right: 8.5rem !important;
    }
}

/* Exception: Reduce spacing to prevent wrapping on smaller desktop screens */
@media (min-width: 992px) and (max-width: 1300px) {
    .header-navbar .navbar-brand {
        padding-right: 1.5rem !important; /* Even smaller */
    }

    /* Reduce nav link spacing aggressively */
    .navbar-expand-lg .header-navbar-nav .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
        font-size: 9.5px !important; /* Slightly smaller text */
    }
}
/* Left-align hero text on desktop only */
@media (min-width: 992px) {
    .hero-content .row {
        justify-content: flex-start !important; /* Move content to the left */
        text-align: left !important; /* Align headlines left */
    }

    .hero-content .col-lg-10 {
        margin-left: 0 !important; /* Ensure column starts from the left */
    }
}
@media (min-width: 992px) {
    .hero-content {
        padding-left: 2rem !important;
    }
}

@media (min-width: 992px) {
    /* 1 — Remove Bootstrap container left/right padding */
    .hero-content .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 2 — Make the column start at the far left */
    .hero-content .col-lg-10 {
        margin-left: 0 !important;
        max-width: 100% !important; /* prevents centering */
    }

    /* 3 — Add your custom left spacing */
    .hero-content {
        margin-right: 14rem !important;
    }
}

/* Main fixed padding for all desktop screens ABOVE 1300px */
@media (min-width: 1301px) {
    .header-navbar .navbar-brand {
        padding-right: 8.5rem !important;
    }
}

/* Medium screens (1100px - 1300px) */
@media (min-width: 1100px) and (max-width: 1300px) {
    .header-navbar .navbar-brand {
        padding-right: 9rem !important;
    }

    .navbar-expand-lg .header-navbar-nav .nav-link {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
        font-size: 9.5px !important;
    }
}

/* Second to last screen (1025px - 1099px) */
@media (min-width: 1025px) and (max-width: 1099px) {
    .header-navbar .navbar-brand {
        padding-right: 9rem !important;
    }

    .navbar-expand-lg .header-navbar-nav .nav-link {
        padding-right: 0.4rem !important;
        padding-left: 0.4rem !important;
        font-size: 9px !important;
    }
}

/* LAST screen before mobile (992px - 1024px) - MAXIMUM padding */
@media (min-width: 992px) and (max-width: 1024px) {
    .header-navbar .navbar-brand {
        padding-right: 9rem !important; /* Maximum padding to push divider far from logo */
    }

    .navbar-expand-lg .header-navbar-nav .nav-link {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
        font-size: 7.5px !important;
    }
}

/* Hero content alignment - keep your existing styles */
@media (min-width: 992px) {
    .hero-content .row {
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .hero-content .col-lg-10 {
        margin-left: 0 !important;
    }

    .hero-content {
        padding-left: 2rem !important;
    }

    .hero-content .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .hero-content .col-lg-10 {
        max-width: 100% !important;
    }

    .hero-content {
        padding-left: 1rem !important;
    }
}

/* Extra left shift for English hero text on large monitors only */
@media (min-width: 1600px) {
    html[lang="en"] .hero-content {
        margin-right: 39rem !important;
    }
}

/* Mobile navbar LAYOUTS - WORKING VERSION */
@media (max-width: 991px) {
    /* Push logo to the left to align with navlinks */
    .header-navbar .navbar-brand {
        margin-left: 1rem !important;
    }

    /* Remove the dish icon line (vertical divider) */
    .navbar-expand-lg .navbar-nav .nav-link.nav-divider {
        border-left: none !important;
        border-right: none !important;
    }

    /* Style for mobile phone link */
    .phone-link-mobile {
        display: flex !important;
        align-items: center !important;
        white-space: nowrap !important;
        padding-left: 1rem !important;
    }

    .dish-icon-mobile {
        display: inline-flex !important;
        align-items: center !important;

        flex-shrink: 0 !important;
    }
    .dish-icon-mobile img {
        margin-top: 7px;
        max-width: 27px !important;
        width: 27px !important;
        height: auto;
    }

    /* FLEXBOX CONTAINER - CRITICAL */
    .header-navbar .nav-menu .navbar-nav.header-navbar-nav {
        display: flex !important;
        flex-direction: column !important;
    }

    /* MAIN NAV ITEMS - Reset all orders */
    .header-navbar
        .nav-menu
        .navbar-nav.header-navbar-nav
        > li:nth-child(-n + 6) {
        order: 0 !important;
    }

    /* HIDE SPACER */
    .header-navbar .nav-menu .navbar-nav.header-navbar-nav > li.ml-lg-auto {
        display: none !important;
    }

    /* SWITCH FLAG AND BELL+PHONE - SPECIFIC TARGETING */
    .header-navbar .nav-menu .navbar-nav.header-navbar-nav > li:nth-child(8) {
        order: 999 !important; /* Flag becomes last */
    }

    .header-navbar .nav-menu .navbar-nav.header-navbar-nav > li:nth-child(9) {
        order: 998 !important; /* Bell+Phone becomes second-to-last */
    }

    /* Reduce spacing between navlinks */
    .header-navbar-nav .navbar-nav > li {
        margin-bottom: 0.1rem !important;
    }

    /* Reduce padding inside navlinks with CONSISTENT left padding */
    .header-navbar-nav .nav-link {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        padding-left: 1rem !important;
    }

    /* Ensure the phone number item has proper spacing */
    .header-navbar-nav li:last-child .nav-link {
        font-size: 18px !important;
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
        color: #111111 !important;
        padding-left: 1rem !important;
    }

    /* Flag specific styling for mobile */
    .header-navbar-nav li:nth-last-child(2) .nav-link {
        display: flex !important;
        align-items: center !important;
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
        color: #111111 !important;
        padding-left: 1rem !important;
    }
}
.text-footer1 {
    color: #999999;
}

/* ///////////////////////////////////////// */

/* Invisible placeholder to maintain spacing where flag used to be */
.invisible-placeholder {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    visibility: hidden;
}

/* Ensure the flag icon (now in bell position) has proper sizing */
.nav-link img[src*="flag.png"] {
    max-width: 1.3rem;
    width: 1.45rem;
}

/* Bell and phone number alignment */
.bell-phone-wrapper {
    display: inline-flex;
    align-items: center;
    margin-right: 0.4rem !important;
    position: relative;
    top: 0;
}

.bell-phone-wrapper img {
    display: block;
    margin: 0;
}

.phone-number-text {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    position: relative;
    top: 2px;
    padding-top: 3px;
}

/* Ensure proper alignment for the last nav item */
.header-navbar-nav li:last-child .nav-link {
    display: flex !important;
    align-items: center !important;
    padding-right: 0;
    line-height: 1 !important;
}

/* Desktop only adjustments */
@media (min-width: 992px) {
    /* Remove the dash/divider before the empty placeholder */
    .navbar-expand-lg .navbar-nav li:nth-last-child(3) .nav-link:before {
        content: none !important;
    }

    /* Ensure proper divider styling for flag (now in second-to-last position before phone) */
    .navbar-expand-lg .navbar-nav li:nth-last-child(2) .nav-link.nav-divider {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        border-right: 1px solid rgba(255, 255, 255, 0.15);
    }

    /* Update divider color for switched header */
    .header.switched-header
        .navbar-expand-lg
        .navbar-nav
        li:nth-last-child(2)
        .nav-link.nav-divider {
        border-color: rgba(0, 0, 0, 0.1);
    }

    /* Make sure bell and phone are perfectly aligned */
    .header-navbar-nav li:last-child .nav-link {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem;
    }

    /* Override any padding or margin that might affect alignment */
    .header-navbar-nav li:last-child .nav-link .bell-phone-wrapper,
    .header-navbar-nav li:last-child .nav-link .phone-number-text {
        margin: 0;
        padding: 0;
    }
}

/* //////////////---------social media footer icons-----------///////////////////// */
/* Footer Social Media Icons */
.footer-social-icons {
    display: flex;
    gap: 12px;
    margin-top: 1rem;
}

.social-icon-footer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 16px;
}

.social-icon-footer:hover {
    background-color: #b5a46d;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Optional: Different colors for each platform on hover */
.social-icon-footer[aria-label*="TikTok"]:hover {
    background-color: #000000;
}

.social-icon-footer[aria-label*="Instagram"]:hover {
    background-color: #e4405f;
}

.social-icon-footer[aria-label*="Snapchat"]:hover {
    background-color: #fffc00;
    color: #000000;
}
/* LinkedIn specific hover color */
.social-icon-footer[aria-label*="LinkedIn"]:hover {
    background-color: #0077b5; /* LinkedIn brand color */
    color: #ffffff;
}

/* Company Overview - Wider on Large Monitors */
@media (min-width: 1600px) {
    #CompanyOverview .container {
        max-width: 1400px !important;
        width: 90% !important;
    }

    #CompanyOverview .col-lg-5 {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }

    #CompanyOverview .col-lg-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #CompanyOverview p {
        margin-left: 1rem !important;
        font-size: 1.1rem !important;
        line-height: 1.8 !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1601px) {
    #CompanyOverview .container {
        max-width: 1600px !important;
        width: 85% !important;
    }

    #CompanyOverview .col-lg-5 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #CompanyOverview p {
        font-size: 1.2rem !important;
        line-height: 1.9 !important;
    }
}

/* Remove scrollbar during mobile navbar animation */
@media (max-width: 991px) {
    .header-navbar .nav-menu {
        scrollbar-width: none !important; /* Firefox */
        -ms-overflow-style: none !important; /* IE and Edge */
    }

    .header-navbar .nav-menu::-webkit-scrollbar {
        display: none !important; /* Chrome, Safari and Opera */
    }

    /* Ensure no overflow during animation */
    .header-navbar .nav-menu.show {
        overflow: hidden !important;
    }
}
/* Reduce space between reservation and specials sections on mobile */
@media (max-width: 991px) {
    #special.spacer-double-lg {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    #special .mb-5.pb-5 {
        margin-bottom: 2rem !important;
        padding-bottom: 2rem !important;
    }
}

/* Enhanced border visibility for ALL navbar elements in transparent state */
@media (min-width: 992px) {
    /* Navbar brand border (logo right border) */
    .header:not(.switched-header) .header-navbar .navbar-brand {
        border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    /* Navbar section bottom border */
    .header:not(.switched-header) .header-section {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    /* Nav dividers (flag icon borders) */
    .header:not(.switched-header)
        .navbar-expand-lg
        .navbar-nav
        .nav-link.nav-divider {
        border-left: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-right: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    /* Vertical separators between nav items (the "|" characters) */
    .header:not(.switched-header)
        .navbar-expand-lg
        .navbar-nav
        .nav-link:before {
        color: rgba(255, 255, 255, 0.5) !important;
    }
}

/* Preserve existing borders for white navbar (scrolled state) */
.header.switched-header .header-navbar .navbar-brand {
    border-right: 1px solid rgba(0, 0, 0, 0.25) !important;
}

.header.switched-header .header-section {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.header.switched-header .navbar-expand-lg .navbar-nav .nav-link.nav-divider {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-right: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.header.switched-header .navbar-expand-lg .navbar-nav .nav-link:before {
    color: rgba(0, 0, 0, 0.3) !important;
}

/* Remove navbar brand border on mobile for ALL states */
@media (max-width: 991px) {
    .header-navbar .navbar-brand {
        border-right: none !important;
    }

    .header.default .header-navbar .navbar-brand,
    .header.switched-header .header-navbar .navbar-brand {
        border-right: none !important;
    }
}

/* Mobile - remove all borders */
@media (max-width: 991px) {
    .header-navbar .navbar-brand {
        border-right: none !important;
    }

    .header-section {
        border-bottom: none !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link.nav-divider {
        border-left: none !important;
        border-right: none !important;
    }
}

/* ONLY modify hover for transparent navbar - leave white navbar completely untouched */
@media (min-width: 992px) {
    /* Target ONLY the transparent navbar hover underline */
    .header:not(.switched-header)
        .navbar-expand-lg
        .navbar-nav
        .nav-link::after {
        background-color: #ffffff !important; /* Change underline color for transparent state only */
    }

    .header:not(.switched-header)
        .navbar-expand-lg
        .navbar-nav
        .nav-link:hover::after {
        width: 70% !important; /* Ensure underline appears on hover for transparent state */
    }

    /* Ensure text stays white on hover for transparent navbar */
    .header:not(.switched-header)
        .navbar-expand-lg
        .navbar-nav
        .nav-link:hover {
        color: #ffffff !important;
    }
}

/* DO NOT add any styles for .header.switched-header - leave it completely alone */

/* Add smooth transition to header background and borders */
.header {
    transition: all 0.3s ease-in-out !important;
}

.header-section {
    transition: border-bottom-color 0.3s ease-in-out !important;
}

.header-navbar .navbar-brand {
    transition: border-right-color 0.3s ease-in-out !important;
}

.navbar-expand-lg .navbar-nav .nav-link.nav-divider {
    transition: border-color 0.3s ease-in-out !important;
}

/* Mobile Hero Section - Force Text Alignment */
@media (max-width: 991px) {
    /* Increase hero section height */
    .hero-section,
    .main-slider .slides li {
        height: 93vh !important;
        min-height: 93vh !important;
    }

    .main-slider .slides li {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* FORCE TEXT ALIGNMENT - Target multiple levels */
    .hero-content {
        padding-left: 0.2rem !important;
    }

    .hero-content .container,
    .hero-content .container-fluid {
        padding-left: 2rem !important;
        padding-right: 1rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    .hero-content .row {
        justify-content: flex-start !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .hero-content .col-lg-10 {
        text-align: left !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Force text elements specifically */
    .hero-content .display-4,
    .hero-content p {
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    .inner-hero {
        top: 50% !important;
        transform: translateY(-50%) !important;
        padding-left: 1.8rem !important; /* Add here too */
    }
}

/* Align Company Overview and Vision & Mission sections with hero text */
@media (max-width: 991px) {
    /* Company Overview section alignment */
    #CompanyOverview .container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    #CompanyOverview .label-title-edit,
    #CompanyOverview .h3,
    #CompanyOverview p {
        text-align: left !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Ensure all text in these sections is left-aligned */
    #CompanyOverview .row {
        justify-content: flex-start !important;
        text-align: left !important;
    }
}

@media (max-width: 991px) {
    /* Make Vision & Mission match Company Overview styling */
    #VisionMission .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    #VisionMission .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Make text full width */
    #VisionMission .vision-content {
        width: 100% !important;
    }

    #VisionMission .vision-title,
    #VisionMission .vision-text {
        width: 100% !important;
        text-align: left !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* Increase Vision & Mission text width */
@media (max-width: 991px) {
    #VisionMission .col-lg-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    #VisionMission .vision-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    #VisionMission .vision-text {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Fix Company Overview text alignment */
#CompanyOverview .col-lg-5 {
    padding-left: 0 !important;
}

#CompanyOverview .label-title-edit,
#CompanyOverview .h3,
#CompanyOverview p {
    text-align: left !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}

/* Remove any container padding that might be causing misalignment */
#CompanyOverview .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Ensure the row doesn't have any left margin */
#CompanyOverview .row.justify-content-between {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Specific fix for the title alignment */
#CompanyOverview .h3.font-alt {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove any potential padding from the column */
#CompanyOverview .col-lg-5.mb-6.mb-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Vision & Mission Desktop Left Spacing Fix */
@media (min-width: 992px) {
    #VisionMission > .container {
        padding-left: 65px !important;
    }
}
/* Laptop-specific screens (1200px - 1600px) - Target 14-17 inch laptops */
@media (min-width: 1200px) and (max-width: 1600px) {
    #VisionMission .container {
        padding-top: 0.5rem !important; /* Push text up by reducing top padding */
        margin-top: -1rem !important; /* Pull entire container up */
    }

    /* Optional: Fine-tune the text positioning */
    .vision-title {
        margin-bottom: 0.8rem !important;
    }

    /* Optional: Adjust text size if needed for better fit */
    .vision-title {
        font-size: 3.5rem !important;
    }

    .vision-text {
        font-size: 1.3rem !important;
    }
}

/* Restore Company Overview Mobile Alignment */
@media (max-width: 991px) {
    #CompanyOverview .container {
        padding-left: 2rem !important; /* Restore the left padding for mobile */
    }

    #CompanyOverview .label-title-edit,
    #CompanyOverview .h3,
    #CompanyOverview p {
        padding-left: 0 !important; /* Keep text aligned within the container */
        margin-left: 0 !important;
    }
}

/* Make Company Overview left spacing fixed like Vision & Mission */
@media (min-width: 992px) {
    #CompanyOverview > .container {
        margin-left: 9rem !important;
    }
}

.initial-spacing {
    margin-bottom: 3rem !important;
}

.consistent-spacing {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    margin-bottom: 3rem !important;
}
.consistent-spacing-for-menu {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
/* Laptop-specific Company Overview adjustments (1200px - 1600px) */
@media (min-width: 1200px) and (max-width: 1600px) {
    #CompanyOverview .container {
        max-width: 85% !important; /* Increase container width */
        width: 85% !important;
    }

    #CompanyOverview .col-lg-5 {
        flex: 0 0 48% !important; /* Slightly increase text column width */
        max-width: 48% !important;
    }

    #CompanyOverview .col-lg-6 {
        flex: 0 0 48% !important; /* Adjust image column accordingly */
        max-width: 48% !important;
    }

    #CompanyOverview .h3.font-alt {
        font-size: 2.2rem !important; /* Slightly reduce font size if needed */
        white-space: nowrap !important; /* Prevent line break */
    }
}

@media (max-width: 991px) {
    .mobile-consistent-spacing {
        margin-bottom: 0rem !important;
        padding-bottom: 0rem !important;
    }
}
@media (max-width: 991px) {
    .mobile-consistent-spacing-values {
        margin-bottom: 3rem !important;
        padding-bottom: 0rem !important;
        padding-top: 0rem !important;
    }
}

@media (max-width: 991px) {
    .header.switched-header
        .navbar-expand-lg
        .navbar-nav
        .nav-link.nav-divider {
        border-left: 0px !important;
        border-right: 0px !important;
    }
}

/* Fix for Specials Section - Equal Height Columns */
@media (min-width: 768px) {
    /* Make the parent row stretch all children */
    #special .row.no-gutters.text-center.shadow-lg {
        display: flex;
        align-items: stretch;
    }

    /* Make each column (left and right) equal height */
    #special .row.no-gutters.text-center.shadow-lg > .col-12.col-lg-6 {
        display: flex;
        flex-direction: column;
    }

    /* Force each special item to take exactly 50% of column height */
    #special .special {
        flex: 0 0 50%;
        min-height: 50%;
    }

    /* Ensure images fill their containers */
    #special .special-media {
        height: 100%;
        min-height: 250px;
    }

    #special .special-media img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

/* Fix for mobile view */
@media (max-width: 767.98px) {
    #special .special-media {
        min-height: 200px;
    }
}

/* Add this to main.css as well */
#special .special .row {
    height: 100%;
}

#special .special .col-12.col-md-6.d-flex,
#special .special .col-12.col-md-6.align-self-md-stretch.d-flex {
    height: 100%;
}

/* Make content area fill available space */
#special .special-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width: 992px) {
    .noPaddingBottom {
        padding-bottom: 0 !important;
    }
}

.ltr-text {
    direction: ltr !important;
    display: inline-block;
}
/* Replace FontAwesome with CSS content */
.scroll-to-top .top-icon {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

/* English/LTR version */
.scroll-to-top .top-icon:before {
    content: "↑"; /* Up arrow character */
}

/* Arabic/RTL version - same arrow works */
[dir="rtl"] .scroll-to-top .top-icon:before {
    content: "↑"; /* Same arrow character */
}