/* 
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
*/


/* Homepage CSS */
.play-icon .elementor-icon{
    border: 8px solid #fff;
}
.play-icon .elementor-icon-wrapper{
    display: flex;
}
.remedies-img::before{
    content: '';
    height: 100%;
    width: 100%;
    border: 1px solid #ADCE9A;
    border-radius: 163.5px;
    position: absolute;
    right: 25px;
    z-index: -1;
}

/* Footer css */
.inquiry-form{
    .elementor-shortcode{
        .gform_fields{
            column-gap: 30px;
            row-gap: 30px;
        }
        input:not([type="submit"]){
            padding: 28px 31px;
            border-radius: 50px;
            background: transparent;
            border: 1px solid #11111166;
            box-shadow: none;
            color: #333333;
            font-size: 16px;
            line-height: 26px;
        }
        input:focus{
            outline: none;
            border: 1px solid #fff;
            background: #fff;
        }
        textarea{
            padding: 20px 31px;
            border-radius: 20px;
            background: transparent;
            border: 1px solid #11111166;
            box-shadow: none;
            resize: none;
            white-space: pre-wrap; /* Allows wrapping and preserves whitespace */
            word-wrap: break-word; /* Break long words if needed */
            overflow-wrap: break-word;
            font-size: 16px;
            line-height: 26px;
            color: #333333;
        }
        textarea:focus{
            outline: none;
            border: 1px solid #fff;
            background: #fff;
        }
        input[type="submit"]{
            background-color: #fff !important;
            color: #111111 !important;
            border-radius: 28px !important;
            padding: 18px 0 !important;
            font-size: 16px !important;
        }
        input[type="submit"]:hover{
            background-color: #111111 !important;
            color: #fff !important;
        }
        .gform_validation_errors{
            display: none;
        }
        .validation_message{
            margin-left: 30px;
        }
        .instruction{
            margin-left: 30px;
            color: #c02b0a;
        }
        .gform_confirmation_message{
            text-align: center;
            font-size: 18px;
        }
        .gform_footer{
            margin-block-start: 0;
        }
    }
}

.sc-icons .elementor-social-icons-wrapper{
    display: flex !important;
}

.body-text b{
    font-weight: 600;
}



/*========== Responsive part ============*/

@media only screen and (min-width: 1367px) and (max-width: 1600px){
    html{
        zoom: 0.82;
        zoom: 82%;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px){
    .sticky-container{
        position: sticky !important;
        top: 80px;
    }
}

@media only screen and (max-width: 1024px){
    .play-icon .elementor-icon{
        padding: 24px !important;
    }
    .inquiry-form{
        .elementor-shortcode{
            .gform_fields{
                column-gap: 20px;
                row-gap: 20px;
            }
            input:not([type="submit"]){
                padding: 24px 24px;
                border-radius: 50px;
                font-size: 15px;
                line-height: 25px;
            }
            textarea{
                padding: 15px 24px;
                border-radius: 20px;
                font-size: 15px;
                line-height: 25px;
            }
            .validation_message{
                margin-left: 24px;
            }
            .instruction{
                margin-left: 24px;
            }
        }
    }
}

@media only screen and (max-width: 880px){
    .play-icon .elementor-icon{
        padding: 20px !important;
    }
    .inquiry-form{
        .elementor-shortcode{
            input:not([type="submit"]){
                padding: 20px 20px;
                border-radius: 50px;
                font-size: 14px;
                line-height: 24px;
            }
            textarea{
                padding: 12px 20px;
                border-radius: 20px;
                font-size: 14px;
                line-height: 24px;
            }
            .validation_message{
                margin-left: 20px;
            }
            .instruction{
                margin-left: 20px;
            }
        }
    }
}

@media only screen and (max-width: 767px){
    .remedies-img::before{
        right: 10px;
    }
    .play-icon .elementor-icon{
        border: 4px solid #fff;
        padding: 10px !important;
    }
}