html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-weight: 400;
  box-sizing: border-box;
}

h1 {
  line-height: 1.2;
  font-weight: 700;
  font-size: 36px;
}

h1 span {
  display: block;
}

.block-inline {
  display: inline;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.max-w {
  max-width: 860px;
}

p {
  line-height: 1.5;
  margin: 20px 0;
  font-size: 16px;
}

.text-center {
  text-align: center;
}

h2 {
  font-size: 24px;
  line-height: 1.2;
}

.big-text {
  font-size: 32px;
}

.super-big-text {
  font-size: 28px;
}

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

body {
  font-family: "Montserrat", sans-serif;
}

.text-block p:last-child {
  margin: 0;
}

.first-p {
  margin-top: 0;
}

.no-margin {
  margin: 0;
}

.footer--atochka {
  text-align: center;
  margin: 20px 0;
  font-size: 12px;
}

.text-bold {
  font-weight: 700;
}

.small-text {
  font-size: 14px;
}

.pdg-20 {
  padding: 40px 20px;
}

.pdg-0-t {
  padding-top: 0;
}

.pdg-20-t {
  padding-top: 20px;
}

.pdg-0-b {
  padding-bottom: 0;
}

.pdg-20-lf {
  padding: 0px 20px;
}

.pdg-20-b {
  padding-bottom: 20px;
}

.pdg-40-b {
  padding-bottom: 40px;
}

.pdg-12-t {
  padding-top: 12px;
}

.mgn-0 {
  margin: 0;
}

.mgn-auto {
  margin: 0 auto;
}

.mgn-20-b {
  margin-bottom: 20px;
}

.mgn-20-t {
  margin-top: 20px;
}

.mgn-30-b {
  margin-bottom: 30px;
}

.mgn-30-t {
  margin-top: 30px;
}

.mgn-40-t {
  margin-top: 40px;
}

.mgn-40-b {
  margin-bottom: 40px;
}

.img-caption {
  font-size: 12px;
  text-align: center;
  font-style: italic;
  color: #6F6F6F;
  line-height: 1.6;
  padding-bottom: 0;
  padding-top: 20px;
}

.bg-pale {
  background-color: #F6F0E8;
}

.text-box {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.text-box li {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background-color: white;
  padding: 20px;
  border-radius: 16px;
}

ul li:not(:last-child) {
  margin-bottom: 24px; /* Adjust the value as needed */
}

li {
  list-style-type: none;
}

.monologue-wrapper {
  display: flex;
  align-items: flex-end;
}

.monologue-wrapper img {
  width: 40px;
  height: 40px;
}

.monologue-bubble {
  position: relative;
  background-color: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  height: fit-content;
  margin-bottom: 32px;
  margin-left: 16px;
}

/** HEAD CONTAINER **/
.bg-pale-gradient {
  background: linear-gradient(180deg, #F6F0E8 70%, white 100%);
}

.bg-pale-gradient-two {
  background: linear-gradient(180deg, white 0%, #F6F0E8 100%);
}

.intro-section {
  display: flex;
  padding-top: 20px;
  flex-direction: column;
}

.head-container .subheading {
  width: 100%;
  max-width: 175px;
}

.topic-wrapper {
  display: flex;
  column-gap: 20px;
}

.topic-wrapper img {
  border-radius: 1000px;
  width: 70px;
}

.topic-wrapper .email-subject p {
  font-size: 14px;
}

.intro-p {
  font-size: 18px;
  margin-bottom: 40px;
}

/* PINK CIRCLES */
.pink-circles-wrapper {
  position: relative;
  margin-bottom: 60px;
  margin-top: 40px;
}

.xlarge-pink-circle {
  background: #FFE4F9;
  position: relative;
  z-index: 1;
  width: 230px;
  height: 230px;
  border-radius: 100%;
  display: flex;
}

.xlarge-pink-circle h2 {
  align-content: center;
  margin: 0 auto;
  flex-grow: 1;
  text-align: center;
  font-size: 48px;
}

.large-pink-circle {
  background: #F7D1EF;
  width: 100px;
  height: 100px;
  position: absolute;
  right: 60px;
  border-radius: 100px;
  bottom: 0;
}

.medium-pink-circle {
  background: #F4C8EA;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 30px;
  left: 55px;
  border-radius: 100px;
}

.small-pink-circle {
  position: absolute;
  width: 65px;
  height: 65px;
  background-color: #FBD3F2;
  top: 20px;
  right: 80px;
  border-radius: 100px;
}

.xsmall-pink-circle {
  position: absolute;
  width: 55px;
  height: 55px;
  background-color: #F0BEE5;
  bottom: -5px;
  left: 110px;
  border-radius: 100px;
}

/* PRODUCT SECTION */
.product-intro {
  padding-top: 0;
}

.product-img {
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 40px;
}

.product-img-adjusted {
  margin: 0;
}

.product-ul {
  position: relative; 
}


.product-intro h2:first-child {
  margin-top: 15px;
}

.product-ul li:before {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 20 17' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.716 9.81529-6.7857 6.78571c-.263.2672-.6108.3986-.9585.3986-.3478 0-.6947-.1325-.9593-.3976-.53014-.5301-.53014-1.3889 0-1.919l4.4709-4.4691h-13.01158c-.749396 0-1.357074-.60642-1.357074-1.35709s.607678-1.35715 1.357074-1.35715h13.01158l-4.4701-4.47009c-.53009-.53013-.53009-1.38895 0-1.91908.5301-.530133 1.3889-.530133 1.9191 0l6.7857 6.78571c.528.53226.528 1.38895-.0021 1.91909z' fill='%23171719'/%3E%3C/svg%3E");
  content: '';
  position: absolute;
  left: 5px;
  transform: translateY(20%);
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* REVIEW SECTION */
.review-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.review-wrapper {
  border: 1px solid lightgray;
  border-radius: 12px;
  padding: 16px;
  background-color: white;
}

.review-header {
  display: flex;
  gap: 20px;
}

.review-header img {
  height: 60px;
  width: 60px;
  border-radius: 100px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.review-subject p {
  font-size: 17px;
}

.review-month {
  font-size: 14px;
  color: gray;
}

.review-body {
  padding-top: 16px;
}

.world-icon {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' width='300' height='300' xmlns:svgjs='http://svgjs.dev/svgjs'%3E%3Cg width='100%25' height='100%25' transform='matrix(1,0,0,1,0,0)'%3E%3Cg%3E%3Cpath d='M256,0C115.041,0,0,115.049,0,256c0,140.958,115.049,256,256,256c68.113,0,132.327-26.702,180.812-75.188&%2310;&%239;&%239;&%239;C485.298,388.327,512,324.113,512,256C512,115.041,396.951,0,256,0z M430.943,384.756c-1.337,4.329-3.04,9.902-1.215,15.626&%2310;&%239;&%239;&%239;C388.239,450.22,325.764,482,256,482C131.383,482,30,380.617,30,256c0-36.687,8.794-71.355,24.374-102.02&%2310;&%239;&%239;&%239;c26.02-0.063,35.842,4.736,37.499,6.789c-0.009,0.582-0.251,2.979-3.216,7.794c-19.083,30.98-24.712,50.588-18.826,65.566&%2310;&%239;&%239;&%239;c5.963,15.171,21.292,19.41,32.486,22.505c4.399,1.217,8.555,2.366,11.811,3.894c11.643,5.464,41.735,19.587,47.873,25.642v17.405&%2310;&%239;&%239;&%239;c0,16.239,14.945,24.759,25.857,30.981c3.835,2.187,10.061,5.736,12.018,7.937c0.143,81.081,15.156,98.947,26.463,105.32&%2310;&%239;&%239;&%239;c3.791,2.137,7.863,3.202,11.963,3.202c17.38,0,31.091-19.097,30.696-34.517c-0.006-0.692-0.01-4.315,0.002-17.273v-0.875&%2310;&%239;&%239;&%239;c1.134-3.615,9.435-12.555,15.209-18.505c17.32-17.846,41.04-42.286,41.04-76.271c0-12.938-6.613-19.876-12.161-23.418&%2310;&%239;&%239;&%239;c-5.532-3.532-11.896-4.926-18.051-6.274c-17.197-3.767-23.051-6.973-32.071-21.173c-5.252-8.267-13.189-20.759-29.218-20.759&%2310;&%239;&%239;&%239;c-13.706,0-21.529,5.656-27.813,10.201c-6.437,4.654-11.996,8.674-28.811,8.674c-16.046,0-25.516-9.118-28.75-16.927&%2310;&%239;&%239;&%239;c-1.1-2.654-3.144-9.34,1.608-14.092c0.842-0.842,1.305-1.048,1.294-1.053c1.605-0.181,6.673,2.348,9.702,3.863&%2310;&%239;&%239;&%239;c9.977,4.988,28.546,14.273,45.627-2.81c6.487-6.487,10.155-11.243,12.411-14.491c11.655,0.042,24.254,0.278,34.658-3.072&%2310;&%239;&%239;&%239;c14.426-4.645,22.7-15.868,22.7-30.794c0-0.682,0.021-1.228,0.05-1.658c13.709-10.105,10.066-24.639,11.511-28.37&%2310;&%239;&%239;&%239;c1.739-0.705,5.04-0.397,6.447-0.471l26.9-11.24c6.678-0.544,20.939-3.651,48.857-21.405c7.453-4.74,11.792-13.163,11.327-21.982&%2310;&%239;&%239;&%239;c-0.466-8.831-5.675-16.752-13.592-20.674c-4.499-2.229-7.214-3.573-11.126-3.573h-57.625c-38.727,0-60.059,0-118.993,19.645&%2310;&%239;&%239;&%239;c-37.943,12.648-66.572,16.457-86.846,17.606C134.423,56.616,192.159,30,256,30c111.974,0,205.172,81.861,222.934,188.875&%2310;&%239;&%239;&%239;c-1.877,4.465-2.48,8.8-2.696,12.373c-4.976-1.283-10.723-4.157-16.718-7.154c-10.332-5.166-22.042-11.021-35.021-11.021&%2310;&%239;&%239;&%239;c-10.476,0-21.309,0-30.696,3.129c-14.016,4.672-22.054,15.878-22.054,30.746c0,3.933,0,3.933-4.058,6.538&%2310;&%239;&%239;&%239;c-6.176,3.965-19.028,12.214-14.511,34.228c3.213,15.652,9.529,26.168,19.311,32.148c14.127,8.636,29.917,4.25,41.445,1.048&%2310;&%239;&%239;&%239;c3.943-1.095,8.413-2.337,10.563-2.337c0.923,0,1.065,0,1.941,1.32c2.128,3.208,3.676,9.157,4.655,13.353&%2310;&%239;&%239;&%239;C437.875,362.304,433.366,376.91,430.943,384.756z M117.04,229.654c-2.314-0.717-4.58-1.344-6.726-1.937&%2310;&%239;&%239;&%239;c-4.158-1.15-11.073-3.062-12.582-4.641c-0.221-0.876-1.626-9.401,16.47-38.782c11.106-18.031,8.129-30.903,3.676-38.527&%2310;&%239;&%239;&%239;c-4.333-7.418-11.764-12.916-22.435-16.535c21.978-1.307,53.551-5.514,94.177-19.056c54.315-18.105,72.76-18.205,109.506-18.205&%2310;&%239;&%239;&%239;h39.408c-18.329,9.681-21.693,7.441-23.542,7.75l-26.904,11.342c-18.696,1.352-30.588,14.3-30.588,33.761&%2310;&%239;&%239;&%239;c0,0.682-0.021,1.228-0.05,1.658c-5.622,4.143-11.075,10.53-11.075,24.966c0,0.8-0.08,1.273-0.134,1.504&%2310;&%239;&%239;&%239;c-3.647,2.697-21.453,2.384-26.5,2.364c-10.795-0.051-17.263,0.44-24.008,10.846c-1.534,2.367-3.853,5.943-10.338,12.429&%2310;&%239;&%239;&%239;c-0.843,0.843-1.306,1.048-1.295,1.053c-1.59,0.187-6.673-2.348-9.703-3.863c-9.976-4.988-28.544-14.273-45.626,2.81&%2310;&%239;&%239;&%239;C120.483,206.879,116.439,218.004,117.04,229.654z M238.024,417.075c-0.006,0.044-0.015,0.09-0.024,0.137&%2310;&%239;&%239;&%239;c-3.43-7.824-8.125-27.709-8.125-75.888c0-17.347-15.697-26.296-27.158-32.831c-3.31-1.887-8.579-4.891-10.716-6.838&%2310;&%239;&%239;&%239;c-0.12-15.996,0.295-17.84-0.434-21.776c16.635-2.345,25.273-8.592,31.948-13.419c4.546-3.287,6.14-4.343,9.35-4.492&%2310;&%239;&%239;&%239;c1.281,1.318,3.353,4.579,4.782,6.828c13.774,21.687,26.492,29.029,50.973,34.39c2.124,0.465,4.8,1.052,6.611,1.6&%2310;&%239;&%239;&%239;c-0.624,21.271-17.568,38.728-32.55,54.165C237.049,385.362,237.547,387.964,238.024,417.075z M460.31,326.43&%2310;&%239;&%239;&%239;c-2.416-10.354-8.833-37.856-35.811-37.856c-6.24,0-12.52,1.744-18.593,3.431c-6.229,1.73-14.76,4.101-17.768,2.261&%2310;&%239;&%239;&%239;c-1.652-1.01-3.983-4.846-5.571-12.583c-0.166-0.807-0.252-1.428-0.296-1.889c0.509-0.345,1.118-0.736,1.625-1.062&%2310;&%239;&%239;&%239;c6.239-4.005,17.853-11.459,17.853-31.784c0-0.918,0.094-1.456,0.157-1.716c3.129-2.158,15.745-2.158,22.593-2.158&%2310;&%239;&%239;&%239;c5.896,0,13.526,3.815,21.604,7.854c10.332,5.166,22.042,11.021,35.021,11.021c0.275,0,0.53-0.018,0.798-0.023&%2310;&%239;&%239;&%239;c-0.763,29.479-7.208,57.566-18.262,83.219C462.97,339.438,461.893,333.215,460.31,326.43z' fill='%23808080' fill-opacity='1' data-original-color='%23000000ff' stroke='none' stroke-opacity='1' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 4px;
}


/* CTA BAR ON SCROLL */
.cta-bar {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: white;
  padding: 20px;
  border-top: lightblue 1px solid;
}

.cta-bar-wrapper {
  display: flex;
}

.cta-bar-wrapper span {
  font-size: 13px;
  color: #414141;
}

/* PAYMENT SECTION */
.payment-container {
  padding-top: 64px;
  padding-bottom: 64px;
}

.payment-container.pdg-24-t {
  padding-top: 24px;
}

.payment-wrapper {
  background: white;
  border-radius: 12px;
  padding: 0 24px 24px 24px;
  box-shadow: 5px 5px 40px rgba(54, 54, 54, 0.5);
}

.payment-header {
  margin-bottom: 24px;
  text-align: center;
}

.payment-header h2 {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 400;
}

.payment-header p {
  font-size: 28px;
  font-weight: 700;
}

.payment-header p span {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  margin-left: 10px;
  position: relative;
}

.payment-header p span::before {
  content: '';
  position: absolute;
  top: 56%;
  left: 0;
  width: 100%;
  height: 1.2px;
  background-color: black;
  transform: translateY(-50%);
}

.payment-button {
  display: block;
  width: 100%;
  color: white;
  text-align: center;
  padding: 16px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
  transition: background-color 0.2s;
  background: linear-gradient(180deg, #D41C3D, #861B83);
  max-width: 400px;
  margin: 0 auto;
  animation: pulse 1.6s infinite;
}

/* MISC */
ul.circles-box {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
}

ul.circles-box li:before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #383838;
  border-radius: 50%;
  left: 3px;
  margin-top: 9px;
  background-image: none;
}

.text-gradient {
  background: linear-gradient(95.87deg, #E1942E 0%, #6D3D02 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.img-block.mgn-40-b {
  margin-bottom: 0;
}

.img-block.mgn-40-t {
  margin-top: 0;
}

footer p {
  font-size: 12px;
  text-align: center;
  color: darkgrey
}


/* ANIMATIONS */

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.055);
  }
  100% {
    transform: scale(1);
  }
}

/* RESPONSIVE */

@media (min-width: 768px) {
  .small-text {
    font-size: 16px;
  }

  .block-inline {
    display: block;
  }

  .topic-wrapper .email-subject p {
    font-size: 16px;
  }

  p {
    font-size: 20px;
  }

  .super-big-text {
    font-size: 50px;
  }

  h1 span {
    display: inline;
  }

  h1 {
    text-align: center;
  }

  .intro-p {
    text-align: center;
    font-size: 24px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .img-block img {
    border-radius: 16px;
  }

  .img-block.mgn-40-b {
    margin-bottom: 40px;
  }

  .img-block.mgn-40-t {
    margin-top: 40px;
  }

  .img-size-desk {
    height: 500px;
    object-fit: cover;
  }

  .img-position-b {
    object-position: bottom;
  }

  .text-box li {
    font-size: 18px;
  }

  h2 {
    font-size: 32px;
  }

  .product-ul {
    font-size: 20px;
  }

  .pink-circles-wrapper {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .payment-header h2 {
    font-size: 32px;
    font-weight: 400;
  }

  .payment-header p {
    font-size: 36px;
  }

  .img-caption {
    font-size: 16px;
  }
}