/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */

body {
    overflow-x: hidden;
}

/* ----- Header Section Sticky Header ---- */
.stickY_headereffect {
    backdrop-filter: blur(15px);
}

/* Search close button */


/* ------- Footer CSS Implemented Here ------- */
/* Section-1 Footer Form CSS */
.contact-sec-formm #gform_fields_1 {
    gap: 24px;
}

.contact-sec-formm .gfield_description {
    position: absolute;
}

.contact-sec-formm .grecaptcha-badge {
    z-index: 111;
}


/* Section-2 Footer Form CSS */
.instaaFeedd #sbi_load {
    position: absolute;
    top: 45%;
}

.instaaFeedd .sbi_follow_btn.sbi_custom a {
    background: transparent !important;
}

.instaaFeedd .sbi_follow_btn.sbi_custom a:hover {
    background-color: transparent !important;
}

.instaaFeedd .svg-inline--fa.fa-instagram.fa-w-14 {
    font-size: 32px !important;
}

/* Section-3 Footer Menu CSS */

.footerMenu_count {
    column-count: 2;
}

.itemHover_effct:hover .elementor-heading-title a {
    color: #D6D6D6;
    transition: 0.4s all ease-out !important;
    transform: scale(1.5) !important;
}

.itemHover_effct:hover .elementor-heading-title {
    transition: 0.4s all ease-out !important;
    transform: scale(1.1) !important;
}

.itemHover_effct {
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
}



/* ------ Blog Page CSS Implemented ------ */
/* Loop Grid Pagination CSS */
.bloG_pagination .page-numbers {
    font-size: 16px;
    line-height: 19px;
    font-family: "Raleway";
    letter-spacing: 8%;
    font-weight: 600;
    color: #3A3A3A60;
    padding: 14px 19px 14px 20px;
    border: 1px solid #EFEFEF;

    &:hover {
        background-color: #EFEFEF;
        color: #131313;
        transition: 0.2s all ease-in-out;
    }
}

.bloG_pagination .page-numbers.current {
    background-color: #EFEFEF;
    padding: 14px 19px 14px 20px;
    color: #131313;
}

.bloG_pagination .prev {
    padding: 0 !important;
    border: none !important;
    position: relative;
}

.bloG_pagination .prev::after {
    content: '';
    background-image: url("images/Prev-Arrow.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 100%;
    right: 10px;
    top: 2px;
}

.bloG_pagination .next {
    padding: 0 !important;
    border: none !important;
    position: relative;
}

.bloG_pagination .next::after {
    content: '';
    background-image: url("images/Nxt-Arrow.svg");
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 100%;
    left: 10px;
    top: 2px;
}

.bloGpost_effect:hover .elementor-heading-title a {
    color: #5C5C5C;
    transition: all 0.3s ease-in-out;
}

/* ------ Blog Page CSS Implemented ------ */


/* ------ Search Page Loop Item Hover CSS ------ */


/* ------ Search Page Loop Item Hover CSS ------ */



/* ------ About Us CSS Implemented ------ */

.stackedCircle_effect .elementor-icon::after {
    content: '';
    width: 85px;
    height: 85px;
    background: #FFFFFF20;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: 45%;
}

/* ------ About Us CSS Implemented ------ */


/* --- Search result css */

.searchProduct_effect:hover .product_title.entry-title.elementor-heading-title a {
    color: #000000;
    transition: all 0.3s ease-in-out;
}

/* --- Search result css */



/* ------ New Collection Page CSS Implemented ------ */
/* Hover Line CSS */
.taxnoFil_terline::after {
    content: '';
    width: 100%;
    height: 2px;
    background: #13131320;
    position: absolute;
    top: 30px;
}

/* .hoVereffect_line .e-filter-item[aria-pressed="true"]{
    position: relative !important;
} */

.hoVereffect_line .e-filter-item[aria-pressed="true"]::after {
    content: "";
    width: calc(82% / 7);
    height: 4px;
    background-color: #131313;
    margin: 0 auto;
    position: absolute;
    bottom: -31px;
}

/* ------ New Collection Page CSS Implemented ------ */


/* Contact Us Page Contact Us Form */
.contactUspage_form .gform_confirmation_message_2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
}

.contact-sec-formm .gform_confirmation_message {
    font-size: 18px;
    line-height: 30px;
    padding: 20px 0px;
}

.contactUspage_form .grecaptcha-badge {
    z-index: 111;
}

.contactP_effect:hover .elementor-icon-box-description a {
    color: #B5B5B5;
    transition: all 0.3s ease-in-out;
}




@media(max-width:1024px) {
    .contact-sec-formm input[type="submit"] {
        width: 100% !important;
    }

    .contactUspage_form .ginput_container--name {
        gap: 25px !important;
    }

    .contactUspage_form .gform_fields {
        gap: 25px !important;
    }

    .stackedCircle_effect .elementor-icon::after {
        width: 70px;
        height: 70px;
    }
}

@media(max-width:880px) {

    .contactUspage_form .ginput_container--name {
        gap: 20px !important;
    }

    .contactUspage_form .gform_fields {
        gap: 20px !important;
    }
}

@media(max-width:767px) {
    .footerMenu_count {
        column-count: unset !important;
    }

    .contactUspage_form .ginput_container--name {
        gap: 10px !important;
    }

    .contactUspage_form .gform_fields {
        gap: 20px !important;
    }

    .contact-sec-formm #field_submit {
        width: 100% !important;
        margin-top: 25px;
    }

    .contact-sec-formm #gform_submit_button_1 {
        width: 100% !important;
    }

    .contact-sec-formm #gform_fields_1 {
        gap: 20px;
    }

    /* Collection Page line hover effect */
    .taxnoFil_terline::after {
        display: none;
    }

    .hoVereffect_line .e-filter-item[aria-pressed="true"]::after {
        display: none;
    }

    .contact-sec-formm .gform_confirmation_message {
        font-size: 17px;
        text-align: center;
        line-height: 27px;
    }

    .contactUspage_form .gform_confirmation_message {
        font-size: 17px;
        text-align: center;
        line-height: 27px;
    }

    .contact-sec-formm #gform_fields_1 {
        display: block;
    }
}