.pp-elementor-grid {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    .pp-grid-item {
        @include transition();
        position: relative;
    }
    .pp-grid-item-wrap {
        float: left;
        margin-bottom: 0;
        margin-left: 0;
        text-align: center;
        transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    }
}
@mixin grid--desktop {
/* For Desktop: */
.elementor-element {
    &.elementor-grid-1 {
        position: relative;
        .pp-grid-item-wrap {
            width: 100%;
            float: left;
        }
    }

    &.elementor-grid-2 {
        position: relative;
        .pp-grid-item-wrap {
            width: 50%;
            float: left;
            &:nth-of-type(2n) {
                margin-right: 0 !important;
            }
            &:nth-of-type(2n+1) {
                clear: left;
            }
        }
    }

    &.elementor-grid-3 {
        position: relative;
        .pp-grid-item-wrap {
            width: 33.3333%;
            float: left;
            &:nth-of-type(3n) {
                margin-right: 0 !important;
            }
            &:nth-of-type(3n+1) {
                clear: left;
            }
        }
    }

    &.elementor-grid-4 {
        position: relative;
        .pp-grid-item-wrap {
            width: 25%;
            float: left;
            &:nth-of-type(4n) {
                margin-right: 0 !important;
            }
            &:nth-of-type(4n+1) {
                clear: left;
            }
        }
    }

    &.elementor-grid-5 {
        position: relative;
        .pp-grid-item-wrap {
            width: 20%;
            float: left;
            &:nth-of-type(5n) {
                margin-right: 0 !important;
            }
            &:nth-of-type(5n+1) {
                clear: left;
            }
        }
    }

    &.elementor-grid-6 {
        position: relative;
        .pp-grid-item-wrap {
            width: 16.6667%;
            float: left;
            &:nth-of-type(6n) {
                margin-right: 0 !important;
            }
            &:nth-of-type(6n+1) {
                clear: left;
            }
        }
    }
}
}
@mixin grid--tablet {
    /* For tablets: */
    .elementor-element {
        &.elementor-grid-tablet-1 {
            position: relative;
            .pp-grid-item-wrap {
                width: 100%;
                float: left;
            }
        }


        &.elementor-grid-tablet-2 {
            position: relative;
            .pp-grid-item-wrap {
                width: 50%;
                float: left;
                &:nth-of-type(2n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(2n+1) {
                    clear: left;
                }
            }
        }

        &.elementor-grid-tablet-3 {
            position: relative;
            .pp-grid-item-wrap {
                width: 33.3333%;
                float: left;
                &:nth-of-type(3n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(3n+1) {
                    clear: left;
                }
            }
        }

        &.elementor-grid-tablet-4 {
            position: relative;
            .pp-grid-item-wrap {
                width: 25%;
                float: left;
                &:nth-of-type(4n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(4n+1) {
                    clear: left;
                }
            }
        }

        &.elementor-grid-tablet-5 {
            position: relative;
            .pp-grid-item-wrap {
                width: 20%;
                float: left;
                &:nth-of-type(5n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(5n+1) {
                    clear: left;
                }
            }
        }

        &.elementor-grid-tablet-6 {
            position: relative;
            .pp-grid-item-wrap {
                width: 16.6667%;
                float: left;
                &:nth-of-type(6n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(6n+1) {
                    clear: left;
                }
            }
        }
    }
}
@mixin grid--mobile {
    //for mobiles
    .elementor-element {
        &.elementor-grid-mobile-1 {
            position: relative;
            .pp-grid-item-wrap {
                width: 100%;
                float: left;
            }
        }
        &.elementor-grid-mobile-2 {
            position: relative;
            .pp-grid-item-wrap {
                width: 50%;
                float: left;
                &:nth-of-type(2n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(2n+1) {
                    clear: left;
                }
            }
        }
        &.elementor-grid-mobile-3 {
            position: relative;
            .pp-grid-item-wrap {
                width: 33.3333%;
                float: left;
                &:nth-of-type(3n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(3n+1) {
                    clear: left;
                }
            }
        }
        &.elementor-grid-mobile-4 {
            position: relative;
            .pp-grid-item-wrap {
                width: 25%;
                float: left;
                &:nth-of-type(4n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(4n+1) {
                    clear: left;
                }
            }
        }
        &.elementor-grid-mobile-5 {
            position: relative;
            .pp-grid-item-wrap {
                width: 20%;
                float: left;
                &:nth-of-type(5n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(5n+1) {
                    clear: left;
                }
            }
        }
        &.elementor-grid-mobile-6 {
            position: relative;
            .pp-grid-item-wrap {
                width: 16.6667%;
                float: left;
                &:nth-of-type(6n) {
                    margin-right: 0 !important;
                }
                &:nth-of-type(6n+1) {
                    clear: left;
                }
            }
        }
    }
}