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


/* ------------------------------------------------ */
/* ---------------- Header CSS -------------------- */
/* ------------------------------------------------ */
.gt_options.gt-open{
    max-width: 100% !important;
}
.menuBox{
    position: relative;
}
.gtranslate_wrapper a {
    font-size: 0 !important; /* hide full name */
}

.gtranslate_wrapper a::after {
    content: attr(data-gt-lang); /* GTranslate adds data-gt-lang="en" etc. */
    font-size: 18px !important;
    margin-left: 5px;
    vertical-align: middle;
    text-transform: uppercase; /* show as EN, ES, FR */
}


/* Hide full text inside select */
#gtranslate_selector option {
    font-size: 0;
}

/* Show only the value (language code) */
#gtranslate_selector option::after {
    content: attr(value); /* uses "en", "es", "fr" */
    font-size: 18px;
}


.gt_float_switcher.notranslate{
    box-shadow: none;
}

.gt-lang-code{
    font-family: "DM Sans";
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.gtrans-box img{
    border-radius: 100% !important;
    height: 22px !important;
    width: 22px !important;
    object-fit: cover !important;
}

.gt_float_switcher .gt_options a:hover{
    background: transparent !important;
    color: #8E774C !important;
}

.gt_float_switcher .gt-selected .gt-current-lang{
    padding: 5px !important;
}
.gt_float_switcher .gt_options a{
    padding: 5px !important;
}
.gtranslate_wrapper #gt_float_wrapper{
    display: flex;
}

.header-box .e-con-inner{
    transition: all 0.3s ease;
}
.header-box.elementor-sticky--effects > .e-con-inner{
    padding-top: 10px;
    padding-bottom: 10px;
}
.header-box.elementor-sticky--effects{
    box-shadow: 0 4px 15px #3333333c;
}
.header-box .site-logo a img{
    transition: all 0.3s ease;
}
.header-box.elementor-sticky--effects .site-logo a img{
   transform: scale(0.9);
}


/* ------------------------------------------------------ */
/* ------------------- Footer CSS ----------------------- */
/* ------------------------------------------------------ */
.sc-mail .elementor-icon-list-icon{
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #8E774C;
    border: 1px solid #E0AE51;
    border-radius: 100%;
    margin-right: 13px;
    transition: all 0.4s ease;
}
.sc-mail .elementor-icon-list-icon svg{
    margin: 0 !important;
}
.sc-mail .elementor-icon-list-item:hover .elementor-icon-list-icon{
    background-color: #E0AE51;
}

/* --------- Footer mail form css --------- */
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
    display: flex;
    column-gap: 22px;
    align-items: flex-start;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-email{
    width: 74%;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-submit{
    order: 2;
    width: 26%;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-captcha{
    order: 3;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    background: transparent;
    height: 54px;
    border-radius: 6px;
    border: 1px solid #82858B;
    box-shadow: none;
    font-size: 14px;
    color: #82858B;
    padding: 0 20px;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus{
    outline: none;
    border-color: #E0AE51;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button{
    height: 54px;
    padding: 0 21px;
    background: #8E774C;
    border-color: #E0AE51;
    border-radius: 6px;
    letter-spacing: 0.32px;
    font-weight: 500;
    font-size: 18px;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button:hover{
    background: #E0AE51;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button:focus{
    outline: none;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_footer{
   margin-block-start: 0px;
}
.emailForm .elementor-shortcode .gform_wrapper .gform_validation_errors{
   display: none;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]){
   border: 1px solid #c02b0a;
}
.emailForm .gform-theme--foundation .gform-loader {
    position: absolute !important;
    right: 0;
}
.emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
}
.emailForm .elementor-shortcode .gform_wrapper .gform_confirmation_message{
    color: #fff;
}





/* ------------------------------------------------------ */
/* ------------------- Hompage CSS ---------------------- */
/* ------------------------------------------------------ */
.servBox{
    height: 640px !important;
    transition: all 0.4s ease !important;
}
.servImg img{
    transition: all 0.4s ease;
}
.servBox:hover{
    width: 36%;
    transition: all 0.4s ease !important;
}
.btnHover .elementor-button:hover svg path{
    fill: #E0AE51;
}
.btnHover .elementor-button:hover svg{
    transform: rotate(45deg);
}
.btnHover .elementor-button svg{
    font-size: 10px;
    transition: all 0.5s ease;
}
.servBox:hover .servImg img{
    height: 410px !important;
}
.text-carousel .swiper-wrapper{
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important; 
}


/* ------------------------------------------------------ */
/* ------------------- About page CSS ---------------------- */
/* ------------------------------------------------------ */
.award-bg::before{
    backdrop-filter: blur(17px);
}

/* ---------------Testimonail Slider CSS---------------------- */
.reviewSlider .slider-content {
	text-align:center;
}
.reviewSlider .slider-content p{
    padding: 0;
}
.reviewSlider .slider-content h3{
    padding: 25px 0 0 0;
    margin: 0px !important;
}
.reviewSlider .slider-section .slick-slide img{
    border-radius: 50%;
}
.reviewSlider .slider-section .slick-current img{
    border-radius: 50%;
}
.reviewSlider .slick-track {
    padding-top: 0;
    padding-bottom: 65px;
}
.reviewSlider .slick-slider img {
    width:100%;
	max-width: 171px !important;
    object-fit: cover;
}
 
.reviewSlider .slider-section .slider-items img {
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.reviewSlider .slider-section .slider-for .slider-items {
    text-align: center;
}
.reviewSlider .slider-section .slider-nav {
    margin:auto;
    width: 100%;
    max-width: 744px;
}
.reviewSlider .slider-section{
    position: relative;
}
.reviewSlider .slick-current img , .slick-active img {
	transition: 0.3s ease;
}
 
.reviewSlider .slick-current.slick-active img {
	transform: scale(1) !important;
    filter: unset;
    opacity: 1;
}
 
.reviewSlider .slick-active.sl-prev img{
    transform: scale(0.8) !important;
    mix-blend-mode: luminosity;
    opacity: 1;
}
.reviewSlider .slick-active.sl-next img{
    transform: scale(0.8) !important;
    filter: grayscale(1);
    opacity: 1;
}
 
.reviewSlider .slick-active img {
	transform: scale(0.6) !important;
    filter: grayscale(1);
    opacity: 0.4;
}
.slick-dots li{
    height: unset !important;
    width: unset !important;
    margin: 0 2px !important;
}
.slick-dots li button{
    height: 9px !important;
    width: 9px !important;
}
.slick-dots li.slick-active button{
    height: 9px !important;
    width: 17px !important;
}
.slick-dots li button::before{
    font-family: unset !important;
    font-size: 0 !important;
    content: '' !important;
    height: 9px !important;
    width: 9px !important;
    background: #DCDCDC;
    border-radius: 100%;
    opacity: 1 !important;
}
.slick-dots li.slick-active button::before{
    font-family: unset !important;
    font-size: 0 !important;
    content: '' !important;
    height: 9px !important;
    width: 17px !important;
    background: #0E4462;
    border-radius: 5px;
    opacity: 1 !important;
}
.slick-dots li button:hover, .slick-dots li button:focus{
    outline: none !important;
    border: none !important;
}
/* ------------------------------------------------------ */



/* ------------------------------------------------------ */
/* ------------------- Contact page CSS ---------------------- */
/* ------------------------------------------------------ */
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
    column-gap: 19px;
    row-gap: 30px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
    height: 60px;
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #D0D0CF;
    padding: 0 26px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.32px;
    color: #787878;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:focus{
    outline: none;
    border-color: #E0AE51;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
    box-shadow: none;
    border-radius: 10px;
    border: 1px solid #D0D0CF;
    padding: 17px 26px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.32px;
    color: #787878;
    resize: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea:focus{
    outline: none;
    border-color: #E0AE51;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
    margin-block-start: 10px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
    background: #8E774C;
    border-color: #E0AE51;
    border-radius: 6px;
    padding: 20px 51px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.32px;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:hover{
    background: #E0AE51;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button:focus{
    outline: none;
}
.contactUs .elementor-shortcode .gform_wrapper .gform_validation_errors{
    display: none;
}
.contactUs .gform-theme--foundation .gform-loader {
    position: absolute !important;
    left: 23%;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield_contains_required:has(.gfield_validation_message) input:not([type="submit"]){
    border: 1px solid #c02b0a;
}
.contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .grecaptcha-badge{
    z-index: 10;
}



/* ------------------------------------------------------ */
/* ------------------- Gallery page CSS ---------------------- */
/* ------------------------------------------------------ */
.site-gallery .elementor-gallery__titles-container {
    background: #F4F4F4;
    border-radius: 6px;
    justify-content: space-between;
}
.site-gallery .elementor-gallery__titles-container .elementor-gallery-title{
    border-radius: 6px;
    padding: 15px 20px;
    margin: 0;
}
.site-gallery .elementor-gallery__titles-container .elementor-gallery-title:hover{
    color: #8E774C;
}
.site-gallery .elementor-gallery__titles-container .elementor-gallery-title.elementor-item-active:hover{
    color: #fff;
}
.site-gallery .elementor-gallery__titles-container .elementor-gallery-title.elementor-item-active{
    background: #8E774C;
}



/* ------------------------------------------------------ */
/* ------------------- Product page CSS ---------------------- */
/* ------------------------------------------------------ */
.elementor-widget-image a{
    display: flex !important;
}
.products-slider .elementor-swiper-button:hover svg path{
    stroke: #fff !important;
}




/* ----------------------------------------------------- */
/* ------------------ Responsive Part ------------------ */
/* ----------------------------------------------------- */

@media only screen and (min-width: 1367px) and (max-width: 1700px){
    html{
        zoom: 0.84;
        zoom: 84%;
    }
    .container404{
        margin-top: 90px !important;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px){
    .footerHead{
        zoom: 0.85;
        zoom: 85%;
    }
}

@media only screen and (min-width: 1494px) and (max-width: 1575px){
    .carousel-text h2{
        font-size: 90px !important;
    }
}
@media only screen and (min-width: 1453px) and (max-width: 1494px){
    .carousel-text h2{
        font-size: 85px !important;
    }
}
@media only screen and (min-width: 1413px) and (max-width: 1452px){
    .carousel-text h2{
        font-size: 80px !important;
    }
}
@media only screen and (min-width: 1372px) and (max-width: 1413px){
    .carousel-text h2{
        font-size: 75px !important;
    }
}
@media only screen and (min-width: 1367px) and (max-width: 1373px){
    .carousel-text h2{
        font-size: 70px !important;
    }
}

@media only screen and (max-width: 1366px){
    .servBox{
        height: 430px !important;
    }
    .servBox:hover{
        width: 36%;
        transition: all 0.4s ease !important;
    }
    .servBox:hover .servImg img{
        height: 180px !important;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        column-gap: 15px;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 44px;
        padding: 0 15px;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button{
        height: 44px;
        padding: 0 15px;
        font-size: 17px;
    }
    .sc-mail .elementor-icon-list-icon{
        height: 35px;
        width: 35px;
        margin-right: 9px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        column-gap: 15px;
        row-gap: 20px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 50px;
        padding: 0 20px;
        font-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 14px 20px;
        font-size: 17px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer{
        margin-block-start: 5px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 15px 20px;
        font-size: 17px;
    }

    .site-gallery .elementor-gallery__titles-container .elementor-gallery-title{
        padding: 10px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1366px){
    .site-gallery{
        zoom: 0.8;
        zoom: 80%;
    }
}

@media only screen and (max-width: 1024px){
    .servBox{
        height: 380px !important;
    }
    .servBox:hover .servImg img{
        height: 150px !important;
    }
    .servBox:hover{
        width: 38%;
        transition: all 0.4s ease !important;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 40px;
        padding: 0 12px;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button{
        height: 40px;
        padding: 0 5px;
        font-size: 16px;
    }
    .header-box.elementor-sticky--effects .site-logo a img{
        transform: scale(0.8);
    }
    .reviewSlider .slick-track {
        padding-top: 0;
        padding-bottom: 45px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 45px;
        padding: 0 15px;
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 14px 15px;
        font-size: 16px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 20px;
        font-size: 16px;
    }
    .site-gallery .elementor-gallery__titles-container .elementor-gallery-title{
        width: 33.33%;
        text-align: center;
    }
    .site-gallery .elementor-gallery__titles-container{
        justify-content: flex-start;
    }

}

@media only screen and (max-width: 880px){
    .servBox:hover .servImg img{
        height: 140px !important;
    }
    .sc-mail .elementor-icon-list-icon{
        height: 30px;
        width: 30px;
        margin-right: 9px;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button{
        font-size: 15px;
    }
    .reviewSlider .slick-track {
        padding-top: 0;
        padding-bottom: 35px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        height: 42px;
        padding: 0 12px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        padding: 14px 12px;
        font-size: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        padding: 10px 20px;
        font-size: 15px;
    }
    .contactUs .gform-theme--foundation .gform-loader {
        position: absolute !important;
        left: 25%;
    }
}

@media only screen and (max-width: 767px){
    .header-box.elementor-sticky--effects > .e-con-inner{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .servBox{
        height: 450px !important;
    }
    .servBox:hover{
        width: 100%;
        transition: all 0.4s ease !important;
    }
    .servBox:hover .servImg img{
        height: 250px !important;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        flex-direction: column;
        row-gap: 15px;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-email{
        width: 100%;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields .gfield--type-submit{
        width: 100%;
    }
    .emailForm .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input[type="submit"].gform-button{
        font-size: 14px;
    }
    .emailForm .gform-theme--foundation .gform-loader {
        position: absolute !important;
        right: 0;
        opacity: 0;
    }
    .sc-mail .elementor-icon-list-icon{
        margin-right: 5px;
    }
    .reviewSlider .slick-track {
        padding-top: 0;
        padding-bottom: 25px;
    }
    .reviewSlider .slider-content h3{
        padding: 25px 0 0 0;
        margin: 0px !important;
        font-size: 22px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields{
        column-gap: 10px;
        row-gap: 15px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields input:not([type="submit"]){
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_body .gform_fields textarea{
        font-size: 14px;
    }
    .contactUs .elementor-shortcode .gform_wrapper form .gform_footer input[type="submit"].gform_button{
        font-size: 14px;
        width: 100%;
    }
    .contactUs .gform-theme--foundation .gform-loader {
        position: absolute !important;
        left: 23%;
        opacity: 0;
    }
    .site-gallery .elementor-gallery__titles-container .elementor-gallery-title{
        width: 100%;
        text-align: center;
    }
}