.elementor-938 .elementor-element.elementor-element-c067ad5{--display:flex;--min-height:74vh;--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;--background-transition:0.3s;--overlay-opacity:0.6;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:2;}.elementor-938 .elementor-element.elementor-element-c067ad5:not(.elementor-motion-effects-element-type-background), .elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skybluedigital.co.ke/wp-content/uploads/2025/12/Contact-Page.webp");background-position:center center;background-size:cover;}.elementor-938 .elementor-element.elementor-element-c067ad5::before, .elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-background-video-container::before, .elementor-938 .elementor-element.elementor-element-c067ad5 > .e-con-inner > .elementor-background-video-container::before, .elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-background-slideshow::before, .elementor-938 .elementor-element.elementor-element-c067ad5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-shape-bottom svg, .elementor-938 .elementor-element.elementor-element-c067ad5 > .e-con-inner > .elementor-shape-bottom svg{height:54px;transform:translateX(-50%) rotateY(180deg);}.elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-shape-bottom, .elementor-938 .elementor-element.elementor-element-c067ad5 > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-938 .elementor-element.elementor-element-31a49c8{text-align:center;}.elementor-938 .elementor-element.elementor-element-31a49c8 .elementor-heading-title{font-family:var( --e-global-typography-1ecaaf4-font-family ), Sans-serif;font-size:var( --e-global-typography-1ecaaf4-font-size );font-weight:var( --e-global-typography-1ecaaf4-font-weight );line-height:var( --e-global-typography-1ecaaf4-line-height );letter-spacing:var( --e-global-typography-1ecaaf4-letter-spacing );word-spacing:var( --e-global-typography-1ecaaf4-word-spacing );color:var( --e-global-color-accent );}.elementor-938 .elementor-element.elementor-element-3424dfe{color:var( --e-global-color-0f1e7fa );}.elementor-938 .elementor-element.elementor-element-eced908{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:0px 0px 20px 20px;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:3;}.elementor-938 .elementor-element.elementor-element-eced908:not(.elementor-motion-effects-element-type-background), .elementor-938 .elementor-element.elementor-element-eced908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0f1e7fa );}.elementor-938 .elementor-element.elementor-element-4ad372d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:10px 10px 10px 10px;box-shadow:0px 12px 42px 0px rgba(0, 0, 0, 0.15);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-938 .elementor-element.elementor-element-4ad372d:not(.elementor-motion-effects-element-type-background), .elementor-938 .elementor-element.elementor-element-4ad372d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7c32dd6 );}.elementor-938 .elementor-element.elementor-element-fa6826c{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-938 .elementor-element.elementor-element-ccbc8e6{--grid-template-columns:repeat(0, auto);text-align:left;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-938 .elementor-element.elementor-element-ccbc8e6 .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-938 .elementor-element.elementor-element-85d9ff9{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:11px;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-11px;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-938 .elementor-element.elementor-element-4845b37 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-938 .elementor-element.elementor-element-4845b37 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-938 .elementor-element.elementor-element-4845b37 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-type-html{padding-bottom:0px;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button{border-radius:5px 5px 5px 5px;}.elementor-938 .elementor-element.elementor-element-4845b37{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-938 .elementor-element.elementor-element-351c905{--display:flex;--min-height:56vh;--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:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-938 .elementor-element.elementor-element-c56290e{border-radius:0px 0px 20px 20px;}.elementor-938 .elementor-element.elementor-element-c56290e iframe{height:60vh;}@media(max-width:1599px){.elementor-938 .elementor-element.elementor-element-31a49c8 .elementor-heading-title{font-size:var( --e-global-typography-1ecaaf4-font-size );line-height:var( --e-global-typography-1ecaaf4-line-height );letter-spacing:var( --e-global-typography-1ecaaf4-letter-spacing );word-spacing:var( --e-global-typography-1ecaaf4-word-spacing );}}@media(max-width:1279px){.elementor-938 .elementor-element.elementor-element-c067ad5{--min-height:60vh;--padding-top:14%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-938 .elementor-element.elementor-element-31a49c8 .elementor-heading-title{font-size:var( --e-global-typography-1ecaaf4-font-size );line-height:var( --e-global-typography-1ecaaf4-line-height );letter-spacing:var( --e-global-typography-1ecaaf4-letter-spacing );word-spacing:var( --e-global-typography-1ecaaf4-word-spacing );}.elementor-938 .elementor-element.elementor-element-4ad372d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-938 .elementor-element.elementor-element-fa6826c{--padding-top:04%;--padding-bottom:2%;--padding-left:3%;--padding-right:3%;}.elementor-938 .elementor-element.elementor-element-85d9ff9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-938 .elementor-element.elementor-element-4845b37{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-938 .elementor-element.elementor-element-c067ad5{--min-height:49vh;--padding-top:21%;--padding-bottom:3%;--padding-left:0%;--padding-right:0%;}.elementor-938 .elementor-element.elementor-element-c067ad5 > .elementor-shape-bottom svg, .elementor-938 .elementor-element.elementor-element-c067ad5 > .e-con-inner > .elementor-shape-bottom svg{height:10px;}.elementor-938 .elementor-element.elementor-element-31a49c8 .elementor-heading-title{font-size:var( --e-global-typography-1ecaaf4-font-size );line-height:var( --e-global-typography-1ecaaf4-line-height );letter-spacing:var( --e-global-typography-1ecaaf4-letter-spacing );word-spacing:var( --e-global-typography-1ecaaf4-word-spacing );}}@media(min-width:768px){.elementor-938 .elementor-element.elementor-element-fa6826c{--width:50%;}.elementor-938 .elementor-element.elementor-element-85d9ff9{--width:50%;}}@media(max-width:1279px) and (min-width:768px){.elementor-938 .elementor-element.elementor-element-fa6826c{--width:49%;}}/* Start custom CSS for html, class: .elementor-element-3c86e94 */.contact-info-ui {
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-family: var(--e-global-typography-primary-font-family, sans-serif);
  color: #1a1a1a;
}
.contact-card {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 20px 24px;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  border: 1px solid #eaeaea;
}
.contact-card:hover {
  transform: translateY(-4px);
  background-color: #fff7f2; /* Light orange tint for hover */
  border-color: #ffdab9; /* Soft orange border on hover */
}
.contact-icon {
  background: #ff6600; /* Brand orange for icon background */
  font-size: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(255,102,0,0.2); /* Orange-tinted shadow */
}
/* Explicitly style the Font Awesome icon */
.contact-icon i {
  color: white !important;
  font-size: inherit; /* Ensures icon size matches container */
}
.contact-text .label {
  font-size: 14px;
  color: #555; /* Slightly darker gray for readability */
  margin-bottom: 4px;
  font-weight: var(--e-global-typography-secondary-font-weight, 500);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--e-global-typography-secondary-font-family, 'Poppins', sans-serif);
}
.contact-text .detail {
  font-size: 16px;
  font-weight: var(--e-global-typography-primary-font-weight, 600);
  color: #003366; /* Dark blue for detail text to match brand blue */
  line-height: 1.5;
  font-family: var(--e-global-typography-primary-font-family, 'Poppins', sans-serif);
}
.contact-text .detail a {
  font-size: 16px;
  font-weight: var(--e-global-typography-primary-font-weight, 600);
  color: #ff6600; /* Orange for links to stand out */
  line-height: 1.5;
  text-decoration: none;
  font-family: var(--e-global-typography-primary-font-family, 'Poppins', sans-serif);
}
.contact-text .detail a:hover {
  color: #cc5200; /* Darker orange on hover */
  text-decoration: underline;
}
@media (max-width: 768px) {
  .contact-info-ui {
    gap: 16px;
  }
  .contact-card {
    flex-direction: row;
    padding: 16px 20px;
    word-wrap: break-word;
  }
  .contact-text {
    flex: 1 1 auto;
    min-width: 0;
  }
  .contact-text .detail {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .contact-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
    margin-right: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-4845b37 */.elementor-938 .elementor-element.elementor-element-4845b37 {
  background: #ffffff;
  padding: 32px;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid #eaeaea;
}

.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-field-group {
  margin-bottom: 20px;
}

.elementor-938 .elementor-element.elementor-element-4845b37 input[type="text"],
.elementor-938 .elementor-element.elementor-element-4845b37 input[type="email"],
.elementor-938 .elementor-element.elementor-element-4845b37 input[type="tel"],
.elementor-938 .elementor-element.elementor-element-4845b37 textarea {
  background: #f9f9f9;
  border: 1px solid #dcdcdc;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: none;
}

.elementor-938 .elementor-element.elementor-element-4845b37 input:focus,
.elementor-938 .elementor-element.elementor-element-4845b37 textarea:focus {
  border-color: var(--e-global-color-accent);
  background-color: #fff;
  outline: none;
}

.elementor-938 .elementor-element.elementor-element-4845b37 textarea {
  min-height: 150px;
  resize: vertical;
}

.elementor-938 .elementor-element.elementor-element-4845b37 label {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 6px;
  color: #444;
  display: block;
}

.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button {
  background-color: var(--e-global-color-accent);
  color: #fff;
  padding: 14px 28px;
  font-weight: 600;
  font-size: 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
  border: none;
}

.elementor-938 .elementor-element.elementor-element-4845b37 .elementor-button:hover {
  background-color: #0d4f8b;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}/* End custom CSS */