.elementor-2850 .elementor-element.elementor-element-16b8c55{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0rem;--margin-bottom:5rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-2850 .elementor-element.elementor-element-16b8c55:not(.elementor-motion-effects-element-type-background), .elementor-2850 .elementor-element.elementor-element-16b8c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://adventureoutloud.com/wp-content/uploads/2026/01/mt-kenya-giraffes-e1772458859619.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2850 .elementor-element.elementor-element-9ee152b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:8px 8px 8px 8px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;}.elementor-2850 .elementor-element.elementor-element-9ee152b:not(.elementor-motion-effects-element-type-background), .elementor-2850 .elementor-element.elementor-element-9ee152b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-58be983 );}.elementor-2850 .elementor-element.elementor-element-4402a35.elementor-element{--align-self:center;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-labels-inline .elementor-field-group > label{padding-left:35px;}body:not(.rtl) .elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-labels-inline .elementor-field-group > label{padding-right:35px;}body .elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-labels-above .elementor-field-group > label{padding-bottom:35px;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group > label{font-family:"Noto Serif", Tahoma;font-size:1.5rem;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-type-html{padding-bottom:0px;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button span{justify-content:center;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button{font-family:"Poppins", Tahoma;font-size:1.1rem;border-radius:8px 8px 8px 8px;padding:8px 8px 8px 8px;}.elementor-2850 .elementor-element.elementor-element-4402a35 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .e-form__buttons__wrapper__button-previous{background-color:#C2B280;color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2850 .elementor-element.elementor-element-4402a35{--e-form-steps-indicators-spacing:60px;--e-form-steps-indicator-progress-color:#C2B280;--e-form-steps-indicator-progress-background-color:#C2B2804D;--e-form-steps-indicator-progress-height:18px;--e-form-steps-indicator-progress-border-radius:25px;--e-form-steps-indicator-progress-meter-color:#C2B280;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2850 .elementor-element.elementor-element-9ee152b{--width:60%;}}@media(max-width:767px){.elementor-2850 .elementor-element.elementor-element-16b8c55{--min-height:0vh;--justify-content:space-between;}.elementor-2850 .elementor-element.elementor-element-9ee152b{--width:96%;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-2850 .elementor-element.elementor-element-4402a35 .elementor-button span{justify-content:center;}}/* Start custom CSS for form, class: .elementor-element-4402a35 */#trip-enquiry {
    overflow: auto;
    overflow-x: hidden;
    scrollbar-width: none;  /* Firefox */
    -ms-overflow-style: none;  /* IE/Edge */
    &::-webkit-scrollbar {
        display: none;  /* WebKit: Chrome, Safari, new Edge */
    }
    @media (max-width: 767px) {
        height: 90vh;
        .elementor-field-subgroup {
            max-height: 30vh;
            overflow-y: scroll;
        }
    }
}

#trip-enquiry .elementor-field-group-africalist
{
    margin-top: 2rem;
}

/* Wrap the radio options and center them */
#trip-enquiry
  .elementor-field-type-radio
  .elementor-field-subgroup.elementor-subgroup-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* Button‑style labels */
#trip-enquiry
  .elementor-field-subgroup.elementor-subgroup-inline
  .elementor-field-option
  label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 6px;
  border: 2px solid #d1d5db;
  background-color: #f9fafb;
  color: #111827;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
}

/* Hover */
#trip-enquiry
  .elementor-field-subgroup.elementor-subgroup-inline
  .elementor-field-option
  label:hover {
  border-color: #6b7280;
  background-color: #f3f4f6;
}

/* Active / selected – use Elementor Primary color */
#trip-enquiry
  .elementor-field-subgroup.elementor-subgroup-inline
  .elementor-field-option
  input[type="radio"]:checked
  + label {
  border-color: var(--e-global-color-primary);
  background-color: var(--e-global-color-primary);
  color: white;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Hide the real radio circles */
#trip-enquiry
  .elementor-field-subgroup.elementor-subgroup-inline
  .elementor-field-option
  input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

/* Wrap options in a flex row */
#trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-subgroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

#trip-enquiry .elementor-field-label {
    margin: 0 auto;
}

/* Option wrapper */
#trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option {
  position: relative;
  margin: 8px 10px;
}

/* Keep the real checkbox in the flow so label clicks work */
#trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option input[type="checkbox"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

/* Button look on the label */
#trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
  padding: 12px 24px;
  border-radius: 4px;
  border: 1px solid #bfbfbf;
  background: #fff;
  color: #333;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Visual state driven by :checked – this is the key */
#trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked + label {
  border-color: #444;
  background: #f5f5f5;
  color: #000;
}


/* MOBILE: 2 buttons per row */
@media (max-width: 767px) {
  #trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option {
    flex: 0 0 50%;      /* two per row */
    margin: 6px 4px;    /* tighter gaps if needed */
  }

  #trip-enquiry .elementor-field-group.elementor-field-type-checkbox .elementor-field-option label {
    width: 100%;        /* label fills half-row */
  }
}

@media (max-width: 767px) {
  /* Make each option take half the row */
  #trip-enquiry 
  .elementor-field-group.elementor-field-type-checkbox 
  .elementor-field-subgroup .elementor-field-option {
    display: flex;
    flex: 0 0 50%;
    max-width: 45%;
    box-sizing: border-box;
    justify-content: center;
  }

  /* Let the button fill its half */
  #trip-enquiry 
  .elementor-field-group.elementor-field-type-checkbox 
  .elementor-field-subgroup .elementor-field-option label {
    width: 100%;
  }
}

@media (max-width: 767px) {
  /* Turn each option into a flex item that’s 50% wide */
  #trip-enquiry .elementor-field-group.elementor-field-type-checkbox 
  .elementor-field-subgroup span.elementor-field-option {
    display: inline-flex;   /* was inline span */
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
    justify-content: center;
    margin: 6px 0;          /* vertical spacing */
  }

  /* Make the label fill that half-row and center text */
  #trip-enquiry .elementor-field-group.elementor-field-type-checkbox 
  .elementor-field-subgroup span.elementor-field-option label {
    width: 100%;
    text-align: center;
  }
}

#trip-enquiry .e-form__buttons {
    margin-top: 3rem !important;
    margin: 0 auto;
}

#trip-enquiry .elementor-field-group-field_5a810ca {
    max-width: 720px !important;
    label {
    font-size: 16px !important;
    padding-top: 24px;
    padding-bottom: 12px;
    }
    @media (max-width: 767px) {
        label {
            padding-top: 8px;
        }
    }
}

#trip-enquiry .elementor-field-group-field_5a810ca.elementor-column {
  align-items: flex-start;   /* flex children to the left */
  text-align: left;
}

/* 2. Its label */
#trip-enquiry .elementor-field-group-field_5a810ca .elementor-field-label {
  display: block;
  text-align: left;
  margin-left: 0;
}

/* 3. Its input text (optional safety) */
#trip-enquiry .elementor-field-group-field_5a810ca 
  .elementor-field.elementor-field-textual {
  text-align: left;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ee152b */.elementor-2850 .elementor-element.elementor-element-9ee152b {
    max-height: 80vh;
}/* End custom CSS */