.elementor-1908 .elementor-element.elementor-element-d0c8631{--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-1908 .elementor-element.elementor-element-81af666{--display:flex;--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:170px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-1908 .elementor-element.elementor-element-16bf2fe{--display:flex;}.elementor-1908 .elementor-element.elementor-element-ef3f86a > .elementor-widget-container{margin:20px 20px 20px 20px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-1908 .elementor-element.elementor-element-674ba56{margin-top:0px;margin-bottom:120px;padding:0px 35px 0px 35px;}.elementor-1908 .elementor-element.elementor-element-8f394b4{width:auto;max-width:auto;transition-duration:1000ms;transition-property:all;position:absolute;bottom:-70px;left:-110px;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1908 .elementor-element.elementor-element-8f394b4 > .elementor-widget-container{--e-transform-rotateZ:20deg;}.elementor-1908 .elementor-element.elementor-element-8f394b4 .aux-the-svg{width:300px;}.elementor-1908 .elementor-element.elementor-element-8f394b4 .aux-widget-container{text-align:center;}.elementor-1908 .elementor-element.elementor-element-9af9e32{width:auto;max-width:auto;transition-duration:1000ms;transition-property:all;position:absolute;bottom:-105px;left:-130px;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);}.elementor-1908 .elementor-element.elementor-element-9af9e32 > .elementor-widget-container{--e-transform-rotateZ:20deg;}.elementor-1908 .elementor-element.elementor-element-9af9e32 .aux-the-svg{width:300px;}.elementor-1908 .elementor-element.elementor-element-9af9e32 .aux-widget-container{text-align:center;}@media(min-width:768px){.elementor-1908 .elementor-element.elementor-element-81af666{--content-width:1600px;}}@media(max-width:1024px){.elementor-1908 .elementor-element.elementor-element-81af666{--flex-wrap:wrap;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--z-index:1;}}@media(max-width:767px){.elementor-1908 .elementor-element.elementor-element-674ba56{margin-top:0px;margin-bottom:50px;}.elementor-1908 .elementor-element.elementor-element-8f394b4{left:-150px;}.elementor-1908 .elementor-element.elementor-element-9af9e32{left:-170px;}}/* Start custom CSS for html, class: .elementor-element-b4afa89 *//* ===== SkyGenSkill — Contact Section ===== */
.sgs-contact {
  padding: 60px 16px;
  background: linear-gradient(180deg,#ffffff 0%, #f8feff 100%);
  color: #071b1f;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}
.sgs-contact .container {
  max-width: 1100px;
  margin: 0 auto;
}

.contact-hero {
  text-align: center;
  margin-bottom: 40px;
}
.contact-hero h2 {
  font-size: 30px;
  margin: 0 0 10px;
  color: #072028;
}
.contact-hero h2 span { color: #00c5ea; }
.contact-hero p {
  color: #57686a;
  font-size: 15px;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.contact-info, .contact-extra {
  background: #fff;
  border-radius: 12px;
  padding: 22px;
  box-shadow: 0 12px 30px rgba(7,17,26,0.04);
  transition: transform .2s ease, box-shadow .2s ease;
}
.contact-info:hover, .contact-extra:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 44px rgba(0,197,234,0.08);
}

.contact-info h3, .contact-extra h3 {
  margin: 0 0 14px;
  font-size: 18px;
  color: #071b1f;
}

.contact-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.contact-info li {
  font-size: 15px;
  color: #415454;
}

.about-cta {
  margin-top: 18px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.btn {
  text-decoration: none;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 700;
}
.btn.primary {
  background: linear-gradient(90deg,#00c5ea,#007a9e);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,197,234,0.12);
}
.btn.ghost {
  border: 2px solid rgba(0,197,234,0.2);
  color: #007a9e;
  background: transparent;
}

/* Responsive */
@media (max-width: 768px) {
  .contact-grid {
    grid-template-columns: 1fr;
  }
  .contact-hero h2 { font-size: 24px; }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-ef3f86a *//* =========================
   SkyGenSkill — WPForms Modern Theme
   Matches the Courses / About modern design
   Paste into Additional CSS
   ========================= */

:root{
  --sgs-blue: #00c5ea;
  --sgs-blue-2: #007a9e;
  --sgs-text: #071b1f;
  --sgs-muted: #57686a;
  --card-radius: 14px;
  --card-shadow: 0 18px 44px rgba(7,17,26,0.06);
  --card-shadow-hover: 0 28px 60px rgba(0,197,234,0.10);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* Strong wrapper target */
form.wpforms-form,
.wpforms-form {
  max-width: 920px;
  margin: 0 auto;
  padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), #fbfeff);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  color: var(--sgs-text);
  border: 1px solid rgba(3,35,37,0.02);
}

/* Accent left bar for form area (subtle) */
form.wpforms-form::before,
.wpforms-form::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(180deg, var(--sgs-blue), var(--sgs-blue-2));
  border-top-left-radius: var(--card-radius);
  border-bottom-left-radius: var(--card-radius);
  transform: translateX(-6px);
  pointer-events: none;
}

/* Form headline if any inside */
.wpforms-form .wpforms-field-label,
form.wpforms-form .wpforms-field-label {
  font-weight:800;
  color: var(--sgs-text);
  display:block;
  margin-bottom:8px;
  font-size:14px;
}

/* Inputs / textarea / select */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form input[type="number"],
.wpforms-form select,
.wpforms-form textarea,
form.wpforms-form input[type="text"],
form.wpforms-form input[type="email"],
form.wpforms-form input[type="tel"],
form.wpforms-form input[type="url"],
form.wpforms-form input[type="number"],
form.wpforms-form select,
form.wpforms-form textarea {
  width:100%;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid #e7f6f9;
  background:#fff;
  font-size:14px;
  color:var(--sgs-text);
  transition: box-shadow .22s ease, border-color .22s ease, transform .22s ease;
  box-sizing:border-box;
}

/* Placeholder color */
.wpforms-form ::placeholder,
form.wpforms-form ::placeholder { color: #98a6a7; opacity:1; }

/* Focus style (lift + glow) */
.wpforms-form input:focus,
.wpforms-form select:focus,
.wpforms-form textarea:focus,
form.wpforms-form input:focus,
form.wpforms-form select:focus,
form.wpforms-form textarea:focus {
  border-color: var(--sgs-blue);
  box-shadow: 0 12px 36px rgba(0,197,234,0.10);
  transform: translateY(-3px);
  outline: none;
}

/* Two-column rows support */
.wpforms-field-row { display:flex; gap:12px; }
.wpforms-field-row .wpforms-field { flex:1; min-width:0; }

/* Small helper text */
.wpforms-field .wpforms-description { color: var(--sgs-muted); font-size:13px; margin-top:6px; }

/* File upload */
.wpforms-form .wpforms-upload-file, .wpforms-upload-file {
  border-radius:10px;
  padding:10px;
  border:1px dashed rgba(0,197,234,0.12);
  background: linear-gradient(180deg,#fbfeff,#fff);
}

/* Checkbox / radio */
.wpforms-field input[type="checkbox"],
.wpforms-field input[type="radio"] { width:18px; height:18px; accent-color: var(--sgs-blue); }

/* Error messages */
.wpforms-error-msg, .wpforms-error {
  background: rgba(183,47,47,0.05);
  color:#b72f2f;
  border-left: 3px solid #e34c4c;
  padding:8px 12px;
  border-radius:8px;
  margin-bottom:12px;
  font-weight:700;
}

/* Submit button (big, modern) */
.wpforms-submit,
button.wpforms-submit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:12px;
  background: linear-gradient(90deg,var(--sgs-blue),var(--sgs-blue-2));
  color:#fff;
  font-weight:800;
  font-size:15px;
  border: none;
  cursor: pointer;
  box-shadow: 0 16px 40px rgba(0,197,234,0.12);
  transition: transform .18s ease, box-shadow .22s ease;
}

/* Submit hover/focus */
.wpforms-submit:hover,
.wpforms-submit:focus,
button.wpforms-submit:hover,
button.wpforms-submit:focus {
  transform: translateY(-5px);
  box-shadow: var(--card-shadow-hover);
  outline: none;
}

/* Confirmation container */
.wpforms-confirmation-container {
  margin-bottom:12px;
  background: linear-gradient(90deg, rgba(0,197,234,0.06), rgba(0,122,158,0.03));
  border-left: 4px solid var(--sgs-blue);
  padding:12px 14px;
  border-radius:8px;
  color:#06474a;
  font-weight:700;
}

/* Links inside form */
.wpforms-form a { color: var(--sgs-blue-2); text-decoration: underline; }

/* Mobile adjustments */
@media (max-width: 900px) {
  .wpforms-field-row { flex-direction:column; }
  form.wpforms-form, .wpforms-form { padding:16px; }
}

/* Small utility: center submit area if container used */
.wpforms-submit-container { display:flex; gap:12px; align-items:center; justify-content:flex-start; }

/* If your theme wraps the form in another class, try this variant too */
.elementor-widget-wpforms .wpforms-form,
.widget_wpforms .wpforms-form {
  margin: 0 auto;
  box-shadow: var(--card-shadow);
}/* End custom CSS */
/* Start custom CSS for aux_simple_svg, class: .elementor-element-8f394b4 */@media screen and (max-width:767px){
    .elementor-1908 .elementor-element.elementor-element-8f394b4 svg{
        width:70%;
    }
}/* End custom CSS */
/* Start custom CSS for aux_simple_svg, class: .elementor-element-9af9e32 */@media screen and (max-width:767px){
    .elementor-1908 .elementor-element.elementor-element-9af9e32 svg{
        width:70%;
    }
}/* End custom CSS */