.elementor-6870 .elementor-element.elementor-element-3b29ab9{--display:flex;}.elementor-6870 .elementor-element.elementor-element-ca18877{--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;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6870 .elementor-element.elementor-element-ca18877:not(.elementor-motion-effects-element-type-background), .elementor-6870 .elementor-element.elementor-element-ca18877 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-6870 .elementor-element.elementor-element-138315d{--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-6870 .elementor-element.elementor-element-065dcfa{--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-6870 .elementor-element.elementor-element-d67d49a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-6870 .elementor-element.elementor-element-cec219f{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6870 .elementor-element.elementor-element-ef513a6 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-6870 .elementor-element.elementor-element-ef513a6.elementor-element{--align-self:center;}.elementor-6870 .elementor-element.elementor-element-ef513a6{text-align:center;}.elementor-6870 .elementor-element.elementor-element-ef513a6 .elementor-heading-title{color:#FF6600;}.elementor-6870 .elementor-element.elementor-element-820e2f4{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-6870 .elementor-element.elementor-element-820e2f4 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-6870 .elementor-element.elementor-element-820e2f4.elementor-element{--align-self:center;}.elementor-6870 .elementor-element.elementor-element-e0e74db{text-align:center;}.elementor-6870 .elementor-element.elementor-element-e0e74db .elementor-heading-title{color:#FF6600;}@media(max-width:1024px){.elementor-6870 .elementor-element.elementor-element-d67d49a{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-6870 .elementor-element.elementor-element-065dcfa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6870 .elementor-element.elementor-element-d67d49a{--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-6870 .elementor-element.elementor-element-cec219f.e-con{--order:-99999 /* order start hack */;}.elementor-6870 .elementor-element.elementor-element-ef513a6 > .elementor-widget-container{padding:4px 4px 4px 4px;}.elementor-6870 .elementor-element.elementor-element-ef513a6.elementor-element{--align-self:center;}.elementor-6870 .elementor-element.elementor-element-820e2f4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6870 .elementor-element.elementor-element-820e2f4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-820e2f4 *//* ============================================
   FORSCHE.AI - EDUCARE RESULTS
   Search Form + Result Page Theme (responsive)
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 {
  --accent: #ff6b00;
  --accent-hover: #e65c00;
  --surface: #111111;
  --surface-alt: #191919;
  --surface-heading: #202020;
  --text: #f5f5f5;
  --border: #393939;

  /* Fluid sizes: scale smoothly between phone and desktop */
  --fs-table: clamp(12px, 3.2vw, 14px);
  --pad-cell: clamp(8px, 2.4vw, 14px);
  --gap-card: clamp(10px, 3vw, 16px);

  color: var(--text);
}

/* ============================================
   1. SEARCH FORM
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 form {
  background-color: #000 !important;
}

.educare-form .row {
  align-items: center !important;
}

/* Labels above fields */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 0px !important;
  color: var(--text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5;
  text-align: left !important;
}

/* Common Educare field wrappers */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form .form-group,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form .form-field,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form .form-row,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form .field,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form .input-group {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}


/*#educareResults label[for="Regi_No"] {*/
/*    font-size: 0 !important;*/
/*    visibility: hidden;*/
/*    position: relative;*/
/*}*/

/*#educareResults label[for="Regi_No"]::after {*/
/*    content: "Reg No";*/
/*    font-size: 14px !important;*/
/*    font-weight: 600;*/
/*    visibility: visible;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: -12px;*/
/*    white-space: nowrap;*/
/*}*/

/* Consistent input fields */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.elementor-6870 .elementor-element.elementor-element-820e2f4 form select {
  display: block;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #222222 !important;
  font-family: inherit;
  font-size: 15px !important;
  line-height: normal;
  box-shadow: none !important;
  outline: none;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 #educareResults .col-75{
    margin-bottom: 15px;
}

/* Placeholder */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form input::placeholder {
  color: #777777;
  opacity: 1;
}

/* Focus state */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form input:not([type="submit"]):focus,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px #ff6b0025 !important;
}

/* Search button */
.elementor-6870 .elementor-element.elementor-element-820e2f4 form input[type="submit"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 form button[type="submit"] {
  min-height: 50px;
  padding: 13px 28px;
  border: 1px solid var(--accent) !important;
  border-radius: 8px !important;
  background: var(--accent) !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s ease;
}



.elementor-6870 .elementor-element.elementor-element-820e2f4 form input[type="submit"]:hover,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form button[type="submit"]:hover {
  background: var(--accent-hover) !important;
}

/* ============================================
   2. HIDE STUDENT PHOTO ONLY
   (loader / spinner images are kept visible)
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 img:not([class*="loader"]):not([class*="spinner"]):not([src*="loading"]):not([src*="loader"]):not([src*="spinner"]) {
  display: none !important;
}

/* ============================================
   3. HEADINGS
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 h1,
.elementor-6870 .elementor-element.elementor-element-820e2f4 h2,
.elementor-6870 .elementor-element.elementor-element-820e2f4 h3 {
  color: var(--accent) !important;
  overflow-wrap: anywhere;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 h1:not(:has(+ table)),
.elementor-6870 .elementor-element.elementor-element-820e2f4 h2:not(:has(+ table)),
.elementor-6870 .elementor-element.elementor-element-820e2f4 h3:not(:has(+ table)) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0 auto 20px;
  text-align: center;
}

/* ============================================
   4. RESULT CARD
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 .results-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--border) !important;
  background: var(--surface);
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .results-container .m-3 {
  margin: var(--gap-card) !important;
}

/* Hide the "Grade Sheet" title and the Roll No / Result / GPA table */
.elementor-6870 .elementor-element.elementor-element-820e2f4 h2.head,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .table_body:has(.result_details),
.elementor-6870 .elementor-element.elementor-element-820e2f4 table.result_details {
  /*display: none !important;*/
}

/* Hide the thin divider line */
.elementor-6870 .elementor-element.elementor-element-820e2f4 .y-3.border-top {
  /*display: none !important;*/
}

/* ============================================
   4.1 STUDENT BLOCK - ONLY THE DETAILS TABLE
   (Name / Class / Roll No / Regi No / Exam)
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-photos h2.Name,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-photos .s-photos {
  display: none !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-photos {
  display: block !important;
  box-sizing: border-box;
  width: auto;
  padding: 0 !important;
  border: 0 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details {
  display: block;
  width: 100% !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details table {
  display: table !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  margin: 0 !important;
  border: 1px solid var(--border) !important;
  border-collapse: collapse;
  background: var(--surface) !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td {
  padding: var(--pad-cell) !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  font-size: var(--fs-table);
  line-height: 1.5;
  text-align: left;
  overflow-wrap: anywhere;
}

/* Label column */
.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(1) {
  width: 30%;
  background: var(--surface-heading) !important;
  color: var(--text) !important;
  font-weight: 600;
}

/* The ":" column */
.elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(2) {
  width: 28px;
  /*display: none !important;*/
  text-align: center;
  color: #777777 !important;
}

/* ============================================
   5. GRADE SHEET
   ============================================ */

/* Scroll wrapper: the table stays a real table,
   only this wrapper scrolls if it ever overflows */
.elementor-6870 .elementor-element.elementor-element-820e2f4 .table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Grade table */
.elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) {
  display: table !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  margin: 0 auto 24px;
  border: 1px solid var(--border) !important;
  border-collapse: collapse;
  table-layout: auto;
  background: var(--surface) !important;
  color: var(--text) !important;
}

/* Heading cells */
.elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) th {
  padding: var(--pad-cell) !important;
  border: 1px solid var(--border) !important;
  background: var(--surface-heading) !important;
  color: var(--text) !important;
  font-size: var(--fs-table);
  font-weight: 600;
  text-align: center;
}

/* Small helper text under headings (Exam Marks, Number Points...) */
.elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) th small {
  display: block;
  margin-top: 2px;
  color: #9a9a9a;
  font-size: 11px;
  font-weight: 400;
}

/* Data cells */
.elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) td {
  padding: var(--pad-cell) !important;
  border: 1px solid var(--border) !important;
  background: var(--surface) !important;
  color: var(--text) !important;
  font-size: var(--fs-table);
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

/* Alternate rows */
.elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) tbody tr:nth-child(even) td {
  background: var(--surface-alt) !important;
}

/* Common Grade Sheet banner wrappers */
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="grade-sheet"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="gradesheet"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="grade_sheet"] {
  background-color: transparent !important;
}

/* Status colors */
.elementor-6870 .elementor-element.elementor-element-820e2f4 .passed,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .results_passed,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .success {
  background: transparent !important;
  color: #22c55e !important;
  font-weight: 700;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .failed,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .results_failed {
  background: transparent !important;
  color: #ef4444 !important;
  font-weight: 700;
}

/* ============================================
   6. HIDE PRINT BUTTON
   ============================================ */


.elementor-6870 .elementor-element.elementor-element-820e2f4 #educare-undo {
    font-size: 0 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 #educare-undo::after {
    content: "Go Back";
    font-size: 14px;
    font-weight: 600;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .print_button{
    display: none !important;
}
/* ============================================
   7. BACK / SEARCH AGAIN BUTTON STYLE
   Keeps the original button action.
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 button,
.elementor-6870 .elementor-element.elementor-element-820e2f4 input[type="button"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 a.button {
  border-radius: 8px;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 button:not([type="submit"]),
.elementor-6870 .elementor-element.elementor-element-820e2f4 input[type="button"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 a.button {
  border-color: var(--accent) !important;
  background-color: var(--accent) !important;
  color: #ffffff !important;
  font-weight: 600;
  transition: background .2s ease;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 button:hover,
.elementor-6870 .elementor-element.elementor-element-820e2f4 input[type="button"]:hover,
.elementor-6870 .elementor-element.elementor-element-820e2f4 a.button:hover {
  background-color: var(--accent-hover) !important;
}

/* ============================================
   8. LOADER - #FF6600
   ============================================ */

.educare-form [class*="loader"],
.educare-form [class*="spinner"],
.educare-form [id*="loader"],
.educare-form [id*="spinner"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [id*="loader"],
.elementor-6870 .elementor-element.elementor-element-820e2f4 [id*="spinner"] {
  color: #FF6600 !important;
  display: none !important;
  border-color: rgba(255, 102, 0, .25) !important;
  border-top-color: #FF6600 !important;
  accent-color: #FF6600 !important;
  box-shadow: none !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"] svg,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"] circle,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"] path,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"] svg,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"] circle,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"] path {
  stroke: #FF6600 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"]::before,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="loader"]::after,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"]::before,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [class*="spinner"]::after {
  border-top-color: #FF6600 !important;
}

/* ============================================
   8.1 FORM VALIDATION / ERROR MESSAGES
   ============================================ */

.elementor-6870 .elementor-element.elementor-element-820e2f4 .error,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .errors,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .error-message,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .invalid-feedback,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .form-error,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .educare-error,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .alert-danger,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .notice-error,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .text-danger,
.elementor-6870 .elementor-element.elementor-element-820e2f4 [role="alert"] {
  display: block !important;
  box-sizing: border-box;
  width: 100%;
  margin: 10px 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #ef4444 !important;
  border-left-width: 4px !important;
  border-radius: 6px;
  background-color: #2a1111 !important;
  color: #ff7777 !important;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  visibility: visible !important;
  opacity: 1 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 .error-message p,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .error p,
.elementor-6870 .elementor-element.elementor-element-820e2f4 .notice-error p {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ff7777 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 form input:user-invalid,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form select:user-invalid {
  border-color: #ef4444 !important;
}

.elementor-6870 .elementor-element.elementor-element-820e2f4 form input:user-invalid:focus,
.elementor-6870 .elementor-element.elementor-element-820e2f4 form select:user-invalid:focus {
  box-shadow: 0 0 0 3px #ef444433 !important;
}

/* ============================================
   9. RESPONSIVE
   Desktop-first: tablet -> phone -> small phone
   ============================================ */

/* ---- Tablet (up to 1024px) ---- */
@media (max-width: 1024px) {
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form {
    padding: 24px;
  }

  .elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(1) {
    width: 34%;
  }
}

/* ---- Phone (up to 767px) ---- */
@media (max-width: 767px) {
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form {
    padding: 20px;
  }

  /* Space between stacked fields */
  .educare-form .row {
    row-gap: 14px;
  }

  /* 16px stops iPhone Safari from zooming in on focus */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form input:not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form select {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 16px !important;
  }

  /* Full-width buttons with a comfortable tap size */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form input[type="submit"],
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form button[type="submit"],
  .elementor-6870 .elementor-element.elementor-element-820e2f4 button:not([type="submit"]),
  .elementor-6870 .elementor-element.elementor-element-820e2f4 input[type="button"],
  .elementor-6870 .elementor-element.elementor-element-820e2f4 a.button {
    width: 100%;
    min-height: 46px;
  }

  /* Student details: narrower label column */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(1) {
    width: 38%;
  }

  .elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(2) {
    width: 18px;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  /* Grade table: tighter, long text wraps instead of stretching */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) th,
  .elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) td {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media (max-width: 767px) {
    .educare-form .row {
        row-gap: 14px;
        margin-bottom: 15px;
    }
}

/* ---- Small phone (up to 480px) ---- */
@media (max-width: 480px) {
  .elementor-6870 .elementor-element.elementor-element-820e2f4 form {
    padding: 14px;
  }

  /* Drop the small helper text so 5 columns fit without scrolling */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) th small {
    display: none;
  }

  /* No.  column as narrow as possible */
  .elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) th:first-child,
  .elementor-6870 .elementor-element.elementor-element-820e2f4 table:has(th) td:first-child {
    width: 34px;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .elementor-6870 .elementor-element.elementor-element-820e2f4 .student-details td:nth-child(1) {
    width: 40%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca18877 */.elementor-6870 .elementor-element.elementor-element-ca18877 {

  /* 1. Box grid lines */
     background-image: radial-gradient(circle at 25px 25px, rgba(255, 255, 255, 0.08) 1.5px, transparent 0px), linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 50px 50px;
}/* End custom CSS */