Task: 6607 | Fix: Правки стилей слайдера

wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css

@@ -2073,7 +2073,92 @@ textarea{
 }
 }
 
+.container, .container-fluid {
+    width: 100%;
+    padding-right: 15px;
+    padding-left: 15px;
+    margin-right: auto;
+    margin-left: auto;
+}
+
+.about_slider .prev, .about_slider .next {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    cursor: pointer;
+    z-index: 99;
+    background-color: unset;
+}
+
+.about_slider .next {
+    right: 29vw;
+}
+
+.about_slider .prev {
+    left: 29vw;
+}
+
+.about_slider .carousel-item {
+    height: 546px;
+    padding: 35px 50px 25px 50px;
+    padding: 50px 53px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    /* background: var(--creme-white, #F4F1F0); */
+    background: #ffffff30;
+    backdrop-filter: blur(6px);
+    z-index: 1;
+    box-shadow: -2px 5px 22.9px 0px rgba(0, 0, 0, 0.25);
+}
+
+.about_slider .swiper-slide-active {
+    backdrop-filter: blur(6px);
+    width: 429px!important;
+    z-index: 3;
+}
+
+.about_slider .carousel-item img {
+    width: auto;
+}
 
+.about_slider .slide_info {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.about_slider .carousel-item::after {
+    content: '';
+    background-image: url(/wp-content/themes/cosmopet/static/front-page/img/border.png);
+    background-size: cover;
+    /* background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); */
+    display: block;
+    position: absolute;
+    width: calc(100% + 4px);
+    height: calc(100% + 4px);
+    border-radius: 60px;
+    top: -2px;
+    left: -2px;
+    z-index: -2;
+    transform: translateZ(-1px);
+}
+
+.about_slider .slide_title {
+    text-transform: uppercase;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 28.8px;
+    color: #121212;
+}
+
+.about_slider .slide_text {
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    color:#121212;
+}
 
 .discount_block .discount_cosmodog {
     margin-top: 60px;