.flexTabsDescription {
    display: flex;
    align-items: center;
    justify-content: center;
	gap:150px;
	margin:100px 10px;
}

.flexButtonsBrandCenter{
	display: flex;
    align-items: center;
    justify-content: center;
	gap:50px;
}

.itemCenteredTwoButtons{
	display: flex;
	flex-direction:column;
	gap:20px;
}

.brandBtn{
	width: 100px; /* Adjust width and height as needed */
	height: 100px; /* Adjust width and height as needed */
	display: flex;
	align-items: center;
	justify-content: center;
	margin:45px 0px;
}
.brandBtn img {
    width: 100%;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
}


.button {
  width: 100px; /* Adjust width and height as needed */
  height: 100px; /* Adjust width and height as needed */
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border 0.5s;
  transition: all ease-in-out .5s;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.019) 0px 4px 12px;
}


.button img {
    max-width: 80%;
    max-height: 80%;
}

.button.selected {
	box-shadow: var(--principal) 0px 0px 0px 4px;}

.description {
    text-align: left;
	color:var(--black);
	width:auto;
	max-width:405px;
	min-width:405px;
}

.description h2 {
    font-size:35px;
	font-weight:600;
	padding-bottom:20px;
}

.description h3 {
    font-size: 24px;
	font-weight:500;
	padding-bottom:5px;
}

.description p {
    font-size:17px;
}

@media(max-width:1200px){
	.flexTabsDescription {
		gap:80px;
	}
}

@media(max-width:950px){
	.flexTabsDescription {
		flex-wrap:wrap;
		gap:40px;
	}
	.button,.brandBtn{
		width: 80px;
		height: 80px;
	}
	.description{min-width:100%;width:100%;}
}
@media(max-width:400px){
	.flexButtonsBrandCenter{
		gap:35px;
	}
	.description h2{
		font-size:25px;
	}
}