.page-template-page-new .page-title-bar img {
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 15px;
}

.page-template-page-new .page-title-bar .banner-logo {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 11;
    min-width: 400px;
}

.page-template-page-new .slider-redesign .img-wrap img {
    border-radius: 15px 15px 80px 0;
}

.page-template-page-new .page-title-bar {
    margin-bottom: 50px;
}

.page-template-page-new .icons-wrap .icon-box {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    background-color: #F1F5F8;
    border-radius: 15px;
    padding: 30px 15px;
    height: 100%;
    max-width: 220px;
}

.icons-wrap {
    background-color: unset;
}
.mySwiper-2{
        border: 10px solid #fff;
    width: 100%;
    max-width: 497px;
    height: 100%;
    border-radius: 15px 15px 80px 0;
}
.mySwiper-2 img{
     width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: unset !important;
    border-radius: unset !important;
    max-width: 100% !important;
}

.slider-redesign .mySwiper {
    border: 10px solid #fff;
    width: 100%;
    /* max-width: 430px;
    height: 550px; */
    max-width: 406px;
    width: 100%;
    height: 100%;
    border-radius: 15px 15px 80px 0;
     aspect-ratio: 3 / 4; /* ширина / висота */
}

.slider-redesign .mySwiper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: unset !important;
    border-radius: unset !important;
}

.slider-redesign .navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}

.slider-redesign .swiper-button-prev,
.slider-redesign .swiper-button-next {
    color: #000;
    position: static;
    /* прибираємо абсолютне позиціонування */
}

.slider-redesign .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: 6px;
    align-items: center;
    width: auto;
}

.slider-redesign .swiper-pagination-bullet {
    background: #FFFFFF;
    opacity: 1;
    width: 8px;
    height: 8px;
}

.slider-redesign .swiper-pagination-bullet-active {
    opacity: 1;
    width: 12px;
    height: 12px;
    background: #582D2D;
}

.swiper-button-prev-c,
.swiper-button-next-c {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    transition: all 0.3s ease-in-out;
}
.swiper-button-prev-c:hover,
.swiper-button-next-c:hover{
background-color: #EA0D44;

}

.swiper-button-prev-c i.bi,
.swiper-button-next-c i.bi {
    color: #000;
    font-size: 24px;
    transition: all 0.3s ease-in-out;
}
.swiper-button-prev-c:hover i.bi,
.swiper-button-next-c:hover i.bi{
    color: #FFFFFF;
}

.slider-redesign .default-content p {
    max-width: unset;
}

.slider-redesign::after {
    width: 100%;
    height: 100%;
    content: '';
    background-color: #F1F5F8;
    border-radius: 0 15px 85px 0;
    position: absolute;
    left: 0;
    top: 0;
}

.slider-redesign .container {
    position: relative;
    z-index: 99;
    color: #fff;
}
.slider-redesign .container h2{
    color: #fff;
}

.img-logo-s {
    max-width: 170px;
}

.page-template-page-new .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.slider-redesign .icon-box img{
    width: 70px;
    height: 70px;
}
.slider-redesign .icon-box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.slider-redesign{
    padding-bottom: 80px;
}
.slider-redesign h3{
font-family: 'Montserrat';
font-style: Bold;
font-size: 32px;
line-height: 22px;
color: #fff;
    margin-bottom: 1.5rem;
}
.slider-redesign h4{
   font-family: 'Playfair Display', serif;
font-weight: 500;
font-size: 26px;
line-height: 100%;
letter-spacing: 0%;
font-style: italic;
color: #fff;
margin-bottom: 2rem;
}

/* ТЕКСТ: кладемо блоки один над одним всередині лівої колонки */
.slider-redesign .col-lg-5 { position: relative; transition: height .3s ease; }
.slider-redesign .default-content{
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
  left: 1.5rem;
}
.slider-redesign .default-content.active{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* ПРАВІ ІЛЮСТРАЦІЇ: також накладаємо один на одну */
.slider-redesign .img-right-stack{ position: relative; transition: height .3s ease; }
.slider-redesign .img-right-stack .img-right-c{
  position: absolute;
  inset: 0;           /* займати весь контейнер */
  width: 100%;
  height: auto;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
  object-fit: contain;   /* або cover — на твій смак */
  max-height: 465px;
  height: 465px;

}
.slider-redesign .img-right-stack .img-right-c.active{
  opacity: 1;
  transform: translateY(0);
}
.page-template-page-new .assor-section .col-lg-7 .col-md-5{
    display: flex;
    align-items: center;
}
.page-template-page-new .assor-section .default-content{
        max-width: 450px;
}
.page-template-page-new .assor-section .left-img img{
    border-radius: 15px 15px 80px 15px;
}
.page-template-page-new .assor-section .right-img img{
     border-radius: 15px 15px 80px 15px;
     height: 380px;
}
.page-template-page-new .two-col-img-wrap .img-wrap img{
    border-radius: 15px 15px 80px 15px;
}
.page-template-page-new .icons-redesign-brown{
    background-color: #582D2D;
    color: #FFFFFF;
    padding-top: 300px;
    margin-top: -250px;
}
.page-template-page-new .icons-redesign-brown h2{
    color: #fff;
}
.page-template-page-new .icons-redesign-brown .icon-box{
    background-color: #582D2D;
    padding: 0;
}
.page-template-page-new .contact-form-wrap-redesign{
        background-color: #582D2D;
    color: #fff;
    padding: 60px 0 60px;
}
.page-template-page-new .contact-form-wrap-redesign h2{
    color: #fff;
}
.page-template-page-new .contact-form-wrap-redesign .title-wrap
{
    max-width: unset;
}
.page-template-page-new .header-wrap{
    background-image: url(../images/bg.png);
            background-size: cover;
}
.page-template-page-new .img-b{
        max-width: 430px;
    height: 550px;
    position: relative;
}
.img-wrap-slide{
    position: relative;
    width: 497px;
    /* height: 635px; */
}
.page-template-page-new .img-wrap-slide .bug-wrap {
    position: absolute;
    right: 0;
    bottom: -15px;
    z-index: 1;
}
.page-template-page-new .img-wrap-slide .bug-wrap img{
        width: 60px;
    height: 60px;
    border: unset;
    border-radius: unset;
    transform: scaleX(-1);
}
.slider-redesign{
        margin-top: 115px;
}
.page-template-page-new .assor-section{
        padding: 50px 0 100px 0;
}
.page-template-page-new .contact-form-wrap .wpcf7-form-control.wpcf7-text, .page-template-page-new .contact-form-wrap .wpcf7 textarea{
    border-radius: 15px;
    font-family: 'Montserrat';
font-weight: 400;
font-size: 14px;
line-height: 22px;
letter-spacing: 0%;

}
.page-template-page-new .two-col-img-wrap.care-col-img-left-wrap .img-b{
    margin-left: auto;
}
.slider-redesign.bg-blue-slide::after{
    background-color: #7D9CC0;
}
.slider-redesign.bg-green-slide::after{
    background-color: #BFB800;
}
.slider-redesign.bg-yellow-slide::after{
    background-color: #EC86D0;
}
.page-template-page-new .two-col-img-wrap.care-col-img-left-wrap::before{
        height: 125%;
        top: 40%;
}
.aspect-3x4 {
  aspect-ratio: 3 / 4; /* ширина / висота */
  max-width: 497px;        /* або будь-яке інше значення */
  width: 100%;
}
.two-col-img-wrap-slider{
    padding: 50px 0 140px;
}
.contact-form-wrap .wpcf7-form-control.wpcf7-submit{
    transition: all 0.3s ease-in-out;
}
.contact-form-wrap .wpcf7-form-control.wpcf7-submit:hover{
    background-color: #68ABE4;
}
@media(min-width:991px){
    .slider-redesign .default-content {
    max-width: 450px;
}
.page-template-page-new .two-col-img-wrap .default-content p{
    max-width: 460px; 
}
.two-col-img-wrap.care-col-img-left-wrap .default-content{
        max-width: 550px;
}
 .page-template-page-new .two-col-img-wrap.care-col-img-left-wrap{
            margin: 50px 0 120px;
    }
    .page-template-page-new .header-wrap .navbar .header-bottom {
            position: relative;
    bottom: unset;
    left: 15%;
    margin-top: 2rem;
    }
     .page-template-page-new .header-wrap .navbar .social-icons a{
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all 0.3s ease-in-out;
        background-color: #FFFFFF;
     }
     .page-template-page-new .header-wrap .navbar .social-icons a .fa{
        font-size: 14px;
        color: #97C0EC;
        transition: all 0.3s ease-in-out;
     }
     .page-template-page-new .header-wrap .navbar .social-icons a:hover{
        background-color: #68ABE4;
     }
     .page-template-page-new .header-wrap .navbar .social-icons a:hover .fa{
        color: #fff;
     }
}
@media(max-width:991px){
    .page-template-page-new .two-col-img-wrap .default-content p{
text-align: center;
    }
    .slider-redesign .default-content{
text-align: center;
    }
    body section{
        text-align: center;
    }
    .two-col-img-wrap .default-content p{
        max-width: unset;
    }
    .img-wrap-slide{
        margin: auto;
    }
    .slider-redesign{
        overflow: hidden;
    }
    .slider-redesign::after{
        width: 100%;
    }
    .slider-redesign .default-content{
       transform: translateX(-50%) !important;
    left: 50%;
    width: 95%;
    }
    .two-col-img-wrap.care-col-img-left-wrap{
        padding-top: 75px;
    }
    .two-col-img-wrap.care-col-img-left-wrap img{
        margin-top: 2rem;
    }
    .page-template-page-new .default-content ul{
        list-style: none;
    }
    .page-template-page-new .header-wrap .offcanvas.offcanvas-end{
         background-image: url(../images/bg.png);
            background-size: cover;
    }
    .page-template-page-new .header-wrap .navbar .navbar-nav li a{
        color: #592e2c;
    }
   
}
@media(min-width:1700px){
    .slider-redesign::after{
        width: 97%;
    }
}