/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1757935632
Updated: 2025-09-15 11:27:12

*/

/* Shutter effect */
.button-hover .elementor-button {
	position: relative;
	overflow: hidden;
}
.button-hover .elementor-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #002970;
	color: #e6006d;
	transition: left 0.5s ease;
	z-index: 0;
}

.button-hover .elementor-button:hover::before{
	left: 0; 
}
.button-hover .elementor-button-content-wrapper{
	position: relative;
	z-index: 1;
}
/* Shutter effect */

/* Shutter effect 2*/
.button-hover-other .elementor-button {
	position: relative;
	overflow: hidden;
}
.button-hover-other .elementor-button::before {
	content: "";
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #e6006d;
	transition: left 0.5s ease;
	z-index: 0;
}

.button-hover-other .elementor-button:hover::before{
	left: 0; 
	color: #000;
}
.button-hover-other .elementor-button-content-wrapper{
	position: relative;
	z-index: 1;
}
/* Shutter effect 2*/

/*Promise Box*/
.promise-box .promise-icon:before,
.promise-box .promise-icon:after{
    content: "";
    background: linear-gradient(to right, #002970 50%, transparent 50%);
    border-radius: 50%;
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    z-index: -1;
  transition: all ease 0.8s;
}
.promise-box:hover .promise-icon:before, .promise-icon:hover .promise-icon:after {
    transform: rotateZ(180deg);
}

.promise-box .promise-icon:after{
    background: #002970;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
}
/*Promise Box*/

/*Service*/
.all-cards {
  display: flex;
  flex-direction: column; /* Arrange cards vertically in the column */
}

.card1 {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 50px; /* Offset from the top */
}
.card2 {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 70px; /* Offset from the top */
}
.card3 {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 90px; /* Offset from the top */
}
.card4 {
  position: -webkit-sticky; /* For Safari */
  position: sticky;
  top: 110px; /* Offset from the top */
}
/*Service*/

.footer-icon .elementor-icon-box-icon{
	top: -5px;
    position: relative;
}

/*Schedule pickup form*/
.schedule-pickup .gform-field-label, .contact .gform-field-label {
	font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.schedule-pickup input[type=text], .schedule-pickup input[type=email], .schedule-pickup input[type=tel], .contact input[type=text], .contact input[type=email], .contact input[type=tel], .contact .textarea{
	border-color: #0000001A;
    border-radius: 20px 20px 20px 20px;
}

.schedule-pickup input[type="checkbox"],
.schedule-pickup input[type="radio"] {
	border-color: #0000001A;
}

.schedule-pickup input#gform_submit_button_1, .contact input#gform_submit_button_3{
    background-color: #e6006d;
	color: #fff;
	border-radius: 20px 20px 20px 20px;
	padding: 10px 30px;
	font-family: "Inter", Sans-serif;
    font-size: 18px;
}

.schedule-pickup input#gform_submit_button_1:hover, .contact input#gform_submit_button_3:hover {
    background-color: #000;
	color: #fff;
}

.contact .gform_fields {
     row-gap: 15px !important;
}

.onetime-service .gfield--type-product {
    display: flex;
    flex-direction: row;
    gap: 40px;
}

.onetime-service .gfield--type-product .ginput_container_singleproduct {
	flex-direction: row;
	gap: 20px;
}

.onetime-service .gform-field-label{
	font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.onetime-service .ginput_quantity{
	border-color: #0000001A !important;
    border-radius: 20px 20px 20px 20px !important;
	width: 100px !important;
}
.onetime-service input[type=text], .onetime-service input[type=email], .onetime-service input[type=tel]
 {
	border-color: #0000001A !important;
    border-radius: 20px 20px 20px 20px !important;
	height: 38px !important;
	padding: 0.5rem 1rem !important;
}

.onetime-service .gfield select {
	border-color: #0000001A !important;
    border-radius: 20px 20px 20px 20px !important;
	height: 38px !important;
}

.onetime-service #field_2_3 input[type=text]{
	border-color: #fff !important;
}

.onetime-service input#gform_submit_button_2 {
    background-color: #e6006d;
	color: #fff;
	border-radius: 20px 20px 20px 20px;
	padding: 10px 30px;
	font-family: "Inter", Sans-serif;
    font-size: 18px;
}

.onetime-service input#gform_submit_button_2:hover {
    background-color: #000;
	color: #fff;
}

.onetime-service #field_2_3 {
	display: flex;
    flex-direction: row;
	font-family: "Inter", Sans-serif;
    font-size: 18px;
	gap: 20px;
}

.onetime-service #input_2_3 {
	font-family: "Inter", Sans-serif;
    font-size: 20px;
}

#field_2_1 label.gfield_label{
    padding-right: 90px;
}

#field_2_4 label.gfield_label, #field_2_5 label.gfield_label{
    padding-right: 53px;
}

@media (max-width: 768px) { 
	.onetime-service .gform-field-label{
    font-size: 22px;
    line-height: 32px;
	}
	.onetime-service .gfield--type-product {
    flex-direction: column;
    gap: 10px;
	}

	.onetime-service .gfield--type-product .ginput_container_singleproduct {
	flex-direction: column;
	gap: 10px;
	}
	.onetime-service .gfield_label_product {
    font-weight: 700 !important;
	}
}

/* Fix Stripe Elements visibility on mobile */
body form#gform_2 .ginput_card_expiration,
body form#gform_2 .ginput_card_number,
body form#gform_2 .ginput_card_security_code,
body form#gform_2 .stripe-payment-element {
  min-height: 60px;
  overflow: visible !important;
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

body form#gform_2 .gform_wrapper {
  overflow: visible !important;
}