/* Adding variables */
@import url("../../css/variables.css");

/* Swiper */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.team-slider__main-container {
    width: var(--full);
    padding: var(--padding);
    background: var(--blue-dark-gradient-alt);
}

.team-slider__inner-container {
    display: flex;
    flex-direction: column;
    gap: var(--m-spacing);
    width: var(--width);
    padding: var(--l-spacing) 0;
    margin: 0 auto;
}

.team-slider__slider-container .swiper-button-prev:before,
.team-slider__slider-container .swiper-button-next:before {
    color: white;
}

.team-slider__slider-container .swiper-button-prev:hover:before,
.team-slider__slider-container .swiper-button-next:hover:before {
    color: var(--neopaleblue);
}

.team-slider__title-container {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
    align-items: center;
    font-size: var(--smalltext);
    font-weight: var(--light);
    color: white;
    text-align: center;
}

.team-slider__title-container h2 {
    font-size: var(--h2);
    font-weight: var(--extralight);
    line-height: var(--lh-n);
}

.team-slider__title-container h2 strong {
    font-weight: var(--regular);
}

.team-slider__slide-container {
    display: flex;
    flex-direction: column;
    gap: var(--s-spacing);
}

.team-slider__slide-picture {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.team-slider__slide-picture img {
    display: flex;
    width: 200px;
    height: 200px;
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    border: solid 2px white;
    border-radius: 50%;
}

.member-usa,
.member-colombia,
.member-mexico {
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
    margin-top: -25px;
    background-position: center;
    background-size: 96.25px 55px;
    background-repeat: no-repeat;
    border: solid 2px white;
    border-radius: 50%;
}

.member-usa {
    background-image: url(../../images/flag-usa.svg);
}

.member-colombia {
    background-image: url(../../images/flag-colombia.svg);
}

.member-mexico {
    background-image: url(../../images/flag-mexico.svg);
}

.team-slider__slide-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
}

.team-slider__slide-info h3 {
    font-size: var(--blocknav);
    font-weight: var(--light);
    margin-bottom: 5px;
}

.team-slider__slide-info p {
    font-weight: var(--semibold);
    text-transform: uppercase;
    margin: 0;
}

.team-slider__slide-info span {
    font-weight: var(--light);
    margin: 0;
}

/**********************************************/
/******************* Laptop *******************/
/**********************************************/
@media (max-width: 1366px) {
    
}

/**********************************************/
/******************* Tablet *******************/
/**********************************************/
@media (max-width: 1024px) {
    
}

/**********************************************/
/******************* Mobile *******************/
/**********************************************/
@media (max-width: 767px) {
    
}