body {
  margin: 0;
  padding: 0;
  font-family: Inter;
}

* {
  line-height: normal;
  font-family: inherit;
  margin: unset;
  box-sizing: border-box;
}

.rowview_border {
  backdrop-filter: blur(1px);

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #7e7e7e, #156a48);
    background-clip: border-box;
    mask:
      linear-gradient(#fff 0 0) padding-box,
      linear-gradient(#fff 0 0);
    mask-composite: exclude !important;
    z-index: -10;
    border-radius: 28px;
    border: 6px solid transparent;
  }
}

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

a {
  text-decoration: none;
  display: block;
}

input {
  background-color: transparent;
  width: 100%;
}

ul {
  margin: 0;
  margin-inline: unset !important;
  padding: 0;
  list-style: none;
}

[type="text"],
input:where(:not([type])),
[type="email"],
[type="url"],
[type="password"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select,
button {
  appearance: none;
  background-color: transparent;
  border-color: unset;
  border-width: 0;
  border-radius: unset;
  padding: unset;
  font-size: unset;
  line-height: unset;
  color: inherit;
}

input:focus-visible,
[multiple]:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: none;
}

/*-------------------------------------
    2. Utility CSS
  --------------------------------------*/
.flex-col-center-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/*-------------------------------------
    3. Common CSS
  --------------------------------------*/
.headerblacksimp {
  background-color: #156a4863;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.headerblacksimp-2 {
  margin-left: 2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  background-color: #156a4863;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.rowscreenshot_2024-one {
  padding-top: 3.63rem;
  padding-bottom: 3.63rem;
  background-color: #ededed;
  width: 100%;

  @media only screen and (max-width: 1050px) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.screenshot2024-5 {
  height: 14rem;
  width: 100%;
  object-fit: cover;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.column-6 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
  gap: 108.5rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    gap: 81.38rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }


  @media only screen and (max-width: 1050px) {
    gap: 81.38rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 54.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.column-5 {
  background-color: #ffffff;
  width: 100%;
}

.columnprice-5 {
  margin-top: 4.13rem;
  gap: 120.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 90.06rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 90.06rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 60.06rem;
  }
}

.column-two {
  background-color: #1c1c1c;
  width: 100%;
}

.column_one-3 {
  gap: 7.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 5.69rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 5.69rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 3.81rem;
  }
}

.columndescription {
  gap: 4.63rem;
  background-color: #ffffff;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 1.63rem;

  @media only screen and (max-width: 1440px) {
    gap: 4.63rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 3.44rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 2.31rem;
    padding: 1rem;
  }
}

.description-34 {
  color: #156a48 !important;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.columnwerethebe {
  margin-top: 3.88rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rowblacksimple {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  margin: 25px;

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.columnsettings {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.columndontjustt {
  gap: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.andthatsthe-span {
  color: #156a48;
}

.werethebest {
  color: #000000 !important;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.blacksimple_one {
  height: 5.38rem;
  width: 20%;
  object-fit: contain;

  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.testimonials-1 {
  color: #000000 !important;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.dontjusttake {
  color: #6f6f6f !important;
  letter-spacing: -0.06rem;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.rowmenu {
  margin-bottom: 0.5rem;
  row-gap: 1rem;
  column-gap: 1rem;
  display: flex;
  align-items: flex-end;
  /* Align items to the end of their container */
  justify-content: flex-end;
  /* Align items horizontally to the end */



  @media only screen and (max-width: 550px) {
    align-self: auto;
  }
}

.whatgives-1 {
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}


.menu {
  text-transform: capitalize;
  align-self: center;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.megaphone_one {
  height: 1.88rem;
  margin-top: 0.5rem;
}

.stackprice {
  height: 44.25rem;
  align-self: stretch;
  position: relative;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.stackdescriptio {
  height: 201.63rem;
  align-self: stretch;
  position: relative;
  align-content: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.description-span-14 {
  color: #000000;
}

.rowprice {
  background-color: #156a48;
  box-shadow: 2px 2px 6px 0 #00000060;
  width: 42%;
  display: flex;
  justify-content: center;
  padding: 2.25rem;
  border-radius: 20px;

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columnshark {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.price-12 {
  margin-bottom: 0.38rem;
  letter-spacing: -0.06rem;
  text-align: center;
  width: 100%;
  line-height: 118%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.columndescripti-4 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.description-32 {
  color: #ffffff !important;
  letter-spacing: -0.06rem;
  width: 64%;
  line-height: 137%;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.price-span-1 {
  text-transform: lowercase;
  font-weight: 400;
}

.class-18mfollowers-span {
  font-weight: 400;
}

.row-6 {
  margin-top: -4rem;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.image-10 {
  height: 26rem;
  z-index: 1;
  align-self: end;
  width: 48%;
  position: relative;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.image_one-4 {
  height: 28rem;
  margin-left: -18.25rem;
  position: relative;
  width: 52%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}


.row-4 {
  flex: 1;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    position: relative;
  }
}

.columnview-4 {
  padding-left: 3.5rem;
  padding-right: 36.75rem;
  gap: 0.38rem;
  z-index: 3;
  position: absolute;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  top: 20%;
  right: 0px;
  left: 0px;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    padding-right: 2rem;
  }

  @media only screen and (max-width: 1050px) {}

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.image-8 {
  height: 38.88rem;
  align-self: end;
  width: 52%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.view-5 {
  height: 2.63rem;
  margin-right: 1.38rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 30%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.image_one-2 {
  height: 44.25rem;
  margin-left: -28rem;
  position: relative;
  width: 48%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.columnview_one-3 {
  gap: 40.25rem;
  display: flex;
  width: 58%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    gap: 30.19rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    gap: 30.19rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 20.13rem;
  }
}

.view_one-3 {
  height: 2.63rem;
  margin-left: 0.25rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 80%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.view_two-3 {
  height: 2.63rem;
  background: linear-gradient(to top, #156a483a, #156a48);
  align-self: stretch;
  border-radius: 5px;
}

.ourwork {
  letter-spacing: -0.19rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.dontmissout {
  color: #ffffff !important;
  text-transform: capitalize;
  margin-top: 25px;

  @media only screen and (max-width: 1050px) {
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.class-17kfollowers-span {
  font-weight: 700;
}

.columnsendmemyf {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.rowbxslock_one {
  display: flex;
  align-items: start;

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}


.bxslock_one {
  height: 2.13rem;
  width: 2.13rem;

  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.columnprice-2 {
  margin-bottom: 0.25rem;
  padding-top: 1.63rem;
  padding-bottom: 1.63rem;
  background-color: #156a48;
  width: 72%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem 1.25rem;
  }
}

.screenshot2024-9 {
  height: 58.88rem;
  margin-bottom: 0.25rem;
  object-fit: contain;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.sendmemyfree-1 {
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.rowcontrast_one {
  display: flex;
  padding: 0.5rem 1.75rem;
  border-radius: 28px;

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.contrast_one {
  height: 1.75rem;
  width: 1.75rem;
}

.columnbequickfr {
  margin-bottom: 0.38rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.bequickfree {
  color: #ffffff !important;
  letter-spacing: -0.06rem;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}


.price {
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
  }
}

/*-------------------------------------
    4. Page CSS
  --------------------------------------*/
.columnblack_simple-one {
  gap: 0.88rem;
  border-width: 1px;
  border-style: solid;
  background-color: #373737;
  display: flex;
  width: 100%;
  flex-direction: column;

  @media only screen and (max-width: 1050px) {}

  @media only screen and (max-width: 550px) {}
}

.pop-up {
  background-color: #000000;
  width: 100%;
  padding: 5.38rem 3.5rem;

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }
}


.rowview {
  margin-left: auto;
  margin-right: auto;
  background-color: #1c1c1c;
  width: 100%;
  display: flex;
  max-width: 56.75rem;
  padding: 0.5rem 0.63rem;
  border-radius: 26px;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.lead-magnet-page {

  gap: 4rem;
  background-color: #373737;
  display: flex;
  width: 100%;
  flex-direction: column;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


.thank-you-page {
  background-color: #373737;
  width: 100%;
}

.columnblack_simple-one-1 {
  background-color: #373737;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.headerblacksimp-3 {
  margin-left: 2rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  background-color: #156a4863;
  align-self: stretch;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


.vsl {
  gap: 8.88rem;
  background-color: #373737;
  display: flex;
  width: 100%;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    gap: 6.63rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 6.63rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 4.44rem;
  }
}

.vsl-popup {
  background-color: #cecece;
  width: 100%;
  padding: 5.25rem 3.5rem;

  @media only screen and (max-width: 1440px) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}


.row-1 {
  background-color: #fff5f2;
  width: 100%;
  display: flex;
  justify-content: center;

  @media only screen and (max-width: 1440px) {}

  @media only screen and (max-width: 1050px) {}

  @media only screen and (max-width: 550px) {}
}

.column_one-1 {
  margin-top: 2rem;
  gap: 0.88rem;
  display: flex;
  width: 72%;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowscreenshot_2024-one {
  padding-top: 3.63rem;
  padding-bottom: 3.63rem;
  background-color: #ededed;
  width: 100%;

  @media only screen and (max-width: 1050px) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.screenshot2024-4 {
  height: 14rem;
  width: 100%;
  object-fit: cover;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.column-5 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
  gap: 108.5rem;
  background-color: #1c1c1c;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    gap: 81.38rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 81.38rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 54.25rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.column_eighteen {
  margin-top: 10.13rem;
  gap: 12.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 9.06rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 9.06rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 6.06rem;
  }
}

.columnprice-3 {
  margin-top: 4.13rem;
  gap: 120.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 90.06rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 90.06rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 60.06rem;
  }
}

.column-two {
  background-color: #1c1c1c;
  width: 100%;
}

.column_one-3 {
  gap: 7.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 5.69rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 5.69rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 3.81rem;
  }
}

.columndescription {
  gap: 4.63rem;
  background-color: #ffffff;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 1.63rem;

  @media only screen and (max-width: 1440px) {
    gap: 4.63rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 3.44rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 2.31rem;
    padding: 1rem;
  }
}

.description-33 {
  color: #156a48 !important;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.column-17 {
  background-color: #e7e7e7;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.columnwerethebe {
  margin-top: 3.88rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.view {
  height: 2.38rem;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  background-color: #156a48;
  width: 70%;
}

.columnholdonthe {
  margin-top: 5.75rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  gap: 9.5rem;
  display: flex;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    gap: 7.13rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 7.13rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 4.75rem;
  }
}

.row17kfollowers {
  align-self: stretch;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.rowscreenshot20 {
  height: 14rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  background-image: url(../public/images/img_group_38.png);
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.columnview-3 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  gap: 3.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 1.94rem;
  }
}

.columndontjustt {
  gap: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.werethebest {
  color: #000000 !important;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.holdonthere {
  color: #000000 !important;
  margin-left: 3.88rem;
  letter-spacing: -0.25rem;
  font-family: Futura Condensed Extra !important;
  text-align: center;
  line-height: 94%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.column17kfollow {
  gap: 1rem;
  align-self: start;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
  }
}

.screenshot2024-5 {
  height: 14rem;
  width: 96%;
  object-fit: contain;
}

.description-13 {
  color: #000000 !important;
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.testimonials-1 {
  color: #000000 !important;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.dontjusttake {
  color: #6f6f6f !important;
  letter-spacing: -0.06rem;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}


.imagefour_one {
  height: 15.75rem;
  margin-left: 3.25rem;
  width: 66%;
  object-fit: contain;
  border-radius: 126px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.class-17kfollowers {
  margin-left: 8.63rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.nathanchanceo {
  color: #000000 !important;
  margin-left: 6.25rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.11 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.63rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.description-5 {
  text-align: center;
  line-height: 131%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.column18mfollow {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.stackview-1 {
  height: 13rem;
  margin-left: 0.38rem;
  margin-right: 0.38rem;
  width: 94%;
  position: relative;
  align-content: flex-end;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.whatgives-1 {
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 101%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.imagefive_one {
  height: 15.75rem;
  margin-left: 3.75rem;
  width: 76%;
  object-fit: contain;
  border-radius: 124px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.view-4 {
  height: 2.63rem;
  margin-bottom: 2rem;
  margin-right: 14rem;
  background: linear-gradient(to top, #156a483a, #156a48);
  width: 26%;
  margin-left: auto;
  border-radius: 5px;

  @media only screen and (max-width: 1440px) {
    margin-right: 0px;
  }

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.class-18mfollowers {
  color: #000000 !important;
  margin-top: 1.13rem;
  margin-left: 6.88rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.description-14 {
  letter-spacing: -0.06rem;
  text-transform: capitalize;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  overflow-wrap: break-word;
  word-break: normal;
  margin: auto;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.description-6 {
  margin-top: 0.75rem;
  margin-left: 0.25rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;
  text-align: center;
  align-self: stretch;
  line-height: 1.63rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.danlok {
  color: #e73a04 !important;
  margin-top: 1.63rem;
  margin-left: 7.13rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.11 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.13rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.44rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.column192kfollo {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.columndescripti-3 {
  margin-left: 3rem;
  margin-right: 3rem;
  gap: 7.13rem;
  display: flex;
  width: 92%;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    gap: 7.13rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    gap: 5.31rem;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    gap: 3.56rem;
  }
}

.imagesix_one {
  height: 15.25rem;
  margin-right: 2.13rem;
  width: 66%;
  object-fit: contain;
  border-radius: 118px;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imageseventynin {
  height: 34.63rem;
  object-fit: cover;
  width: 100%;
  border-radius: 24px;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.class-192kfollowers {
  color: #000000 !important;
  margin-top: 1.13rem;
  margin-right: 5.38rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.description-15 {
  color: #000000 !important;
  letter-spacing: -0.06rem;
  text-transform: capitalize;
  font-weight: 800 !important;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.description-7 {
  margin-top: 0.75rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;
  text-align: center;
  align-self: stretch;
  line-height: 1.63rem;
}

.imageeighty_one {
  height: 32.88rem;
  object-fit: cover;
  width: 100%;
  border-radius: 20px;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.grettavanriel {
  color: #e73a04 !important;
  margin-top: 1.75rem;
  margin-right: 4.88rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.11 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.13rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.44rem;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.columnonthe {
  margin-top: 8.63rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.columnthatswher {
  align-self: stretch;
  display: flex;
  background-color: #EDEDED;
  flex-direction: column;
  align-items: center;
}

.stackprice {
  height: 44.25rem;
  align-self: stretch;
  position: relative;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.stackdescriptio {
  height: 201.63rem;
  align-self: stretch;
  position: relative;
  align-content: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.description-span-14 {
  color: #000000;
}

.row182kfollower {
  margin-left: 2.5rem;
  width: 76%;
  display: flex;
  justify-content: center;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
    margin-left: 0px;
  }
}

.onthe {
  color: #000000 !important;
  letter-spacing: -0.19rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 98%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.row-3 {
  padding-top: 7.13rem;
  padding-bottom: 7.13rem;
  background-color: #373737;
  align-self: stretch;
  display: flex;
  justify-content: center;

  @media only screen and (max-width: 1440px) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.rowprice {
  background-color: #156a48;
  box-shadow: 2px 2px 6px 0 #00000060;
  width: 42%;
  display: flex;
  justify-content: center;
  padding: 2.25rem;
  border-radius: 20px;

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.column182kfollo {
  gap: 1rem;
  align-self: center;
  display: flex;
  width: 48%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowandthatsthe {
  margin-top: 0.75rem;
  padding-left: 1.38rem;
  padding-right: 1.38rem;
  display: flex;
  justify-content: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.price-10 {
  margin-bottom: 0.38rem;
  letter-spacing: -0.06rem;
  text-align: center;
  width: 100%;
  line-height: 118%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.columndescripti-4 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.imagenine_one {
  height: 16.13rem;
  margin-left: 2.63rem;
  width: 70%;
  object-fit: contain;
  border-radius: 128px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.columnandthatst {
  gap: 4.63rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 4.63rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 3.44rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 2.31rem;
  }
}

.description-32 {
  color: #ffffff !important;
  letter-spacing: -0.06rem;
  width: 64%;
  line-height: 137%;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.andthatsthe {
  color: #156a48 !important;
  letter-spacing: -0.15rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-shadow: 0px 4px 4px #0000003f;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.andthatsthe-span-1 {
  color: #ffffff;
}

.description-21 {
  text-transform: capitalize;
  font-weight: 800 !important;
  text-shadow: 0px 4px 4px #0000003f;
  text-align: center;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.columndoesthiss {
  margin-left: 17.63rem;
  margin-right: 12.63rem;
  gap: 2.63rem;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.doesthissound {
  letter-spacing: 0rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.rowcontrast_one-1 {
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.columncontrast {
  margin-top: 0.75rem;
  display: flex;
  flex-direction: column;
}

.contrast_one-1 {
  height: 1.75rem;
}

.contrast_three {
  height: 1.75rem;
  margin-top: 9.88rem;
}

.contrast_five {
  height: 1.75rem;
  margin-top: 12.75rem;
}

.contrast_seven {
  height: 1.75rem;
  margin-top: 10.25rem;
}

.description-25 {
  color: #ffffff !important;
  letter-spacing: 0rem;
  align-self: center;
  width: 96%;
  line-height: 2.94rem;

  @media only screen and (max-width: 1440px) {
    width: 96%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.class-182kfollowers {
  margin-left: 7.13rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.price-span-1 {
  text-transform: lowercase;
  font-weight: 400;
}

.craig {
  color: #000000 !important;
  margin-left: 5.38rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.11 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.63rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.column119kfollo {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.row-5 {
  margin-top: -4rem;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.imageten_one {
  height: 16.13rem;
  margin-right: 4.63rem;
  width: 70%;
  object-fit: contain;
  border-radius: 128px;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.image-9 {
  height: 26rem;
  z-index: 1;
  align-self: end;
  width: 60%;
  position: relative;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.class-119kfollowers {
  color: #000000 !important;
  margin-top: 1rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;
  align-self: center;
}

.image_one-3 {
  height: 28rem;
  margin-left: -18.25rem;
  position: relative;
  width: 67%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.oneofthebest {
  margin-top: 0.88rem;
  font-family: Helvetica Neue !important;
  text-transform: capitalize;
  text-align: center;
  align-self: stretch;
  line-height: 1.63rem;
}

.mikedillardeigh {
  color: #e73a04 !important;
  margin-top: 1.75rem;
  margin-right: 8.13rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.11 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 2.13rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.44rem;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.thatswhere {
  color: #000000 !important;
  margin-top: 8.38rem;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-shadow: 0px 4px 4px #0000003f;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.row-4 {
  flex: 1;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    position: relative;
  }
}

.columnview-4 {
  padding-left: 3.5rem;
  padding-right: 36.75rem;
  gap: 0.38rem;
  z-index: 3;
  position: absolute;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  top: 20%;
  right: 0px;
  left: 0px;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    padding-right: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.image-8 {
  height: 38.88rem;
  align-self: end;
  width: 52%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.view-5 {
  height: 2.63rem;
  margin-right: 1.38rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 30%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.image_one-2 {
  height: 44.25rem;
  margin-left: -28rem;
  position: relative;
  width: 48%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.columnview_one-3 {
  gap: 40.25rem;
  display: flex;
  width: 58%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    gap: 30.19rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    gap: 30.19rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 20.13rem;
  }
}

.view_one-3 {
  height: 2.63rem;
  margin-left: 0.25rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 80%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.view_two-3 {
  height: 2.63rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  align-self: stretch;
  border-radius: 5px;
}

.stackourwork {
  height: 273.88rem;
  margin-top: 12.13rem;
  background-image: url(../public/images/img_group_122.png);
  background-size: cover;
  background-repeat: no-repeat;
  align-self: stretch;
  position: relative;
  padding: 6.13rem 9.88rem;

  @media only screen and (max-width: 1440px) {
    padding: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columnourwork-1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  top: 2%;
  right: 0px;
  left: 0px;
  margin: auto 1.75rem;

  @media only screen and (max-width: 1440px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.ourwork-1 {
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.row_four {
  margin-top: 51.88rem;
  align-self: stretch;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.row_three {
  gap: 2.25rem;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.image_eight {
  height: 51.13rem;
  margin-top: 0.63rem;
  width: 44%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-top: 0px;
  }
}

.image_nine {
  height: 50.13rem;
  width: 46%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.image_ten {
  height: 50.13rem;
  width: 22%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.testimonials {
  margin-top: 25.63rem;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.stack {
  height: 98.5rem;
  flex: 1;
  position: absolute;
  top: 8%;
  right: 0px;
  left: 0px;
  margin: auto;
}

.image_eleven {
  height: 50.13rem;
  width: 20%;
  object-fit: contain;
  position: absolute;
  bottom: 0.06rem;
  right: 0rem;
  margin: auto;
}

.image_twelve {
  height: 50.13rem;
  width: 22%;
  object-fit: contain;
  position: absolute;
  right: 2%;
  top: 0rem;
  margin: auto;
}

.column_sixteen {
  padding-top: 7.88rem;
  padding-bottom: 7.88rem;
  background-color: #ededed;
  align-self: stretch;

  @media only screen and (max-width: 1440px) {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.column_fifteen {
  margin-top: 1rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.columnfaq {
  gap: 4rem;
  display: flex;
  width: 92%;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    gap: 2rem;
  }
}

.faq {
  color: #000000 !important;
  letter-spacing: 0rem;
  font-family: FONTSPRING DEMO - PODIUM Sharp 2.12 !important;
  text-transform: uppercase;
  font-weight: 900 !important;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.columnlinefifte {
  gap: 1.13rem;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;
}

.stacklineseven {
  height: 100.13rem;
  align-self: stretch;
  position: relative;
}

.stack-1 {
  height: 100.13rem;
  flex: 1;
  position: absolute;
  align-content: center;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.description-29 {
  color: #000000 !important;
  letter-spacing: -0.19rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  width: 94%;
  line-height: 3.75rem;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.column-14 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto 5rem;

  @media only screen and (max-width: 1440px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.class-_ {
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.one {
  margin-top: 5.38rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.two {
  margin-top: 4.75rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.four {
  margin-top: 3.25rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.five {
  margin-top: 3.75rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.six {
  margin-top: 6.25rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.eight {
  margin-top: 6.13rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.nine {
  margin-top: 6.88rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.columnlineseven {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: absolute;
  bottom: 0.25rem;
  right: 0px;
  left: 0px;
  margin: auto;
}

.lineseventeen {
  height: 0.06rem;
  margin-top: 10.5rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linesixteen_one {
  height: 0.06rem;
  margin-top: 8.5rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linenineteen {
  height: 0.06rem;
  margin-top: 7.38rem;
  background-color: #7e7e7e;
  width: 94%;
}

.lineeighteen {
  height: 0.06rem;
  margin-top: 10.38rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwentyone {
  height: 0.06rem;
  margin-top: 11rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwenty_one {
  height: 0.06rem;
  margin-top: 8rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwentytwo {
  height: 0.06rem;
  margin-top: 10.88rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwentythree {
  height: 0.06rem;
  margin-top: 11.13rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwentyfour {
  height: 0.06rem;
  margin-top: 11.63rem;
  background-color: #7e7e7e;
  width: 94%;
}

.rowlimited {
  padding-top: 3.63rem;
  padding-bottom: 3.63rem;
  background-color: #23201f;
  align-self: stretch;

  @media only screen and (max-width: 1050px) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.columnlimited {
  margin-bottom: 5.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stack_one {
  height: 41.75rem;
  margin-top: 4.38rem;
  align-self: stretch;
  position: relative;
}

.column-6 {
  gap: 3.25rem;
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: absolute;
  right: 0rem;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: max-content;

  @media only screen and (max-width: 550px) {
    gap: 1.63rem;
  }
}

.description-23 {
  letter-spacing: 0rem;
  font-weight: 400 !important;
  width: 54%;
  line-height: 2.44rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.description-24 {
  letter-spacing: 0rem;
  font-weight: 400 !important;
  width: 60%;
  line-height: 2.44rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.image_thirteen {
  height: 40.25rem;
  width: 44%;
  object-fit: contain;
  position: absolute;
  left: 0rem;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
}

.claim_your_free-3 {
  color: #ffffff !important;
  margin-top: 5.13rem;
  margin-left: 23.13rem;
  margin-right: 23.13rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  letter-spacing: -0.13rem;
  text-transform: capitalize;
  font-size: 3.44rem;
  background-color: #156a48 !important;
  height: 6.63rem;
  border-radius: 10px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.imageeightytwo {
  height: 1.5rem;
  margin-top: 1.88rem;
  width: 20%;
  object-fit: contain;
}

.columnview_one-2 {
  margin-top: 4.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  gap: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.stackview_one-1 {
  height: 6.13rem;
  width: 34%;
  position: relative;
}

.view_one-2 {
  height: 0.75rem;
  background: linear-gradient(90deg, #ffffff16, #156a4859, #156a48);
  flex: 1;
  position: absolute;
  bottom: 0rem;
  right: 0px;
  left: 0px;
  margin: auto;
}

.remember {
  color: #000000 !important;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  position: absolute;
  right: 0rem;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: max-content;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.stackview_two {
  height: 28.5rem;
  align-self: stretch;
  position: relative;
  align-content: flex-end;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.view_two-2 {
  height: 2.63rem;
  margin-bottom: 0.25rem;
  background: linear-gradient(to top, #156a483a, #156a48);
  width: 30%;
  margin-left: auto;
  margin-right: 24rem;
  border-radius: 5px;
}

.description-20 {
  letter-spacing: 0rem;
  font-family: Poppins !important;
  text-align: center;
  flex: 1;
  line-height: 3.56rem;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.row_five {
  margin-top: 6.88rem;
  background-color: #000000;
  align-self: stretch;
  padding: 3.25rem;

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.rowblacksimple-6 {
  margin-bottom: 3.5rem;
  display: flex;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.columnblacksimp-1 {
  gap: 0.88rem;
  display: flex;
  width: 26%;
  flex-direction: column;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.blacksimple_one-5 {
  height: 6.13rem;
  width: 78%;
  object-fit: contain;
}

.rowrifacebook {
  display: flex;
  align-items: center;
}

.rifacebook_one {
  height: 2.38rem;
  z-index: 9;
  width: 2.38rem;
  position: relative;
}

.mdilinkedin_one {
  height: 2.5rem;
  margin-left: -0.13rem;
  position: relative;
}

.mdiyoutube_one-1 {
  height: 2.5rem;
}

.icbaseline_one-1 {
  height: 2.38rem;
  width: 2.38rem;
}

.columnlinetwent-1 {
  margin-top: 0.75rem;
  gap: 0.63rem;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.rowlinetwentyfi-1 {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}

.linetwentyseven-1 {
  height: 0.19rem;
  margin-right: 19.5rem;
  background-color: #156a48;
  width: 4%;
}

.rowbookacallour {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.bookacallour {
  margin-top: 0.88rem;
  align-self: end;
  width: 14%;
  line-height: 1.94rem;

  @media only screen and (max-width: 1440px) {
    width: 14%;
  }

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.termandconditio {
  width: 26%;
  line-height: 4.25rem;

  @media only screen and (max-width: 1440px) {
    width: 26%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.servicesvideo {
  color: #ffffff !important;
  margin-right: 9.63rem;
  font-family: Assistant !important;
  font-weight: 700 !important;
  width: 18%;
  line-height: 2.69rem;

  @media only screen and (max-width: 1440px) {
    width: 18%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.columnscreensho-2 {
  margin-top: 4.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}


.description-16 {
  color: #000000 !important;
  letter-spacing: 0rem;
  text-align: center;
  align-self: stretch;
  line-height: 2.94rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.screenshot2024-6 {
  height: 46.63rem;
  margin-top: 5.38rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.claim_your_free-1 {
  color: #ffffff !important;
  margin-top: 9.25rem;
  margin-left: 2.75rem;
  margin-right: 2.88rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  letter-spacing: -0.13rem;
  text-transform: capitalize;
  font-size: 3.44rem;
  background-color: #156a48 !important;
  align-self: stretch;
  height: 6.63rem;
  border-radius: 10px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.imagefour_one-1 {
  height: 1.5rem;
  margin-top: 1.13rem;
  width: 32%;
  object-fit: contain;
}

.column_fourteen {
  margin-top: 10.75rem;
  align-self: stretch;
}

.column_one-2 {
  background-color: #e7e7e7;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.25rem;

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columnwhatmakes {
  margin-top: 4.75rem;
  gap: 10.75rem;
  display: flex;
  width: 82%;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    gap: 8.06rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    gap: 8.06rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 5.38rem;
  }
}

.whatmakes {
  color: #000000 !important;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 5.88rem;


}

.columnfulltime {
  gap: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 550px) {
    gap: 1.75rem;
  }
}

.gridfulltime {
  gap: 1.88rem;
  display: grid;
  align-self: stretch;
  row-gap: 3.63rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: center;

  @media only screen and (max-width: 1440px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  @media only screen and (max-width: 1050px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  @media only screen and (max-width: 550px) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}


.column-7 {
  padding-left: 2.63rem;
  padding-right: 2.63rem;
  gap: 12.5rem;
  display: flex;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    gap: 9.38rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 9.38rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 6.25rem;
  }
}

.rowfluentmdltwo {
  gap: 2.88rem;
  display: flex;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.column14day {
  gap: 1rem;
  background-color: #000000;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  padding: 2.13rem 3.13rem;
  border-radius: 20px;
  border: 3px solid #156a48;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columnfluentmdl {
  background-color: #156a48;
  width: 18%;
  padding: 0.63rem;
  border-radius: 44px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.fluentmdltwo {
  height: 3.13rem;
  width: 4.13rem;
}

.class-14day {
  margin-bottom: 0.5rem;
  letter-spacing: 0rem;
  width: 88%;
  line-height: 2.75rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.columnourexclus {
  gap: 1.63rem;
  background-color: #000000;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: start;
  padding: 2.13rem 3.5rem 2.13rem 3.75rem;
  border-radius: 20px;
  border: 3px solid #156a48;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columneosicons {
  background-color: #156a48;
  width: 20%;
  padding: 0.5rem;
  border-radius: 44px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.eosicons_one {
  height: 3.63rem;
  width: 4.63rem;
}

.ourexclusive {
  margin-bottom: 2.75rem;
  letter-spacing: 0rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.rowcontrast {
  margin-left: 8.88rem;
  margin-right: 7.88rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.columncontrast-1 {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.contrast_nine {
  height: 1.75rem;
  align-self: start;
  width: 1.75rem;
}

.contrast_eleven {
  height: 1.75rem;
  margin-top: 36.75rem;
  align-self: start;
  width: 1.75rem;
}

.contrast {
  height: 1.75rem;
  margin-top: 25.63rem;
  margin-left: 0.25rem;
  align-self: start;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.image-7 {
  height: 26.5rem;
  margin-top: 20.13rem;
  margin-right: 0.25rem;
  width: 66%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.contrast-2 {
  height: 1.75rem;
  margin-top: 22.88rem;
  width: 1.75rem;
}

.description-26 {
  letter-spacing: 0rem;
  align-self: center;
  width: 94%;
  line-height: 2.75rem;

  @media only screen and (max-width: 1440px) {
    width: 94%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.stackpricing {
  height: 220rem;
  background-image: url(../public/images/img_group_125.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  padding: 4.75rem 16.88rem;

  @media only screen and (max-width: 1440px) {
    padding: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.pricing {
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  position: absolute;
  top: 2%;
  right: 0px;
  left: 0px;
  width: max-content;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.column_three {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: absolute;
  top: 7%;
  right: 0px;
  left: 0px;
  margin: auto;
}

.image_one-1 {
  height: 13rem;
  margin-left: 6rem;
  z-index: 2;
  width: 36%;
  position: relative;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.column_two {
  margin-top: -12.13rem;
  position: relative;
  background: linear-gradient(180deg, #2d2d2d, #474747);
  box-shadow: 8px 2px 32px -7px #0000000c;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.88rem;
  border-radius: 60px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnlinetwent-3 {
  margin-bottom: 0.88rem;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnwhale {
  gap: 0.13rem;
  display: flex;
  width: 26%;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.image_two-1 {
  height: 9.25rem;
  width: 9.25rem;
}

.whale {
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.columnprice-2 {
  margin-top: 2.38rem;
  margin-left: 1rem;
  margin-right: 1rem;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.price-4 {
  color: #7e7e7e !important;
  letter-spacing: -0.06rem;
  font-family: "Futura", sans-serif !important;
  z-index: 1;
  position: relative;
}

.price-5 {
  margin-top: -0.13rem;
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  position: relative;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.linetwentyeight {
  height: 0.06rem;
  margin-top: 1.13rem;
  background-color: #ffffff;
  align-self: stretch;
  width: 100%;
}

.theultimate {
  color: #ffffff !important;
  margin-top: 1.38rem;
  margin-left: 1rem;
  letter-spacing: 0rem;
  font-family: Poppins !important;
  align-self: start;
  width: 88%;
  line-height: 1.94rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.rowhugeiconstic-1 {
  margin-top: 1.88rem;
  margin-left: 2.25rem;
  margin-right: 3.75rem;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.columnhugeicons-2 {
  gap: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.description-27 {
  color: #ffffff !important;
  letter-spacing: 0rem;
  font-family: Poppins !important;
  text-transform: capitalize;
  width: 90%;
  line-height: 1.81rem;

  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.canvapremium {
  color: #ffffff !important;
  margin-top: 2.75rem;
  margin-left: 2.88rem;
  letter-spacing: 0rem;
  align-self: start;
  line-height: 2.19rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.book_a_call {
  color: #ffffff !important;
  margin-top: 1.88rem;
  margin-left: 5rem;
  margin-right: 5rem;
  padding-left: 1.88rem;
  padding-right: 1.88rem;
  letter-spacing: -0.06rem;
  text-transform: uppercase;
  font-size: 2.5rem;
  background-color: #156a48 !important;
  align-self: stretch;
  height: 4.5rem;
  border-radius: 10px !important;
  border: 4px solid #156a48;

  @media only screen and (max-width: 1440px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.column_six {
  background: linear-gradient(180deg, #2d2d2d, #474747);
  box-shadow: 8px 2px 32px -7px #0000000c;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  right: 14%;
  top: 7%;
  padding: 0.63rem;
  margin: auto;
  border-radius: 60px;
}

.columnlinetwent-2 {
  margin-bottom: 1.13rem;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.stackshark {
  height: 14.38rem;
  margin-left: 3.25rem;
  margin-right: 3.25rem;
  align-self: stretch;
  position: relative;
  align-content: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.image_three-1 {
  height: 11rem;
  z-index: 3;
  position: relative;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.shark {
  margin-top: -1.13rem;
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  position: relative;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.image_four {
  height: 9.25rem;
  z-index: 4;
  width: 9.25rem;
  position: absolute;
  top: 0.25rem;
  right: 0px;
  left: 0px;
  margin: auto;
}

.column_four {
  margin-top: 2.25rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  gap: 0.13rem;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.theultimate_one {
  color: #ffffff !important;
  margin-top: 0.88rem;
  margin-left: 0.5rem;
  letter-spacing: 0rem;
  font-family: Poppins !important;
  align-self: start;
  width: 88%;
  line-height: 1.94rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.rowhugeiconstic {
  margin-top: 2.63rem;
  margin-left: 2.25rem;
  margin-right: 0.75rem;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.hugeiconstick-3 {
  height: 2.25rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-4 {
  height: 2.25rem;
  margin-top: 1.25rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-12 {
  height: 2.38rem;
  margin-top: 2.63rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-13 {
  height: 2.38rem;
  margin-top: 1.38rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-6 {
  height: 2.38rem;
  margin-top: 1.63rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.ouicross_one {
  height: 2.13rem;
  margin-top: 1.5rem;
  width: 2.13rem;
}

.column_five {
  gap: 9.63rem;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    gap: 7.19rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 7.19rem;
  }

  @media only screen and (max-width: 550px) {
    align-self: stretch;
    gap: 4.81rem;
  }
}

.description-28 {
  color: #ffffff !important;
  margin-left: 0.75rem;
  letter-spacing: 0rem;
  font-family: Poppins !important;
  text-transform: capitalize;
  width: 100%;
  line-height: 1.81rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.book_a_call-1 {
  color: #ffffff !important;
  padding-left: 1.88rem;
  padding-right: 1.88rem;
  letter-spacing: -0.06rem;
  text-transform: uppercase;
  font-size: 2.5rem;
  background-color: #156a48 !important;
  height: 4.5rem;
  min-width: 25.63rem;
  border-radius: 10px !important;
  border: 4px solid #156a48;

  @media only screen and (max-width: 1440px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.columnfifteen {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: start;
  position: absolute;
  bottom: 5%;
  right: 0px;
  left: 0px;
  margin: auto;
}

.fifteen_one {
  height: 15rem;
  margin-left: 6.13rem;
  z-index: 6;
  width: 36%;
  position: relative;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.column_nine {
  margin-top: -13.13rem;
  position: relative;
  background: linear-gradient(180deg, #2d2d2d, #474747);
  box-shadow: 8px 2px 32px -7px #0000000c;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.88rem;
  border-radius: 60px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.image_five {
  height: 9.25rem;
  z-index: 5;
  width: 9.25rem;
  position: relative;
}

.rowhugeiconstic-2 {
  margin-top: 2.88rem;
  margin-left: 2.5rem;
  margin-right: 3.63rem;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.hugeiconstick-30 {
  height: 2.25rem;
  margin-top: 0.88rem;
  width: 2.25rem;
}

.ouicross_three {
  height: 2.13rem;
  margin-top: 2rem;
  align-self: end;
  width: 2.13rem;
}

.column_eight {
  gap: 4.75rem;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    gap: 4.75rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 3.56rem;
  }

  @media only screen and (max-width: 550px) {
    align-self: stretch;
    gap: 2.38rem;
  }
}

.stackhugeiconst {
  height: 89.5rem;
  z-index: 7;
  flex: 1;
  position: absolute;
  align-content: center;
  bottom: 5%;
  right: 0px;
  left: 0px;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.column_thirteen {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-left: auto;
  margin-right: auto;
}

.columnhugeicons {
  margin-right: 6rem;
  width: 38%;
  display: flex;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-right: 0px;
  }
}


.rowhugeiconstic-3 {
  display: flex;
  align-items: center;

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.hugeiconstick-15 {
  height: 2.38rem;
  margin-bottom: 3rem;
  align-self: end;

  @media only screen and (max-width: 550px) {
    align-self: auto;
    width: 100%;
  }
}

.sixteen_one {
  height: 12.5rem;
  margin-left: -1.25rem;
  position: relative;
  width: 92%;
  object-fit: contain;

  @media only screen and (max-width: 550px) {
    width: 100%;
    margin-left: 0px;
  }
}

.hugeiconstick-2 {
  height: 2.38rem;
  margin-top: -1.75rem;
  position: relative;
}

.column_twelve {
  margin-top: -12.5rem;
  position: relative;
  background: linear-gradient(180deg, #2d2d2d, #474747);
  box-shadow: 8px 2px 32px -7px #0000000c;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.88rem;
  border-radius: 60px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.image_six {
  height: 9.25rem;
  z-index: 8;
  width: 9.25rem;
  position: relative;
}

.rowhugeiconstic-4 {
  margin-top: 2.63rem;
  margin-left: 2.25rem;
  margin-right: 3.63rem;
  align-self: stretch;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.hugeiconstick-51 {
  height: 2.38rem;
  margin-top: 0.5rem;
}

.column_eleven {
  gap: 12rem;
  align-self: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    gap: 9rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 9rem;
  }

  @media only screen and (max-width: 550px) {
    align-self: stretch;
    gap: 6rem;
  }
}

.hugeiconstick-1 {
  height: 2.38rem;
  position: absolute;
  right: 39%;
  top: 16%;
  margin: auto;
}

.columnhowwemake {
  margin-top: 7rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.stackhowwemakei {
  height: 15.75rem;
  width: 96%;
  position: relative;
  align-content: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.howwemakeit {
  color: #000000 !important;
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  flex: 1;
  line-height: 7.25rem;
  margin-left: auto;
  margin-right: auto;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.hugeiconstick {
  height: 2.38rem;
  position: absolute;
  bottom: 31%;
  right: 36%;
  margin: auto;
}

.rowduration {
  margin-top: 8.75rem;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rowweuivideocal {
  align-self: end;
  background-color: #156a48;
  display: flex;
  padding: 1.13rem 1rem;
  border-radius: 56px;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
  }
}

.weuivideocall {
  height: 4.75rem;
  width: 94%;
  object-fit: contain;
}

.duration-1 {
  color: #000000 !important;
  margin-left: 1.5rem;
  letter-spacing: 0rem;
  width: 46%;
  line-height: 3.88rem;

  @media only screen and (max-width: 1440px) {
    width: 46%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.69rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.image_seven {
  height: 7.13rem;
  margin-top: 0.75rem;
  margin-left: 2.75rem;
  align-self: end;
  width: 7.13rem;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
    margin-left: 0px;
  }
}

.steptwo {
  color: #000000 !important;
  margin-left: 1.13rem;
  letter-spacing: 0rem;
  width: 36%;
  line-height: 3.88rem;

  @media only screen and (max-width: 1440px) {
    width: 36%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.69rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.columneasilyupl {
  margin-top: 0.38rem;
  padding-left: 1rem;
  padding-right: 1rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.roweasilyupload {
  margin-left: 2.25rem;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
  }
}

.description-19 {
  letter-spacing: 0rem;
  align-self: center;
  width: 44%;
  line-height: 2.88rem;

  @media only screen and (max-width: 1440px) {
    width: 44%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.easilyupload {
  letter-spacing: 0rem;
  width: 36%;
  line-height: 2.88rem;

  @media only screen and (max-width: 1440px) {
    width: 36%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.row_one-2 {
  margin-top: 10rem;
  z-index: 10;
  width: 70%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rowstep3watch {
  margin-top: 0.88rem;
  gap: 1.38rem;
  align-self: end;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    flex-direction: column;
  }

  @media only screen and (max-width: 550px) {
    align-self: auto;
  }
}

.roweye_one {
  margin-top: 0.25rem;
  align-self: end;
  background-color: #156a48;
  display: flex;
  padding: 0.5rem;
  border-radius: 56px;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    margin-top: 0px;
  }
}

.eye_one {
  height: 5.75rem;
  align-self: end;
  width: 5.75rem;
}

.step3watch {
  color: #000000 !important;
  letter-spacing: 0rem;
  width: 76%;
  line-height: 3.88rem;

  @media only screen and (max-width: 1440px) {
    width: 76%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.rowstep4perfect {
  gap: 1.25rem;
  width: 46%;
  display: flex;
  justify-content: center;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.rowtelevision {
  margin-top: 0.25rem;
  align-self: end;
  background-color: #156a48;
  display: flex;
  padding: 1.13rem;
  border-radius: 56px;

  @media only screen and (max-width: 550px) {
    align-self: auto;
    margin-top: 0px;
  }
}

.step4perfect {
  color: #000000 !important;
  letter-spacing: 0rem;
  width: 72%;
  line-height: 3.88rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 550px) {
    width: 100%;
    font-size: 1.31rem;
  }
}

.row_two {
  width: 68%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.description-17 {
  letter-spacing: 0rem;
  width: 42%;
  line-height: 2.88rem;

  @media only screen and (max-width: 1440px) {
    width: 42%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.description-18 {
  letter-spacing: 0rem;
  width: 40%;
  line-height: 2.88rem;

  @media only screen and (max-width: 1440px) {
    width: 40%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.columnclock_one {
  margin-top: -10rem !important;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rowstep5getit {
  margin-left: 14.88rem;
  margin-right: 16rem;
  gap: 1.38rem;
  display: flex;
  align-self: stretch;
  justify-content: center;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.rowclock_one {
  background-color: #156a48;
  display: flex;
  padding: 0.75rem;
  border-radius: 56px;
}

.clock_one {
  height: 5.38rem;
  width: 5.38rem;
}

.columnstep5geti {
  margin-top: 0.5rem;
  gap: 0.63rem;
  align-self: end;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }

  @media only screen and (max-width: 550px) {
    align-self: auto;
  }
}

.step5getit {
  color: #000000 !important;
  letter-spacing: 0rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.description-22 {
  letter-spacing: 0rem;
  width: 100%;
  line-height: 2.88rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.claim_your_free-2 {
  color: #ffffff !important;
  margin-top: 11rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  letter-spacing: -0.13rem;
  text-transform: capitalize;
  font-size: 3.44rem;
  background-color: #156a48 !important;
  align-self: stretch;
  height: 6.63rem;
  border-radius: 10px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.imageeightyone {
  height: 1.5rem;
  margin-top: 1.88rem;
  width: 34%;
  object-fit: contain;
}

.rowcheckmark {
  margin-top: 6.63rem;
  gap: 1.5rem;
  align-self: stretch;
  display: flex;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.columncheckmark {
  gap: 13.5rem;
  display: flex;
  width: 26%;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    gap: 10.13rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    gap: 10.13rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 6.75rem;
  }
}

.rowcheckmark-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}

.image-1 {
  height: 7.75rem;
  object-fit: contain;
}

.highlight {
  font-weight: 300;

}

.columncheckmark-1 {
  gap: 15.25rem;
  display: flex;
  flex-direction: column;
  align-items: end;

  @media only screen and (max-width: 1440px) {
    gap: 11.44rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 11.44rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 7.63rem;
  }
}

.description-9 {
  color: #000000 !important;
  margin-top: 1.5rem;
  letter-spacing: -0.13rem;
  font-weight: 700 !important;
  align-self: center;
  width: 50%;
  line-height: 153%;

  @media only screen and (max-width: 1440px) {
    width: 50%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 2.13rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-top: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.columnbxslock-1 {
  margin-top: 8.88rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.rowsendmemyfree-1 {
  margin-left: 9.75rem;
  margin-right: 9.75rem;
  background-color: #156a48;
  align-self: stretch;
  padding: 1.25rem;
  border-radius: 20px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.rowbxslock_one-1 {
  margin-top: 3.38rem;
  display: flex;
  align-items: start;

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.whatgives {
  color: #000000 !important;
  margin-top: 8.75rem;
  letter-spacing: -0.19rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 90%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.rowview-2 {
  margin-top: 4.5rem;
  align-self: stretch;
  display: flex;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.image_one {
  height: 8.5rem;
  width: 12%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.stackview {
  height: 177.63rem;
  margin-top: 2.13rem;
  padding-left: 22.5rem;
  padding-right: 22.5rem;
  align-self: center;
  flex: 1;
  position: relative;

  @media only screen and (max-width: 1440px) {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
    width: 100%;
    flex: unset;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.columnview-2 {
  gap: 0.38rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: end;
  position: absolute;
  top: 23%;
  right: 0px;
  left: 0px;
  margin: auto;
}

.view-3 {
  height: 2.63rem;
  margin-right: 14.88rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 50%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.columnview_one-1 {
  gap: 40.25rem;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    gap: 30.19rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 30.19rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 20.13rem;
  }
}

.view_one-1 {
  height: 2.63rem;
  margin-left: 0.25rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 62%;
  border-radius: 5px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.view_two-1 {
  height: 2.63rem;
  background: linear-gradient(to right, #156a483a, #156a48);
  width: 76%;
  border-radius: 5px;
}

.description-10 {
  letter-spacing: -0.06rem;
  width: 76%;
  line-height: 137%;
  position: absolute;
  left: 22%;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
  height: max-content;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.column15thsepte {
  margin-top: 7.5rem;
  padding-left: 3.5rem;
  padding-right: 28.63rem;
  display: flex;
  flex-direction: column;
  align-items: end;

  @media only screen and (max-width: 1440px) {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.class-15thseptember {
  color: #000000 !important;
  letter-spacing: -0.06rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.rowtime {
  margin-top: 1.88rem;
  gap: 28.88rem;
  align-self: stretch;
  display: flex;
  justify-content: flex-end;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    gap: 1.25rem;
  }
}

.time {
  color: #ffffff !important;
  margin-bottom: 2rem;
  letter-spacing: 0rem;
  background-color: #000000;
  padding: 0.5rem 2.13rem;
  border-radius: 42px;

  @media only screen and (max-width: 1050px) {
    font-size: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-bottom: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.63rem;
  }
}

.image_two {
  height: 4.88rem;
  align-self: end;
  width: 18%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.columngrabyourf {
  margin-top: 2.38rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  gap: 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 1.88rem;
  }
}

.grabyourfree-1 {
  color: #000000 !important;
  letter-spacing: -0.38rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 94%;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.stacksendmemyfr-1 {
  height: 88.13rem;
  margin-left: 0.5rem;
  width: 82%;
  position: relative;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.rowsendmemyfree-2 {
  background-color: #156a48;
  flex: 1;
  position: absolute;
  bottom: -0.06rem;
  right: 0px;
  left: 0px;
  padding: 1.25rem;
  margin: auto;
  border-radius: 20px;
}

.columndescripti-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;
}

.description-12 {
  letter-spacing: -0.06rem;
  width: 72%;
  line-height: 127%;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.image_three {
  height: 81.25rem;
  margin-top: -7.38rem;
  margin-right: 2.25rem;
  position: relative;
  object-fit: cover;
  width: 100%;

  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    margin-right: 0px;
  }
}

.readmore {
  color: #6f6f6f !important;
  letter-spacing: -0.06rem;
  font-weight: 400 !important;

  @media only screen and (max-width: 1050px) {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.row_one-1 {
  margin-top: 0.25rem;
  padding-top: 1.63rem;
  padding-bottom: 1.63rem;
  background-color: #212121;
  align-self: stretch;
  display: flex;
  justify-content: center;

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.row-2 {
  margin-bottom: 1rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  justify-content: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.description-11 {
  color: #ffffff !important;
  letter-spacing: 0rem;
  text-align: center;
  flex: 1;
  line-height: 145%;
}

.newscreenbody {
  margin-bottom: 0.25rem;
  margin-left: 11.75rem;
  margin-right: 13.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.grabyourfree {
  margin-top: 3.13rem;
  letter-spacing: -0.38rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-align: center;
  align-self: stretch;
  line-height: 94%;
}

.column {
  margin-bottom: 0.25rem;
  margin-left: 12.63rem;
  margin-right: 12.63rem;
  gap: 3.13rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.newscreenbody-1 {
  margin-top: 8.5rem;
  margin-left: 15.5rem;
  margin-right: 15.5rem;
  gap: 6.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    gap: 6.63rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 4.94rem;
    margin-left: 0px;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    gap: 3.31rem;
  }
}

.columnclick {
  padding-left: 0.63rem;
  padding-right: 0.63rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.newscreenbody-3 {
  margin-bottom: 0.25rem;
  margin-left: 17.63rem;
  margin-right: 17.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.columnscreensho {
  width: 88%;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnprice-1 {
  margin-bottom: 0.25rem;
  padding-top: 1.63rem;
  padding-bottom: 1.63rem;
  background-color: #156a48;
  width: 72%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem 1.25rem;
  }
}

.screenshot2024-7 {
  height: 58.88rem;
  margin-bottom: 0.25rem;
  width: 100%;
  object-fit: contain;
  max-width: 93.88rem;
  margin-left: auto;
  margin-right: auto;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.columnscreensho-3 {
  margin-top: 3.38rem;
  width: 74%;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.yourcallis {
  letter-spacing: -0.25rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-shadow: 0px 4px 7px #0000003f;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.newscreenbody-2 {
  height: 53.75rem;
  margin-left: 0.38rem;
  position: relative;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.screenshot2024-3 {
  height: 35.38rem;
  margin-top: 3.5rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.screenshot2024-8 {
  height: 11.25rem;
  object-fit: contain;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.settings_one {
  height: 0.75rem;
}

.rowview-1 {
  gap: 0.38rem;
  display: flex;
  width: 46%;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  border-radius: 28px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    flex-direction: column;
  }
}

.row {
  flex: 1;
  display: flex;
  position: absolute;
  bottom: 0rem;
  right: 0px;
  left: 0px;
  margin: auto;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    position: relative;
  }
}

.rowcontrast_one {
  display: flex;
  padding: 0.5rem 1.75rem;
  border-radius: 28px;

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.columnview {
  background-color: #fd200f38;
  width: 6%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.25rem;
  border-radius: 14px;

  @media only screen and (max-width: 550px) {
    width: 100%;
  }
}

.contrast_one {
  height: 1.75rem;
  width: 1.75rem;
}

.view-1 {
  height: 1.13rem;
  background-color: #fd200f;
  width: 1.13rem;
  border-radius: 8px;
}

.view-1-vsl {
  height: 1.13rem;
  background-color: #156A48;
  width: 1.13rem;
  border-radius: 8px;
}

.shockingfree {
  letter-spacing: 0rem;
  font-weight: 700 !important;
  align-self: end;

  @media only screen and (max-width: 550px) {
    align-self: auto;
  }
}

.rowclick_here {
  flex: 1;
  display: flex;
  justify-content: flex-end;

  @media only screen and (max-width: 1050px) {
    align-self: stretch;
  }
}

.one_one {
  height: 52rem;
  width: 48%;
  object-fit: contain;
  position: absolute;
  left: 0.63rem;
  bottom: 0px;
  top: 0px;
  margin-top: auto;
  margin-bottom: auto;
}

.copyofnine_one {
  height: 43.88rem;
  width: 44%;
  object-fit: contain;
  position: absolute;
  right: 1.13rem;
  top: 1.5rem;
  margin: auto;
}

.duration {
  letter-spacing: -0.38rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  text-shadow: 0px 4px 7px #0000003f;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.stackview_one {
  height: 30.38rem;
  align-self: stretch;
  position: relative;
  align-content: flex-end;
  margin-bottom: -110px;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.screenshot2024-1 {
  height: 50.13rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.screenshot2024-2 {
  height: 47.25rem;
  margin-top: 39rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.columnbequickfr {
  margin-bottom: 0.38rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


.screenshot2024-9 {
  height: 53.5rem;
  margin-top: 1.25rem;
  object-fit: contain;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.columnview_one {
  gap: 0.23rem;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.view_one {
  height: 4rem;
  align-self: end;
  background: linear-gradient(to top, #156a483a, #156a48);
  width: 25%;
  border-radius: 10px;
  margin-right: 16px;
}

.view_two {
  height: 4.5rem;
  background: linear-gradient(to top, #156a483a, #156a48);
  align-self: stretch;
  border-radius: 10px;
  margin-bottom: 61px;
  margin-left: 70px;
  margin-right: 70px;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.description-2 {
  letter-spacing: -0.19rem;
  font-family: Inter !important;
  text-transform: uppercase;
  text-align: center;
  flex: 1;
  line-height: 127%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  height: max-content;
  margin: auto;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.columndescripti {
  padding-left: 3.5rem;
  padding-right: 3.5rem;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.columnbxslock {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  gap: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.description-4 {
  color: #ffffff !important;
  text-transform: capitalize;
  text-align: center;
  align-self: stretch;
  line-height: 134%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.38rem;
  }
}

.column-1 {
  margin-top: 4.38rem;
  padding-top: 2.13rem;
  padding-bottom: 2.13rem;
  background-color: #156a48;
  align-self: stretch;
  border-radius: 20px;

  @media only screen and (max-width: 550px) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.column2024best {
  margin-top: 3rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.description {
  color: #ffffff !important;
  text-transform: capitalize;
  text-align: center;
  line-height: 2.06rem;

  @media only screen and (max-width: 1050px) {
    font-size: 1.38rem;
  }
}

.stacksendmemyfr {
  height: 85.75rem;
  width: 82%;
  position: relative;
  align-content: center;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.class-2024best {
  color: #000000 !important;
  letter-spacing: 0rem;
  font-family: Lato !important;
  text-transform: capitalize;
}

.columndescripti-1 {
  gap: 65.13rem;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;

  @media only screen and (max-width: 1440px) {
    gap: 48.81rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 48.81rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 32.56rem;
  }
}

.price {
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
  }
}

.description-3 {
  letter-spacing: -0.06rem;
  text-align: center;
  line-height: 127%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.rowsendmemyfree {
  background-color: #156a48;
  padding: 1.88rem 1.63rem;
  border-radius: 20px;

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.sendmemyfree {
  letter-spacing: -0.13rem;
  font-family: Futura Condensed Extra !important;
  font-weight: 700 !important;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.timezone {
  color: #ffffff !important;
  margin-top: -0.25rem;
  letter-spacing: -0.06rem;
  position: relative;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.image {
  height: 81.25rem;
  width: 96%;
  object-fit: contain;
  position: absolute;
  left: 0px;
  bottom: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
}

.class-100privacyno {
  letter-spacing: -0.06rem;
  align-self: center;

  @media only screen and (max-width: 1050px) {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.screenshot2024 {
  margin-top: 20px;
  width: 96%;
  object-fit: contain;
}

.view-2 {
  height: 9.75rem;
  background-color: #156a48;
  width: 54%;
  border-radius: 14px;
}

.columnclaim {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.claim_your_free {
  color: #ffffff !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  letter-spacing: -0.13rem;
  text-transform: capitalize;
  font-size: 3.44rem;
  background-color: #156a48 !important;
  height: 6.63rem;
  border-radius: 10px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.19rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.81rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.imagethree_one {
  margin-top: 25px;
  width: 34%;
  object-fit: contain;
}

.description-1 {
  margin-top: 3.38rem;
  letter-spacing: -0.06rem;
  text-align: center;
  align-self: stretch;
  line-height: 127%;
}

.footercompany {
  height: 48.63rem;
  margin-top: 4rem;
  display: flex;
  background-image: url(../public/images/img_group_13.png);
  background-size: cover;
  background-repeat: no-repeat;
  justify-content: flex-end;
  align-items: start;
  padding: 6.25rem 3rem;

  @media only screen and (max-width: 1440px) {
    height: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.footerblacksimp {
  margin-top: 7.5rem;
  flex-direction: column;
  display: flex;
  align-self: stretch;
  align-items: start;
}

.image-10 {
  height: 5.75rem;
  margin-top: 8.38rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.columncompany {
  margin-bottom: 2.5rem;
  gap: 3.75rem;
  display: flex;
  width: 90%;
  flex-direction: column;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }

  @media only screen and (max-width: 550px) {
    gap: 1.88rem;
  }
}

.row_one {
  background-color: #000000;
  align-self: stretch;
  display: flex;
  justify-content: center;
  padding: 3.13rem;

  @media only screen and (max-width: 1050px) {
    padding: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.columnclickkeep {
  margin-top: 4.88rem;
  padding-left: 4.13rem;
  padding-right: 3.5rem;
  gap: 4.88rem;
  display: flex;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1440px) {
    gap: 4.88rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    gap: 3.63rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    gap: 2.44rem;
  }
}

.rowcompany {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.rowblacksimple-4 {
  margin-bottom: 3.63rem;
  width: 84%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
  }
}

.clickkeep {
  text-align: center;
  align-self: stretch;
  line-height: 131%;

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.columnblacksimp {
  gap: 0.88rem;
  display: flex;
  width: 24%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.blacksimple-1 {
  height: 6.13rem;
  object-fit: cover;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.rowfacebook_one {
  margin-left: 0.75rem;
  display: flex;
  align-items: center;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.facebook_one {
  height: 2.13rem;
}

.link_one {
  height: 2rem;
  margin-left: 0.75rem;
  width: 2rem;
}

.mdiinstagram {
  height: 2.5rem;
  margin-left: 0.38rem;
  width: 2.5rem;
}

.rowservices {
  width: 48%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnlinetwent {
  margin-top: 0.88rem;
  gap: 0.63rem;
  align-self: center;
  display: flex;
  width: 66%;
  flex-direction: column;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowlinetwentyfi {
  width: 84%;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowbook_a_call {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 1.25rem;

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
  }
}

.columnbook_a {
  margin-top: 0.88rem !important;
  gap: 0.38rem;
  align-self: end;
  display: flex;
  width: 36%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    align-self: auto;
    width: 100%;
  }
}

.columntermandco {
  gap: 0.38rem;
  display: flex;
  width: 44%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnservices {
  gap: 0.38rem;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.blacksimple {
  height: 6.13rem;
  align-self: center;
  width: 22%;
  object-fit: contain;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.rowabout_us {
  width: 74%;
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    flex-direction: column;
    width: 100%;
  }
}

.keep_watching {
  color: #ffffff !important;
  margin-left: 5rem;
  padding-left: 2.13rem;
  padding-right: 2.13rem;
  letter-spacing: -0.13rem;
  font-size: 4.38rem;
  background-color: #156a48 !important;
  height: 8.25rem;
  min-width: 53.63rem;
  border-radius: 14px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
    margin-left: 0px;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.columnabout_us {
  gap: 2.25rem;
  display: flex;
  width: 28%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnsearcheng {
  gap: 2.25rem;
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.columnseo {
  gap: 2.25rem;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.columncopyright {
  padding-top: 1.63rem;
  padding-bottom: 1.63rem;
  gap: 0.38rem;
  background-color: #212121;
  display: flex;
  width: 34%;
  flex-direction: column;
  align-items: end;

  @media only screen and (max-width: 1440px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  @media only screen and (max-width: 550px) {
    padding: 1rem 1.25rem;
  }
}

.timezone-link {
  margin-bottom: 1rem;
}

.columnname {
  width: 100%;
  max-width: 53.63rem;
  margin: 6.75rem auto 0.5rem auto;
}

.name {
  color: #555555 !important;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #ffffff !important;
  height: 7.25rem;
  border-radius: 10px !important;
}

.send_me_my_free {
  color: #ffffff !important;
  margin-top: 0.75rem;
  padding-left: 2.13rem;
  padding-right: 2.13rem;
  letter-spacing: -0.13rem;
  text-transform: uppercase;
  font-size: 4rem;
  background-color: #156a48 !important;
  align-self: stretch;
  height: 8.25rem;
  border-radius: 14px !important;

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }

  @media only screen and (max-width: 550px) {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.class-17kfollowers-span-1 {
  text-transform: lowercase;
}

.timezone-2 {
  font-family: Helvetica Neue !important;
  text-transform: capitalize;
  text-align: center;
  align-self: stretch;
  line-height: 1.63rem;
}

.nathanchanceo-span {
  color: #e73a04;
  font-size: 1.81rem;
}

.danlok-span {
  color: #e73a04;
}

.nathanchanceo-span-1 {
  color: #000000;
  font-size: 1.19rem;
}

.three {
  margin-top: 2.5rem;
  letter-spacing: 0rem;
  text-transform: uppercase;

  @media only screen and (max-width: 1440px) {
    font-size: 3rem;
  }
}

.linefifteen_one {
  height: 0.06rem;
  background-color: #7e7e7e;
  width: 94%;
}

.linetwentyfive-1 {
  height: 0.19rem;
  background-color: #156a48;
  width: 4%;
}

.columnfulltime-1 {
  gap: 1.38rem;
  display: flex;
  background-color: #000000;
  width: 100%;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 2.13rem 2.5rem;
  border-radius: 20px;
  border: 3px solid #156a48;

  @media only screen and (max-width: 550px) {
    padding: 1rem;
  }
}

.column-8 {
  background-color: #156a48;
  width: 22%;
  padding: 0.38rem;
  border-radius: 44px;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.television_one {
  height: 2.75rem;
  width: 4.75rem;
}

.fulltime {
  letter-spacing: 0rem;
  width: 94%;
  line-height: 2.75rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.69rem;
  }
}

.contrast-1 {
  height: 1.75rem;
  margin-top: 20.13rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-1 {
  height: 1.75rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-2 {
  height: 1.75rem;
  margin-top: 37rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-3 {
  height: 1.75rem;
  margin-top: 28rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-4 {
  height: 1.75rem;
  margin-top: 20.6rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-5 {
  height: 1.75rem;
  margin-top: 20rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-6 {
  height: 1.75rem;
  margin-top: 23rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-7 {
  height: 1.75rem;
  margin-top: 23rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.imgcontrast-8 {
  height: 1.75rem;
  margin-top: 26rem;
  margin-right: 0.25rem;
  width: 1.75rem;

  @media only screen and (max-width: 1050px) {
    margin-right: 0px;
  }
}

.hugeiconstick-7 {
  height: 2.38rem;
  margin-top: 1rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-5 {
  height: 2.38rem;
  margin-top: 0.63rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.hugeiconstick-8 {
  height: 2.38rem;
  margin-top: 1.5rem;
  width: 100%;

  @media only screen and (max-width: 1440px) {
    height: auto;
  }

  @media only screen and (max-width: 1050px) {
    height: auto;
  }
}

.mdiinstagram-1 {
  height: 2.25rem;
  width: 2.25rem;
}

.columntunafish {
  margin-bottom: 0.63rem;
  width: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.tunafish {
  margin-top: -0.13rem;
  letter-spacing: -0.13rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;
  position: relative;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.column_seven {
  margin-top: 2.25rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  gap: 0.25rem;
  display: flex;
  align-self: stretch;
  flex-direction: column;
  align-items: start;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.price-2 {
  color: #7e7e7e !important;
  letter-spacing: -0.06rem;
  font-family: "Futura", sans-serif !important;
}

.price-3 {
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.linetwentynine {
  height: 0.06rem;
  margin-top: 1.38rem;
  background-color: #ffffff;
  align-self: stretch;
  width: 100%;
}

.unlock {
  color: #ffffff !important;
  margin-top: 0.88rem;
  margin-left: 0.5rem;
  letter-spacing: 0rem;
  align-self: start;
  width: 88%;
  line-height: 1.81rem;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
    margin-left: 0px;
  }
}

.hugeiconstick-18 {
  height: 2.38rem;
}

.hugeiconstick-36 {
  height: 2.38rem;
  margin-top: 1.5rem;
}

.hugeiconstick-37 {
  height: 2.38rem;
  margin-top: 1.25rem;
}

.hugeiconstick-31 {
  height: 2.38rem;
  margin-top: 1rem;
}

.hugeiconstick-39 {
  height: 2.38rem;
  margin-top: 1.38rem;
}

.description-30 {
  color: #ffffff !important;
  margin-left: 0.75rem;
  letter-spacing: 0rem;
  font-family: Poppins !important;
  text-transform: capitalize;
  line-height: 1.81rem;

  @media only screen and (max-width: 1050px) {
    margin-left: 0px;
  }
}

.book_a_call-2 {
  color: #ffffff !important;
  margin-right: 1.5rem;
  padding-left: 1.88rem;
  padding-right: 1.88rem;
  letter-spacing: -0.06rem;
  text-transform: uppercase;
  font-size: 2.5rem;
  background-color: #156a48 !important;
  align-self: stretch;
  height: 4.5rem;
  border-radius: 10px !important;
  border: 4px solid #156a48;

  @media only screen and (max-width: 1440px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
    margin-right: 0px;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.dontmissout-1 {
  margin-top: 1.88rem;
  text-transform: capitalize;

  @media only screen and (max-width: 1050px) {
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.checkmark_one {
  height: 3.75rem;
  width: 12%;
  object-fit: contain;
}


.columnsendmemyf-1 {
  margin-bottom: 0.63rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.timezone-3 {
  color: #ffffff !important;
  margin-top: -0.75rem;
  letter-spacing: -0.06rem;
  position: relative;

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.class-100privacyno-1 {
  color: #000000 !important;
  letter-spacing: -0.06rem;
  align-self: center;

  @media only screen and (max-width: 1050px) {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.click_here_to {
  color: #ffffff !important;
  padding-left: 1.38rem;
  padding-right: 0.75rem;
  letter-spacing: -0.06rem;
  font-size: 3rem;
  background-color: #156a48 !important;
  box-shadow: 0 4px 4px 0 #0000003f;
  height: 8.38rem;
  min-width: 36.25rem;
  border-radius: 14px !important;

  @media only screen and (max-width: 1440px) {
    font-size: 2.5rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.63rem;
    padding-left: 1rem;
  }
}

.column-2 {
  width: 88%;
  display: flex;
  flex-direction: column;
  align-items: end;

  @media only screen and (max-width: 1440px) {
    width: 100%;
  }

  @media only screen and (max-width: 1050px) {
    width: 100%;
  }
}

.mdiyoutube_one {
  height: 2.63rem;
  width: 2.63rem;
}

.linetwentyfive {
  height: 0.19rem;
  background-color: #156a48;
  width: 5%;
}

.company {
  letter-spacing: 0rem;
  font-family: "Futura", sans-serif !important;
  text-transform: uppercase;

  @media only screen and (max-width: 1050px) {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.38rem;
  }
}

.services-1 {
  color: #ffffff !important;
  font-family: Outfit !important;
}

.copyrightkingko {
  color: #ffffff !important;
  letter-spacing: 0rem;
}

.phone {
  color: #555555 !important;
  margin-top: 1.38rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  background-color: #ffffff !important;
  height: 7.25rem;
  border-radius: 10px !important;
}

/*-------------------------------------
    5. Component CSS
  --------------------------------------*/
/*------Button CSS------*/
.ui.button.round {
  border-radius: 10px;
}

.ui.button.size-lg {
  height: 8.25rem;
  padding-left: 2.13rem;
  padding-right: 2.13rem;
  font-size: 4rem;
}

.ui.button.size-md {
  height: 8.25rem;
  padding-left: 2.13rem;
  padding-right: 2.13rem;
  font-size: 4.38rem;
}

.ui.button.size-xl {
  height: 8.38rem;
  padding-left: 1.38rem;
  padding-right: 0.75rem;
  font-size: 3rem;
}

.ui.button.size-sm {
  height: 6.63rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 2.5rem;
}

.ui.button.size-xs {
  height: 4.5rem;
  padding-left: 2.13rem;
  padding-right: 2.13rem;
  font-size: 2.5rem;
}

.ui.button.fill.teal_800 {
  background-color: #156a48;
  color: #ffffff;
}

.ui.button {
  text-align: center;
  display: flex;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  color: #ffffff;
  font-family: "Futura", sans-serif !important;

  font-weight: 800;
  background-color: #156a48;
}

/*------Input CSS------*/
.ui.input.round {
  border-radius: 10px;
}

.ui.input.size-xs {
  height: 7.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 2.5rem;
}

.ui.input.fill.white_a700 {
  background-color: #ffffff;
  color: #555555;
}

.ui.input {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: text;
  color: #555555;
  letter-spacing: -0.06rem;
  font-size: 2.5rem;
  background-color: #ffffff;
  border-radius: 10px;
}

/*------Text CSS------*/
.ui.text.size-textxs {
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 0.81rem;
  }
}

.ui.text.size-texts {
  font-size: 1.06rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 0.88rem;
  }
}

.ui.text.size-textmd {
  font-size: 1.31rem;
  font-weight: 300;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.06rem;
  }
}

.ui.text.size-textlg {
  font-size: 1.38rem;
  font-weight: 400;
  font-style: italic;

  @media only screen and (max-width: 1440px) {
    font-size: 1.13rem;
  }
}

.ui.text.size-textxl {
  font-size: 1.5rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.38rem;
  }
}

.ui.text.size-text2xl {
  font-size: 23px;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 1.44rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.63rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.5rem;
  }
}

.ui.text.size-text4xl {
  font-size: 2rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.ui.text.size-text5xl {
  font-size: 2.19rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.06rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.94rem;
  }
}

.ui.text.size-text6xl {
  font-size: 2.25rem;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  text-justify: auto;

  @media only screen and (max-width: 1440px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.ui.text.size-text7xl {
  font-size: 2.5rem;
  font-weight: 300;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.38rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.25rem;
  }
}

.ui.text.size-text8xl {
  font-size: 3rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 2.5rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.75rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.38rem;
  }
}

.ui.text.size-text9xl {
  font-size: 4rem;
  font-weight: 400;
  font-style: normal;

  @media only screen and (max-width: 1440px) {
    font-size: 4rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.text {
  color: #000000;
  font-family: Inter;
}

/*------Heading CSS------*/
.ui.heading.size-text3xl {
  font-size: 1.88rem;
  font-weight: 500;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.56rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.75rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.63rem;
  }
}

.ui.heading.size-headingxs {
  font-size: 1.25rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.06rem;
  }
}

.ui.heading.size-headings {
  font-size: 1.31rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.06rem;
  }
}

.ui.heading.size-headingmd {
  font-size: 1.38rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.13rem;
  }
}

.ui.heading.size-headinglg {
  font-size: 1.5rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.25rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.38rem;
  }
}

.ui.heading.size-headingxl {
  font-size: 1.56rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.31rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.44rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.31rem;
  }
}

.ui.heading.size-heading2xl {
  font-size: 1.81rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.5rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.56rem;
  }
}

.ui.heading.size-heading3xl {
  font-size: 1.88rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.56rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.75rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.63rem;
  }
}

.ui.heading.size-heading4xl {
  font-size: 2rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.69rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.75rem;
  }
}

.ui.heading.size-heading5xl {
  font-size: 30px;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 1.81rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.06rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 1.94rem;
  }
}

.ui.heading.size-heading6xl {
  font-size: 2.25rem;
  font-weight: 700;
  font-style: bold;
  text-align: center;
  font-family: Inter;

  @media only screen and (max-width: 1440px) {
    font-size: 1.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2rem;
  }
}

.ui.heading.size-heading7xl {
  font-size: 2.5rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 2.13rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.38rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.25rem;
  }
}

.ui.heading.size-heading8xl {
  font-size: 2.69rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 2.25rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.44rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.06rem;
  }
}

.ui.heading.size-heading9xl {
  font-size: 3.13rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 2.63rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.5rem;
  }
}

.ui.heading.size-heading10xl {
  font-size: 3.44rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 2.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 2.94rem;
  }

  @media only screen and (max-width: 550px) {
    font-size: 2.56rem;
  }
}

.ui.heading.size-heading11xl {
  font-size: 3.88rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 3.88rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading12xl {
  font-size: 4rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 4rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading13xl {
  font-size: 3.69rem;
  font-weight: 800;
  font-style: bold;
  font-family: "Futura", sans-serif;
  text-align: center;

  @media only screen and (max-width: 1440px) {
    font-size: 4.69rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading14xl {
  font-size: 5.63rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 5.63rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading15xl {
  font-size: 5.75rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 5.75rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading16xl {
  font-size: 4.7rem;
  font-weight: 800;
  text-align: center;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 6rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading17xl {
  font-size: 6.25rem;
  font-weight: 700;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 6.25rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading18xl {
  font-size: 7.19rem;
  font-weight: 800;
  font-style: bold;

  @media only screen and (max-width: 1440px) {
    font-size: 7.19rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading.size-heading19xl {
  font-size: 4.5rem;
  font-weight: 800;
  font-style: bold;
  text-align: center;

  @media only screen and (max-width: 1440px) {
    font-size: 5rem;
  }

  @media only screen and (max-width: 1050px) {
    font-size: 3rem;
  }
}

.ui.heading {
  color: #ffffff;
  font-family: Assistant;
}

/*------Container CSS------*/
.container-xs {
  margin-top: 25px;
  max-width: 79.38rem;
  width: 100%;

}

/*-------------------------------------
  6. Fonts CSS
--------------------------------------*/
@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterBold.ttf");
  font-family: "Inter";
  font-weight: 700;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterRegular.ttf");
  font-family: "Inter";
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterLight.ttf");
  font-family: "Inter";
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/Futura.ttf");
  font-family: "Futura";
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterLight.ttf");
  font-family: "Inter";
  font-weight: 300;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterMedium.ttf");
  font-family: "Inter";
  font-weight: 500;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/AssistantBold.ttf");
  font-family: "Assistant";
  font-weight: 700;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/OutfitRegular.ttf");
  font-family: "Outfit";
  font-weight: 400;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/InterExtraBold.ttf");
  font-family: "Inter";
  font-weight: 800;
}

@font-face {
  font-display: swap;
  font-style: normal;
  src: url("../public/fonts/PoppinsRegular.ttf");
  font-family: "Poppins";
  font-weight: 400;
}