.elementor-246462 .elementor-element.elementor-element-97d8335{--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-7fd9e60 );--border-color:var( --e-global-color-7fd9e60 );--border-radius:16px 16px 16px 16px;--margin-top:10px;--margin-bottom:10px;--margin-left:20px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;overflow:visible;}.elementor-246462 .elementor-element.elementor-element-97d8335:not(.elementor-motion-effects-element-type-background), .elementor-246462 .elementor-element.elementor-element-97d8335 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-d63bdb1 ) 0%, #ECFBFF 100%);}.elementor-246462 .elementor-element.elementor-element-dcddd56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-246462 .elementor-element.elementor-element-97d8335{--margin-top:10px;--margin-bottom:10px;--margin-left:20px;--margin-right:20px;}}@media(min-width:768px){.elementor-246462 .elementor-element.elementor-element-97d8335{--width:750px;}}@media(max-width:1024px) and (min-width:768px){.elementor-246462 .elementor-element.elementor-element-97d8335{--width:660px;}}@media(max-width:767px){.elementor-246462 .elementor-element.elementor-element-97d8335{--width:330px;--padding-top:30px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-dcddd56 */.chapters-title {
  color: #2563eb;
  font-size: 14px;
  margin-bottom: 30px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* Vertical line */
.chapters-container::before {
  content: "";
  position: absolute;
  left: 40px;
  top: 90px;
  bottom: 60px;
  width: 2px;
  background: #cfd8e3;
}

.chapter-item {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  width: 680px;
}

.chapter-left {
  width: 80px;
  display: flex;
  justify-content: center;
}

/* Circle */
.circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 2px solid #cfd8e3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #2563eb;
  background: white;
  z-index: 1;
}

/* Right content box */
.chapter-content {
  background: #FFFFFF;
  padding: 14px 20px;
  border-radius: 12px;
  flex: 1;
  border: 1px solid #e2e8f0;
}

@media (min-width: 768px) and (max-width: 1024px){
    .chapter-item {
  width: 580px;
}
}

@media (min-width: 310px) and (max-width: 767px){
     .chapter-item {
  width: 280px;
}
}/* End custom CSS */