.swiper-button-next,
.swiper-button-prev {
    color: var(--color-3) !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 22px !important;
}

.image-wrapper {
    height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.image-wrapper img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.image-wrapper .popup-image {
    height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome {
    background-color: #c1c2a4;
}

#hero .hero-img {
    max-width: 500px !important;
}

.uk-overlay-primary {
    background: rgb(34 34 34 / .2);
}

#mega-menu,
.promos {
    background: #eae9d7;
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-font-size: 1.1rem;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    background-color: #475039;
}

.btn-template {
    max-width: fit-content;
    margin: 0 auto;
    padding: 13px 30px;
}

.promos .card-group {
    background-color: transparent;
}

div.page-wrapper.primary-bg.home-section {
    margin-top: -1px;
}

.home-body {
    color: var(--color-3) !important;
}

.home-section .btn {
    background-color: #eae9d7;
    color: var(--color-1) !important;
}

.home-section .btn:hover {
    color: var(--color-1);
    background-color: #5e674e;
}

@media (min-width: 992px) {
    .border-lg {
        margin-left: 5%;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

.big a {
    font-size: 16px;
    text-transform: uppercase;
}

#footer .nav-link {
    color: #c1c2a4 !important;
}

.navbar-toggler {
    background-color: var(--color-1);
}

.internal #hero {
    display: none;
}

@media (min-width: 1200px) {

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

.h5,
h5 {
    font-family: var(--text-font) !important;
    text-transform: none;
    font-weight: 600;
    font-size: 1rem;
}
h3 a {
    font-family: var(--headers-font) !important;
}
.dropdown-menu li .dropdown-item {
    color: #c1c2a4 !important;
}

.dropdown-menu {
    max-width: 100vw;
    overflow-x: auto;
}

.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}

.modal-body .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.modal-body .container .row {
    padding-top: 0 !important;
}

#mailingListToast .container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#mailingListToast .container .row {
    padding-top: 0 !important;
}
.navbar-nav .nav-link.book {
    background-color: var(--btn-main-bg);
    color: #fff !important;
    border: 0px solid var(--btn-main-border);
    border-radius: 25px;
    padding: 2px 25px;
    margin-top: 5px;
}
.navbar-nav .nav-link.book:hover
{
   background-color: #c1c2a4!important;
   color: #000 !important;
}
.home-section .btn:hover {
    background-color: #c1c2a4!important;
}


@media (max-width: 992px) {
    .header-sticky .navbar-collapse {
        background-color: var(--color-5);   
        padding: 30px;     
    }
    .navbar .nav-link {
        color: var(--color-3) !important;
}
}

@media (min-width: 992px) {
  #main_navbar { width: 100%; }
  #main_navbar .nav-item-book {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width: 992px) {
  #header .navbar { position: relative; }
  #header .navbar-brand { position: absolute; left: 0; padding-left: 3rem;z-index: 500;}
  #header #main_navbar { width: 100%; }
  #header #main_navbar .nav-item-book { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}

.internal #header #main_navbar .nav-item-book {
    position: relative;
    top: -3px;
    right: auto;
    transform: none;
}


.brands-wrap {
    background: transparent;
  }
  .brand-card {
    background: rgba(255,255,255,0.08);
    border: 2px solid var(--color-1);
    border-radius: 28px;
    padding: 15px;
    min-height: 350px;
    display: flex;
    flex-direction: column;
  }
  .brand-card h3 {
    font-size: 1.6rem;
    line-height: 1.1;
    margin-bottom: 18px;
    text-transform: none;
    font-family: "Libre Baskerville", serif !important;
  }
  .brand-card p {
    font-size: 1.02rem;
    line-height: 1.55;
    margin-bottom: 0;
    max-width: 28ch;
  }
  .brand-logos {
    margin-top: auto;
    padding-top: 0;
    display: flex;
    flex-direction: column;    
    align-items: center;
    justify-content: flex-end;
    text-align: center;
  }
  .brand-logo {    
    height: auto;
    max-height: 100px;
  }
  .brand-logo--small {
    max-width: 170px;
  }
  @media (min-width: 992px) and (max-width: 1200px) {
    .brand-card h3 {
    font-size: 1.3rem;
    }
  }




@media (min-width: 992px){
  .two .brand-logos{
    display: flex;
    flex-direction: row;
    justify-content: center;   
    align-items: center;
    gap: 8px;                 
    flex-wrap: nowrap;      
  }

  .two  .brand-logos a,
 .two .brand-logos img{
    display: block;
    min-width: 50%;
  }

  .two  .brand-logos .brand-logo{
    max-height: 100px;          
    width: auto;
    height: auto;
  }
}