.c-about-content-item:nth-child(2) { width: 582px; height: 732.67px; display: flex; justify-content: center; align-items: center; } .mySwiper-3 { width: 582px; height: 732.67px; overflow: visible; margin: 0; padding-top: 4.4rem; padding-right: 6.6rem; } .swiper-slide-3 { width: 516px !important; height: 688.67px; position: relative; padding-left: 5.4rem; padding-top: 3.73rem; padding-right: 2.9rem; padding-bottom: 4rem; display: flex; align-items: flex-start; flex-direction: column; gap: 3.5rem; overflow: visible !important; } .swiper-slide-3-g-absolute { position: absolute; right: 0; z-index: 1; top: -1.5rem; right: -1.5rem; } .swiper-slide-3-img-absolute { position: absolute; left: 0; width: 100%; height: 100%; z-index: 1; top: -0.01%; } .swiper-slide-3-svgs-absolute { position: absolute; left: 0; height: 10%; z-index: 2; top: 45%; left: 1.7rem; display: flex; flex-direction: column; } .swiper-slide-3-item-1 { position: relative; overflow: hidden; z-index: 4; } .swiper-slide-3-svg { position: absolute; top: 2.6rem; left: 3rem; z-index: 2; } .swiper-slide-3-img { width: 100%; } .swiper-slide-3-item-2 { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0; z-index: 4; } .swiper-slide-3-p { font-family: "RockStar-light", sans serif; font-weight: 400; font-size: 10px; line-height: 12px; color: rgba(255, 255, 255, 0.9); width: 18.4rem; margin: 0; } .swiper-slide-3-span { font-family: "RockStar", sans serif; font-weight: 600; font-size: 32px; line-height: 42.33px; color: rgba(255, 255, 255, 1); margin: 0; } .swiper-button-prev { left: 29%; width: 20%; top: -5%; margin: 0 auto; transform: rotate(180deg); } .swiper-button-next { right: 29%; width: 20%; top: -5%; margin: 0 auto; } .swiper-button-next::after, .swiper-button-prev::after { content: ""; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 40px; } .swiper-button-prev::after { background-image: url("../img/arrow_right.svg"); } .swiper-button-next::after { background-image: url("../img/arrow_right.svg"); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; } .c-arrows-group-1 { width: 100%; position: relative; height: 100%; margin: 0 auto; padding: 2rem 0; } @media (max-width: 650px) { .c-about-content-item:nth-child(2) { width: 100%; } .mySwiper-3 { width: 100%; } .swiper-slide-3 { width: 100% !important; } } @media (max-width: 480px) { .c-about-content-item:nth-child(1) { gap: 2.4rem; margin-top: 12rem; } .c-about-content-item:nth-child(2) { height: auto; } .mySwiper-3 { height: 416.23px; } .swiper-slide-3 { width: 100% !important; height: 491.9px; padding-top: 2.21rem; padding-right: 1.64rem; padding-bottom: 2.36rem; } .swiper-slide-3-item-1 { width: 100%; height: 100%; } .swiper-slide-3-img { width: 100%; height: 100%; } .swiper-slide-3-svg { width: 29.22px; height: 29.22px; } .swiper-slide-3-svgs-absolute > img { width: 15.91px; height: 15.91px; } .swiper-slide-3-g-absolute { height: 80%; } .swiper-slide-3-p { font-size: 8px; line-height: 12px; } .swiper-slide-3-span { font-size: 26px; } } @media (max-width: 390px) { .swiper-button-prev { left: 24%; width: 25%; } .swiper-button-next { right: 24%; width: 25%; } .swiper-slide-3 { height: 420px; } .c-about-content-item:nth-child(1) { margin-top: 4rem; } }