/*
Theme Name: Hello Elementor (Child)
Author: 
Description: Your description goes here
Version: 3.0.1
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.hidden{overflow: hidden !important;}
.elementor.elementor-8 {overflow: hidden !important;}
.elementor-button,.secondary-btn .elementor-button {position: relative;overflow: hidden;z-index: 1;transition: .5s ease-in-out;}
.elementor-button::before {content: '';position: absolute;top: -100%;background-color: #000;width: 100%;height: 100%;left: 0;z-index: -1;transition: .5s ease-in-out;}
.secondary-btn .elementor-button::before {content: '';position: absolute;top: -100%;background-color: var(--e-global-color-accent);width: 100%;height: 100%;left: 0;z-index: -1;transition: .5s ease-in-out;}
.elementor-button:hover:before {top: 100%;transition: .5s ease-in-out;}
/****************** Btn Start ******************/
.elementor-button {min-width: 120px;height: 50px;display: flex;justify-content: center;align-items: center;}
/****************** Btn End ******************/
/****************** Hero Start ******************/
#Hero .hero-left {position: static !important;}
#Hero .hero-left img {position: absolute;left: 0;top: 0;bottom: 0;width: 550px;height: 100%;object-fit: cover;}
#Hero .hero-left .elementor-widget-image {position: static;}
#Hero .hero-left .elementor-widget-image .elementor-widget-container {position: static !important;}
#Hero .e-con-inner {position: static !important;}
#Hero .e-con-inner .elementor-element-e9ffc06 {position: static !important;}
.round-image .elementor-widget-container {position: relative !important;}
.round-image .elementor-widget-container:before {content: '';position: absolute;width: 130%;height: 130%;border-radius: 50%;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 3px dashed var(--e-global-color-accent);animation: rotate 8s infinite linear;}
.banner-heading-span {font-family: var(--e-global-typography-f548deb-font-family);font-size: 30px;transform: translate(0,-11px) !important;display: inline-block !important;color: var(--e-global-color-primary);}
/****************** Hero End ******************/
/****************** Menu Start ******************/
/* .elementor-nav-menu--dropdown {transform: scaleY(1) !important;margin: 0 !important;max-height: unset !important;}
.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container .elementor-item {color: var(--e-global-color-secondary);}
.elementor-nav-menu--dropdown {position: fixed !important;right: 0 !important;top: 0 !important;width: 30% !important;height: 100vh !important;background-color: var(--e-global-color-primary);
    left: auto !important;
    overflow: visible !important;
    transform: translate(600px,0) !important;
    transition: .5s ease-in-out !important;
}
.elementor-menu-toggle.elementor-active+.elementor-nav-menu--dropdown {
    transform: translate(0,0) !important;
    transition: 1.5s cubic-bezier( 0.3, 0, 0, 1 ) !important;
} */
/****************** Menu Start ******************/
/****************** Footer Start ******************/
.newsletter-form .elementor-form .elementor-field-type-email {margin: 0 !important;padding-left: 0 !important;}
.newsletter-form .elementor-form .elementor-field-group {margin: 0 !important;padding: 0 !important;justify-content: flex-end;}
.newsletter-form .elementor-form .elementor-field-group .elementor-button {padding: 0 !important;width: 50px !important;height: 50px !important;min-height: unset !important;flex-basis: unset !important;min-width: unset !important;}
.newsletter-form .elementor-form .elementor-form-fields-wrapper {margin: 0 !important;}
.newsletter-form .elementor-form .elementor-field-group .elementor-button .elementor-button-icon {margin: 0;}
.newsletter-form .elementor-form .elementor-field-group .elementor-field::placeholder {opacity: 1;}
.newsletter-form .elementor-form .elementor-field-group .elementor-field {padding-left: 7px;}
/****************** Footer End ******************/
/****************** Large Santa Start ******************/
.message .elementor-widget-container .elementor-heading-title {position: relative;z-index: 1;}
.message .elementor-widget-container .elementor-heading-title::before {content: '';position: absolute;background-image: url(/wp-content/uploads/2024/03/Group.webp);background-size: cover;background-repeat: no-repeat;background-position: center center;width: 250px;height: 186px;transform: translate(-50%, -40%);left: 50%;top: 50%;z-index: -1;}
.large-santa-image img {animation: floating_2 1s infinite ease-in-out alternate;}
/****************** Large Santa End ******************/
/****************** About Start ******************/
.about-left {position: relative !important;}
.about-left .about-smart-object {position: absolute;z-index: 1;animation: scale 2s infinite ease-in-out alternate;}
.about-left .about-smart-object-1 {top: -180px;}
.about-left .about-smart-object-2 {top: 50px;}
.about-left .about-smart-object-3 {top: 150px;}
.about-left .about-smart-object-4 {top: -150px;left: 200px;}
.about-left .about-smart-object-5 {top: -80px;right: -30px;}
.about-left .about-smart-object-6 {top: 10px;right: -90px;}
.about-santa{animation: floating 2s infinite ease-in-out alternate;}
/****************** About End ******************/
/****************** Contact Start ******************/
.santa-image {position: absolute !important;right: auto;scale: 2.5;transform-origin: left center !important;animation: floating 2s infinite ease-in-out alternate;left: 0;}
.elementor-form .elementor-field-type-submit.e-form__buttons {margin-top: 20px;}
/****************** Contact End ******************/
/****************** Responsive Css Start ******************/
/****************** Laptop Screen Start ******************/
@media only screen and (max-width:1499px) {
    #Hero .hero-left img {width: 420px;object-position: right;}
}
/****************** Laptop Screen End ******************/
/****************** Responsive Css End ******************/
/****************** Animations Start ******************/
@keyframes rotate{0% {transform: translate(-50%,-50%) rotate(0deg);}100% {transform: translate(-50%,-50%) rotate(360deg);}}
@keyframes zoom-in-out{0%{scale:0;}100%{scale: 1;}}
@keyframes floating {from { transform: translate(0,  -3px); }to{ transform: translate(0, 3px); }}
@keyframes floating_2 {from { transform: translate(0,  -10px); }to{ transform: translate(0, 10px); }}
@keyframes scale {from { transform: scale(0);}to{ transform: scale(1);}}
/****************** Animations End ******************/