.oralfacts__container {
  background-image: url("../assets/oral-surgery-facts/oral_surgery_facts.webp");
  background-size: cover;
  background-repeat: no-repeat;
  width: 18.72rem;
  height: 48.13rem;
  angle: 0 deg;
  opacity: 1;
  display: block;
  padding: 0.909rem 0.635rem 0 1.09rem;
  margin: 2.18rem 0 0 0;
  position: relative;
}
.oralsurgeryfacts__cards-container {
  position: relative;
}
.oralsurgeryfacts__card {
  width: 15.09rem;
  opacity: 1;
  background: #692674;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 0.909rem;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #ffffff;
  padding: 0.59rem 0.445rem 0.835rem 0.645rem;
}
.fact-card-1 {
  top: 9.13rem;
  left: 0.81rem;
  transform: rotate(-5.13deg);
  opacity: 1;
}
.fact-card-2 {
  position: absolute;
  top: 4.95rem;
  /* left: 2.81rem; */
  right: 0.608rem;
  transform: rotate(3.92deg);
  opacity: 1;
}
.fact-card-3 {
  position: absolute;
  top: 10.45rem;
  left: 0.81rem;
  transform: rotate(-5.13deg);
  opacity: 1;
}
.fact-card-4 {
  position: absolute;
  top: 16rem;
  left: 0.608rem;
  transform: rotate(3.92deg);
}

.oralman-mobile {
  position: absolute;
  width: 20rem;
  height: 21.54rem;
  top: 26.59rem;
  left: -1.4rem;
  angle: 0 deg;
  opacity: 1;
  object-fit: cover;
  display: block;
}
.oralman-desktop{
  display: none;
}
.toparrow {
  position: absolute;
  width: 3.85rem;
  height: 10rem;
  top: 27.36rem;
  left: 13.5rem;
  angle: -7.34 deg;
  opacity: 1;
}
.bottomarrow {
  position: absolute;
  width: 4.49rem;
  height: 3.07rem;
  top: 41.68rem;
  left: 1.04rem;
  angle: 66.81 deg;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .oralfacts__container {
    width: 35.7rem;
    height: 15.84rem;
    angle: 0 deg;
    opacity: 1;
    margin: 1.50rem 0 1.60rem 0;
  }
  .oralsurgerydoubhts__title {
    font-weight: 500;
    font-style: Medium;
    font-size: 1.01rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: -2%;
  }
  .oralsurgerydoubhts__title span {
    font-weight: 800;
    font-style: ExtraBold;
  }
  .oral_title {
    width: 17.51rem;
  }

  .oralsurgeryfacts__cards-container {
    position: relative;
  }

  .oralsurgeryfacts__card {
    width: 8.18rem;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 0.45rem;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 0.38rem 0.376rem 0.444rem 0.41rem;
  }

  /* Card positions – desktop */
  .fact-card-1 {
    position: absolute;
    top: 0.15rem;
    left: 2.26rem;
    opacity: 1;
    transform: rotate(5.13deg);
  }

  .fact-card-2 {
    position: absolute;
    top: 2.76rem;
    left: 5.69rem;
    opacity: 1;
    transform: rotate(-3.2deg);
  }

  .fact-card-3 {
    position: absolute;
    top: 5.2rem;
    left: 2.26rem;
    opacity: 1;
    transform: rotate(5.13deg);
  }

  .fact-card-4 {
    position: absolute;
    top: 8.22rem;
    left: 5.6rem;
    opacity: 1;
    transform: rotate(-3.2deg);
  }

  /* Man image on right */
  .oralman-desktop {
    width: 12.94rem;
    height: 12.94rem;
    top: 2.90rem;
    left: 17.62rem;
    angle: 0 deg;
    opacity: 1;
    position: absolute;
    display: block;
  }
  .oralman-mobile{
    display: none;
  }
  /* Arrows */
  .toparrow {
    width: 2.3rem;
    height: 6rem;
    top: 3.36rem;
    left: 26.54rem;
    transform: rotate(-7.34deg);
    opacity: 1;
    object-fit: cover;
    position: absolute;
  }

  .bottomarrow {
    width: 2.700rem;
    height: 1.84rem;
    top: 11.97rem;
    left: 19.05rem;
    /* transform: rotate(66.81deg); */
    opacity: 1;
    position: absolute;
  }
}