@charset "utf-8";
*{
   margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
}

.container {
    position:absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body {
   
    font-style: normal;
    font-weight: 400;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7));
    width: 1200px;
    height: 800px;
}


.tabs{
    display: flex;
    position:relative ;
    background-color: white;
    box-shadow: rgba(0,0,0,0,2) 0px 60px 40px -7px;
    padding: 0.75rem;
    border-radius: 99px;
	z-index: 2;
} 

input[type="radio"]{
	display: none;
	
	 
}

.tab{
	display:flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	width: 200px;
	font-size: 1.25rem;
	font-weight: 400;
	border-radius: 99px;
	cursor: pointer;
	transition: all 0.15s ease-in;
	
}
 
 input[type="radio"]:checked+label{
	color: white;
	background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7));
	
}

input[id="radio-1"]:checked{
	transform: translateX(0%);
	
	
}

input[id="radio-2"]:checked{
	transform: translateX(100%);
	
	
}

input[id="radio-3"]:checked{
	transform: translateX(200%);
	
	
}

input[id="radio-4"]:checked{
	transform: translateX(300%);
	
	
}.tab a {
    list-style-type: none;
    color: #000000;
    text-decoration: none;
}