/* screen - calerity-homepage-desktop */

.calerity-homepage-desktop {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 976px;
  position: relative;
}

.calerity-homepage-desktop .frame-275 {
  align-items: center;
  gap: 50px;
}

.calerity-homepage-desktop .frame-278 {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.calerity-homepage-desktop .calerity-button-4:hover {
  transform: scale(1.1);
}

.calerity-homepage-desktop .frame-1-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 805px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .simple-elegant-7 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  height: 170px;
  justify-content: center;
  padding: 80px 0px 0px;
  width: 100%;
}

.calerity-homepage-desktop .simple-elegant-7.bp5-animate-enter3 {
  animation: bp5-animate-enter3-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp5-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-desktop .simple-elegant-8 {
  flex: 1;
  letter-spacing: -1.50px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.calerity-homepage-desktop .simple-elegant-8.bp5-animate-enter2 {
  animation: bp5-animate-enter2-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

@keyframes bp5-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-desktop .scheduling-4 {
  align-items: center;
  gap: 10px;
  height: 125px;
  justify-content: center;
  opacity: 0;
  padding: 0px 0px 29px;
  position: relative;
  width: 549px;
}

.calerity-homepage-desktop .scheduling-4.bp5-animate-enter5 {
  animation: bp5-animate-enter5-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp5-animate-enter5-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-desktop .title-4 {
  flex: 1;
  letter-spacing: -2.00px;
  line-height: normal;
  margin-bottom: -11.00px;
  margin-top: -13.00px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.calerity-homepage-desktop .title-4.bp5-animate-enter4 {
  animation: bp5-animate-enter4-frames 0.50s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp5-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-desktop .title-tag-lime-4 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  padding: 25px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .title-tag-lime-4.bp5-animate-enter6 {
  animation: bp5-animate-enter6-frames 1.00s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp5-animate-enter6-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-desktop .spending-too-much-ti-4 {
  flex: 1;
  letter-spacing: -0.25px;
  line-height: 37.5px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-desktop .lower-quad-logo-5 {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 434px;
}

.calerity-homepage-desktop .lower-quad-logo-5.bp5-animate-enter8 {
  animation: bp5-animate-enter8-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp5-animate-enter8-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .lower-quad-logo-6 {
  display: block;
  position: relative;
}

.calerity-homepage-desktop .lower-quad-logo-6.bp5-animate-enter7 {
  animation: bp5-animate-enter7-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp5-animate-enter7-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .frame-2-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .what-are-your-scheduling-pains-8 {
  align-items: center;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 40px 30px;
  width: 100%;
}

.calerity-homepage-desktop .what-are-your-scheduling-pains-9 {
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-desktop .quotes-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-desktop .i-use-unwieldy-spre-2 {
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-desktop .quotes-item-2 {
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-desktop .carosel-4::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-desktop .carosel-4 {
  background-color: var(--off-white);
  height: 400px;
  margin-left: -1112.00px;
  margin-right: -1112.00px;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 3200px;
}

.calerity-homepage-desktop .overlap-group-1 {
  height: 512px;
  left: 1459px;
  position: relative;
  width: 1400px;
}

.calerity-homepage-desktop .pains-cards-2-4 {
  align-items: flex-start;
  display: inline-flex;
  left: 0;
  padding: 60px 0px;
  position: absolute;
  top: 0;
}

.calerity-homepage-desktop .card-1-9 {
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 1px 0px;
  width: 280px;
}

.calerity-homepage-desktop .card-1-8 {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--calerity-dark-blue);
  border-radius: 5px;
  flex-direction: column;
  height: 241px;
  width: 241px;
}

.calerity-homepage-desktop .frame-13-4 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px 0px;
  position: relative;
  width: 17px;
}

.calerity-homepage-desktop .ellipse-1-12 {
  width: 17px;
}

.calerity-homepage-desktop .i-use-unweildy-spre-4 {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -33px;
  position: relative;
  text-align: center;
  width: 200px;
}

.calerity-homepage-desktop .card-2-4 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 336px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-desktop .ellipse-1-11 {
  flex: 1;
  flex-grow: 1;
}

.calerity-homepage-desktop .card-6 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 392px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-desktop .carosel-nav-1 {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 33px;
  left: 35px;
  min-width: 212px;
  position: absolute;
  top: 348px;
}

.calerity-homepage-desktop .nav-button-1 {
  height: 33px;
  width: 100px;
}

.calerity-homepage-desktop .calerity-defiinition-computer-image-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 120px;
  justify-content: center;
  max-width: 1440px;
  padding: 50px 100px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .if-you-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  max-width: 600px;
  min-width: 400px;
  padding: 30px 0px 60px;
  position: relative;
}

.calerity-homepage-desktop .if-you-have-these-or-4 {
  align-self: stretch;
  letter-spacing: -0.47px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .calerity-is-automate-4 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-desktop .span-17 {
  letter-spacing: 0.04px;
}

.calerity-homepage-desktop .homepage-assets-1-4 {
  height: 382px;
  object-fit: cover;
  position: relative;
  width: 462px;
}

.calerity-homepage-desktop .why-automate-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 40px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .frame-28-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .why-automate-your-sc-4 {
  flex: 1;
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-desktop .span-18 {
  letter-spacing: -0.36px;
}

.calerity-homepage-desktop .content-1-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 100px 80px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .content-frame-3 {
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 150px 150px;
  padding: 0px 40px;
}

.calerity-homepage-desktop .clock-4 {
  display: block;
  height: 89.01px;
  opacity: 0;
  position: relative;
  transform: translate(-25px, 0);
  width: 111px;
}

.calerity-homepage-desktop .clock-4.bp5-animate-enter9 {
  animation: bp5-animate-enter9-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp5-animate-enter9-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .make-scheduling-easier-and-faster-4 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .transform-the-way-yo-4 {
  letter-spacing: 0.40px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-desktop .span-19 {
  letter-spacing: 0.08px;
}

.calerity-homepage-desktop .content-6 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .content-frame-4 {
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 100px 150px;
  padding: 0px 40px;
}

.calerity-homepage-desktop .text-frame-18 {
  z-index: 1;
}

.calerity-homepage-desktop .give-your-team-fair-4 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .elevate-your-groups-4 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-desktop .scales-1-4 {
  display: block;
  height: 88px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 111px;
  z-index: 0;
}

.calerity-homepage-desktop .scales-1-4.bp5-animate-enter10 {
  animation: bp5-animate-enter10-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp5-animate-enter10-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .magnifying-glass-1-4 {
  display: block;
  height: 86px;
  opacity: 0;
  position: relative;
  transform: translate(-25px, 0);
  width: 112px;
}

.calerity-homepage-desktop .magnifying-glass-1-4.bp5-animate-enter11 {
  animation: bp5-animate-enter11-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp5-animate-enter11-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .text-frame-16 {
  justify-content: center;
}

.calerity-homepage-desktop .gain-valuable-insigh-4 {
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .unlock-powerful-insi-4 {
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-desktop .content-4-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px 80px 100px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .content-frame-5 {
  align-self: stretch;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 100px 100px;
  padding: 0px 40px;
  width: 100%;
}

.calerity-homepage-desktop .invest-in-innovation-4 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .stop-spending-endles-4 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-desktop .piggy-bank-1-4 {
  display: block;
  height: 84.99px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 112px;
}

.calerity-homepage-desktop .piggy-bank-1-4.bp5-animate-enter12 {
  animation: bp5-animate-enter12-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp5-animate-enter12-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-desktop .content-5-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .content-frame-6 {
  align-self: stretch;
  background-color: var(--white);
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5px;
  padding: 80px 100px;
  width: 100%;
}

.calerity-homepage-desktop .frame-31-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 293px;
  justify-content: center;
  position: relative;
  width: 776px;
}

.calerity-homepage-desktop .frame-31-item-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.calerity-homepage-desktop .caleriity-vid-thumb-1-4 {
  height: 306.86px;
  object-fit: cover;
  position: relative;
  width: 535px;
}

.calerity-homepage-desktop .nav-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 120px 120px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.calerity-homepage-desktop .socials-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .social-logos-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 60px;
  position: relative;
}

.calerity-homepage-desktop .footer-bottom-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  padding: 13px 37px;
  position: relative;
  width: 100%;
}

.calerity-homepage-desktop .frame-237-8 {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px;
  width: 291px;
}

.calerity-homepage-desktop .frame-237-9 {
  display: inline-flex;
  flex: 0 0 auto;
}

.calerity-homepage-desktop .frame-238-4 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.calerity-homepage-desktop .privacy-4:hover {
  transform: scale(1.1);
}

.calerity-homepage-desktop .frame-36-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 26px;
}

.calerity-homepage-desktop .text-8 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-desktop .terms-and-conditions-4:hover {
  transform: scale(1.1);
}

.calerity-homepage-desktop .frame-7-1 {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 152px;
  justify-content: center;
  left: calc(50.00% - 150px);
  overflow-y: scroll;
  position: fixed;
  width: 300px;
}

.calerity-homepage-desktop .calerity-button-5 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--off-white);
  border-radius: 80px;
  box-shadow: 0px 2px 4px #00000040 , 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  margin-top: 1px;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 249px;
}

.calerity-homepage-desktop .calerity-button-5:hover {
  transform: scale(1.1);
}

.calerity-homepage-desktop .card-1 {
  align-items: center;
  display: flex;
  position: relative;
}

.calerity-homepage-desktop .content-frame {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.calerity-homepage-desktop .ellipse-1 {
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 8.5px;
  height: 17px;
  position: relative;
}

.calerity-homepage-desktop .frame {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.calerity-homepage-desktop .frame-237 {
  align-items: center;
  flex-direction: column;
  position: relative;
}

.calerity-homepage-desktop .link {
  cursor: pointer;
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-desktop .lower-quad-logo {
  height: 371px;
  opacity: 0;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-desktop .request-a-demo {
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-desktop .simple-elegant {
  opacity: 0;
  position: relative;
}

.calerity-homepage-desktop .text-frame {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
  position: relative;
}

.calerity-homepage-desktop .what-are-your-scheduling-pains {
  align-self: stretch;
  position: relative;
}
/* screen - calerity-homepage-mobile-lg */

.calerity-homepage-mobile-lg {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 489px;
  position: relative;
}

.calerity-homepage-mobile-lg .frame-280 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 47.98px;
  justify-content: center;
  position: relative;
  width: 203.56px;
}

.calerity-homepage-mobile-lg .frame-1-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 805px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .simple-elegant-1 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  height: 170px;
  justify-content: center;
  padding: 80px 0px 0px;
  width: 100%;
}

.calerity-homepage-mobile-lg .simple-elegant-1.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-lg .simple-elegant-2 {
  color: var(--calerity-dark-blue);
  flex: 1;
  font-family: var(--font-family-museo_sans-700);
  font-size: 60px;
  font-weight: 400;
  letter-spacing: -1.20px;
  line-height: normal;
  text-align: center;
}

.calerity-homepage-mobile-lg .simple-elegant-2.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-lg .scheduling-1 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  height: 90px;
  justify-content: center;
  opacity: 0;
  padding: 0px 0px 34px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .scheduling-1.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-lg .title-1 {
  color: var(--calerity-dark-blue);
  flex: 1;
  font-family: var(--font-family-museo_sans-900);
  font-size: 80px;
  font-weight: 400;
  letter-spacing: -1.60px;
  line-height: normal;
  margin-bottom: -19.00px;
  margin-top: -21.00px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-lg .title-1.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.50s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-lg .title-tag-lime-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  padding: 25px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .title-tag-lime-1.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 1.00s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-lg .spending-too-much-ti-1 {
  flex: 1;
  letter-spacing: -0.25px;
  line-height: 37.5px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-lg .lower-right-icon-1 {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  height: 371px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 434px;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-mobile-lg .lower-right-icon-1.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter6-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .lower-quad-logo-1 {
  display: block;
  height: 371px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-mobile-lg .lower-quad-logo-1.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .frame-2-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .what-are-your-scheduling-pains-2 {
  align-items: center;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 40px 30px;
  width: 100%;
}

.calerity-homepage-mobile-lg .what-are-your-scheduling-pains-3 {
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-lg .quotes-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 30px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .i-use-unwieldy-spre-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .quotes-item-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.calerity-homepage-mobile-lg .carosel-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-mobile-lg .carosel-1 {
  background-color: var(--off-white);
  display: flex;
  height: 400px;
  justify-content: center;
  margin-left: -1355.50px;
  margin-right: -1355.50px;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 3200px;
}

.calerity-homepage-mobile-lg .pains-cards-2-1 {
  align-items: flex-start;
  background-color: var(--off-white);
  display: inline-flex;
  height: 512px;
  margin-left: 1118px;
  padding: 60px 0px;
  position: relative;
  width: 1400px;
}

.calerity-homepage-mobile-lg .group-1-1 {
  height: 10px;
  left: 107px;
  position: absolute;
  top: 360px;
  width: 66px;
}

.calerity-homepage-mobile-lg .ellipse-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 66px;
}

.calerity-homepage-mobile-lg .ellipse-12-1 {
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-mobile-lg .ellipse-1-3 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-mobile-lg .card-1-3 {
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 1px 0px;
  width: 280px;
}

.calerity-homepage-mobile-lg .card-1-2 {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--calerity-dark-blue);
  border-radius: 5px;
  flex-direction: column;
  height: 241px;
  width: 241px;
}

.calerity-homepage-mobile-lg .frame-13-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px 0px;
  position: relative;
  width: 17px;
}

.calerity-homepage-mobile-lg .ellipse-1-5 {
  border-radius: 8.5px;
  height: 17px;
  position: relative;
  width: 17px;
}

.calerity-homepage-mobile-lg .i-use-unweildy-spre-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -33px;
  position: relative;
  text-align: center;
  width: 200px;
}

.calerity-homepage-mobile-lg .card-2-1 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 336px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-mobile-lg .ellipse-1-4 {
  border-radius: 8.5px;
  flex: 1;
  flex-grow: 1;
  height: 17px;
  position: relative;
}

.calerity-homepage-mobile-lg .card-3 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 392px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-mobile-lg .calerity-defiinition-computer-image-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 120px;
  justify-content: center;
  max-width: 1440px;
  padding: 50px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .if-you-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  max-width: 600px;
  min-width: 400px;
  padding: 30px 0px 60px;
  position: relative;
}

.calerity-homepage-mobile-lg .if-you-have-these-or-1 {
  align-self: stretch;
  letter-spacing: -0.47px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .calerity-is-automate-1 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-lg .span-5 {
  letter-spacing: 0.04px;
}

.calerity-homepage-mobile-lg .homepage-assets-1-1 {
  height: 382px;
  margin-left: -6.50px;
  margin-right: -6.50px;
  object-fit: cover;
  position: relative;
  width: 462px;
}

.calerity-homepage-mobile-lg .why-automate-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 40px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-28-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .why-automate-your-sc-1 {
  flex: 1;
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-lg .span-6 {
  letter-spacing: -0.36px;
}

.calerity-homepage-mobile-lg .content-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 100px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-6-2 {
  flex: 1;
  flex-grow: 1;
}

.calerity-homepage-mobile-lg .clock-1 {
  display: block;
  height: 89.01px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
}

.calerity-homepage-mobile-lg .clock-1.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .text-frame-5 {
  align-items: flex-start;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
}

.calerity-homepage-mobile-lg .make-scheduling-easier-and-faster-1 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .transform-the-way-yo-1 {
  letter-spacing: 0.40px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-lg .span-7 {
  letter-spacing: 0.08px;
}

.calerity-homepage-mobile-lg .scales-1-1 {
  display: block;
  height: 88px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
  z-index: 1;
}

.calerity-homepage-mobile-lg .scales-1-1.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .text-frame-6 {
  align-items: flex-start;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
  z-index: 0;
}

.calerity-homepage-mobile-lg .give-your-team-fair-1 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .elevate-your-groups-1 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-lg .magnifying-glass-1-1 {
  display: block;
  height: 86px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-mobile-lg .magnifying-glass-1-1.bp2-animate-enter9 {
  animation: bp2-animate-enter9-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter9-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .text-frame-4 {
  align-items: flex-start;
  gap: 50px;
  justify-content: center;
  max-width: 700px;
  min-width: 300px;
}

.calerity-homepage-mobile-lg .gain-valuable-insigh-1 {
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .unlock-powerful-insi-1 {
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-lg .content-4-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 100px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-6-3 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.calerity-homepage-mobile-lg .piggy-bank-1-1 {
  display: block;
  height: 84.99px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-mobile-lg .piggy-bank-1-1.bp2-animate-enter10 {
  animation: bp2-animate-enter10-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter10-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-lg .invest-in-innovation-1 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .stop-spending-endles-1 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-lg .vid-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-29-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 80px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .text-frame-7 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  justify-content: center;
  padding: 0px 10px;
}

.calerity-homepage-mobile-lg .frame-30-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 343px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-31-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  height: 293px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-lg .frame-31-item-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.calerity-homepage-mobile-lg .caleriity-vid-thumb-1-1 {
  height: 277px;
  object-fit: cover;
  position: relative;
  width: 489px;
}

.calerity-homepage-mobile-lg .footer-3 {
  align-items: flex-start;
}

.calerity-homepage-mobile-lg .footer-4 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  gap: 40px;
  padding: 50px 21px;
}

.calerity-homepage-mobile-lg .nav-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.calerity-homepage-mobile-lg .link-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-mobile-lg .socials-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-lg .social-logos-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-lg .frame-27-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
}

.calerity-homepage-mobile-lg .footer-2-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 13px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-237-3 {
  display: inline-flex;
}

.calerity-homepage-mobile-lg .privacy-1:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-lg .text-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-lg .terms-and-conditions-1:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-lg .frame-265-1 {
  align-self: stretch;
  background-color: var(--white);
  height: 131px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .demo-button-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-mobile-lg .demo-button-1 {
  bottom: 1px;
  display: flex;
  height: 152px;
  justify-content: center;
  left: calc(50.00% - 244px);
  overflow-y: scroll;
  position: fixed;
  width: 489px;
}

.calerity-homepage-mobile-lg .calerity-button-1 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--off-white);
  border-radius: 80px;
  box-shadow: 0px 2px 4px #00000040 , 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  margin-top: 46px;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 249px;
}

.calerity-homepage-mobile-lg .calerity-button-1:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-lg .request-a-demo-1 {
  letter-spacing: -0.25px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-mobile-lg .card-1 {
  align-items: center;
  display: flex;
  position: relative;
}

.calerity-homepage-mobile-lg .ellipse-1 {
  border: 1px solid;
  border-color: var(--calerity-light-blue);
}

.calerity-homepage-mobile-lg .footer {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .frame-237 {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.calerity-homepage-mobile-lg .frame-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 80px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-lg .simple-elegant {
  opacity: 0;
  position: relative;
}

.calerity-homepage-mobile-lg .text-frame {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-lg .what-are-your-scheduling-pains {
  align-self: stretch;
  position: relative;
}
/* screen - calerity-homepage-mobile-sm */

.calerity-homepage-mobile-sm {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 320px;
  position: relative;
}

.calerity-homepage-mobile-sm .header-small {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 236.98px;
  justify-content: center;
  padding: 25px 0px;
  position: relative;
  width: 300px;
}

.calerity-homepage-mobile-sm .frame-276 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 45px;
  justify-content: center;
  padding: 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-279 {
  cursor: pointer;
  flex: 0 0 auto;
  position: relative;
  width: 178.2px;
}

.calerity-homepage-mobile-sm .frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 624px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .simple-elegant {
  color: var(--calerity-dark-blue);
  font-family: var(--font-family-museo_sans-700);
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -0.80px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-mobile-sm .simple-elegant.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-sm .scheduling {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  height: 90px;
  justify-content: center;
  opacity: 0;
  padding: 0px 0px 34px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .scheduling.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-sm .title {
  color: var(--calerity-dark-blue);
  flex: 1;
  font-family: var(--font-family-museo_sans-900);
  font-size: 54px;
  font-weight: 400;
  letter-spacing: -1.08px;
  line-height: normal;
  margin-bottom: -3.50px;
  margin-top: -5.50px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-sm .title.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.50s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-sm .title-tag-lime {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  padding: 25px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .title-tag-lime.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 1.00s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-mobile-sm .spending-too-much-ti {
  flex: 1;
  letter-spacing: -0.25px;
  line-height: 30.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-sm .lower-right-icon {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  height: 317px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 307px;
  transform: translate(25px, 0);
  width: 320px;
}

.calerity-homepage-mobile-sm .lower-right-icon.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .lower-quad-logo {
  display: block;
  height: 317px;
  margin-left: -1.00px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 321px;
}

.calerity-homepage-mobile-sm .lower-quad-logo.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .frame-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 100px 0px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .what-are-your-scheduling-pains {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 3px 30px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .what-are-your-scheduling-pains-1 {
  align-self: stretch;
  letter-spacing: -0.60px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-sm .quotes {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .i-use-unwieldy-spre {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-sm .quotes-item {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.calerity-homepage-mobile-sm .carosel::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-mobile-sm .carosel {
  background-color: var(--off-white);
  display: flex;
  height: 400px;
  justify-content: center;
  margin-left: -1440.00px;
  margin-right: -1440.00px;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 3200px;
}

.calerity-homepage-mobile-sm .pains-cards-2 {
  align-items: flex-start;
  background-color: var(--off-white);
  display: inline-flex;
  height: 512px;
  margin-left: 1118px;
  padding: 60px 0px;
  position: relative;
  width: 1400px;
}

.calerity-homepage-mobile-sm .group-1 {
  height: 10px;
  left: 107px;
  position: absolute;
  top: 360px;
  width: 66px;
}

.calerity-homepage-mobile-sm .ellipse-container {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 66px;
}

.calerity-homepage-mobile-sm .ellipse-12 {
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-mobile-sm .ellipse-1 {
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-mobile-sm .card-1-1 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-mobile-sm .card-1 {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--calerity-dark-blue);
  border-radius: 5px;
  flex-direction: column;
  height: 241px;
  width: 241px;
}

.calerity-homepage-mobile-sm .frame-13 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px 0px;
  position: relative;
  width: 17px;
}

.calerity-homepage-mobile-sm .ellipse-1-2 {
  width: 17px;
}

.calerity-homepage-mobile-sm .i-use-unweildy-spre {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -33px;
  position: relative;
  text-align: center;
  width: 200px;
}

.calerity-homepage-mobile-sm .card-2 {
  gap: 10px;
  height: 336px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  width: 280px;
}

.calerity-homepage-mobile-sm .ellipse-1-1 {
  flex: 1;
  flex-grow: 1;
}

.calerity-homepage-mobile-sm .card {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 392px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-mobile-sm .calerity-defiinition-computer-image {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  max-width: 1440px;
  padding: 50px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .if-you {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 30px 0px 60px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .if-you-have-these-or {
  align-self: stretch;
  letter-spacing: -0.47px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-mobile-sm .calerity-is-automate {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-sm .span-1 {
  letter-spacing: 0.04px;
}

.calerity-homepage-mobile-sm .homepage-assets-1 {
  height: 264px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  object-fit: cover;
  position: relative;
  width: 320px;
}

.calerity-homepage-mobile-sm .why-automate {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 40px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-28 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .why-automate-your-sc {
  flex: 1;
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-mobile-sm .span-2 {
  letter-spacing: -0.36px;
}

.calerity-homepage-mobile-sm .content {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 100px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-6 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-sm .clock {
  display: block;
  height: 89.01px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
}

.calerity-homepage-mobile-sm .clock.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .text-frame-1 {
  align-items: flex-start;
  gap: 50px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  max-width: 700px;
  min-width: 300px;
}

.calerity-homepage-mobile-sm .make-scheduling-easier-and-faster {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-sm .transform-the-way-yo {
  letter-spacing: 0.40px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-sm .span-3 {
  letter-spacing: 0.08px;
}

.calerity-homepage-mobile-sm .scales-1 {
  display: block;
  height: 88px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
  z-index: 1;
}

.calerity-homepage-mobile-sm .scales-1.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .text-frame-2 {
  align-items: flex-start;
  gap: 50px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  max-width: 700px;
  min-width: 300px;
  z-index: 0;
}

.calerity-homepage-mobile-sm .give-your-team-fair {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-sm .elevate-your-groups {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-sm .magnifying-glass-1 {
  display: block;
  height: 86px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-mobile-sm .magnifying-glass-1.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .text-frame {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  margin-left: -10.00px;
  margin-right: -10.00px;
  max-width: 700px;
  min-width: 300px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .gain-valuable-insigh {
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-sm .unlock-powerful-insi {
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-sm .content-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 100px 20px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-6-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .piggy-bank-1 {
  display: block;
  height: 84.99px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-mobile-sm .piggy-bank-1.bp1-animate-enter9 {
  animation: bp1-animate-enter9-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter9-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-mobile-sm .invest-in-innovation {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.calerity-homepage-mobile-sm .stop-spending-endles {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-mobile-sm .vid {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 30px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-29 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 606px;
  justify-content: center;
  padding: 0px 0px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .text-frame-3 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  justify-content: center;
  padding: 0px 10px;
}

.calerity-homepage-mobile-sm .frame-30 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 343px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .frame-31 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  height: 293px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-sm .frame-31-item {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.calerity-homepage-mobile-sm .caleriity-vid-thumb-1 {
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
  width: 320px;
}

.calerity-homepage-mobile-sm .footer {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .footer-1 {
  background-color: var(--calerity-dark-blue);
  gap: 40px;
  padding: 50px 21px;
}

.calerity-homepage-mobile-sm .nav {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.calerity-homepage-mobile-sm .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-mobile-sm .socials {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-sm .social-logos {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-mobile-sm .footer-2 {
  justify-content: center;
  padding: 13px 37px;
}

.calerity-homepage-mobile-sm .frame-237 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  margin-left: -22.50px;
  margin-right: -22.50px;
  padding: 12px 0px;
  position: relative;
  width: 291px;
}

.calerity-homepage-mobile-sm .frame-238 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  margin-left: -37.00px;
  margin-right: -37.00px;
  position: relative;
  width: 320px;
}

.calerity-homepage-mobile-sm .privacy:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-sm .frame-36 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 0px 10px;
  position: relative;
  width: 26px;
}

.calerity-homepage-mobile-sm .text-2 {
  height: 40px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: -3.00px;
  margin-right: -3.00px;
  margin-top: -1.00px;
  position: relative;
  width: 12px;
}

.calerity-homepage-mobile-sm .terms-and-conditions:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-sm .frame-265 {
  align-self: stretch;
  background-color: var(--white);
  height: 131px;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .demo-button::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-mobile-sm .demo-button {
  bottom: 1px;
  display: flex;
  height: 149px;
  justify-content: center;
  left: calc(50.00% - 160px);
  overflow-y: scroll;
  position: fixed;
  width: 320px;
}

.calerity-homepage-mobile-sm .calerity-button {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--off-white);
  border-radius: 80px;
  box-shadow: 0px 2px 4px #00000040 , 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  margin-left: -1px;
  margin-top: 46px;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 249px;
}

.calerity-homepage-mobile-sm .calerity-button:hover {
  transform: scale(1.1);
}

.calerity-homepage-mobile-sm .request-a-demo {
  letter-spacing: -0.25px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-mobile-sm .card-3 {
  align-items: center;
  display: flex;
  position: relative;
}

.calerity-homepage-mobile-sm .ellipse-1-3 {
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 8.5px;
  height: 17px;
  position: relative;
}

.calerity-homepage-mobile-sm .footer-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.calerity-homepage-mobile-sm .text-frame-4 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
/* screen - calerity-homepage-tablet-lg */

.calerity-homepage-tablet-lg {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 755px;
  position: relative;
}

.calerity-homepage-tablet-lg .frame-1-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 805px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .simple-elegant-5 {
  align-items: center;
  gap: 10px;
  height: 170px;
  justify-content: center;
  margin-left: -0.50px;
  margin-right: -0.50px;
  padding: 80px 0px 0px;
  width: 756px;
}

.calerity-homepage-tablet-lg .simple-elegant-5.bp4-animate-enter3 {
  animation: bp4-animate-enter3-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp4-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-lg .simple-elegant-6 {
  flex: 1;
  letter-spacing: -1.50px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.calerity-homepage-tablet-lg .simple-elegant-6.bp4-animate-enter2 {
  animation: bp4-animate-enter2-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

@keyframes bp4-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-lg .scheduling-3 {
  align-items: center;
  align-self: stretch;
  gap: 10px;
  height: 125px;
  justify-content: center;
  opacity: 0;
  padding: 0px 0px 29px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .scheduling-3.bp4-animate-enter5 {
  animation: bp4-animate-enter5-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp4-animate-enter5-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-lg .title-3 {
  flex: 1;
  letter-spacing: -2.00px;
  line-height: normal;
  margin-bottom: -11.00px;
  margin-top: -13.00px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.calerity-homepage-tablet-lg .title-3.bp4-animate-enter4 {
  animation: bp4-animate-enter4-frames 0.50s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp4-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-lg .title-tag-lime-3 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  padding: 25px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .title-tag-lime-3.bp4-animate-enter6 {
  animation: bp4-animate-enter6-frames 1.00s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp4-animate-enter6-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-lg .spending-too-much-ti-3 {
  flex: 1;
  letter-spacing: -0.25px;
  line-height: 37.5px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-lg .lower-quad-logo-3 {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 434px;
}

.calerity-homepage-tablet-lg .lower-quad-logo-3.bp4-animate-enter8 {
  animation: bp4-animate-enter8-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter8-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .lower-quad-logo-4 {
  display: block;
  position: relative;
}

.calerity-homepage-tablet-lg .lower-quad-logo-4.bp4-animate-enter7 {
  animation: bp4-animate-enter7-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter7-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .frame-2-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .what-are-your-scheduling-pains-6 {
  align-items: center;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 40px 30px;
  width: 100%;
}

.calerity-homepage-tablet-lg .what-are-your-scheduling-pains-7 {
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-lg .quotes-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 30px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .i-use-unwieldy-spre-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .quotes-item-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.calerity-homepage-tablet-lg .carosel-3::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-tablet-lg .carosel-3 {
  background-color: var(--off-white);
  height: 400px;
  margin-left: -1222.50px;
  margin-right: -1222.50px;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 3200px;
}

.calerity-homepage-tablet-lg .overlap-group {
  height: 512px;
  left: 1459px;
  position: relative;
  width: 1400px;
}

.calerity-homepage-tablet-lg .pains-cards-2-3 {
  align-items: flex-start;
  display: inline-flex;
  left: 0;
  padding: 60px 0px;
  position: absolute;
  top: 0;
}

.calerity-homepage-tablet-lg .card-1-7 {
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 1px 0px;
  width: 280px;
}

.calerity-homepage-tablet-lg .card-1-6 {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--calerity-dark-blue);
  border-radius: 5px;
  flex-direction: column;
  height: 241px;
  width: 241px;
}

.calerity-homepage-tablet-lg .frame-13-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px 0px;
  position: relative;
  width: 17px;
}

.calerity-homepage-tablet-lg .ellipse-1-10 {
  width: 17px;
}

.calerity-homepage-tablet-lg .i-use-unweildy-spre-3 {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -33px;
  position: relative;
  text-align: center;
  width: 200px;
}

.calerity-homepage-tablet-lg .card-2-3 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 336px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-tablet-lg .ellipse-1-9 {
  flex: 1;
  flex-grow: 1;
}

.calerity-homepage-tablet-lg .card-5 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 392px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-tablet-lg .carosel-nav {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  height: 33px;
  left: 35px;
  min-width: 212px;
  position: absolute;
  top: 348px;
}

.calerity-homepage-tablet-lg .nav-button {
  height: 33px;
  width: 100px;
}

.calerity-homepage-tablet-lg .calerity-defiinition-computer-image-3 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 120px;
  justify-content: center;
  max-width: 1440px;
  padding: 50px 100px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .if-you-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  max-width: 600px;
  min-width: 400px;
  padding: 30px 0px 60px;
  position: relative;
}

.calerity-homepage-tablet-lg .if-you-have-these-or-3 {
  align-self: stretch;
  letter-spacing: -0.47px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .calerity-is-automate-3 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-lg .span-13 {
  letter-spacing: 0.04px;
}

.calerity-homepage-tablet-lg .homepage-assets-1-3 {
  height: 382px;
  object-fit: cover;
  position: relative;
  width: 462px;
}

.calerity-homepage-tablet-lg .why-automate-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 40px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .text-frame-12 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  width: 100%;
}

.calerity-homepage-tablet-lg .why-automate-your-sc-3 {
  flex: 1;
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-lg .span-14 {
  letter-spacing: -0.36px;
}

.calerity-homepage-tablet-lg .content-1-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 100px 80px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .content-frame {
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 100px 100px;
  padding: 0px 40px;
}

.calerity-homepage-tablet-lg .clock-3 {
  display: block;
  height: 89.01px;
  opacity: 0;
  position: relative;
  transform: translate(-25px, 0);
  width: 111px;
}

.calerity-homepage-tablet-lg .clock-3.bp4-animate-enter9 {
  animation: bp4-animate-enter9-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp4-animate-enter9-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .text-frame-13 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
}

.calerity-homepage-tablet-lg .make-scheduling-easier-and-faster-3 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .transform-the-way-yo-3 {
  letter-spacing: 0.40px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-lg .span-15 {
  letter-spacing: 0.08px;
}

.calerity-homepage-tablet-lg .content-3 {
  align-self: stretch;
  background-color: var(--white);
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  padding: 80px;
  width: 100%;
}

.calerity-homepage-tablet-lg .text-frame-14 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
  z-index: 1;
}

.calerity-homepage-tablet-lg .give-your-team-fair-3 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .elevate-your-groups-3 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-lg .scales-1-3 {
  display: block;
  height: 88px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 111px;
  z-index: 0;
}

.calerity-homepage-tablet-lg .scales-1-3.bp4-animate-enter10 {
  animation: bp4-animate-enter10-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter10-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .magnifying-glass-1-3 {
  display: block;
  height: 86px;
  opacity: 0;
  position: relative;
  transform: translate(-25px, 0);
  width: 112px;
}

.calerity-homepage-tablet-lg .magnifying-glass-1-3.bp4-animate-enter11 {
  animation: bp4-animate-enter11-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(-25px, 0);
}

@keyframes bp4-animate-enter11-frames {
  from{opacity: 0;
transform: translate(-25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .text-frame-11 {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  max-width: 700px;
  min-width: 300px;
}

.calerity-homepage-tablet-lg .gain-valuable-insigh-3 {
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .unlock-powerful-insi-3 {
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-lg .content-4-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px 80px 100px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .content-frame-1 {
  gap: 100px 100px;
  padding: 0px 40px;
}

.calerity-homepage-tablet-lg .invest-in-innovation-3 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .stop-spending-endles-3 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-lg .piggy-bank-1-3 {
  display: block;
  height: 84.99px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 112px;
}

.calerity-homepage-tablet-lg .piggy-bank-1-3.bp4-animate-enter12 {
  animation: bp4-animate-enter12-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp4-animate-enter12-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-lg .content-5 {
  align-self: stretch;
  background-color: var(--off-white);
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  padding: 100px 0px;
  width: 100%;
}

.calerity-homepage-tablet-lg .content-frame-2 {
  align-content: space-between;
  background-color: var(--white);
  padding: 80px 100px;
}

.calerity-homepage-tablet-lg .text-frame-15 {
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  width: 535px;
}

.calerity-homepage-tablet-lg .frame-30-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 343px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .frame-31-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  height: 293px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-tablet-lg .frame-31-item-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.calerity-homepage-tablet-lg .caleriity-vid-thumb-1-3 {
  height: 306.86px;
  object-fit: cover;
  position: relative;
  width: 535px;
}

.calerity-homepage-tablet-lg .footer-7 {
  align-items: flex-start;
  background-color: transparent;
  flex-direction: column;
}

.calerity-homepage-tablet-lg .footer-top {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  flex-direction: column;
  gap: 40px;
  padding: 50px 21px;
}

.calerity-homepage-tablet-lg .nav-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 120px 120px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.calerity-homepage-tablet-lg .link-3 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-tablet-lg .socials-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  padding: 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .frame-21-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  max-width: 1000px;
  position: relative;
  width: 600px;
}

.calerity-homepage-tablet-lg .social-logos-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 60px;
  position: relative;
}

.calerity-homepage-tablet-lg .footer-bottom {
  align-items: center;
  justify-content: space-between;
  padding: 13px 0px;
}

.calerity-homepage-tablet-lg .frame-237-7 {
  display: inline-flex;
  flex: 0 0 auto;
}

.calerity-homepage-tablet-lg .privacy-3:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-lg .text-6 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-lg .terms-and-conditions-3:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-lg .demo-button-dock-1 {
  background-color: var(--white);
  height: 131px;
  position: relative;
  width: 755px;
}

.calerity-homepage-tablet-lg .frame-7 {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  left: calc(50.00% - 378px);
  overflow-y: scroll;
  padding: 46px 0px;
  position: fixed;
  width: 755px;
}

.calerity-homepage-tablet-lg .calerity-button-3 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--off-white);
  border-radius: 80px;
  box-shadow: 0px 2px 4px #00000040 , 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
}

.calerity-homepage-tablet-lg .calerity-button-3:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-lg .card-1 {
  align-items: center;
  display: flex;
  position: relative;
}

.calerity-homepage-tablet-lg .content {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.calerity-homepage-tablet-lg .content-frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .ellipse-1 {
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 8.5px;
  height: 17px;
  position: relative;
}

.calerity-homepage-tablet-lg .footer {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-lg .frame-237 {
  align-items: center;
  flex-direction: column;
  position: relative;
}

.calerity-homepage-tablet-lg .lower-quad-logo {
  height: 371px;
  opacity: 0;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-tablet-lg .simple-elegant {
  opacity: 0;
  position: relative;
}

.calerity-homepage-tablet-lg .text-frame {
  display: flex;
  position: relative;
}

.calerity-homepage-tablet-lg .what-are-your-scheduling-pains {
  align-self: stretch;
  position: relative;
}
/* screen - calerity-homepage-tablet-sm-all-breakpoints */

.calerity-homepage-tablet-sm-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 546px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-280-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 47.98px;
  justify-content: center;
  position: relative;
  width: 203.56px;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-1-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 805px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .simple-elegant-3 {
  align-items: center;
  align-self: stretch;
  gap: 11px;
  height: 170px;
  justify-content: center;
  padding: 80px 0px 0px;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .simple-elegant-3.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-sm-all-breakpoints .simple-elegant-4 {
  flex: 1;
  letter-spacing: -1.50px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
}

.calerity-homepage-tablet-sm-all-breakpoints .simple-elegant-4.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-sm-all-breakpoints .scheduling-2 {
  align-items: center;
  gap: 10px;
  height: 125px;
  justify-content: center;
  margin-left: -1.50px;
  margin-right: -1.50px;
  opacity: 0;
  padding: 0px 0px 29px;
  position: relative;
  width: 549px;
}

.calerity-homepage-tablet-sm-all-breakpoints .scheduling-2.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.00s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-sm-all-breakpoints .title-2 {
  flex: 1;
  letter-spacing: -2.00px;
  line-height: normal;
  margin-bottom: -11.00px;
  margin-top: -13.00px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.calerity-homepage-tablet-sm-all-breakpoints .title-2.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.50s ease-in-out 0.50s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-sm-all-breakpoints .title-tag-lime-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  opacity: 0;
  padding: 25px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .title-tag-lime-2.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.00s ease-in-out 1.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.calerity-homepage-tablet-sm-all-breakpoints .spending-too-much-ti-2 {
  flex: 1;
  letter-spacing: -0.25px;
  line-height: 37.5px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-sm-all-breakpoints .lower-right-icon-2 {
  align-items: flex-end;
  flex-direction: column;
  gap: 10px;
  height: 371px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 434px;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-tablet-sm-all-breakpoints .lower-right-icon-2.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter6-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .lower-quad-logo-2 {
  display: block;
  height: 371px;
  opacity: 0;
  position: relative;
  transform: translate(25px, 0);
  width: 409px;
}

.calerity-homepage-tablet-sm-all-breakpoints .lower-quad-logo-2.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.60s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 0;
transform: translate(25px, 0);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-2-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .what-are-your-scheduling-pains-4 {
  align-items: center;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 40px 30px;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .what-are-your-scheduling-pains-5 {
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-sm-all-breakpoints .quotes-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 0px 30px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .i-use-unwieldy-spre-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .quotes-item-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 30px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .carosel-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-tablet-sm-all-breakpoints .carosel-2 {
  background-color: var(--off-white);
  display: flex;
  height: 400px;
  justify-content: center;
  margin-left: -1327.00px;
  margin-right: -1327.00px;
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  width: 3200px;
}

.calerity-homepage-tablet-sm-all-breakpoints .pains-cards-2-2 {
  align-items: flex-start;
  background-color: var(--off-white);
  display: inline-flex;
  height: 512px;
  margin-left: 1118px;
  padding: 60px 0px;
  position: relative;
  width: 1400px;
}

.calerity-homepage-tablet-sm-all-breakpoints .group-1-2 {
  height: 10px;
  left: 107px;
  position: absolute;
  top: 360px;
  width: 66px;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-container-2 {
  align-items: flex-start;
  display: flex;
  gap: 4px;
  min-width: 66px;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-12-2 {
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--calerity-light-blue);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-1-6 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  transform: rotate(180deg);
  width: 10px;
}

.calerity-homepage-tablet-sm-all-breakpoints .card-1-5 {
  gap: 10px;
  height: 280px;
  justify-content: center;
  padding: 1px 0px;
  width: 280px;
}

.calerity-homepage-tablet-sm-all-breakpoints .card-1-4 {
  background-color: var(--white);
  border: 0.5px solid;
  border-color: var(--calerity-dark-blue);
  border-radius: 5px;
  flex-direction: column;
  height: 241px;
  width: 241px;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-13-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 12px 0px 0px;
  position: relative;
  width: 17px;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-1-8 {
  border-radius: 8.5px;
  height: 17px;
  position: relative;
  width: 17px;
}

.calerity-homepage-tablet-sm-all-breakpoints .i-use-unweildy-spre-2 {
  flex: 1;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: -33px;
  position: relative;
  text-align: center;
  width: 200px;
}

.calerity-homepage-tablet-sm-all-breakpoints .card-2-2 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 336px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-1-7 {
  border-radius: 8.5px;
  flex: 1;
  flex-grow: 1;
  height: 17px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .card-4 {
  align-items: center;
  display: flex;
  gap: 10px;
  height: 392px;
  justify-content: center;
  opacity: 0.25;
  padding: 1px 0px;
  position: relative;
  width: 280px;
}

.calerity-homepage-tablet-sm-all-breakpoints .calerity-defiinition-computer-image-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 120px;
  justify-content: center;
  max-width: 1440px;
  padding: 50px 100px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .if-you-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  margin-left: -27.00px;
  margin-right: -27.00px;
  max-width: 600px;
  min-width: 400px;
  padding: 30px 0px 60px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .if-you-have-these-or-2 {
  align-self: stretch;
  letter-spacing: -0.47px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .calerity-is-automate-2 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .span-9 {
  letter-spacing: 0.04px;
}

.calerity-homepage-tablet-sm-all-breakpoints .homepage-assets-1-2 {
  height: 382px;
  margin-left: -58.00px;
  margin-right: -58.00px;
  object-fit: cover;
  position: relative;
  width: 462px;
}

.calerity-homepage-tablet-sm-all-breakpoints .why-automate-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 40px 10px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-28-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .why-automate-your-sc-2 {
  flex: 1;
  letter-spacing: -0.73px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.calerity-homepage-tablet-sm-all-breakpoints .span-10 {
  letter-spacing: -0.36px;
}

.calerity-homepage-tablet-sm-all-breakpoints .content-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  padding: 100px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .clock-2 {
  display: block;
  height: 89.01px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
}

.calerity-homepage-tablet-sm-all-breakpoints .clock-2.bp3-animate-enter7 {
  animation: bp3-animate-enter7-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .make-scheduling-easier-and-faster-2 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .transform-the-way-yo-2 {
  letter-spacing: 0.40px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .span-11 {
  letter-spacing: 0.08px;
}

.calerity-homepage-tablet-sm-all-breakpoints .scales-1-2 {
  display: block;
  height: 88px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 111px;
  z-index: 1;
}

.calerity-homepage-tablet-sm-all-breakpoints .scales-1-2.bp3-animate-enter8 {
  animation: bp3-animate-enter8-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .text-frame-10 {
  z-index: 0;
}

.calerity-homepage-tablet-sm-all-breakpoints .give-your-team-fair-2 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .elevate-your-groups-2 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .magnifying-glass-1-2 {
  display: block;
  height: 86px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-tablet-sm-all-breakpoints .magnifying-glass-1-2.bp3-animate-enter9 {
  animation: bp3-animate-enter9-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter9-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .text-frame-8 {
  justify-content: center;
}

.calerity-homepage-tablet-sm-all-breakpoints .gain-valuable-insigh-2 {
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .unlock-powerful-insi-2 {
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .content-4-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 100px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-6-5 {
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .piggy-bank-1-2 {
  display: block;
  height: 84.99px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 112px;
}

.calerity-homepage-tablet-sm-all-breakpoints .piggy-bank-1-2.bp3-animate-enter10 {
  animation: bp3-animate-enter10-frames 1.50s ease-in-out 0.20s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter10-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.calerity-homepage-tablet-sm-all-breakpoints .invest-in-innovation-2 {
  align-self: stretch;
  letter-spacing: -0.31px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .stop-spending-endles-2 {
  align-self: stretch;
  letter-spacing: 0.20px;
  line-height: 40px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .vid-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--off-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  padding: 100px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-29-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0px 50px 80px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-264 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-30-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 343px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-31-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 60px;
  height: 293px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-31-item-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .caleriity-vid-thumb-1-2 {
  height: 313px;
  margin-left: -50.00px;
  margin-right: -50.00px;
  object-fit: cover;
  position: relative;
  width: 546px;
}

.calerity-homepage-tablet-sm-all-breakpoints .footer-5 {
  align-items: flex-start;
}

.calerity-homepage-tablet-sm-all-breakpoints .footer-6 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  gap: 40px;
  padding: 50px 21px;
}

.calerity-homepage-tablet-sm-all-breakpoints .nav-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 10px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .link-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.calerity-homepage-tablet-sm-all-breakpoints .socials-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-21 {
  align-items: center;
  display: inline-flex;
  gap: 30px;
  justify-content: center;
  max-width: 1000px;
}

.calerity-homepage-tablet-sm-all-breakpoints .social-logos-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 60px 50px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .footer-2-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 13px 0px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-237-5 {
  display: inline-flex;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-238-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .privacy-2:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-sm-all-breakpoints .text-5 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .terms-and-conditions-2:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-sm-all-breakpoints .demo-button-2::-webkit-scrollbar {
  display: none;
  width: 0;
}

.calerity-homepage-tablet-sm-all-breakpoints .demo-button-2 {
  align-items: flex-end;
  bottom: 1px;
  display: flex;
  height: 152px;
  justify-content: center;
  left: calc(50.00% - 273px);
  overflow-y: scroll;
  position: fixed;
  width: 546px;
}

.calerity-homepage-tablet-sm-all-breakpoints .calerity-button-2 {
  align-items: center;
  background-color: var(--calerity-dark-blue);
  border: 1px solid;
  border-color: var(--off-white);
  border-radius: 80px;
  box-shadow: 0px 2px 4px #00000040 , 0px 4px 4px #00000040;
  cursor: pointer;
  display: inline-flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  margin-bottom: 46px;
  margin-left: -1px;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 249px;
}

.calerity-homepage-tablet-sm-all-breakpoints .calerity-button-2:hover {
  transform: scale(1.1);
}

.calerity-homepage-tablet-sm-all-breakpoints .card-1 {
  align-items: center;
  display: flex;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .ellipse-1 {
  border: 1px solid;
  border-color: var(--calerity-light-blue);
}

.calerity-homepage-tablet-sm-all-breakpoints .footer {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame {
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-237 {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .frame-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 80px;
  justify-content: center;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .simple-elegant {
  opacity: 0;
  position: relative;
}

.calerity-homepage-tablet-sm-all-breakpoints .text-frame {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  max-width: 700px;
  min-width: 300px;
  position: relative;
  width: 100%;
}

.calerity-homepage-tablet-sm-all-breakpoints .what-are-your-scheduling-pains {
  align-self: stretch;
  position: relative;
}
@media screen and (max-width: 488px) {
  .screen.calerity-homepage-mobile-lg { 
    display: none;
   }
  .screen.calerity-homepage-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.calerity-homepage-tablet-lg { 
    display: none;
   }
  .screen.calerity-homepage-desktop { 
    display: none;
   }
}
@media screen and (min-width: 489px) and (max-width: 545px) {
  .screen.calerity-homepage-mobile-sm { 
    display: none;
   }
  .screen.calerity-homepage-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.calerity-homepage-tablet-lg { 
    display: none;
   }
  .screen.calerity-homepage-desktop { 
    display: none;
   }
}
@media screen and (min-width: 546px) and (max-width: 754px) {
  .screen.calerity-homepage-mobile-sm { 
    display: none;
   }
  .screen.calerity-homepage-mobile-lg { 
    display: none;
   }
  .screen.calerity-homepage-tablet-lg { 
    display: none;
   }
  .screen.calerity-homepage-desktop { 
    display: none;
   }
}
@media screen and (min-width: 755px) and (max-width: 975px) {
  .screen.calerity-homepage-mobile-sm { 
    display: none;
   }
  .screen.calerity-homepage-mobile-lg { 
    display: none;
   }
  .screen.calerity-homepage-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.calerity-homepage-desktop { 
    display: none;
   }
}
@media screen and (min-width: 976px) {
  .screen.calerity-homepage-mobile-sm { 
    display: none;
   }
  .screen.calerity-homepage-mobile-lg { 
    display: none;
   }
  .screen.calerity-homepage-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.calerity-homepage-tablet-lg { 
    display: none;
   }
}
@media screen and (min-width: 546px) and (max-width: 654px) {
  .login-icon-1 {
    right: -7%;
  }
}

@media screen and (min-width: 655px) and (max-width: 754px) {
  .login-icon-1 {
    right: -12%;
  }
}

@media screen and (min-width: 755px) and (max-width: 854px) {
  .login-icon-2 {
    right: -17%;
  }
}

@media screen and (min-width: 855px) and (max-width: 975px) {
  .login-icon-2 {
    right: -22%;
  }
}