/* --------------------------------------------------------------------------------------------Nav-------------------------------------------------------------------------------------------------- */
.text-box {display:flex; flex-direction:column; justify-content:space-between; height:94%;}
* Dropdown container */
.dropdown-container {
  display: none !important;
  background-color: #013c5c;
  padding-left: 20px;
}
.theme-twentytwentyone .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
  background-color: #000;
}
.payment-icons{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:4px;
    margin-top:15px;
}

.payment-icons i{
    font-size:36px;
    color:#fff;
}

.stripe-link{
    background:#635BFF;
    color:#fff;
    padding:4px 10px;
    border-radius:4px;
    font-size:13px;
    font-weight:600;
}
.dropdown-container a {
  padding: 8px 8px 8px 20px;
  display: block;
}
.metaslider .flexslider .flex-direction-nav li a {
 
  z-index: 999999 !important;
  
}
.metaslider,
.metaslider .slides,
.metaslider .slides li,
.metaslider img {
    height: 70vh !important;
}

.metaslider img {
    object-fit: cover;
}
.metaslider,
.metaslider .slides,
.metaslider .flexslider {
    position: relative;
    z-index: 1;
}

.metaslider .flex-direction-nav a,
.metaslider .rslides_nav {
    z-index: 99999 !important;
    pointer-events: auto !important;
}

.relative.z-20 {
    pointer-events: none;
}

.relative.z-20 a,
.relative.z-20 button {
    pointer-events: auto;
}
.sidenav {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index:99;
  top: 0;
  right: 0;
  background-color: #013c5c;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:40px;
}

.sidenav a {
  padding:8px 8px 8px 32px;
  text-decoration: none;
  color: #fff; font-weight:400;
  display: block;
  transition: 0.3s; font-size:16px;
}
.sidenav .btn a {color: #fff !important;}

.sidenav a:hover {color:#2fb3d2;}
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size:46px;
  margin-left: 50px;
}
@media (max-width: 767px) {
    .metaslider,
    .metaslider .slides,
    .metaslider .slides li,
    .metaslider img {
        height: 70vh !important;
    }
	.h-\[60vh\] {
    height: 70vh;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) { nav.gap-8{gap: calc(var(--spacing) *3) !important;}}
@media screen and (max-height: 450px) {.sidenav {padding-top:15px;} .sidenav a {font-size:18px;}


}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */