.categories-grid__item-content {
  position : relative;
}

.categories-grid__item-content .category__name {
  display        : block;
  background     : rgba(0, 0, 0, .8);
  color          : var(--color-white-default);
  padding        : 15px 0;
  font-weight    : 600;
  position       : absolute;
  bottom         : 0;
  width          : 100%;
  text-align     : center;
  font-size      : 21px;
  text-transform : uppercase;
  transition     : all 0.35s ease-in-out;
}

.categories-grid__item-content img {
  width      : 100%;
  object-fit : cover;
  transition : all 0.35s ease-in-out;
}

.bwa-customcard__card-img {
  overflow      : hidden;
  border-radius : 10px;
}

.reassuranceGrid {
  margin  : 5em 0;
  display : flex;
  gap     : 20px;
}

.reassurance-grid__item-content {
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
}

.reassurance__name {
  color          : #b41f1f;
  font-weight    : 600;
  font-size      : 21px;
  text-transform : uppercase;
  letter-spacing : 1.2px;
  padding        : 10px 0;
  text-align     : center;
}

.reassurance-grid__item-content img {
  height : 70px;
  width  : 70px;
}

.reassurance__description {
  color      : #212121;
  font-size  : 14px;
  text-align : center;
}

.home-selection_block {
  position : relative;
}

.selection_block_description {
  position   : absolute;
  top        : 10%;
  left       : 42%;
  width      : 45vw;
  max-width  : 700px;
  background : #f6f6f6;
  padding    : 20px;
  box-shadow : 0px 6px 7px rgba(0, 0, 0, .1);
}

.selection_block_img img {
  margin     : 10px;
  box-shadow : 0px 7px 9px rgba(0, 0, 0, .1);
}

.selection_block_description h1 {
  font-size      : 45px;
  text-align     : center;
  letter-spacing : 1.2px;
  line-height    : 0.8;
}

.selection_block_description h2 {
  font-size      : 24px;
  text-align     : center;
  height         : 35px;
  letter-spacing : 1.2px;
  color          : #f20d0d;
}

.selection_block_description p {
  padding : 10px 0;
}


.home-presentation_item {
  position : relative;
}

.presentation_block_description {
  position   : absolute;
  width      : 45vw;
  max-width  : 700px;
  background : var(--color-blue-default);
  padding    : 30px;
  box-shadow : 0px 6px 7px rgba(0, 0, 0, .1);
  color      : #ffffff;
}

.home-presentation_item:first-child .presentation_block_description {
  top  : 13%;
  left : 42%;
}

.presentation_block_description h1 {
  font-size      : 24px;
  letter-spacing : 1.2px;
  line-height    : 30px;
  border-bottom  : 1px solid #ffffff;
  padding-bottom : 10px;
}

.home-presentation_item:nth-child(2) {
  display        : flex;
  flex-direction : row-reverse;
  margin         : 7em 0 11em;
}

.home-presentation_item:nth-child(2) .presentation_block_img {
  float : right;
}

.home-presentation_item:nth-child(2) .presentation_block_description {
  top       : 15%;
  right     : 47%;
  width     : 47vw;
  max-width : 750px;
}

.home-categoriesMoment_block .swiper-button-next, .home-categoriesMoment_block .swiper-button-prev {
  display : flex !important;
}

.home-categoriesMoment_block .swiper-button-prev {
  left : var(--swiper-navigation-sides-offset, 0px);
}

.home-categoriesMoment_block .swiper-button-next {
  right : var(--swiper-navigation-sides-offset, 0px);
}

.categories-grid__item:hover img {
  transform : scale(1.1);
}

.categories-grid__item:hover .category__name {
  background : rgba(255, 0, 0, .8);
}

@media (max-width : 600px) {
  .reassuranceGrid {
    display : grid;
  }
}

@media (max-width : 768px) {
  .home-categoriesMoment_block .swiper-button-prev, .slider-manufacturers__wrapper .swiper-button-prev {
    left : var(--swiper-navigation-sides-offset, -15px);
  }

  .home-categoriesMoment_block .swiper-button-next, .slider-manufacturers__wrapper .swiper-button-next {
    right : var(--swiper-navigation-sides-offset, -15px);
  }
}

@media (max-width : 1199px) {
  .home-selection_block {
    display        : flex;
    flex-direction : column;
    gap            : 20px;
  }

  .selection_block_img {
    display         : flex;
    justify-content : center;
  }

  .selection_block_description {
    position   : initial;
    width      : 100%;
    max-width  : 100%;
    background : #f6f6f6;
  }

  .home-news {
    display        : flex !important;
    flex-direction : column;
  }

  .home-presentation_item {
    display        : flex !important;
    flex-direction : column !important;
    gap            : 20px;
  }

  .presentation_block_description {
    position  : initial;
    width     : 100% !important;
    max-width : 100% !important;
  }

  .home-presentation_item:nth-child(2) {
    margin : 4em 0 4em;
  }
}


/***************
  Home Categories
 ****************/

#home-categories {
  padding-top : 30px;
}

.swiper-container.swiper-categories {
  width : 100% !important;
}

.category-slide__image {
  width         : 100px;
  height        : 100px;
  border-radius : 50%;
  object-fit    : cover;
  padding       : 3px;
  border        : 1px solid var(--color-white-default);
  transition    : all 0.35s ease-in-out;
}

.category-item:hover .category-slide__image {
  border : 1px solid var(--color-black-default);
}

.category-item {
  display         : flex !important;
  flex-direction  : column;
  gap             : 10px;
  align-items     : center;
  justify-content : center;
}

.category-slide__name {
  color          : var(--color-secondary);
  text-align     : center;
  font-size      : 15px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 110%;
  letter-spacing : 0.45px;
  transition     : all 0.35s ease-in-out;
}

.category-item:hover .category-slide__name {
  font-weight : 700;
}

/***************
  Home Now
 ****************/

#home-now {
  background : var(--color-grey-default);
  padding    : 40px 0 105px;
}

.home-now__title {
  color       : var(--color-secondary);
  text-align  : center;
  font-size   : 36px;
  font-style  : normal;
  font-weight : 700;
  line-height : normal;
}

.swiper-container.swiper-now {
  width : 100% !important;
}

.now-item {
  border-radius  : 10px;
  display        : flex !important;
  flex-direction : column;
  transition     : all 0.35s ease-in-out;
  overflow       : hidden;
}

.now-slide__text-container {
  flex           : 1 0 auto;
  display        : flex;
  flex-direction : column;
  padding        : 30px 25px 40px 35px;
  gap            : 17px;
}

.now-item__container-img {
  overflow : hidden;
}

.now-slide__image {
  width      : 100%;
  object-fit : cover;
  height     : 300px;
  transition : all 0.35s ease-in-out;
}

.now-item:hover .now-slide__image {
  transform : scale(1.1);
}

.now-slide__name {
  color       : var(--color-secondary);
  font-size   : 30px;
  font-style  : normal;
  font-weight : 700;
  line-height : normal;
}

.btn.btn-primary.now-slide__btn {
  color           : var(--color-secondary);
  background      : var(--color-white-default);
  border          : none;
  width           : fit-content;
  display         : flex;
  align-items     : center;
  justify-content : center;
  gap             : 20px;
  padding         : 10px 30px;
  margin-top      : auto;
}

.btn.btn-primary.now-slide__btn:hover {
  background : var(--color-secondary);
  color      : var(--color-white-default);
}

/***************
  Home Specialist
 ****************/

.home-specialist {
  padding : 95px 0 0;
}

.home-specialist .container-primary {
  border-radius         : 10px;
  background            : linear-gradient(78deg, #F0E1D2 2.18%, #F6E6D6 100.87%);
  padding               : 0 100px 0;
  display               : grid;
  grid-template-columns : 1.2fr 0.8fr;
}

.home-specialist__container {
  padding : 85px 0 90px;
}

.home-specialist h2 {
  color          : var(--color-secondary);
  font-size      : 22px;
  font-style     : normal;
  font-weight    : 700;
  line-height    : 150%;
  letter-spacing : 0.22px;
}

.home-specialist__description-text {
  color          : var(--color-secondary);
  font-size      : 16px;
  font-style     : normal;
  font-weight    : 500;
  line-height    : 150%;
  letter-spacing : 0.16px;
}

.home-specialist__description-text a {
  color           : var(--color-secondary);
  text-decoration : underline;
}

.home-specialist__description-text a:hover {
  color           : var(--color-secondary);
  text-decoration : underline;
}

.home-specialist__img-container {
  display         : flex;
  align-items     : flex-end;
  justify-content : center;
}

@media (max-width : 1200px) {
  .home-specialist .container-primary {
    display               : grid;
    grid-template-columns : 1fr;
  }
}

@media (max-width : 768px) {
  .home-specialist__container svg {
    width : 280px;
  }

  .home-specialist .container-primary {
    padding : 0 50px 0;
  }
}

@media (max-width : 500px) {
  .home-specialist__container svg {
    width : 220px;
  }

  .home-specialist .container-primary {
    padding : 0 25px 0;
  }
}
