/* screen - home-page-v1-ipad */

.home-page-v1-ipad {
  /*background-color: var(--white);*/
  height: 1080px;
  opacity: 0;
  position: relative;
  transform: scale(1.1);
  width: 750px;
}

.home-page-v1-ipad.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.home-page-v1-ipad .group-793 {
  align-items: flex-start;
  display: flex;
  height: 297px;
  justify-content: flex-end;
  left: 44px;
  min-width: 673px;
  position: absolute;
  top: 200px;
}

.home-page-v1-ipad .overlap-group-1 {
  height: 297px;
  position: relative;
  width: 673px;
}

.home-page-v1-ipad .path-918 {
  height: 162px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 584px;
}

.home-page-v1-ipad .path-919 {
  height: 162px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 135px;
  width: 672px;
}

.home-page-v1-ipad .group-792 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 297px;
  left: 1px;
  padding: 51.2px 57.2px;
  position: absolute;
  top: 0;
  width: 672px;
}

.home-page-v1-ipad .group-791 {
  background-image: url(../img/path-921-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 77px;
  margin-top: 7px;
  width: 448px;
}

.home-page-v1-ipad .group-790 {
  background-image: url(../img/path-920-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 77px;
  margin-left: 1.16px;
  margin-top: 33px;
  width: 521px;
}

.home-page-v1-ipad .the-mission-of-charl {
  color: var(--dove-gray);
  font-family: var(--font-family-urw_din);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 45px;
  letter-spacing: -0.60px;
  line-height: 35px;
  position: absolute;
  top: 564px;
  width: 674px;
}

.home-page-v1-ipad .span1 {
  font-family: var(--font-family-urwdin-bold);
  font-weight: 700;
}

.home-page-v1-ipad .group-794 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 275px;
  min-width: 197px;
  position: absolute;
  top: 850px;
  transition: all 0.2s ease;
}

.home-page-v1-ipad .group-794:hover {
  background-color: #000
}

.home-page-v1-ipad .overlap-group {
  height: 40px;
  position: relative;
  width: 197px;
}

.home-page-v1-ipad .path-218 {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 195px;
}

.home-page-v1-ipad .contact-us {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 197px;
}

.home-page-v1-ipad .group-795 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 45px;
  min-width: 197px;
  position: absolute;
  top: 850px;
  transition: all 0.2s ease;
}

.home-page-v1-ipad .group-795:hover {
  background-color: #000
}

.home-page-v1-ipad .about-cm {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 197px;
}

.home-page-v1-ipad .group-797 {
  background-image: url(../img/group-796-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 71px;
  left: 45px;
  position: absolute;
  top: 50px;
  width: 300px;
}

.home-page-v1-ipad .name {
  left: 45px;
  letter-spacing: -0.27px;
  line-height: 24px;
  position: absolute;
  top: 997px;
  width: 674px;
}

.home-page-v1-ipad .group-5 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: flex-end;
  left: 533px;
  min-width: 30px;
  padding: 0.0px 6.1px;
  position: absolute;
  top: 855px;
}

.home-page-v1-ipad .path-1 {
  height: 30px;
  object-fit: cover;
  width: 16px;
}

.home-page-v1-ipad .group-6 {
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 610px;
  position: absolute;
  top: 855px;
  width: 30px;
}

.home-page-v1-ipad .path-2 {
  flex: 1;
  margin-bottom: 1.9px;
  margin-left: 0;
  margin-right: 0.2px;
  margin-top: 3.7px;
  object-fit: cover;
  width: 29.81px;
}

.home-page-v1-ipad .group-7 {
  background-image: url(../img/path-3-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 30px;
  left: 687px;
  position: absolute;
  top: 855px;
  width: 30px;
}
/* screen - home-page-v1-iphone */

.home-page-v1-iphone {
  /*background-color: var(--white);*/
  height: 1238px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transform: scale(1.1);
  width: 375px;
}

.home-page-v1-iphone.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.home-page-v1-iphone .group-793-1 {
  align-items: flex-start;
  display: flex;
  height: 165px;
  justify-content: flex-end;
  left: -1px;
  min-width: 376px;
  position: absolute;
  top: 170px;
}

.home-page-v1-iphone .overlap-group-3 {
  height: 165px;
  margin-top: 0;
  position: relative;
  width: 376px;
}

.home-page-v1-iphone .path-918-1 {
  height: 90px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 326px;
}

.home-page-v1-iphone .path-919-1 {
  height: 90px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 75px;
  width: 375px;
}

.home-page-v1-iphone .group-792-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 165px;
  left: 1px;
  padding: 28.5px 31.9px;
  position: absolute;
  top: 0;
  width: 375px;
}

.home-page-v1-iphone .group-791-1 {
  background-image: url(../img/path-921-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  margin-top: 4px;
  width: 250px;
}

.home-page-v1-iphone .group-790-1 {
  background-image: url(../img/path-920-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 43px;
  margin-left: 0.65px;
  margin-top: 18px;
  width: 291px;
}

.home-page-v1-iphone .the-mission-of-charl-1 {
  color: var(--dove-gray);
  font-family: var(--font-family-urw_din);
  font-size: var(--font-size-s);
  font-weight: 400;
  left: 36px;
  letter-spacing: -0.48px;
  line-height: 32px;
  position: absolute;
  top: 375px !important;
  width: 305px;
}

.home-page-v1-iphone .span-1 {
  font-family: var(--font-family-urwdin-regular);
}

.home-page-v1-iphone .span1-1 {
  font-family: var(--font-family-urwdin-bold);
  font-weight: 700;
}

.home-page-v1-iphone .group-794-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 38px;
  min-width: 302px;
  position: absolute;
  top: 876px;
  transition: all 0.2s ease;
}

.home-page-v1-iphone .group-794-1:hover {
  background-color: #000
}

.home-page-v1-iphone .overlap-group-2 {
  height: 40px;
  position: relative;
  width: 302px;
}

.home-page-v1-iphone .path-218-1 {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 300px;
}

.home-page-v1-iphone .contact-us-1 {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 302px;
}

.home-page-v1-iphone .group-795-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 38px;
  min-width: 302px;
  position: absolute;
  top: 811px;
  transition: all 0.2s ease;
}

.home-page-v1-iphone .group-795-1:hover {
  background-color: #000
}

.home-page-v1-iphone .about-cm-1 {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 302px;
}

.home-page-v1-iphone .group-797-1 {
  background-image: url(../img/group-796-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 71px;
  left: 38px;
  position: absolute;
  top: 50px;
  width: 300px;
}

.home-page-v1-iphone .name-1 {
  left: 38px;
  letter-spacing: -0.27px;
  line-height: 24px;
  position: absolute;
  top: 1035px;
  width: 302px;
}

.home-page-v1-iphone .group-5-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: flex-end;
  left: 96px;
  min-width: 30px;
  padding: 0.0px 6.1px;
  position: absolute;
  top: 961px;
}

.home-page-v1-iphone .path-1-1 {
  height: 30px;
  object-fit: cover;
  width: 16px;
}

.home-page-v1-iphone .group-6-1 {
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 173px;
  position: absolute;
  top: 961px;
  width: 30px;
}

.home-page-v1-iphone .path-2-1 {
  flex: 1;
  margin-bottom: 1.9px;
  margin-left: 0;
  margin-right: 0.2px;
  margin-top: 3.7px;
  object-fit: cover;
  width: 29.81px;
}

.home-page-v1-iphone .group-7-1 {
  background-image: url(../img/path-3-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 30px;
  left: 250px;
  position: absolute;
  top: 961px;
  width: 30px;
}
/* screen - home-page-v1-laptop */

.home-page-v1-laptop {
  /*background-color: var(--white);*/
  height: 1080px;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transform: scale(1.1);
  width: 1280px;
}

.home-page-v1-laptop.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.20s ease 0.00s 1 normal forwards;
  opacity: 0;
  transform: scale(1.1);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
transform: scale(1.1);
}
to{opacity: 1;
transform: scale(1);
}
}

.home-page-v1-laptop .group-793-2 {
  align-items: flex-start;
  display: flex;
  height: 351px;
  justify-content: flex-end;
  left: 214px;
  min-width: 796px;
  position: absolute;
  top: 200px;
}

.home-page-v1-laptop .overlap-group-5 {
  height: 351px;
  position: relative;
  width: 796px;
}

.home-page-v1-laptop .path-918-2 {
  height: 191px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 690px;
}

.home-page-v1-laptop .path-919-2 {
  height: 191px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 159px;
  width: 795px;
}

.home-page-v1-laptop .group-792-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 351px;
  left: 1px;
  padding: 60.5px 67.6px;
  position: absolute;
  top: 0;
  width: 795px;
}

.home-page-v1-laptop .group-791-2 {
  background-image: url(../img/path-921@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 91px;
  margin-top: 8px;
  width: 529px;
}

.home-page-v1-laptop .group-790-2 {
  background-image: url(../img/path-920@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 91px;
  margin-left: 1.37px;
  margin-top: 39px;
  width: 616px;
}

.home-page-v1-laptop .the-mission-of-charl-2 {
  color: var(--dove-gray);
  font-family: var(--font-family-urw_din);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 203px;
  left: 215px;
  letter-spacing: -0.60px;
  line-height: 35px;
  position: absolute;
  top: 598px;
  width: 797px;
}

.home-page-v1-laptop .span1-2 {
  font-family: var(--font-family-urwdin-bold);
  font-weight: 700;
}

.home-page-v1-laptop .group-794-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 485px;
  min-width: 197px;
  position: absolute;
  top: 850px;
  transition: all 0.2s ease;
}

.home-page-v1-laptop .group-794-2:hover {
  background-color: #000
}

.home-page-v1-laptop .overlap-group-4 {
  height: 40px;
  position: relative;
  width: 197px;
}

.home-page-v1-laptop .path-218-2 {
  height: 40px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 195px;
}

.home-page-v1-laptop .contact-us-2 {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 197px;
}

.home-page-v1-laptop .group-795-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 40px;
  left: 215px;
  min-width: 197px;
  position: absolute;
  top: 850px;
  transition: all 0.2s ease;
}

.home-page-v1-laptop .group-795-2:hover {
  background-color: #000
}

.home-page-v1-laptop .about-cm-2 {
  height: 20px;
  left: 0;
  letter-spacing: 0.45px;
  line-height: 12px;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 197px;
}

.home-page-v1-laptop .group-797-2 {
  background-image: url(../img/group-796@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 71px;
  left: 215px;
  position: absolute;
  top: 50px;
  width: 300px;
}

.home-page-v1-laptop .name-2 {
  height: 30px;
  left: 215px;
  letter-spacing: -0.27px;
  line-height: 35px;
  position: absolute;
  top: 992px;
  white-space: nowrap;
  width: 1067px;
}

.home-page-v1-laptop .group-5-2 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 30px;
  justify-content: flex-end;
  left: 826px;
  min-width: 30px;
  padding: 0.0px 6.1px;
  position: absolute;
  top: 855px;
}

.home-page-v1-laptop .path-1-2 {
  height: 30px;
  object-fit: cover;
  width: 16px;
}

.home-page-v1-laptop .group-6-2 {
  cursor: pointer;
  display: flex;
  height: 30px;
  left: 903px;
  position: absolute;
  top: 855px;
  width: 30px;
}

.home-page-v1-laptop .path-2-2 {
  flex: 1;
  margin-bottom: 1.9px;
  margin-left: 0;
  margin-right: 0.2px;
  margin-top: 3.7px;
  object-fit: cover;
  width: 29.81px;
}

.home-page-v1-laptop .group-7-2 {
  background-image: url(../img/path-3-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 30px;
  left: 980px;
  position: absolute;
  top: 855px;
  width: 30px;
}
@media screen and (max-width: 749px) {
  .screen.home-page-v1-laptop { 
    display: none;
   }
  .screen.home-page-v1-ipad { 
    display: none;
   }
}
@media screen and (min-width: 750px) and (max-width: 1279px) {
  .screen.home-page-v1-laptop { 
    display: none;
   }
  .screen.home-page-v1-iphone { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.home-page-v1-ipad { 
    display: none;
   }
  .screen.home-page-v1-iphone { 
    display: none;
   }
}