.team-container-body{
    margin-bottom: 7.8vw;
    padding-inline: 7.3vw;
}

.team-container {
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5vw;
    row-gap: 2vw;
    list-style-type: none;
}

.team-card-info {
    border-radius: 10px;
    border: 0.15vw solid #0036D6;
    width: 25vw;
    height: 22.13vw;
    cursor: pointer;
}

.member-info{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.82vw;
    grid-column-start: 1;
    grid-column-end: 4;
}

.member-info-img {
    width: 36.45vw;
    height: 36.45vw;
    border: 0.2vw solid #0036D6;
    border-radius: 10px;
}

.member-photo{
    width: 36.45vw;
    height: 36.19vw;
    object-fit: cover;
    border-radius: 7px;
}

.member-img{
    width: 25vw;
    height: 21.87vw;
    object-fit: cover;
    border-radius: 10px;
}

.member-info-text{
    display: flex;
    align-items: center;
}

.member-text{
    font-size: 4.17vw;
    margin-block: 0;
}

.member-text-job-title{
    font-size: 1.35vw;
    margin-block: 0;
}

.text-title-commands{
    text-align: center;
    margin-bottom: 20px;
    font-size: 3.34vw;
}

.team-card{
    width: 25vw;
    height: 21.87vw;
    border-radius: 10px;
}

.team-card:last-child{
    grid-column-start: 3;
    grid-column-end: 4;
}


.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (hover: hover) {
    .team-card:hover{
        transition: var(--transition);
        box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
    }
}

@media (hover: none) {
    .team-card:active{
        transition: var(--transition);
        box-shadow: 1px 1px 25px 10px rgba(146, 148, 248, 0.4);
    }
}

@media (min-width: 1921px) {
	.team-container-body{
		margin-bottom: 115.518px;
		padding-inline: 108.113px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.team-container {
		column-gap: 258.05px;
		row-gap: 54.62px;
		max-width: 1638.6px;
	}

	.team-card-info {
		border-radius: 10px;
		border: 2.2215px solid #0036D6;
		width: 370.25px;
		height: 327.745px;
	}

	.member-info{
		gap: 101px;
	}

	.member-info-img {
		width: 539.825px;
		height: 539.825px;
		border: 2.962px solid #0036D6;
		border-radius: 10px;
	}

	.member-photo{
		width: 539.825px;
		height: 535.974px;
		border-radius: 7px;
	}

	.member-img{
		width: 370.25px;
		height: 323.895px;
		border-radius: 10px;
	}

	.member-text{
		font-size: 61.7577px;
		margin-block: 0;
	}

	.member-text-job-title{
		font-size: 20px;
		margin-block: 0;
	}

	.text-title-commands{
		font-size: 49.4654px;
	}

	.team-card{
		width: 370.25px;
		height: 323.895px;
		border-radius: 10px;
	}
}

@media (max-width: 1440px) {
    .team-container{
        padding-inline: 8vw;
        column-gap: 4.5vw;
    }
}

@media(max-width: 1024px){
    .team-container-body{
        padding-inline: 8.6vw;
    }

    .team-container{
        column-gap: 4vw;
    }

    .text-title-commands{
        font-size: 4.34vw;
    }

  .team-title{
  font-size: 5vw;
  }

  .member-img{
  height: 21.5vw;
  border-radius: 7px;
  }

  .member-photo{
  height: 35.8vw;
  border-radius: 7px;
  }
}

@media (max-width: 768px) {
    .team-container-body{
        padding-inline: 9.2vw;
    }

    .team-container{
        column-gap: 3.2vw;
    }
}

@media(max-width: 480px){
    .member-info{
        gap: 4vw;
        grid-template-columns: 1fr;
    }

    .member-text{
        font-size: 7vw;
    }

    .member-text-job-title{
        font-size: 3.21vw;
    }

    .member-img{
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

    .member-photo{
        width: 100%;
        height: 100%;
        border-radius: 7px;
    }

    .member-info-img{
        width: 66vw;
        height: 103vw;
    }

    .member-info-text{
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .team-card:nth-child(2n){
        grid-column-start: 1;
        grid-column-end: 2;
    }

    .team-card:nth-child(2n+1){
        grid-column-start: 3;
        grid-column-end: 3.5;
    }
    .team-card:last-child{
        grid-column-start: 3;
        grid-column-end: 4;
    }

    .team-container{
        row-gap: 13vw;
    }

    .team-card-info{
        width: 25vw;
        height: 33.87vw;
    }

    .text-title-commands{ 
        font-size: 6.34vw;
        padding-top: 10vw;
    }
}

@media (max-width:425px){
    .team-container-body{
        padding-inline: 3vw;
    }

    .member-info-img{
        width: 78vw;
    }
}

@media (max-width:375px){
    .team-container-body{
        padding-inline: 4vw;
    }

    .member-info-img{
        width: 77vw;
    }

    .member-info-img{
        width: 76vw;
        height: 101vw;
    }
}