/*--------------------------------------------------
 *                   HTML5 Reset
 * --------------------------------------------------*/
 html {
  scroll-behavior: smooth;
}

html, body, div, section, article, aside, header,
hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,
blockquote, address, time, span, em, strong, img,
ol, ul, li, figure, canvas, video, th, td, tr {
  margin: 0;
  padding: 0;
  border: 0;
}

main {
  overflow: clip;
}

main *, main *:before, main *:after {
  box-sizing: border-box;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
	max-width:100%;
	height: auto;
}

address, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

picture {
  z-index: 1;
}

main button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*--------------------------------------------------
 *              Reset RD code
 * --------------------------------------------------*/
 .toptop_banner {
  height: 0px;
  margin-bottom: 0px;
  display: none;
}

.pd_purchase_left {
  display: none !important;
}

/*fix purchase ui issues*/
.banner1200 {
  height: 0px !important;
}

/*hide pdrm purchase*/
.bundle_pdrm {
  display: none !important;
}

.container {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.on_600 {
  display: none;
}

.back_top {
  z-index: 999 !important;
}

/*----------------------------------------------------
 *                 Display Fonts
 * ----------------------------------------------------*/
 main h1, main h2, main h3, main h4, main h5, main span, main ul ,main p {
  font-family: "Poppins", sans-serif;
}

main h1 {
  font-size: clamp(2.8rem,3.2vw,3rem);
  font-weight: 700;
  line-height: 1;
  margin: 0px 0 10px 0;
}

main h2, main h3 {
  line-height: 1.3;
}

main h2 {
  font-size: clamp(1.6rem, 5vw, 3.4rem);
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}

main h3 {
  font-size: clamp(1.4rem, 3vw, 2.1rem);
  font-size: 24px;
  margin: 0px 0 20px 0;
  text-align: left;
  font-weight: 600;
  display: flex;
  align-items: center;
}

main h4 {
  font-size: clamp(1.2rem, 1.5vw, 1.4rem);
  font-weight: 600;
  line-height: 1.2;
}

main p {
  font-size: clamp(0.8rem, 2vw, 1rem);
  font-size: 16px;
  line-height: 2rem;
  font-family: system-ui;
  font-weight: 400;
  line-height: 1.2;
  line-height: 24px;
  color: #000;
}

main a {
  font-family: "Poppins", sans-serif;
  font-style: clamp(0.8rem, 2vw, 1rem);
  font-weight: 600;
}

/*----------------------------------------------------
 *              Base Style
 * ----------------------------------------------------*/
main h1, main h2, main h3, main h4, main p, main a, main i, main span {
  color: #fff;
}
main h1 {
  margin: 2rem 0;
}

.title:has(+ p) {
  margin-bottom: 0.5rem;
}

.wrapper {
  max-width: 1400px;
  margin: 50px auto;
  width: 100%;
  padding: 0px 0;
  box-sizing: border-box;
  text-align: center;
  z-index: 1;
}

.flex-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.img-block {
  width: 100%;
  padding: 0;
  position: relative;
}

/*----------------------------------------------------
 *              CTA buttons style
 * ----------------------------------------------------*/
.btn-cta {
  display: flex;
  width: 100%;
  margin-top: 0.6rem;
  flex-wrap: wrap;
  text-align: center;
  justify-content: flex-start;
  flex-direction: column;
}

@media (min-width: 601px) {
  .btn-cta {
    display: flex;
    width: 100%;
    margin-top: 0.6rem;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
    flex-direction: row;
  }   
}

.btn-cta a {
  border-radius: 7px;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.2s all;
  margin: 12px;
  text-transform: uppercase;
  padding: 1rem 1.2rem;
  width: auto;
  height: auto;
  min-width: 190px;
  min-height: 60px;
}
.btn-cta a:hover {
  transform: scale(1.08);
}

.hero .btn-cta a {
  width: 190px;
}

.ENU .btn-cta {
  white-space: nowrap;
}

.trial-btn {
  border: 1px solid white;
  flex-direction: row !important;
}
.trial-btn i {
  font-weight: 100;
  margin-left: 6px;
}
.trial-btn.black-bg,
.trial-btn.teal-bg,
.trial-btn.blue-grd,
.trial-btn.purple-grd {
  border: none;
}
.trial-btn.black-bg {
  background-color: #000;
}
.trial-btn.teal-bg {
  background-color: #22F6F7;
}
.trial-btn.blue-grd {
  background: rgb(34, 246, 247);
  background: linear-gradient(132deg, rgb(34, 246, 247) 0%, rgb(122, 200, 244) 49%, rgb(141, 145, 248) 100%);
  color: black;
}
.trial-btn.blue-grd i {
  color: black;
}
.trial-btn.purple-grd {
  background: hsl(320, 100%, 77%);
  background: linear-gradient(132deg, rgb(231, 125, 233) 0%, rgb(255, 192, 172) 100%);
  color: black;
}
.trial-btn.purple-grd i {
  color: black;
}

@media (max-width: 620px) {
  .btn-cta a {
    min-height: 70px;
  }
}
/*----------------------------------------------------
 *              WebCommerce ad section
 * ----------------------------------------------------*/
.webcommerce-ad {
  display: grid;
  grid-template-columns: 1fr;
  height: fit-content;
}
.JPN .webcommerce-ad {
  display: none;
}

#long-banner {
  justify-self: center;
}

@media (max-width: 620px) {
  .webcommerce-ad {
    display: none;
  }
}
/*--------------------------------------------------
 *                 Top hero style
 * ----------------------------------------------------*/
 .flex-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}

@media (min-width: 769px) {
  .flex-block {
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-content: flex-start;
  }
}
.product-wrapper {
  max-width: 100%;
  margin: auto;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 769px) {
  .product-wrapper {
    max-width: 1300px;
    flex-direction: row-reverse;
  }  
}

@media (min-width: 601px) {
.product-info {
    display: flex;
    max-width: 700px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}  
}
.p-icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.p-name {
    display: flex;
    align-items: center;
}

.img-block {
    width: 100%;
  padding:20px;
}

.text-block {
    width: 100%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 769px) {
 .img-block {
    width: 50%;
}

.text-block {
    width: 50%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
} 
}
section.df-intro .product-wrapper {
    display: flex;
    align-items: center;
}

.img-block img {
    width: 100%;
}
section.ds-intro p,section.ds-intro h3, section.ds-intro span {
    color: #000 !important;
}

section.ds-intro .product-wrapper {
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
}


.nav-icon-bar {
    width: 100%;
    display: block;
}

@media (max-width: 961px) {
  .nav-icon-bar {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: start;
    width: 100%;
    max-width: 500px;
    column-gap: 3rem;
  }
}

@media (max-width: 601px) {
  .nav-icon-bar {
    grid-template-columns: 1fr;
    width: fit-content;
  }
}

.p-name p {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    font-size: 20px;
    font-weight: 600;
}

.p-name span {
    font-size: 14px;
}

section.ds-intro h3 {
    display: flex;
    justify-content: center;
    margin: 30px auto 30px auto;
}

.text-block .p-name {
    margin: 30px 0 0px 0;
}

@media (min-width: 769px) {
main#main-content .df-intro:nth-child(even) .product-wrapper .img-block {
    order: 2;
} 
}
section.stock .product-wrapper {
    display: flex;
    flex-direction: column;
}

.info-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 601px) {
.info-block {
    display: flex;
    flex-direction: row;
    align-items: center;
}  
}
section.stock h2, section.stock p, section.stock h3 {
    color: #000;
}

section.stock h2 span {
    background: linear-gradient(90deg, #03A9F4 0%, #c031ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.info-block .text-block {
  max-width: 42ch;
}

.info-block .image-block {
    padding: 20px 0px;
    margin: auto;
    height: inherit;
    box-sizing: content-box;
    width: 100%;
}
@media (min-width: 601px) {
.info-block .image-block {
    padding: 20px 60px;
    margin: auto;
    height: inherit;
    box-sizing: content-box;
    width: 50%;
}  
}
.icon-column ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0px;
}

@media (min-width: 601px) {
    .icon-column ul li {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 33.3333%;
        margin: 0;
        padding: 0 10px;
    }
}

@media (min-width: 961px) {
    .icon-column ul li {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        width: 33.3333%;
        margin: 0;
    }
}

.icon-column .icon-img {
    width: 200px;
    height: auto;
    margin: 0 auto;
}

@media (min-width: 601px) {
    .icon-column .icon-img {
        width: 150px;
        height: 120px;
        margin: 0 auto;
    }
}

.icon-column .txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.icon-column h3 {
    text-align: left;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: normal;
}

.three-column.icon-column {
    margin: 80px 0 50px 0;
}

.three-column.icon-column ul {
    display: flex;
    flex-direction: column;
}

@media (min-width: 601px) {
  .three-column.icon-column ul {
    display: flex;
    flex-direction: row;
}
}
section.df-intro.pdr-bg {
  background:linear-gradient(170deg, rgba(1,94,247,1) 0%, rgba(163,0,254,1) 100%)
}

section.df-intro.phd-bg {
  background:linear-gradient(166deg, #ffbc00 0%, #FF69EA 141%)
}
section.df-intro.cdr-bg {
  background:linear-gradient(166deg, #ff00b8 0%, #b907ef 141%)
}
section.df-intro.adr-bg {
  background:linear-gradient(166deg, #6d00fc 0%, #ff4bff 141%)
}
section.ds-bg {
  background:linear-gradient(166deg, #1cfeff 0%, #5f11ff 40% ,#a300c5 70% ,#ff8d3d 100%)
}

.nav-icon-bar .p-name {
    width: 25%;
    float: left;
    margin:10px 0;
}

@media (max-width: 961px) {
  .nav-icon-bar .p-name {
    width: 100%;
  }
}

@media (max-width: 601px) {
  .nav-icon-bar .p-name {
    width: 100%;
    float: left;
  }  
}

.text {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 601px) {
  .text {
    width: 60%;
    display: flex;
    flex-direction: column;
    padding: 0 40px;
    align-items: flex-start;
}  
}
.text .p-name {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

@media (min-width: 601px) {
  .text {
    /* width: 60%; */
    display: flex;
    flex-direction: column;
    padding: 0 40px;
    align-items: center;
}  
}
.text .p-name {
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

.p-title {
    font-size: 20px;
    line-height: normal;
}

/*--------------------------------------------------
 *               All in one studio section
 * ----------------------------------------------------*/
 section#all-in-one {
  background-color: black;
 }

 section#all-in-one .grid {
  display: grid;
  grid-template-columns: 50px 3rem 4fr 1fr 3fr 4.5fr 50px;
  grid-template-rows: 130px 90px 50px auto auto auto auto 80px;
  max-width: 1500px;
  justify-self: center;
  transition: all 0.2s;
 }

 section#all-in-one .grid > div {
  background-color: #0000005e;
  border-radius: 30px;
  padding: 2rem 2.5rem;
  /* border: solid 2px #21eeefcc; */
  height: fit-content;
  z-index: 2;
  position: relative;
  backdrop-filter: blur(10px);
 }

 section#all-in-one .grid > div::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 41px;
  padding: 12px;
  background: linear-gradient(120deg, #00B4D1, #8D3FFF);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.3;
  margin: -12px;
 }

 section#all-in-one .grid > div::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 30px;
  padding: 3px;
  background: linear-gradient(120deg, #00B4D1, #8D3FFF);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
 }

 section#all-in-one .grid h2 {
  grid-column: 1 / -1;
  grid-row: 1;
  z-index: 2;
  margin-bottom: 1rem;
  align-self: end;
 }

 section#all-in-one .grid :is(h3, p span) {
  color: #21EEEF;
  font-weight: 600;
 }

 section#all-in-one picture:not(.bg) {
  height: fit-content;
  transition: all 0.2s;
 }
 
 section#all-in-one .grid > picture:nth-of-type(1) {
  grid-column: 4/6;
  grid-row: 2/5;
  z-index: 3;
  translate: -40px;
 }

 section#all-in-one .grid > div:nth-of-type(1) {
  grid-column: 3/5;
  grid-row: 3/5;
 }

 section#all-in-one .grid > div:nth-of-type(2) {
  grid-column: 6;
  grid-row: 4/6;
 }

 section#all-in-one picture:nth-of-type(2) {
  grid-column: 6;
  grid-row: 5/8;
  z-index: 3;
  translate: 95px 35px;
  max-width: 430px;
 }

 .FRA section#all-in-one picture:nth-of-type(2) {
  translate: 95px 50%;
 }

 .ITA section#all-in-one picture:nth-of-type(2) {
  translate: 95px 35%;
 }

 section#all-in-one picture:nth-of-type(3) {
  grid-column: 2/5;
  grid-row: 5;
  z-index: 3;
  height: 248px;
  translate: 0 -17px;
 }

 section#all-in-one .grid > div:nth-of-type(3) {
  grid-column: 2/4;
  grid-row: 6;
 }

 section#all-in-one picture.bg {
  grid-row: 1 / 9;
  grid-column: 1 / -1;
  display: flex;
 }

 section#all-in-one picture.bg:last-of-type {
  align-items: end;
  justify-content: center;
 }

 section#all-in-one picture.bg img {
  object-fit: fill;
 }

 section#all-in-one .mobile-img {
  display: none;
 }


@media (max-width: 1455px) {
  section#all-in-one picture:nth-of-type(2) {
    translate: 66px 58px;
    padding-right: 1rem;
   }
  .FRA section#all-in-one picture:nth-of-type(2) {
    translate: 55px 50%;
  }
  .ITA section#all-in-one picture:nth-of-type(2) {
    translate: 65px 40%;
  }
}

@media (max-width: 1300px) {
  section#all-in-one .grid {
    grid-template-columns: 50px 3rem 4fr 1fr 2fr 4.5fr 50px;
    grid-template-rows: 130px 90px 110px auto auto auto auto 80px;
   }

  section#all-in-one picture:nth-of-type(2) {
    padding-right: 1rem;
    translate: 15% 45%;
   }

  .FRA section#all-in-one picture:nth-of-type(2) {
    translate: 74px 68%;
  }

  .ITA section#all-in-one picture:nth-of-type(2) {
    translate: 65px 67%;
  }

   section#all-in-one picture.bg:last-of-type {
    scale: 0.9;
    transform-origin: bottom;
    translate: 20px;
    z-index: 3;
   }
}

@media (max-width: 1280px) {
  /* previously 1200px */
  section#all-in-one .grid {
    grid-template-columns: 50px 3rem 4fr 1fr 4fr 50px;
    grid-template-rows: 130px 90px 50px auto auto auto auto 340px;
    row-gap: 4rem;
   }

   section#all-in-one .grid > picture:nth-of-type(1) {
    translate: -79px;
    scale: 1.1;
   }

  section#all-in-one .grid > div:nth-of-type(2) {
    grid-column: 4 / 6;
    grid-row: 5;
    margin-bottom: 3rem;
  }

  section#all-in-one picture:nth-of-type(2) {
    translate: -1% 10%;
    padding-right: unset;
    scale: 1.2;
    grid-column: 3;
    justify-self: end;
  }

  section#all-in-one .mobile-img {
    display: block;
   }

  section#all-in-one .desktop-img {
    display: none;
  }

  :is(.FRA, .ITA) section#all-in-one picture:nth-of-type(2) {
    translate: none;
  }

   section#all-in-one picture:nth-of-type(3) {
    grid-column: 4 / 6;
    grid-row: 6 / 8;
    translate: -12% -43%;
    justify-self: start;
    scale: 1.1;
    transform-origin: left;
   }

   section#all-in-one picture.bg {
    align-items: end;
   }

   section#all-in-one picture.bg img {
    object-fit: contain;
   }

   section#all-in-one picture.bg:last-of-type {
    z-index: 1;
   }
}

@media (max-width: 1024px) {
  /* previously 1000px */
  section#all-in-one .grid {
    grid-template-columns: 70px 3rem 4fr 1fr 4fr 70px;
    grid-template-rows: auto auto 50px auto auto auto auto auto 3rem;
    row-gap: 2rem;
   }

   section#all-in-one .grid h2 {
    padding: 4rem 2rem 0;
   }

   section#all-in-one .grid > picture:nth-of-type(1) {
    translate: unset;
    scale: unset;
    justify-self: center;
    grid-column: 2 / 6;
    grid-row: 2;
   }

   section#all-in-one .grid > div {
    max-width: 580px;
    justify-self: center;
    grid-column: 2 / 6 !important;
   }

   section#all-in-one picture:nth-of-type(2) {
    justify-self: center;
    grid-column: 2 / 6;
    scale: unset;
    translate: unset;
    grid-row: 5;
   }

   section#all-in-one .grid > div:nth-of-type(2) {
    grid-row: 6;
    margin-bottom: unset;
   }

   section#all-in-one picture:nth-of-type(3) {
    grid-column: 2 / 6;
    grid-row: 7;
    translate: unset;
    justify-self: center;
    translate: unset;
    scale: unset;
    height: auto;
   }

  section#all-in-one .grid > div:nth-of-type(3) {
    grid-row: 8;
  }

  section#all-in-one picture.bg {
    grid-row: 1 / 10;
   }

  section#all-in-one picture.bg:last-of-type {
    display: none;
   }
}

@media (max-width: 768px) {
  /* @media (max-width: 770px) */
  section#all-in-one .grid p {
    text-align: unset;
   }
}

@media (max-width: 650px) {
  section#all-in-one .grid {
    grid-template-columns: 3rem 3rem 4fr 1fr 4fr 3rem;
   }
}

@media (max-width: 520px) {
  section#all-in-one .grid {
    row-gap: 1rem;
  }

  section#all-in-one .grid > div {
    padding: 1rem;
    backdrop-filter: none;
    background: transparent;
   }

  section#all-in-one .grid > div::before,
  section#all-in-one .grid > div::after  {
    content: none;
   }

  section#all-in-one .grid h3 {
    justify-content: center;
    text-align: center;
  }

  section#all-in-one .grid p {
    text-align: center;
  }

  section#all-in-one picture.bg {
    opacity: 0.8;
  }
}

@media (max-width: 420px) {
  section#all-in-one .grid {
    grid-template-columns: 1rem 3rem 4fr 1fr 4fr 1rem;
   }
}


 

/*--------------------------------------------------
 *               Main points section
 * ----------------------------------------------------*/
section#main-points {
  justify-self: center;
  padding: 70px;
  background: #cdd0f3;
  width: 100%;
}

section#main-points .grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  max-width: 1300px;
  margin: 0 auto;
}

section#main-points .grid > div {
  padding: 20px 35px;
  border-radius: 25px;
  /* box-shadow: 14px 8px 20px #4a4a4a26, 2px 2px 18px #4a4a4a21, -5px -14px 16px #ffffff36, 2px 2px 5px #ffffff38, inset 2px 2px 1px #ffffff6e;
  background: linear-gradient(334deg, rgb(232 234 255 / 55%) 0%, rgba(205, 208, 243, 1) 50%, rgb(186 188 221 / 30%) 100%); */
  /* background: #786cc51a; */
}

section#main-points .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

section#main-points .title img {
  max-width: 90px;
  height: auto;
  translate: -10px;
  mix-blend-mode: multiply;
}

section#main-points :is(h3, p) {
  color: black;
  padding: 0;
  margin: 0;
}

@media (max-width: 1370px) {
  section#main-points .grid {
    grid-template-columns: 1fr 1fr;
    padding: 0 4rem;
  }

  section#main-points .grid > div:nth-of-type(1) {
    grid-column: 1 / -1;
    max-width: 620px;
    justify-self: center;
  }
}

@media (max-width: 1270px) {
  section#main-points .grid {
    width: 100%;
    justify-self: center;
  }

  section#main-points .grid > div:nth-of-type(1) {
    max-width: unset;
  }
}

@media (max-width: 985px) {
  section#main-points .grid {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 800px) {
  section#main-points {
    padding: 70px 0;
  }
}

@media (max-width: 770px) {
  section#main-points .title {
    max-width: 350px;
    justify-content: center;
    margin: 0 auto;
  }

  section#main-points .title img {
    translate: -5px;
  }
}

@media (max-width: 700px) {
  section#main-points .grid {
    padding: 0 2rem;
  }
}

@media (max-width: 420px) {
  section#main-points .title {
    flex-direction: column;
  }
  section#main-points h3 {
    text-align: center;
    text-wrap-style: balance;
  }
  section#main-points .grid > div {
    padding: 0.4rem 1rem 1.2rem;
  }
}

/*--------------------------------------------------
 *                 Product section
 * ----------------------------------------------------*/
 
 .df-intro a {
  margin-left: 0;
}
section.ds-intro p {
  font-size: 18px;
  line-height: normal;
}

section.ds-intro .product-wrapper > p {
  padding: 30px;
}

@media (max-width: 769px) {
  .df-intro a {
    margin: 0 auto;
    margin-top: 12px;
  }  

  main section:not(.stock) p,
  section:not(.stock) .text-block h3,
  section:not(.stock) .txt h3 {
    text-align: center;
    text-wrap: balance;
    align-self: center;
  }
}

@media (max-width: 601px) {
  .info-block .text-block {
    max-width: 46ch;
  }
  main section.stock p,
  section.stock .text-block h3,
  section.stock .txt h3 {
    text-align: center;
    text-wrap: balance;
    align-self: center;
  }
}