/*  */
.whom.fresh-whom2 {
/*   background-color: #f5f5f5;  */
  padding: 40px 0;
  background-color: #ffffff;
}
.whom__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.whom-card {
  display: flex;
  border-radius: 20px;
  gap: 20px;
  align-items: center;
  background-color: white;
}


.swiper-art-6 .whom-card__img {
  border-radius: 20px;
  display: block;
/*  max-width: 275px; */
max-width: 575px !important;
width: 100%;
}


.whom-card__content {
}
.whom-card__title {
  margin: 0;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
}
.whom-card__text {
  line-height: 1.35;
}
.whom-card__btn {
color: white;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
padding: 12px 30px;
background: #AF7F4C;
border-radius: 100px;
font-weight: 500;
margin-top: 20px;
cursor: pointer;
width: max-content;
transition: all .3s ease;
    border: 1px solid #af7f4c;
}
.whom-card__btn:hover {
    background: #d7ae83;
    border: 1px solid #b07d4bb9;

}
.whom .title-container .swipe-ico {
  display: none;
}

/* Pagination Dots */
.whom-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
    margin-top: 20px; /* Было top: 20px */
  position: relative;
  z-index: 2;
}

.whom-dot {
  width: 8px;
  height: 8px;
  background-color: #d9d9d9;
  border-radius: 50%;
  transition: all 0.3s ease;
  cursor: pointer;
}

.whom-dot.active {
  background-color: #2b2f32;
  transform: scale(1.2);
}

@media (max-width: 992px) {
  .whom {
    padding: 50px 0;
  }
  .whom__grid {
    display: flex;
    overflow-x: auto;
    padding-right: 20px;
    
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none; /* Firefox */
  }
  .whom__grid::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }

  .whom-card {
    min-width: 350px;
    flex-direction: column;
    padding: 0;
    scroll-snap-align: start; /* Snap each card */
  }
  .whom-card__content {
    padding: 0 20px 20px 20px;
  }
  .whom-card__img {
    width: 100%;
  }
  .whom-card__title {
    margin-top: 0;
  }
  /* Скрываем старую иконку свайпа, если она там была */
  .whom .title-container .swipe-ico {
    display: none;
  }
}
/*  */



@media (max-width: 992px) {
.whom.fresh-whom2 {
    padding: 0;
}
    section.whom.fresh-whom2 h2.fresh-title {
        margin-bottom: 1.8em;
		max-width: 620px;
    }
}



.controls-art-6 {
    float: right;
}
.controls-art-6 .swiper-button-prev{
    left: calc(100% - 80px);
    position: relative;
    top: -50px;
}
.controls-art-6 .swiper-button-next {
    position: relative;
    top: -72px !important;
}
.controls-art-6 .swiper-button-prev:after{
    content: " " !important;
    width: 18px;
    height: 16px;
    background-image: url(/upload/1_fresh/left-arrow.svg);
}
.controls-art-6 .swiper-button-next:after{
    content: " " !important;
    width: 18px;
    height: 16px;
    background-image: url(/upload/1_fresh/right-arrow.svg);
}



.swiper-art-6 img.whom-card__imgage{
    border-radius: 20px; 
}

.swiper-art-6 p.whom-card__text {
    font-size: 18px;
    font-weight: 600;
}

.swiper-art-6 .properties-1 {
    position: absolute;
    left: 10px;
    top: 70%;
}
.swiper-art-6 .properties-2 {
    position: absolute;
    top: 70%;
    left: 8.5em;
}
.swiper-art-6 .properties-3 {
    position: absolute;
    top: 80%;
    left: 10px;
}
.swiper-art-6 .properties-1 p,
.swiper-art-6 .properties-2 p, 
.swiper-art-6 .properties-3 p {
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0 1.0em;
    border-radius: 16px
}
.swiper-art-6 .properties-1 p,
.swiper-art-6 .properties-2 p,
.swiper-art-6 .properties-3 p {
    background-color: #ddd;
  	transition: all 1s ease;
}
.swiper-art-6 .properties-1 p:hover,
.swiper-art-6 .properties-2 p:hover, 
.swiper-art-6 .properties-3 p:hover {
    background-color: #fff;
  	transition: all 1s ease;
}

@media (max-width: 640px) {
.properties-1 p,
.properties-2 p,
.properties-3 p  {
	font-sze:14px;
}
.swiper-art-6 .properties-1 {
    position: absolute;
    left: 10px;
    top: 65%;
}
.swiper-art-6 .properties-2 {
    position: absolute;
    top: 75%;
    left: 10px;
}
.swiper-art-6 .properties-3 {
    position: absolute;
    top: 65%;
    left: 8.5em;
}
.controls-art-6 {
    float: right;
    height: 0;
}
.controls-art-6 .swiper-button-next {
    right: -10px;
}
.controls-art-6 .swiper-button-prev {
    left: calc(100% - 50px);
}

.swiper-art-6 .swiper-slide {
	width:100% !important;
}


}


.controls-art-6 {
    height: 0;
}

@media (min-width: 1266px) and (max-width: 1562px) {  
.whom-card__content-bottom {
    height: 3.0em;
}
}

@media (min-width: 1141px) and (max-width: 1265px) {  
.whom-card__content-bottom {
    height: 5.0em;
}
}

@media (max-width: 1141px) { 
.whom-card__content-bottom {
    height: 3.0em;
}

}