/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.6.1.1658308858
Updated: 2022-07-20 09:20:58

*/

.margin-block {
    margin: 0 auto;
}

.scroll-blur-section {
    position: relative;
}

#wh-image img {
    transition: all .3s;
}

.scroll-blur-section::before {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://sharbiv2.dev-send.tech/wp-content/uploads/2022/07/bg.svg");
    background-size: cover;
    z-index: 1;
}

.scroll-blur-section::after {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://sharbiv2.dev-send.tech/wp-content/uploads/2022/07/overlay.svg");
    background-size: cover;
    z-index: 2;
}

.scroll-blur-section .elementor-widget-wrap {
    position: relative;
    overflow-y: scroll;
    z-index: 999;
    -ms-overflow-style: none;
}

.scroll-blur-section .elementor-widget-wrap::-webkit-scrollbar {
    width: 0;
}

.fixed-form {
    position: fixed;
    bottom: 0;
    padding: 19px 0 39px;
    backdrop-filter: blur(12px);
    background: rgb(0 0 0 / 30%);
}

.fixed-form .form-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fixed-form .form-block input,
.fixed-form .form-block {
    direction: rtl;
}

.fixed-form h3 {
    font-family: 'FbPhilosof-Bold', sans-serif;
    font-size: 40px;
    text-align: center;
    color: #fff;
    /*margin-bottom: 0;*/
}

.fixed-form h4 {
    font-family: 'FbPhilosof-Bold', sans-serif;
    font-size: 26px;
    text-align: center;
    color: #fff;
    margin-top: 0;
}

.fixed-form .form-block .wpcf7-form-control-wrap input {
    width: 100% !important;
    max-width: 297px !important;
    margin: 5px 10px !important;
}

.fixed-form .form-block input[type=submit] {
    width: 100% !important;
    max-width: 263px !important;
    margin: 5px 10px !important;
}

.wpcf7-spinner,
.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-not-valid {
    border-bottom: 2px solid red !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    width: 100%;
    max-width: 470px;
    color: #fff;
    margin: 10px auto;
    text-align: center;
}

#wh-image img {
    transform: scale(0.8);
}

@media all and (max-width: 1024px) {
    .scroll-section {
        overflow: scroll;
    }
}

@media all and (max-width: 767px) {
    .fixed-form h3 {
        font-family: 'FbPhilosof-Bold', sans-serif;
        font-size: 23px;
        text-align: center;
        color: #fff;
        /*margin-bottom: 0;*/
    }

    .fixed-form h4 {
        font-family: 'FbPhilosof-Bold', sans-serif;
        font-size: 16px;
        text-align: center;
        color: #fff;
        margin-top: 0;
    }

    .scroll-blur-section::before {
        top: 0;
        bottom: auto;
        width: 90%;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .scroll-blur-section::after {
        position: fixed;
        top: 0;
        bottom: auto;
        width: 90%;
        height: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .fixed-form .form-block .wpcf7-form-control-wrap input {
        width: 302px !important;
        margin: 2px 0 !important;
    }

    .fixed-form .form-block input[type=submit] {
        min-width: 297px !important;
        width: 302px !important;
        margin: 2px 0 !important;
    }

    .fixed-form {
        position: fixed;
        bottom: 0;
        padding: 10px 0 10px;
    }

    .fixed-form .form-block {
        width: 302px;
        margin: 0 auto;
    }

    .mobile-section {
        height: 100vh;
        overflow: scroll !important;
    }

    .scroll-blur-section .elementor-widget-wrap {
        overflow-x: hidden !important;
    }

    .fixed-form {
        margin-bottom: 0 !important;
        backdrop-filter: blur(8px);
        background: rgb(0 0 0 / 45%);
    }
}