/* MAIN SECTION */
.bmt-section {
  padding: 1rem;
  position: relative;
}

@media screen and (min-width: 768px) {
  .bmt-section {
    /* display: none; */
  }
}

/* TITLES */
.bmt-title {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .bmt-title {
    font-size: 1rem;
  }
}

.highlight {
  color: var(--brandClr);
}

.bmt-subtitle {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .bmt-subtitle {
    display: none;
  }
}
.bmt-description {
  font-family: "Crimson Pro";
  font-weight: 500;
  font-style: italic;
  font-size: 1.05rem;
  margin-top: 0.5rem;
}
@media screen and (min-width: 768px) {
  .bmt-description {
    font-size: 0.45rem;
    color: #5a5b60;
    font-family: inherit;
    font-style: normal;
    font-weight: 400;
    width: 12.18rem;
  }
}

/* SECTION TITLE */
.bmt-section-title {
  font-size: 1.05rem;
  text-align: center;
  color: var(--brandClr);
  font-weight: 700;
  margin: 2rem 0;
}
@media screen and (min-width: 768px) {
  .bmt-section-title {
    display: none;
  }
}

/* LIST */
.bmt-list {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .bmt-list {
    gap: 1rem;
  }
}

/* VERTICAL LINE */
.bmt-list::before {
  content: "";
  position: absolute;
  left: 1rem;
  width: 0.1rem;
  background: linear-gradient(180deg, #802a8f 0%, #c7527f 100%);
  height: 32rem;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .bmt-list::before {
    height: 11rem;
    background: #d280a0;
    width: 0.05rem;
  }
}

/* EACH ITEM */
.bmt-item {
  display: flex;
  gap: 0.8rem;
}
@media screen and (min-width: 768px) {
  .bmt-item {
    gap: 0rem;
  }
}


/* NUMBER CIRCLE */
.bmt-number {
  font-size: 1.2rem;
  font-weight: 700;
  color: #d280a0;
  z-index: 2;
  background-color: #fff;
  padding: 0.15rem 0.6rem;
  border-radius: 50%;
  line-height: 1;
  height: 2rem;
}
@media screen and (min-width: 768px) {
  .bmt-number {
    padding: ;
    font-size: .75rem;
    height: 1.2rem;
  }
}

/* CONTENT */
.bmt-content {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .bmt-content {
    width: 12.98rem;
  }
}

.bmt-item-title {
  color: #d280a0;
  font-size: 1.27rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .bmt-item-title {
    font-size: 0.75rem;
  }
}

.bmt-item-text {
  color: #5f4f62;
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0.2rem;
  font-size: 0.909rem;
}
@media screen and (min-width: 768px) {
  .bmt-item-text {
    font-size: 0.52rem;
  }
}


.bmt-right__image{
  position: absolute;
  right: 1rem;
  top: 4rem;
  height: 14.33rem;
  width: 18.2rem;
}
@media screen and (max-width: 768px) {
  .bmt-right__image{
    display: none;
  }
}