/* Start:/local/templates/spg_shop2024/components/bitrix/main.include/nbAboutMissiya/style.css?17689796231730*/







.mission__text {
  position: relative;
  padding-top: 1.35rem;
}

.mission__text span {
  color: #5F5F5F;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: normal;
}

.mission__text:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 9rem;
  left: 29rem;
  width: 350px;
  height: 200px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='337' height='127' viewBox='0 0 337 127' fill='none'%3E%3Cpath d='M43.6 126.8L0 63.6L43.6 0H80.4L35.2 63.6L80.4 126.8H43.6ZM117.6 126.8L74 63.6L117.6 0H154L108.8 63.6L154 126.8H117.6ZM256.803 126.8L302.003 63.6L256.803 0H293.203L336.803 63.6L293.203 126.8H256.803ZM182.803 126.8L228.403 63.6L182.803 0H219.603L263.203 63.6L219.603 126.8H182.803Z' fill='%23F8F8F8'/%3E%3C/svg%3E");
}

.mission__image {
  margin-top: -7.5rem;
  margin-left: 2.25rem;
}



@media (max-width: 1610px) {
  .mission__text span {
    font-size: 2rem;
  }
  .mission__text:after {
    left: 20rem;
  }
}
@media (max-width: 1400px) {
  .mission__text span {
    font-size: 1.75rem;
  }
  .mission__text:after {
    left: 15rem;
    top: 7rem;
    scale: .8;
  }
}
@media (max-width: 1200px) {

}
@media (max-width: 991px) {
  .mission__image {
    margin-top: 2rem;
    margin-left: 0;
  }
  .mission__text span {
    font-size: 20px;
  }
  .mission__text:after {
    left: 9rem;
    top: 6rem;
    scale: .6;
  }
}
@media (max-width: 767px) {
  .mission__text {
    padding-top: 0;
  }
  .mission__text:after {
    left: auto;
    top: auto;
    scale: .5;
    bottom: -8rem;
    right: -8rem;
  }
}
@media (max-width: 576px) {}
/* End */


/* Start:/local/templates/spg_shop2024/components/bitrix/customitems/swiper_mission/style.css?17690637645482*/
.mission__swiper._margin {
    margin-top: -2.5rem;
}

.mission__swiper {
    position: relative;
}

.mission__swiper:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: -2rem;
    left: 50%;
    margin-left: calc(-50 * var(--vw, 1vw));
    width: calc(100 * var(--vw, 1vw));
    height: 220px;
    background: #F7F7F7;
}

.missionSwiper__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.missionSwiper__title span:nth-child(1) {
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    line-height: normal;
}

.mission__list {
    width: 114.5%;
    padding-top: 3rem;
}

.nbAdv_item_bottom_line {
    position: absolute;
    z-index: -1;
    top: 6rem;
    left: 25%;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(90deg, #A1A1A1, #A1A1A1 50%, transparent 50%, transparent 100%);
    background-size: 12px 12px;
    transition: height 1s 5s;
    animation: background-horizont 1s linear infinite;
}


.mission__list .swiper-slide:last-child .nbAdv_item_bottom_line {
    display: none;
}

@keyframes background-vert {
    from {
        background-position: -12px 0;
    }
}
@keyframes background-horizont {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 12px 0;
    }
}

.mission__item {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.missionItem__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 200px;
    background: #F1F2FA;
    border: 10px solid #fff;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.missionItem__image div {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    bottom: 1.25rem;
    left: 1.25rem;
}

.missionItem__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.missionItem__name {
    padding-top: 2.375rem;
    padding-right: 1rem;
    min-height: 6.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: normal;
}

.missionItem__desc {
    padding-top: .75rem;
    padding-right: 7rem;
}

.missionItem__desc span {
    color: #5F5F5F;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 29px;
}

.mission__swiper .swiper__controls {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: -2rem;
    margin-right: -1.45rem;
}

.mission__swiper .swiper__control {
    position: static !important;
    z-index: 5;
    min-width: 49px;
    width: 49px;
    height: 49px;
    border-radius: 50%;
    padding: 14px;
    background: #FF0503;
    transition: .35s;
}

.mission__swiper .swiper__control:hover {
    box-shadow: 0px 4px 4px 0px #00000040;
    transition: .35s;
}

.mission__swiper .swiper__control:after {
    content: none !important;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FF0503;
}
.mission__swiper .swiper__control._prev svg {
    transform: rotate(180deg);
}

.mission__swiper .swiper__control.swiper-button-disabled {
    opacity: 1 !important;
    background: #A1A1A1;
    transition: .35s;
}




@media (max-width: 1610px) {
    .mission__list {
        width: 111%;
    }
    .mission__swiper._margin {
        margin-top: 0;
    }
}
@media (max-width: 1400px) {
    .nbAdv_item_bottom_line {
        top: 7rem;
    }
}
@media (max-width: 1200px) {
    .mission__swiper._margin {
        margin-top: 4rem;
    }
    .missionSwiper__title span:nth-child(1) {
        font-size: 1.9rem;
    }
    .mission__list {
        width: 100%;
    }
    .missionItem__image {
        width: 100%;
        height: 170px;
    }
    .missionItem__name {
        padding-top: 2rem;
        min-height: 5.5rem;
        font-size: 1.25rem;
    }
    .missionItem__desc span {
        font-size: 1.125rem;
        line-height: normal;
    }
    .nbAdv_item_bottom_line {
        top: 8rem;
    }
}
@media (max-width: 991px) {
    .mission__list {
        position: relative;
    }
    .mission__swiper:after {
        content: none;
    }
    .mission__list:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: -5rem;
        left: 50%;
        margin-left: calc(-50 * var(--vw, 1vw));
        width: calc(100 * var(--vw, 1vw));
        height: 110%;
        background: #F7F7F7;
    }
    .missionSwiper__title span:nth-child(2) {
        display: none;
    }
    .mission__list .swiper-wrapper {
        flex-direction: column !important;
        gap: 28px;
        padding-bottom: 2rem;
    }
    .mission__item {
        flex-direction: row;
    }
    .missionItem__image {
        min-width: 117px;
        width: 117px;
        height: 98px;
    }
    .missionItem_text {
        margin-left: 12px;
    }
    .missionItem__name {
        padding-top: 0;
        padding-right: 0;
        min-height: auto;
        font-size: 18px;
    }
    .missionItem__desc {
        padding-right: 0;
        font-size: 16px;
    }
    .nbAdv_item_bottom_line {
        display: none;
    }
}
@media (max-width: 767px) {
    .mission__swiper._margin {
        margin-top: 5rem;
    }
}
@media (max-width: 576px) {
}
/* End */
/* /local/templates/spg_shop2024/components/bitrix/main.include/nbAboutMissiya/style.css?17689796231730 */
/* /local/templates/spg_shop2024/components/bitrix/customitems/swiper_mission/style.css?17690637645482 */