.elementor-1560 .elementor-element.elementor-element-d1e25bd{--display:flex;}.elementor-1560 .elementor-element.elementor-element-d1e25bd:not(.elementor-motion-effects-element-type-background), .elementor-1560 .elementor-element.elementor-element-d1e25bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://akademik.universitas-bth.ac.id/wp-content/uploads/2026/05/Header-Registrasi-1024x341.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1560 .elementor-element.elementor-element-bcdc6c9{--display:flex;--justify-content:space-around;}.elementor-1560 .elementor-element.elementor-element-bcdc6c9.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1560 .elementor-element.elementor-element-46e341b.elementor-element{--align-self:center;}.elementor-1560 .elementor-element.elementor-element-46e341b{text-align:start;}.elementor-1560 .elementor-element.elementor-element-a53e46c{--display:flex;--justify-content:space-around;}.elementor-1560 .elementor-element.elementor-element-a53e46c.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1560 .elementor-element.elementor-element-f7646ff.elementor-element{--align-self:center;}.elementor-1560 .elementor-element.elementor-element-f7646ff{text-align:start;}.elementor-1560 .elementor-element.elementor-element-5caabe8{--display:flex;--justify-content:space-around;}.elementor-1560 .elementor-element.elementor-element-5caabe8.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1560 .elementor-element.elementor-element-d99e3cd.elementor-element{--align-self:center;}.elementor-1560 .elementor-element.elementor-element-d99e3cd{text-align:start;}.elementor-1560 .elementor-element.elementor-element-ff69467{--display:flex;--justify-content:space-around;}.elementor-1560 .elementor-element.elementor-element-ff69467.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-1560 .elementor-element.elementor-element-7bcce68.elementor-element{--align-self:center;}.elementor-1560 .elementor-element.elementor-element-7bcce68{text-align:start;}.elementor-1560 .elementor-element.elementor-element-1b47dca{--display:flex;}.elementor-1560 .elementor-element.elementor-element-7aa4a65{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-1560 .elementor-element.elementor-element-7aa4a65:not(.elementor-motion-effects-element-type-background), .elementor-1560 .elementor-element.elementor-element-7aa4a65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F9;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1560 .elementor-element.elementor-element-58ffb98 img{border-radius:20px 20px 20px 20px;}/* Start custom CSS for text-editor, class: .elementor-element-100c54e */.registration-hero {
  width: 100%;
  padding: 32px 40px;
  background: linear-gradient(135deg, # 0%, #f3f8ff 100%);
  font-family: "Poppins", "Inter", Arial, sans-serif;
}

.hero-content {
  max-width: 760px;
}

.orange-line {
  width: 58px;
  height: 4px;
  background: #ff8a00;
  border-radius: 20px;
  margin-bottom: 16px;
}

.hero-content h1 {
  margin: 0 0 18px 0;
  color: #0a2f7a;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.8px;
}

.hero-description {
  margin: 0 0 18px 0;
  max-width: 700px;
  color: #1f2a44;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 1.65;
}

.hero-description strong {
  color: #0052d9;
  font-weight: 800;
}

.info-box {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  max-width: 700px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid #cfe0ff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 45, 120, 0.06);
}

.info-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: #0052d9;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.info-box p {
  margin: 0;
  color: #1f2a44;
  font-size: 13.5px;
  line-height: 1.55;
}

.info-box strong {
  color: #0052d9;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-46e341b */.info-card-section {
  width: 100%;
  padding: 24px 20px;
  background: #ffffff;
  font-family: "Poppins", "Inter", Arial, sans-serif;
}

.info-card-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  max-width: 1400px;
  margin: 0 auto;
}

.info-card {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 96px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e6eef8;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0, 45, 120, 0.08);
  transition: all 0.25s ease;
}

.info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 45, 120, 0.14);
}

.info-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 50%;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  box-shadow: 0 8px 15px rgba(0, 45, 120, 0.18);
}

.info-icon.blue {
  background: linear-gradient(135deg, #1b74ff, #0046d5);
}

.info-icon.purple {
  background: linear-gradient(135deg, #8b5cf6, #5b35d5);
}

.info-icon.green {
  background: linear-gradient(135deg, #22c55e, #159447);
}

.info-icon.orange {
  background: linear-gradient(135deg, #ff8a00, #f26a00);
}

.info-content h3 {
  margin: 0 0 6px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.info-card:nth-child(1) h3,
.info-card:nth-child(2) h3 {
  color: #0046d5;
}

.info-card:nth-child(3) h3 {
  color: #5b35d5;
}

.info-card:nth-child(4) h3 {
  color: #159447;
}

.info-card:nth-child(5) h3 {
  color: #f26a00;
}

.info-content p {
  margin: 0;
  color: #1f2a44;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f7646ff */.steps-section {
  width: 100%;
  padding: 32px 20px;
  background: #ffffff;
  font-family: "Poppins", "Inter", Arial, sans-serif;
}

.steps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  max-width: 1380px;
  margin: 0 auto;
}

.step-card {
  padding: 26px;
  background: #ffffff;
  border: 1px solid #e6eef8;
  border-radius: 18px;
  box-shadow: 0 10px 28px rgba(0, 45, 120, 0.08);
  transition: all 0.25s ease;
}

.step-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 36px rgba(0, 45, 120, 0.14);
}

.step-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 20px;
}

.step-icon {
  width: 68px;
  height: 68px;
  min-width: 68px;
  border-radius: 14px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  box-shadow: 0 10px 22px rgba(0, 45, 120, 0.16);
}

.step-blue .step-icon {
  background: linear-gradient(135deg, #1b74ff, #0046d5);
}

.step-purple .step-icon {
  background: linear-gradient(135deg, #8b5cf6, #5b35d5);
}

.step-green .step-icon {
  background: linear-gradient(135deg, #22c55e, #159447);
}

.step-title-area {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.step-number {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}

.step-blue .step-number {
  background: #0046d5;
}

.step-purple .step-number {
  background: #5b35d5;
}

.step-green .step-number {
  background: #159447;
}

.step-title-area h3 {
  margin: 0 0 3px 0;
  color: #0a1f5c;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}

.step-title-area h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.step-blue h4 {
  color: #0046d5;
}

.step-purple h4 {
  color: #5b35d5;
}

.step-green h4 {
  color: #159447;
}

.step-desc {
  margin: 0 0 18px 0;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6eef8;
  color: #1f2a44;
  font-size: 14px;
  line-height: 1.65;
}

.step-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.step-list li {
  position: relative;
  margin-bottom: 14px;
  padding-left: 18px;
  color: #1f2a44;
  font-size: 13px;
  line-height: 1.6;
}

.step-list li:last-child {
  margin-bottom: 0;
}

.step-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.step-blue .step-list li::before {
  background: #0046d5;
}

.step-purple .step-list li::before {
  background: #8b5cf6;
}

.step-green .step-list li::before {
  background: #22c55e;
}

.step-list strong {
  color: #0a1f5c;
  font-weight: 800;
}

.step-list b {
  color: #0046d5;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d99e3cd */.important-note {
  width: 100%;
  padding: 24px 28px;
  background: linear-gradient(135deg, #fffaf2 0%, #ffffff 100%);
  border: 1px solid #ffd89a;
  border-radius: 16px;
  font-family: "Poppins", "Inter", Arial, sans-serif;
  box-shadow: 0 8px 24px rgba(255, 138, 0, 0.08);
}

.note-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.warning-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 50%;
  background: #ff7a00;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-weight: 800;
}

.note-header h3 {
  margin: 0;
  color: #ff6a00;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}

.note-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.note-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 0 28px;
  border-right: 1px solid #ead9c3;
}

.note-item:first-child {
  padding-left: 0;
}

.note-item:last-child {
  border-right: none;
  padding-right: 0;
}

.note-number {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: #ff7a00;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.note-content h4 {
  margin: 0 0 8px 0;
  color: #0a1f5c;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.note-content p {
  margin: 0;
  color: #1f2a44;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.65;
}

.note-content a {
  color: #0046d5;
  font-weight: 800;
  text-decoration: none;
}

.note-content a:hover {
  text-decoration: underline;
}

.note-content strong {
  color: #0a1f5c;
  font-weight: 800;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7bcce68 */.help-alert {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 22px;
  background: linear-gradient(90deg, #eef5ff 0%, #f7fbff 100%);
  border: 1px solid #dbeafe;
  border-radius: 14px;
  font-family: "Poppins", "Inter", Arial, sans-serif;
  box-shadow: 0 6px 18px rgba(0, 70, 213, 0.06);
}

.help-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1b74ff, #0046d5);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(0, 70, 213, 0.25);
}

.help-alert p {
  margin: 0;
  color: #1f2a44;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.5;
}

.help-alert strong {
  color: #0a1f5c;
  font-weight: 800;
}/* End custom CSS */