.elementor-15 .elementor-element.elementor-element-2ed87d6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-2e2d0fb{margin:-98px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-3dfae2dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for wooecom_instant_order, class: .elementor-element-5ecb403 */.elementor-15 .elementor-element.elementor-element-5ecb403 {
direction: rtl;
padding: 26px 18px;
border-radius: 26px;
background:
radial-gradient(circle at top right, rgba(35, 157, 220, 0.18), transparent 35%),
radial-gradient(circle at bottom left, rgba(255, 205, 55, 0.16), transparent 38%),
linear-gradient(180deg, #f7fcff 0%, #ffffff 48%, #eef8ff 100%);
border: 1.5px solid rgba(35, 157, 220, 0.35);
box-shadow:
0 18px 45px rgba(20, 100, 160, 0.16),
inset 0 0 28px rgba(255, 255, 255, 0.85);
overflow: hidden;
position: relative;
}

.elementor-15 .elementor-element.elementor-element-5ecb403::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle, rgba(35, 157, 220, 0.08) 2px, transparent 3px) 0 0/28px 28px,
radial-gradient(circle, rgba(255, 205, 55, 0.10) 2px, transparent 3px) 14px 14px/32px 32px;
opacity: 0.65;
pointer-events: none;
}

.elementor-15 .elementor-element.elementor-element-5ecb403::after {
content: "Baby Health";
position: absolute;
top: 14px;
left: 18px;
background: #ffffff;
color: #1687c7;
border: 1px solid rgba(35, 157, 220, 0.38);
border-radius: 999px;
padding: 5px 15px;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.3px;
box-shadow: 0 6px 16px rgba(20, 100, 160, 0.12);
pointer-events: none;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-form {
position: relative;
z-index: 2;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field-label {
color: #126fa8 !important;
font-weight: 900;
font-size: 15px;
margin-bottom: 7px;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field,
.elementor-15 .elementor-element.elementor-element-5ecb403 input,
.elementor-15 .elementor-element.elementor-element-5ecb403 textarea,
.elementor-15 .elementor-element.elementor-element-5ecb403 select {
background: rgba(255, 255, 255, 0.98) !important;
color: #17445f !important;
border: 1.5px solid rgba(35, 157, 220, 0.42) !important;
border-radius: 16px !important;
min-height: 52px;
padding: 13px 15px !important;
font-size: 16px;
font-weight: 700;
box-shadow:
inset 0 2px 8px rgba(20, 100, 160, 0.04),
0 8px 20px rgba(20, 100, 160, 0.08);
transition: all 0.25s ease;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 textarea {
min-height: 98px;
resize: vertical;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field:focus,
.elementor-15 .elementor-element.elementor-element-5ecb403 input:focus,
.elementor-15 .elementor-element.elementor-element-5ecb403 textarea:focus,
.elementor-15 .elementor-element.elementor-element-5ecb403 select:focus {
outline: none !important;
border-color: #1687c7 !important;
background: #ffffff !important;
box-shadow:
0 0 0 4px rgba(35, 157, 220, 0.14),
0 10px 24px rgba(20, 100, 160, 0.13);
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field::placeholder,
.elementor-15 .elementor-element.elementor-element-5ecb403 input::placeholder,
.elementor-15 .elementor-element.elementor-element-5ecb403 textarea::placeholder {
color: rgba(23, 68, 95, 0.42) !important;
font-weight: 600;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 select {
appearance: auto;
cursor: pointer;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-button {
width: 100%;
min-height: 56px;
border-radius: 999px !important;
background:
linear-gradient(135deg, #23a8e0 0%, #1687c7 45%, #0f5f99 100%) !important;
color: #ffffff !important;
border: 2px solid rgba(255, 205, 55, 0.85) !important;
font-size: 20px !important;
font-weight: 1000 !important;
letter-spacing: 0;
box-shadow:
0 14px 28px rgba(20, 100, 160, 0.28),
0 0 18px rgba(35, 157, 220, 0.20);
transition: all 0.25s ease;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-button:hover {
transform: translateY(-2px);
filter: brightness(1.06);
box-shadow:
0 18px 35px rgba(20, 100, 160, 0.34),
0 0 24px rgba(35, 157, 220, 0.28);
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-button:active {
transform: translateY(0);
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-button-text {
color: #ffffff !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.16);
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-message {
color: #126fa8 !important;
font-weight: 900;
text-align: center;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(35, 157, 220, 0.28);
border-radius: 14px;
padding: 10px;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-message-success {
color: #16834a !important;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-message-danger {
color: #c0143a !important;
}

/* لمسة خفيفة للحواف داخل الحقول */
.elementor-15 .elementor-element.elementor-element-5ecb403 input:hover,
.elementor-15 .elementor-element.elementor-element-5ecb403 textarea:hover,
.elementor-15 .elementor-element.elementor-element-5ecb403 select:hover {
border-color: rgba(255, 205, 55, 0.85) !important;
}

/* MOBILE */
@media (max-width: 767px) {
.elementor-15 .elementor-element.elementor-element-5ecb403 {
padding: 22px 13px;
border-radius: 22px;
}

.elementor-15 .elementor-element.elementor-element-5ecb403::after {
top: 10px;
left: 12px;
font-size: 11px;
padding: 4px 12px;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field-label {
font-size: 14px;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-field,
.elementor-15 .elementor-element.elementor-element-5ecb403 input,
.elementor-15 .elementor-element.elementor-element-5ecb403 textarea,
.elementor-15 .elementor-element.elementor-element-5ecb403 select {
min-height: 49px;
font-size: 15px;
border-radius: 14px !important;
}

.elementor-15 .elementor-element.elementor-element-5ecb403 .elementor-button {
min-height: 54px;
font-size: 18px !important;
border-radius: 999px !important;
}
}/* End custom CSS */