/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* ========= common styling ======== */

* {
    scroll-behavior: smooth;
}

.defaultIcon .elementor-icon-wrapper .elementor-icon {
    display: flex;
}

.animateBtn .elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.animateBtn .elementor-button-content-wrapper .elementor-button-icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
}

.animateBtn.wht .elementor-button-content-wrapper .elementor-button-icon {
    background-color: #272525;
}

.animateBtn .elementor-button-content-wrapper .elementor-button-icon svg {
    transition: all 0.5s ease;
}

.animateBtn:hover .elementor-button-content-wrapper .elementor-button-icon svg {
    transform: translateX(4px);
}

.socialMediaBtnGrp .elementor-social-icons-wrapper .elementor-icon svg path {
    transition: all 0.5s ease;
}

.socialMediaBtnGrp .elementor-social-icons-wrapper .elementor-icon:hover svg path {
    fill: #111;
}

.contactInfo ul li .elementor-icon-list-icon {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

.testimonialCard .quoteIcon .elementor-icon-wrapper .elementor-icon svg path {
    transition: all 0.5s ease;
}

.testimonialCard:hover .quoteIcon .elementor-icon-wrapper .elementor-icon svg path {
    fill: #272525;
}

/* ========= footer form ========== */

.getMyCashForm .elementor-shortcode .gform_confirmation_message {
    color: #3a3a3a;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_confirmation_message {
    color: #fff;
}

.getMyCashForm .elementor-shortcode .gform_fields {
    grid-column-gap: 20px !important;
    grid-row-gap: 20px !important;
}

.getMyCashForm .elementor-shortcode .gform_fields .propAddress input {
    background-image: url(./images/mapform.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 20px center;
}

.getMyCashForm .elementor-shortcode .gform_fields .fullName input {
    background-image: url(./images/name.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 20px center;
}

.getMyCashForm .elementor-shortcode .gform_fields .phoneNumber input {
    background-image: url(./images/dial.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left 20px center;
}

.getMyCashForm .elementor-shortcode .gform_fields .gfield input:not([type="submit"]) {
    padding: 16px 20px 16px 45px;
    border: 1px solid #ccc;
    border-radius: 10px;
    background-color: transparent;
    color: #3a3a3a;
}

.getMyCashForm .elementor-shortcode .gform_fields .gfield input:not([type="submit"]):focus,
.getMyCashForm .elementor-shortcode .gform_fields .gfield input:not([type="submit"]):focus-visible,
.getMyCashForm .elementor-shortcode .gform_fields .gfield input:not([type="submit"]):focus-within {
    outline: none;
}

.getMyCashForm .elementor-shortcode input::placeholder{
    font-size: 15px;
    color: #3a3a3a;
}

.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer {
    margin: 15px 0 0 0;
  padding: 0;
  position: relative;
}

.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer .gform-loader {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-55%);
}

.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"] {
    margin-bottom: 0;
    width: 181px;
    height: 60px;
    padding: 5px 45px 5px 0;
    border-radius: 60px;
    background-color: #272525;
    border: 1px solid #272525;
    background-image: url(./images/submit.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: right 5px center;
    color: #fff;
}

.formWrapper:has(.getMyCashForm .elementor-shortcode .gform_wrapper .gform_validation_errors) {
    margin-top: -50px;
}

.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:hover {
    outline: none;
    background-color: #39528A;
}

/* .getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus,
.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-within {
    outline: none;
    background-color: #39528A;
} */

.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:hover,
.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus,
.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-within {
    background-image: url(./images/arrowsub.svg);
    background-color: #fff;
    color: #3a3a3a;
    border: 1px solid #3a3a3a;
    outline: none;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"] {
    background-image: url(./images/arrowsub.svg);
    color: #272525;
    background-color: #fff;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:hover,
.getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus,
.getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"]:focus-within {
    background-image: url(./images/submit.svg);
    background-color: #3a3a3a;
    color: #fff;
    border: none;
}

.getMyCashForm.bannerForm .elementor-shortcode input::placeholder {
    color: #fff;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_fields .propAddress input {
    background-image: url(./images/mapformwht.svg);
    background-size: 16px;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_fields .fullName input {
    background-image: url(./images/nameban.svg);
    background-size: 16px;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_fields .phoneNumber input {
    background-image: url(./images/dialban.svg);
    background-size: 16px;
}

.getMyCashForm.bannerForm .elementor-shortcode .gform_fields .gfield input:not([type="submit"]) {
    color: #fff;
}

/* =========== zoom css =========== */

@media only screen and (min-width: 1440px) and (max-width: 1536px){
    html {
    zoom: 0.85;
    zoom: 85%;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 1439px){
    html {
    zoom: 0.85;
    zoom: 85%;
    }
}


/* =========== responsive media query ========== */

@media(max-width: 1200px) {
    .animateBtn .elementor-button-content-wrapper .elementor-button-icon {
        width: 36px;
        height: 36px;
    }
    .getMyCashForm.bannerForm .elementor-shortcode .gform_fields {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        row-gap: 12px !important;
    }

    .getMyCashForm .elementor-shortcode .gform_fields {
        row-gap: 12px !important;
        column-gap: 12px !important;
    }
}

@media(max-width: 1024px) {

    .getMyCashForm .elementor-shortcode .gform_fields .gfield {
        width: 100%;
    }

    .getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"] {
        height: 50px;
        background-size: 40px;
        width: 100%;
        padding: 5px 0;
    }
    .getMyCashForm.bannerForm .elementor-shortcode .gform_wrapper .gform_footer {
        margin: 5px 0 0;
    }
}

@media(max-width: 640px) {
    .getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer input[type="submit"] {
        height: 50px;
        background-size: 40px;
        width: 100%;
        padding: 5px 0;
    }
    .getMyCashForm .elementor-shortcode .gform_wrapper .gform_footer {
        margin: 5px 0 0;
    }
}