.img-comp-container {

    position: relative;

    height: auto;

    max-width: 640px;

    width: 100%;

    left:50%;

    transform:translateX(-50%);

    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);

    margin-bottom: 130px;

}



.img-comp-responsive {

    /*height: 0;*/

    width: 100%;

    /*padding-bottom: 75%;*/

}



.img-comp-img {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.img-comp-img img {

    display: block;

    vertical-align: middle;

    width: 100%;

    height: auto;

}



.img-comp-overlay {

    width: 50%;

    position: absolute;

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    background-position: top left;

    background-size: auto 100%;

}

.img-comp-overlay img {

    opacity: 0;

}

.img-comp-slider {

    position: absolute;

    z-index: 9;

    cursor: ew-resize;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%)

}



.img-comp-drag {

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    height: 40px;

    margin-top: 30px;

    overflow: hidden;

    border-radius: 50px;

    background-color: #e22726;

}



.img-comp-slider:before {

    content: '';

    position: absolute;

    left: 20px;

    top: 0;

    width: 5000px;

    height: 100%;

    background: #192451;

    z-index: 0;

}



.img-comp-slider:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    height: 40px;

    border-radius: 40px;

    background-color: #fff;

    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);

    z-index: 1;

}



.img-comp-slider img {

    position: relative;

    z-index: 2;

    opacity: 0;

}


.digitalpreview .slick-list{max-width: calc(100% - 50px);margin-left: auto;margin-right: auto;}
.digitalpreview .slick-arrow {font-size: 0;position: absolute;top: 50%;transform: translateY(-50%);width: auto;padding: 0px;width: 20px;height: 20px;background: transparent;border: none;background-size: 20px;background-repeat: no-repeat;background-position: center;}
.digitalpreview .slick-arrow.slick-prev {left: 0;background-image: url("../img/circle-left-arrow.svg");}
.digitalpreview .slick-arrow.slick-next {right: 0;background-image: url("../img/circle-right-arrow.svg");}



.corporate_item {padding-left: 5px;padding-right: 5px;}
.corporate_item img {border: 8px solid transparent;}
.corporate_item.shape-selected img {border-color: red;}
.digitalpreview .slick-track {margin-left: -5px;margin-right: -5px;}

@media (max-width: 1023px) {
    .corporate-page .ourprocess-title {font-size: 44px !important;margin-bottom: 0;}
}

@media (max-width: 767px) {
    .corporate-page .ourprocess-title {font-size: 34px !important;line-height: 1.2 !important;}
    .digitalpreview .slick-list {pointer-events: initial !important;}
}