.blog-overview-page {
  background-color: var(--white);
  overflow: hidden;
  width: 100%;
  min-width: 1440px;
  min-height: 4260px;
  position: relative;
}

.blog-overview-page .rectangle {
  top: 664px;
  width: 1442px;
  height: 2837px;
  background-color: var(--ros-bg);
  position: absolute;
  left: -1px;
}

.blog-overview-page .div {
  top: 108px;
  width: 1442px;
  height: 558px;
  background-color: var(--ros-bg);
  position: absolute;
  left: -1px;
}

.blog-overview-page .group {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 109px;
  overflow: hidden;
}

.blog-overview-page .div-2 {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  background-color: var(--ros-bg);
  position: absolute;
  left: -1px;
}

.blog-overview-page .mountains-wrapper {
  position: absolute;
  top: calc(50.00% - 24px);
  left: 140px;
  width: 132px;
  height: 50px;
  background-color: var(--white);
  border-radius: 4px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .mountains {
  position: absolute;
  width: 19.90%;
  height: 39.04%;
  top: 30.45%;
  left: 39.98%;
}

.blog-overview-page .element-button {
  position: absolute;
  top: calc(50.00% - 24px);
  right: 140px;
  width: 204px;
  height: 50px;
  display: flex;
}

.blog-overview-page .button-secondary {
  flex: 1;
  width: 204px;
  background-color: var(--ros-bg);
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .button-clipping {
  position: relative;
  width: 100%;
  height: 46.00%;
  top: 28.00%;
  display: flex;
  align-items: center;
}

.blog-overview-page .button {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .navbar {
  position: absolute;
  top: calc(50.00% - 14px);
  left: calc(50.00% - 153px);
  width: 358px;
  height: 43px;
}

.blog-overview-page .text-wrapper {
  width: 18.99%;
  left: 0;
  position: absolute;
  top: calc(50.00% - 21px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .text-wrapper-2 {
  width: 20.67%;
  left: 30.45%;
  position: absolute;
  top: calc(50.00% - 21px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .text-wrapper-3 {
  width: 15.08%;
  left: 63.13%;
  position: absolute;
  top: calc(50.00% - 21px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .text-wrapper-4 {
  width: 10.06%;
  left: 89.94%;
  position: absolute;
  top: calc(50.00% - 21px);
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .text-wrapper-5 {
  position: absolute;
  width: 2.99%;
  top: calc(50.00% - 14px);
  left: 69.72%;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .divider {
  top: calc(50.00% - 20px);
  left: calc(50.00% + 244px);
  width: 3px;
  height: 39px;
  position: absolute;
  background-color: var(--black-text-icon);
  opacity: 0.3;
}

.blog-overview-page .our-products {
  position: absolute;
  top: 279px;
  left: 140px;
  width: 451px;
  height: 155px;
  display: flex;
  align-items: center;
}

.blog-overview-page .p {
  height: 155px;
  flex: 1;
  font-size: 50px;
  letter-spacing: -0.83px;
  line-height: 60px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
}

.blog-overview-page .placeholder {
  position: absolute;
  top: 226px;
  left: 784px;
  width: 516px;
  height: 322px;
  background-color: var(--white);
  border-radius: 4px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .img {
  position: absolute;
  top: 376px;
  left: 1029px;
  width: 26px;
  height: 20px;
}

.blog-overview-page .group-2 {
  position: absolute;
  top: 424px;
  left: 140px;
  width: 460px;
  height: 50px;
}

.blog-overview-page .element-button-prime {
  position: absolute;
  top: 0;
  left: calc(50.00% - 230px);
  width: 238px;
  height: 50px;
  display: flex;
}

.blog-overview-page .button-prime {
  flex: 1;
  width: 238px;
  position: relative;
  overflow: hidden;
}

.blog-overview-page .placeholder-2 {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 5px;
}

.blog-overview-page .button-wrapper {
  position: absolute;
  height: 46.00%;
  top: 28.00%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

.blog-overview-page .button-2 {
  height: 23px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .button-secondary-wrapper {
  width: 43.91%;
  height: 100%;
  top: 0;
  left: 56.09%;
  position: absolute;
  display: flex;
}

.blog-overview-page .button-clipping-wrapper {
  width: 202px;
  flex: 1;
  background-color: var(--ros-bg);
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .group-3 {
  position: absolute;
  top: 722px;
  left: 140px;
  width: 580px;
  height: 383px;
  overflow: hidden;
}

.blog-overview-page .placeholder-3 {
  position: absolute;
  width: calc(100% - 6px);
  height: calc(100% + 1px);
  top: 0;
  left: 0;
  background-color: var(--white);
  border-radius: 4px;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .mountains-2 {
  position: absolute;
  width: 4.53%;
  height: 5.10%;
  top: 47.17%;
  left: 46.55%;
}

.blog-overview-page .rectangle-2 {
  position: absolute;
  top: 722px;
  left: 712px;
  width: 588px;
  height: 383px;
  background-color: var(--ros-bg);
  border-radius: 0px 5px 5px 0px;
  border: 2px solid;
  border-color: #21242433;
}

.blog-overview-page .a-telescope-is-an-op {
  position: absolute;
  top: 921px;
  left: 763px;
  width: 490px;
  height: 87px;
  display: flex;
  align-items: center;
}

.blog-overview-page .a-telescope-is-an-op-2 {
  height: 87px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.blog-overview-page .group-4 {
  position: absolute;
  top: 768px;
  left: 762px;
  width: 198px;
  height: 39px;
  overflow: hidden;
}

.blog-overview-page .rectangle-3 {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% - 5px);
  top: -1px;
  left: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 52px;
  opacity: 0.1;
}

.blog-overview-page .the-basics-of-buying {
  width: 81.82%;
  top: calc(50.00% - 15px);
  left: 9.09%;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  letter-spacing: 4.00px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .our-products-2 {
  position: absolute;
  top: 815px;
  left: 763px;
  font-size: 30px;
  letter-spacing: -0.50px;
  line-height: 40px;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
}

.blog-overview-page .the-basics-of-buying-2 {
  top: 1029px;
  left: 763px;
  color: var(--black-text-icon);
  font-size: 15px;
  letter-spacing: 4.29px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .group-5 {
  position: absolute;
  top: 1176px;
  left: 140px;
  width: 768px;
  height: 532px;
}

.blog-overview-page .group-wrapper {
  position: absolute;
  top: 315px;
  left: 0;
  width: 768px;
  height: 217px;
  display: flex;
}

.blog-overview-page .group-6 {
  width: 768px;
  height: 217.11px;
  position: relative;
  background-color: var(--ros-bg);
  border: 2px solid;
  border-color: #21242433;
}

.blog-overview-page .our-products-3 {
  position: absolute;
  width: 32.29%;
  top: calc(50.00% - 20px);
  left: 6.64%;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 30px;
  letter-spacing: -0.50px;
  line-height: 40px;
  white-space: nowrap;
}

.blog-overview-page .the-basics-of-buying-3 {
  position: absolute;
  width: 19.92%;
  top: calc(50.00% + 39px);
  left: 6.64%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 15px;
  letter-spacing: 4.29px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .group-7 {
  position: absolute;
  width: 24.74%;
  height: 17.65%;
  top: 18.60%;
  left: 6.51%;
  overflow: hidden;
}

.blog-overview-page .rectangle-4 {
  width: calc(100% + 2px);
  height: calc(100% - 4px);
  top: -1px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 52px;
  opacity: 0.1;
  position: absolute;
  left: -1px;
}

.blog-overview-page .the-basics-of-buying-4 {
  width: 85.26%;
  top: calc(50.00% - 15px);
  left: 7.89%;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  letter-spacing: 4.00px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 768px;
  height: 317px;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .mountains-3 {
  position: absolute;
  width: 3.42%;
  height: 6.16%;
  top: 46.67%;
  left: 48.31%;
}

.blog-overview-page .group-8 {
  top: 1748px;
  position: absolute;
  left: 140px;
  width: 768px;
  height: 532px;
}

.blog-overview-page .group-9 {
  top: 2320px;
  position: absolute;
  left: 140px;
  width: 768px;
  height: 532px;
}

.blog-overview-page .group-10 {
  top: 2892px;
  position: absolute;
  left: 140px;
  width: 768px;
  height: 532px;
}

.blog-overview-page .group-11 {
  position: absolute;
  top: 1176px;
  left: 960px;
  width: 340px;
  height: 55px;
  background-color: var(--white);
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid;
  border-color: #2124241a;
}

.blog-overview-page .placeholder-4 {
  position: absolute;
  top: calc(50.00% - 28px);
  right: -1px;
  width: 109px;
  height: 57px;
  background-color: var(--pink-stroke-cta-image);
  border-radius: 0px 5px 5px 0px;
}

.blog-overview-page .text-clipping-group {
  position: absolute;
  width: 16.18%;
  height: 45.45%;
  top: 27.27%;
  left: 76.18%;
  display: flex;
  align-items: center;
}

.blog-overview-page .text {
  height: 25px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--white);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
  white-space: nowrap;
}

.blog-overview-page .search {
  position: absolute;
  width: 5.89%;
  height: 36.42%;
  top: 30.91%;
  left: 5.87%;
}

.blog-overview-page .group-12 {
  position: absolute;
  top: 1295px;
  left: 960px;
  width: 350px;
  height: 618px;
  overflow: hidden;
}

.blog-overview-page .my-company-culture-h {
  position: absolute;
  width: 30.29%;
  top: calc(50.00% - 309px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 30px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.blog-overview-page .magical-unlock-from {
  width: 100%;
  height: 10.84%;
  top: 10.68%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.blog-overview-page .magical-unlock-from-2 {
  height: 67px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.blog-overview-page .divider-2 {
  top: calc(50.00% - 158px);
  right: 9px;
  width: 342px;
  height: 3px;
  position: absolute;
  background-color: var(--black-text-icon);
  opacity: 0.3;
}

.blog-overview-page .magical-unlock-from-wrapper {
  width: 100%;
  height: 16.01%;
  top: 28.15%;
  left: 0;
  position: absolute;
  display: flex;
  align-items: center;
}

.blog-overview-page .magical-unlock-from-3 {
  height: 99px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.blog-overview-page .divider-3 {
  top: calc(50.00% - 18px);
  right: 9px;
  width: 342px;
  height: 3px;
  position: absolute;
  background-color: var(--black-text-icon);
  opacity: 0.3;
}

.blog-overview-page .group-13 {
  position: absolute;
  top: calc(50.00% + 7px);
  right: 0;
  width: 350px;
  height: 86px;
}

.blog-overview-page .div-wrapper {
  position: absolute;
  top: calc(50.00% - 43px);
  right: 0;
  width: 350px;
  height: 67px;
  display: flex;
  align-items: center;
}

.blog-overview-page .divider-4 {
  position: absolute;
  top: calc(50.00% + 41px);
  right: 9px;
  width: 342px;
  height: 3px;
  background-color: var(--black-text-icon);
  opacity: 0.3;
}

.blog-overview-page .group-14 {
  position: absolute;
  top: calc(50.00% + 116px);
  right: 0;
  width: 350px;
  height: 86px;
}

.blog-overview-page .group-15 {
  position: absolute;
  top: calc(50.00% + 223px);
  right: 0;
  width: 350px;
  height: 86px;
}

.blog-overview-page .group-16 {
  position: absolute;
  top: 1977px;
  left: 960px;
  width: 300px;
  height: 218px;
}

.blog-overview-page .my-company-culture-h-2 {
  position: absolute;
  width: 48.33%;
  top: calc(50.00% - 109px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 30px;
  letter-spacing: 0;
  line-height: 32px;
  white-space: nowrap;
}

.blog-overview-page .element-small-button {
  position: absolute;
  top: calc(50.00% - 35px);
  left: calc(50.00% - 150px);
  width: 144px;
  height: 40px;
  display: flex;
}

.blog-overview-page .small-button-prime {
  flex: 1;
  width: 144px;
  background-color: #ff1c8033;
  border-radius: 5px;
  overflow: hidden;
}

.blog-overview-page .button-clipping-2 {
  position: relative;
  height: 55.00%;
  top: 22.50%;
  width: 100%;
  display: flex;
  align-items: center;
}

.blog-overview-page .button-3 {
  height: 22px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--pink-stroke-cta-image);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .small-button-prime-wrapper {
  top: calc(50.00% - 35px);
  right: 0;
  width: 144px;
  position: absolute;
  height: 40px;
  display: flex;
}

.blog-overview-page .element-small-button-2 {
  top: calc(50.00% + 17px);
  left: calc(50.00% - 150px);
  width: 128px;
  position: absolute;
  height: 40px;
  display: flex;
}

.blog-overview-page .small-button-prime-2 {
  flex: 1;
  width: 128px;
  background-color: #ff1c8033;
  border-radius: 5px;
  overflow: hidden;
}

.blog-overview-page .element-small-button-3 {
  top: calc(50.00% + 17px);
  right: 32px;
  width: 128px;
  position: absolute;
  height: 40px;
  display: flex;
}

.blog-overview-page .element-small-button-4 {
  top: calc(50.00% + 69px);
  left: calc(50.00% - 150px);
  width: 144px;
  position: absolute;
  height: 40px;
  display: flex;
}

.blog-overview-page .group-17 {
  position: absolute;
  top: 2265px;
  left: 960px;
  width: 340px;
  height: 425px;
  background-color: var(--ros-bg);
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid;
  border-color: #21242433;
}

.blog-overview-page .magical-unlock-from-4 {
  width: 59.12%;
  height: 15.76%;
  top: 17.88%;
  left: 20.59%;
  position: absolute;
  display: flex;
  align-items: center;
}

.blog-overview-page .magical-unlock-from-5 {
  height: 67px;
  text-align: center;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 22px;
  letter-spacing: 0;
  line-height: 32px;
}

.blog-overview-page .the-basics-of-buying-5 {
  width: 72.06%;
  top: calc(50.00% - 166px);
  left: 14.12%;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .group-18 {
  position: absolute;
  top: calc(50.00% - 46px);
  right: 53px;
  width: 234px;
  height: 125px;
}

.blog-overview-page .button-prime-wrapper {
  all: unset;
  box-sizing: border-box;
  top: calc(50.00% + 114px);
  right: 63px;
  width: 214px;
  position: absolute;
  height: 50px;
  display: flex;
}

.blog-overview-page .button-prime-2 {
  all: unset;
  box-sizing: border-box;
  width: 214px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.blog-overview-page .group-19 {
  position: absolute;
  top: 3500px;
  left: 0;
  width: 1440px;
  height: 326px;
  overflow: hidden;
}

.blog-overview-page .take-a-screenshot-in {
  position: absolute;
  width: 44.24%;
  height: 36.50%;
  top: 17.48%;
  left: 27.92%;
  display: flex;
  align-items: center;
}

.blog-overview-page .take-a-screenshot-in-2 {
  height: 119px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: 50px;
}

.blog-overview-page .group-20 {
  position: absolute;
  top: calc(50.00% + 30px);
  left: calc(50.00% - 274px);
  width: 547px;
  height: 50px;
}

.blog-overview-page .element-button-prime-2 {
  top: calc(50.00% - 25px);
  left: calc(50.00% - 274px);
  width: 267px;
  position: absolute;
  height: 50px;
  display: flex;
}

.blog-overview-page .button-prime-3 {
  width: 266.86px;
  flex: 1;
  position: relative;
  overflow: hidden;
}

.blog-overview-page .element-button-2 {
  top: calc(50.00% - 25px);
  left: calc(50.00% + 13px);
  width: 260px;
  height: 50px;
  position: absolute;
  display: flex;
}

.blog-overview-page .button-secondary-2 {
  width: 260.18px;
  flex: 1;
  background-color: var(--ros-bg);
  border-radius: 5px;
  overflow: hidden;
  border: 2px solid;
  border-color: var(--pink-stroke-cta-image);
}

.blog-overview-page .group-21 {
  position: absolute;
  top: 3826px;
  left: 0;
  width: 1440px;
  height: 435px;
  overflow: hidden;
}

.blog-overview-page .group-22 {
  position: absolute;
  left: calc(50.00% - 206px);
  bottom: 28px;
  width: 437px;
  height: 34px;
}

.blog-overview-page .privacy-policy {
  position: absolute;
  width: 37.07%;
  top: calc(50.00% - 17px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .terms-and-conditions {
  position: absolute;
  width: 56.52%;
  top: calc(50.00% - 17px);
  left: 41.88%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .menu {
  position: absolute;
  top: calc(50.00% - 154px);
  left: calc(50.00% + 2px);
  width: 473px;
  height: 184px;
}

.blog-overview-page .legal {
  position: absolute;
  top: calc(50.00% - 92px);
  left: calc(50.00% + 98px);
  width: 139px;
  height: 184px;
}

.blog-overview-page .license-privacy-poli {
  position: absolute;
  width: 90.65%;
  height: 79.35%;
  top: 20.65%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.blog-overview-page .flexcontainer {
  width: 126px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 146px;
}

.blog-overview-page .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.blog-overview-page .span {
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: #212424;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.blog-overview-page .text-wrapper-6 {
  position: absolute;
  width: 99.28%;
  top: calc(50.00% - 92px);
  left: 0;
  font-family: "Lato", Helvetica;
  font-weight: 800;
  color: var(--black-text-icon);
  font-size: 14px;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .info {
  position: absolute;
  top: calc(50.00% - 92px);
  left: calc(50.00% - 70px);
  width: 139px;
  height: 184px;
}

.blog-overview-page .portfolio-blog-help {
  position: absolute;
  width: 98.56%;
  height: 79.35%;
  top: 20.65%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.blog-overview-page .flexcontainer-2 {
  width: 137px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 146px;
}

.blog-overview-page .product {
  position: absolute;
  top: calc(50.00% - 92px);
  left: calc(50.00% - 236px);
  width: 139px;
  height: 184px;
}

.blog-overview-page .mobile-design-web-de {
  position: absolute;
  width: 93.53%;
  height: 79.35%;
  top: 20.65%;
  left: 0;
  display: flex;
  align-items: flex-start;
}

.blog-overview-page .flexcontainer-3 {
  width: 130px;
  display: flex;
  position: relative;
  margin-top: -1px;
  flex-direction: column;
  align-items: flex-start;
  gap: 9.5px;
  height: 146px;
}

.blog-overview-page .social {
  position: absolute;
  top: calc(50.00% + 60px);
  left: 201px;
  width: 108px;
  height: 16px;
}

.blog-overview-page .in-an-infinite-life {
  position: absolute;
  width: 28.26%;
  height: 26.44%;
  top: 32.87%;
  left: 13.89%;
  display: flex;
  align-items: center;
}

.blog-overview-page .in-an-infinite-life-2 {
  height: 115px;
  flex: 1;
  font-family: "Lato", Helvetica;
  font-weight: 400;
  color: var(--black-text-icon);
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28px;
}

.blog-overview-page .element-image-square {
  position: absolute;
  top: calc(50.00% - 150px);
  left: 200px;
  width: 130px;
  height: 45px;
}

.blog-overview-page .element-getcraftwork {
  position: absolute;
  width: 12.85%;
  top: calc(50.00% + 118px);
  left: 43.61%;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  color: var(--black-text-icon);
  font-size: 14px;
  text-align: center;
  letter-spacing: 4.00px;
  line-height: 24px;
  white-space: nowrap;
}

.blog-overview-page .group-23 {
  position: absolute;
  right: 40px;
  bottom: 37px;
  width: 54px;
  height: 54px;
  overflow: hidden;
}

.blog-overview-page .ellipse {
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  background-color: var(--black-text-icon);
  border-radius: 28px;
}

.blog-overview-page .element-icon-comment {
  position: absolute;
  width: 37.04%;
  height: 33.33%;
  top: 34.41%;
  left: 32.57%;
  background-image: url(./img/comment-icon.svg);
  background-size: 100% 100%;
}

.blog-overview-page .the-basics-of-buying-6 {
  top: 239px;
  left: 146px;
  color: var(--black-text-icon);
  font-size: 15px;
  letter-spacing: 4.29px;
  position: absolute;
  font-family: "Lato", Helvetica;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}
/* Inject original CSS code here from style.css */

/* Additional CSS for semantic HTML refactoring */

.blog-overview-page a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

.blog-overview-page a:hover {
  opacity: 0.8;
}

.blog-overview-page a:focus {
  outline: 2px solid var(--pink-stroke-cta-image);
  outline-offset: 2px;
}

.blog-overview-page button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
}

.blog-overview-page button:hover {
  opacity: 0.8;
}

.blog-overview-page ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-overview-page form {
  margin: 0;
}

.group-12 ul li {
  display: block;
}

.group-16 ul {
  display: contents;
}

.group-16 ul li {
  display: block;
}

.blog-overview-page .element-button,
.blog-overview-page .element-button-prime,
.blog-overview-page .button-secondary-wrapper,
.blog-overview-page .element-button-prime-2,
.blog-overview-page .element-button-2,
.blog-overview-page .button-prime-wrapper,
.blog-overview-page .element-small-button a,
.blog-overview-page .small-button-prime-wrapper a,
.blog-overview-page .element-small-button-2 a,
.blog-overview-page .element-small-button-3 a,
.blog-overview-page .element-small-button-4 a {
  display: inline-block;
}

.blog-overview-page .text-clipping-group {
  background: none;
  border: none;
  cursor: pointer;
}

.blog-overview-page .group-23 {
  cursor: pointer;
}

.blog-overview-page .group-23:hover .ellipse {
  opacity: 0.9;
}

.blog-overview-page .group-23:focus {
  outline: 2px solid var(--pink-stroke-cta-image);
  outline-offset: 2px;
}