.elementor-5532 .elementor-element.elementor-element-f203c8e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-0761cc1 *//* ==========================================
GOLO VIP ORDER TRACKING
Premium Orange + Light Green Hover
========================================== */

.track-wrap {
--track-orange: #FF7400;
--track-blue: #006FAF;
--track-dark: #082F4A;
--track-green: #B8F3C5;
--track-green-dark: #D9FFE1;

position: relative;
isolation: isolate;
overflow: hidden;

width: calc(100% - 30px);
max-width: 650px;
margin: 55px auto;
padding: 44px 38px;

box-sizing: border-box;

background:
radial-gradient(
circle at 0% 0%,
rgba(255,116,0,.09),
transparent 38%
),
radial-gradient(
circle at 100% 100%,
rgba(0,111,175,.07),
transparent 35%
),
linear-gradient(145deg, #FFFFFF, #F7FAFC);

border: 1px solid rgba(0,111,175,.15);
border-radius: 25px;

text-align: center;
font-family: Arial, sans-serif;

box-shadow:
0 25px 65px rgba(8,47,74,.11),
0 5px 18px rgba(8,47,74,.04);
}

/* PREMIUM TOP LINE */

.track-wrap::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;

width: 100%;
height: 5px;

background: linear-gradient(
90deg,
#FF7400,
#FFAD69,
#006FAF
);
}

/* VIP BADGE */

.track-badge {
display: inline-block;
margin-bottom: 21px;
padding: 10px 17px;

background: linear-gradient(
135deg,
rgba(255,116,0,.10),
rgba(255,116,0,.04)
);

border: 1px solid rgba(255,116,0,.28);
border-radius: 50px;

color: #E96500;

font-size: 10px;
font-weight: 800;
letter-spacing: 1.8px;
}

/* HEADING */

.track-wrap h2 {
margin: 0 0 14px;
padding: 0;

color: #082F4A;

font-family: Georgia, "Times New Roman", serif;
font-size: clamp(32px, 5vw, 45px);
font-weight: 800;
line-height: 1.2;
letter-spacing: -1px;
}

.track-wrap h2 span {
color: #FF7400;
}

/* DESCRIPTION */

.track-wrap p {
margin: 0 0 28px;
padding: 0;

color: #536B7B;
font-size: 15px;
line-height: 1.8;
}

/* TRACKING INPUT */

.track-wrap .track-input {
display: block;
width: 100%;
height: 59px;

margin: 0;
padding: 0 18px;

box-sizing: border-box;

background: #FFFFFF;
color: #082F4A;

border: 1.5px solid #D7E3EB;
border-radius: 13px;

font-family: Arial, sans-serif;
font-size: 15px;

outline: none;
box-shadow: 0 4px 14px rgba(8,47,74,.03);

transition:
border-color .3s ease,
box-shadow .3s ease,
background .3s ease;
}

.track-wrap .track-input::placeholder {
color: #8293A0;
}

.track-wrap .track-input:focus {
background: #FFFFFF;
border-color: #006FAF;

box-shadow:
0 0 0 4px rgba(0,111,175,.10),
0 6px 18px rgba(8,47,74,.05);
}

/* PREMIUM TRACK BUTTON */

.track-wrap .track-btn {
display: flex;
align-items: center;
justify-content: center;

width: 100%;
min-height: 59px;

margin: 17px 0 0;
padding: 15px 24px;

box-sizing: border-box;

background: linear-gradient(
135deg,
#FF7400,
#F45C00
);

color: #FFFFFF;

border: 1px solid #FF7400;
border-radius: 13px;

font-family: Arial, sans-serif;
font-size: 16px;
font-weight: 800;
letter-spacing: .5px;

cursor: pointer;

box-shadow:
0 10px 24px rgba(255,116,0,.22),
inset 0 1px 0 rgba(255,255,255,.18);

transition:
background .3s ease,
color .3s ease,
border-color .3s ease,
transform .3s ease,
box-shadow .3s ease;
}

/* LIGHT GREEN HOVER */

.track-wrap .track-btn:hover,
.track-wrap .track-btn:focus-visible {
background: linear-gradient(
135deg,
#D9FFE1,
#B8F3C5
);

color: #164C2A;
border-color: #A4E8B4;

transform: translateY(-2px);

box-shadow:
0 12px 27px rgba(75,175,105,.20),
inset 0 1px 0 rgba(255,255,255,.8);
}

/* ACTIVE BUTTON */

.track-wrap .track-btn:active {
transform: translateY(0);
box-shadow: 0 5px 14px rgba(75,175,105,.16);
}

/* RESULT MESSAGE */

.track-wrap .track-result {
display: none;

margin-top: 18px;
padding: 15px 17px;

background: #F0F7FC;
color: #00547E;

border: 1px solid #D7EAF6;
border-radius: 12px;

font-size: 14px;
line-height: 1.7;

overflow-wrap: anywhere;
}

/* TRUST FOOTER */

.track-wrap .track-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;

gap: 10px 18px;

margin-top: 27px;
padding-top: 21px;

border-top: 1px solid #E5EDF2;

color: #526A79;
font-size: 11px;
font-weight: 700;
}

.track-wrap .track-footer span {
line-height: 1.7;
}

/* MOBILE RESPONSIVE */

@media (max-width: 600px) {
.track-wrap {
width: calc(100% - 24px);
margin: 30px auto;
padding: 31px 19px;
border-radius: 20px;
}

.track-badge {
padding: 9px 13px;
font-size: 9px;
letter-spacing: 1.3px;
}

.track-wrap h2 {
font-size: 33px;
letter-spacing: -.6px;
}

.track-wrap p {
font-size: 14px;
line-height: 1.75;
}

.track-wrap .track-input {
height: 54px;
font-size: 14px;
}

.track-wrap .track-btn {
min-height: 54px;
font-size: 15px;
}

.track-wrap .track-footer {
gap: 8px 12px;
font-size: 10px;
}
}

@media (prefers-reduced-motion: reduce) {
.track-wrap .track-btn,
.track-wrap .track-input {
transition: none;
}
}/* End custom CSS */