html,
body,
.content {
  width: 1080px;
  height: 1080px;
  font-size: 40px;
}

.headline_text_1 {
  font-size: 2rem;
  text-align: center;
}

/* DEFAULT START */
.logo_container {
  bottom: 6%;
  right: 2rem;
  width: 30%;
  -webkit-animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    0.4s both;
  animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}

.product_name_text_container {
  top: 1.5rem;
  left: 1.5rem;
  width: 19rem;
  height: 5rem;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.5s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s both;
}

.product_name_text {
}

.burnt-in-text {
  font-size: 1.5rem;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.6s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.6s both;
}

.price_text_cont {
  width: 11rem;
  height: 3.5rem;
  border: 1px solid transparent;
}

.price_text {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.7s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.7s both;
}

.price_text_container {
  height: 10rem;
  width: 11rem;
  top: 11rem;
  left: 1.5rem;
}

.description_container {
  border: 1px solid transparent;
  width: 11rem;
  height: 3rem;
}

.description_text {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;
  margin-top: 0.5em;
}

.phone_image_container {
  width: 12rem;
  height: 16rem;
  top: 6.5rem;
  left: 13rem;
  /*-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;*/
}

.slideshow-container {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;
}

.cta_button {
  border-radius: 2rem;
  padding: 0.5rem 1.2rem;
  font-size: 16px;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.9s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.9s both;
}

.cta_button_container {
  bottom: 8%;
  left: 5%;
}

.cta_text {
  font-size: 1rem;
}

.cta_pulsate_div {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

.circle2 {
  display: none;
}

.rect2 {
  display: none;
}

.headline_text_container_1 {
  -webkit-animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53)
    3s both;
  animation: scale-out-center 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) 3s both;
}

.headline_text_1 {
  -webkit-animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: scale-in-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.energylabel_container {
  height: 3rem;
  width: 6rem;
  top: 1.5rem;
  right: 1rem;
}

/* DEFAULT END */

/* TEMPLATE VARIANT CLASS: "halfShape" START */

.halfShape .logo_container {
  bottom: 0.8rem;
  left: 18.2rem;
  width: 8rem;
  height: 3rem;
}

.blob {
  top: -10rem;
  left: -7rem;
  width: 33rem;
  height: 31rem;
}

.halfShape .product_name_text_container {
  top: 1.5rem;
  left: 1rem;
  width: 13rem;
  height: 6.5rem;
  border: 1px solid transparent;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.5s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.5s both;
}

.halfShape .description_text {
  display: none;
}

.halfShape .product_name_text {
}

.halfShape .burnt-in-text {
  font-size: 1.5rem;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.6s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.6s both;
}

.halfShape .burnt_in_cont {
  justify-content: right;
}

.halfShape .price_text {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.7s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.7s both;
}

.halfShape .price_text_container {
  height: 5rem;
  width: 10rem;
  top: 17.2rem;
  left: 16rem;
  border: 1px solid transparent;
}

.halfShape .price_text_cont {
  height: 3.5rem;
  width: 10rem;
  border: 1px solid transparent;
}

.halfShape .phone_image_container {
  width: 14rem;
  height: 16.5rem;
  top: 9rem;
  left: 1rem;
  /* -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;*/
}

.halfShape .slideshow-container {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.8s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.8s both;
}

.halfShape .cta_button {
  border-radius: 2rem;
  padding: 0.5rem 1.2rem;
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.9s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.9s both;
}

.halfShape .cta_button_container {
  bottom: 5.6rem;
  left: 17.5rem;
  /*  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1)
    3.9s both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3.9s both; */
}

.halfShape .blob {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3s
    both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 3s both;
}

.halfShape .cta_text {
  font-size: 1rem;
}

.halfShape .cta_pulsate_div {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}

.halfShape .circle2 {
  display: none;
}

.halfShape .rect2 {
  display: none;
}

.halfShape .energylabel_container {
  height: 2.5rem;
  width: 5rem;
  top: 1.5rem;
  right: 0.25rem;
}
/* TEMPLATE VARIANT CLASS: "halfShape" END */

/* TEMPLATE VARIANT CLASS: "circle" START */
.circle .circle2 {
  height: 12.5rem;
  width: 12.5rem;
  border-radius: 50%;
  background-color: #00233f;
  right: 0.4rem;
  top: 3.5rem;
  display: block;
}

.circle .logo_container {
  bottom: 1rem;
  right: 0.2rem;
  width: 8rem;
  height: 3rem;
}

.circle .product_name_text_container {
  top: 1rem;
  left: 1rem;
  width: 11.5rem;
  height: 7rem;
  /*border-style: solid;
  border-color: black;*/
}

.circle .product_name_text {
}

.circle .burnt-in-text {
  font-size: 1.5rem;
}

.circle .price_text {
}

.circle .description_text,
.circle .description_container {
  display: none;
}

.circle .price_text_container {
  height: 7rem;
  width: 10rem;
  top: 6.2rem;
  left: 15.3rem;
  z-index: 2;
  color: white;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
}

.circle .price_text_cont {
  width: 10rem;
  height: 5rem;
}

.circle .phone_image_container {
  height: 16.75rem;
  width: 12rem;
  top: 9.25rem;
  left: 1rem;
}

.circle .cta_button {
  border-radius: 2rem;
  padding: 0.5rem 1.2rem;
  font-size: 1rem;
}

.circle .cta_button_container {
  top: 9rem;
  left: 2rem;
}

.circle .rect2 {
  display: none;
}

.circle .energylabel_container {
  height: 2.5rem;
  width: 5rem;
  top: 1rem;
  right: 0rem;
}
/* TEMPLATE VARIANT CLASS: "circle" END */

/* TEMPLATE VARIANT CLASS: "rect" START */
.rect .rect2 {
  width: 24rem;
  height: 13rem;
  background-color: #002442;
  inset: auto auto 0 0;
  clip-path: polygon(0 2.5rem, 100% 0, 12rem 100%, 0% 100%);
}

.rect .logo_container {
  bottom: 1rem;
  right: 8px;
  width: 8rem;
  height: 3rem;
}

.rect .product_name_text_container {
  /* ORIGINAL   top: 2rem;
    left: 2rem;
    width: 9.5rem;
    height: 8rem; */

  /*    top: 1rem;
    left: 0.5rem;
    width: 26rem;
    height: 3.5rem; */

  top: 1rem;
  left: 0.5rem;
  width: 20rem;
  height: 3.8rem;
  /*border-style: solid;
  border-color: black;*/
}

.rect .product_name_text {
}

.rect .burnt-in-text {
  font-size: 1.5rem;
}

.rect .price_text {
}

.rect .description_text,
.rect .description_container {
  display: none;
}

.rect .price_text_container {
  width: 10rem;
  height: 6rem;
  /* inset: auto auto 0 0; */
  z-index: 2;
  color: #c0dae4;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  top: 18.5rem;
  left: 2rem;
}

.rect .price_text_cont {
  width: 10rem;
  height: 3rem;
}

/*.rect .phone_image_container {
  height: 250px;
  width: 110px;
  top: -10px;
  left: 165px;
}*/

.rect .phone_image_container {
  /* ORIGINAL   height: 20.5rem;
    width: 14rem;
    top: 2rem;
    right: 0.5rem;
    left: unset; */

  height: 17.5rem;
  width: 14rem;
  top: 5rem;
  right: 0.5rem;
  left: unset;
}

.rect .phone_image_container img {
  object-position: center right !important;
}

.rect .cta_button {
  border-radius: 2rem;
  padding: 0.5rem 1.2rem;
  font-size: 1rem;
}

.rect .cta_button_container {
  top: 12rem;
  left: 2rem;
}

.rect .circle2 {
  display: none;
}
/* TEMPLATE VARIANT CLASS: "rect" END */

/*---------multiDevices variant class--------*/
/*-------------------START-------------------*/

.multiDevices .logo_container {
  bottom: 1.3rem;
  right: 1rem;
  width: 22%;
}

.multiDevices .product_name_text_container {
  top: 1rem;
  left: 1.5rem;
  width: 19rem;
  height: 4rem;
}

.multiDevices .product_name_text {
}

.multiDevices .rect2 {
  width: 100%;
  height: 80%;
  clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 89%);
  top: -7%;
}

.multiDevices .cta_button_container {
  bottom: unset;
  top: 48%;
  left: 1.5rem;
}

.multiDevices .cta_button {
  font-size: 1rem;
  padding: 0.3rem 0.8rem 0.4rem;
}

.multiDevices .price_text_container {
  height: 5rem;
  width: 22rem;
  top: 5.5rem;
  left: 1.5rem;
  border: 1px solid transparent;
}

.multiDevices .description_container {
  height: 1rem;
  width: 22rem;
  border: 1px solid transparent;
}

.multiDevices .price_text_cont {
  width: 11rem;
  height: 2.5rem;
  border: 1px solid transparent;
}

.multiDevices .burnt_in_cont {
  width: 11rem;
  border: 1px solid transparent;
}

.multiDevices .description_text {
  margin-top: 0;
}

.multiDevices .phone_image_container {
  width: 17.5rem;
  top: 11rem;
  left: 1.5rem;
  height: 19rem;
}
/*
.multiDevices .price_text_cont {
    display: none;
}
*/

.multiDevices .energylabel_container {
  top: 1rem;
  right: 0.5rem;
  width: 5rem;
  height: 2.5rem;
}

/*---------multiDevices variant class--------*/
/*-------------------END-------------------*/

/* SIZE INDICATOR START */

#size_indicator {
  display: none;
  background-color: rgb(255, 192, 203);
}

/* SIZE INDICATOR END */