/* screen - desktop */

.desktop {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 870px;
  overflow: hidden;
  width: 1366px;
}

.desktop .overlap-group {
  align-items: center;
  background-color: var(--seance);
  display: flex;
  flex-direction: column;
  margin-left: -3px;
  min-height: 768px;
  width: 1369px;
}

.desktop .flex-row {
  align-items: center;
  display: flex;
  height: 423px;
  margin-left: 0;
  margin-top: 134px;
  min-width: 1107px;
}

.desktop .grupo-30 {
  height: 150px;
  margin-top: 79.1px;
  object-fit: cover;
  width: 196px;
}

.desktop .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 107px;
  min-height: 423px;
  width: 500px;
}

.desktop .title {
  align-self: center;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: -5px;
  margin-right: 26.03px;
  min-height: 38px;
  min-width: 397px;
  white-space: nowrap;
}

.desktop .span0 {
  letter-spacing: -1.98px;
}

.desktop .span {
  letter-spacing: -1.76px;
}

.desktop .span-1 {
  letter-spacing: -1.73px;
}

.desktop .span6 {
  letter-spacing: -2.09px;
}

.desktop .span7 {
  letter-spacing: -0.72px;
}

.desktop .span15 {
  letter-spacing: -1.91px;
}

.desktop .span16 {
  letter-spacing: -1.94px;
}

.desktop .breve-lanamento-pr {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.48px;
  margin-top: 5px;
  min-height: 20px;
  white-space: nowrap;
}

.desktop .place {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 54px;
  min-height: 20px;
  white-space: nowrap;
}

.desktop .flex-col-item {
  height: 43px;
  margin-top: 18px;
  position: relative;
  width: 500px;
}

.desktop .retngulo-40 {
  background-color: var(--white);
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 499px;
}

.desktop .retngulo-40-1 {
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  width: 500px;
}

.desktop .email {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 7px;
  min-height: 20px;
  white-space: nowrap;
}

.desktop .retngulo-container {
  height: 43px;
  margin-top: 15px;
  position: relative;
  width: 500px;
}

.desktop .telefone {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 3px;
  min-height: 20px;
  white-space: nowrap;
}

.desktop .text-1 {
  left: 13px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 4px;
  white-space: nowrap;
}

.desktop .span0-1 {
  letter-spacing: -1.30px;
}

.desktop .grupo-35 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--atlantis);
  display: flex;
  height: 33px;
  justify-content: flex-end;
  margin-right: 0.73px;
  margin-top: 23px;
  min-width: 118px;
  padding: 0 30px;
}

.desktop .enviar {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-top: -4.5px;
  min-height: 20px;
  white-space: nowrap;
}

.desktop .grupo-31 {
  height: 150px;
  margin-left: 107px;
  margin-top: 79.1px;
  object-fit: cover;
  width: 196px;
}

.desktop .overlap-group4 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 127px;
  margin-left: 2.54px;
  margin-top: 84px;
  min-width: 1366px;
  padding: 37.8px 537.6px;
}

.desktop .grupo-29 {
  cursor: pointer;
  height: 52px;
  object-fit: cover;
  width: 288px;
}
/* screen - ipad */

.ipad {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 870px;
  overflow: hidden;
  width: 900px;
}

.ipad .overlap-group-1 {
  align-items: center;
  background-color: var(--seance);
  display: flex;
  flex-direction: column;
  min-height: 768px;
  width: 904px;
}

.ipad .flex-row-1 {
  align-items: center;
  display: flex;
  height: 423px;
  margin-right: 5.04px;
  margin-top: 134px;
  min-width: 841px;
}

.ipad .grupo-30-1 {
  height: 108px;
  margin-top: 77.29px;
  object-fit: cover;
  width: 142px;
}

.ipad .flex-col-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 31px;
  min-height: 423px;
  width: 500px;
}

.ipad .casdastre-se-e-saiba-antes {
  align-self: center;
  letter-spacing: 0;
  line-height: 43px;
  margin-bottom: -5px;
  margin-right: 26.03px;
  min-height: 38px;
  min-width: 397px;
  white-space: nowrap;
}

.ipad .span0-2 {
  letter-spacing: -1.98px;
}

.ipad .span-2 {
  letter-spacing: -1.76px;
}

.ipad .span-3 {
  letter-spacing: -1.73px;
}

.ipad .span6-1 {
  letter-spacing: -2.09px;
}

.ipad .span7-1 {
  letter-spacing: -0.72px;
}

.ipad .span15-1 {
  letter-spacing: -1.91px;
}

.ipad .span16-1 {
  letter-spacing: -1.94px;
}

.ipad .breve-lanamento-pr-1 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.48px;
  margin-top: 5px;
  min-height: 20px;
  white-space: nowrap;
}

.ipad .place-1 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 54px;
  min-height: 20px;
  white-space: nowrap;
}

.ipad .flex-col-item-1 {
  height: 43px;
  margin-top: 18px;
  position: relative;
  width: 500px;
}

.ipad .retngulo-40-2 {
  background-color: var(--white);
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 499px;
}

.ipad .retngulo-40-3 {
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  width: 500px;
}

.ipad .email-1 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 7px;
  min-height: 20px;
  white-space: nowrap;
}

.ipad .retngulo-container-1 {
  height: 43px;
  margin-top: 15px;
  position: relative;
  width: 500px;
}

.ipad .telefone-1 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 0.5px;
  margin-top: 3px;
  min-height: 20px;
  white-space: nowrap;
}

.ipad .text-2 {
  left: 13px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 4px;
  white-space: nowrap;
}

.ipad .span0-3 {
  letter-spacing: -1.30px;
}

.ipad .grupo-33 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--atlantis);
  display: flex;
  height: 33px;
  justify-content: flex-end;
  margin-right: 0.73px;
  margin-top: 23px;
  min-width: 118px;
  padding: 0 30px;
}

.ipad .enviar-1 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-top: -4.5px;
  min-height: 20px;
  white-space: nowrap;
}

.ipad .grupo-32 {
  height: 108px;
  margin-left: 26px;
  margin-top: 77.29px;
  object-fit: cover;
  width: 142px;
}

.ipad .overlap-group4-1 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 127px;
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 84px;
  min-width: 904px;
  padding: 37.8px 307.6px;
}

.ipad .grupo-29-1 {
  cursor: pointer;
  height: 52px;
  object-fit: cover;
  width: 288px;
}
/* screen - mobile */

.mobile {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  height: 870px;
  width: 360px;
}

.mobile .overlap-group-2 {
  align-items: center;
  background-color: var(--seance);
  display: flex;
  flex-direction: column;
  min-height: 768px;
  width: 360px;
}

.mobile .casdastre-se-e-saiba-antes-1 {
  color: var(--atlantis);
  font-family: var(--font-family-kirvy-bold);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  margin-left: 2.0px;
  margin-top: 81px;
  min-height: 72px;
  min-width: 250px;
  text-align: center;
  white-space: nowrap;
}

.mobile .breve-lanamento-pr-2 {
  color: var(--white);
  font-family: var(--font-family-kirvy-bold);
  font-size: var(--font-size-xxxs);
  font-weight: 700;
  letter-spacing: 0.33px;
  line-height: 20px;
  margin-left: 2.0px;
  margin-top: 14px;
  min-height: 37px;
  min-width: 286px;
  text-align: center;
  white-space: nowrap;
}

.mobile .place-2 {
  align-self: flex-start;
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 25.83px;
  margin-top: 38px;
  min-height: 20px;
  white-space: nowrap;
}

.mobile .overlap-group-item {
  height: 43px;
  margin-left: 0.02px;
  margin-top: 18px;
  position: relative;
  width: 309px;
}

.mobile .retngulo-40-4 {
  background-color: var(--white);
  height: 42px;
  left: 0;
  position: absolute;
  top: 0;
  width: 308px;
}

.mobile .retngulo-40-5 {
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  width: 309px;
}

.mobile .email-2 {
  align-self: flex-start;
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 25.83px;
  margin-top: 7px;
  min-height: 20px;
  white-space: nowrap;
}

.mobile .retngulo-container-2 {
  height: 43px;
  margin-left: 0.02px;
  margin-top: 15px;
  position: relative;
  width: 309px;
}

.mobile .telefone-2 {
  align-self: flex-start;
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-bottom: -23px;
  margin-left: 25.83px;
  margin-top: 3px;
  min-height: 20px;
  white-space: nowrap;
}

.mobile .text-3 {
  left: 13px;
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 4px;
  white-space: nowrap;
}

.mobile .span0-4 {
  letter-spacing: -1.30px;
}

.mobile .grupo-34 {
  align-items: flex-start;
  align-self: flex-end;
  background-color: var(--atlantis);
  display: flex;
  height: 33px;
  justify-content: flex-end;
  margin-right: 26.04px;
  margin-top: 23px;
  min-width: 118px;
  padding: 0 30px;
}

.mobile .enviar-2 {
  letter-spacing: 0.40px;
  line-height: 43px;
  margin-top: -4.5px;
  min-height: 20px;
  white-space: nowrap;
}

.mobile .overlap-group1 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  height: 127px;
  justify-content: flex-end;
  margin-left: 0;
  margin-top: 94px;
  min-width: 360px;
  padding: 43.6px 67.9px;
}

.mobile .grupo-29-2 {
  cursor: pointer;
  height: 40px;
  object-fit: cover;
  width: 224px;
}
@media screen and (max-width: 899px) {
  .screen.desktop { 
    display: none;
   }
  .screen.ipad { 
    display: none;
   }
}
@media screen and (min-width: 900px) and (max-width: 1365px) {
  .screen.desktop { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1366px) {
  .screen.ipad { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}