/* =========================================================
   home-page-overrides-sections.less
   Multi-color (washed) gradient frames for each component box
   Load AFTER: color-2.css
   ========================================================= */
.form-grid-page.home-page {
  /* Washed multi-stop frame + neutral inner surface */
  /* Web Page: violet → sky → cyan → mint → blue */
  /* Documents: rose → orange → amber → coral → soft red */
  /* Calendar: green → teal → cyan → lime → emerald */
  /* Blog: pink → violet → indigo → sky → purple */
  /* Database: indigo → blue → cyan → slate → violet */
  /* Registration: amber → orange → rose → violet → coral */
  /* Why: pink → violet → indigo → sky → purple, same as Blog */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.web-page-section {
  /* keep the interior washed */
  background: rgba(59, 130, 246, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.web-page-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.web-page-section::before {
  background: linear-gradient(135deg, rgba(124, 58, 237, 0.5), rgba(56, 189, 248, 0.5), rgba(6, 182, 212, 0.5), rgba(20, 184, 166, 0.5), rgba(59, 130, 246, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.web-page-section li::marker {
  color: rgba(6, 182, 212, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.documents-section {
  /* keep the interior washed */
  background: rgba(249, 115, 22, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.documents-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.documents-section::before {
  background: linear-gradient(135deg, rgba(251, 113, 133, 0.5), rgba(249, 115, 22, 0.5), rgba(245, 158, 11, 0.5), rgba(253, 164, 175, 0.5), rgba(239, 68, 68, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.documents-section li::marker {
  color: rgba(249, 115, 22, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.calendar-section {
  /* keep the interior washed */
  background: rgba(34, 197, 94, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.calendar-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.calendar-section::before {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.5), rgba(20, 184, 166, 0.5), rgba(6, 182, 212, 0.5), rgba(163, 230, 53, 0.5), rgba(16, 185, 129, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.calendar-section li::marker {
  color: rgba(20, 184, 166, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.blog-section {
  /* keep the interior washed */
  background: rgba(236, 72, 153, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.blog-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.blog-section::before {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.5), rgba(139, 92, 246, 0.5), rgba(79, 70, 229, 0.5), rgba(56, 189, 248, 0.5), rgba(124, 58, 237, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.blog-section li::marker {
  color: rgba(139, 92, 246, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.database-section {
  /* keep the interior washed */
  background: rgba(79, 70, 229, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.database-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.database-section::before {
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.5), rgba(59, 130, 246, 0.5), rgba(6, 182, 212, 0.5), rgba(100, 116, 139, 0.5), rgba(124, 58, 237, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.database-section li::marker {
  color: rgba(6, 182, 212, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.registration-section {
  /* keep the interior washed */
  background: rgba(245, 158, 11, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.registration-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.registration-section::before {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.5), rgba(249, 115, 22, 0.5), rgba(251, 113, 133, 0.5), rgba(124, 58, 237, 0.5), rgba(253, 164, 175, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.registration-section li::marker {
  color: rgba(249, 115, 22, 0.65);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.why-section {
  /* keep the interior washed */
  background: rgba(236, 72, 153, 0.04);
  /* keep inner surface neutral like social box */
  /* multi-color frame (the part you want) */
  /* softer bullets */
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.why-section::after {
  background: rgba(255, 255, 255, 0.84);
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.why-section::before {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.5), rgba(139, 92, 246, 0.5), rgba(79, 70, 229, 0.5), rgba(56, 189, 248, 0.5), rgba(124, 58, 237, 0.5)) !important;
}
.form-grid-page.home-page .row.row-border > .text-box-no-width-no-border.why-section li::marker {
  color: rgba(139, 92, 246, 0.65);
}