.elementor-1911 .elementor-element.elementor-element-c0649d4{--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-1911 .elementor-element.elementor-element-5d184b3{--display:flex;}.elementor-1911 .elementor-element.elementor-element-464b48b{--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-1911 .elementor-element.elementor-element-52be3c1{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e76fc51 *//* ===== SkyGenSkill Modern Courses ===== */
:root {
  --sgs-blue: #00c5ea;
  --sgs-blue-2: #007a9e;
  --card-radius: 14px;
  --card-shadow: 0 16px 40px rgba(7,17,26,0.06);
  --glass: rgba(255,255,255,0.7);
  --max-width: 1200px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.sgs-courses { padding: 48px 16px; background: linear-gradient(180deg,#fbfeff 0%, #f6fdff 100%); }
.sgs-courses .container { max-width: var(--max-width); margin: 0 auto; }

.sgs-courses-head { text-align: center; margin-bottom: 28px; }
.sgs-courses-head h2 { font-size: 32px; margin:0 0 8px; color:#072028; letter-spacing:-0.3px; }
.sgs-courses-head .lead { margin:0; color:#58666b; font-size:15px; }

/* Grid */
.courses-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; align-items:stretch; }

/* Card */
.course-card {
  position: relative;
  background: #fff;
  border-radius: var(--card-radius);
  padding: 18px 18px 22px;
  box-shadow: var(--card-shadow);
  overflow: hidden;
  display:flex;
  flex-direction:column;
  transition: transform .28s cubic-bezier(.2,.9,.2,1), box-shadow .28s ease;
}
.course-card:hover { transform: translateY(-12px) scale(1.01); box-shadow: 0 28px 60px rgba(0,197,234,0.12); }

/* accent bar */
.card-accent { position:absolute; left:0; top:0; height:8px; width:72px; background: linear-gradient(90deg,var(--sgs-blue), var(--sgs-blue-2)); border-top-left-radius:var(--card-radius); border-top-right-radius:8px; }

/* head */
.card-head { display:flex; flex-direction:column; gap:8px; margin-bottom:8px; }
.icon-wrap { width:56px; height:56px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:#f3fdff; color:var(--sgs-blue-2); font-size:20px; box-shadow: 0 6px 18px rgba(0,197,234,0.06); }
.icon { width:22px; height:22px; display:block; }
.card-head h3 { margin:0; font-size:18px; color:#071b1f; }
.tag { margin:0; color:#5b6b6e; font-size:13px; }

/* body */
.card-body { margin-top:8px; flex:1; }
.card-body p { margin:0 0 10px; color:#475b5f; font-size:14px; line-height:1.45; }
.bullets { list-style:none; padding:0; margin:0 0 14px; display:grid; gap:8px; }
.bullets li { font-size:13px; color:#3b4a4c; padding-left:18px; position:relative; }
.bullets li::before { content: ""; position:absolute; left:0; top:6px; width:8px; height:8px; background:var(--sgs-blue); border-radius:2px; }

/* meta + price */
.card-meta { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }
.meta { color:#6a7c7f; font-weight:600; font-size:13px; }
.price { color:var(--sgs-blue-2); font-weight:900; font-size:18px; }

/* CTA */
.btn {
  display:inline-block;
  text-decoration:none;
  text-align:center;
  padding:10px 14px;
  border-radius:10px;
  background: linear-gradient(90deg,var(--sgs-blue), var(--sgs-blue-2));
  color:#fff;
  font-weight:800;
  letter-spacing:0.2px;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.btn:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,197,234,0.16); opacity:0.98; }

/* responsive */
@media (max-width:1100px) { .courses-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:640px) {
  .courses-grid { grid-template-columns: 1fr; gap:16px; }
  .sgs-courses-head h2 { font-size:24px; }
  .card-accent { width:48px; height:6px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-79047ef *//* ===== SGS Billing Selector + 3-column plans ===== */
.sgs-billing-wrap { max-width: 1200px; margin: 30px auto; padding: 12px; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial; }

/* Top row */
.sgs-top-row { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; flex-wrap:wrap; }
.sgs-skill-select label { display:block; font-weight:700; margin-bottom:6px; color:#222; }
.sgs-skill-select select { padding:10px 14px; border-radius:8px; border:1px solid #ddd; background:#fff; font-size:15px; outline:none; transition:.2s; }
.sgs-skill-select select:focus { border-color:#00c5ea; box-shadow:0 4px 14px rgba(0,197,234,0.12); }

/* Billing switch small */
.sgs-billing-type { display:flex; align-items:center; gap:10px; color:#444; font-weight:700; }
.switch-sm { position:relative; width:54px; height:28px; display:inline-block; }
.switch-sm input { display:none; }
.slider-sm { position:absolute; inset:0; background:#eaf9fb; border-radius:30px; border:1px solid #d7f1f6; transition:.25s; }
.slider-sm::before { content:""; position:absolute; width:22px; height:22px; left:3px; top:3px; background:#fff; border-radius:50%; box-shadow:0 2px 6px rgba(0,0,0,.12); transition:.25s; }
.switch-sm input:checked + .slider-sm { background:#d3f0f7; }
.switch-sm input:checked + .slider-sm::before { transform:translateX(26px); }

/* Grid */
.sgs-pricing-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; align-items:stretch; }

/* Plan card */
.sgs-plan { background:#fff; border-radius:12px; padding:20px; box-shadow:0 8px 24px rgba(7,17,26,0.06); transition:transform .28s ease, box-shadow .28s ease; display:flex; flex-direction:column; justify-content:space-between; }
.sgs-plan:hover { transform:translateY(-8px); box-shadow:0 20px 46px rgba(0,197,234,0.12); }
.plan-header h4 { margin:0 0 6px; font-size:18px; color:#111; }
.plan-sub { margin:0 0 12px; color:#666; font-size:13px; }

/* Price */
.plan-price { font-weight:800; font-size:28px; color:#00c5ea; margin-bottom:8px; display:flex; align-items:baseline; gap:8px; }
.plan-price .per { font-size:14px; color:#666; font-weight:600; }

/* Features */
.plan-feat { list-style:none; padding:0; margin:0 0 16px; color:#333; font-size:14px; }
.plan-feat li { margin:8px 0; }

/* CTA */
.plan-cta { display:inline-block; text-decoration:none; padding:10px 16px; background:#00c5ea; color:#fff; border-radius:8px; font-weight:700; transition:transform .2s ease, box-shadow .2s ease; }
.plan-cta:hover { transform:translateY(-4px); box-shadow:0 10px 26px rgba(0,197,234,0.18); }

/* Responsive */
@media (max-width: 1024px) { .sgs-pricing-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .sgs-top-row { flex-direction:column; align-items:stretch; }
  .sgs-pricing-grid { grid-template-columns: 1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef8a56c *//* ===== SkyGenSkill — About Our Courses ===== */
:root {
  --sgs-blue: #00c5ea;
  --sgs-blue-2: #007a9e;
  --max-width: 1100px;
  --card-radius: 12px;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

.sgs-about { padding:48px 16px; background: linear-gradient(180deg,#ffffff 0%, #f8feff 100%); color:#123; }
.sgs-about .container { max-width: var(--max-width); margin:0 auto; }

.about-hero { text-align:center; margin-bottom:22px; }
.about-hero h2 { font-size:30px; margin:0 0 8px; color:#072028; letter-spacing:-0.3px; }
.about-hero .lead { margin:0; color:#57686a; font-size:15px; }

/* Grid */
.about-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; margin:22px 0; }
.about-card { background:#fff; border-radius:var(--card-radius); padding:18px; box-shadow:0 12px 30px rgba(7,17,26,0.04); transition:transform .2s ease; }
.about-card:hover { transform:translateY(-6px); box-shadow:0 22px 44px rgba(0,197,234,0.08); }
.about-card h3 { margin:0 0 10px; font-size:16px; color:#071b1f; }
.about-card ul { margin:0; padding:0; list-style:none; display:grid; gap:8px; color:#415454; }
.about-card li { position:relative; padding-left:18px; font-size:14px; }
.about-card li::before { content:""; position:absolute; left:0; top:7px; width:8px; height:8px; background:var(--sgs-blue); border-radius:2px; }

/* USP row */
.about-usp { display:flex; gap:12px; justify-content:center; margin:18px 0; flex-wrap:wrap; }
.usp-item { background: linear-gradient(90deg, rgba(0,197,234,0.08), rgba(0,122,158,0.04)); padding:10px 14px; border-radius:10px; font-weight:700; color:#06474a; font-size:14px; }

/* CTA */
.about-cta { display:flex; gap:12px; justify-content:center; margin-top:10px; flex-wrap:wrap; }
.btn { text-decoration:none; padding:10px 16px; border-radius:10px; font-weight:800; letter-spacing:0.2px; }
.btn.primary { background: linear-gradient(90deg,var(--sgs-blue),var(--sgs-blue-2)); color:#fff; box-shadow:0 10px 30px rgba(0,197,234,0.12); }
.btn.ghost { background:transparent; color:var(--sgs-blue-2); border:2px solid rgba(0,197,234,0.12); }

/* small note */
.about-note { text-align:center; margin-top:12px; color:#57686a; font-size:13px; }

/* responsive */
@media (max-width:1000px) { .about-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width:640px) {
  .about-grid { grid-template-columns: 1fr; gap:14px; }
  .about-hero h2 { font-size:22px; }
}/* End custom CSS */