/***

====================================================================
    Invite Section
====================================================================

***/

.invite-section {
    position: relative;
    margin-top: -245px;
    .outer-box {
        position: relative;
        background-color: var(--theme-color4);
        background-image: url(../images/icons/icon-flower-177.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        max-width: 962px;
        width: 100%;
        margin: 0 auto;
        padding: 110px 30px 90px;
        @include media-breakpoint-down(sm){
            padding-top: 200px;
        }
        &:before {
            content: '';
            position: absolute;
            top: 30px;
            left: 26px;
            right: 26px;
            bottom: 30px;
            border: 1px solid var(--theme-color-light);
        }
        .icon-frame-2 {
            position: absolute;
            top: 38px;
            left: 36px;
            &.style-two {
                left: auto;
                right: 36px;
                transform: scaleX(-1);
            }
        }
        .sec-title {
            margin-bottom: 20px;
            .sub-title {
                margin-bottom: 20px;
                color: #ffb596;
            }
            h2 {
            }
        }
    }
    .invite-block-outer {
        max-width: 720px;
        margin: 0 auto;
    }
}

.invite-block {
    margin-bottom: 30px;
    .inner-box {
        position: relative;
        text-align: center;
        &:hover{
            .icon-box{
                .icon{
                    transform: scaleX(-1);
                    color: var(--theme-color4);
                    background-color: var(--theme-color-light);
                }
            }
        }
        .icon-box {
            margin-bottom: 10px;
            .icon {
                position: relative;
                display: inline-block;
                color: var(--theme-color-light);
                font-size: 40px;
                line-height: 70px;
                height: 70px;
                width: 70px;
                border-radius: 50%;
                transition: all 300ms ease;
            }
        }
        .content-box {
            position: relative;
            .title {
                margin-bottom: 10px;
                color: var(--theme-color-light);
            }
            .text {
                font-size: 14px;
                color: var(--theme-color-light);
            }
        }
    }
}