* {
    margin     :     0;
  padding: 0;
   box-sizing: border-box;
}
	/* TODO: optimize for mobile */



/* Generated styles */


body 
 {
  font-family: 'Raleway', sans-serif;
	line-height     :  1.65;
   color: #2c3e50;
   background:#fff;
  overflow-x: hidden;
}
/* Generated styles */


img {
  display     :       block;
   max-width: 100%;
          height: auto;
}

a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: all 0.28s ease;
   transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;

}

ul, ol   {
           list-style    :    none;
	
	}

.vbz_navigation_queen {
   position: fixed;
  top: 0;
  left: 0;
   width:  100%;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(10px);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.06);
  z-index: 999;
               padding: 0;
}

.vbz_navcontainer_queen {
       max-width   :    1280px;
  margin: 0 auto;
       padding: 20px 28px;
         display: flex;
        align-items: center;
  justify-content    :      space-between;
}

.vbz_logoarea_queen a {
                  display: flex;
 align-items: center; 
	
}

.vbz_brandimage_queen {
   height: 46px;
	width: auto;
}

.vbz_menulinks_queen {
    display: flex;
   gap: 38px;
  align-items :   center;
}

.vbz_navitem_queen {
    font-size: 15px;
               font-weight: 500;
   color: #4a5568;
  font-family: 'Rubik', sans-serif;
  position: relative;
    padding: 7px 0;
}

.vbz_navitem_queen:hover,
.vbz_navitem_queen.vbz_currentpage_queen {
   color: #5a67d8;
     }

/* TODO: optimize for mobile */

.vbz_navitem_queen.vbz_currentpage_queen::after {
  content: '';
   position: absolute;
   bottom: 0;
		left  :        0;
   width: 100%;
    height: 2.5px;
  background: linear-gradient(90deg, #5a67d8 0%, #7c3aed 100%);
    border-radius: 2px;
}

/* Generated styles */



/* Browser compatibility */


/* State modifiers */

.vbz_mobiletoggle_queen {
    display     :      none;

	cursor:   pointer;

   padding: 7px;
}

.vbz_burgergraphic_queen {
    width: 26px;
  height: 26px;
  filter: brightness(0) saturate(100%) invert(32%) sepia(8%) saturate(847%) hue-rotate(177deg) brightness(93%) contrast(91%);
}

.vbz_alertbanner_northcote {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    padding     :15px 0;
	 margin-top: 86px;
  border-bottom: 2px solid #fbbf24;
}

/* Vendor-specific */

.vbz_bannercontent_northcote {
   max-width: 1280px;
  margin: 0 auto;
  padding: 0 28px;
  display    :  flex;
   align-items: center;
          gap: 16px;
}

.vbz_alerticon_northcote {
  width: 30px;
   height: 30px;
    flex-shrink : 0;
  filter: brightness(0) saturate(100%) invert(51%) sepia(98%) saturate(2170%) hue-rotate(1deg) brightness(102%) contrast(104%);
}

.vbz_noticetext_northcote {
  font-size: 13.5px;
    line-height:     1.55;
    color: #78350f;
  font-weight: 500;
               margin: 0;


}

.vbz_herozone_auckland {
   position: relative;
   min-height: 680px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 135px 28px 75px;
  overflow :     hidden;
}

.vbz_herobackdrop_auckland {
   position: absolute;
  top  :0;
   left: 0;
   width: 100%;
   height: 100%;
  background: url('../wallpapers/pattern-bg.webp') center/cover;
    opacity: 0.21;
	pointer-events: none;
}

.vbz_herolayout_auckland {
  max-width  :     1280px;
  margin: 0 auto;
  position: relative;
    z-index: 2;
}


.vbz_flexalign_auckland {
  display: flex;
   align-items: center;

}

.vbz_herowidth_auckland {
   width: 100%; 

}

.vbz_herogrid_auckland {
    display: grid;
   grid-template-columns  :       1.3fr 0.7fr;
	gap: 58px;
	align-items: center;
	
}

.vbz_herocol_auckland {
    color:        #ffffff;
}

.vbz_warningtag_auckland {
                    display: inline-flex;
   align-items: center;
   gap: 9px;
  background: rgba(239, 68, 68, 0.96);
  padding  : 9px 20px;
	border-radius: 22px;
    font-size: 13px;
	 font-weight: 600;
   margin-bottom: 26px;
  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.28);
}

.vbz_lockgraphic_auckland {
    width: 17px;
    height: 17px;
  filter: brightness(0) invert(1); 


}

.vbz_herocopy_auckland h1 {
	font-size: 58px;
    font-weight: 700;
	line-height: 1.18;
    margin-bottom: 22px;
  font-family: 'Rubik', sans-serif;
    letter-spacing    :        -0.015em;
}

.vbz_accenttext_auckland	{
  background: linear-gradient(120deg, #fbbf24 0%, #f59e0b 100%);
   background-clip: text;
}
	/* State modifiers */

.vbz_herocopy_auckland p {
    font-size: 17.5px;
   line-height: 1.72;
    margin-bottom:36px;
   opacity  :0.94;
  max-width: 540px;
}

.vbz_heroactions_auckland {
    display    :    flex; 
	    gap: 16px; 
		flex-wrap: wrap;
}

.vbz_primaryaction_auckland {
	display: inline-flex;
          align-items: center;
  gap: 11px;
  background: #ffffff;
    color: #5a67d8;
         padding: 15px 34px;
   border-radius   :   30px;
   font-weight: 600;
   font-size: 15.5px;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.14);
  transition:   all 0.28s ease; 
	
}

.vbz_primaryaction_auckland:hover {
  transform: translateY(-2px);
  box-shadow: 0 11px 28px rgba(0, 0, 0, 0.18);
}

.vbz_btnicon_auckland   {
       width: 19px;
  height: 19px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%);
     }
/* Browser compatibility */


.vbz_secondaction_auckland  {
  display: inline-flex;
   align-items: center;
   gap: 9px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(7px);
    color    :       #ffffff;
    padding: 15px 34px;
    border-radius  :  30px;
  font-weight: 600;
   font-size: 15.5px;
  border: 1.4px solid rgba(255, 255, 255, 0.28);
	transition: all 0.28s ease;
} 

.vbz_secondaction_auckland:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.45); 

}

.vbz_arrowgraphic_auckland
{
    width   :17px;
    height: 17px;
  filter: brightness(0) invert(1);
	
}

.vbz_heroimages_auckland {
   display: flex;
  flex-direction: column;
    gap    :    22px;
}

.vbz_featurebox_auckland {
  background: rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(14px);
  border: 1.4px solid rgba(255, 255, 255, 0.16);
    border-radius: 18px;
	padding: 26px;
    color: #ffffff;
          transition: all 0.38s ease;
		animation: vbz_floating 2.8s ease-in-out infinite;
	
} 

.vbz_featurebox_auckland:hover {
  transform: translateY(-7px);
  background: rgba(255, 255, 255, 0.17);
}  

.vbz_delayedbox_auckland {
	animation-delay: 1.4s;
	}
@keyframes vbz_floating {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-11px); }
}.vbz_boxicon_auckland {
  width: 40px;
   height: 40px;
   margin-bottom: 14px;
  filter: brightness(0) invert(1);
}



.vbz_featurebox_auckland h3 {
    font-size: 19px;
    font-weight: 600;
    margin-bottom : 7px;
  font-family: 'Rubik', sans-serif;
}

.vbz_featurebox_auckland p {
   font-size: 14px;
	  opacity: 0.88;
	   margin: 0;
}

.vbz_platformzone_point {
    background: #f9fafb;
   padding   :   105px 28px;
}

.vbz_platformwrap_point {


  max-width: 1280px;
				 margin: 0 auto;

}

.vbz_headingarea_point {

	  margin: 0 auto 68px;
   text-align: center;
   max-width: 700px;
}

.vbz_topline_point


{
  display :       inline-flex;
    align-items: center;
    gap: 9px;
  background: #dbeafe;
     color: #5a67d8;
   padding:       7px 18px;
   border-radius: 18px;
   font-size  :13.5px;
   font-weight: 600;
   margin-bottom: 16px;
}

.vbz_toplineicon_point {
   width     :     17px;
	 height    :   17px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%);
}

.vbz_headingtitle_point {
   font-size :       44px;
    font-weight: 700;
  line-height: 1.22;
    color: #1a202c;
 margin-bottom: 18px;
  font-family: 'Rubik', sans-serif;
}

.vbz_headingdesc_point
{
  font-size: 16.5px;
    line-height: 1.72;
    color: #64748b;
    margin: 0;
}

.vbz_featuregrid_point

{
 display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

.vbz_featurebox_point {
    background: #ffffff;
   border-radius: 16px;
  padding: 36px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);
    transition: all 0.32s ease;
    border: 1.4px solid #e2e8f0;
}

.vbz_featurebox_point:hover	{
  transform: translateY(-5px);
  box-shadow: 0 11px 28px rgba(90, 103, 216, 0.14);
  border-color: #5a67d8;
}

.vbz_iconholder_point {
    width :62px;
  height: 62px;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border-radius    :        13px;
    display: flex;
   align-items: center;
			justify-content:   center;
          margin-bottom: 22px;
}

.vbz_iconholder_point img {
    width: 30px;
   height: 30px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%);
}

.vbz_featurebox_point h3 {
    font-size: 20px;
  font-weight: 600;
       color: #1a202c;
               margin-bottom: 13px;
  font-family: 'Rubik', sans-serif;
}

.vbz_featurebox_point p {
   font-size: 15px;
	line-height: 1.68;
	color     :     #64748b;
   margin: 0;
}

.vbz_textimage_street {
	padding: 105px 28px;
   background: #ffffff;
}

.vbz_showcasewidth_street {
  max-width: 1280px;
  margin: 0 auto;
}

.vbz_showcaserow_street {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
}

.vbz_aligncenter_street  {
  align-items: center;
}

.vbz_imagewrap_street {


               position: relative;
	}

.vbz_mainimage_street {
  width: 100%;
   border-radius: 20px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.11);
}

.vbz_imagebadge_street  {

	   position: absolute;
  bottom    :       26px;
  right: 26px;
   background :        #ffffff;
    padding: 13px 22px;
    border-radius: 14px;
  display: flex;
    align-items: center;
                    gap: 9px;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.14);}

.vbz_badgeicon_street {

	   width: 22px;

   height   :   22px;

  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%); 
	
	}

.vbz_imagebadge_street span {
    font-weight: 600;
    color    :       #5a67d8;
    font-size: 14.5px; 

}

.vbz_textwrap_street {
  padding-left: 18px;
	
}

.vbz_categorymark_street

{
  display: inline-block;
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  padding: 7px 16px;
     border-radius: 16px;
   font-size: 13px;
  font-weight: 600;
               margin-bottom     :  16px;
}

.vbz_textwrap_street h3 {
    font-size: 40px;

		 font-weight: 700;

	   color: #1a202c;

	   line-height: 1.22;

	   margin-bottom: 22px;

	  font-family: 'Rubik', sans-serif;
}  

.vbz_textwrap_street p {
  font-size: 16px;
   line-height: 1.78;
  color: #64748b;
    margin-bottom: 18px;
}

.vbz_benefitlist_street {
  margin-top: 30px;
	  display: flex;
	  flex-direction: column;
	  gap: 14px;
}

.vbz_benefitlist_street li   {
          display: flex;
	    align-items    :        center;
	    gap     : 13px;
	  font-size:       15.5px;
		 color  :        #475569;
}

.vbz_benefitlist_street img {
   width: 22px;
  height: 22px;
    flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(61%) sepia(89%) saturate(4906%) hue-rotate(85deg) brightness(99%) contrast(101%);
} 

.vbz_imagetext_northcote {
   padding: 105px 28px;
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

.vbz_communitywidth_northcote {

	  max-width: 1280px;
	margin: 0 auto;



}

.vbz_communityrow_northcote     {
   display: grid;
  grid-template-columns: 1fr 1fr;
  gap    :        68px;
}

.vbz_aligncenter_northcote {
  align-items: center;
}  

.vbz_categorymark_northcote {
   display     :  inline-block;
  background: #bfdbfe;
       color: #1e40af;
   padding: 7px 16px;
  border-radius :  16px;
  font-size: 13px;
  font-weight: 600;
      margin-bottom: 16px;
}

.vbz_communitycopy_northcote h3 {
  font-size: 40px;
  font-weight  :        700;
   color: #1a202c;
   line-height  : 1.22;
  margin-bottom: 22px;
  font-family: 'Rubik', sans-serif;
}

.vbz_communitycopy_northcote p {
   font-size: 16px;
         line-height: 1.78;
    color: #64748b;
   margin-bottom: 18px;
}



.vbz_statisticsrow_northcote {
  margin-top: 40px;
	display: grid;
   grid-template-columns: 1fr 1fr;
				 gap: 26px;
}

.vbz_statcard_northcote {
  display     :    flex;
   align-items: center;
	gap: 15px;
                    background: #ffffff;
	 padding: 22px;
    border-radius: 14px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.05);
}

.vbz_staticon_northcote {
  width: 46px;
   height: 46px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1523%) hue-rotate(189deg) brightness(102%) contrast(101%);
}

.vbz_statcard_northcote h4 {
   font-size: 30px;
    font-weight: 700;
    color: #0ea5e9;
  margin: 0 0 3px 0;
  font-family: 'Rubik', sans-serif;


}

.vbz_statcard_northcote p   {
  font-size: 14px;
   color     :#64748b;
  margin: 0;
}

.vbz_communitymedia_northcote {
		 position: relative;
}

.vbz_communityimage_northcote {
	    width     : 100%;
    border-radius: 20px;
  box-shadow: 0 14px 44px rgba(0, 0, 0, 0.11);
}

.vbz_floatingcard_northcote {
  position: absolute;

	   top: 30px;

	   left: 30px;

	         background: #ffffff;

	   padding    :    17px 24px;

	  border-radius    :   16px;

	    display: flex;

	      align-items: center;

	   gap: 13px;

	  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.14); 
	
}


.vbz_floaticon_northcote  
  {
      width:    30px;
		 height: 30px;
	  filter: brightness(0) saturate(100%) invert(61%) sepia(89%) saturate(4906%) hue-rotate(85deg) brightness(99%) contrast(101%);
}

.vbz_floatingcard_northcote h5 {
	font-size: 16.5px;
               font-weight: 600;
	 color: #1a202c;
  margin: 0 0 3px 0;
}

.vbz_floatingcard_northcote p {
	        font-size: 13px;
	    color: #64748b;
	   margin  :      0;
	}

.vbz_choicezone_auckland {
  padding: 105px 28px;
	background: #ffffff;
}

.vbz_choicewrap_auckland {
  max-width: 1280px;
   margin: 0 auto;
}

.vbz_choicehead_auckland {
	text-align: center;
      max-width: 660px;
    margin: 0 auto 62px;
}

.vbz_choicehead_auckland h2 {
    font-size: 42px;
  font-weight: 700;
     color: #1a202c;
   margin-bottom: 14px;
  font-family: 'Rubik', sans-serif;
}


.vbz_choicehead_auckland p {
   font-size    :      16.5px;
    color: #64748b;
  margin  :    0;

}

.vbz_choicegrid_auckland {
        display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap   :   26px; 
	
}

.vbz_reasoncard_auckland {
  background: #fafafa;
  border-radius: 16px;
   padding: 34px;
                    text-align: center;
	transition:   all 0.32s ease;
   border :  1.4px solid #e5e7eb;
}

.vbz_reasoncard_auckland:hover


{
  transform: translateY(-5px);
     background: #ffffff;
     box-shadow: 0 11px 28px rgba(0, 0, 0, 0.07);
}

.vbz_reasonicon_auckland {
      width: 54px;
	height   : 54px;
    margin: 0 auto 20px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1523%) hue-rotate(189deg) brightness(102%) contrast(101%);
}

.vbz_reasoncard_auckland h3    {
  font-size: 18.5px;
    font-weight: 600;
                    color: #1a202c;
    margin-bottom   :     11px;
  font-family: 'Rubik', sans-serif; 

}

.vbz_reasoncard_auckland p {
	   font-size: 14.5px;
    line-height: 1.68;
 color    :   #64748b;
  margin: 0;}


.vbz_actionzone_queen {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 85px 28px;
}

.vbz_actionwrap_queen 
 {
  max-width: 1100px;
   margin: 0 auto;
 display: flex;
    align-items: center;
      justify-content: space-between;
               gap: 45px;
}

.vbz_actionleft_queen {
   color   :#ffffff;
   flex: 1;
}

.vbz_actionleft_queen h2 {
  font-family: 'Rubik', sans-serif;
	 font-size: 36px;
   font-weight: 700;
    margin-bottom  :    14px;
}

.vbz_actionleft_queen p {

	  font-size: 16.5px;
    line-height: 1.68;
                    opacity: 0.94;
	margin: 0;}

.vbz_actionright_queen {
  flex-shrink: 0;
}

.vbz_actionbutton_queen   {
  display: inline-flex;
    align-items   :center;
         gap: 11px;
  background: #ffffff;
    color: #5a67d8;
  padding: 17px 40px;
  border-radius: 30px;
    font-weight: 600;
  font-size: 16.5px;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.14);
    transition: all 0.28s ease;
}

.vbz_actionbutton_queen:hover {
     transform: translateY(-2px);
  box-shadow: 0 11px 28px rgba(0, 0, 0, 0.22);}

.vbz_actionarrow_queen {

	  width: 19px;
    height: 19px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%);
     } 

.vbz_footerspace_street {
    background: #0f172a;
    color: #cbd5e1;
   padding: 68px 28px 28px;
}

.vbz_footerwidth_street {
	  max-width: 1280px;
   margin: 0 auto;

}

.vbz_footerlayout_street {
	  display: grid;
    grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
   gap  :     45px;
    margin-bottom: 45px;
}

.vbz_footerlogo_street {
    height: 40px;
   margin-bottom: 18px;}

.vbz_brandtext_street {
         font-size     :       14.5px;
    line-height: 1.68;
  color: #94a3b8;
  margin-bottom: 26px;
}

.vbz_contactinfo_street {
   display: flex;
    flex-direction: column;
   gap: 13px;
} 

.vbz_inforow_street  
  {
	display: flex;
                    align-items : center;
  gap: 11px;
    font-size: 14px;
  color: #cbd5e1;
}

.vbz_infoicon_street {
    width: 19px;
	   height: 19px;
	  filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1523%) hue-rotate(189deg) brightness(102%) contrast(101%);


}

.vbz_footerheading_street {
  font-size: 16.5px;
          font-weight     : 600;
  color: #ffffff;
   margin-bottom: 18px;
  font-family: 'Rubik', sans-serif;
}

.vbz_footerlist_street {


    flex-direction: column;
    display: flex;
   gap: 11px;



}

.vbz_footerlist_street a {
    font-size :14px;
  color: #94a3b8;
  transition: color 0.24s ease;

}

.vbz_footerlist_street a:hover {
   color: #0ea5e9;
}

.vbz_addresstext_street {
   font-size: 14px;
	line-height: 1.78;
    color  :#94a3b8;
    margin: 0;
}

.vbz_footernotice_street {
  background: rgba(255, 255, 255, 0.04);

  border: 1.4px solid rgba(255, 255, 255, 0.09);

 border-radius   :    13px;

  padding    :22px;

  display  :       flex;

                    gap :   15px;

    align-items: flex-start;

               margin-bottom: 30px;


}

.vbz_noticeicon_street {
       width: 26px;
      height: 26px;
       flex-shrink: 0;
     filter: brightness(0) saturate(100%) invert(51%) sepia(98%) saturate(2170%) hue-rotate(1deg) brightness(102%) contrast(104%); 
	
	}

.vbz_footernotice_street p {
  font-size: 13px;
  line-height  :1.68;
   color: #94a3b8;
   margin: 0;
}

.vbz_footerbottom_street {
  border-top: 1.4px solid rgba(255, 255, 255, 0.09);
   padding-top: 26px;
	 text-align :        center;
}

.vbz_copyrighttext_street {
	font-size: 13.5px;
  color: #64748b;
  margin: 0;
}@media (max-width: 1024px) {
    .vbz_herogrid_auckland,
    .vbz_showcaserow_street,
    .vbz_communityrow_northcote {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .vbz_heroimages_auckland {
        flex-direction: row;
    }

    .vbz_footerlayout_street {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .vbz_menulinks_queen {
        position: fixed;
        top: 86px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 86px);
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(11px);
        flex-direction: column;
        justify-content: flex-start;
        padding: 45px 28px;
        gap: 26px;
        transition: left 0.38s ease;
        box-shadow: 0 7px 22px rgba(0, 0, 0, 0.09);
    }

    .vbz_menulinks_queen.vbz_active {
        left: 0;
    }

    .vbz_mobiletoggle_queen {
        display: block;
    }

    .vbz_herocopy_auckland h1 {
        font-size: 36px;
    }

    .vbz_heroactions_auckland {
        flex-direction: column;
        align-items: stretch;
    }

    .vbz_heroactions_auckland a {
        justify-content: center;
    }

    .vbz_headingtitle_point,
    .vbz_textwrap_street h3,
    .vbz_communitycopy_northcote h3 {
        font-size: 30px;
    }

    .vbz_choicehead_auckland h2 {
        font-size: 30px;
    }

    .vbz_featuregrid_point {
        grid-template-columns: 1fr;
    }

    .vbz_statisticsrow_northcote {
        grid-template-columns: 1fr;
    }

    .vbz_choicegrid_auckland {
        grid-template-columns: 1fr;
    }

    .vbz_actionwrap_queen {
        flex-direction: column;
        text-align: center;
    }

    .vbz_actionleft_queen h2 {
        font-size: 26px;
    }

    .vbz_footerlayout_street {
        grid-template-columns: 1fr;
    }

    .vbz_herozone_auckland {
        padding: 115px 22px 55px;
    }

    .vbz_platformzone_point,
    .vbz_textimage_street,
    .vbz_imagetext_northcote,
    .vbz_choicezone_auckland {
        padding: 68px 22px;
    }

    .vbz_actionzone_queen {
        padding: 60px 22px;
    }
}

@media (max-width: 480px) {
    .vbz_herocopy_auckland h1 {
        font-size: 30px;
    }

    .vbz_featurebox_auckland {
        padding: 18px;
    }

    .vbz_bannercontent_northcote {
        flex-direction: column;
        text-align: center;
    }
}.vbz_footerspace_street {
    padding: 68px 28px 28px;
    background:#0f172a;
  color: #cbd5e1;
}

.vbz_footerwidth_street {
  max-width: 1280px;
    margin: 0 auto;
}

.vbz_footerlayout_street {
	    display: grid;
   grid-template-columns: 1.8fr 1fr 1fr 1.2fr;
  gap: 45px;
               margin-bottom: 45px;}

.vbz_footerlogo_street {
   height: 40px;
          margin-bottom: 18px;
}

.vbz_brandtext_street
	{
          font-size: 14.5px;
         line-height: 1.68;
   color: #94a3b8;
	 margin-bottom: 26px;

}

.vbz_contactinfo_street {


  display :        flex;
    flex-direction: column;
   gap: 13px;
}

.vbz_inforow_street {
   display: flex;
   align-items: center;
    gap: 11px;
   font-size: 14px;
    color     :    #cbd5e1;
}

.vbz_infoicon_street {


   width: 19px;
   height: 19px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1523%) hue-rotate(189deg) brightness(102%) contrast(101%);
	}

.vbz_footerheading_street
	{
   font-size: 16.5px;
   font-weight: 600;
  color     :        #ffffff;
   margin-bottom: 18px;
  font-family: 'Rubik', sans-serif;


}

.vbz_footerlist_street {
  display: flex;
    flex-direction: column;
  gap:11px;
}

.vbz_footerlist_street a {
         font-size: 14px;
   color  : #94a3b8;
  transition: color 0.24s ease;
}

.vbz_footerlist_street a:hover {
  color: #0ea5e9;
}

.vbz_addresstext_street {
	font-size    : 14px;
   line-height: 1.78;
	color: #94a3b8;
   margin: 0;
}

.vbz_regulatorzone_street {
     background: rgba(255, 255, 255, 0.03);
  border: 1.3px solid rgba(255, 255, 255, 0.08);
   border-radius: 14px;
    padding: 32px;
   margin-bottom: 38px;

}

.vbz_regulatorheading_street {
   font-size: 17px;
	font-weight: 600;
   color: #ffffff;
    text-align: center;
   margin-bottom: 26px;
  font-family: 'Rubik', sans-serif;

}  

.vbz_regulatorgrid_street {
  display:     grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 28px;
  align-items: center;
    justify-items: center;
}

.vbz_regulatorlink_street {
	 display: flex;
                    align-items :        center;
    justify-content: center;
   padding: 18px;
  background: rgba(255, 255, 255, 0.05);
   border-radius: 12px;
  transition: all 0.3s ease;
  border: 1.2px solid rgba(255, 255, 255, 0.1);
    width: 100%;
                    max-width: 180px;
}

.vbz_regulatorlink_street:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
}

.vbz_regulatorlogo_street {
  opacity: 0.88;
   transition    :opacity 0.28s ease;
  height     :   auto;
    max-width: 120px;

}

.vbz_regulatorlink_street:hover .vbz_regulatorlogo_street {
  opacity: 1;
}

.vbz_footernotice_street {
  background: rgba(255, 255, 255, 0.04);
  border: 1.4px solid rgba(255, 255, 255, 0.09);
  border-radius: 13px;
  padding     :    22px;
  display: flex;
   gap     :15px;
   align-items: flex-start;
  margin-bottom  :       30px;
}

.vbz_noticeicon_street
{
   width: 26px;
  height: 26px;
    flex-shrink: 0;
  filter: brightness(0) saturate(100%) invert(51%) sepia(98%) saturate(2170%) hue-rotate(1deg) brightness(102%) contrast(104%);
}

.vbz_footernotice_street p {
    font-size: 13px;
   line-height: 1.68;
    color: #94a3b8;
   margin: 0;


}

.vbz_footerbottom_street {
  border-top: 1.4px solid rgba(255, 255, 255, 0.09);
     padding-top: 26px;
   text-align: center;


}

.vbz_copyrighttext_street {
   font-size: 13.5px;

	    color: #64748b;

		margin: 0;
}

.vbz_agegate_overlay {
  position: fixed;
        top: 0;
  left: 0;
    width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.96);
  backdrop-filter: blur(8px);
          display: flex;
   align-items: center;
	 justify-content: center;
 z-index: 9999;
   padding: 20px;
  opacity: 0;
    visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}

.vbz_agegate_overlay.vbz_agegate_visible {
  opacity   :1;
   visibility: visible;
}

.vbz_agegate_modal{


  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border: 2px solid rgba(90, 103, 216, 0.3);
  border-radius: 22px;
   padding: 48px 38px;
    max-width: 480px;
  width   :     100%;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  transform: scale(0.92);
         transition :    transform 0.35s ease;

	}  

.vbz_agegate_overlay.vbz_agegate_visible .vbz_agegate_modal {
  transform: scale(1);
}

.vbz_agegate_iconwrap {

	   width  :     95px;
  height: 95px;
  margin: 0 auto 26px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.15) 100%);
    border-radius    : 50%;
  display: flex;
    align-items: center;
   justify-content: center;
  border: 2.5px solid rgba(239, 68, 68, 0.4); 
	


}

.vbz_agegate_icon  
  {
   width: 56px;
  height :  56px;
}


.vbz_agegate_title{
    font-size: 28px;
    font-weight: 700;
    color     :    #ffffff;
	 margin-bottom: 16px;
  font-family: 'Rubik', sans-serif; 

}

.vbz_agegate_description {
  font-size: 15.5px;
   line-height: 1.68;
       color: #cbd5e1;
   margin-bottom: 32px; 
	
}

.vbz_agegate_button {
    width    :    100%;
  background: linear-gradient(135deg, #5a67d8 0%, #7c3aed 100%);
   color: #ffffff;
   font-size: 16px;
   font-weight: 600;
     padding     :    16px 32px;
    border: none;
   border-radius: 28px;
    cursor: pointer;
  transition: all 0.28s ease;
  font-family: 'Rubik', sans-serif;
  box-shadow: 0 6px 20px rgba(90, 103, 216, 0.35);
}

.vbz_agegate_button:hover {


  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(90, 103, 216, 0.45);
  background: linear-gradient(135deg, #6875e0 0%, #8b4bf5 100%);
     }

.vbz_agegate_button:active {
  transform: translateY(0); 

}

.vbz_agegate_footnote {
	font-size: 12.5px;
        color: #94a3b8;
  margin-top  :  20px;
   margin-bottom: 0;
}@media (max-width: 1024px) {
    .vbz_footerlayout_street {
        grid-template-columns: 1fr 1fr;
    }

    .vbz_regulatorgrid_street {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}@media (max-width: 768px) {
    .vbz_footerlayout_street {
        grid-template-columns: 1fr;
    }

    .vbz_regulatorgrid_street {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vbz_regulatorlink_street {
        max-width: 220px;
    }

    .vbz_agegate_modal {
        padding: 38px 28px;
    }

    .vbz_agegate_title {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .vbz_agegate_iconwrap {
        width: 80px;
        height: 80px;
    }

    .vbz_agegate_icon {
        width: 48px;
        height: 48px;
    }
}.vbz_gameszone_point    {
   padding: 105px 28px;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    position: relative;
        overflow: hidden;}

.vbz_gameszone_point::before {
  content: '';
  position: absolute;
   top: -50%;
    right: -20%;
	width: 600px;
	height: 600px;
  background: radial-gradient(circle, rgba(90, 103, 216, 0.08) 0%, transparent 70%);
   border-radius: 50%;
   pointer-events  : none;
}

.vbz_gameswrap_point {
    max-width   :       1280px;
   margin: 0 auto;
   position     :       relative;
      z-index: 2;
}

.vbz_gamesheader_point{
	  text-align: center;
  max-width: 720px;
    margin: 0 auto 68px;
     }

.vbz_gamestag_point {
   display    :       inline-flex;
	align-items:   center;
    gap :   10px;
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color :   #5a67d8;
    padding    :     8px 20px;
    border-radius: 20px;
	 font-size: 13.5px;
   font-weight: 600;
	margin-bottom: 18px;
}

.vbz_gamestagicon_point {

	   width: 18px;
    height: 18px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%); 
	
	}

.vbz_gamestitle_point {
  font-size: 44px;
	font-weight: 700;
   line-height: 1.24;
        color: #1a202c;
    margin-bottom: 20px;
  font-family: 'Rubik', sans-serif;
}

.vbz_gamesdesc_point

{
					font-size: 16.5px;
       line-height: 1.74;
  color    :#64748b;
    margin: 0;
}

.vbz_gamesgrid_point {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
   gap :    32px;
}

.vbz_gamecard_point {
  background :      #ffffff;
  border-radius: 18px;
		 overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    transition    :     all 0.35s ease;
    border     :      1.5px solid #e2e8f0;
    display: flex;
    flex-direction: column;
}

.vbz_gamecard_point:hover {
     transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(90, 103, 216, 0.18);
	border-color: #5a67d8; 

     }

.vbz_gameimage_point{
  position: relative;
	 width: 100%;
	 height:        500px;
  overflow: hidden;
  background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
}


.vbz_gamethumb_point {
  width: 100%;
  height: 100%;
    object-fit: cover;
   transition: transform 0.42s ease;
}

.vbz_gamecard_point:hover .vbz_gamethumb_point {
  transform: scale(1.08);

}

.vbz_gameoverlay_point {
  position: absolute;
       top: 0;
       left: 0;
     width: 100%;
       height     : 100%;
     background: linear-gradient(180deg, rgba(90, 103, 216, 0) 0%, rgba(90, 103, 216, 0.88) 100%);
      display: flex;
   	align-items   :     flex-end;
     justify-content: center;
       padding: 24px;
       opacity: 0;
       transition: opacity 0.35s ease;
}

.vbz_gamecard_point:hover .vbz_gameoverlay_point {

	opacity: 1;
     }

.vbz_quickview_point {
   color: #ffffff;
	 font-size: 15px;
    font-weight: 600;
  font-family: 'Rubik', sans-serif;
   letter-spacing: 0.3px;
	
}

.vbz_gamecontent_point {
	flex-direction     :        column;
    padding: 28px;
  flex-grow: 1;
  display: flex;}

.vbz_gamename_point {

   font-size  :       22px;
  font-weight: 700;
	color: #1a202c;
  margin-bottom:  14px;
  font-family: 'Rubik', sans-serif;
   line-height: 1.3;
}

.vbz_gametext_point {
    font-size: 14.5px;
  line-height: 1.72;
    color: #64748b;
    margin-bottom: 24px;
  flex-grow: 1;
}

.vbz_gamebutton_point {
   display: inline-flex;
    align-items: center;
   justify-content: center;
   gap  : 10px;
  background: linear-gradient(135deg, #5a67d8 0%, #7c3aed 100%);
    color     : #ffffff;
  padding: 14px 28px;
    border-radius    : 26px;
    font-weight   :   600;
   font-size: 15px;
    transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(90, 103, 216, 0.25);
    align-self: flex-start;
  font-family: 'Rubik', sans-serif;

}

.vbz_gamebutton_point:hover  {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(90, 103, 216, 0.35);
  background: linear-gradient(135deg, #6875e0 0%, #8b4bf5 100%);
}

.vbz_gamebtnicon_point {


    width: 17px;
    height: 17px;
  filter: brightness(0) invert(1);
	}@media (max-width: 1024px) {
    .vbz_gamesgrid_point {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 28px;
    }
}

@media (max-width: 768px) {
    .vbz_gameszone_point {
        padding: 68px 22px;
    }

    .vbz_gamestitle_point {
        font-size: 32px;
    }

    .vbz_gamesgrid_point {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .vbz_gameimage_point {
        height: 220px;
    }

    .vbz_gamecontent_point {
        padding: 24px;
    }

    .vbz_gamebutton_point {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .vbz_gamestitle_point {
        font-size: 28px;
    }

    .vbz_gameimage_point {
        height: 200px;
    }

    .vbz_gamename_point {
        font-size: 20px;
    }
}.vbz_gamepage_body {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  min-height  :  100vh;
}

.vbz_gamewrapper_lu {
  padding   : 110px 20px 60px;
   min-height: 100vh;
}

.vbz_gamecontainer_lu {


   max-width: 1400px;
  margin: 0 auto;
}

.vbz_gameheader_lu {
    display :       flex;
  justify-content     :       space-between;
               align-items: center;
	margin-bottom: 32px;
  flex-wrap: wrap;
    gap: 20px;
}

.vbz_gametitlezone_lu {
      flex: 1;
}

.vbz_backlink_lu {
    display: inline-flex;
   align-items: center;
    gap: 8px;
   color: #94a3b8;
  font-size    :   14px;
  margin-bottom    :        12px;
    transition  : color 0.25s ease;
}

.vbz_backlink_lu:hover {
	color: #5a67d8;
}

.vbz_backicon_lu {

		width: 16px;
  height: 16px;
  filter: brightness(0) saturate(100%) invert(65%) sepia(8%) saturate(837%) hue-rotate(177deg) brightness(91%) contrast(91%);
}

.vbz_backlink_lu:hover .vbz_backicon_lu{
	  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%); 

}

.vbz_gametitle_lu {
	 font-weight: 700;
	  font-size: 38px;
	   color: #ffffff;
		margin-bottom  : 6px;
	  font-family: 'Rubik', sans-serif;
}

.vbz_gamesubtitle_lu {
               font-size: 15px;
  color: #94a3b8;
	 margin:    0;
}

.vbz_gamenotice_lu {
  display: flex;
   align-items: center;
	 gap: 10px;
  background: rgba(239, 68, 68, 0.15);
         padding  :  10px 20px;
  border-radius: 20px;
  border: 1.5px solid rgba(239, 68, 68, 0.3);
}

.vbz_noticeicon_lu  
  {
    width: 18px;
   height  :       18px;
  filter: brightness(0) saturate(100%) invert(50%) sepia(98%) saturate(3207%) hue-rotate(338deg) brightness(99%) contrast(96%);
}

.vbz_gamenotice_lu span {
   color: #fca5a5;
  font-size :    13.5px;
	font-weight:    600;
}

.vbz_gameframe_lu {
	position: relative;
    width    :  100%;
    height: 0;
   padding-bottom:     56.25%;
    background: #000000;
         border-radius: 16px;
       overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  border: 2px solid rgba(90, 103, 216, 0.2);
}

.vbz_iframe_lu    {
	position: absolute;
  top: 0;
       left: 0;
          width: 100%;
    height: 100%;
    border: none;
}

.vbz_loadingoverlay_lu {
   position: absolute;
  top: 0;
    left: 0;
                    width: 100%;
    height: 100%;
  background: rgba(15, 23, 42, 0.95);
  display: flex;
   flex-direction: column;
  align-items: center;
               justify-content: center;
	gap: 20px;
    z-index: 10;
          transition     :   opacity 0.4s ease;
}

.vbz_loadingoverlay_lu p {
  color: #cbd5e1;
  font-size: 16px;
        font-weight  :        500;
}



.vbz_spinner_lu    {
   width: 48px;
	height: 48px;
  border: 4px solid rgba(90, 103, 216, 0.2);
  border-top-color: #5a67d8;
   border-radius: 50%;
	animation: vbz_spin 0.9s linear infinite;
}@keyframes vbz_spin {
    to { transform: rotate(360deg); }
}.vbz_gameinfo_lu {
                    margin-top: 48px;
} 

.vbz_infogrid_lu {
    display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 24px;
}

.vbz_infocard_lu {
  background: rgba(255, 255, 255, 0.05);
  border: 1.4px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
	padding: 28px;
    transition: all 0.3s ease;

}

.vbz_infocard_lu:hover	{
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(90, 103, 216, 0.4);
  transform: translateY(-3px); 

}

.vbz_infoicon_lu {
    width: 42px;
  height: 42px;
    margin-bottom: 16px;
  filter: brightness(0) saturate(100%) invert(46%) sepia(99%) saturate(1523%) hue-rotate(189deg) brightness(102%) contrast(101%);
}

.vbz_infocard_lu h3 {
    font-size: 19px;
 font-weight: 600;
   color: #ffffff;
    margin-bottom: 10px;
  font-family: 'Rubik', sans-serif;
}

.vbz_infocard_lu p {
   font-size: 14.5px;
    line-height: 1.68;
                    color    :    #94a3b8;
    margin: 0;
}

.vbz_otherexperiences_lu {
    margin-top: 64px;
  padding-top    :        48px;
  border-top: 1.5px solid rgba(255, 255, 255, 0.1);


}

.vbz_othertitle_lu {
    font-size: 28px;
     font-weight: 700;
      color: #ffffff;
            margin-bottom: 32px;
      text-align: center;
     font-family: 'Rubik', sans-serif;
}

.vbz_othergrid_lu {
  display:  grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 28px;
   max-width: 800px;
  margin: 0 auto;
} 

.vbz_othercard_lu {
  background: rgba(255, 255, 255, 0.05);
  border: 1.4px solid rgba(255, 255, 255, 0.1);
   border-radius: 16px;
  overflow   : hidden;
    transition: all 0.32s ease;
}

.vbz_othercard_lu:hover {
	  transform: translateY(-5px);

  border-color: rgba(90, 103, 216, 0.5);

  box-shadow: 0 12px 32px rgba(90, 103, 216, 0.2);
     }

.vbz_otherimage_lu {
    width: 100%;
    height     :  180px;
  object-fit: cover;
} 

.vbz_othercontent_lu {
        padding :      20px;
}

.vbz_othercontent_lu h3 {
      color: #ffffff;
   font-weight: 600;
  font-size: 18px;
  font-family: 'Rubik', sans-serif;
  margin-bottom   :     12px;
}

.vbz_otherlink_lu {
       display: inline-flex;
                    align-items: center;
   gap: 8px;
	color :        #5a67d8;
    font-size: 14.5px;
   font-weight: 600;
}

.vbz_otherarrow_lu {
  width: 14px;
    height: 14px;
  filter: brightness(0) saturate(100%) invert(40%) sepia(89%) saturate(1706%) hue-rotate(226deg) brightness(101%) contrast(92%);
  transition: transform 0.25s ease;
}

.vbz_othercard_lu:hover .vbz_otherarrow_lu {
  transform: translateX(4px);
}@media (max-width: 768px) {
    .vbz_gamewrapper_lu {
        padding: 100px 16px 40px;
    }

    .vbz_gameheader_lu {
        flex-direction: column;
        align-items: flex-start;
    }

    .vbz_gametitle_lu {
        font-size: 28px;
    }

    .vbz_gamenotice_lu {
        width: 100%;
        justify-content: center;
    }

    .vbz_infogrid_lu {
        grid-template-columns: 1fr;
    }

    .vbz_othergrid_lu {
        grid-template-columns: 1fr;
    }
}@media (max-width: 480px) {
    .vbz_gametitle_lu {
        font-size: 24px;
    }

    .vbz_gameframe_lu {
        border-radius: 12px;
    }
}