.elementor-9960 .elementor-element.elementor-element-feefba7{--display:flex;}.elementor-9960 .elementor-element.elementor-element-961595b{width:100%;max-width:100%;}.elementor-9960 .elementor-element.elementor-element-e72398c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9960 .elementor-element.elementor-element-d9a67d2{--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;--justify-content:center;--align-items:flex-start;}.elementor-9960 .elementor-element.elementor-element-a1354d4 .elementor-heading-title{color:var( --e-global-color-6aac2e9 );}.elementor-9960 .elementor-element.elementor-element-33c8f4a .elementor-heading-title{color:var( --e-global-color-6aac2e9 );}.elementor-9960 .elementor-element.elementor-element-f427532{color:var( --e-global-color-6aac2e9 );}.elementor-9960 .elementor-element.elementor-element-4e939c5{--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-9960 .elementor-element.elementor-element-a97594e{--display:flex;}.elementor-9960 .elementor-element.elementor-element-98be0b3{width:100%;max-width:100%;}.elementor-9960 .elementor-element.elementor-element-22a0595{--display:flex;}.elementor-9960 .elementor-element.elementor-element-52ee2aa{--display:flex;}.elementor-9960 .elementor-element.elementor-element-feca525{width:100%;max-width:100%;}.elementor-9960 .elementor-element.elementor-element-41cfd7b{--display:flex;}.elementor-9960 .elementor-element.elementor-element-b0a0fe2{width:100%;max-width:100%;}@media(min-width:768px){.elementor-9960 .elementor-element.elementor-element-d9a67d2{--width:50%;}.elementor-9960 .elementor-element.elementor-element-4e939c5{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-98be0b3 *//* Section Styling */
.accreditations-section {
  padding: 70px 0;
  background: #f9fbfd;
  position: relative;
  z-index: 1;
}

/* Subtitle */
.subtitle {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #0C2A4E;
  position: relative;
  margin-bottom: 10px;
  padding-left: 35px;
  letter-spacing: 1px;
}

.subtitle:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  background: #0C2A4E;
  border-radius: 50%;
  animation: blink 1.5s infinite;
}

/* Heading */
.main-heading {
  font-size: 32px;
  font-weight: 800;
  color: #0C2A4E;
  margin-bottom: 10px;
}

/* Description */
.section-description {
  max-width: 600px;
  margin: 0 auto;
  color: #6c7a89;
  font-size: 15px;
  line-height: 1.6;
}

/* Badge Cards */
.badge-card {
  text-align: center;
  transition: all 0.3s ease-in-out;
}

/* Circular Logo Container */
.badge-logo {
  background: #fff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease-in-out;
}

/* Logo Styling */
.badge-logo img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  filter: grayscale(30%);
  transition: all 0.3s ease-in-out;
}

/* Title Styling */
.badge-title {
  margin-top: 12px;
  font-size: 14px;
  color: #0C2A4E;
  font-weight: 600;
}

/* Hover Effects */
.badge-card:hover .badge-logo {
  transform: scale(1.08);
  box-shadow: 0 12px 24px rgba(12, 42, 78, 0.2);
}

.badge-card:hover img {
  filter: grayscale(0%);
}

/* Responsive */
@media (max-width: 768px) {
  .main-heading {
    font-size: 26px;
  }
  .section-description {
    font-size: 14px;
  }
  .badge-logo {
    width: 120px;
    height: 120px;
  }
  .badge-title {
    font-size: 13px;
  }
}



/* 5-per-row layout with real gaps (works alongside Bootstrap) */
.badges-row{
  --gap: 24px;
  --cols: 5;                /* desktop: 5 items per row */
  display:flex;
  flex-wrap:wrap;
  gap: var(--gap);
  justify-content:center;
}

/* Each item takes exactly 1/--cols of the row, minus the gaps */
.badges-row .custom-col{
  flex: 0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
  max-width: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
}

/* Responsive: adjust columns */
@media (max-width: 1200px){
  .badges-row{ --cols: 4; }   /* optional: 4 per row on large laptops */
}
@media (max-width: 992px){
  .badges-row{ --cols: 2; }   /* tablets: 2 per row */
}
@media (max-width: 576px){
  .badges-row{ --cols: 1; }   /* phones: 1 per row */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f9572e2 */.elementor-9960 .elementor-element.elementor-element-f9572e2 .logos-grid img {
  filter: none;
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-feca525 *//* CTA Section */
.cta-section {
  padding: 80px 0;
  background: #0C2A4E;
  color: #fff;
  position: relative;
}

.cta-heading {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 15px;
}

.cta-subtext {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 25px;
  line-height: 1.7;
}

.cta-btn {
  display: inline-block;
  background: #fff;
  color: #0C2A4E;
  font-weight: 600;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
.cta-btn:hover {
  background: #f1f5f9;
  color: #0C2A4E;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
  .cta-heading { font-size: 26px; }
  .cta-subtext { font-size: 14px; }
  .cta-btn { font-size: 15px; padding: 12px 26px; }
}


.elementor-9960 .elementor-element.elementor-element-feca525 .cta-btn {
    color: navy;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0a0fe2 *//* ===== Layout ===== */
.contact-split { padding: 0; background: #f2f6fb; }
.contact-split .contact-split-wrap {
  min-height: 560px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(12,42,78,.10);
}

/* Left Pane */
.left-pane {
  position: relative; min-height: 560px;
  background: url("https://stellartech.com.sg/wp-content/uploads/2025/08/ChatGPT-Image-Aug-28-2025-at-08_27_38-AM.png") center/cover no-repeat;
}
.left-overlay { position:absolute; inset:0; background: linear-gradient(120deg, rgba(12,42,78,.86), rgba(12,42,78,.72)); }
.left-content { position:relative; z-index:2; color:#fff; padding: 54px 48px; max-width: 640px; }

/* Foreground Image Card */
.brand-card {
  display:inline-block;
  background:#0c2544;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:10px;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  margin-bottom: 22px;
}
.brand-mark { display:block; width: 280px; height:auto; border-radius:12px; }

/* Left Text */
.left-content h2 { font-size: 32px; font-weight: 800; margin: 10px 0 12px; }
.left-content p { font-size: 15px; line-height: 1.75; opacity:.96; margin-bottom: 16px; }

/* Bullets */
.trust-points { list-style:none; padding:0; margin: 2px 0 18px; }
.trust-points li {
  position:relative; padding-left:18px; margin: 6px 0; font-size:14.5px; opacity:.96;
}
.trust-points li::before {
  content:""; position:absolute; left:0; top:.55em;
  width:8px; height:8px; border-radius:50%;
  background:#cfe3ff;
}

/* Micro contacts */
.mini-contacts div { font-size:14px; margin-bottom:6px; }
.mini-contacts a { color:#fff; text-decoration: underline; text-underline-offset: 2px; }

/* Right Pane */
.right-pane { background:#fff; display:flex; align-items:center; padding: 48px 44px; }
.form-box { width:100%; max-width: 600px; }
.form-box h3 { color:#0C2A4E; font-size:28px; font-weight:800; margin: 0 0 6px; }
.form-sub { color:#5b6a7b; font-size:14.5px; margin-bottom: 22px; }

/* Inputs */
.split-form .form-label { font-size: 13.5px; font-weight: 600; color:#123455; margin-bottom: 6px; }
.split-form .form-control, .split-form .form-select {
  border-radius: 12px;
  border: 1px solid #d7e3f1;
  padding: 12px 14px;
  font-size: 15.5px;
  color:#0b223d;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.split-form .form-control::placeholder { color:#98a7b8; }
.split-form .form-control:focus, .split-form .form-select:focus {
  border-color:#0C2A4E;
  box-shadow: 0 0 0 4px rgba(12,42,78,.12);
  outline: none;
}

/* Consent Row */
.terms-row { margin-top: 6px; gap:10px!important; }
.terms-row input[type="checkbox"] { accent-color:#0C2A4E; width:18px; height:18px; margin-top:3px; }
.terms-row label { font-size: 13.5px; color:#3a4a5c; }

/* On-Brand Button */
.contact-btn,
button[type="submit"],
input[type="submit"],
.wpcf7-submit,
.wpforms-submit {
  background:#0C2A4E !important;
  color:#fff !important;
  border:0 !important;
  border-radius: 50px !important;
  padding: 13px 28px !important;
  font-weight:800 !important;
  font-size:16px !important;
  line-height:1 !important;
  box-shadow: 0 10px 24px rgba(12,42,78,.25) !important;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease !important;
}
.contact-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover,
.wpforms-submit:hover {
  background:#103a6b !important; /* darker brand shade */
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(12,42,78,.30) !important;
}

/* Responsive */
@media (max-width: 992px) {
  .left-content { padding: 40px 32px; }
  .left-content h2 { font-size: 28px; }
  .right-pane { padding: 32px 28px; }
}
@media (max-width: 768px) {
  .left-pane { min-height: 340px; }
  .left-content h2 { font-size: 24px; }
  .brand-mark { width: 220px; }
}/* End custom CSS */