/* Style the tab */
.cont-tab{
  display: flex;
   align-items: center; 
   justify-content: center;
	}
	
.tab {
  float: left;
  width: 40%;
 
  

}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none!important;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
    --tw-ring-offset-width:none!important;
    --tw-ring-offset-color:transparent!important;
	

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: hsla(0,0%,100%,.05)
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: hsla(0,0%,100%,.05);
    border: 1px solid #4D6AA1!important;
	    --tw-ring-offset-width: 0px!important;
    --tw-ring-offset-color: transparent!important;
}

/* Style the tab content */
.Booths2GOPF {
  float: left;
  padding: 0px 12px;

  width: 60%;
  border-left: none;
  height: ;


}
	
	@media screen and (max-width: 1023px){
	.cont-tab{
		display: block;
		align-items: center; 
		justify-content: center;}
		
	.tab {
		width: 100%;
		display: block;
		float:none;
	}	
	.Booths2GOPF {
		width: 100%;
		display: block;
		float:none;
	}
	.Booths2GOPF div img{
		width:100%;
		}
		
	.tab button.active{
		background-color: hsla(0,0%,100%,.5);
		background-color: #ffffff
			
	}
		
		button.tablinks h3{
		 	color: #ffffff
		}
		
		button.active h3{
			color: rgb(79 70 229/var(--tw-text-opacity)) ;

		}
		
		.phone-no-marging-content{
			margin-top: 0!important
		}
		
		.phone-text-tab{
			padding-left: 1.5rem;
			padding-right: 1.5rem;
			border-top-left-radius: 0.75rem;
   			 border-top-right-radius: 0.75rem;
		}
	}
	/*
		@media screen and (max-width: 650px){
		.Booths2GOPF div img{
		width:75%;
		}
	
	@media screen and (max-width: 396px){
		.Booths2GOPF div img{
		width:50%;
		}*/
	}