
.frame-type-contact-person-slider {
    --color-primary: #002859;
    --color-mediumblue: #486C98;
    --color-overlay: #002454;
    --color-lightgrey: #F0F0F0;
    --color-red: #A71511;
    --color-white: #fff;
}
@media (max-width: 1660px) {
    .frame-type-contact-person-slider .swiper-button-next{
        right: 40px !important;
    }
    .frame-type-contact-person-slider .swiper-button-prev{
        left: 40px !important;
    }
}
@media (max-width: 1024px) {
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote p > i {
        font-size: 32px !important;
        line-height: 35px !important;
    }
}
@media (max-width: 840px) {
    .frame-type-contact-person-slider.space-after-xxlarge {
        margin-bottom: 240px;
    }
    .frame-type-contact-person-slider .swiper-button-next, .frame-type-contact-person-slider .swiper-button-prev {
        top: 40px !important;
    }
}
@media (max-width: 768px) {
    .frame-type-contact-person-slider .swiper-slide {
        width: 281px !important;
    }
    .frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper > img.desktop {
        display: none;
    }
    .frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper > img.mobile {
        display: block !important;
    }
    .frame-type-contact-person-slider .slider .swiper-slide .slider-text-contact {
        min-height: 121px !important;
        padding: 12px 16px 13px 16px !important;
        line-height: 22px !important;
    }
    .frame-type-contact-person-slider .slider .swiper-slide .slider-text-contact > strong {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-person {
        order: 1;
        margin-bottom: 30px !important;
    }
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote {
        order: 2;
        padding: 20px;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote p > i {
        font-size: 32px !important;
        line-height: 35px !important;
    }
}
@media (max-width: 425px) {
    .frame-type-contact-person-slider .swiper-button-next, .frame-type-contact-person-slider .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
        background-size: 11px 30px !important;
        padding: 16px 17px !important;
    }
    .frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-person .cps_overlay_close {
        width: 40px !important;
        height: 40px !important;
        background-size: 17px 17px !important;
        background-position: 12px 12px !important;
    }
    .frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper > img.mobile {
        display: block !important;
        min-height: 342px;
        object-fit: cover;
    }
}
.frame-type-contact-person-slider{
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
}
.frame-type-contact-person-slider .swiper-container {
    width: 100%;
}
.frame-type-contact-person-slider .swiper-slide {
    position: relative;
    /*width: 393px !important;*/
    width: 393px;
}
.frame-type-contact-person-slider .slider .swiper-slide img {
    width: unset;
}
.frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper > img {
    display: block;
}
.frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper > img.mobile {
    display: none;
}
.frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper {
    position: relative;
}
.frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper:after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 70%;
    background: var(--color-primary);
    pointer-events: none;
}
.frame-type-contact-person-slider .slider .swiper-slide .cps-image-wrapper h3 {
    position: absolute;
    bottom: 49px;
    left: 30px;
    right: 30px;
    z-index: 99;
    margin-bottom: 0;
}
.frame-type-contact-person-slider .slider .swiper-slide h3 {
    color: var(--color-white);
}
.frame-type-contact-person-slider .slider .swiper-slide .slider-text-contact {
    min-height: 134px;
    background-color:  var(--color-lightgrey);
    padding: 16px 32px 38px 32px;
    margin-top: 24px;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400;
    letter-spacing: 0;
}
.frame-type-contact-person-slider .slider .swiper-slide .slider-text-contact > strong {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
}
.frame-type-contact-person-slider .slider-buttons {
    position: relative;
    max-width: 1620px;
    margin: 0 auto;
}
.frame-type-contact-person-slider .swiper-button-next, .frame-type-contact-person-slider .swiper-button-prev {
    top: unset;
    bottom: -114px;
    background-color: var(--color-red);
    width: 65px;
    height: 66px;
    background-size: 19px 34px;
    padding: 16px 23px;
}
.frame-type-contact-person-slider .swiper-button-next{
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2234%22%20viewBox%3D%220%200%2019%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M0.618325%200.622392C-0.206108%201.45227%20-0.206108%202.79774%200.618325%203.62761L13.9034%2017L0.618325%2030.3725C-0.206108%2031.2023%20-0.206108%2032.5478%200.618325%2033.3776C1.44278%2034.2075%202.77946%2034.2075%203.60391%2033.3776L18.3817%2018.5026C19.2061%2017.6728%2019.2061%2016.3273%2018.3817%2015.4974L3.60391%200.622392C2.77946%20-0.207464%201.44278%20-0.207464%200.618325%200.622392Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A");
}
.frame-type-contact-person-slider .swiper-button-prev{
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2219%22%20height%3D%2234%22%20viewBox%3D%220%200%2019%2034%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M18.3817%200.622392C19.2061%201.45227%2019.2061%202.79774%2018.3817%203.62761L5.09661%2017L18.3817%2030.3725C19.2061%2031.2023%2019.2061%2032.5478%2018.3817%2033.3776C17.5572%2034.2075%2016.2205%2034.2075%2015.3961%2033.3776L0.618294%2018.5026C-0.206097%2017.6728%20-0.206097%2016.3273%200.618294%2015.4974L15.3961%200.622392C16.2205%20-0.207464%2017.5572%20-0.207464%2018.3817%200.622392Z%22%20fill%3D%22white%22/%3E%0A%3C/svg%3E%0A");
}
.frame-type-contact-person-slider .swiper-pagi-out {
    display: none;
    bottom: -50px;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
    line-height: 16px;
}
.frame-type-contact-person-slider .slider .swiper-pagi {
    display: flex;
    justify-content: center;
    align-items: center;
}
.frame-type-contact-person-slider .slider .swiper-pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:var(--color-red);
    height:20px;
    width:20px;
}
body.overlay-open {
    overflow: hidden;
}
body.overlay-open #header {
    z-index: 9999;
}
.frame-type-contact-person-slider .cps-overlay.cps-overlay-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 999;
    opacity: 0;
    transform: translateY(30px);
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.frame-type-contact-person-slider .cps-overlay.cps_hidden {
    display: none;
}
.frame-type-contact-person-slider .cps-overlay.cps_visible  {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    display: block !important;
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 1620px;
    width: 100%;
    border: 2px solid var(--color-mediumblue);
    padding: 32px 32px 44px 38px;
    background-color: var(--color-white);
    display: flex;
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote {
    width: 100%;
    max-width: 810px;
    color: var(--color-overlay);
    /*max-height: 722px;*/
    /*overflow-y: scroll;*/
    scrollbar-gutter: stable;
    padding-right: 1rem;
    margin-right: 64px;
    flex: 1;
    /*scrollbar-width: none; !* Firefox *!*/
    -ms-overflow-style: none; /* IE 10+ */
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote p {
    font-size: 26px;
    line-height: 36px;
    font-weight: 300;
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-quote p > i {
    font-size: 44px;
    line-height: 45px;
    font-weight: 400;
    color: var(--color-mediumblue);
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-person {
    width: 100%;
    position: relative;
    flex: 1;
    max-width: 660px;
}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-person figcaption {
    background-color: var(--color-primary);
    color: var(--color-white);
    padding: 26px 32px 26px 32px;
    margin-top: -8px;
    font-size: 20px;
    line-height: 32px;

}
.frame-type-contact-person-slider .cps-overlay .cps-overlay-content .cps-overlay-person .cps_overlay_close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 65px;
    height: 66px;
    background-color: var(--color-red);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M27.9999%2027.9999L15%2015M15%2015L2%202M15%2015L28%202M15%2015L2%2028%22%20stroke%3D%22white%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/svg%3E%0A");
    background-size: 26px 26px;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    border: none;
    cursor:pointer;
}
