.card-cols-head {/* display: flex; *//* flex-direction: row; *//* height: 100vh; *//* justify-content: space-around; *//* align-items: flex-start; *//* padding-top: 60px; */}

.content-box {position: relative;display: flex;align-items: center;justify-content: flex-start;/* height: 30vh; *//* width: 50%; *//* font-size: 2rem; *//* padding-left: 5em; */}
.card-cols-head h2.heading:before {
    content:'';
    background:#fff;
    position: absolute;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 100%;
    left: -2rem;
    top: 0.85rem;
    }

.images-box {position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;/* width: 100%; */}

.card-cols-head .heading {/* opacity: 0; */position: absolute;top: 2rem;}

.scroll-img {width: 30vw;/* opacity: 0; */position: absolute;top: -3rem;right: 2rem;}

.active {
opacity: 1;
}
.blocn1 h3 {
    font-size: 2rem !important;
}

section.data-solution {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    padding-bottom: 2rem !important;
    background: transparent;
}
.data-solution .slide-container {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    margin-left: 0;
    width: calc(80% - 2rem);
}
.data-solution .slide-container .slide {
    width: 100%;
    margin-left: auto;
    position: relative;
    height: auto;
    grid-row: 1;
    grid-column: 1;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}
.data-solution div#section1 {

}
.data-solution div#section2 {
 
}
.data-solution div#section3 {

}

@media(max-width: 1024px) {
    section.data-solution {
        min-height: 50vh;
    }
}



@media(max-width: 991px) {
    .card-cols-head .content-box {
        display: none;
    }
    .scroll-img {
        width: 100%;
        opacity: 1;
        position: relative;
        top: 0;
        margin: 2rem auto;
        right: 0;
    }
    .images-box {
        display: block;
        width: 100%;
    }
    .card-cols-head {
        display: block;
        height: 100%;
        padding: 2rem 0;
    }
    .pin-spacer {
        padding: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }
    .data-solution .slide-container {
        display: block;
        width: 100% !important;
    }
    #fold-animi {
        transform: none !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        max-height: 100% !important;
        height: 100% !important;
        padding: 2rem 0.55rem !important;
        box-sizing: border-box;
        position: relative !important;
        display: block;
        min-height: 100%;
    }
    #fold-animi .slide-container .slide {
        opacity: 1 !important;
        padding: 0rem 1rem 2rem !important;
        margin: 1rem 0 3rem !important;
    }
}

@media(max-width: 767px) {
    .in-cnt.purple-bg {
        margin: 2rem 0;
    }
}