.rtpc-iconbox-carousel {
    .swiper-wrapper {
        padding-top: 55px;
        padding-bottom: 30px;

        .swiper-slide {
            width: 26.5% !important;

            @include for-tablet {
                width: 50% !important;
            }

            @include for-phone {
                width: 100% !important;
            }

            .rtpc-carousel-icon-box-wrapper {
                border-radius: 15px 15px 15px 15px;
                box-shadow: 0px 2px 35px 0px rgba(0, 0, 0, 0.16);
                padding: 75px 65px 55px 65px;
                transition: 0.6s;
                margin: 0 17px;

                @include for-desktop {
                    padding: 60px 50px 40px 50px;
                }

                &:hover {
                    transition: 0.3s !important;
                    margin-top: -8px !important;
                    background: linear-gradient(180deg, $default-lblue, $default-purple);
                    box-shadow: 0 3px 35px rgba(#2B7DFB, .65);

                    .rtpc-carousel-icon {
                        background: none;
                        color: #fff;
                        -webkit-text-fill-color: unset;
                    }

                    .rtpc-carousel-icon-box-title {
                        color: $white-color;
                    }

                    .rtpc-carousel-icon-box-description {
                        color: rgba($white-color, 0.7);
                    }

                }

                .rtpc-carousel-icon {
                    font-size: 75px;
                    background: -webkit-linear-gradient(180deg, #2b7ffc, #6a11cb);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    line-height: 102px;
                    width: 100%;
                    height: 100%;

                    @include for-desktop {
                        font-size: 65px;
                        line-height: 80px;
                    }
                }

                .rtpc-carousel-icon-box-title {
                    color: #181818;
                    @include font-size(27);
                    font-weight: $semi-bold;
                    letter-spacing: 1px;
                }

                .rtpc-carousel-icon-box-description {
                    color: #6a6a6a;
                    @include font-size(16);
                    font-weight: $regular;
                    line-height: 27px;
                    margin-top: 18px;
                }
            }
        }
    }
}