@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {margin: 0 !important;padding: 0 !important;background-color: #000000 !important;font-family: "Montserrat", sans-serif !important;font-weight: normal !important;font-size: 14px !important;color: #ffffff;}

h3 {font-family: "Montserrat", sans-serif !important;font-weight: 700 !important;color: #ffffff !important;font-size: 20px !important;margin: 0 !important;padding: 0 !important;margin-bottom: 15px !important;text-transform: uppercase !important;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

button:focus { outline: none !important; }

.blue-href {
  color: #81B6E3!important;
  text-decoration: none!important;
}

.blue-href:hover {
  color: #5b9ed7!important;
  text-decoration: none!important;
}

/*START HEADER */
.uvr-uv820722-header {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  background: #000000 !important;
  border-top: 5px solid #81B6E3 !important;
  z-index: 999999 !important;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
  height: 95px !important;
  display: flex !important;
  align-items: center !important;
}

.uvr-uv820722-container {
  width: 95% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.uvr-uv820722-nav-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  height: 95px !important;
  padding: 0 15px!important;
}

.uvr-uv820722-brand-section {
  display: flex !important;
  align-items: center !important;
}

.uvr-uv820722-brand-link {
  display: inline-block !important;
}

.uvr-uv820722-logo {
  width: 60px !important;
  margin-top: 5px !important;
}

.uvr-uv820722-desktop-search {
  position: relative !important;
  display: inline-block !important;
  width: 250px !important;
   z-index: 9999999 !important;
}

.uvr-uv820722-search-fld {
  width: 100% !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
  border: 1px solid #81B6E3 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 4px !important;
  transition: border 0.3s ease !important;
}

.uvr-uv820722-search-fld:focus {
  outline: none !important;
  border-color: #1c92d2 !important;
}

.uvr-uv820722-search-results {
  position: absolute !important;
  top: 35px !important;
  left: 0 !important;
  width: 100% !important;
  background: #000 !important;
  border: 1px solid #81B6E3 !important;
  border-radius: 0 0 4px 4px !important;
  z-index: 9999999 !important;
  display: none;
}

.uvr-uv820722-nav-brand-mobile {
  display:none !important;
}

.uvr-uv820722-desktop-search {
  overflow: visible !important;
  z-index: 99999999 !important;
  position: relative !important;
}

.uvr-uv820722-mobile-search {
  display: none !important;
}

.uvr-uv820722-close-menu {
    display: none!important;
}

.uvr-uvsrh7e69-link {
    display: flex!important;
    align-items: center!important;
    gap: 10px!important;
    text-decoration: none!important;
    color: inherit!important;
    border-bottom:1px solid #121212!important;
}
.uvr-uvsrh7e69-link:hover {
  background-color: #121212!important;
}

.uvr-uvsrh7e69-poster {
    width: 100px!important;
    height: 100px!important;
    object-fit: cover!important;
    display: block!important;
}

.uvr-uvsrh7e69-title {
    font-size: 15px!important;
    font-weight: 700!important;
    color: #81B6E3 !important;
}
  
.uvr-uv820722-navbar-toggler {
  display: none !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
}

.uvr-uv820722-toggler-icon {
  display: inline-block !important;
  width: 30px !important;
  height: 2px !important;
  background: #fff !important;
  position: relative !important;
}

.uvr-uv820722-toggler-icon::before,
.uvr-uv820722-toggler-icon::after {
  content: '' !important;
  position: absolute !important;
  width: 30px !important;
  height: 2px !important;
  background: #fff !important;
  left: 0 !important;
  transition: all 0.3s ease !important;
}

.uvr-uv820722-toggler-icon::before {
  top: -8px !important;
}

.uvr-uv820722-toggler-icon::after {
  top: 8px !important;
}

.uvr-uv820722-nav-overlay {
  display: none !important;
}

.uvr-uv820722-nav-list {
  list-style: none !important;
  display: flex !important;
  margin:0 !important;
  padding:0 !important;
}

.uvr-uv820722-nav-item {
  position: relative !important;
}

.uvr-uv820722-nav-link {
  color: #ffffff !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  padding: 15px 15px !important;
  text-decoration: none !important;
  position: relative !important;
  transition: color 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.uvr-uv820722-nav-link:hover {
  color: #81B6E3 !important;
}

.uvr-uv820722-nav-link::after {
  content: "" !important;
  position: absolute !important;
  bottom: 5px !important;
  left: 0 !important;
  width: 0% !important;
  height: 2px !important;
  background: #81B6E3 !important;
  transition: width 0.3s ease !important;
}

.uvr-uv820722-nav-link:hover::after {
  width: 100% !important;
}

.uvr-uv820722-has-megamenu {
  position: static !important;
}

.uvr-uv820722-has-megamenu:hover .uvr-uv820722-megamenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.uvr-uv820722-megamenu {
  position: absolute !important;
  left: 0 !important;
  top: 100% !important;
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  background: #000 !important;
  border-top: 2px solid #81B6E3 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(20px) !important;
  transition: all 0.3s ease !important;
  z-index: 99999 !important;
  padding: 20px 40px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 40px !important;
  margin-top: -5px!important;
}

.uvr-uv820722-megamenu-column {
  flex: 1 1 200px !important;
  min-width: 200px !important;
}

.uvr-uv820722-megamenu-heading {
  color: #81B6E3 !important;
  font-family: "Montserrat", sans-serif !important;
   font-weight: 700!important;
   font-size: 18px!important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
}

.uvr-uv820722-megamenu-link {
  display: block !important;
  text-decoration: none !important;
  color: #ddd !important;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  padding: 5px 0 !important;
  transition: color 0.2s ease !important;
}

.uvr-uv820722-megamenu-link:hover {
  color: #ffc426 !important;
}

.uvr-uv820722-dropdown, .uvr-uv820722-has-dropdown .uvr-uv820722-dropdown {
  display: none !important;
}

.uvr-uv820722-submenu-toggle {
  cursor: pointer !important;
  position: relative !important;
}

.uvr-uv820722-submenu-icon {
  margin-left: 5px !important;
  font-size: 0.8em !important;
}

.uvr-uv820722-mobile-submenu {
  display: none !important;
  background: #000 !important;
  padding: 10px 20px !important;
  border-left: 3px solid #81B6E3 !important;
  transition: max-height 0.3s ease !important;
  overflow: hidden !important;
}

.uvr-uv820722-mobile-submenu.open {
  display: block !important;
}

.uvr-uv820722-submenu-scroll {
  max-height: 50vh !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

.uvr-uv820722-sub-heading {
  color: #81B6E3 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 10px 0 5px 0 !important;
}

.uvr-uv820722-sub-link {
  display: block !important;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 5px 0 !important;
  transition: color 0.2s ease !important;
}

.uvr-uv820722-sub-link:hover {
  color: #81B6E3 !important;
}
  
.uvr-uv0028764-socials {
  display: none;
}
/*END HEADER & NAV*/

.wa-ct {
    width: 100%;
    max-width: 100%;
    min-height: 50px;
    background-color: #ffffff;
    padding: 25px;
     -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
    margin-bottom: 25px;
}

.wa-ct h3 {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

.black-link {
    color: #000000;
    text-decoration: none;
}
 
input:focus,select:focus,textarea:focus,button:focus {outline: none;}

.logout-icon {width: 24px;margin-top: -2px !important;margin-right: 2px !important;}

.dash-icon {width: 22px;margin-top: -3px !important;margin-right: 2px !important;}

.crown-ic {width: 24px;margin-top: -2px !important;margin-right: 2px !important;}

.games-icon {width: 28px;margin-top: -2px !important;margin-right: 3px !important;}

.scan-icon {width: 22px;margin-top: -2px !important;margin-right: 2px !important;}

.calendar-icon {width: 20px; margin-top: -2px !important;margin-right: 2px !important;}

.i-icon {width: 27px;margin-top: -2px !important;margin-right: 2px !important;}

.groups-icon {width: 26px;margin-top: -2px !important;margin-right: 2px !important;}

.admin-icon {width: 16px;margin-top: -2px !important;margin-right: 3px !important;}

.account-icon {width: 22px;margin-top: -2px !important;margin-right: 3px !important;}

.header-profile-pic {width: 28px;height: 28px;border: 1px solid #ffffff; border-radius: 50px;margin-top: -3px;margin-right: 2px !important;}

.rcnt-icon {float: left;margin-top: -7px;margin-right:5px;}
 
.uvr-tokens {color: #81B6E3!important;}

.game-card {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 35px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
}

.game-card:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); 
}

.game-card img {
    width: 100%; 
    height: 500px; 
    object-fit: cover; 
    display: block;
}

.game-details {
    display: flex;
    position: absolute;
    top: 10px;
    left: 10px;
    align-items: center;
    z-index: 2;
}

.game-details-right {
    display: flex;
    position: absolute;
    bottom: 10px;
    right: 10px;
    align-items: center;
    z-index: 2;
    gap:5px;
}

.game-category {
    background-color: #5a9fda;
    color: white;
    padding: 3px 8px;
    border-radius: 1px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #5096d2;
}


.game-info {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    margin-left: 10px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 1;
}

.overlay .text {
    color: white;
    text-align: center;
}

.overlay h5 {
    margin-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
}

.overlay .btn {
    margin: 5px;
}

.poster-container {
    position: relative;
    width: 100%;
    height: auto;
}

.poster {
    width: 100%;
    display: block;
}

.game-trailer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; 
    object-fit: cover;
    z-index: 2;
}

.game-card:hover .game-trailer {
    display: block;
}

.kijkwijzer-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    z-index: 2;
}

.kijkwijzer-icons img {
    width: 32px !important;
    height: auto;
    margin-left: 5px;
}

.btn-tmslot {
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  background-color: #34495e!important;
  border: 1px solid #79aedb!important;
  transition: .1s!important;
  border-radius: 1px !important;
  padding: 6px!important;
  color: #ffffff!important;
}

.btn-tmslot:hover {
  background-color: #81B6E3!important;
  border: 1px solid #79aedb!important;
  color: #ffffff!important;
}

.time-slot.selected {
  background-color: #81B6E3!important;
  border: 1px solid #79aedb!important;
  color: #ffffff!important;
}

a.home-link {
  color: #81B6E3!important;
  text-decoration: none!important;
}

a:hover.home-link {
  color: #81B6E3!important;
  text-decoration: underline !important;
}

.uvr-hp-box-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 0px;
}

.uvr-hp-box {
    background: linear-gradient(135deg, #FF4500, #FFA500);
    padding: 20px;
    border-radius: 1px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column; 
    justify-content: space-between; 
    height: 100%; 
}

.uvr-hp-link {
    text-decoration: none;
    height: 100%; 
}

.uvr-hp-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.uvr-hp-icon-container {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
    padding: 15px;
    display: inline-block;
}

.uvr-hp-icon-container i {
    font-size: 60px;
    color: #ffffff;
}

.uvr-hp-box h4 {
    font-size: 26px!important;
    margin-bottom: 1px!important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    padding: 20px !important;
}

 .uvr-hp-box h6 {
    font-size: 20px!important;
    margin-bottom: 10px!important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
}

.uvr-hp-box p {
    font-size: 15px;
    font-weight: 500;
    color: #f0f0f0;
    line-height: 1.6;
}

.uvr-hp-box i {
    color: #81B6E3;
    font-size: 3rem;
}
.uvr-hp-btn-tickets-two {
    background-color: #ffc426 !important;
    color: #161616!important;
}
.uvr-hp-btn-tickets-two:hover {
    background-color: #fbb600!important;
    color: #161616!important;
}
.uvr-hp-box .actie-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #81B6E3;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.uvr-hp-box .actie-label-right {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #81B6E3;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.subgame-card {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    border: 1px solid #161616;
}
.subgame-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.subgame-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
    font-size: 12px;
}

.subgames {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
        
.subgames h6 {
  font-family: "Montserrat", sans-serif !important;
   font-weight: 400 !important;
   color: #ffffff !important;
   font-size: 11px !important;
   margin-top: 5px!important;
}

.btn-details {
   background-color: #5a9fda !important;
   font-family: "Montserrat", sans-serif !important;
   font-weight: 700 !important;
   color: #ffffff !important;
   font-size: 13px !important;
   padding: 6px 15px !important;
   border-radius: 2px !important;
   text-transform: uppercase !important;
}

.btn-details:hover {
   background-color: #81B6E3 !important;
}

.btn-tickets {
   background-color: #ffc426 !important;
   font-family: "Montserrat", sans-serif !important;
   font-weight: 700 !important;
   color: #000000 !important;
   font-size: 13px !important;
   padding: 6px 15px !important;
   border-radius: 2px !important;
   text-transform: uppercase !important;
}

.btn-tickets:hover {
  background-color: #fbb804!important
}

.subgames-section h2 {
   font-family: "Montserrat", sans-serif !important;
   font-weight: 700 !important;
   color: #f2f2f2 !important;
   font-size: 26px !important;
   text-transform: uppercase;
}

.game-details-section h2 {
  font-family: "Montserrat", sans-serif !important;
   font-weight: 700 !important;
   color: #f2f2f2 !important;
   font-size: 26px !important;
   text-transform: uppercase;
}

 .video-header {
    position: relative;
    width: 100%;
    height: 1080px;
    overflow: hidden;
    color: white;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
}

.video-header video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    z-index: 10; 
}

.video-header .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 20; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 1; 
}

.video-header .overlay .content {
    position: relative;
    z-index: 30; 
    padding: 20px;
}

.video-header .overlay .content h1 {
    font-size: 3rem;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.video-header .overlay .content p {
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.video-header .overlay .content .btn {
    font-size: 1rem;
    padding: 10px 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.content-section {
    padding: 50px 0;
}

 .hero-section {
    background: linear-gradient(to right, #f8cdda, #1c92d2);
    color: white;
    padding: 0;
    text-align: center;
    position: relative;
}
.hero-section video {
    width: 100%;
    height: auto;
    margin-bottom: -6px!important;
}
.hero-section .btn-primary {
    background-color: #000000;
    border: none;
    font-weight: bold;
    padding: 10px 20px;
}
.hero-section .btn-primary:hover {
    background-color: #161616;
}

.hz-section-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 3rem;
    color: #ffffff;
}

.footer {
    position: relative;
    padding: 40px 0;
    background: url('/images/footer.jpg') no-repeat center center;
    background-size: cover;
    color: white;
    border-top: 1px solid #000000;
    text-align: center;
}

.footer::before {
    content: "";
    position: absolute;
    top: -20px; 
    left: 50%;
    transform: translateX(-50%);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #81B6E3; 
    z-index: 2;
}

.footer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.footer .container {
    position: relative;
    z-index: 2;
}

.footer a {
    color: #3f9ae5;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

a:hover.footer i {
    text-decoration: none!important;
}

ul.footer-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-nav li {
    margin-bottom: 10px;
    font-family: "roboto", sans-serif !important;
      font-weight: 500!important;
      font-size:14px!important;
}

.footer-nav li a {
    color: #ddd;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-nav li a:hover {
    color: #81B6E3;
    text-decoration: none;
}

.copyright {
    width: 100%;
    min-height: 20px;
    background-color: #0d0d0d;
    border-top: 1px solid #000000;
}

.copyright-msg {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
     white-space: nowrap; /* eventueel, als je alles op één regel wilt houden op grotere schermen */
}

.footer h3 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #81B6E3 !important;
    margin-bottom: 15px !important;
    text-align: left!important;
}

.lang {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    margin-right: 5px;
}

.margin-15 {
    margin-bottom: 15px;
}

a.white-link {
    color: #ffffff;
    text-decoration: none;
}

a.white-link:hover {
    color: #F2F2F2;
    text-decoration: underline;
}

.footer i {
    color: #81B6E3;
}


.footer-column .social-icons {
    text-align: left;
}

.footer-column .social-link {
    display: inline-block;
    margin-right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%; 
    background-color: #000000;
    text-align: center;
    color: white;
    transition: background-color 0.3s ease, color 0.3s ease;
    border: 2px solid #ffffff;
}

.footer-column .social-link:hover {
    background-color: #fff; 
    color: #000000; 
    border: 2px solid #000000;
}

.footer-column .social-link:hover i {
    color: #000000; 
}


.vr-box {
    background-color: #2b2b2b;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vr-box:hover {
    transform: translateY(-10px);
}

.vr-box i {
    color: #f8cdda;
    margin-bottom: 15px;
    font-size: 3rem;
}

.vr-box h4 {
    margin-top: 10px;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px!important;
}

.vr-link {
    text-decoration: none;
    color: inherit;
}

.vr-link:hover .vr-box {
    transform: translateY(-10px);
}

.vr-section {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.vr-image-container {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.vr-image-container img {
    transition: transform 0.5s ease;
}


.vr-image-container:hover img {
    transform: scale(1.05);
}

.vr-section-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vr-section-line {
    flex-grow: 1;
    height: 3px;
    background-color: #659fd1;
    margin: 0 15px;
}

.vr-section-title {
    font-size: 48px !important;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400 !important;
    margin: 0;
}

.vr-section-description {
    color: #dddddd;
    line-height: 1.6;
    font-family: "roboto", sans-serif !important;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    max-width: 95%!important;
    margin: 0 auto;
}

.no-decoration {
  text-decoration: none!important;
}

.faq-p {
  text-align:center!important;
  max-width: 60%!important;
  line-height: 1.6!important;
  font-family: "roboto", sans-serif !important;
  font-size: 18px!important;
  font-weight: 500!important;
  margin-bottom: 25px!important;
}

.fq-btn {
    background-color: #81B6E3!important;
    border: none!important;
    padding: 10px 25px!important;
    font-size: 16px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase!important;
    display: block !important;
    margin: 20px auto 0 !important; 
    border-radius: 1px !important;
    color: #ffffff!important;
}

.fq-btn:hover {
    opacity: 0.8;
}

.vr-btn {
    background-color: #007bff;
    border-color: #007bff;
    padding: 1rem 1.5rem;
    font-size: 16px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    display: block !important;
    margin: 20px auto 0 !important; 
    border-radius: 1px !important;
}

.vr-btn:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.info-section-hp {
    color: white;
    padding: 50px 0;
    font-family: "Montserrat", sans-serif;
    background-color: #212121 ;
}


.info-section-hp .container {
    max-width: 1200px;
    margin: 0 auto;
}

.info-section-hp .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-section-hp .info-image {
    position: relative;
    overflow: hidden;
}

.info-section-hp .info-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s;
    border-bottom-right-radius: 75%;
    border-bottom-left-radius: 15%;
}

.info-section-hp .info-image:hover img {
    transform: scale(0.9);
}


.info-section-hp .info-content {
    padding: 20px;
}

.info-section-hp .info-box-hp {
    padding: 30px;
    border-radius: 1px;
    margin-bottom: 20px;
    transition: transform 0.3s;
    
}

.info-section-hp .info-box-hp:last-child {
    margin-bottom: 0 !important;
    
}

.info-section-hp .info-box-hp:hover {
    transform: translateY(-5px);
}

.info-box-hp p {
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 15px !important;
}

a.link-ffffff {
  color: #ffffff;
  text-decoration: none;
}

a:hover.link-ffffff {
  color: #ffffff;
  text-decoration: underline;
}

.info-section-hp h2 {
    font-weight: 700;
    color: #81B6E3;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 26px !important;
}

.info-section-hp ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.info-section-hp ul li {
    font-size: 1rem;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.info-section-hp ul li span {
    font-weight: 700;
    color: #81B6E3;
    text-transform: uppercase;
}

.info-section-hp p {
    font-size: 1rem;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.info-section-hp p strong {
    color: #81B6E3;
}

.info-section-hp i {
    color: #81B6E3;
    font-size: 1.2rem;
}

.btn-group {
    display: flex;
    gap: 0px; 
}

.btn-tickets-two {
    background-color: #ffc426 !important;
    background-image: -webkit-linear-gradient(top, #f7da66, #ffc426);
    background-image: linear-gradient(to bottom, #f7da66, #ffc426);
    color: #000000 !important;
    border: none !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
}

.btn-tickets-two:hover {
    background-color: #fbb600!important;
    color: #000000!important;
}

.btn-games {
    background-color: #5a9fda !important;
    color: #ffffff !important;
    border: none !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
}

.btn-games:hover {
    background-color: #81B6E3!important;
    color: #ffffff!important;
}

.page-title {
    font-size: 26px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    width: 100%!important;
    text-align: center!important;
    padding: 80px 0;
}

.page-title i {
  color: #81B6E3;
  font-size:38px;
}


.package-icon {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    margin-right: 5px; 
}

.package-title {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 36px; 
    font-family: "Bebas Neue", sans-serif !important;
    color: #81B6E3;
}

.page-subtitle {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
  margin-top: 25px !important;
}

.page-subtitle i {
  font-size: 15px !important;
  color: #ffffff !important;
}
.custom-game-title {
    font-size: 34px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    letter-spacing: 2px;
    overflow: hidden; 
}
.custom-game-title::before, .custom-game-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #F55F0A;
    z-index: -1;
    transform: translateY(-50%);
    transition: width 0.3s ease;
}

.custom-game-title::before {
    left: 20%;
}

.custom-game-title::after {
    right: 20%;
}

.custom-game-title:hover::before, .custom-game-title:hover::after {
    width: 60px; 
}

.title-decor {
    background: linear-gradient(to right, #F55F0A 0%, #FF7A3A 100%);
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    transition: all 0.3s ease;
}

.title-decor:hover {
    background: linear-gradient(to right, #FF7A3A 0%, #F55F0A 100%);
    box-shadow: 0px 4px 15px rgba(245, 95, 10, 0.5);
}

.title-icon {
    width: 80px;
    margin-right: 10px;
    vertical-align: middle;
    transition: transform 0.3s ease;
    margin-top:-15px;
    margin-bottom: 5px;
}

.custom-game-title:hover .title-icon {
    transform: scale(1.1);
}


.custom-fire-title {
    font-size: 34px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    width: 100%;
    text-align: center;
    padding: 50px 0;
    position: relative;
    z-index: 1;
    letter-spacing: 2px;
    overflow: hidden;
}
.custom-fire-title::before, .custom-fire-title::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #81B6E3;
    z-index: -1;
    transform: translateY(-50%);
    transition: width 0.3s ease;
}

.custom-fire-title::before {
    left: 20%;
}

.custom-fire-title::after {
    right: 20%;
}

.custom-fire-title:hover::before, .custom-fire-title:hover::after {
    width: 60px;
}

.title-decor-blue {
    background: linear-gradient(to right, #81B6E3 0%, #54a3d9 100%);
    padding: 5px 15px;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    transition: all 0.3s ease;
}

.title-decor-blue:hover {
    background: linear-gradient(to right, #54a3d9 0%, #81B6E3 100%);
    box-shadow: 0px 4px 15px rgba(129, 182, 227, 0.5);
}

.title-icon-blue {
    width: 90px;
    margin-right: 10px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-fire-title:hover .title-icon-blue {
    transform: scale(1.1);
}


.games-ctn {
  padding: 80px 0 !important;
}

.text-center {
  text-align: center !important;
  justify-content: center!important ;
}

.party-info {
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 15px;
  border-radius: 1px;
  margin-top: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  text-align: left;
}
.party-info-title {
  max-width: 90%;
}
.party-info h2 {
  text-align: left !important;
  margin-bottom: 15px !important;
  font-size: 2.4em !important;
  color: #81B6E3 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  max-width: 97.5% !important;
  text-transform: uppercase!important;
}
.party-info p {
  color: #F2F2F2;
  font-size: 1.1rem;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.8;
}
.contact-form {
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 1px;
  margin-top: 20px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  color: #ffffff;
  margin-bottom: 35px;
}
.contact-form h3 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.4em !important;
}
.contact-form .form-group {
  position: relative;
  margin-bottom: 2.5rem !important;
}
.contact-form .form-control {
  border-radius: 5px;
  padding: 10px 15px;
  width: 100%;
  border: 2px solid #81B6E3;
  background-color: #34495e;
  color: #ffffff;
  transition: all 0.3s ease;
}
.contact-form .form-control:focus {
  color: #F6F6F6 !important;
  border-color: #5a9fda;
  box-shadow: 0 0 10px rgba(81, 167, 232, 0.5);
  background-color: #3b4c5a;
}
.contact-form label {
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 14px !important;
  color: #81B6E3;
  pointer-events: none;
  transition: all 0.3s ease;
  font-family: 'Montserrat', sans-serif !important;
}
.contact-form .form-control:focus ~ label,
.contact-form .form-control:not(:placeholder-shown) ~ label {
  top: -18px;
  left: 10px;
  font-size: 12px;
  color: #5a9fda;
  background: rgba(0, 0, 0, 0.9);
  padding: 0 5px;
}
.contact-form .btn-primary {
  background-color: #81B6E3;
  border: none;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.3s;
  display: block;
  width: 100%;
  padding: 10px;
}
.contact-form .btn-primary:hover {
  background-color: #5a9fda;
}
.alert {
  padding: 12px;
  background-color: #4CAF50; 
  color: white;
  margin-bottom: 10px;
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  border-radius: 2px!important;
  border: 1px solid #41a745;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}
.closebtn:hover {
  color: black;
}
  
.extra-info {
    background: linear-gradient(to right, #f8cdda, #1c92d2);
    color: #ffffff;
    padding: 50px !important;
    border-radius: 0px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    text-align: left;
}

.contact-info {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 30px;
    border-radius: 2px;
    margin-top: 20px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    text-align: left;
}
.contact-info h2, .extra-info h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #81B6E3;
    text-transform: uppercase;
}
.contact-info p, .extra-info p {
    color: #F2F2F2;
    font-size: 1.1rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400 !important;
    line-height: 1.8;
    max-width: 97%;
}

.info-box {
    padding: 20px;
    background-color: #2c3e50;
    border-radius: 1px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    text-align: center;
    height: 185px;
}
.info-box i {
    font-size: 40px;
    color: #81B6E3;
    margin-bottom: 10px;
}
.info-box h3 {
    font-size: 20px !important;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
}
.info-box p {
    color: #ffffff;
    font-size: 15px !important;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
}

#scrollToTopBtn {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #161616;
    border: 2px solid #ffc426;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

#scrollToTopBtn:hover {
    background-color: #ffc426;
}

#scrollToTopBtn i {
    font-size: 20px !important; 
    color: #ffffff!important;
}
  .popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.popup-content {
    background: #000000;
    border: 3px solid #81B6E3;
    padding: 35px;
    border-radius: 1px;
    text-align: center;
    width: 100%;
    max-width: 500px;
    color: #f2f2f2;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

.popup-content a {
  color: #81B6E3;
  text-decoration: none;
}

.popup-content a:hover {
  color: #81B6E3;
  text-decoration: underline;
}


.popup-content h2 {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 700!important;
    font-size: 22px !important;
    margin-bottom: 15px !important;
    color: #81B6E3 !important;
    width: 98% !important;
}

.popup-content p {
    font-family: "Roboto", sans-serif!important;
    font-weight: 500!important;
    font-size: 15px!important;
    line-height: 1.5!important;
    color: #ddd !important;
    margin-bottom: 5px!important;
}

.popup .btn-group .package-btn {
    background-color: #000000;
    border: none;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    transition: background-color 0.3s;
    padding: 12px 20px;
    font-size: 1rem;
    border-radius: 5px;
    display: block;
    width: 100%;
}

.popup .btn-group .package-btn:hover {
    background-color: #161616;
}

.close-btn {
    position: absolute;
    top: -15px;
    right: 10px;
    font-size: 58px;
    color: #f63232;
    cursor: pointer;
    transition: .1s;
}

.close-btn:hover {
  color: #d90101!important;
}

#reserveButton {
    background-color: #81B6E3;
    border: none;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 15px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase;
    
}

#reserveButton:hover {
    background-color: #5a9fda;
}

.time-slot {
    display: inline-block;
    margin: 5px;
    padding: 10px 15px;
    background-color: #34495e;
    color: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.time-slot:hover {
    background-color: #81B6E3;
    color: #2c3e50;
}

.time-slot.selected {
    background-color: #81B6E3;
    color: #2c3e50;
}


p.no-search {
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 12px !important;
  margin-bottom: 0 !important;
}

.tc-number {
  font-family: "Arial", sans-serif !important;
}

.discount-info {
  font-size: 1rem;
  color: #ffffff;
  text-align: left;
  margin-top: 0!important;
  margin-top:-13px!important;
}

.search-results {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #34495e;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  border: 2px solid #81B6E3;
  z-index: 1000;
}

.search-results a {
  display: flex;
  align-items: center;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.search-results img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-right: 10px;
}
.search-results a:hover {
  background-color: #344c63;
  color: #ffffff;
  text-decoration: none;
}

.reservation-form, .choice-boxes {
  max-width: 800px;
  margin: 0 auto;
  padding: 25px;
  background-color: #1a1a1a;
  border-radius: 1px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  color: #fff;
}
.reservation-form h2, .choice-boxes h2 {
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #81B6E3;
  text-align: center;
  font-size: 24px;
}
.reservation-form label, .choice-boxes label {
  font-weight: 700;
  color: #81B6E3;
}
.reservation-form .form-control {
  background-color: #333;
  color: #fff;
  border: 1px solid #81B6E3;
  border-radius: 1px!important;
  min-height: 45px!important;
}
.reservation-form .btn-primary, .choice-boxes .btn-primary {
  background-color: #34495e;
  border: none;
  width: 100%;
  padding: 15px;
  font-size: 0.9rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.reservation-form .btn-primary:hover, .choice-boxes .btn-primary:hover {
  background-color: #639fc1;
}
.price-info {
  margin-top: 20px;
  font-size: 1rem;
  color: #ffffff;
  text-align: left;
  margin-bottom: 5px !important;
  float:left;
}
.time-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.time-slot {
  background-color: #333;
  color: #fff;
  padding: 10px;
  border: 1px solid #81B6E3;
  border-radius: 5px;
  cursor: pointer;
  flex: 1 1 calc(33.333% - 10px);
  text-align: center;
}
.time-slot.selected {
  background-color: #81B6E3;
  color: #000;
}
.ticket-selection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.ticket-selection label {
  margin: 0;
}
.ticket-selection input {
  width: 100px;
  text-align: center;
}
.total-price {
  text-align: center;
  margin-top: 20px;
  font-size: 1.2rem;
  color: #81B6E3;
  text-transform: uppercase;
  float:right;
}

.coupon-field {
  height:35px!important;
  font-size: 14px !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700 !important;
  color: #ffffff!important;
  width: 100%!important;
  padding: 8px 12px !important;
  background-color: #333!important;
  border: 1px solid #81B6E3!important;
}

.pakketten-btn {
    padding: 8px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700 !important;
    background-color: #d3c020 !important;
}

.white-link {
  color: #ffffff!important;
}
.white-link:hover {
  color: #f2f2f2!important;
}

.no-decoration {
  text-decoration: none !important;
}

.no-decoration:hover {
  text-decoration: none !important;
}

.border-bottom-poster {
  border-bottom:3px solid #81B6E3;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(5); 
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.word1, .word2, .word3, .word4 {
    display: inline-block;
    opacity: 0;
    animation: fadeIn 1s ease-out forwards;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6) !important;
}

.word2 {
    animation-delay: 1s; 
}

.word3 {
    animation-delay: 1s;
}

.word4 {
    animation-delay: 1s; 
}


.vrg-icon {
  width:32px !important;
  margin-top:-5px;
  margin-right:5px;
}

.custom-content-title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #ffffff;
    max-width: 90%;
}

.custom-content-text {
    font-size: 16px;
    color: #d1d1d1; 
    line-height: 1.4 !important;
    max-width: 90%;
}

.custom-content-btn {
    background-color: #1878a9; 
    border-color: #81B6E3; 
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: background-color 0.3s ease;
}

.custom-content-btn:hover {
    background-color: #1c92d2; 
    border-color: #f1f1f1;
    text-decoration: none !important;
    color: #ffffff !important;
}


.game-checkbox {
  margin-right: 10px;
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  display: none;
}

.shadow {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6) !important;
}

.btn-korting {
  background-color: #ffc426 !important;
  background-image: -webkit-linear-gradient(top, #f7da66, #ffc426);
  background-image: linear-gradient(to bottom, #f7da66, #ffc426);
  border: 1px solid #ffc426 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 1px !important;
  height: 35px!important;
}

.btn-korting:hover {
  background-color: #6fa7d6 !important;
}

.wizard-select {
  padding: 12px !important;
  height: 50px !important;
  width: 100% !important;
  background-color: transparent!important;
  color: #ffffff !important;
  border-radius: 1px !important;
  margin-bottom: 10px !important;
}

.wizard-select:focus {
  background-color: #000000!important;
  color: #ffffff!important;
}

.wizard-select:active {
  background-color: transparent!important;
  color: #ffffff!important;
}

.btn-primary {
  background-color: #659fd1 !important;
  border: 1px solid #81B6E3 !important;
  transition: .1s!important;
}
.btn-primary:hover {
  background-color: #81B6E3 !important;
}

.btn-black {
  background-color: #000000 !important;
  border: 1px solid #161616 !important;
  transition: .1s!important;
}
.btn-black:hover {
  background-color: #161616 !important;
}

.video-element {
    display: block !important;
}
.gif-element {
    display: none !important;
}

.uhp-info-section {
    background: #121212;
    color: #ffffff;
    padding: 60px 0;
    border-radius: 0px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

.uhp-image-area img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.4s ease-in-out;
    border-bottom-right-radius: 75%;
    border-bottom-left-radius: 15%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

.uhp-image-area img:hover {
    transform: scale(1.08);
}

.uhp-text-area {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
}

.uhp-content-card {
    background: transparent;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    align-items: center;
    transition: background 0.3s, transform 0.3s;
}

.uhp-content-card:hover {
    background: transparent;
    transform: translateY(-5px);
}

.uhp-icon-wrapper {
    flex-shrink: 0;
    font-size: 36px;
    color: #81B6E3;
    margin-right: 20px;
}

.uhp-info-content {
    flex-grow: 1;
}

.uhp-info-title {
    font-size: 28px;
    color: #81B6E3;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: "Bebas Neue", sans-serif;
    font-size: 48px !important;
}

.uhp-time-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.uhp-day-time {
    background: #333;
    padding: 10px;
    border-radius: 2px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #161616;
}

.uhp-contact-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: left; 
}

.uhp-contact-item {
    display: flex;
    align-items: center;
    color: #ddd;
    justify-content: left;
    font-size: 17px;
    font-family: "roboto", sans-serif !important;
    font-weight: 500;
}

.uhp-contact-item i {
    margin-right: 10px;
    color: #81B6E3;
    font-size: 32px;
}

.uhp-contact-link {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s;
}

.uhp-contact-link:hover {
    color: #ffffff;
}

.slick-dots li button:before {
    display: transparent !important;
}

.new-pakket-btn {
  background-color: #659fd1!important;
  border: 1px solid #81B6E3!important;
  width: auto !important;
  border-radius: 5px !important;
  padding: 6px !important;
  transition: .1s!important;
  font-size: 13px !important;
}

.new-pakket-btn:hover {
  background-color: #81B6E3 !important;
}

.theme-select-ct {
  padding: 5px;
}
.sbg-title {
    font-family: "Montserrat", sans-serif;
      font-weight: 700;
      font-size: 22px !important;
  }
  
.sbg-desc {
  font-family: "Roboto", sans-serif!important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.wiz-chosen-games {
  max-width: 98%;
  font-family: "Roboto", sans-serif!important;
  font-weight: 400 !important;
  font-size: 15px !important;
  margin-bottom: 10px !important;
}

.prev-step {
  background-color: #ff4b4b!important;
  color: #ffffff !important;
  border-radius: 1px !important;
  border: 1px solid #f83f3f !important;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700!important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  margin-bottom: 0 !important;
}

.prev-step:hover {
  opacity: 0.9!important;
}
  
.next-step {
  background-color: #659fd1 !important;
  border-radius: 1px !important;
  border: 1px solid #81B6E3 !important;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700!important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  color: #f2f2f2!important;
  margin-bottom: 0 !important;
}

.wizard-title-container { 
  margin-bottom: 25px!important;
}
  
.custom-checkbox {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    width: 20px!important;
    height: 20px!important;
    background-color: #1c1c1c!important; 
    border: 2px solid #f8cdda!important; 
    cursor: pointer!important;
    display: inline-block!important;
}

.custom-checkbox:checked {
    background-color: #1c1c1c!important; 
    border: 2px solid #f8cdda!important;
    color: #ffffff !important;
}

.custom-checkbox:checked::before {
    content: "✔"!important; 
    color: #ffffff!important; 
    font-size: 16px!important;
    position: absolute!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%)!important;
}

.faq-section {
    background-color: #000000;
    color: #ffffff;
    padding: 50px 0;
    border-radius: 5px;
}

.faq-section h2 {
    color: #81B6E3!important;
    margin-bottom: 20px!important;
    text-transform: uppercase!important;
    font-family: "Bebas Neue", sans-serif!important;
    font-size: 48px !important;
    text-align: center!important;
}

.faq-item {
    margin-bottom: 15px;
}

.faq-question {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    background-color: #81B6E3;
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.faq-question:hover {
    background-color: #ffc426;
    color: #000000;
}

.faq-question.active {
    background-color: #ffc426; 
    color: #000000; 
}

.faq-answer {
    display: none;
    background-color: #ffc426;
    color: #f2f2f2;
    padding: 15px;
    border-radius: 8px;
    margin-top: 5px;
}

.faq-answer p {
    line-height: 1.6 !important;
    font-family: "roboto", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #161616!important;
    padding: 0!important;
}

.arrow {
    font-size: 24px;
    transition: transform 0.3s ease;
}

.more-faq {
    text-align: center;
    margin-top: 20px;
}

.btn-more {
    background-color: #81B6E3;
    border: none;
    color: #ffffff;
    padding: 10px 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

.btn-more:hover {
    background-color: #5a9fda;
}

.red-link {
  color: #fa3232;
  text-decoration: none;
}

.red-link:hover {
  color: #fd1010;
  text-decoration: underline;
}

.white-link {
  color: #ffffff;
  text-decoration: none;
}

.white-link:hover {
  color: #f6f6f6;
  text-decoration: underline;
}

.admincp-right {
  float:right;
  font-size:13px;
  margin-top:12px;
}

ul#admincp-actions-nav {
  list-style: none;
  margin:0;
  padding: 0;
  margin-bottom: 25px;
}

#admincp-actions-nav li {
  display: inline;
}

#filter-icon {
  background-color: #161616!important;
  border: 2px solid #81B6E3 !important;
  padding: 7px 10px!important;
}


.reserve-box {
    padding: 25px;
    border: 1px solid #333;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

.reserve-box:hover {
    background-color: #000000;
}

.reserve-box i {
    margin-bottom: 10px;
    color: #ffffff!important;
}

.reserve-box h3 {
    font-size: 18px;
    margin-bottom: 15px;
}

.reserve-box a {
    width: 100%;
    padding: 10px 0;
}
.styled-game-title {
    text-align: center;
    margin-bottom: 20px;
}

.styled-game-title h2 {
    font-size: 28px;
    font-weight: 700;
    color: #81B6E3; 
    display: inline-block;
    position: relative;
    padding-bottom: 8px;
    border-bottom: 2px solid #1878a9; 
}

.styled-game-title h2 i {
    margin-right: 10px;
    color: #81B6E3; 
}

.styled-game-title h2:before, .styled-game-title h2:after {
    content: '';
    width: 50px;
    height: 2px;
    background: #1878a9; 
    position: absolute;
    bottom: 0;
}

.styled-game-title h2:before {
    left: -60px;
}

.styled-game-title h2:after {
    right: -60px;
}

#datepicker {
    width: 100%!important;
    margin: 0 auto!important;
}


.ui-datepicker {
    width: 100% !important;
    padding: 10px!important;
    box-sizing: border-box!important;
    font-size: 16px !important; 
}

.ui-datepicker-header {
    background-color: #81B6E3!important;
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
}

.ui-datepicker table {
    width: 100% !important; 
}

.ui-datepicker td, .ui-datepicker th {
    padding: 5px !important; 
    height: 40px !important; 
    box-sizing: border-box !important;
}

.ui-datepicker-header {
    font-size: 18px !important; 
    padding: 10px !important;
}

.btn-time-slot {
  background-color: #333!important;
  border: 1px solid #81b6e3!important;
  color: #ffffff!important;
  font-family: 'Arial', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px!important;
  border-radius: 1px!important;
}

.selected {
  background-color: #81b6e3!important;
}

.lang-selector {
  padding: 6px 14px!important;
  border-radius: 2px!important;
  border: 1px solid #81B6E3!important;
  background-color: #000000!important;
  color: #ffffff!important;
  font-family: "Roboto", sans-serif!important;
  font-weight: 500 !important;
  font-size: 14px !important;
  vertical-align: middle!important; 
}

.lang {
    font-size: 28px!important; 
    vertical-align: middle!important; 
}

.footer .dropdown {
    display: inline-block!important; 
    margin-bottom: 15px!important;
    text-align: left!important; 
}

.game-list-heading p {
    font-family: "Roboto", sans-serif!important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #ffffff!important;
    margin-bottom: 30px!important;
}


.old-price {
    color: red!important;
    font-size: 48px!important;
    font-weight: 700!important;
    display: inline-block;
    font-family: "Arial", sans-serif !important;
}

.double-strike span {
    position: relative;
    color: #ffffff;
}

.double-strike span::before,
.double-strike span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5px; 
    background-color: #81B6E3; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3)!important;
}

.double-strike span::before {
    transform: rotate(45deg); 
    top: 0;
    left: 0;
}

.double-strike span::after {
    transform: rotate(-45deg); 
    top: 0;
    left: 0;
}

.discounted-price {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 5px 0;
    padding-top: 70px!important;
    text-transform: uppercase;
    font-family: "Arial", sans-serif !important;
}

.shadow-border {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3)!important;
}

.nu-label {
  padding: 12px 15px;
  border: 2px solid #81B6E3;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: rgba(0, 0, 0, 0.7);
}

.new-price-display {
  width: 100%;
  max-width: 100%;
  margin-top: 25px!important;
}

.new-price-display p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size:15px!important;
  line-height:1.6!important;
  color:#F0F0F0!important;
  max-width:97.5%!important;
}

p.new-price-display-price {
  font-family: "Arial", sans-serif !important;
  font-weight: 700 !important;
  font-size:28px!important;
  color:#F0F0F0!important;
}

.uvr-hp-box-desc {
  padding: 15px;
  text-align: justify!important;
}

.uvr-hp-desc {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size:15px!important;
  line-height:1.6!important;
  color:#F0F0F0!important;
  max-width:97.5%!important;
  text-align: center!important;
}

.action-packages-section {
  background-color: #000000!important;
}

.tk-checkbox {
  width: 22px;
  height: 22px;
  margin-bottom: 10px;
}

.authVR-gameFilter-btn {
  padding: 6px 12px!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size:15px!important;
  background-color: #81B6E3;
  border: 1px solid #7bb7eb;
  border-radius: 1px;
  transition: .1s;
}

.authVR-gameFilter-btn:hover {
  background-color: #7bb7eb;
}

.authVR-gameFilter-btn i {
  color: #ffffff!important;
}

.front-ifc {
  /*background: url('/images/footer.jpg') no-repeat center center;
  background-size: cover;*/
  background-color: #000000!important;
  position: relative;
  padding: 80px 0; 
}

.uInterface-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}

.uInterface-ct-container {
  padding: 20px;
}

.uInterface-ct-title h2 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.8rem !important;
  color: #ffffff !important;
  text-align: center;
  margin-bottom: 25px !important;
  text-transform: uppercase !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
}

.uInterface-ct-description p {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #ddd !important;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 20px auto;
  margin-bottom: 10px!important;
}

.uInterface-ct {
  padding: 0 !important;
}
.ft-img2 {
  max-width: 100%!important;
  width: 100%!important;
}

.contactp-title {
  text-align: center !important;
  margin-bottom: 15px !important;
  font-size: 2.4em !important;
  color: #81B6E3 !important;
  font-family: "Montserrat", sans-serif !important;
	font-weight: 700 !important;
	max-width: 97.5%!important;
	margin-top: 25px!important;
}

.contactp-subtitle {
  font-family: "Open Sans", sans-serif !important;
	font-weight: 500 !important;
  font-size: 1.1rem !important;
  line-height: 1.8 !important;
  color: #dddddd !important;
  text-align: center !important;
  max-width: 98%;
}

.navButtons-ct {
 display: none;
}

.lc-mobile-ct {
  min-height: 80vh;
  max-height: 80vh;
  overflow-y: scroll;
  width: 100%;
  scrollbar-color: #81B6E3 #222;
}

.lc-mobile-ct::-webkit-scrollbar {
  width: 10px; 
}

.lc-mobile-ct::-webkit-scrollbar-track {
  background: #222; 
  border-radius: 5px;
}

.lc-mobile-ct::-webkit-scrollbar-thumb {
  background: #81B6E3; 
  border-radius: 5px;
}

.lc-mobile-ct::-webkit-scrollbar-thumb:hover {
  background: #5a9fd8;
}

.channel-head {
 width:100%;
 font-size: 16px !important;
 margin-bottom:10px !important;
 background-color: #121212;
 border-radius: 0px;
 padding: 15px 15px;
 box-shadow: 0px 0px 15px rgb(0 0 0 / 8%);
}
.channel-home-tt {
 width:100%;
 font-family: "Montserrat", sans-serif !important;
 font-size: 22px !important;
 font-weight: 700 !important;
 color: #81B6E3!important;
 margin-bottom: 5px!important;
}

.channel-desc-title {
 font-size: 13px !important;
 font-weight: 700 !important;
 max-width: 95% !important;
 margin-top: 5px;
 margin-bottom: 0 !important;
 color: #ddd!important;
}

.channelFeed {
  min-height: 100px;
}

.channel-feed-ct {
 margin-bottom: 10px;
 background-color: #121212;
 border-radius: 4px;
 padding: 15px;
 -webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
 box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.25);
  color: #ddd!important;
}

.channel-feed-pfPic {
  
}
 
.channel-feed-pfPic img {
  width: 48px; 
  height: 48px; 
  border-radius: 5px;
  float: left !important;
  margin-right: 10px; 
  border: 1px solid #f2f2f2;
}

.fd-msg-delete {
 float: right;
}

.fd-delete-icon {
 width: 16px;
 height: 16px;
}
 
.channel-feed-name {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-top:5px;
}

.channel-feed-date {
 font-family: 'Arial', sans-serif;
 font-size: 13px;
 font-weight: 500;
 margin-top: -1px;
 margin-bottom: 15px;
}

.channel-feed-msg {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  width: 95%;
  max-width: 95%;
}

.verified {
 width: 24px;
 height: 24px;
 margin-top: -2px;
 margin-left: 1px;
}

.tooltip {
  font-family: 'Roboto', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.feedNewMsg {
 width: 100%;
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 border-top: 1px solid #161616;
}

#closeTextarea {
    position: absolute;
    bottom: 42vh;
    right: 10px;
    font-size: 54px;
    color: #ff3e3e;
    cursor: pointer;
    z-index: 99999999!important; 
    display: none; 
}
.feed_newMsg {
  width: 100%;
  min-height: 30px;
  resize: none;
  padding: 15px;
  border-radius: 2px;
  border: 1px solid #161616;
  font-family: 'Raleway', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background-color: #121212;
  color: #ddd;
  bottom: 0;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 999;
}
.sndMsg-btn {
    position: relative;
    float: right;
    z-index: 1000;
    bottom: 10px;
    right: 25px;
    background-color: transparent!important;
    border: none!important;
}

.sndMsg-img-btn {
    width: 18px;
    height: 18px;
    margin-top: -35px;
}
.mod-ic {
  width: 16px;
  margin-top: -5px;
  margin-right: 2px;
}
.comment-form {
    display: flex;
    align-items: center;
    margin-top: 10px;
    position: relative;
}

.comment-form textarea {
    flex-grow: 1;
    width: 100%;
    height: 40px;
    padding: 8px 40px 8px 12px; 
    border: 1px solid #ccc;
    border-radius: 20px;
    font-family: Arial, sans-serif;
    resize: none;
    outline: none;
    transition: border-color 0.3s;
    background-color: #000000;
    color: #ddd;
}

.comment-form textarea:focus {
    border-color: #007bff;
}

.comment-form .send-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.comment-form button {
    padding: 6px 15px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.comment-form button:hover {
    background-color: #0056b3;
}

.channel-feed-comments {
    margin-top: 10px;
}

.channel-feed-comments .comment {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.channel-feed-comments .comment .comment-pfPic {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.channel-feed-comments .comment .comment-pfPic img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.channel-feed-comments .comment .comment-content {
    background-color: #f0f2f5;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.channel-feed-comments .comment .comment-name {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 3px;
}

.channel-feed-comments .comment .comment-text {
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 3px;
}

.channel-feed-comments .comment .comment-date {
    font-size: 12px;
    color: #666;
}

.post-actions {
  margin-top: 5px!important;
}

.post-actions a {
    margin-left: 15px;
    color: #333; 
    font-size: 20px; 
    transition: color 0.3s;
}

.post-actions a:hover {
    color: #007bff; 
}

 .comment-count {
    margin-top: 9px;
    font-weight: 700;
}

.channel-feed-interactions {
  border-top: 1px solid #161616;
  border-bottom: 1px solid #161616;
  padding-bottom: 5px;
  margin-top: 5px;
}

 .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999999;
  display: none; 
  overflow: hidden;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  background: #fff;
  width: 90%;
  max-width: 600px; 
  height: 90%;
  border-radius: 0px!important;
  overflow-y: auto;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-close {
  position: absolute;
  top: -8px;
  right: 10px;
  cursor: pointer;
  font-size: 42px;
  color: red;
}

.modal-comments {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.modal-comments .comment-pfPic img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 10px;
}

.modal-comments .comment {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  border-bottom:1px solid #dddfe2;
}

.modal-comments .comment-content {
  flex: 1;
}

.modal-comments .comment-name {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0px;
}

.modal-comments .comment-date {
  font-family: 'Arial', sans-serif;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
}

.modal-comments .comment-text {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  width: 95%;
  max-width: 95%;
  margin-bottom: 5px;
}

/*Cookies*/
.uvr-authCK-tl1599-cookie-modal {
    position: fixed;
    z-index: 10000000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.3); 
}

#uvr-authCK-tl1599-cookie-modal {
    display: block;
}

#uvr-authCK-tl1599-cookie-preferences-modal {
    display: none;
}

.uvr-no-scroll {
    overflow: hidden!important;
    height: 100%!important;
}

.cookie-info {
    font-size: 13px;
    color: #333;
}

.uvr-authCK-cmc-yj72837 {
  height: 400px; 
  overflow-y: auto;
  overflow-x: auto;
  padding: 10px 15px; 
  width: 100%;
  margin-top: 20px;
}

.uvr-authCK-js837626 {
  border-bottom: 1px solid #dddfe2;
  margin-bottom: 15px;
}

.uvr-authCK-js837626:last-child {
  border-bottom: none!important;
}

.uvr-authCK-tl1599-cookie-modal-content {
    background-color: #fff;
    margin: 5% auto; 
    padding: 20px 15px;
    border: 1px solid #888;
    width: 100%;
    max-width: 710px; 
    border-radius: 3px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000!important;
}

.uvr-authCK-tl1599-cookie-modal-content h2 {
    margin-top: 0!important;
    font-size: 1.5rem!important;
    font-size: 1.5rem!important;
    font-weight: 700!important;
}

.uvr-authCK-tl1599-cookie-modal-content p {
    font-size: .9375rem!important;
    line-height: 1.3333!important;
    font-weight: 400!important;
    word-break: break-word!important;
}

.uvr-authCK-tl1599-cookie-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
}

.uvr-authCK-tl1599-btn {
    background-color: #007bff;
    border: none;
    color: white;
    padding: 6px 10px;
    margin: 5px;
    cursor: pointer;
    border-radius: 4px;
    font-family: Helvetica, Arial, sans-serif!important;
    font-size: 13px!important;
    font-weight: 700!important;
    width: 49%;
}

.uvr-authCK-tl1599-btn:hover {
  opacity: .9;
}

.uvr-authCK-tl1599-btn-accept {
    background-color: #81B6E3;
}

.uvr-authCK-tl1599-btn-decline {
    background-color: #EBEBEB;
    color: #000000;
}

.uvr-authCK-tl1599-btn-manage {
    background-color: #17a2b8;
}

.uvr-authCK-tl1599-btn-save {
    background-color: #28a745;
}

.uvr-authCK-tl1599-btn-cancel {
    background-color: #6c757d;
}

.uvr-authCK-tl1599-cookie-modal-content form label {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
    width: 100%;
    padding: 10px;
}

.uvr-authCK-tl1599-cookie-modal-content form label:hover {
    background-color: #EBEBEB!important;
}

.uvr-authCK-tl1599-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
  float: right;
}

.uvr-authCK-tl1599-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.uvr-authCK-tl1599-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 25px;
}

.uvr-authCK-tl1599-slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.uvr-authCK-tl1599-switch input:checked + .uvr-authCK-tl1599-slider {
  background-color: #2196F3;
}

.uvr-authCK-tl1599-switch input:checked + .uvr-authCK-tl1599-slider:before {
  transform: translateX(25px);
}
/*END COOKIES*/

.uvr-AuthCM-edit {
  color: #ffffff;
  padding: 15px;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500!important;
}

.uvr-meta-oa7394-header {
    background: linear-gradient(to right, #81B6E3, #0056b3);
    color: white;
    text-align: center;
    padding: 60px 20px;
}

.uvr-meta-oa7394-header h1 {
    font-size: 2.2rem!important;
    font-weight: bold!important;
}

.uvr-meta-header-p {
    font-size: 1.2rem!important;
    margin-bottom: 0!important;
}

.uvr-xp7286-promo {
  margin: 20px 0 !important;
  background: rgba(255, 255, 255, 0.2) !important;
  padding: 10px !important;
  border-radius: 5px !important;
  display: inline-block !important;
}

.uvr-xp7286-promo p {
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500!important;
}

.uvr-xp7286-timer-container {
  font-size: 1.1rem !important;
}

.uvr-xp7286-timer-title {
  font-size: 1rem !important;
  font-weight: bold !important;
}

.uvr-xp7286-timer {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 10px !important;
}

.uvr-xp7286-timer-box {
  background: #000000 !important;
  padding: 15px !important;
  border-radius: 5px !important;
  text-align: center !important;
  color: #ffffff !important;
  width: 80px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.uvr-xp7286-timer-box span {
  font-size: 1.8rem !important;
  font-weight: bold !important;
  display: block !important;
  font-family: "Roboto", sans-serif !important;
  color: #81B6E3!important;
}

.uvr-xp7286-timer-label {
  font-size: 15px !important;
  text-transform: uppercase !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  margin-bottom: 0!important;
}

.authMeta-camp-btn-one {
  width: auto!important;
  padding: 15px!important;
  color: #000000!important;
  background-color: #ffffff!important;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase!important;
  border: 2px solid #161616!important;
}
.authMeta-camp-btn-one:hover {
  background-color: #161616!important;
  border: 2px solid #ffffff!important;
  color: #ffffff!important;
}

.authMeta-camp-btn-two {
  width: auto!important;
  padding: 15px!important;
  color: #ffffff!important;
  background-color: #000000!important;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase!important;
  border: 2px solid #161616!important;
}
.authMeta-camp-btn-two:hover {
  background-color: #161616!important;
  border: 2px solid #ffffff!important;
}


.uvr-authMeta-why {
  padding: 60px 0!important;
}

.uvr-authMeta-why-right h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #ffffff!important;
  margin-bottom: 10px!important;
}

.uvr-authMeta-why-right p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #ddd!important;
  margin-bottom: 5px!important;
}

ul.uvr-meta-oa7394-benefits {
  list-style-type: none;
  margin: 25px;
  padding: 0;
}

.uvr-meta-oa7394-benefits li {
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px!important;
}

#aanvraag-form h2 {
  font-family: "Montserrat", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #81B6E3!important;
  margin-bottom: 25px!important;
  text-transform: uppercase!important;
  text-align: center!important;
}

.uvr-meta-oa7394-form-container {
  padding: 25px;
  background: #161616;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px!important;
}

.uvr-meta-oa7394-form-container h2 {
  font-size: 1.8rem!important;
  font-weight: bold!important;
  text-align: center!important;
  margin-bottom: 20px!important;
}

.uvr-meta-oa7394-form .form-control {
  border-radius: 4px;
  padding: 10px;
  font-size: 1rem;
}

.uvr-meta-oa7394-form .btn {
  background: #007bff;
  color: white;
  font-size: 1.1rem;
  padding: 10px 20px;
  border-radius: 4px;
  transition: background 0.3s ease;
}

.uvr-meta-oa7394-form .btn:hover {
  background: #0056b3;
}

.uvr-meta-oa7394-footer {
  background: #161616;
  color: white;
  padding: 20px 10px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
}

.authMeta-form-btn {
  width: 100%;
  padding: 15px!important;
  color: #ffffff!important;
  background-color: #81B6E3!important;
  font-family: "Roboto", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase!important;
  border: 1px solid #6ba6d8!important;
}
.authMeta-form-btn:hover {
  background-color: #6ba6d8!important;
}

.cookie-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: #5bbad5;
  border: none;
  border-radius: 50%;
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 99999;
  transition: background-color 0.3s ease;
}

.cookie-button:hover {
  background-color: #4298b5;
}

.cookie-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  padding: 20px;
  z-index: 10000000!important;
}

.hidden {
  display: none !important;
}

.uvr-authFS-kd2893-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 9999998!important;
}

.cookie-popup.hidden {
  display: none;
}

.cookie-popup-content {
  font-size: 14px;
  color: #333;
}

.cookie-popup h3 {
  margin-top: 0!important;
  font-size: 1.5rem!important;
  padding-top:10px!important;
  font-size: 1.5rem!important;
  font-weight: 700!important;
  color: #333!important;
}
.cookie-popup p {
  font-size: .9375rem!important;
  line-height: 1.3333!important;
  font-weight: 400!important;
  word-break: break-word!important;
  font-family: Helvetica, Arial, sans-serif!important;
}

.uvr-authCK-tl1599-cookie-form-page {
  font-size: 30px!important;
  line-height: 1.3333!important;
  font-weight: 400!important;
  word-break: break-word!important;
  font-family: Helvetica, Arial, sans-serif!important;
}

.uv-auth-ci {
  font-family: Helvetica, Arial, sans-serif!important;
  font-weight: 700!important;
  font-size: 14px!important;
}

.gd-636747 {
  padding: 0 10px!important;
}

.authHP-pd89652 {
  padding: 80px 0 !important;
  background-color: #121212 !important;
}

.authHP-bg27365 {
  background-color: #121212;
  margin-bottom: 35px !important;
  text-align: center !important;
}

.authHP-bg27365 h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700!important;
  font-size: 38px !important;
  color: #ffffff!important;
  margin-bottom: 10px!important;
}

.authHP-bg27365 p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500!important;
  font-size: 15px !important;
  color: #ddd!important;
  margin-bottom: 0!important;
}

.authHP-df94032 {
  display: flex;
  gap: 20px;
  padding: 20px;
  background-color: #121212;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #81B6E3 #121212;
}

.authHP-df94032::-webkit-scrollbar {
  height: 8px;
}

.authHP-df94032::-webkit-scrollbar-track {
  background: #121212;
}

.authHP-df94032::-webkit-scrollbar-thumb {
  background: #81B6E3;
  border-radius: 4px;
}

.authHP-fl72184 {
  flex: 0 0 350px;
  background-color: #161616;
  border-radius: 4px;
  margin: 10px 0;
  padding: 20px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.authHP-fl72184:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.authHP-fl72184 i {
  font-size: 48px !important;
  color: #81B6E3 ;
  margin-bottom: 10px;
}

.authHP-fl72184 h4 {
  font-family: "Poppins", system-ui !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #81B6E3 !important;
  margin: 10px 0!important;
}

.authHP-fl72184 p {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 400!important;
  font-size: 14px !important;
  color: #ddd!important;
  margin-bottom: 15px!important;
}

.authrsv-wdyw829 {
  background-color: #81B6E3!important;
  width: 100%!important;
  padding: 10px 20px!important;
  color: #ffffff!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700!important;
  font-size: 14px !important;
  border-radius: 3px;
  text-decoration: none!important;
  text-align: center;
  margin-top: 10px;
}

.authrsv-wdyw829:hover {
  background-color: #6fa7d0!important;
}

.authHP-games-list {
  justify-content: center;
  gap: 10px;
  margin: 15px 0;
  display:flex;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.authHP-game-item {
  width: 80px;
  height: 80px;
  object-fit: cover !important;
}

.authHP-game-item img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 5px!important;
}

.authHP-game-item-title {
  font-size: 12px;
  color: #ccc;
  font-family: "Open Sans", sans-serif !important;
  display:flex;
}

.authHP-package-details {
  margin-top: 15px;
  color: #aaa;
  font-size: 14px;
  text-align: center;
}

.uvrgp-hp62699103-container {
    padding: 80px 0;
    background: linear-gradient(135deg, #0a0a0a, #121212);
    position: relative;
    overflow: hidden;
}

.uvrgp-hp62699103-heading-area {
    text-align: center;
    margin-bottom: 35px;
}

.uvrgp-hp62699103-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 900;
    font-size: 42px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    position: relative;
}

.uvrgp-hp62699103-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background: #81B6E3;
    margin: 10px auto 0;
    border-radius: 2px;
    animation: uvrgp-hp62699103-glow 2s infinite alternate;
}

.uvrgp-hp62699103-subtitle {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #ddd;
    margin-bottom: 0;
}

.uvrgp-hp62699103-cards-scroller {
    display: flex;
    gap: 30px;
    padding: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #81B6E3 #121212;
    perspective: 1000px;
}

.uvrgp-hp62699103-cards-scroller::-webkit-scrollbar {
    height: 8px;
}

.uvrgp-hp62699103-cards-scroller::-webkit-scrollbar-track {
    background: #121212;
}

.uvrgp-hp62699103-cards-scroller::-webkit-scrollbar-thumb {
    background: #81B6E3;
    border-radius: 4px;
}

.uvrgp-hp62699103-card {
    flex: 0 0 300px;
    background: rgba(22, 22, 22, 0.8);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    position: relative;
    transform: rotateY(0deg) translateZ(0);
}

.uvrgp-hp62699103-card:hover {
    transform: rotateY(5deg) translateZ(20px);
    box-shadow: 0 0 10px #81B6E3;
}

.uvrgp-hp62699103-card-icon i {
    font-size: 50px;
    color: #81B6E3;
    margin-bottom: 10px;
    animation: uvrgp-hp62699103-rotate 4s linear infinite;
}

.uvrgp-hp62699103-card-title {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #81B6E3;
    margin: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
}

.uvrgp-hp62699103-card-description {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #ddd;
    margin-bottom: 15px;
    min-height: 40px;
    text-align: left;
    text-transform: none;
}

.uvrgp-hp62699103-games-list {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: 15px 0;
    overflow-x: auto;
    max-height: 120px; 
    scrollbar-width: thin;
    scrollbar-color: #81B6E3 #121212;
}

.uvrgp-hp62699103-games-list::-webkit-scrollbar {
    height: 6px;
}

.uvrgp-hp62699103-games-list::-webkit-scrollbar-track {
    background: #121212;
}

.uvrgp-hp62699103-games-list::-webkit-scrollbar-thumb {
    background: #81B6E3;
    border-radius: 4px;
}

.uvrgp-hp62699103-game-item {
    width: 80px;
    height: 80px;
    border: 2px solid #81B6E3;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
    flex-shrink: 0; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.uvrgp-hp62699103-game-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.uvrgp-hp62699103-game-item:hover {
    transform: scale(1.1);
}

.uvrgp-hp62699103-game-title {
    font-size: 13px;
    color: #ccc;
    font-family: "Open Sans", sans-serif;
    margin-top: 5px;
    text-align: center;
}

.uvrgp-hp62699103-no-games {
    color: #888;
    font-size: 13px;
    font-style: italic;
}

.uvrgp-hp62699103-package-details {
    margin-top: 15px;
    color: #aaa;
    font-size: 14px;
    text-align: left;
    font-family: "Open Sans", sans-serif;
}

.uvrgp-hp62699103-package-details p {
    margin: 5px 0;
}

.uvrgp-hp62699103-reserve-btn {
    display: inline-block;
    margin-top: 20px;
    background: #81B6E3;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 20px;
    border-radius: 3px;
    text-decoration: none;
    transition: background 0.3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.uvrgp-hp62699103-reserve-btn i {
    margin-right: 5px;
    color: #ffffff;
}

.uvrgp-hp62699103-reserve-btn:hover {
    background: #6fa7d0;
    box-shadow: 0 0 10px #81B6E3;
}

@keyframes uvrgp-hp62699103-glow {
    0% {
        box-shadow: 0 0 8px #81B6E3;
    }
    100% {
        box-shadow: 0 0 18px #81B6E3;
    }
}

@keyframes uvrgp-hp62699103-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.new-arrivals-section {
    padding: 40px 0;
    background-color: #000000;
}

.new-arrivals-header {
    text-align: center;
    margin-bottom: 35px;
}

.new-arrivals-header h1 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 38px !important;
    color: #ffffff !important;
    margin-bottom: 10px !important;
    text-transform: uppercase!important;
}

.new-arrivals-header p {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    color: #ddd!important;
    margin-bottom: 0!important;
}

.new-arrivals-container {
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #121212;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #81B6E3 #121212;
}

.new-arrivals-container::-webkit-scrollbar {
    height: 8px;
}

.new-arrivals-container::-webkit-scrollbar-track {
    background: #121212;
}

.new-arrivals-container::-webkit-scrollbar-thumb {
    background: #81B6E3;
    border-radius: 4px;
}

.new-arrival-card {
    background-color: #161616;
    border-radius: 4px;
    margin: 10px 0;
    text-align: left;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    width: 250px;
    flex: 0 0 250px;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.new-arrival-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

.new-arrival-card .poster-container {
    position: relative;
    width: 100%;
    height: 140px;
    overflow: hidden;
}

.new-arrival-card .poster-container img {
    width: 100%;
    height: auto;
    display: block;
}

.new-arrival-card .poster-container video {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: auto;
    display: none;
}

.new-arrival-card .info {
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.new-arrival-card h4 {
    font-family: "Poppins", system-ui !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #81B6E3 !important;
    margin: 0 0 10px;
}

.new-arrival-card p {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 400!important;
    font-size: 14px !important;
    color: #ddd!important;
    margin: 0 0 10px;
}

.new-arrival-card .details {
    font-size: 13px;
    color: #ccc;
    margin-bottom: 10px;
}

.new-arrival-card .btn-reserve {
    background-color: #81B6E3!important;
    width: 100%!important;
    padding: 10px 20px!important;
    color: #ffffff!important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700!important;
    font-size: 14px !important;
    border-radius: 3px;
    text-decoration: none!important;
    text-align: center;
}

.new-arrival-card .btn-reserve:hover {
    background-color: #6fa7d0!important;
}

.new-arrival-card .action-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: auto;
}

.new-arrival-card .action-buttons a.info-btn {
  background: none;
  border: none;
  color: #81B6E3;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-arrival-card .action-buttons a.info-btn:hover {
  color: #6fa7d0;
}

.authHP-jw7297-section {  
    margin-top: 50px;
    background: #000;
    padding: 20px 0;
    color: #fff;
    text-align: center;
}

.authHP-jw7297-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.authHP-jw7297-title {
font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 38px !important;
    color: #81B6E3 !important;
    margin-bottom: 25px !important;
    text-transform: uppercase!important;
}

.authHP-jw7297-hint {
    color: #ccc;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.authHP-jw7297-scroll-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; 
    padding-bottom: 10px;
}

.authHP-jw7297-grid {
    display: inline-flex;
    gap: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
}

.authHP-jw7297-item {
    background: #111;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    transition: background 0.3s ease;
    flex-shrink: 0;
    min-width: 180px;
    padding: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.authHP-jw7297-item:hover {
    background: #222;
    text-decoration: none;
    color: #ffffff!important;
}

.authHP-jw7297-icon {
    font-size: 3rem;
    margin-bottom: 10px;
    color: #81B6E3;
}

.authHP-jw7297-item-title {
    margin-bottom: 5px!important;
    text-transform: uppercase;
    color: #ffc426!important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px!important;
}

.authHP-jw7297-item p {
    margin: 0;
    font-family: "Roboto", sans-serif!important;
    font-weight: 500 !important;
    font-size: 14px !important;
}


.authHP-jw7297-scroll-wrapper::-webkit-scrollbar {
    height: 8px;
}

.authHP-jw7297-scroll-wrapper::-webkit-scrollbar-track {
    background: #333;
}

.authHP-jw7297-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #81B6E3;
    border-radius: 4px;
}

.authHP-jw3129-section {
    position: relative;
    background: #000; 
    color: #fff;
    padding: 60px 0;
    text-align: center;
    overflow: hidden;
}

.authHP-jw3129-overlay {
    position: relative;
    z-index: 2;
}

.authHP-jw3129-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.authHP-jw3129-content-wrap {
    background: rgba(17,17,17,0.8); 
    padding: 40px;
    border-radius: 5px;
}

.authHP-jw3129-heading h2 {
    font-size: 2rem;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #81B6E3; 
}

.authHP-jw3129-heading h3 {
    font-size: 1.4rem;
    margin-bottom: 30px;
    font-weight: normal;
    color: #ffffff;
}

.authHP-jw3129-text p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #eee; 
}

.authHP-jw3129-text p strong {
    color: #ffc426; 
    font-weight: bold;
}

.authHP-dw92098-action-packages-section {
    background: #0c0c0c;
    padding: 60px 0;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}


.authHP-dw92098-heading {
    font-size: 2.2rem;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.5px;
    display: inline-block;
    color: #81b6e3!important;
}

.authHP-dw92098-heading .authHP-dw92098-highlight {
    background: none;
    color: #ffc426;
    text-transform: none;
    font-weight: 700;
}

.authHP-dw92098-description {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 50px;
    color: #ccc;
    text-align: center;
}

.authHP-dw92098-card {
    background: #1a1a1a;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    padding: 25px 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    height: 100%;
}

.authHP-dw92098-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.4);
}

a.authHP-dw92098-card {
    text-decoration: none!important;
}

a:hover.authHP-dw92098-card {
    text-decoration: none!important;
}

.authHP-dw92098-ribbon {
    position: absolute;
    top: 15px;
    left: -35px;
    background: #ffc426;
    color: #000;
    padding: 5px 45px;
    transform: rotate(-45deg);
    font-weight: 700;
    font-size: 0.9rem;
}

.authHP-dw92098-icon-container {
    background: #81b6e3;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.authHP-dw92098-icon-container i {
    font-size: 2rem;
    color: #fff!important;
}

.authHP-dw92098-title {
    font-size: 1.2rem;
    margin: 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 50px;
}

.authHP-dw92098-old-price {
    text-decoration: line-through;
    color: #81b6e3;
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1.3;
}

.authHP-dw92098-new-price {
    font-size: 1.3rem;
    font-weight: 900;
    color: #ffc426;
    margin-bottom: 15px;
}

.authHP-dw92098-new-price small {
    font-size: 0.9rem;
    color: #ccc;
    font-weight: 400;
    margin-left: 5px;
}

.authHP-dw92098-desc {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #ccc;
    margin-bottom: 20px;
    flex: 1; 
}

.authHP-dw92098-cta {
    width: 50px;
    height: 50px;
    background: #81b6e3;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.3s ease;
    position: relative;
    cursor: pointer;
    margin-top: auto;
}

.authHP-dw92098-cta:hover {
    background: #ffc426;
}

.authHP-dw92098-arrow {
    font-size: 1.2rem;
    color: #000;
    transition: transform 0.3s ease;
    font-weight: bold;
}

.authHP-dw92098-cta:hover .authHP-dw92098-arrow {
    transform: translateX(3px);
}

.cp-cp-msg {
     font-family: "Roboto", sans-serif!important;
      font-weight: 400 !important;
      font-size: 13px !important;
      margin-bottom: 0!important;
}

.uvrGC-yw6388-intro h2 {
    color: #81B6E3;
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.uvrGC-yw6388-intro p, 
.uvrGC-yw6388-intro .contact-info p {
    color: #ffffff;
    font-size: 1.1em;
    line-height: 1.5em;
}

.uvrGC-yw6388-main-container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.uvrGC-yw6388-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-top: 40px;
}

.uvrGC-yw6388-card-wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 30px;
}

.uvrGC-yw6388-card {
    background: linear-gradient(135deg, #08101A 0%, #0F1A2A 100%);
    border: 2px solid #81B6E3;
    border-radius: 10px;
    padding: 30px 20px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 20px rgba(129,182,227,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 350px;
}

.uvrGC-yw6388-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 30px rgba(129,182,227,0.6);
}

.uvrGC-yw6388-title {
    font-size: 1.8em;
    font-weight: 600;
    color: #81B6E3;
    margin-bottom: 15px;
    text-shadow: 0 0 5px rgba(129,182,227,0.8);
}

.uvrGC-yw6388-description {
    font-size: 1.1em;
    color: #cfcfcf;
    margin-bottom: 20px;
    line-height: 1.4em;
}

.uvrGC-yw6388-price {
    font-size: 1.4em;
    font-weight: bold;
    color: #81B6E3;
    margin-bottom: 25px;
    text-shadow: 0 0 5px rgba(129,182,227,0.8);
}

.uvrGC-yw6388-button {
    background: #81B6E3;
    color: #000000;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.3s ease;
    box-shadow: 0 0 10px rgba(129,182,227,0.5);
}

.uvrGC-yw6388-button:hover {
    background: #66a5d8;
    transform: scale(1.05);
}

.uvrGC-yw6388-info-container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.uvrGC-yw6388-info-content {
    text-align: center;
    color: #fff;
}

.uvrGC-yw6388-info-content h2 {
    color: #81B6E3;
    font-size: 2.2em;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
    text-shadow: 0 0 10px rgba(129,182,227,0.8);
}

.uvrGC-yw6388-info-desc {
    font-size: 1.2em;
    line-height: 1.6em;
    color: #cfcfcf;
    max-width: 600px;
    margin: 0 auto 20px auto;
}

.uvrGC-yw6388-info-price {
    font-size: 1.6em;
    font-weight: 600;
    color: #81B6E3;
    margin-bottom: 40px;
    text-shadow: 0 0 5px rgba(129,182,227,0.8);
}

.uvrGC-yw6388-info-form {
    max-width: 500px;
    margin: 0 auto;
    background: linear-gradient(135deg, #08101A 0%, #0F1A2A 100%);
    border: 2px solid #81B6E3;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(129,182,227,0.3);
}

.uvrGC-yw6388-info-form .form-group {
    margin-bottom: 20px;
}

.uvrGC-yw6388-info-form label {
    display: block;
    font-size: 1em;
    font-weight: 600;
    color: #81B6E3;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.uvrGC-yw6388-info-form input[type="text"],
.uvrGC-yw6388-info-form input[type="email"],
.uvrGC-yw6388-info-form textarea {
    background: #000000;
    color: #ffffff;
    border: 1px solid #81B6E3;
    border-radius: 5px;
    width: 100%;
    padding: 10px;
}

.uvrGC-yw6388-info-form input[type="text"]:focus,
.uvrGC-yw6388-info-form input[type="email"]:focus,
.uvrGC-yw6388-info-form textarea:focus {
    outline: none;
    border-color: #66a5d8;
    box-shadow: 0 0 10px rgba(129,182,227,0.5);
}

.uvrGC-yw6388-info-form .uvrGC-yw6388-button {
    display: inline-block;
    margin-top: 20px;
    background: #81B6E3;
    color: #000000;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.3s ease;
    box-shadow: 0 0 10px rgba(129,182,227,0.5);
}

.uvrGC-yw6388-info-form .uvrGC-yw6388-button:hover {
    background: #66a5d8;
    transform: scale(1.05);
}

.uvrGC-confirmation-container {
    margin-top: 60px;
    margin-bottom: 60px;
}
.uvrGC-confirmation-box {
    background: linear-gradient(135deg, #08101A 0%, #0F1A2A 100%);
    border: 2px solid #81B6E3;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(129,182,227,0.3);
}
.uvrGC-confirmation-box h2 {
    font-size: 2em;
    font-weight: 600;
    color: #81B6E3;
    margin-bottom: 20px;
    text-shadow: 0 0 10px rgba(129,182,227,0.8);
}
.uvrGC-confirmation-box p {
    font-size: 1.2em;
    line-height: 1.5;
    color: #cfcfcf;
    margin-bottom: 20px;
}
.uvrGC-confirmation-box .uvrGC-details {
    margin-top: 30px;
    text-align: left;
    color: #ffffff;
}
.uvrGC-confirmation-box .uvrGC-details strong {
    color: #81B6E3;
}
.uvrGC-confirmation-box a.uvrGC-button {
    display: inline-block;
    margin-top: 30px;
    background: #81B6E3;
    color: #000000;
    border: none;
    padding: 12px 30px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: background 0.3s ease, transform 0.3s ease;
    text-decoration: none;
}
.uvrGC-confirmation-box a.uvrGC-button:hover {
    background: #66a5d8;
    transform: scale(1.05);
}

.hdyw-hd7787 {
  margin-top: 25px!important;
  width: 100%!important;
  max-width: 100%!important;
  text-align: center!important;
}

.hdyw-hd7787 h2 {
  font-family: "Montserrat", sans-serif !important;
   font-weight: 700 !important;
   color: #81B6E3  !important;
   font-size: 26px !important;
   text-transform: uppercase;
}

.uvr-jx89027664-container {
    background: #111;
    padding: 25px!important;
    color: #fff;
    width: 800px!important;
    max-width: 800px!important;
}
.uvr-jx89027664-container p {
    font-family: "Open Sans", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px!important;
    line-height: 1.6!important;
}
.uvr-jx89027664-games-list img {
    width: 100px;
    height:100px;
    object-fit: cover;
    margin-right: 10px;
}
.uvr-jx89027664-step-title {
    font-size: 24px;
    color: #81B6E3;
    margin-bottom: 20px;
    font-weight: 700!important;
}
.uvr-jx89027664-btn {
    background: #81B6E3;
    color: #fff;
    border: none;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 20px;
}
.uvr-jx89027664-btn:hover {
    background: #61a0c9;
}
.uvr-jx89027664-game-item {
    margin-bottom: 25px;
    display: inline-block;
    margin-right: 25px;
}
.uvr-jx89027664-game-item span {
    font-family: "Roboto", sans-serif!important;
    font-weight: 700!important;
    font-size: 13px!important;
}

.uvr-jm976789-addon-wrapper {
    margin-bottom: 15px;
    border-bottom: 1px solid #444;
    padding-bottom: 10px;
}
.uvr-jm976789-addon-label {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
}
.uvr-jm976789-addon-input {
    margin-right: 10px;
    transform: scale(1.2);
}
.uvr-jm976789-addon-price {
    color: #81B6E3;
    font-weight: 700;
    margin-left: 5px;
}
.uvr-jm976789-overview-header {
    font-size: 24px;
    color: #81B6E3;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700;
}

.uvr-jm976789-overview-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
    justify-content: center;
}

.uvr-jm976789-overview-card {
    background: #1a1a1a;
    border: 1px solid #444;
    border-radius: 5px;
    flex: 1 1 300px;
    width: 500px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
}

.uvr-jm976789-overview-card-header {
    background: #222;
    padding: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #81B6E3;
    border-bottom: 1px solid #333;
}

.uvr-jm976789-overview-card-body {
    padding: 15px;
    font-size: 14px;
    color: #fff;
}

.uvr-jm976789-price-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.uvr-jm976789-addons-list {
    margin-top: 10px;
}

.uvr-jm976789-addon-item {
    border-bottom: 1px dashed #444;
    padding: 5px 0;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.uvr-jm976789-addon-item:last-child {
  border-bottom: 1px solid transparent!important;
}

.uvr-jm976789-hr {
    border: none;
    border-bottom: 1px solid #444;
    margin: 20px 0;
}

.uvr-jm976789-price-total {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 700;
    color: #81B6E3;
}

.uvr-jm976789-form-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.uvr-jm976789-btn-back {
    background: #333 !important;
}

.uvr-jm976789-btn-pay {
    background: #81B6E3 !important;
    color: #fff !important;
}

.uvr-xu367487-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.uvr-xu367487-popup-content {
    background: #000000;
    border: 3px solid #81B6E3;
    padding: 35px;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    color: #f2f2f2;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-bottom: 0!important;
}

.uvr-xu367487-close-btn {
    position: absolute;
    top: -15px;
    right: 10px;
    font-size: 58px;
    color: #f63232;
    cursor: pointer;
    transition: .1s;
    z-index: 10;
}

.uvr-xu367487-close-btn:hover {
  color: #d90101!important;
}

.uvr-xu367487-title {
    font-family: 'Montserrat', sans-serif!important;
    font-weight: 700!important;
    font-size: 22px !important;
    margin-bottom: 5px !important;
    color: #81B6E3 !important;
    width: 98% !important;
    text-align: center;
}

.uvr-xu367487-scrollable {
    overflow-y: auto;
    max-height: 70vh; 
    padding-right: 10px;
    pointer-events: auto;
    z-index: 3;
}
.uvr-xu367487-scrollable::-webkit-scrollbar {
    display: none; 
}

.uvr-xu367487-popup-content a {
  color: #81B6E3;
  text-decoration: none;
}

.uvr-xu367487-popup-content a:hover {
  color: #81B6E3;
  text-decoration: underline;
}

.uvr-xu367487-paragraph {
    font-family: "Roboto", sans-serif!important;
    font-weight: 500!important;
    font-size: 15px!important;
    line-height: 1.5!important;
    color: #ddd !important;
    margin-bottom: 5px!important;
}

.uvr-xu367487-subtitle {
    color: #81B6E3;
    font-size: 18px;
    margin: 20px 0 10px 0;
    text-align: center;
    font-family: 'Montserrat', sans-serif!important;
    font-weight:700!important;
    margin-top: 15px!important;
}

.uvr-xu367487-timeline {
    list-style: none;
    padding: 40px 0;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.uvr-xu367487-timeline:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #81B6E3;
    transform: translateX(-50%);
}

.uvr-xu367487-timeline li {
    position: relative;
    width: 100%;
    min-height: 50px;
    margin-bottom: 40px;
}

.uvr-xu367487-dot {
    position: absolute;
    top: 0;
    left: 50%;
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 2px #81B6E3;
    transform: translateX(-50%);
    z-index: 2;
}

.uvr-xu367487-timeline-content {
    background: #111;
    border: 2px solid #81B6E3;
    border-radius: 4px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    position: absolute;
    width: 45%;
}

.uvr-xu367487-timeline li:nth-child(odd) .uvr-xu367487-timeline-content {
    right: 55%;
    text-align: right;
}

.uvr-xu367487-timeline li:nth-child(even) .uvr-xu367487-timeline-content {
    left: 55%;
    text-align: left;
}

.uvr-xu367487-date {
    font-weight: bold;
    color: #81B6E3;
    margin-right: 5px;
}

.uvr-xu367487-balloon-container {
    position: absolute;
    width: 100%;
    height: 100%; 
    overflow: hidden;
    top: 0;
    left: 0;
    pointer-events: none; 
    z-index: 2;
}

.uvr-xu367487-balloon {
    position: absolute;
    bottom: -60px;
    width: 30px;
    height: 40px;
    border-radius: 50%;
    background: radial-gradient(circle at bottom, #81B6E3, #3A82EE);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    pointer-events: auto;
    cursor: pointer;
    animation: floatUp linear forwards;
}

@keyframes floatUp {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
    50% {
        transform: translateY(-50vh) scale(1.2);
        opacity: 0.8;
    }
    100% {
        transform: translateY(-100vh) scale(1);
        opacity: 0;
    }
}


.uvr-xu367487-confetti {
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.9);
    animation: fall linear forwards;
    z-index: 3;
    opacity: 1;
}


@keyframes fall {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    50% {
        transform: translateY(50vh) rotate(180deg);
        opacity: 0.8;
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
        opacity: 0;
    }
}
.uvr-xu367487-score {
   border-radius: 1px;
    padding: 6px 15px;
    font-size: 18px;
    background: #81B6E3;
    color: #ffffff;
    text-align: left;
    margin:0 0;
    font-weight: bold;
    opacity: 1;
    display: block; 
    margin-top: 5px!important;
    margin-bottom: 15px!important;
    position: sticky;
    bottom: 0;
    left: 0;
}

.uvr-xu367487-gift-card {
    background: #000;
    border: 2px solid #81B6E3;
    padding: 20px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
#scoreTonen {
  float: right;
  color: #ffffff;
}

.uvrgp-gp73783-addon-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1b1b1b;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 12px 15px;
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.uvrgp-gp73783-addon-wrapper:hover {
    box-shadow: 0 4px 10px rgba(129,182,227,0.2);
    background-color: #222;
}

.uvrgp-gp73783-addon-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 0!important;
}

.uvrgp-gp73783-addon-checkbox {
    margin-right: 12px;
    accent-color: #81B6E3;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.uvrgp-gp73783-addon-name {
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    margin-right: 10px;
}

.uvrgp-gp73783-addon-price {
    font-size: 14px;
    font-weight: 400;
    color: #81B6E3;
    background-color: rgba(129,182,227,0.15);
    padding: 4px 8px;
    border-radius: 4px;
}

.uvrgp-gp73783-addon-description {
    color: #ffffff!important;
    margin-bottom: 0!important;
    margin-top:0!important;
    background-color: #1b1b1b;
    border: 1px solid #333;
    margin-bottom: 25px!important;
    border-radius: 2px;
    padding: 15px;
}

.uvrgp-gp73783-addon-description p {
  margin-bottom: 0!important;
  color: #ffffff!important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px!important;
  font-weight: 400!important;
  max-width: 97%!important;
}

.uvrgp-gp73783-addon-quantity-input {
    width: 70px;
    font-size: 14px;
    padding: 6px;
    text-align: center;
    border: 1px solid #555;
    background-color: #111;
    border-radius: 4px;
    color: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    outline: none;
}

.uvrgp-gp73783-addon-quantity-input:hover {
    border-color: #81B6E3;
}

.uvrgp-gp73783-addon-quantity-input:focus {
    border-color: #81B6E3;
    box-shadow: 0 0 6px rgba(129,182,227,0.7);
}

.btnct-xt738166 {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 10px !important;
}

.uvp-s78398 {
  width:100%; 
  display:inline-block;
  height: 35px;
  background-color: #000000;
  border: 1px solid #161616;
  padding: 8px;
  color: #ffffff;
  border-radius: 3px;
  font-weight: bold;
  font-size: 13px;
}

.uvrgp-iu8361187-scroll-container {
    height: 400px;  
    overflow-y: auto; 
    border: 1px solid #161616;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.uvrgp-hp62699103-heading-area {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uvrgp-hp62699103-arrow-buttons {
    position: relative;
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.uvrgp-hp62699103-arrow-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #81B6E3;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px #81B6E3;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.uvrgp-hp62699103-arrow-btn:hover {
    background: #6fa7d0;
    box-shadow: 0 0 10px #81B6E3;
}

.uvrgp-hp62699103-arrow-left i,
.uvrgp-hp62699103-arrow-right i {
    pointer-events: none;
}

.href-white {
  color: #ffffff!important;
}

.authHP-jw7297-arrow-buttons {
    display: flex;
    align-items: center;
    justify-content: center; 
    gap: 10px; 
    margin-bottom: 10px; 
}

.authHP-jw7297-arrow-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffc426;  
    border: none;
    cursor: pointer;
    color: #000; 
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.authHP-jw7297-arrow-btn:focus {
    outline: none; 
}

.authHP-jw7297-arrow-btn i {
    pointer-events: none;
}

.na-hp-arrow-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}

.na-hp-arrow-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffc426;
    border: none;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.na-hp-arrow-btn i {
    pointer-events: none;
}

.cs-hp-arrow-buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
}

.cs-hp-arrow-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffc426;
    border: none;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cs-hp-arrow-btn i {
    pointer-events: none;
}

.claptrap {
  width: 340px;
}

.uvr-lvc8379427-chat-button {
    position: fixed;
    bottom: 18px; 
    left: 15px;   
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #81B6E3;
    border: 2px solid #000000;
    cursor: pointer;
    z-index: 9999999;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.uvr-lvc8379427-chat-button img {
    width: 40px; 
    height: auto;
}
.uvr-lvc8379427-chat-button:hover {
    background-color: #ffc426;
}

.uvr-lvc8379427-chat-overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 99998;
}

.uvr-lvc8379427-chat-popup {
    position: fixed;
    bottom: 25px; 
    right: 30px;
    width: 95%;
    height: 95%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    display: none;
    z-index: 99999999;
    overflow: hidden;
    flex-direction: column;
}
.uvr-lvc8379427-chat-header {
    background: #81B6E3;
    padding: 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.uvr-lvc8379427-chat-close {
    position: absolute;
    top: -15px;
    right: 10px;
    background: none;
    border: none;
    color: #ff4b4b!important;
    font-size: 48px!important;
    font-weight: bold!important;
    cursor: pointer;
    transition: .1s;
}

.uvr-lvc8379427-chat-close:hover {
  color: #f93434;
}

.uvr-lvc8379427-chat-body {
    flex: 1;
    background: #f9f9f9;
    overflow-y: auto;
    padding: 10px;
}
.uvr-lvc8379427-chat-footer {
    background: #eee;
    padding: 8px;
    display: flex;
}
.uvr-lvc8379427-chat-input {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 6px;
}
.uvr-lvc8379427-chat-send {
    background: #81B6E3;
    border: none;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    margin-left: 6px;
    cursor: pointer;
}
.uvr-lvc8379427-chat-send:hover {
    background: #3A82EE;
}

/*NEW QUICK PLAY RESERVERINGSSYSTEEM CONCEPT STYLE*/

.uvr-ctrv-p263662881 {
  width: 100%;
  max-width: 100%;
  padding: 80px 0;
  position: relative;
  background-color: #81B6E3;
}

.uvr-ctrv-p263662881 h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 38px !important;
  color: #ffffff  !important;
  margin-bottom: 10px !important;
  text-transform: uppercase!important;
}

.uvr-ctrv-p263662881::before {
    content: "";
    position: absolute;
    top: 10px;
    right: 20px;
    width: 260px;
    height: 260px;
    background-image: url('/images/uploads/mad_robber.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.uvr-ctrv-p263662881::after {
    content: "";
    position: absolute;
    top: 15px;
    left: 20px;
    width: 260px;
    height: 260px;
    background-image: url('/images/uploads/mad_robber_two.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.uvr-ctrv-u73688628 {
  width: 100%;
  margin: 0 auto;
  background-color: #101010;
  padding: 30px;
  border-radius: 2px;
  border: 1px solid #161616;
  color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  margin-bottom: 45px;
  border-top:12px solid #81B6E3;
  margin-top:-5px!important;
}
.uvr-ctrv-u73688628 h3 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #81B6E3 !important;
}

.uvr-ctrv-u73688628 p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.5!important;
  color: #ddd!important;
  margin-bottom: 7px!important;;
}

.uvr-uvcp-it257848962-scrollarea {
  max-height: 350px !important;
  overflow-y: auto !important;
  background: transparent !important;
  margin: 20px 0 !important;
  width: 100%!important;
  border: 2px solid #282828!important;
  border-radius: 3px!important;
  padding: 15px!important;
}

.uvr-uvcp-it257848962-gameitem {
  display: flex;
  align-items: flex-start !important;
  margin-bottom: 20px !important;
}

.uvr-game-poster-wrapper {
  position: relative;
}

.uvr-uvcp-it257848962-img {
  width: 120px !important;
  height: 120px !important;
  object-fit: cover !important;
  border-radius: 0px !important;
  display: block;
}

.uvr-checkbox-overlay {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
}
.uvr-checkbox-overlay input[type="checkbox"] {
  transform: scale(1.2);
  cursor: pointer;
}

.uvr-rsv6259766339-kijkwijzer-icons {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
}

.uvr-rsv6259766339-kijkwijzer-icons img {
  width: 22px;
  height: auto;
  margin-left: -2px;
}

.plyt-pt862653381 {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 2;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700!important;
  font-size: 12px!important;
  background: rgba(0,0,0,0.6);
  border-radius: 4px;
  padding: 4px;
}

.uvr-poster-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; 
  transition: opacity 0.3s ease;
}

.uvr-game-poster-wrapper:hover .uvr-poster-overlay {
  background-color: rgba(0,0,0,0.3);
  opacity: 1;
}

.uvr-play-button {
  font-size: 28px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

.uvr-play-button i {
  pointer-events: none;
}

.uvr-uvcp-it257848962-info {
  flex: 1 !important;
  background: #000000 !important;
  padding: 10px !important;
  border-radius: 0px !important;
  height: 120px;
}

.uvr-uvcp-it257848962-info h2 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #81B6E3  !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}
.uvr-uvcp-it257848962-info p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #ffffff  !important;
  margin-bottom: 8px !important;
}

.uvr-choose-or-quantity {
  margin-top: 10px;
}
.uvr-kies-label {
  color: #ffffff!important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px!important;
  margin-right: 10px;
  cursor: default;
}

.uvr-info-button {
  background: transparent;
  border: none;
  color: #81B6E3;
  padding: 5px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  text-transform: uppercase;
}

.uvr-uvcp-it257848962-stickyprice {
  position: fixed !important;
  bottom: 12px !important;
  right: 15px!important;
  background: #fff !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
  z-index: 9999 !important;
}
.uvr-uvcp-it257848962-priceinner {
  font-size: 14px !important;
  color: #000 !important;
  text-align: right !important;
}
.uvr-uvcp-it257848962-stickyprice p {
  margin: 0 !important;
  font-weight: bold !important;
}

.uvr-uvcp-it257848962-scrollarea::-webkit-scrollbar {
  width: 6px !important;
}
.uvr-uvcp-it257848962-scrollarea::-webkit-scrollbar-track {
  background: rgba(0,0,0,0.1) !important;
}
.uvr-uvcp-it257848962-scrollarea::-webkit-scrollbar-thumb {
  background: #999 !important;
  border-radius: 3px !important;
}

.uvr-gt377286628-modal {
  z-index: 99999999!important; 
  margin-top: 200px!important;
}
.uvr-gt377286628-dialog {
  max-width: 800px!important;
  width: 100%!important; 
  margin: 0 auto!important; 
}
.uvr-gt377286628-content {
  background-color: #000!important; 
}
.uvr-gt377286628-header {
  border-bottom: 1px solid #333!important;
}
.uvr-gt377286628-title {
  color: #fff!important;
  font-size: 18px!important;
}
.uvr-gt377286628-close span {
  color: #fff!important;
  font-size: 26px!important;
}
.uvr-gt377286628-body {
  position: relative!important;
  padding: 0!important;
}
.uvr-play-button {
  font-size: 28px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
}

.uvr-play-button i {
  pointer-events: none;
}
.uvbct-ct6378994 {
  display: flex;
  justify-content: space-between; 
}
.uvbct-ct6378994-next {
  background-color: #75a9d5 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: bold !important;
  padding: 10px 20px !important;
  width: 200px;
}
.uvbct-ct6378994-next:hover {
  background-color: #81B6E3!important;
  color: #ffffff!important;
}
.uvbct-ct6378994-return {
  background-color: #f64545 !important;
  color: #ffffff !important;
  border: none !important;
  font-weight: bold !important;
  padding: 10px 20px !important;
  width: 200px;
  display: block; 
}
.uvbct-ct6378994-return:hover {
  background-color: #f03535!important;
  color: #ffffff!important;
}
.uvr-ind73684839-wrapper {
  display: flex;
  justify-content: space-around;
  margin-top:60px;
  margin-bottom: 30px;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 500!important;
  font-size: 14px!important;
  border: 1px solid #81B6E3 !important;
  border-radius: 1px!important;
}
.uvr-ind73684839-step {
  flex: 1;
  text-align: center;
  font-weight: 600;
  color: #777;
  font-family: "Roboto", sans-serif!important;
  font-weight: 500!important;
  position: relative;
  font-size: 14px;
  background-color: #121212!important;
  padding: 12px!important;
}
.uvr-ind73684839-step-span {
  display: inline-block;
  background: #222;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  margin-right: 6px;
}
.uvr-ind73684839-active {
  color: #81B6E3;
}
.uvr-ind73684839-active span {
  background: #81B6E3;
  color: #fff;
}
.numpsn-field36829973 {
  width: 100%!important;
  padding: 12px!important;
  height: 45px!important;
  border-radius:2px!important;
  border: 1px solid #dddfe2!important;
  color: #161616!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

#pfjuywi9 {
  border: 1px solid #81B6E3!important;
}

.uvr-quantity-input {
  width: 60px!important;
  padding: 6px!important;
  height: 25px!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-top: -2px!important;
  background-color: #121212!important;
  color: #ffffff!important;
  border:1px solid #161616!important;
  border-radius: 3px!important;
}

.mb-disp-none-x25578 {
  background-color: transparent!important;
  color: #ddd!important;
}

.uvr-ind73684839-active .mb-disp-none-x25578 {
  background-color: transparent!important;
  color: #81B6E3!important;
}
.class-7746773 {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  word-break: break-word !important;
  hyphens: auto !important;
}

.uvr-flt734726381-wrapper {
  background: #111;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #444;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

.uvr-flt734726381-cat-toggle {
  background: #ffc426;
  color: #161616;
  border: 1px solid #fdba07;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}

.uvr-flt734726381-cat-toggle:hover {
  background: #fdba07;
}

.uvr-flt734726381-cat-checkboxes {
  background: #121212;
  padding: 15px;
  border: 1px solid #444;
  border-radius: 4px;
  max-width: 100%;
  display: none; 
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
}

.uvr-flt734726381-label {
  display: inline-block;
  margin-right: 15px;
  color: #eee;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 0;
}

.uvr-flt734726381-label input[type="checkbox"] {
  margin-right: 4px;
  transform: scale(1.1);
  cursor: pointer;
}

.uvr-flt734726381-xp-filter,
.uvr-flt734726381-price-sort {
  display: inline-block;
}

.uvr-flt734726381-xp-filter select,
.uvr-flt734726381-price-sort select {
  background: #222;
  color: #fff;
  border: 1px solid #444;
  padding: 7px 10px;
  border-radius: 4px;
}

.uvr-flt734726381-filter-button {
  background: #75a9d5;
  color: #fff;
  padding: 6px 12px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}

.uvr-flt734726381-filter-button:hover {
  background: #81B6E3;
}

.uvr-ul626378492-timeslot-container {
  margin-top: 20px;
  margin-bottom: 20px;
}

.uvr-ul626378492-timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.uvr-ul626378492-timelabel {
  background: #121212;
  color: #ddd;
  padding: 5px 12px;
  border-radius: 1px;
  cursor: pointer;
  font-family: "Arial", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border:1px solid #161616;
}

.uvr-ul626378492-timelabel input {
  margin-right: 5px;
}

.uvr-ul626378492-timelabel:hover {
  background: #000000;
}

.uvr-hl3872638492-scrollwrap {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background: #222;
  padding: 10px;
  border-radius: 1px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.uvr-hl3872638492-inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.uvr-hl3872638492-item {
  position: relative;
  background: #121212;
  padding: 25px;
  border-radius: 4px;
  box-sizing: border-box;
}

.uvr-hl3872638492-item h4 {
  color: #81B6E3!important;
  margin-bottom: 10px!important;
  font-family: "Roboto", sans-serif!important;
  font-weight: 700 !important;
  font-size: 16px!important;
}

.uvr-hl3872638492-item p {
  color: #ccc;
  max-width: 95%;
  margin-bottom: 0!important;
}

.uvr-hl3872638492-checkbox {
  position: absolute;
  top: -2px;
  left: 0px;
}

.uvr-hl3872638492-checkbox input[type="checkbox"] {
  transform: scale(1.8);
}

.uvr-hl3872638492-qty label {
  color: #fff;
}

.uvr-hl3872638492-qty-wrapper input[type="number"] {
  padding: 5px;
  width: 60px;
  background: #000;
  color: #fff;
  border: 1px solid #121212;
  border-radius: 5px;
  text-align: center;
  font-family: "Arial", sans-serif!important;
  font-weight: 700 !important;
  font-size: 14px!important;
}

.uvr-xy637382 {
  position: absolute!important;
  bottom: 0px!important;
  right: 15px!important;
}

.uvr-hl3872638492-qty-wrapper {
  position: absolute;
  left: 25px;
  top: -8px!important;
}


.uvr-dge737847352-mainbox {
  display: flex;
  flex-wrap: wrap;
}

.uvr-dge737847352-leftcol {
  flex: 1 1 60%;
}

.uvr-dge737847352-rightcol {
  flex: 1 1 40%;
  padding: 25px;
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
}

.uvr-dge737847352-section {
  margin-bottom: 20px;
}

.uvr-dge737847352-section-title {
  font-weight: 700!important;
  font-size: 16px!important;
  margin-bottom: 6px!important;
  text-transform: uppercase!important;
}

.uvr-dge737847352-datetime,
.uvr-dge737847352-games,
.uvr-dge737847352-extras,
.uvr-dge737847352-arr-overview,
.uvr-dge737847352-customer {
  border: 1px solid #555;
  padding: 10px;
  border-radius: 5px;
  min-height: 40px;
}

.uvr-dge737847352-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.uvr-dge737847352-table th {
  text-align: left;
  font-weight: bold;
  padding: 4px 6px;
  width: 40%;
}

.uvr-dge737847352-table td {
  padding: 4px 6px;
  vertical-align: top;
}

.uvr-dge737847352-gameitem {
  margin-bottom: 6px;
}

.uvr-dge737847352-extraitem {
  margin-bottom: 4px;
}

.uvr-dge737847352-totalbox {
  border: 1px solid #555;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
}

.uvr-dge737847352-total-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.uvr-dge737847352-total-amount {
  font-size: 2rem;
  color: #ffc426;
  font-weight: bold;
}

.uvr-dge737847352-total-overview table {
  margin-bottom: 10px;
}
.uvr-gc3116628-section {
  margin-top: 10px;
  border: 1px solid #555;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}
.uvr-gc3116628-title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #ffc426;
  text-transform: uppercase;
}
.uvr-gc3116628-input-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.uvr-gc3116628-input {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-right: none;
  outline: none;
  width: 60%;
  max-width: 200px;
  border-radius: 5px 0 0 5px;
}
.uvr-gc3116628-btn {
  background-color: #81B6E3;
  border: 1px solid #81B6E3;
  color: #fff;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}
.uvr-gc3116628-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.uvr-gc3116628-message {
  font-size: 0.9rem;
  margin-top: 5px;
}
.uvr-dct3116628-discount-section {
  margin-top: 20px;
  border: 1px solid #555;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 25px;
}

.uvr-dct3116628-title {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 10px;
  color: #ffc426;
  text-transform: uppercase;
}

.uvr-dct3116628-input-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.uvr-dct3116628-input {
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-right: none;
  outline: none;
  width: 60%;
  max-width: 200px;
  border-radius: 5px 0 0 5px;
}

.uvr-dct3116628-btn {
  background-color: #81B6E3;
  border: 1px solid #81B6E3;
  color: #fff;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}

.uvr-dct3116628-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.uvr-dct3116628-message {
  font-size: 0.9rem;
  margin-top: 5px;
}

/*END NIEUWE QUICK PLAY RESERVERINGS CONCEPT STYLE*/

/*PAKKETTEN Nieuwe versie by CAM*/
.uvr-pkt5302981509-hero {
     position: relative;
    background: radial-gradient(ellipse at center, #111 0%, #000 100%);
    padding: 100px 20px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    margin-bottom: 40px;
    border-bottom: 1px solid #81B6E3;
}

.uvr-pkt5302981509-hero-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 180deg at 50% 50%, rgba(107, 89, 253, 0.1), rgba(253, 29, 121, 0.1), rgba(53, 211, 252, 0.1), rgba(107, 89, 253, 0.1));
    animation: uvr-ar22677881912-rotate 8s linear infinite;
    z-index: 0;
}
.uvr-pkt5302981509-hero-content {
    padding: 30px;
    border-radius: 6px;
}
.uvr-pkt5302981509-hero-title {
    color: #81B6E3;
    margin: 0;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    text-transform: uppercase;
}
.uvr-pkt5302981509-hero-subtitle {
    font-size: 1rem;
    color: #ccc;
    margin-top: 8px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.uvr-pkt5302981509-intro {
    text-align: center;
    margin: 40px auto 20px auto;
    max-width: 800px;
}
.uvr-pkt5302981509-intro-text {
    color: #ccc;
    line-height: 1.6;
    font-size: 1rem;
}

.uvr-pkt5302981509-package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.uvr-pkt5302981509-card {
    background-color: #111;
    border: 1px solid #2b2b2b;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.uvr-pkt5302981509-card:hover {
    border-color: #81B6E3;
}
.uvr-pkt5302981509-card-header {
    background-color: #1a1a1a;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.uvr-pkt5302981509-icon {
    font-size: 1.5rem;
    color: #81B6E3;
}
.uvr-pkt5302981509-card-header h2 {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
}
.uvr-pkt5302981509-card-body {
    padding: 15px;
    flex: 1;
}
.uvr-pkt5302981509-description {
    margin: 0 0 15px 0;
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.4;
}
.uvr-pkt5302981509-price {
    font-size: 1.1rem;
    color: #81B6E3;
    font-weight: 700;
    margin: 0 0 5px 0;
}
.uvr-pkt5302981509-games {
    color: #999;
    font-size: 0.85rem;
    margin: 0;
}

.uvr-pkt5302981509-card-footer {
    background-color: #1a1a1a;
    padding: 10px 15px;
    display: flex;
    justify-content: space-between;
}
.uvr-pkt5302981509-info-btn,
.uvr-pkt5302981509-reserve-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid transparent;
    padding: 6px 12px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    text-decoration: none;
}

.uvr-pkt5302981509-info-btn {
    background-color: transparent;
    color: #81B6E3;
    border-color: #81B6E3;
}
.uvr-pkt5302981509-info-btn:hover {
    background-color: #81B6E3;
    color: #000;
}

.uvr-pkt5302981509-reserve-btn {
    background-color: #81B6E3;
    color: #000;
}
.uvr-pkt5302981509-reserve-btn:hover {
    background-color: #6ea5cc;
    color: #000;
    text-decoration: none;
}
.uvr-pkt5302981509-reserve-btn i {
    margin-left: 5px;
}
/*EINDE PAKKETTEN Nieuwe versie by CAM*/

.uvr-ar22677881912-hero {
    position: relative;
    background: radial-gradient(ellipse at center, #111 0%, #000 100%);
    padding: 100px 20px;
    text-align: center;
    overflow: hidden;
    color: #fff;
}

.uvr-ar22677881912-hero-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 180deg at 50% 50%, rgba(107, 89, 253, 0.1), rgba(253, 29, 121, 0.1), rgba(53, 211, 252, 0.1), rgba(107, 89, 253, 0.1));
    animation: uvr-ar22677881912-rotate 8s linear infinite;
    z-index: 0;
}

@keyframes uvr-ar22677881912-rotate {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.uvr-ar22677881912-hero-content {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
}

.uvr-ar22677881912-hero-title {
    margin-bottom: 20px;
    color: #fff;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    text-transform: uppercase;
}
.uvr-ar22677881912-hero-subtitle {
    font-size: 1.2rem;
    color: #ccc;
    max-width: 700px;
    margin: 0 auto;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.uvr-ar22677881912-package-grid {
    margin-top: 50px;
    margin-bottom: 60px;
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    align-items: stretch;
}
.uvr-ar22677881912-card {
    position: relative;
    background-color: rgba(20, 20, 20, 0.8);
    border: 1px solid #333;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
    backdrop-filter: blur(5px);
    display: flex;      
    flex-direction: column;      
}
.uvr-ar22677881912-card:hover {
    transform: scale(1.02);
}

.uvr-ar22677881912-card-glow {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(from 180deg at 50% 50%, rgba(107,89,253,0.05), rgba(253,29,121,0.05), rgba(53,211,252,0.05), rgba(107,89,253,0.05));
    animation: uvr-ar22677881912-cardrotate 10s linear infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes uvr-ar22677881912-cardrotate {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

.uvr-ar22677881912-card-header {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: rgba(15, 15, 15, 0.8);
    border-bottom: 1px solid #333;
}

.uvr-ar22677881912-icon {
    font-size: 1.8rem;
    margin-right: 12px;
    color: #ffc426;
}

.uvr-ar22677881912-card-header h2 {
    margin: 0;
    font-size: 22px!important;
    color: #fff;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
}

.uvr-ar22677881912-card-body {
    position: relative;
    z-index: 1;
    padding: 20px;
    flex: 1;
}

.uvr-ar22677881912-description {
    margin: 0;
    color: #ccc;
    line-height: 1.5;
}

.uvr-ar22677881912-card-footer {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: rgba(15, 15, 15, 0.8);
    border-top: 1px solid #333;
}

.uvr-ar22677881912-info-btn,
.uvr-ar22677881912-reserve-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 13px;
    background-color: #333;
    color: #fff;
    transition: background-color 0.3s ease;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.uvr-ar22677881912-info-btn:hover,
.uvr-ar22677881912-reserve-btn:hover {
    background-color: #6b59fd;
    color: #fff;
    text-decoration: none;
}

.uvr-ar22677881912-reserve-btn i {
    margin-left: 5px!important;
}

.uvr-ar22677881912-rfr-btn {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 4px;
    font-size: 13px;
    background-color: #81B6E3;
    color: #fff;
    transition: background-color 0.3s ease;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.uvr-ar22677881912-rfr-btn:hover {
    background-color: #ffc426;
    color: #fff;
    text-decoration: none;
}
.uvr-kf736829-formcontainer {
  max-width: 600px;
  margin: 40px auto;
  padding: 20px;
  background-color: #111;
  border: 1px solid #444;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}

.uvr-kf736829-contactform {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.uvr-kf736829-contactform h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
  letter-spacing: 1px;
}

.uvr-kf736829-inputgroup {
  width: 100%;
  margin-bottom: 15px;
}

.uvr-kf736829-inputgroup input,
.uvr-kf736829-inputgroup textarea {
  width: 100%;
  padding: 12px;
  background-color: #222; 
  border: 2px solid #444; 
  border-radius: 4px;
  color: #fff; 
  font-size: 14px;
  resize: vertical; 
  transition: border-color 0.3s, box-shadow 0.3s;
}

.uvr-kf736829-inputgroup input::placeholder,
.uvr-kf736829-inputgroup textarea::placeholder {
  color: #777;
}

.uvr-kf736829-inputgroup input:focus,
.uvr-kf736829-inputgroup textarea:focus {
  outline: none;
  border-color: #81B6E3; 
  box-shadow: 0 0 5px #81B6E3;
}

.uvr-kf736829-submitbtn {
  background-color: #81B6E3;
  color: #000; 
  font-weight: bold;
  padding: 12px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.uvr-kf736829-submitbtn:hover {
  background-color: #6aa3ca; 
  box-shadow: 0 0 8px #81B6E3;
}

.uvr-w7234k29162-themes-wrap {
  background-color: #1c1c1c;  
  padding: 20px;
  border-radius: 6px;
  margin-bottom: 20px;
  color: #fff;
}

.uvr-w7234k29162-theme-label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 34px;
  margin-bottom: 14px;
  font-size: 15px!important;
  font-family: "Roboto", sans-serif!important;
  font-weight: 500 !important;
  user-select: none;
}
.uvr-w7234k29162-theme-label:last-child {
  margin-bottom: 0!important;
}

.uvr-w7234k29162-theme-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.uvr-w7234k29162-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #2e2e2e;
  border: 2px solid #444;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

.uvr-w7234k29162-theme-label:hover .uvr-w7234k29162-checkmark {
  background-color: #444;
}

.uvr-w7234k29162-theme-checkbox:checked ~ .uvr-w7234k29162-checkmark {
  background-color: #0069d9; /* Blauwe kleur */
  border-color: #0069d9;
}
.uvr-w7234k29162-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.uvr-w7234k29162-theme-checkbox:checked ~ .uvr-w7234k29162-checkmark:after {
  display: block;
}

.uvr-w7234k29162-theme-label .uvr-w7234k29162-checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

 .hour-block-container {
  margin-top: 5px;
  margin-bottom: 15px;
}
.hour-block {
  display: inline-block;
  margin: 3px;
  padding: 6px 12px;
  background: #161616;
  cursor: pointer;
  border-radius: 2px;
  user-select: none;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  transition: .1s;
  border: 1px solid #000000;
}
.hour-block:hover {
  border: 1px solid #81B6E3;
}
.hour-block.selected {
  background: #000000;
  color: #fff;
}
.hour-block.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

p.de730 {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #ddd!important;
}

#uvr-gfc_hero {
    text-align: center;
    color: #FFFFFF;
    padding: 60px 20px;
    background: #111111; 
    margin-bottom: 40px;
}

#uvr-gfc_title {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    text-transform: uppercase;
}

#uvr-gfc_hero_subtitle {
    margin-bottom: 30px;
    color: #cccccc;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

#uvr-gfc_custom_amount_form {
    display: inline-block;
}

#uvr-gfc_hero_button {
    padding: 10px 20px;
    border: none;
    border-radius: 2px;
    background-color: #81B6E3 ;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    text-transform: uppercase;
}

#uvr-gfc_hero_button:hover {
    background-color: #5599d3;
}


#uvr-gfc_instructions {
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;
    padding: 20px 0;
}

.uvr-gfc_instructions_item {
    margin-bottom: 20px;
}

.uvr-gfc_instructions_item i {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #81B6E3 ; 
}

.uvr-gfc_instructions_item p {
    color: #cccccc;
    margin: 0 auto;
    max-width: 180px;
     font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

#uvr-gfc_preset_cards {
    text-align: center;
    margin-bottom: 60px;
}

#uvr-gfc_preset_title {
    color: #ffffff;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    text-transform: uppercase;
}

#uvr-gfc_preset_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

a.uvr-gfc_card_link  {
  text-decoration: none!important;
}
.uvr-gfc_card_link {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    background-color: #121212;
    padding: 10px 25px;
    border-radius: 2px;
    transition: background-color 0.3s ease;
     font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}

.uvr-gfc_card_link:hover {
    background-color: #81B6E3 ;
    color: #ffffff;
}

#uvr-gfc_kopen_container {
    background-color: #000000;
    color: #FFFFFF;
    padding-top: 40px;
    padding-bottom: 40px;
}

.uvr-gfc_kopen_heading {
    text-align: center;
    color: #81B6E3;
    margin-bottom: 10px;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    text-transform: uppercase;
}

.uvr-gfc_kopen_subheading {
    text-align: center;
    color: #CCCCCC;
    margin-bottom: 30px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
    font-size: 15px !important;
}

.uvr-gfc_amount_display {
    font-size: 1.2rem;
    background-color: #222222;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 4px;
}

.uvr-gfc_submit_btn {
    background-color: #444444;
    border: none;
    width: 100%;
    padding: 10px!important;
    font-family: "Montserrat", sans-serif!important;
    font-weight: 700!important;
    font-size: 15px!important;
    color: #FFFFFF;
    border-radius: 4px;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

.uvr-gfc_submit_btn:hover {
    background-color: #666666;
}

.pd-e67387622-deal {
    border: 1px solid #333;
    background-color: #1a1a1a;
    padding: 20px;
    margin-top: 30px;
    border-radius: 4px;
    color: #f2f2f2;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.pd-e67387622-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #81B6E3;
}

.pd-e67387622-desc {
    color: #f2f2f2;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.pd-e67387622-btn {
    display: inline-flex;
    align-items: center;
    background-color: #2f2f2f;
    color: #f2f2f2;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    padding: 10px 14px;
    border: 1px solid #444;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

.pd-e67387622-btn i {
    margin-right: 6px;
    font-size: 1rem;
}

.pd-e67387622-btn:hover {
    background-color: #3a3a3a;
    color: #fff;
    border-color: #555;
}
a.pd-e67387622-btn {
  text-decoration: none!important;
}

.pd-e67387622-arrangements {
    border: 1px solid #333;
    background-color: #1a1a1a;
    padding: 20px;
    margin-top: 30px;
    border-radius: 4px;
    color: #f2f2f2;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.pd-e67387622-arrangements-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #81B6E3;
}

.pd-e67387622-arrangements-desc {
    color: #f2f2f2;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    max-width: 95%;
}

.pd-e67387622-arrangements-btn {
    display: inline-flex;
    align-items: center;
    background-color: #2f2f2f;
    color: #f2f2f2;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    padding: 10px 14px;
    border: 1px solid #444;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

.pd-e67387622-arrangements-btn i {
    margin-right: 6px;
    font-size: 1rem;
}

.pd-e67387622-arrangements-btn:hover {
    background-color: #3a3a3a;
    color: #fff;
    border-color: #555;
}
a.pd-e67387622-arrangements-btn {
  text-decoration: none!important;
}

.rev-lk982364-section {
    background-color: #111;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 2px;
    margin-top: 30px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.rev-lk982364-success {
    background-color: #214e24; 
    color: #c3f1ca;
    padding: 15px;
    border: 1px solid #1f6f26;
    border-radius: 3px;
    margin-bottom: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 8px;
}

.rev-lk982364-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #81B6E3;
}

.rev-lk982364-guest-info {
    background-color: #1a1a1a;
    padding: 15px;
    border: 1px solid #333;
    border-radius: 3px;
    font-size: 0.95rem;
    line-height: 1.4;
}

.rev-lk982364-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 10px;
}

.rev-lk982364-label {
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 5px;
    color: #ddd;
}

.rev-lk982364-select,
.rev-lk982364-textarea {
    background-color: #000;
    color: #fff;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 8px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.95rem;
    width: 100%;
    box-sizing: border-box;
}

.rev-lk982364-textarea {
    resize: vertical;
}

.rev-lk982364-submit {
    background-color: #d3c020;
    color: #212121;
    border: 1px solid #ccbb2d;
    border-radius: 2px;
    padding: 10px 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.rev-lk982364-submit:hover {
    background-color: #bcac25;
    color: #121212;
}

#custom_bedrag {
  background-color: #121212!important;
  padding: 8px!important;
  height: 42px!important;
   font-family: "Roboto", sans-serif;
   font-weight: 500!important;
   font-size: 18px!important;
   color: #ffffff!important;
   border: 1px solid #282828!important;
   border-radius: 2px!important;
}
.uvr-xm3869927483-dashboard-container {
    margin-top: 30px;
    margin-bottom: 30px;
}


.uvr-xm3869927483-profile-column {
    margin-bottom: 20px;
}

.uvr-xm3869927483-profile-card {
    background-color: #1a1a1a;
    padding: 20px;
    border: 1px solid #333333;
    border-radius: 3px;
    text-align: center;
}

.uvr-xm3869927483-profile-avatar-wrap {
    margin-bottom: 15px;
}

.uvr-xm3869927483-profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #639fc1;
}

.uvr-xm3869927483-username {
    margin: 10px 0 5px 0!important;
    font-size: 20px!important;
    font-weight: 700!important;
    color: #81B6E3!important;
    font-family: 'Montserrat', sans-serif!important;
}

.uvr-xm3869927483-user-email {
    font-size: 14px!important;
    color: #ccc!important;
    margin-bottom: 10px!important;
}

.uvr-xm3869927483-user-tokens {
    font-size: 14px;
    margin-bottom: 20px;
    color: #ffffff;
}

.uvr-xm3869927483-edit-profile-btn,
.uvr-xm3869927483-referral-btn {
    display: block!important;
    width: 100%!important;
    text-align: center!important;
    margin-bottom: 10px!important;
    font-weight: 600!important;
    font-family: 'Roboto', sans-serif!important;
    border-radius: 2px!important;
    border: none!important;
    padding: 10px 0!important;
    transition: background-color 0.2s ease!important;
}

.uvr-xm3869927483-edit-profile-btn {
    background-color: #639fc1!important;
    color: #ffffff!important;
}

.uvr-xm3869927483-edit-profile-btn:hover {
    background-color: #81B6E3!important;
    color: #ffffff!important;
}

.uvr-xm3869927483-referral-btn {
    background-color: #ffc426!important;
    color: #000000!important;
}

.uvr-xm3869927483-referral-btn:hover {
    background-color: #ffd564!important;
    color: #000000!important;
}

.uvr-authUCP-xq9736-header {
  font-family: "Montserrat", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}
.uvr-xm3869927483-main-content .uvr-xm3869927483-welcome-box {
    background-color: #1a1a1a;
    padding: 15px 20px;
    margin-bottom: 20px;
    border: 1px solid #333333;
    border-radius: 3px;
}

.uvr-xm3869927483-welcome-text {
    margin: 0!important;
    color: #cccccc!important;
    font-size: 14px!important;
    max-width: 95%!important;
}

.uvr-xm3869927483-feed-card {
    background-color: #1a1a1a;
    margin-bottom: 20px;
    border: 1px solid #333333;
    border-radius: 3px;
}

.uvr-xm3869927483-feed-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #639fc1;
    padding: 10px;
    border-radius: 2px 2px 0 0;
}

.uvr-xm3869927483-feed-header h3 {
    margin: 0!important;
    color: #ffffff!important;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 16px!important;
}

.rfi273 {
  font-family: 'Roboto', sans-serif!important;
  font-weight: 500!important;
  font-size: 15px!important;
}

.uvr-xm3869927483-chat-btn {
    background-color: #000000!important;
    color: #ffffff!important;
    border: 2px solid #ffffff!important;
    padding: 6px 12px!important;
    font-weight: 600!important;
    border-radius: 2px!important;
    transition: all 0.2s ease!important;
}

.uvr-xm3869927483-chat-btn:hover {
    background-color: #ffffff!important;
    color: #000000!important;
}

.uvr-xm3869927483-feed-body {
    padding: 20px;
}

.uvr-xm3869927483-feed-post {
    background-color: #2a2a2a;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 10px;
}

.uvr-xm3869927483-feed-post:last-child {
  margin-bottom: 0!important;
}
.uvr-xm3869927483-post-author {
    margin: 0!important;
    font-weight: 700!important;
    font-size: 18px!important;
    color: #81B6E3!important;
}

.uvr-xm3869927483-post-content {
    margin: 5px 0;
    color: #cccccc;
}

.uvr-xm3869927483-post-time {
    font-size: 12px;
    color: #999999;
    margin-bottom: 0!important;
}

.uvr-xm3869927483-other-info-card {
    background-color: #1a1a1a;
    padding: 20px;
    border-radius: 3px;
    border: 1px solid #333333;
    margin-bottom: 20px;
}
.uvr-pt3866294731-wrapper {
    max-width: 600px;
    margin: 40px auto;
    background-color: #111111;
    padding: 20px;
    border-radius: 8px;
}

.uvr-pt3866294731-page-title {
    text-align: center!important;
    margin-bottom: 30px!important;
    text-transform: uppercase!important;
    font-size: 26px!important;
}

.uvr-pt3866294731-form .form-group label {
    font-weight: bold!important;
}

.uvr-pt3866294731-form .form-group input {
    background-color: #222222!important;
    color: #ffffff!important;
    border: 1px solid #333333!important;
}

.uvr-pt3866294731-save-btn {
    background-color: #0d6efd!important;
    color: #ffffff!important;
    margin-right: 10px!important;
}

.uvr-pt3866294731-password-btn {
    background-color: #6c757d!important;
    color: #ffffff!important;
}

.uvr-pt3866294731-back-btn {
    background-color: #6c757d!important;
    color: #ffffff!important;
    margin-left: 10px!important;
}

.uvr-df385182-pic-upload-form {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
}

.uvr-df385182-pic-upload-label {
    background-color: rgba(0,0,0,0.6);
    color: #ffffff;
    padding: 6px 8px;
    border-radius: 50%;
    cursor: pointer;
}

.uvr-df385182-pic-upload-label:hover {
    background-color: rgba(0,0,0,0.8);
}

.uvr-df385182-pic-input {
    display: none;
}
.uvr-xm3869927483-profile-avatar-wrap {
    position: relative; 
    width: 150px; 
    height: 150px; 
    margin: 0 auto 15px auto;
}
.uvr-xm3869927483-profile-avatar {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
}
.fl-left {
  float: left!important;
}

/*nieuwe contact start*/
.uvr-ct72574211-bg-animation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: linear-gradient(120deg, #000, #000 30%, #81B6E3 50%, #000 70%, #000);
  background-size: 200%;
  animation: uvr-ct72574211-bg-move 8s linear infinite;
}

@keyframes uvr-ct72574211-bg-move {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

.uvr-ct72574211-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: -1;
}

.uvr-ct72574211-intro-section {
  padding: 80px 0 40px;
  text-align: center;
  color: #fff;
}

.uvr-ct72574211-main-title {
  color: #81B6E3;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  text-transform: uppercase;
}

.uvr-ct72574211-subtitle {
  max-width: 650px;
  margin: 0 auto;
  color: #ccc;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

.uvr-ct72574211-alertbox {
  margin: 30px auto 0;
  display: inline-block;
  padding: 15px 20px;
  background: rgba(129,182,227,0.15);
  border: 1px solid #81B6E3;
  color: #81B6E3;
  border-radius: 5px;
}

.uvr-ct72574211-alertbox .closebtn {
  margin-left: 10px;
  color: #81B6E3;
  font-weight: bold;
  cursor: pointer;
}

.uvr-ct72574211-info-section {
  background: linear-gradient(
    90deg, 
    rgba(0,0,0,0.8) 0%, 
    rgba(129,182,227,0.1) 50%, 
    rgba(0,0,0,0.8) 100%
  );
}

.uvr-ct72574211-info-section .row.align-items-stretch {
  display: flex;
  flex-wrap: wrap;
}

.uvr-ct72574211-info-section .row.align-items-stretch > [class*='col-'] {
  display: flex;
}

.uvr-ct72574211-info-box {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(129,182,227,0.2);
  box-shadow: 0 0 10px rgba(129,182,227,0.1);
  border-radius: 2px;
  padding: 25px 20px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.uvr-ct72574211-info-box:hover {
  border-color: #ffc426;
  box-shadow: 0 0 15px rgba(255,196,38,0.5);
}

.uvr-ct72574211-info-box i {
  font-size: 2rem;
  color: #81B6E3;
  margin-bottom: 10px;
}

.uvr-ct72574211-info-box h3 {
  font-size: 18px!important;
  text-transform: uppercase;
  color: #ffc426;
  margin-bottom: 10px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}
.uvr-ct72574211-info-box p {
  margin-bottom: 15px!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px!important;
  color: #ddd!important;
}

.uvr-ct72574211-info-box a {
  color: #81B6E3;
  text-decoration: none;
}
.uvr-ct72574211-info-box a:hover {
  color: #ffc426;
}

.uvr-ct72574211-form-section {
  padding-top: 40px;
}

.uvr-ct72574211-form-wrapper {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(129,182,227,0.2);
  box-shadow: 0 0 10px rgba(129,182,227,0.1);
  border-radius: 2px;
  padding: 30px;
  color: #fff;
}

.uvr-ct72574211-form-wrapper h2 {
  color: #81B6E3;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 30px;
}

.uvr-ct72574211-field-wrapper {
  position: relative;
  margin-bottom: 30px;
}

.uvr-ct72574211-field-wrapper label {
  position: absolute;
  top: -10px;
  left: 15px;
  background: #000;
  padding: 0 5px;
  color: #ffc426;
  font-size: 0.9rem;
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.uvr-ct72574211-field-wrapper input,
.uvr-ct72574211-field-wrapper textarea {
  width: 100%;
  background: #000;
  border: 2px solid #81B6E3;
  color: #81B6E3;
  padding: 12px 15px;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  border-radius: 0;
  resize: vertical;
}

.uvr-ct72574211-field-wrapper input:hover,
.uvr-ct72574211-field-wrapper textarea:hover {
  border-color: #ffc426;
}

.uvr-ct72574211-field-wrapper input:focus,
.uvr-ct72574211-field-wrapper textarea:focus {
  border-color: #ffc426;
  box-shadow: 0 0 8px #ffc426;
}

.uvr-ct72574211-focus-border {
  position: absolute;
  bottom: 0; 
  left: 0; 
  width: 0; 
  height: 2px; 
  background: #ffc426;
  transition: width 0.4s;
}

.uvr-ct72574211-field-wrapper input:focus ~ .uvr-ct72574211-focus-border,
.uvr-ct72574211-field-wrapper textarea:focus ~ .uvr-ct72574211-focus-border {
  width: 100%;
}

.uvr-ct72574211-submit-btn {
  background: #81B6E3;
  border: none;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  padding: 12px 30px;
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  border-radius: 4px;
}

.uvr-ct72574211-submit-btn:hover {
  background: #ffc426;
  color: #000;
  box-shadow: 0 0 8px #ffc426;
}
/*einde nieuwe contact by cam*/

/* Start highscores */
.uvr-hs348912938-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  color: #ffc426;
  font-family: "Trebuchet MS", sans-serif;
  background: transparent; 
  position: relative;
  margin-bottom: 25px;
}
.uvr-hs348912938-title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  margin-bottom: 25px!important;
  text-transform: uppercase;
  color: #81b6e3;
  text-align: center!important;
}

.uvr-hs348912938-search-area {
  margin-bottom: 20px;
  background: linear-gradient(135deg, rgba(129,182,227,0.1) 0%, rgba(129,182,227,0.02) 100%);
  padding: 15px;
  border: 2px solid #81b6e3;
  border-radius: 5px;
}
.uvr-hs348912938-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
}
.uvr-hs348912938-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.uvr-hs348912938-form-group {
  display: flex;
  flex-direction: column;
}
.uvr-hs348912938-input,
.uvr-hs348912938-select {
  padding: 8px 12px;
  border: 1px solid #81b6e3;
  border-radius: 4px;
  background-color: #1a1a1a;
  color: #81b6e3;
  min-width: 200px;
}
.uvr-hs348912938-button {
  padding: 10px 20px;
  background-color: #ffc426; 
  color: #000;
  border: none;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s ease;
}
.uvr-hs348912938-button:hover {
  background-color: #e0a900;
}
.uvr-hs348912938-table-wrapper {
  margin-top: 10px;
  border: 2px solid #81b6e3;
  border-radius: 5px;
  overflow: hidden; 
}
.uvr-hs348912938-highscore-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #111;
}
.uvr-hs348912938-highscore-table thead {
  background: linear-gradient(135deg, #81b6e3 0%, #5ea0cc 100%);
}
.uvr-hs348912938-highscore-table thead th {
  color: #000; 
  text-transform: uppercase;
  padding: 12px;
  text-align: left;
  font-weight: bold;
  font-size: 0.95em;
  border-bottom: 2px solid #81b6e3;
}
.uvr-hs348912938-highscore-table tbody tr {
  border-bottom: 1px solid #333;
}
.uvr-hs348912938-highscore-table tbody tr:hover {
  background-color: #222;
}
.uvr-hs348912938-highscore-table td {
  padding: 12px;
  color: #ffc426;
  vertical-align: middle;
  font-size: 0.95em;
}
/* Team details by cam */
.uvr-hs348912938-details-inner {
  margin: 10px 0;
  padding: 10px;
}
.uvr-hs348912938-details-inner h3 {
  color: #81b6e3;
  margin-top: 0;
  text-transform: uppercase;
  font-size: 16px!important;
  margin-bottom: 0!important;
}
.uvr-hs348912938-player-block {
  background: #111;
  border: 1px solid #81b6e3;
  margin: 10px 0;
  padding: 15px;
  border-radius: 2px;
}
.uvr-hs348912938-player-block:last-child {
  margin-bottom: 0!important;
}
.uvr-hs348912938-player-block h4 {
  color: #81B6E3 ;
  font-size: 15px!important;
  margin-bottom: 10px!important;
  font-weight: bold!important;
}
.uvr-hs348912938-player-email {
  margin: 0 0 5px 0;
  font-size: 0.9em;
  color: #81b6e3;
}
/* aspecten by cam */
.uvr-hs348912938-aspect-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.uvr-hs348912938-aspect-list li {
  margin-right: 7px;
  color: #ffffff;
  display: inline;
}
.xf-w67882 {
  color: #ffc426;
}
/* Collapsible button by cam */
.uvr-hs348912938-detail-toggle {
  padding: 6px 10px;
  background-color: #81b6e3;
  color: #000;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9em;
  transition: background-color 0.3s;
}
.uvr-hs348912938-detail-toggle:hover {
  background-color: #5ea0cc;
}
.uvr-hs348912938-details {
  background-color: #000;
}

.uvr-hs348912938-mainrow:hover {
  background-color: #1f1f1f;
  cursor: default; 
}

.uvr-arr98765-section {
    padding: 50px 20px;
    background-color: #111;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 40px;
}

.uvr-arr98765-header {
    text-align: center;
    margin-bottom: 30px;
}

.uvr-arr98765-header h1 {
    font-family: "Montserrat", sans-serif!important;
    font-size: 38px!important;
    font-weight: 700!important;
    margin-bottom: 10px!important;
    text-transform: uppercase!important;
}

.uvr-arr98765-header h1 span {
    color: #ffc426;
}

.uvr-arr98765-header p {
    font-family: "Roboto", sans-serif;
    font-weight: 500!important;
    color: #ccc;
    font-size: 16px!important;
}

.uvr-arr98765-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 20px!important;
    scroll-behavior: smooth;
    scrollbar-width: thin; 
    scrollbar-color: #81B6E3 #121212;
}

.uvr-arr98765-container::-webkit-scrollbar {
    height: 8px;
}
.uvr-arr98765-container::-webkit-scrollbar-track {
    background: #121212;
}
.uvr-arr98765-container::-webkit-scrollbar-thumb {
    background: #81B6E3;
    border-radius: 4px;
}

.uvr-arr98765-card {
    flex: 0 0 320px; 
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: flex-end;
    transform-style: preserve-3d;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.uvr-arr98765-card:hover {
    transform: translateY(-10px) rotateX(5deg) rotateY(-2deg);
    box-shadow: 0 15px 20px rgba(0,0,0,0.4);
}
.uvr-arr98765-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.7; 
    z-index: 1;
}
.uvr-arr98765-ribbon {
    position: absolute;
    top: 15px;
    left: -40px;
    width: 120px;
    height: 30px;
    background: #ffc426;
    text-align: left;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    transform: rotate(-45deg);
    z-index: 5;
}
.uvr-arr98765-ribbon span {
    display: inline-block;
    position: relative;
    left: 40px; 
}
.uvr-arr98765-content {
    position: relative;
    z-index: 2; 
    background-color: rgba(0,0,0,0.5); 
    width: 100%;
    padding: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.uvr-arr98765-icon-wrapper {
    width: 70px;
    height: 70px;
    margin: 0 auto 10px auto;
    background-color: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 20px!important;
}

.uvr-arr98765-icon-wrapper i {
    font-size: 38px;
}

.uvr-arr98765-content h4 {
    font-family: "Poppins", sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: #ffc426;
    text-transform: uppercase;
    text-align: center;
}
.uvr-arr98765-description {
    font-family: "Open Sans", sans-serif!important;
    font-size: 15px!important;
    color: #e2e2e2;
    line-height: 1.4;
    margin-bottom: 10px;
    text-align: center;
    text-wrap: balance;
}
.uvr-arr98765-price {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #81B6E3;
    margin-bottom: 15px;
    text-align: center;
}
a.uvr-arr98765-btn-info {
  text-decoration: none!important;
}
a:hover.uvr-arr98765-btn-info {
  text-decoration: none!important;
}
.uvr-arr98765-btn-info {
    display: inline-block;
    text-decoration: none;
    background-color: #81B6E3;
    color: #fff;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 0.9rem;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
}

.uvr-arr98765-btn-info:hover {
    background-color: #ffc426;
    color: #ffffff;
}

.rsv-value{
  font-family: "Open Sans", sans-serif!important;
  font-weight: 400!important;
  font-size: 15px!important;
}

.rsv-label {
  font-family: "Roboto", sans-serif!important;
  font-weight: 700!important;
  font-size: 16px!important;
}
a.rsv-btn {
  text-decoration: none!important;
}
.rsv-btn {
  padding: 9px 15px!important;
  font-family: "Montserrat", sans-serif!important;
  font-size: 14px!important;
  font-weight: 700!important;
  transition: .1s!important;
  border-radius: 2px!important;
  background-color: #5b9dd4!important;
}
.rsv-btn:hover {
  color: #ffffff!important;
  background-color: #81B6E3 !important;
}
.inv384 {
  background-color: #efb415!important;
}
.inv384:hover {
  background-color: #ffc426!important;
}

.uvr-pp362653812-section {
  padding: 50px 20px;
  background-color: #111;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
}

.uvr-pp362653812-header {
  text-align: center;
  margin-bottom: 30px;
}

.uvr-pp362653812-header h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  color: #ffc426;
}

.uvr-pp362653812-header p {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #ccc;
  font-size: 16px;
}

.uvr-pp362653812-container {
  justify-content: center;
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 20px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #81B6E3 #121212;
}

.uvr-pp362653812-container::-webkit-scrollbar {
  height: 8px;
}

.uvr-pp362653812-container::-webkit-scrollbar-track {
  background: #121212;
}

.uvr-pp362653812-container::-webkit-scrollbar-thumb {
  background: #81B6E3;
  border-radius: 4px;
}

.uvr-pp362653812-card {
  flex: 0 0 340px;
  background-color: #222;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.uvr-pp362653812-card-content {
  padding: 20px;
  text-align: center;
}

.uvr-pp362653812-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 10px auto;
  background-color: rgba(255,255,255,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.uvr-pp362653812-icon i {
  font-size: 38px;
}

.uvr-pp362653812-title {
  font-family: "Poppins", sans-serif!important;
  font-size: 18px!important;
  font-weight: 700!important;
  margin-bottom: 10px;
  color: #ffc426;
  text-transform: uppercase;
}

.uvr-pp362653812-description {
  font-family: "Open Sans", sans-serif!important;
  font-size: 15px!important;
  color: #e2e2e2!important;
   -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.5em;
  min-height: 4.5em;
  max-height: 4.5em; 
  text-wrap: balance;
}

.uvr-pp362653812-price {
  font-family: "Roboto", sans-serif!important;
  font-size: 18px!important;
  font-weight: 600!important;
  color: #81B6E3;
  margin-bottom: 15px;
}

.uvr-pp362653812-btn-wrap {
  margin-bottom: 15px;
}

a.uvr-pp362653812-btn {
  text-decoration: none!important;
}

.uvr-pp362653812-btn {
  display: inline-block;
  background-color: #81B6E3;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 0.9rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.uvr-pp362653812-btn:hover {
  background-color: #ffc426;
  color: #ffffff;
}

.uvr-pp362653812-game-scroll {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  background-color: #1a1a1a;
  padding: 15px;
  border-top: 1px solid #333;
}

.uvr-pp362653812-game-item {
  flex: 0 0 80px;
  text-align: center;
}

.uvr-pp362653812-game-item img {
  width: 80px;
  height: 100px;
  object-fit: cover;
  border-radius: 4px;
}

.uvr-pp362653812-game-title {
  font-size: 11px;
  color: #fff;
  margin-top: 5px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.uvr-uvt322564627-activity-item {
  display: flex;
  align-items: flex-start;
  background-color: #2a2a2a;
  margin-bottom: 10px;
  border: 1px solid #333333;
  border-radius: 3px;
  padding: 10px;
}

.uvr-uvt322564627-left-icon {
  margin-right: 10px;
}

.uvr-uvt322564627-plus-icon {
  font-size: 18px;
  color: #4caf50; 
}

.uvr-uvt322564627-pending-icon {
  font-size: 18px;
  color: #ffc107; 
}

.uvr-uvt322564627-details {
  display: flex;
  flex-direction: column;
}

.uvr-uvt322564627-activity-date {
  font-size: 14px;
  color: #999999;
  margin-bottom: 5px;
}

.uvr-uvt322564627-activity-description {
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}

.uvr-uvt322564627-activity-item:last-child {
  margin-bottom: 0;
}

.uvr-abt27532 {
  margin-bottom: 5px;
  text-align: center;
}

.uvr-ut366743224-wrapper {
  margin-top: 30px;
  margin-bottom: 50px;
  font-family: 'Montserrat', sans-serif !important;
  color: #ffffff;
}

.uvr-ut366743224-intro-section {
  text-align: center;
  padding: 30px 20px;
  background-color: #000000;
  border: 1px solid #333;
  border-radius: 4px;
  margin-bottom: 30px;
}

.uvr-ut366743224-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 28px!important;
  color: #81B6E3;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  font-weight: 700!important;
}

.uvr-ut366743224-subtitle {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500!important;
  font-size: 15px!important;
  line-height: 1.6;
  max-width: 800px;
  margin: 0 auto;
  color: #cccccc;
}

.uvr-ut366743224-equal-height-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.uvr-ut366743224-equal-height-row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}

.uvr-ut366743224-section-box {
  flex: 1;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 4px;
  padding: 20px;
  margin-bottom: 15px;
}

.uvr-ut366743224-section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.2rem;
  color: #81B6E3;
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

.uvr-ut366743224-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0!important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px!important;
  font-weight: 400!important;
  color: #ddd!important;
}

.uvr-ut366743224-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.uvr-ut366743224-list li:last-child {
  margin-bottom: 0!important;
}

.uvr-ut366743224-list li i {
  color: #81B6E3;
  font-size: 1.2rem;
}

.uvr-ut366743224-calltoaction {
  background-color: #2a2a2a;
  border: 1px solid #333;
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 50px;
}

.uvr-ut366743224-cta-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.2rem;
  color: #81B6E3;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

.uvr-ut366743224-calltoaction p {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px!important;
  font-weight: 400!important;
  color: #cccccc;
  line-height: 1.6;
}

.uvr-ut366743224-calltoaction p:last-child {
  margin-bottom: 0!important;
}

.uvr-ut366743224-link-cta {
  color: #81B6E3;
  font-weight: 700;
  text-decoration: none;
}

.uvr-ut366743224-link-cta:hover {
  color: #5b9ed7;
  text-decoration: underline;
}

.uvr-dge737847352-arr-overview p:last-child {
  margin-bottom: 0!important;
}

.swipe-hint {
  display: none; 
  align-items: center;
  gap: 5px;
  font-family: "Roboto", sans-serif!important;
  font-weight: 500 !important;
  font-size: 20px;
  color: #81B6E3;
}

.swipe-hint .swipe-hand {
  width: 38px;
  height: 38px;
  background: url('/images/icons/swipe.png') no-repeat center / cover;
  animation: swipeAnim 4s infinite ease-in-out;
}

@keyframes swipeAnim {
  0%   { transform: translateX(0);   }
  50%  { transform: translateX(10px);}
  100% { transform: translateX(0);   }
}

.swipe-text {
  animation: swipeTextAnim 4s infinite ease-in-out;
  display: inline-block; 
}

@keyframes swipeTextAnim {
  0%   { transform: translateX(0);   }
  50%  { transform: translateX(10px);}
  100% { transform: translateX(0);   }
}

.uvr-arr-scroll-section {
  padding: 50px 20px;
  background-color: #111;
  color: #fff;
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}
.uvr-arr-scroll-header {
  text-align: center;
  margin-bottom: 20px;
}
.uvr-arr-scroll-header h1 {
  font-family: "Montserrat", sans-serif!important;
  font-size: 38px!important;
  font-weight: 700!important;
  margin-bottom: 10px!important;
  text-transform: uppercase!important;
}
.uvr-arr-scroll-header h1 span {
  color: #ffc426;
}
.uvr-arr-scroll-header p {
  font-family: "Roboto", sans-serif;
  font-weight: 500!important;
  color: #ccc;
  font-size: 16px!important;
  margin-bottom: 15px;
}

.uvr-arr-scroll-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;   
  scroll-behavior: smooth;
  justify-content: center;
  padding-bottom: 20px;
  scrollbar-width: thin;
  scrollbar-color: #81B6E3 #121212;
}
.uvr-arr-scroll-container::-webkit-scrollbar {
  height: 8px;
}
.uvr-arr-scroll-container::-webkit-scrollbar-track {
  background: #121212;
}
.uvr-arr-scroll-container::-webkit-scrollbar-thumb {
  background: #81B6E3;
  border-radius: 4px;
}

.uvr-arr-scroll-card {
  position: relative;
  background-color: rgba(20, 20, 20, 0.8);
  border: 1px solid #333;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  flex: 0 0 320px;
}
.uvr-arr-scroll-card:hover {
  transform: scale(1.02);
}

.uvr-arr-scroll-card-glow {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    from 180deg at 50% 50%, 
    rgba(107,89,253,0.05), 
    rgba(253,29,121,0.05), 
    rgba(53,211,252,0.05), 
    rgba(107,89,253,0.05)
  );
  animation: uvr-arr-scroll-rotate 10s linear infinite;
  z-index: 0;
  pointer-events: none;
}
@keyframes uvr-arr-scroll-rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}

.uvr-arr-scroll-ribbon {
  position: absolute;
  top: 15px;
  left: -40px;
  width: 120px;
  height: 30px;
  background: #ffc426;
  text-align: left;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  transform: rotate(-45deg);
  z-index: 5;
}
.uvr-arr-scroll-ribbon span {
  display: inline-block;
  position: relative;
  left: 40px; 
}

.uvr-arr-scroll-card-header {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: rgba(15, 15, 15, 0.8);
  border-bottom: 1px solid #333;
}
.uvr-arr-scroll-icon {
  font-size: 1.8rem;
  margin-right: 10px;
  margin-left: 35px;
  color: #ffc426;
}
.uvr-arr-scroll-card-header h2 {
  margin: 0;
  font-size: 22px!important;
  color: #fff;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
}

.uvr-arr-scroll-card-body {
  position: relative;
  z-index: 1;
  padding: 20px;
  flex: 1; 
}
.uvr-arr-scroll-description {
  margin: 0;
  color: #ccc;
  line-height: 1.5;
}
.uvr-arr-scroll-price {
  margin: 10px 0 0;
  color: #81B6E3 ;
  font-size: 24px;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
}

.uvr-arr-scroll-card-footer {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background-color: rgba(15, 15, 15, 0.8);
  border-top: 1px solid #333;
}
.uvr-arr-scroll-info-btn,
.uvr-arr-scroll-reserve-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 13px;
  background-color: #333;
  color: #fff;
  transition: background-color 0.3s ease;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.uvr-arr-scroll-info-btn:hover,
.uvr-arr-scroll-reserve-btn:hover {
  background-color: #6b59fd;
  color: #fff;
}
.uvr-arr-scroll-reserve-btn i {
  margin-left: 5px!important;
}

.uvr-arr-scroll-referral-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 13px;
  background-color: #81B6E3;
  color: #fff;
  transition: background-color 0.3s ease;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
}
.uvr-arr-scroll-referral-btn:hover {
  background-color: #ffc426;
  color: #fff;
  text-decoration: none;
}

.uvr3120083 {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px;
  margin-top: 30px;
}

.uvrz373858-section {
  margin-bottom: 50px;
}
.uvrz373858-section-title {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 15px 30px;
}
.uvrz373858-slider-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.uvrz373858-arrow {
  width: 40px;
  height: 40px;
  background: #000;
  border: 2px solid #81B6E3;
  color: #81B6E3;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  flex-shrink: 0;
  transition: background 0.3s;
}
.uvrz373858-arrow:hover {
  background: #81B6E3;
  color: #fff;
}
.uvrz373858-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #444 #121212;
  padding-bottom: 10px;
}
.uvrz373858-slider::-webkit-scrollbar {
  height: 8px;
}
.uvrz373858-slider::-webkit-scrollbar-thumb {
  background: #444;
  border-radius: 4px;
}
.uvrz373858-item {
  position: relative;
  flex: 0 0 200px;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.3s;
}
.uvrz373858-item:hover {
  transform: scale(1.05);
}
.uvrz373858-poster img {
  width: 200px;
  height: 300px;
  object-fit: cover;
  display: block;
}
.uvrz373858-hover-box {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 60px; background: rgba(0,0,0,0.7);
  opacity: 0; transform: translateY(100%);
  transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;
}
.uvrz373858-item:hover .uvrz373858-hover-box {
  opacity: 1;
  transform: translateY(0);
}
.uvrz373858-btns {
  display: flex;
  gap: 10px;
}
.uvrz373858-circle-btn {
  width: 40px;
  height: 40px;
  background: #121212;
  color: #81B6E3;
  border: 2px solid #81B6E3;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.3s;
  outline: none;
  font-size: 16px;
}
.uvrz373858-circle-btn:hover {
  background: #81B6E3;
  color: #fff;
}

.uvrz373858-info-bg {
  display: none;
  position: fixed;
  z-index: 9999999; 
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.9);
  justify-content: center;
  align-items: center;
}
.uvrz373858-info-content {
  position: relative;
  max-width: 900px;
  width: 90%;
  height: 80%;
  background: #111;
  overflow-y: auto;
  border: 2px solid #81B6E3;
  scrollbar-color: #81B6E3 #111;
  scrollbar-width: thin; 
}

.uvrz373858-info-content::-webkit-scrollbar {
  width: 10px;               /* Breedte van de scrollbar */
}
.uvrz373858-info-content::-webkit-scrollbar-track {
  background: #111;          /* Donkere trackkleur (achtergrond) */
}
.uvrz373858-info-content::-webkit-scrollbar-thumb {
  background: #81B6E3;       /* ‘Primary blue’ kleur voor de scrollbalk */
  border-radius: 5px;
}
.uvrz373858-info-content::-webkit-scrollbar-thumb:hover {
  background: #5b9ed7;       /* Eventueel iets lichtere hover-kleur */
}

.uvrz373858-info-close {
  position: absolute;
  top: 15px;    
  right: 15px;      
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  z-index: 10000000;
}
.uvrz373858-info-inner {
  display: flex;
  flex-direction: column;
  height: auto;
}
.uvrz373858-media-top {
  position: relative;
  width: 100%;
  height: 400px;
  background: #000;
  overflow: hidden;
}
.uvrz373858-media-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.uvrz373858-kijkwijzer-group {
  position: absolute;
  top: 10px; right: 10px;
  display: flex;
  gap: 5px;
}
.uvrz373858-kw-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: inline-block;
}
.uvrz373858-lower-content {
  padding: 20px;
  font-family: "Open Sans", sans-serif;
  color: #ccc;
}
.uvrz373858-lower-btns {
  margin-bottom: 15px;
}
.uvrz373858-meta p {
  margin: 0 0 5px;
}
.uvrz373858-description {
  margin-top: 10px;
  line-height: 1.5;
}

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

.uvr787364-popup-content {
  position: relative;
  background-color: #111; 
  border-radius: 4px;
  padding: 20px;
  max-width: 600px;
  width: 90%;
  margin: 0 auto;
  color: #ccc; 
  text-align: left;
  border: 2px solid #81B6E3;
}

.uvr787364-popup-close {
  position: absolute;
  top: -15px;
  right: 15px;
  font-size: 48px;
  cursor: pointer;
  color: #e11010;
}

.uvr787364-popup-close:hover {
  color: #fff;
}

.uvr787364-popup-text {
  font-family: "Roboto", sans-serif!important;
  font-weight: 500 !important;
  margin-top: 10px;
  line-height: 1.5;
  color: #ccc;
  font-size: 15px!important;
  max-width: 97%;
}

.uvrns639-no-scroll {
  overflow: hidden !important;
  width: 100%;
}


/*nieuwe pakketten.php by CAM*/
.uvr527391-hero {
  position: relative;
  width: 100%;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: radial-gradient(circle at center, #080808 0%, #000 100%);
}
.uvr527391-hero-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  padding: 40px 20px;
}
.uvr527391-hero-title {
  margin-bottom: 20px;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  text-transform: uppercase;
  color: #81B6E3;
}
.uvr527391-hero-subtitle {
  margin-top: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  color: #ccc;
}
.uvr527391-packages-container {
  max-width: 1200px;
  margin: 20px auto 40px auto;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
}
.uvr527391-card {
  background: #0f0f0f;
  border: 1px solid #2c2c2c;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  overflow: hidden;
}
.uvr527391-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.uvr527391-card-header {
  background: #1c1c1c;
  display: flex;
  align-items: center;
  padding: 15px;
  gap: 10px;
}
.uvr527391-icon {
  font-size: 1.5rem;
  color: #81B6E3;
}
.uvr527391-title {
  margin: 0;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700!important;
  font-size: 14px!important;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.uvr527391-card-body {
  padding: 15px;
  flex: 1;
}
.uvr527391-description {
  margin: 0 0 10px;
  font-family: "Roboto", sans-serif!important;
  font-size: 16px!important;
  font-weight: 400!important;
  color: #ccc;
  line-height: 1.5;
}
.uvr527391-price {
  font-family: "Montserrat", sans-serif!important;
  font-weight: 700!important;
  font-size: 20px!important;
  color: #ffc426;
  margin: 0 0 5px;
}
.uvr527391-games {
  font-family: "Roboto", sans-serif!important;
  font-size: 14px!important;
  color: #999;
  margin: 0 0 10px;
}
.uvr527391-card-footer {
  background: #1c1c1c;
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}
.uvr527391-btn-info,
.uvr527391-btn-reserve {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-family: "Roboto", sans-serif!important;
  font-weight: 700!important;
  font-size: 14px!important;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.uvr527391-btn-info {
  background: transparent;
  border: 1px solid #81B6E3;
  color: #81B6E3;
}
.uvr527391-btn-info:hover {
  background: #81B6E3;
  color: #000;
}
.uvr527391-btn-reserve {
  background: #ffc426;
  color: #000;
  text-transform: uppercase!important;
}
.uvr527391-btn-reserve:hover {
  background: #ffd25b;
  color: #000;
}
.uvr527391-btn-reserve i {
  margin-left: 5px;
}
.uvrh237882-truncated-desc {
  display: -webkit-box;
  -webkit-line-clamp: 6; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.uvrh237882-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999999 !important;
}

.uvrh237882-modal {
  background: #0f0f0f;
  border: 1px solid #2c2c2c;
  border-radius: 5px;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  z-index: 99999999 !important;
}

.uvrh237882-modal-header {
  background: #1c1c1c;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  color: #81B6E3;
  font-size: 1rem;
  border-bottom: 1px solid #2c2c2c;
}

.uvrh237882-modal-title {
  margin-left: 5px;
}

.uvrh237882-modal-close {
  text-decoration: none;
  color: #81B6E3;
  font-size: 1.2rem;
}

.uvrh237882-modal-close:hover {
  color: #fff;
}

.uvrh237882-modal-body {
  padding: 15px;
  overflow-y: auto;
  flex: 1;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  color: #ccc;
}
.uvrh237882-modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999999 !important;
}
.uvrh237882-modal-overlay-games {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999999 !important;
}
.uvrh237882-modal {
  background: #0f0f0f;
  border: 1px solid #2c2c2c;
  border-radius: 5px;
  width: 90%;
  max-width: 600px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  z-index: 99999999 !important;
}
.uvrh237882-modal-header {
  background: #1c1c1c;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Montserrat", sans-serif;
  color: #81B6E3;
  font-size: 1rem;
  border-bottom: 1px solid #2c2c2c;
}
.uvrh237882-modal-title {
  margin-left: 5px;
}
.uvrh237882-modal-close,
.uvrh237882-modal-close-games {
  text-decoration: none;
  color: #81B6E3;
  font-size: 1.2rem;
}
.uvrh237882-modal-close:hover,
.uvrh237882-modal-close-games:hover {
  color: #fff;
}
.uvrh237882-modal-body {
  padding: 15px;
  overflow-y: auto;
  flex: 1;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  color: #ccc;
}
.uvrh237882-modal-body-games {
  padding: 15px;
  overflow-y: auto;
  flex: 1;
  font-family: "Roboto", sans-serif;
  font-size: 0.9rem;
  color: #ccc;
}
.uvrh237882-game-item {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.uvrh237882-game-poster {
  width: 50px;
  height: auto;
  border-radius: 3px;
}
.uvrh237882-game-title {
  margin: 0;
  font-size: 0.95rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #fff;
}

.uvrh237882-modal-body,
.uvrh237882-modal-body-games {
  scrollbar-width: thin; 
  scrollbar-color: #81B6E3 #1c1c1c; 
}

.uvrh237882-modal-body::-webkit-scrollbar,
.uvrh237882-modal-body-games::-webkit-scrollbar {
  width: 8px;
}

.uvrh237882-modal-body::-webkit-scrollbar-track,
.uvrh237882-modal-body-games::-webkit-scrollbar-track {
  background: #1c1c1c;
}

.uvrh237882-modal-body::-webkit-scrollbar-thumb,
.uvrh237882-modal-body-games::-webkit-scrollbar-thumb {
  background-color: #81B6E3;
  border-radius: 4px;
}

/*einde nieuwe pakketten.php by Cam*/



/*nieuwe games by Cam*/
.uvrg132812-container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.uvrg132812-page-heading {
    margin-bottom: 30px;
}
.uvrg132812-title {
    font-family: "Montserrat", sans-serif;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
.uvrg132812-subtitle {
    font-size: 14px;
    color: #bbb;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.uvrg132812-filterBox {
    margin-bottom: 20px;
}
.uvrg132812-filterBox button {
    border: 2px solid #81B6E3;
    background: #000;
    color: #81B6E3;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 12px;
    margin-right: 5px;
}
.uvrg132812-catCheckboxes {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
}
.uvrg132812-catCheckLabel {
    display: inline-block;
    background: #222;
    color: #fff;
    padding: 4px 8px;
    margin: 4px;
    border: 1px solid #81B6E3;
    border-radius: 2px;
    font-size: 14px;
    cursor: pointer;
}

.uvrg132812-game-col {
    margin-bottom: 30px; 
}

.uvrg132812-card {
    background-color: #111;
    border: 1px solid #222;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    transition: transform 0.2s ease;
}
.uvrg132812-card:hover {
    transform: scale(1.02);
}

.uvrg132812-card-img {
    width: 100%;
    height: 220px; 
    overflow: hidden;
}
.uvrg132812-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.uvrg132812-playtime {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    font-size: 13px;
    padding: 3px 6px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.uvrg132812-card-body {
    padding: 15px;
    display: flex;
    flex-direction: column; 
}

.uvrg132812-game-title {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    color: #f2f2f2;
    margin-bottom: 10px;
}

.uvrg132812-price {
    display: inline-block;
    background: #333;
    color: #FFC107;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 700;
}

.uvrg132812-right-btns {
    display: flex;
    gap: 8px;
}

.uvrg132812-btn-round {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #81B6E3;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 18px;
    transition: background 0.3s ease;
    text-decoration: none;
}
.uvrg132812-btn-round:hover {
    background-color: #4B9CD3;
}
.uvrg132812-btn-round:hover i {
  color: #ffffff!important;
}

.uvrg132812-btn-round-ylw {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #FFC107;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 18px;
    transition: background 0.3s ease;
    text-decoration: none;
}
.uvrg132812-btn-round-ylw:hover {
    background-color: #ffd147;
}
.uvrg132812-btn-round-ylw:hover i {
  color: #000000!important;
}
.hl73 {
  color: #ffffff!important;
  font-family: "Roboto", sans-serif!important;
  font-weight: 500 !important;
  font-size: 18px !important;
  transition: .1s!important;
}

.hl73:hover {
  color: #ffc426!important;
}

/*einde nieuwe games by Cam*/

.uvrf6293774-filterSortContainer {
    width: 100%;
    display: flex;
    flex-wrap: wrap;    
    gap: 20px;
    margin-bottom: 30px;  
    justify-content: space-between;
}

.uvrf6293774-categoriesBox {
    position: relative;
    min-width: 200px;
}

.uvrf6293774-catToggleBtn {
    background: #000;
    color: #81B6E3;
    border: 1px solid #161616;
    padding: 6px 12px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    border-radius: 2px;
    transition: .1s;
}

.uvrf6293774-catToggleBtn:hover {
  background-color: #81B6E3;
  color: #ffffff;
}

.uvrf6293774-catList {
    display: none;
    flex-wrap: wrap;
    gap: 10px; 
    width: 100%;   
    margin-top: 10px;
    background: #121212;
    padding: 15px;
    border: 1px solid #161616;
    border-radius: 2px;
}

.uvrf6293774-catLabel {
    display: inline-flex;   
    align-items: center;
    color: #ddd;
    cursor: pointer;
    font-size: 14px;
    font-family: "Open Sans", sans-serif!important;
    font-weight: 500 !important;
    margin-left: 3px;
}

.uvrf6293774-catLabel:not(:last-child)::after {
  content: " |";
  margin-left: 5px; 
  color: #535353; 
}
.uvrf6293774-catCheckbox {
    margin-right: 6px;
    width: 16px!important;
    height:16px!important;
}

.uvrf6293774-catCheckbox {
  margin-right: 6px;
  width: 16px !important;
  height: 16px !important;
  background-color: #121212 !important;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ddd !important;
  border-radius: 2px !important;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.uvrf6293774-catCheckbox:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  pointer-events: none;
}


.uvrf6293774-sortBox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.uvrf6293774-sortLabel {
    font-weight: 600;
    color: #ccc;
}

.uvrf6293774-sortSelect {
    padding: 8px;
    border-radius: 2px;
    border: 1px solid #666;
    background-color: #000;
    color: #ddd;
    outline: none;
    height:36px;
    font-family: "Roboto", sans-serif!important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.uvrf6293774-applyFilterBtn {
    border: 1px solid #81B6E3;
    background: #000;
    color: #81B6E3;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 2px;
    transition: .1s;
}

.uvrf6293774-applyFilterBtn:hover {
  background-color: #81B6E3;
  color: #ffffff;
}


.uvrf6293774-game-col {
    margin-bottom: 30px;
}
.uvrw263784-buttons-container {
  position: fixed;
  bottom: 18px;
  right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;   
  z-index: 999999;  
}

.uvrw263784-whatsapp-container {
  transition: margin-right 0.3s ease;
  margin-right: 0!important; /* Standaard op 0, dus geheel rechts */
}
.uvrw263784-whatsapp-container.shifted {
  margin-right: 60px; /* Hierdoor schuift de WhatsApp-knop naar links */
}

.uvrw263784-whatsapp-button {
  width: 55px;
  height: 55px;
  background-color: #25D366; 
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
  color: #fff; 
}

.uvrw263784-whatsapp-button:hover {
  transform: scale(1.1);
}

.uvrw263784-whatsapp-button i {
  font-size: 28px;
  color: #ffffff; 
}


.uvrx738278-section-title h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    color: #81B6E3;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.uvrx738278-section-title .uvrx738278-subtitle {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #ccc;
    font-weight: 500;
    margin-bottom: 0;
}

.uvrx738278-reviews-section {
    background: #000; 
    padding: 40px 0;
}

.uvrx738278-reviews-slider {
    position: relative;
    margin: 0 auto;
}

.uvrx738278-reviews-slider .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.uvrx738278-review-card {
   display: flex!important;
   flex-direction: column;
    background: #111;
    border-radius: 4px;
    padding: 20px;
    margin: 10px;
    min-height: 250px!important;
    align-items: center;
    justify-content: center;
}

.uvrx738278-review-content {
    text-align: center;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.uvrx738278-review-stars {
    margin-bottom: 10px;
    color: #ffc426; 
}

.uvrx738278-review-text {
    font-size: 15px;
    color: #ddd;
    margin-bottom: 15px;
    line-height: 1.4;
}

.uvrx738278-review-author {
    font-size: 14px;
    color: #999;
    font-style: italic;
}

.slick-prev {
  margin-left: 15px!important;
}

.slick-next {
  margin-right: 15px!important;
}

.slick-prev, .slick-next {
    background: #000;
    border: 1px solid #81B6E3;
    color: #81B6E3;
    height: 40px;
    width: 40px;
    z-index: 9999;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.2s ease-in-out;
}

.slick-prev:hover, .slick-next:hover {
    background: #81B6E3;
    color: #000;
    border-color: #81B6E3;
}

.uvrx738278-logos-section {
    background: #000;
    padding: 40px 0;
}

.uvrx738278-logos-slider {
    margin: 0 auto;
    position: relative;
}

.uvrx738278-logos-slider .slick-track {
  display: flex !important;
  align-items: stretch !important;
}

.uvrx738278-logo-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #111;
    border-radius: 4px;
    padding: 20px;
    margin: 0 10px;
    transition: transform 0.3s ease;
}

.uvrx738278-logo-card:hover {
    box-shadow: 0 10px 15px rgba(0,0,0,0.3);
}

.uvrx738278-logo-card img {
    max-width: 100%;
    height: auto;
    filter: grayscale(80%);
    transition: filter 0.3s ease;
}

.uvrx738278-logo-card:hover img {
    filter: grayscale(0%);
}

.slick-list {
  overflow: hidden !important;
}

.uvr-uvcp-game-checkbox {
  width: 24px !important;
  height: 24px !important;
  background-color: #121212 !important;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #373737!important;
  border-radius: 1px!important;
  cursor: pointer;
  position: relative;
}

.uvr-uvcp-game-checkbox:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 8px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  color: #81B6E3;
}

.uvr8115374-hero {
  width: 100%;
  min-height: 300px;
  background: url('/images/events-hero-bg.jpg') no-repeat center center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

.uvr8115374-hero-content {
  background: rgba(0,0,0,0.6);
  padding: 40px;
  border-radius: 8px;
  max-width: 800px;
}

.uvr8115374-hero-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 34px;
  color: #81B6E3;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.uvr8115374-hero-subtitle {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-size: 16px;
}

.uvr8115374-events-container {
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
}

.uvr8115374-events-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.uvr8115374-event-card {
  width: 100%;
  height: 500px;
  background-color: #1a1a1a;
  border: 1px solid #333;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.uvr8115374-event-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

.uvr8115374-event-image {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.uvr8115374-event-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); 
  z-index: 1;
}

.uvr8115374-event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uvr8115374-event-age-lbl {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #81B6E3;
  color: #000;
  padding: 5px 8px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  z-index: 2;
}

.uvr8115374-event-date-lbl {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #81B6E3;
  color: #000;
  padding: 5px 15px;
  border-radius: 3px;
  font-weight: 700;
  text-align: center;
  z-index: 2;
}
.uvr8115374-event-date-lbl .uvr8115374-day {
  display: block;
  font-size: 16px;
}
.uvr8115374-event-date-lbl .uvr8115374-month {
  font-size: 12px;
  text-transform: uppercase;
}

.uvr8115374-event-content {
  flex: 1;
  padding: 15px;
  overflow: auto;
  scrollbar-color: #81B6E3 #121212;
  scrollbar-width: thin;
}

.uvr8115374-event-content::-webkit-scrollbar {
  width: 8px; 
  background-color: #121212;
}

.uvr8115374-event-content::-webkit-scrollbar-thumb {
  background-color: #81B6E3;
  border-radius: 4px;
}

.uvr8115374-event-content h3 {
  font-family: "Montserrat", sans-serif;
  color: #81B6E3;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.uvr8115374-event-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #ccc;
  margin-bottom: 10px;
}

.uvr8115374-event-content ul {
  margin-bottom: 10px;
  padding-left: 1em;
  list-style-type: square;
}

.uvr8115374-event-content ul li {
  font-size: 14px;
  color: #ccc;
  margin-bottom: 5px;
}

.uvr8115374-event-footer {
  width: 100%;
  padding: 10px 15px;
  background: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #81B6E3;
}

.uvr8115374-event-price {
  font-size: 20px; 
  font-weight: 700;
  color: #81B6E3;
  margin: 0; 
}

.uvr8115374-button {
  display: inline-block;
  background: #81B6E3;
  color: #000000;
  padding: 10px 20px;
  border-radius: 3px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 0.3s ease;
}

.uvr8115374-button:hover {
  background: #6fa7d0;
  text-decoration: none;
  color: #ffffff;
}
.team-rank-badge {
  height: 28px;
  vertical-align: middle;
  margin-right: 5px;
  transition: transform 0.3s ease;
}

.team-rank-badge:hover {
  transform: scale(1.3); 
}

 .uvr8115374-event-image {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}
.uvr8115374-event-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.uvr8115374-event-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 1;
}
.uvr8115374-event-age-lbl {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #81B6E3;
  color: #000;
  padding: 7px 14px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  z-index: 2;
}
.uvr8115374-event-info-box {
  text-align: center;
}
.uvr8115374-event-info-box h1 {
  color: #81B6E3;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  margin-bottom: 15px!important;
}
.uvr8115374-event-info-box h3 {
  background: #81B6E3;
  color: #000!important;
  padding: 15px 20px!important;
  border-radius: 3px;
	font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
}
.uvr8115374-event-info-box p {
  color: #ddd!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px!important;
	margin-bottom: 5px!important;
}

.uvr8115374-event-spots-lbl {
  position: absolute;
  bottom: 10px; 
  left: 10px;
  padding: 7px 10px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 14px;
  z-index: 2;  
  color: #fff;
  background: #81B6E3; 
}

.uvr8115374-spots-lbl-few {
  background: #f19f1e; 
}

.uvr8115374-spots-lbl-soldout {
  background: #eb3a3a;  
}

.uvr8115374-spots-lbl-ok {
  background: #469b32; 
}

.uvr837274-soldout-box {
  margin: 30px auto;
  max-width: 500px;
  background-color: #333;
  color: #fff;
  padding: 15px;
  border-radius: 6px;
  text-align: center;
  font-size: 16px;
}
.uvr837274-soldout-box i {
  color: #c0392b;  
  margin-right: 8px;
}

.uvr83783411-wave-shape-top,
.uvr83783411-wave-shape-bottom {
  position: relative;
  width: 100%;
  overflow: hidden;
  line-height: 0;
}

.uvr83783411-wave-shape-top svg,
.uvr83783411-wave-shape-bottom svg {
  display: block;
  width: 100%;
  height: auto;
  fill: #81B6E3 ;
}

.uvr83783411-arrangements-section {
  position: relative;
  background-color: #000;
  padding: 60px 20px; 
  text-align: center;
}

.uvr83783411-arrangements-header h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #81B6E3;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.uvr83783411-arrangements-header h1 span {
  color: #ffc426; 
}

.uvr83783411-arrangements-header p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #ccc;
  margin: 0 0 15px;
}

.uvr83783411-swipe-hint {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}

.uvr83783411-swipe-text {
  font-size: 14px;
  color: #ccc;
  margin-right: 8px;
}

.uvr83783411-swipe-hand {
  width: 30px;
  height: 30px;
  background: url('/images/your-swipe-hand.png') no-repeat center center;
  background-size: cover;
}

.uvr83783411-arrangements-container {
  margin-top: 60px;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #81B6E3 #000;
}

.uvr83783411-arrangements-container::-webkit-scrollbar {
  height: 8px; 
}

.uvr83783411-arrangements-container::-webkit-scrollbar-track {
  background: #000;
}

.uvr83783411-arrangements-container::-webkit-scrollbar-thumb {
  background: #81B6E3;
  border-radius: 4px;
}

.uvr83783411-arrangement-card {
  position: relative;
  flex: 0 0 320px;
  background-color: #111;
  border-radius: 8px;
  border: 1px solid #333;
  box-shadow: 0 2px 5px rgba(0,0,0,0.5);
  overflow: hidden;
  transition: transform 0.3s ease;
}

.uvr83783411-arrangement-card:hover {
  transform: scale(1.03);
}

.uvr83783411-arrangement-glow {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    rgba(129,182,227,0.08),
    rgba(255,196,38,0.08),
    rgba(129,182,227,0.08)
  );
  animation: uvr83783411-glow-rotate 8s linear infinite;
  z-index: 0;
  pointer-events: none;
}

@keyframes uvr83783411-glow-rotate {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.uvr83783411-arrangement-ribbon {
  position: absolute;
  top: 15px;
  left: -40px;
  width: 130px;
  height: 30px;
  background: #ffc426;
  transform: rotate(-45deg);
  z-index: 5;
}

.uvr83783411-arrangement-ribbon span {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  line-height: 30px;
  position: relative;
  left: 5px;
}

.uvr83783411-card-header {
  position: relative;
  z-index: 1;
  background-color: rgba(0,0,0,0.4);
  backdrop-filter: blur(3px);
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #333;
}

.uvr83783411-arrangement-icon {
  font-size: 1.8rem;
  color: #ffc426; 
  margin-bottom: 8px;
}

.uvr83783411-card-header h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.uvr83783411-card-body {
  position: relative;
  z-index: 1;
  padding: 20px;
  font-family: "Roboto", sans-serif;
  color: #ccc;
}

.uvr83783411-card-desc {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.4;
}

.uvr83783411-old-price {
  margin-bottom: 0!important;
  color: #ffc426!important;
  font-size: 18px;
}

.uvr83783411-new-price {
  margin: 5px 0 0;
  color: #81B6E3;
  font-weight: 700;
  font-size: 28px;
}

.uvr83783411-card-footer {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 15px 10px;
  background-color: rgba(0,0,0,0.4);
  border-top: 1px solid #333;
}

.uvr83783411-info-btn,
.uvr83783411-referral-btn,
.uvr83783411-reserve-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  border-radius: 4px;
  padding: 8px 10px;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.uvr83783411-info-btn {
  background-color: transparent;
  border: 2px solid #81B6E3;
  color: #81B6E3;
}

.uvr83783411-info-btn:hover {
  background-color: #81B6E3;
  color: #000;
}

.uvr83783411-referral-btn {
  background-color: #ffc426;
  color: #000;
  border: 2px solid #ffc426;
  margin: 0 5px;
}

.uvr83783411-referral-btn:hover {
  background-color: #81B6E3;
  border-color: #81B6E3;
  color: #fff;
}

.uvr83783411-reserve-btn {
  background-color: #81B6E3;
  color: #000;
  border: 2px solid #81B6E3;
}

.uvr83783411-reserve-btn:hover {
  background-color: #ffc426;
  border-color: #ffc426;
  color: #000;
}

.uvr83783411-home-nav-section {
  position: relative;
  background-color: #000; 
  padding: 60px 20px;
  text-align: center;
}

.uvr83783411-home-nav-container {
  max-width: 1200px;
  margin: 0 auto;
}

.uvr83783411-title {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  color: #81B6E3;
  margin-bottom: 15px;
}

.uvr83783411-nav-scroll {
  margin-top: 10px;
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 10px;
  scrollbar-width: thin;
  scrollbar-color: #81B6E3 #000;
}

.uvr83783411-nav-scroll::-webkit-scrollbar {
  height: 8px;
}

.uvr83783411-nav-scroll::-webkit-scrollbar-track {
  background: #000;
}

.uvr83783411-nav-scroll::-webkit-scrollbar-thumb {
  background: #81B6E3; /* Primary color */
  border-radius: 4px;
}

.uvr83783411-nav-item {
  position: relative;
  min-width: 220px;
  text-decoration: none;
  background: conic-gradient(rgba(129, 182, 227, 0.08), rgba(255, 196, 38, 0.08), rgba(129, 182, 227, 0.08));
  color: #fff;
  border: 1px solid #222;
  border-radius: 1px;
  padding: 20px 15px;
  font-family: "Roboto", sans-serif;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
  text-decoration: none;
  border-top:5px solid #81B6E3;
}

.uvr83783411-nav-item:hover {
  transform: translateY(5px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.6);
  text-decoration: none!important;
}

.uvr83783411-item-icon {
  font-size: 2rem;
  color: #81B6E3;
  margin-bottom: 10px;
  z-index: 1; 
}
.uvr83783411-item-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 0 8px;
  z-index: 1;
}

.uvr83783411-nav-item p {
  margin: 0;
  color: #ccc;
  font-size: 14px;
  z-index: 1;
}

.uvrct739745-counter-container {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 2rem;
  z-index: 10;
}

.uvrct739745-counter-item {
  background: rgba(0,0,0,0.6);
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  text-align: center;
  min-width: 120px;
}

.uvrct739745-counter-number {
  font-size: 2rem;
  font-weight: bold;
  color: #81B6E3;
}

.uvrct739745-counter-label {
  font-size: 0.9rem;
  color: #fff;
  margin-top: 0.25rem;
}

.uvrkf83374823-kp-hero {
  position: relative;
  height: 80vh;
  background: url('/images/uploads/kinderfeestje-ultimate.jpeg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  overflow: hidden;
}
.uvrkf83374823-kp-hero:before {
  content: '';
  position: absolute;
  inset: 0;
  background: #000000 !important;
  opacity: 0.6 !important;
}
.uvrkf83374823-hero-content {
  position: relative;
  z-index: 1;
  animation: uvrkf83374823-fadeUp 1.2s ease-out !important;
}
.uvrkf83374823-hero-content h1 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.4rem !important;
  margin-bottom: 1rem !important;
  color: #ffffff !important;
}
.uvrkf83374823-hero-content p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  margin-bottom: 2rem !important;
  color: #ffffff !important;
}
.uvrkf83374823-btn-kp {
  display: inline-block !important;
  padding: 0.7rem 1.5rem !important;
  border: 2px solid #81B6E3 !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  transition: background .3s, color .3s !important;
  color: #81B6E3 !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px!important;
  background-color: #000000!important;
}
.uvrkf83374823-btn-kp:hover {
  background: #81B6E3 !important;
  color: #ffffff !important;
  text-decoration: none!important;
}
.uvrkf83374823-section-info,
.uvrkf83374823-section-timeline,
.uvrkf83374823-section-testimonials,
.uvrkf83374823-section-faq,
.uvrkf83374823-section-cta {
  padding: 4rem 0 !important;
}
.uvrkf83374823-section-timeline .uvrkf83374823-section-title {
  margin-bottom: 3rem;
}
.uvrkf83374823-section-title {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700 !important;
  font-size: 2.5rem !important;
  text-align: center !important;
  margin-bottom: 2.5rem !important;
  color: #ffffff !important;
  position: relative !important;
}
.uvrkf83374823-section-title:after {
  content: '';
  width: 80px !important;
  height: 4px !important;
  background: #81B6E3 !important;
  display: block !important;
  margin: .5rem auto 0 !important;
}
.uvrkf83374823-section-dark,
.uvrkf83374823-section-faq {
  background: #111111 !important;
}
.uvrkf83374823-why-item .col-md-4 {
  padding: 0 1rem !important;
  margin-bottom: 2rem !important;
  text-align: center!important;
}
.uvrkf83374823-why-item i {
  font-size: 3rem !important;
  color: #81B6E3 !important;
}
.uvrkf83374823-why-item h5 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700!important;
  margin-top: 1rem !important;
  margin-bottom: .5rem !important;
  color: #ffffff !important;
}
.uvrkf83374823-why-item p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400!important;
  font-size: 16px!important;
  color: #ffffff !important;
}
.uvrkf83374823-timeline {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}
.uvrkf83374823-timeline:before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 7px;
  height: 100%;
  background: #81B6E3;
}
.uvrkf83374823-timeline-item {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  align-items: start;
  margin-bottom: 2.5rem;
  position: relative;
}
.uvrkf83374823-timeline-item:last-child {
  margin-bottom: 0;
}
.uvrkf83374823-timeline-dot {
  grid-column: 2;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #81B6E3;
  border: 4px solid #000;
  position: relative;
  top: 4px;
  left:7px;
}
.uvrkf83374823-timeline-content {
  padding: 0.5rem 1rem;
  background: #111;
  border-radius: 4px;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}
.uvrkf83374823-timeline-item:nth-child(odd) .uvrkf83374823-timeline-content {
  grid-column: 1;
  text-align: right;
  animation-name: uvrkf83374823-fadeInLeft;
}
.uvrkf83374823-timeline-item:nth-child(even) .uvrkf83374823-timeline-content {
  grid-column: 3;
  text-align: left;
  animation-name: uvrkf83374823-fadeInRight;
}
.uvrkf83374823-timeline-content h5 {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 700!important;
  margin: 0 0 0.5rem;
  color: #81B6E3;
  font-size: 1.25rem;
}
.uvrkf83374823-timeline-content p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400!important;
  margin: 0;
  color: #fff;
  line-height: 1.6;
  font-size: 16px!important;
}

@keyframes uvrkf83374823-fadeInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes uvrkf83374823-fadeInRight {
  from { opacity: 0; transform: translateX(30px); }
  to   { opacity: 1; transform: translateX(0); }
}
.uvrkf83374823-testimonial {
  background: #111111 !important;
  padding: 2rem !important;
  border-radius: 4px !important;
  margin-bottom: 2rem !important;
}
.uvrkf83374823-testimonial p {
  font-size: 15px!important;
  color: #ffffff !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400 !important;
}
.uvrkf83374823-testimonial .font-weight-bold {
  margin-top: 1rem !important;
  color: #81B6E3 !important;
}
.uvrkf83374823-accordion .card {
  background: transparent !important;
  border: none !important;
}
.uvrkf83374823-accordion .btn-link {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500!important;
  font-size: 17px!important;
  display: block !important;
  width: 100% !important;
  padding: 15px !important;
  text-align: left !important;
  color: #ffffff !important;
  position: relative !important;
  text-decoration: none!important;
}
.uvrkf83374823-accordion .btn-link:hover { 
  text-decoration: none!important;
}
.uvrkf83374823-accordion .btn-link:after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f0d7" !important;
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #81B6E3 !important;
}
.uvrkf83374823-accordion .btn-link[aria-expanded="true"]:after {
  content: "\f0d8" !important;
}
.uvrkf83374823-section-cta .container {
  text-align: center !important;
}
.uvrkf83374823-section-cta .uvrkf83374823-btn-kp {
  margin: 0 1rem !important;
}
@keyframes uvrkf83374823-fadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

.aip728846 {
  background-color: #161616!important;
  border-radius: 1px!important;
}

.aip7288378 {
  background-color: #81B6E3!important;
  padding: 15px!important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400!important;
  font-size: 15px!important;
  color: #000000!important;
}

.uvrs482930-section {
  padding: 60px 0;
  background: #111;
  color: #fff;
}
.uvrs482930-summary h2 {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #e0e0e0;
}
.uvrs482930-summary p {
  font-size: 1rem;
  line-height: 1.6;
  color: #ccc;
}

.uvrs482931-section {
  padding: 60px 0;
  background: #1a1a1a;
}
.uvrs482931-section h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #e0e0e0;
}
#uvrs482931-marketChart {
  max-width: 100%;
  height: 300px;
}

.uvrs482932-section {
  padding: 60px 0;
  background: #111;
}
.uvrs482932-section h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #e0e0e0;
}
#uvrs482932-tokenomicsChart {
  max-width: 100%;
  height: 300px;
}
.uvrs482932-section ul {
  list-style: none;
  padding: 1rem 0 0;
}
.uvrs482932-section li {
  margin-bottom: 0.5rem;
  color: #ccc;
}

.uvrs482933-section {
  padding: 60px 0;
  background: #1a1a1a;
}
.uvrs482933-section h2 {
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #e0e0e0;
}
.uvrs482933-roadmap-list {
  list-style: none;
  padding: 0;
}
.uvrs482933-roadmap-list li {
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #ccc;
}
.uvro529317-section {
  padding: 60px 0;
  background: #111;
  color: #fff;
}

.uvro529317-earnspend h2 {
  font-size: 2rem;
  color: #e0e0e0;
  margin-bottom: 2rem;
}

.uvro529317-earnspend h3 {
  font-size: 1.25rem;
  color: #ccc;
  margin-bottom: 1rem;
}

#uvro529317-earnChart,
#uvro529317-spendChart {
  max-width: 100%;
  height: 250px;
}

.uvro529318-section {
  padding: 60px 0;
  background: #1a1a1a;
  color: #fff;
}

.uvro529318-section h2 {
  font-size: 2rem;
  color: #e0e0e0;
  margin-bottom: 2rem;
}

.uvro529318-section ul {
  list-style: disc inside;
  color: #ccc;
}

.uvro529318-section li {
  margin-bottom: 0.5rem;
}

.uvro529319-section {
  padding: 60px 0;
  background: #111;
  color: #fff;
}

.uvro529319-section h2 {
  font-size: 2rem;
  color: #e0e0e0;
  margin-bottom: 2rem;
}

.uvro529319-section ul {
  list-style: none;
  color: #ccc;
}

.uvro529319-section ul > li {
  margin-bottom: 1rem;
}

.uvro529319-section ul ul {
  list-style: circle inside;
  margin-top: 0.5rem;
}

.uvro529319-section ul ul li {
  margin-bottom: 0.25rem;
}


.uvro834720-section {
  padding: 60px 0;
  background: #1a1a1a;
  color: #fff;
}
.uvro834720-section h2 {
  font-size: 2rem;
  color: #e0e0e0;
  margin-bottom: 2rem;
  text-align: center;
}
.uvro834720-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}
.uvro834720-card {
  background: #111;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5);
  text-align: center;
  transition: transform 0.3s;
}
.uvro834720-card:hover {
  transform: translateY(-5px);
}
.uvro834720-card i {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #64b5f6;
}
.uvro834720-card h3 {
  font-size: 1.25rem;
  color: #e0e0e0;
  margin-bottom: 0.5rem;
}
.uvro834720-card p {
  color: #ccc;
  font-size: 0.9rem;
}

.uvro834721-section {
  padding: 60px 0;
  background: #111;
  color: #fff;
}
.uvro834721-section h2 {
  font-size: 2rem;
  color: #e0e0e0;
  margin-bottom: 2rem;
  text-align: center;
}
.uvro834721-timeline {
  position: relative;
  margin: 2rem 0;
  padding-left: 2rem;
}
.uvro834721-timeline::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #333;
  border-radius: 2px;
}
.uvro834721-item {
  position: relative;
  margin-bottom: 2rem;
}
.uvro834721-dot {
  position: absolute;
  left: -18px;
  top: 0;
  width: 16px;
  height: 16px;
  background: #64b5f6;
  border-radius: 50%;
}
.uvro834721-content {
  margin-left: 10px;
}
.uvro834721-content strong {
  display: block;
  font-size: 1rem;
  color: #e0e0e0;
  margin-bottom: 0.25rem;
}
.uvro834721-content p {
  color: #ccc;
  font-size: 0.9rem;
  margin: 0.25rem 0;
}

@media only screen and (max-width: 768px) {
  .uvrct739745-counter-container {
    flex-direction: row;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 1rem;
  }

  .uvrct739745-counter-item {
    padding: 0.5rem 1rem;
    border-radius: 1px;
    width: 150px;
  }

  .uvrct739745-counter-number {
    font-size: 1.2rem;
  }

  .uvrct739745-counter-label {
    font-size: 0.75rem!important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500 !important;
  }
  .uvr83783411-arrangements-container {
    margin-top: 40px!important;
  }
  .uvr83783411-arrangements-header h1 {
    font-size: 30px!important;
  }
  .uvr83783411-title {
    font-size: 30px!important;
  }
  .uvr8115374-event-info-box h3 { 
    font-size: 15px !important;
  }
  .team-rank-badge {
    margin-top: -5px!important;
    vertical-align: baseline !important; 
    margin-left: 150px!important;
  }
  .uvr-uvcp-game-checkbox {
    width: 36px !important;
    height: 36px !important;
    border-radius: 3px!important;
  }
  
  .uvr-uvcp-game-checkbox:checked::after {
    top: 5px !important;
    left: 12px !important;
    width: 10px !important;
    height: 20px !important;
    border-width: 0 4px 4px 0 !important;
  }

  .uvrx738278-review-card {
        margin: 10px 0;
        min-height: auto;
    }
    .uvrx738278-review-text {
        font-size: 14px;
    }
    .uvrx738278-review-author {
        font-size: 13px;
    }
    
    .uvrx738278-logos-section,
    .uvrx738278-reviews-section {
        padding: 30px 0;
    }
    
    .uvrx738278-logo-card {
        margin: 10px 0;
    }
    .uvrx738278-logo-card img {
        max-width: 70%;
    }
    .uvrx738278-section-title h2 {
        font-size: 30px!important;
    }
    
    .uvrx738278-section-title .uvrx738278-subtitle {
        font-size: 15px!important;
        max-width: 95%!important;
    }

    
  .uvrw263784-whatsapp-button {
    width: 38px;
    height: 38px;
  }
  .uvrw263784-whatsapp-button i {
    font-size: 20px;
  }
  .uvr527391-description {
    line-height: 1.6!important;
    font-size: 16px!important;
  }
  .uvr527391-card {
    margin-bottom: 15px!important;
  }
  .uvr527391-title {
    font-size: 18px!important;
  }
  .uvr-pp362653812-container {
    justify-content: left!important;
  }
  .uvr-arr-scroll-container {
    justify-content: left!important;
  }
   .uvr-arr-scroll-card {
    flex: 0 0 280px; 
  }
  .uvr-arr-scroll-section {
    padding: 30px 10px;
  }
  .uvr-arr-scroll-header h1 {
    font-size: 28px!important;
    margin-top:15px!important;
  }
  .swipe-hint {
    display: inline-flex; 
  }
  .uvr-ut366743224-calltoaction {
    margin-top:-15px!important;
  }
  .uvr-ut366743224-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .uvr-ut366743224-title {
    font-size: 1.4rem;
  }
  .uvr-ut366743224-subtitle {
    font-size: 0.9rem;
  }
  .uvr-ut366743224-equal-height-row {
    display: block;
  }
  .uvr-ut366743224-equal-height-row > [class*="col-"] {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }
  .uvr-ut366743224-section-box {
    margin-bottom: 20px;
  }
  .uvr-arr98765-header h1 {
    font-size: 24px!important;
  }
  .uvr-pp362653812-header h1 {
    font-size: 24px!important;
  }
  .uvr-pp362653812-header p {
    font-size: 15px!important;
  }
  .uvr-arr98765-header p {
      font-size: 15px!important;
  }
  #game_filter {
    height:40px!important;
  }
  .uvr-hs348912938-form {
    flex-direction: column;
    align-items: stretch;
  }
  .uvr-hs348912938-form-group {
    width: 100%;
  }
  .uvr-hs348912938-input,
  .uvr-hs348912938-select {
    min-width: auto;
    width: 100%;
    margin-bottom: 10px;
  }
  .uvr-hs348912938-button {
    width: 100%;
    margin-top: -10px;
  }

  .uvr-hs348912938-highscore-table thead {
    display: none;
  }
  .uvr-hs348912938-highscore-table tbody tr {
    display: block;
    border-bottom: transparent;
    border-radius: 0;
    padding: 10px;
  }
  .uvr-hs348912938-highscore-table tbody tr.uvr-hs348912938-details {
    margin-bottom: 20px;
  }
  .uvr-hs348912938-highscore-table tbody td {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    border-bottom: 1px solid #333;
    font-size: 0.95em;
    position: relative;
  }
  .uvr-hs348912938-highscore-table tbody td:last-child {
    border-bottom: none;
  }
  .uvr-hs348912938-highscore-table tbody td:before {
    content: attr(data-label) "";
    font-weight: bold;
    color: #81b6e3;
    text-transform: uppercase;
    margin-right: 5px;
  }
  .uvr-hs348912938-title {
    font-size: 22px !important;
  }
  .uvr-ct72574211-main-title {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  .uvr-ct72574211-subtitle {
    font-size: 0.95rem;
    margin-bottom: 25px;
  }
  
  .uvr-ct72574211-info-section .row.align-items-stretch {
    flex-direction: column; 
  }
  .uvr-ct72574211-info-section .row.align-items-stretch > [class*='col-'] {
    max-width: 100%;
  }
  .uvr-ct72574211-info-box {
    margin-bottom: 20px;
  }
  
  .uvr-ct72574211-form-wrapper {
    padding: 20px;
  }
  .uvr-ct72574211-form-wrapper h2 {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }
  
  .uvr-ct72574211-field-wrapper {
    margin-bottom: 20px;
  }
  
  .uvr-ct72574211-field-wrapper input,
  .uvr-ct72574211-field-wrapper textarea {
    padding: 10px 12px;
    font-size: 0.95rem;
  }
  
  .uvr-ct72574211-submit-btn {
    padding: 10px 20px;
    font-size: 0.9rem;
  }
  .copyright-msg {
    white-space: normal; 
  }
  .copyright-msg .second-line {
    display: block;      
    margin-top: 5px;
  }
  .footer .footer-column {
        text-align: center !important;
        margin-bottom: 20px!important; 
    }
    .footer .footer-column h3 {
        text-align: center !important;
    }
    .footer .footer-column .footer-nav {
        text-align: center;
    }
    .footer .footer-column .footer-nav li {
        display: inline-block;
        margin: 5px 10px; 
    }
    .footer .footer-column .footer-nav li a {
        text-align: center !important;
        display: inline-block;
    }
    .footer .social-icons {
        text-align: center !important;
        margin: 10px 0;
    }
    .footer .dropdown {
        float: none !important;
        margin: 0 auto !important;
        margin-top: 10px!important;
    }
  #custom_bedrag {
    margin-bottom: 15px!important;
  }
  .uvr-dge737847352-section-title {
    font-size: 14px!important;
  }
  .uvr-dge737847352-rightcol {
    padding: 0 !important;
  }
  .uvr-flt7637824187-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .uvr-flt7637824187-filterblock select {
    width: 100%;
  }
  .mb-disp-none-x25578 {
    display: none!important;
  }
  .uvr-uvcp-it257848962-scrollarea {
    max-height: 450px !important; 
    margin: 15px 0 !important;
    padding: 10px !important;
  }

  .uvr-uvcp-it257848962-gameitem {
    flex-direction: column !important;
    margin-bottom: 15px !important;
  }

  .uvr-game-poster-wrapper {
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    width: 100% !important;
  }
  .uvr-uvcp-it257848962-img {
    width: 100% !important;  
    max-height: 250px !important;
    height: 250px !important;
    object-fit: cover !important;
  }
  .uvr-uvcp-it257848962-info {
    width: 100% !important;
    padding: 10px !important;
    margin-top: -10px!important;
  }
  .uvr-uvcp-it257848962-info h2 {
    font-size: 14px !important;
  }
  .uvr-uvcp-it257848962-info p {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  .uvr-kies-label {
    font-size: 14px !important;
  }
  .uvr-uvcp-it257848962-priceinner {
    font-size: 14px !important;
  }
  .uvr-ctrv-p263662881 {
    background-color: #81B6E3!important;
  }
  .uvr-ctrv-p263662881 h1 {
    font-size: 32px!important;
    color: #ffffff!important;
  }
  .uvr-ctrv-p263662881::before {
    top: 80px!important;
    width: 120px!important;
    background-position: center!important;
    margin-right: -35px!important;
  }
  .uvr-ctrv-p263662881::after {
    top: 80px!important;
    width: 120px!important;
    background-position: center!important;
    margin-left: -35px!important;
  }
  .uvr-ctrv-u73688628 {
    margin-top: 25px!important;
    width: 100%!important;
    max-width: 100%!important;
  }
  .uvr-ctrv-u73688628 h3 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #ffffff!important;
  }
  .uvr-ctrv-u73688628 p {
  font-family: "Roboto", sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 1.4!important;
  color: #ddd!important;
}

.uvr-rsv6259766339-kijkwijzer-icons img {
  width: 30px;
  height: auto;
  margin-left: -2px;
}
  .uvr-lvc8379427-chat-button {
    visibility: hidden;
  }
  .uvr-lvc8379427-chat-popup {
    position: fixed;
    top: 25px; 
    right: 0px;
    width: 100%;
    height: 95%;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    display: none; 
    z-index: 99999999;
    overflow: hidden;
    flex-direction: column;
}
.uvr-lvc8379427-chat-close {
    position: absolute;
    top: -15px;
    right: 10px;
    background: none;
    border: none;
    color: #ff4b4b!important;
    font-size: 48px!important;
    font-weight: bold!important;
    cursor: pointer;
    transition: .1s;
}
 .uvr-uv820722-desktop-search {
    display: none !important;
  }
  .uvr-uv820722-navbar-toggler {
    display: inline-block !important;
  }
  .uvr-uv820722-main-nav {
    position: fixed !important;
    top: 0 !important;
    right: -100% !important;
    height: 100vh !important;
    width: 80% !important;
    max-width: 350px !important;
    /*background: linear-gradient(to right, #f8cdda, #1c92d2);*/
    background: #121212 !important;
    border-top: 5px solid #81B6E3 !important;
    box-shadow: -2px 0 5px rgba(0,0,0,0.5) !important;
    transition: right 0.3s ease !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding-top: 25px!important;
    padding-bottom: 80px!important;
    overflow-y: auto !important;
    z-index: 99999 !important; 
  }

  .uvr-uv820722-main-nav.show {
    right:0 !important;
  }
  .uvr-uv820722-nav-overlay {
    display: block !important;
    position: fixed !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    background: rgba(0,0,0,0.5) !important; 
    z-index: 99998 !important; 
    opacity:0 !important;
    visibility:hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  }
  .uvr-uv820722-nav-overlay.show {
    opacity:1 !important;
    visibility: visible !important;
  }
  .uvr-uv820722-nav-header {
    position: relative!important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding:0 20px !important;
    width:100% !important;
    min-height:50px !important;
    background:#121212 !important;
    border-bottom:1px solid #81B6E3 !important;
  }
  .uvr-uv820722-close-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 48px !important;
    height: 48px !important;
    background: #c62828 !important; 
    border: none !important; 
    border-radius: 0 !important; 
    color: #ffffff !important;
    cursor: pointer !important;
    font-size: 1.4em !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: background 0.3s ease, transform 0.3s ease; 
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
  }

  .uvr-uv820722-close-menu i {
      transition: transform 0.3s ease;
  }
  
  .uvr-uv820722-close-menu:hover {
      background: #b71c1c !important; 
      transform: scale(1.05); 
  }
  
  .uvr-uv820722-close-menu:hover i {
      transform: rotate(90deg); 
  }

  .uvr-uv820722-nav-brand-mobile {
    display:inline-block !important;
  }

  .uvr-uv820722-nav-logo {
    width:90px !important;
    margin-bottom: 10px!important;
  }

  .uvr-uv820722-mobile-search {
    position:relative !important;
    width:100% !important;
    margin-top:25px !important;
    display:block !important;
    padding:0 20px !important;
  }

  .uvr-uv820722-search-fld-mobile {
    width: 100% !important;
    display:block !important;
    padding:10px !important;
    border:1px solid #81B6E3 !important;
    border-radius:4px !important;
    background:#000 !important;
    color:#fff !important;
    font-size:14px !important;
  }

.uvr-uv820722-search-results-mobile {
  position: absolute!important; 
  top: 40px!important; 
  left: 20px!important;
  width: calc(100% - 40px)!important;
  background: #000!important;
  border: 1px solid #81B6E3!important;
  border-radius: 0 0 4px 4px!important;
  display: none;
  z-index: 9999!important;
  max-height: 50vh; 
  overflow-y: auto;
  scrollbar-width: thin; 
  -webkit-overflow-scrolling: touch; 
}

  .uvr-uv820722-nav-list {
    flex-direction:column !important;
    width:100% !important;
    margin-top:20px !important;
    padding:0 20px !important;
  }

  .uvr-uv820722-nav-item {
    width:100% !important;
  }

  .uvr-uv820722-nav-link {
    width:100% !important;
    border-bottom:1px solid #81B6E3 !important;
    justify-content:flex-start !important;
    gap:10px !important;
  }
  
  .uvr-uv820722-nav-list .uvr-uv820722-nav-item:last-child .uvr-uv820722-nav-link {
    border-bottom: none !important;
  }

  .uvr-uv820722-megamenu {
    display:none !important;
  }

  .uvr-uv820722-nav-link::after {
    display:none !important;
  }
  
  .uvr-uv820722-has-megamenu .uvr-uv820722-megamenu {
    display:none !important;
  }
  .uvr-uv820722-mobile-search {
    position: relative !important;
    z-index: 9999999 !important;
  }
  
  .uvr-uv0028764-socials {
    display: flex!important;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    background: #121212;
    border-top: 1px solid #81B6E3;
    margin-top: 10px!important;
  }

  .uvr-uv0028764-social-link {
    color: #ffffff;
    margin: 0 10px;
    font-size: 1.4em;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .uvr-uv0028764-social-link:hover {
    color: #81B6E3;
  }
  
  .no-scroll {
    position: fixed!important;
    overflow: hidden!important;
    width: 100%!important;
  }
  /*END HEADER & NAV*/
  
  .navButtons-ct {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    background-color: #81B6E3;
    border-top: 1px solid #75b7f0;
    height: 50px;
    text-align: center;
  }

  .navButton-icon {
    width: 22px;
    height: 22px;
    margin-top: 20px;
  }
    
  .navButton-title {
    font-family: "Montserrat", sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #ffffff;
  }
    
 .word1, .word2, .word3, .word4 {
      transform: scale(5); 
  }

  .video-header {
      height: 600px; 
  }
  
  .video-header .overlay {
    visibility: visible !important;
  }

  .video-header .overlay .content h1 {
      font-size: 2rem; 
  }

  .video-header .overlay .content p {
      font-size: 20px!important; 
  }

  .video-header .overlay .content img {
      width: 100px; 
  }
  .hero-section {
    padding: 50px 0;
  }

  .hero-section video {
    margin-bottom: 25px!important;
  }
  
  .hz-section-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #ffffff;
  }

  .opening-hours {
    margin-bottom: 30px;
  }

  .footer-column {
    margin-bottom: 15px !important;
  }
  
  .footer-column:last-child {
    margin-bottom: 0 !important;
  }
  
  .footer h3 {
    margin-bottom: 15px !important;
  }

 .info-section-hp .row {
      flex-direction: column;
      text-align: center;
  }

  .info-section-hp .info-image {
      margin-bottom: 20px;
  }

  .info-section-hp .info-content {
      padding: 0;
  }

  .info-section-hp .info-box-hp {
      margin-bottom: 20px;
  }
  
  .info-section-hp .info-box-hp:last-child {
      margin-bottom: 0!important;
  }
  
  .info-section-hp .info-box-hp {
    background-color: transparent !important;
  }

  .info-section-hp .info-image img {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: transparent;
  }
  .info-box {
    margin-bottom: 25px !important;
	}
  #scrollToTopBtn {
    display: none;
    width: 38px;
    height: 38px;
  }
  #scrollToTopBtn i { 
    font-size: 14px!important;
  }
  .date-field {
    width: 100% !important;
  }
  .contact-form .form-control:focus {
    color: #F6F6F6 !important;
  }
  .custom-content-btn {
    background-color: #1878a9;
    border-color: #81B6E3;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 700;
    color: #ffffff;
    float: left !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    transition: background-color 0.3s ease;
    margin-left: 20px !important;
    margin-top: -10px !important;
    margin-bottom: 10px!important;
  }

  .close-btn {
    font-size: 28px; 
    font-weight: bold;
    width: 32px;     
    height: 32px;    
    border-radius: 50%; 
    background-color: #ff2525; 
    color: #ffffff; 
    display: flex; 
    align-items: center;
    justify-content: center;
    position: absolute; 
    top: 10px; 
    right: 10px;
    cursor: pointer; 
  }
    
   .video-element {
        display: none !important;
    }
    .gif-element {
      display: block !important;
    }
    
    .uvr-hp-box {
        padding: 15px;
    }

    .uvr-hp-box h4 {
        font-size: 20px;
    }

    .uvr-hp-box p {
        font-size: 14px;
    }

    .uvr-hp-icon-container i {
        font-size: 35px;
    }
    
      .uhp-text-area {
        gap: 20px;
        padding: 15px;
    }

    .uhp-content-card {
        flex-direction: column;
        text-align: center;
    }

    .uhp-icon-wrapper {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .uhp-time-grid {
        grid-template-columns: 1fr;
    }
    
    .uhp-image-area img {
      border-bottom-right-radius:5px;
      border-bottom-left-radius: 5px;
      :none !important;
    }
    
    .text-center-align {
      font-size: 16px !important;
    }
    
     .custom-game-title, .custom-fire-title {
        font-size: 22px !important; 
        padding: 40px 0; 
    }

    .custom-game-title::before, .custom-game-title::after,
    .custom-fire-title::before, .custom-fire-title::after {
        width: 30px; 
    }
    
      
    .uhp-info-section .uhp-text-area .uhp-content-card {
        margin-bottom: 0; 
        padding-bottom: 0; 
    }
    
    .uhp-info-section .uhp-text-area .uhp-contact-details p:last-child {
        margin-bottom: 0; 
    }
    
    .uhp-info-section .uhp-text-area .uhp-content-card:last-child {
        margin-bottom: 0 !important; 
        padding-bottom: 0 !important; 
    }
    
     .page-header {
        height: 200px; 
    }

    .page-title {
        font-size: 24px !important;
        padding: 50px 0; 
    }

    .page-subtitle {
        font-size: 14px !important; 
    }

    .page-title-container {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 90%; 
    }
  .sbg-title {
    font-family: "Montserrat", sans-serif;
      font-weight: 700;
      font-size: 14px !important;
  }
  
  .game-item img {
    height: 75px !important;
    width: 75px !important;
  }
  
   .sbg-desc {
    font-family: "Roboto", sans-serif!important;
      font-weight: 400 !important;
      font-size: 12px !important;
  }
  
    .wizard-title-container {
        flex-direction: column!important;
        align-items: center!important;
    }

    .wizard-title-container::before,
    .wizard-title-container::after {
        flex: none!important;
        width: 100%!important; 
        margin: 10px 0!important;
    }

   .theme-grid {
        grid-template-columns: 1fr;
    }

    .form-check {
        justify-content: flex-start;
        padding: 15px;
    }

    .form-check-input {
        margin-right: 15px;
    }

    .wizard-title {
        font-size: 28px !important;
        margin-bottom: 0!important;
    }


    .custom-checkbox {
        background-color: #1c1c1c!important; 
        border: 2px solid #f8cdda!important;
    }

    .custom-checkbox:checked {
        background-color: #f8cdda!important; 
        border-color: #1c1c1c!important; 
        color: #1c1c1c !important; 
    }

    .custom-checkbox:checked::before {
        color: #1c1c1c!important;
    }
    
    .faq-p {
      max-width: 99%!important;
    }
    
    .faq-section h2 {
      font-size: 40px!important;
    }
    
     .uvr-tokens {
       color: #ffffff!important;
     }
    
    .footer-nav li {
      text-align: center!important;
    }
    .reserve-box {
      margin-bottom: 15px!important;
    }
    .styled-game-title h2 {
        font-size: 24px;
        padding-bottom: 6px; 
        border-bottom: 5px solid #1878a9;
    }

    .styled-game-title h2:before, 
    .styled-game-title h2:after {
        width: 30px; 
        height: 5px; 
    }

    .styled-game-title h2:before {
        left: -15px; 
    }

    .styled-game-title h2:after {
        right: -15px; 
    }
    .coupon-field {
        border-radius: 1px !important;
    }
    .btn-korting {
        height: 35px!important;
    }
    .popup-content {
      width: 90%!important; 
    }
    .popup-content h2 {
      font-size: 28px!important;
    }
     .discounted-price {
        font-size: 30px !important;
        padding-top: 75px!important;
    }
    .discounted-price::before {
        font-size: 18px!important;
    }
    
     .game-card {
        width: 100%; 
        margin-bottom: 20px; 
    }

    .game-card img,
    .game-card video {
        width: 100%; 
        height: 100%;
    }
    .uvr-hp-desc {
      text-align: justify!important;
      width: 100%!important;
    }
    .footer-column .social-icons {
        text-align: left!important;
    }
    
    .uInterface-ct-title h2 { 
      font-size: 1.4rem!important;
    }
    .uInterface-ct-description p { 
      font-size: 14px!important;
    }
    .ft-img2 {
      margin-top: 25px!important;
    }
    
    .party-info h2 {
      font-size: 2em !important;
		  margin-bottom: 20px !important;
    }
    .contact-form h3 {
      font-size: 2em !important;
    }
    .contactp-title {
      font-size: 2em !important;
    }
    .lc-mobile-ct {
      min-height: 80vh;
      max-height: 80vh;
      overflow-y: scroll;
      width: 100%;
      padding-bottom: 50px;
    }
    .channel-feed-pfPic img {
       width: 48px; 
        height: 48px; 
        border-radius: 5px;
        float: left !important;
        margin-right: 10px; 
     }
     
     
     .channelFeed { }
     
      .channel-feed-name {
        font-family: 'Raleway', sans-serif;
        font-size: 16px; 
        font-weight: 700;
          margin-top:3px;
    }

    .channel-feed-date {
        font-family: 'Arial', sans-serif;
        font-size: 14px; 
        font-weight: 500;
        margin-top: -1px;
    }

    .channel-feed-msg {
        font-size: 14px; 
        width: 95%;
        white-space: normal;
    }
     
    .feedNewMsg {
      width: 100%;
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
     }
     .feed_newMsg {
        background-color: #ffffff;
        color: #161616;
        border-top: 1px solid #dddfe2 !important;
        height: 100px;
        padding: 15px;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
    }
    
     .channel-feed-ct:last-child {
       border-bottom: none !important;
       margin-bottom: 50px !important;
     }
     
      .sndMsg-btn {
        position: fixed;
        bottom: 35px; 
        right: 10px;  
        z-index: 1000;
        background-color: transparent; 
        padding: 10px 15px;
    }

    .sndMsg-img-btn {
        width: 20px;
        height: 20px;
    }
     
    .lc-mobile-ct {
      min-height: 80vh;
      max-height: 80vh;
      overflow-y: scroll;
      width: 100%;
    }
    
    .channel-feed-msg {
        width: 95%;
        white-space: normal;
     }
     
    .like-btn {
      font-size: 18px!important;
    }
    .heart-btn {
      font-size: 18px!important;
    }
    .fire-btn {
      font-size: 18px!important;
    }
    .modal-content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); 
      background: #fff;
      width: 90%;
      max-width: 600px; 
      height: 80%;
      border-radius: 0px!important;
      overflow-y: auto;
      padding: 10px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }
    .uvr-authMeta-why-left {
      margin-bottom: 25px!important;
    }
    .uvr-xp7286-promo {
      font-size: 0.9rem !important;
    }

    .uvr-xp7286-timer {
      flex-wrap: wrap !important;
      gap: 8px !important;
    }

    .uvr-xp7286-timer-box {
      width: 60px !important;
      padding: 8px !important;
    }

    .uvr-xp7286-timer-box span {
      font-size: 1.2rem !important;
    }

    .uvr-xp7286-timer-label {
      font-size: 13px !important;
    }
    .uvr-authMeta-why-right h2 {
      font-size: 22px !important;
    }
    .uvr-meta-oa7394-header h1 {
      font-size: 1.6rem !important;
    }
    .uvr-authCK-tl1599-cookie-modal-content {
        width: 100vw;
        height: 100vh;
        max-width: none;
        max-height: none;
        margin: 0;
        padding: 0;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }
    
    .uvr-authCK-cmc-yj72837 {
        flex: 1;
        overflow-y: auto;
        padding: 15px;
    }
    
    .uvr-authCK-tl1599-cookie-buttons {
        display: flex;
        flex-direction: column;
        gap: 5px; 
        padding: 15px;
        background: #fff;
        position: sticky;
        bottom: 0;
        z-index: 10;
    }
    
    .uvr-authCK-tl1599-btn {
        width: 100%;
        padding: 10px;
    }
    .authHP-fl72184 {
        flex: 0 0 80%;
      }
       .new-arrival-card {
        flex: 0 0 80%;
        width: 80%;
      }
      .authHP-jw7297-title {
        margin-top: 20px!important;
        font-size:26px!important;
        text-transform: uppercase!important;
        margin-bottom: 10px!important;
    }
    

    .authHP-jw7297-icon {
        font-size: 2rem;
    }

    .authHP-jw7297-item-title {
        font-size: 1.1rem;
    }

    .authHP-jw7297-item p {
        font-size: 0.85rem;
    }
     .authHP-jw3129-heading h2 {
        font-size: 1.6rem;
    }

    .authHP-jw3129-heading h3 {
        font-size: 1.2rem;
    }

    .authHP-jw3129-text p {
        font-size: 0.95rem;
    }

    .authHP-jw3129-content-wrap {
        padding: 20px;
    }
    .authHP-dw92098-old-price {
        font-size: 1.2rem!important;
    }
    
    .authHP-dw92098-new-price {
        font-size: 1.6rem!important;
    }
    .authHP-dw92098-new-price small {
        font-size: 1.2rem!important;
    }
    .uvr-jx89027664-game-item {
        display: block;
    }
    .uvr-jx89027664-step-title {
        font-size: 20px;
        color: #81B6E3;
        margin-bottom: 20px;
        font-weight: 700!important;
    }
    .uvr-jx89027664-games-list img {
        width: 80px;
        height:80px;
        object-fit: cover;
        margin-right: 10px;
    }
    .uvr-jm976789-overview-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .uvr-jm976789-overview-card {
        max-width: 100%!important;
    }
   .uvr-xu367487-popup-content {
      width: 90%!important;
    }
    .uvr-xu367487-title {
      font-size: 20px!important;
    }
    .uvr-xu367487-scrollable {
      max-height: 60vh; 
    }
    .uvr-xu367487-timeline:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .uvr-xu367487-dot {
        left: 50%;
        transform: translateX(-50%);
        margin-top:-25px!important;
        background-color: #ffffff;
    }

    .uvr-xu367487-timeline-content {
        width: 90%!important; 
        position: relative!important; 
        margin: 30px auto!important; 
        text-align: center!important; 
        left: 0!important;
        right: 0!important;
    }

    .uvr-xu367487-timeline li {
        text-align: center;
        margin-bottom: 50px; 
    }

    .uvr-xu367487-timeline li:nth-child(odd) .uvr-xu367487-timeline-content,
    .uvr-xu367487-timeline li:nth-child(even) .uvr-xu367487-timeline-content {
        left: 0;
        right: 0;
    }
    .uvr-jx89027664-container {
      max-width: 100%!important;
    }
    .new-arrivals-header h1 { 
      font-size:26px!important;
      text-transform: uppercase!important;
    }
  
 }