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

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

    .fancify-core-carousel-icon-box-content {
        position: relative;
    }

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

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

    .fancify-core-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: $tr-normal ease-in;
        margin: 0 17px;
        position: relative;
        height: 100%;

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

        &:before {
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            opacity: 0;
            transition: all $tr-normal;
            border-radius: 15px 15px 15px 15px;
            background-image: linear-gradient(180deg, $default-lblue, $default-purple);
        }

        &:hover {
            //transition: 0.3s !important;
            margin-top: -8px !important;
            box-shadow: 0 3px 35px rgba(#2B7DFB, .65);

            &::before {
                opacity: 1;
                z-index: 0;
                transition: all $tr-normal;
                background-color: transparent;
            }

            .fancify-core-carousel-icon {
                background: none;
                color: #fff;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .fancify-core-carousel-icon-box-content {

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

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

        }
    }

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

        .swiper-slide {
            // width: 26.5% !important;
            // flex: 1;
            height: unset !important;

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

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

    &.fancify-iconbox-carousel-style-type-1 {
        .fancify-core-carousel-icon-box-wrapper {
            box-shadow: 0px 3px 35px 0px rgba(0, 0, 0, 0.09);
            padding: 115px 65px 60px 65px;

            &:before {
                background-color: transparent;
                background-image: linear-gradient(46deg, $default-green 0%, $default-light-green 100%);
            }

            &:hover {
                box-shadow: 0px 3px 35px 0px rgba(17, 228, 172, 0.35);


                .fancify-core-carousel-icon {
                    background-color: transparent;
                    background-image: linear-gradient(180deg, $white-color 0%, $white-color 100%);
                }

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

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

        }

        .fancify-core-carousel-icon-box-icon {
            margin: 0px 0px 11px 0px;
        }

        .fancify-core-carousel-icon {
            @include font-size(75);
            background-color: transparent;
            background-image: linear-gradient(180deg, #01e2b4 0%, #9bf14f 100%);
        }

        .fancify-core-carousel-icon-box-title {
            @include font-size(29);
            @include font-family-quicksand;
            @include font-weight(bold);
            color: #181818;
            letter-spacing: 0px;
        }

        .fancify-core-carousel-icon-box-description {
            @include font-family-poppins;
            @include font-size(16);
            color: #757575;
            @include font-weight(regular);
            line-height: 26px;
            margin-top: 31px;
        }
    }
}