/* 11/02/2025 */
#VirtualTable {
  display: flex; /* Ensure flexbox for overall VirtualTable */
  flex-direction: column; 

}
#VirtualTable .BGRND {
background-image: url("https://www.erizos.tv/storage/app/media/Virtual%20Table/gradwhiteto%202blueMask.png");  
background-size: 100% 100%;
 }  

#VirtualTable .SHOW_REG {
  display: flex;
  
 }  
 #VirtualTable .SHOW_PHONE {
   display: none;
   
  }  
#VirtualTable .imagesAndText {
    display: flex; /* Enable flexbox for imagesAndText */
    flex: 1; /* Allow imagesAndText to take available space */
    align-items: center; /* Vertically center contents of #VirtualTable */
   padding: 0 0vw; 
  gap: 6vw
 }

#VirtualTable #header {
  flex: 1;
  text-align: left; 
}

#VirtualTable #header h1 {
  margin: 0;  /* Remove all default margins */
  font-size: 6vw;
  line-height: 0.9; 
  white-space: nowrap;
  color: rgba(60, 60, 60, 1);
}

#VirtualTable #header h1:first-child {
  font-size: 7.3vw;
  line-height:2; 
}

#VirtualTable #image-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end; /* Change this to flex-end */
  gap: 0.1vw /* Add space between images */
}

#VirtualTable #image-container img {
  width:16vw;
  height: auto;
  object-fit: cover; 

}
#VirtualTable .ABOUT {
  margin-top:2vw;
  display: flex; 
   margin-bottom: 5vw;
  
  /* align-items: center; /* Vertically align the text and image */ */
  
  
 
}

#VirtualTable .TEXT2 {
  flex: 1; /* Allow text to take up 1/3 of the space */
  font-size: 1.4323vw;
   line-height:1.75vw;
}

#VirtualTable .ABOUT_IMAGE {
  flex: 1.2; /* Allow image to take up 2/3 of the space */
  margin-left: 1.2vw;
 
 
}
#VirtualTable .aboutTitle {
  font-size: 1.7vw;
  font-weight: bold;
  
}
/*--------------------------------------------------------------*/

#VirtualTable .VT_SOCCER_TABLE {
  margin-top:2vw;
  display: flex; 
  gap: 2vw;
  margin-bottom: 5vw;
  /* align-items: center; /* Vertically align the text and image */ */
}

#VirtualTable .VT_TEXT {
  flex: 2; /* Allow image to take up 2/3 of the space */
  margin-top: -2vw; 
 
 }

#VirtualTable .VT_IMAGE {
  flex: 3; /* Allow image to take up 2/3 of the space */
 }
#VirtualTable .VT_TITLE {
   font-size: 1.7vw;
   font-weight: bold;
   margin-top: 0.3vw; 
   margin-bottom: 2vw; 
   
 }
#VirtualTable .VT_BOLD {
  font-size: 1.0vw;
  font-weight: bold;
   margin-top: -0.8vw;
 }

#VirtualTable .VT_NORMAL {
  font-size: 0.9vw;
  line-height: 1.1vw;
  margin-top: -0.7vw;
  margin-bottom: 1vw
 }
#VirtualTable .VT_VIDEO {
 margin-top: -4vw;
  }
#VirtualTable .VT_VIDEO iframe {
  width: 100%;
  height: 100vh; 
  display: flex; 
  justify-content: center;
  align-items: center;
  }
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/
@media (max-width: 600px) {

  #VirtualTable .SHOW_REG {
   display: none;
   
  }  
  #VirtualTable .SHOW_PHONE {
    display: flex;
     width: 55vw;
     height:35vw;
     margin-top:4vw
   }  
 
#VirtualTable .imagesAndText {
  align-items: stretch;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr
  column-gap:-10vw;
}
#VirtualTable #header {
  grid-row: 1 /2;
  grid-column: 1;
  margin-top:-3vw;
  margin-right:-8vw;
}
#VirtualTable #image-container {
   gap: 2vw;
   padding-right:-33vw;
   position: relative;
}
  #VirtualTable #image-container img {
  width: 35vw;
  height: auto;

}
#VirtualTable #image-container img:first-child {
  grid-row: 1 / 2;
  grid-column: 2;
}
#VirtualTable #image-container img:nth-child(2) {
  grid-row: 2 / 2;
  grid-column: 2;
}
/*---------------------------------------------------------------------------*/

  #VirtualTable .ABOUT {
  margin-top:2vw;
  display: flex; 
  flex-direction:column;
  flex-wrap:wrap;
  
  }

#VirtualTable .TEXT2 {
  font-size: 3vw;
  line-height:4.2vw;
}
#VirtualTable .ABOUT_IMAGE {
  width: 90vw;
  margin-top:2vw;
  margin-left:-0vw
 }
#VirtualTable .aboutTitle {
  font-size: 4vw;
  font-weight: bold;
  margin-bottom: 0vw;
  
}
/************************************ END PART 2 ******************************************/
  /*--------------------------------------------------------------*/
#VirtualTable .VT_SOCCER_TABLE {
  
  display: flex; 
  flex-direction:column-reverse;
  gap: 2vw;
  margin-bottom: 6vw;
  margin-top: -3vw;
}

#VirtualTable .VT_TEXT {
  margin-bottom: 8vw;  */
 }

#VirtualTable .VT_IMAGE {
 width: 90vw;
display:none;

 }
#VirtualTable .VT_TITLE {
   font-size:4vw;
   font-weight: bold;
   /* margin-top: 0.3vw;  */
  margin-bottom: -1.5vw;  */
   
 }
#VirtualTable .VT_BOLD {
  font-size: 3vw;
  font-weight: bold;
   margin-top:1vw;
  
 }
#VirtualTable .VT_NORMAL {
  font-size: 3vw;
  line-height: 4vw;
  margin-top: -5vw;

  
}
  #VirtualTable .VT_VIDEO iframe {
  margin-top:-8vw; 
  width: 90vw;
  height: 30vh; 
  display: flex; 
  justify-content: center;
  align-items: center;
  }
}