.step-3672330 a.tile {
  color: #ffffff;
  background-color: #070F18;
  border-radius: 50px;
  border: 1px solid #070F18;
  padding: 16px 56px 16px 16px;
  font-size: 16px;
  min-height: 72px;
}
.step-3745732 i {
  font-size: 10px;
  line-height: 14px;
}

/* .step-4199949 {
  .dcTHoV {
    color: rgb(237 239 246);
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.05px;
    white-space: break-spaces;
    overflow-wrap: break-word;
} */
/* } */

 
/* .guide-mYy0WcVsIp .button-wrap .back-button { 
    display: none;
}

/* Note that if you'd like to make the same change to different guides,
you should put them in separate lines */

/* .guide-mYy0WcVsIp .button-wrap .back-button { 
    display: none;
}

.guide-u1TxIPBHbY .button-wrap .back-button { 
    display: none;
}  */

 /* Now let's change the background color*/

/* .guide-mYy0WcVsIp [class*="Stepsstyles__RightCanvas"] {
background-color: #1c1e20;
} */

.guide-mYy0WcVsIp .dSvRXo {
background: #161F22;
}
.guide-mYy0WcVsIp .cJEbrD {
    color: white;
}

.guide-mYy0WcVsIp .dpBnDF {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(255 255 255);
    background: transparent;
    border: 1px solid rgb(255 255 255);
    height: 28px;
    padding: 0px 16px;
    font-size: 11px;
    border-radius: 32px;
    transition: background-color 0.2s, color 0.2s, width 0.2s, height 0.2s, padding 0.2s, margin 0.2s, border 0.2s, opacity 0.2s, visibility 0.2s;
    cursor: pointer;
    outline: none;
    font-weight: 600;
    user-select: none;
    text-transform: uppercase;
}
.guide-mYy0WcVsIp .dpBnDF:hover {
  background: #7F959C;
}
.guide-mYy0WcVsIp .juwfRD {
    background-color: #c80000;
}

.guide-mYy0WcVsIp [class*="ProgressBar__Line"] {
    background-color: #c80000;
    opacity: 0.3;
}

.guide-mYy0WcVsIp .eVJFxq .ProgressBar__Line-sc-db3b0c03-1 {
    background-color: #c80000;
    opacity: 0.3;
}

.step-5001544 {
  padding: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  max-width: 3000px !important;
}

.guide-wex7X2sAp1 .step-content-wrap {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.guide-wex7X2sAp1 .ston-content-text {
  margin-bottom: 0;
}

.guide-wex7X2sAp1  .content {
  padding: 0;
}

.guide-wex7X2sAp1 .ston-content-text iframe {
  height: 100vh !important;
}

.guide-r1JaLBQjxq .ston-content-text iframe {
  height: 100vh !important;
}

.guide-r1JaLBQjxq .step-content-wrap {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.guide-r1JaLBQjxq .ston-content-text {
  margin-bottom: 0;
}

.guide-r1JaLBQjxq  .content {
  padding: 0;
}

/* ------------------------------------------------------------------------------------------------
EXTERNAL Shudder KB styling
---------------------------------------------------------------------------------------------------- */

.kbWidget-guide .kb-36333 {
  background: #161F22 !important;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.kbWidget-guide .kb-36333 .subtitle {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 8px;
}

.kbWidget-guide .kb-36333 .step-content-wrap,
.kbWidget-guide .kb-36333 .ston-content-text {
  color: #FFFFFF;
}

.kbWidget-guide .kb-36333 .step-content-wrap {
   padding: 28px 8px;
}

/* Button */

.kbWidget-guide .kb-36333 .button-wrap {
  margin-top: 20px;
}

.kbWidget-guide .kb-36333 [data-cy="nextStepButton"] {
   color: #FFFFFF;
    border: 1px solid #7F959C;
    height: 36px;
    padding: 0px 16px;
    font-size: 14px;
    text-transform: none;
    font-weight: 700;
}


.kbWidget-guide .kb-36333 [data-cy="nextStepButton"]:hover,
.kbWidget-guide .kb-36333 .contact-form-back:hover {
  background: transparent;
}

.kbWidget-guide .kb-36333 [data-cy="nextStepButton"] svg path,
.kbWidget-guide .kb-36333 .contact-form-back svg path {
  fill: #FFFFFF !important;
}

.kbWidget-guide .kb-36333 .button-wrap {
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
}

.kbWidget-guide .kb-36333 .back-button,
.kbWidget-guide .kb-36333 .contact-form-back {
  background-color: transparent;
  border-color: #7F959C;
}

.kbWidget-guide .kb-36333 .back-button path,
.kbWidget-guide .kb-36333 .back-button:hover path,
.kbWidget-guide .kb-36333 .contact-form-back path,
.kbWidget-guide .kb-36333 .contact-form-back:hover path {
  fill: #FFFFFF;
}

.kbWidget-guide .kb-36333 [class*="ContactForm-styles__ButtonsWrap"] {
  align-items: center;
}

/* List */
.kbWidget-guide .kb-36333 ul {
  margin-bottom: 20px;
  padding-left: 20px;
}

/* Contact form */
.kbWidget-guide .kb-36333 [class*="ContactForm-styles__Canvas"] {
  background: transparent !important;
  color: #FFFFFF !important;
}

/* Remove elements from top nav */
.kbWidget-guideHeader,
.kbWidget-guideTop-backLinkWrap,
.kbWidget-guideTop .mobileMenuToggle,
.kbWidget-guideTop .ston-search-input-wrap {
  display: none !important;
}

/* Adjust content height */
.scrollable-step-canvas {
  height: 100vh !important;
}

.kbWidget-guide .kb-36333 .ston-active-step-content-wrap {
  margin-top: 0;
}

.kbWidget-guide .kb-36333 .ston-progress-bar-wrap::after {
  content: '';
  background: linear-gradient(180deg,rgba(22, 31, 34, 0) 0%, rgba(22, 31, 34, 1) 100%);
  height: 40px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -30px;
  z-index: -1;
}