﻿.scWrap {    padding-top: 42px;
    padding-bottom: 42px;
    background: linear-gradient(180deg, #E9EBF0 0%, rgba(255, 255, 255, 0.06) 100%);
    max-width:100%;
}

.pre-logo {
    display: block;
    margin: 0 auto 34px;
}

.smartConnectSlideWrap {
    margin: 0 15px;
    max-width:100%
}

.scSlide {
    max-width: 1468px;
    display: flex !important;
    border: 4px solid #A5A5A5;
    margin: 0 auto;
    position: relative;
    clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 3% 100%, 0 93.4%);
    /*			background: #ccc;*/
}

    .scSlide:before {
        content: '';
        height: 4px;
        width: 13.9%;
        position: absolute;
        left: -5.7%;
        bottom: 2.7%;
        background: #A5A5A5;
        transform: rotate(41deg);
        z-index: 1;
    }

.slideLeftImg {
    flex: 1
}
    /*		.slideLeftImg .figureCol {clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0px 100%, 0 86%);background: #A5A5A5;}*/
    .slideLeftImg img {
        display: block;
        max-width: 100%
    }

.slideRightContent {
    flex: 1;
    padding: 40px 45px 42px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .slideRightContent h4 {
        font-family: Roboto;
        font-size: 28px;
        font-weight: 700;
        line-height: 32.81px;
        text-align: left;
        margin-bottom: 23px;
    }

    .slideRightContent p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;
    }

.qrWrap {
    display: flex;
}

    .qrWrap img {
        margin-right: 30px;
        display: block;
        background: #0C3688;
    }

.ssm-only {
    display: none;
}
.smartConnectSlideWrap .slick-slide {
    padding: 0 10px;
}
.smartConnectSlideWrap .slick-prev {
    background: url(../../images/IB-NewUI/blue-right-arrow.webp);
    transform: scale(-1);
}
.smartConnectSlideWrap .slick-prev {
    background: url(../../images/IB-NewUI/blue-right-arrow.webp);
    transform: scale(-1);
}
.smartConnectSlideWrap .slick-next {
    background: url(../../images/IB-NewUI/blue-right-arrow.webp);
}
.smartConnectSlideWrap .center-slider-nav {
    margin-top: 16px;
}
    @media all and (max-width:1300px) {
        .qrWrap img {
            max-width: 100px;
            margin-right: 10px;
        }

        .slideRightContent {
            padding: 15px 20px
        }
    }

    @media all and (max-width:1130px) {

        .scSlide:before {
            width: 4.7%;
            left: -1%;
            bottom: 2%;
            transform: rotate(44deg);
        }
    }

    @media all and (max-width:991px) {
        .scSlide {
            flex-direction: column;
        }

        .slideLeftImg img {
            width: 100%;
        }

        .qrWrap {
            margin-top: 15px
        }

        .scSlide:before {
            display: none;
        }

        .scSlide {
            clip-path: none;
        }
    }

    @media all and (max-width:575px) {
        .qrWrap {
            display: none
        }
        .pre-logo {
           width:85%;
        }
            .qrWrap.ssm-only {
                display: flex;
            }

                .qrWrap.ssm-only img {
                    max-width: 100%;
                }
        .qrWrap.ssm-only a:first-child {
            margin-right: 10px; /* Adds margin to the right side of the first image */
        }
    }
