.elementor .e-4470938{width:50%;flex-direction:column;}.elementor .e-0900c39{width:50%;flex-direction:column;}.elementor .e-67bc533{background-image:linear-gradient(#F8F4EC, #F8F4EC);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;flex-direction:row;/* =========================================
 HARMAIN GO
 JEDDAH TO MAKKAH HERO
========================================= */

.hg-hero {
width: 100% !important;
display: flex !important;
align-items: stretch !important;
gap: 0 !important;
min-height: 650px !important;
overflow: hidden !important;

background: #f8f5ed !important;
}


/* =========================================
 LEFT SIDE
========================================= */

.hg-hero-left {
width: 50% !important;
min-width: 0 !important;

display: flex !important;
align-items: center !important;

box-sizing: border-box !important;

padding: 70px 60px !important;

background:
  linear-gradient(
    135deg,
    #191611 0%,
    #292219 55%,
    #17130e 100%
  ) !important;
}


/* LEFT CONTENT */

.hg-hero-content {
width: 100%;
max-width: 650px;
margin: 0 auto;
}


/* BADGE */

.hg-hero-badge {
display: inline-flex;
align-items: center;
gap: 9px;

padding: 10px 19px;

border: 1px solid #d0a031;
border-radius: 50px;

color: #d6aa38;

font-size: 12px;
font-weight: 800;

letter-spacing: 1.5px;
text-transform: uppercase;
}

.hg-hero-badge span {
font-size: 10px;
}


/* HEADING */

.hg-hero-content h1 {
margin: 25px 0 22px;

color: #ffffff;

font-size: clamp(40px, 4vw, 58px);
line-height: 1.12;

font-weight: 800;

letter-spacing: -1.5px;
}

.hg-hero-content h1 strong {
display: inline;
color: #d4a638;
font-weight: 800;
}


/* DESCRIPTION */

.hg-hero-description {
margin: 0;

max-width: 620px;

color: #eeeeee;

font-size: 16px;
line-height: 1.8;
}


/* =========================================
 FEATURES
========================================= */

.hg-hero-features {
display: flex;
flex-direction: column;
gap: 13px;

margin-top: 27px;
}

.hg-feature {
display: flex;
align-items: center;
gap: 11px;
}

.hg-feature span {
width: 24px;
height: 24px;
min-width: 24px;

display: flex;
align-items: center;
justify-content: center;

border-radius: 50%;

background: #facb05;

color: #171717;

font-size: 12px;
font-weight: 900;
}

.hg-feature p {
margin: 0;

color: #ffffff;

font-size: 13px;
line-height: 1.4;
font-weight: 700;
}


/* =========================================
 WHATSAPP BUTTON
========================================= */

.hg-hero-whatsapp {
display: inline-flex;
align-items: center;
justify-content: center;

gap: 10px;

margin-top: 31px;

padding: 15px 26px;

background: #facb05;

color: #151515 !important;

border-radius: 10px;

text-decoration: none !important;

font-size: 15px;
font-weight: 900;

transition: all .3s ease;
}

.hg-hero-whatsapp span {
font-size: 21px;
}

.hg-hero-whatsapp:hover {
background: #ffffff;
color: #171717 !important;

transform: translateY(-2px);
}


/* =========================================
 TRUST ROW
========================================= */

.hg-trust-row {
display: flex;
flex-wrap: wrap;
gap: 22px;

margin-top: 25px;
padding-top: 19px;

border-top: 1px solid rgba(255,255,255,.16);
}

.hg-trust-row span {
color: #d2d2d2;

font-size: 11px;
font-weight: 700;
}


/* =========================================
 RIGHT FORM SIDE
========================================= */

.hg-hero-form {
width: 50% !important;
min-width: 0 !important;

display: flex !important;
align-items: center !important;
justify-content: center !important;

box-sizing: border-box !important;

padding: 55px 55px !important;

background: #fffaf0 !important;
}


/* FORM FULL WIDTH */

.hg-hero-form .elementor-widget-form {
width: 100% !important;
max-width: 560px !important;
}


/* FORM FIELDS */

.hg-hero-form .elementor-field {
background: #ffffff !important;

border: 1px solid #71829a !important;

border-radius: 18px !important;

min-height: 60px !important;

padding: 0 20px !important;

color: #394b61 !important;

box-shadow: none !important;
}


/* LABEL */

.hg-hero-form .elementor-field-label {
color: #29405f !important;

font-size: 14px !important;

font-weight: 800 !important;

margin-bottom: 6px !important;
}


/* FOCUS */

.hg-hero-form .elementor-field:focus {
border-color: #facb05 !important;

box-shadow: 0 0 0 3px rgba(250,203,5,.12) !important;
}


/* BUTTON */

.hg-hero-form .elementor-button {
width: 100% !important;

min-height: 60px !important;

border: 0 !important;

border-radius: 16px !important;

background: #facb05 !important;

color: #151515 !important;

font-size: 16px !important;

font-weight: 900 !important;

text-transform: uppercase !important;

box-shadow: none !important;

transition: .3s ease !important;
}

.hg-hero-form .elementor-button:hover {
background: #171717 !important;

color: #ffffff !important;
}


/* =========================================
 DESKTOP FORM FIELD LAYOUT
========================================= */

.hg-hero-form .elementor-form-fields-wrapper {
display: flex !important;
flex-wrap: wrap !important;
gap: 0 14px !important;
}

.hg-hero-form .elementor-field-group {
box-sizing: border-box !important;

margin-bottom: 15px !important;
}


/* EMAIL + PHONE */

.hg-hero-form .elementor-field-group-email,
.hg-hero-form .elementor-field-group-phone {
width: calc(50% - 7px) !important;
}


/* ALL OTHER FIELDS */

.hg-hero-form .elementor-field-group-name,
.hg-hero-form .elementor-field-group:nth-child(4),
.hg-hero-form .elementor-field-group:nth-child(5) {
width: 100% !important;
}


/* PASSENGERS + LUGGAGE */

.hg-hero-form .elementor-form-fields-wrapper
> .elementor-field-group:nth-child(6),

.hg-hero-form .elementor-form-fields-wrapper
> .elementor-field-group:nth-child(7) {
width: calc(50% - 7px) !important;
}


/* =========================================
 TABLET
========================================= */

@media (max-width: 950px) {

.hg-hero {
  flex-direction: column !important;
}

.hg-hero-left,
.hg-hero-form {
  width: 100% !important;
}

.hg-hero-left {
  padding: 65px 35px !important;
}

.hg-hero-form {
  padding: 55px 35px !important;
}

}


/* =========================================
 MOBILE
========================================= */

@media (max-width: 600px) {

.hg-hero-left {
  padding: 55px 20px !important;
}

.hg-hero-form {
  padding: 40px 18px !important;
}

.hg-hero-content h1 {
  font-size: 34px;
  line-height: 1.18;
}

.hg-hero-description {
  font-size: 14px;
}

.hg-hero-whatsapp {
  width: 100%;
  box-sizing: border-box;
}

.hg-trust-row {
  flex-direction: column;
  gap: 10px;
}

.hg-hero-form .elementor-field-group-email,
.hg-hero-form .elementor-field-group-phone,
.hg-hero-form .elementor-form-fields-wrapper
> .elementor-field-group:nth-child(6),
.hg-hero-form .elementor-form-fields-wrapper
> .elementor-field-group:nth-child(7) {
  width: 100% !important;
}

}\n}.elementor .e-7b611a9{background-color:#F8F4EC;flex-direction:column;}