/* screen - contact-desktop */

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

.contact-desktop .frame-1-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact-desktop .link-2 {
  line-height: normal;
  text-align: center;
}

.contact-desktop .calerity-button-1 {
  align-items: center;
  align-self: stretch;
  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: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

.contact-desktop .calerity-button-1:hover {
  transform: scale(1.1);
}

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

.contact-desktop .simple-elegant-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 80px 0px 0px;
  position: relative;
  width: 756px;
}

.contact-desktop .contact-calerity-4 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

.contact-desktop .contact-calerity-4.bp5-animate-enter33 {
  animation: bp5-animate-enter33-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

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

.contact-desktop .title-tag-lime-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 68px 20px 300px;
  position: relative;
  width: 100%;
}

.contact-desktop .questions-we-are-he-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: 357px;
}

.contact-desktop .frame-4-4 {
  align-items: flex-end;
  bottom: 0;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(25px, 0);
}

.contact-desktop .frame-4-4.bp5-animate-enter34 {
  animation: bp5-animate-enter34-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.contact-desktop .lower-quad-logo-2 {
  height: 371px;
  position: relative;
  width: 409px;
}

.contact-desktop .link-3 {
  line-height: 48px;
}

.contact-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%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.contact-desktop .nav {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 120px 120px;
  justify-content: center;
  padding: 10px;
  position: relative;
}
/* screen - contact-mobile-lg */

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

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

.contact-mobile-lg .frame-1-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact-mobile-lg .simple-elegant-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 80px 0px 0px;
  position: relative;
  width: 100%;
}

.contact-mobile-lg .contact-calerity-2 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

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

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

.contact-mobile-lg .title-tag-lime-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 68px 20px 300px;
  position: relative;
  width: 100%;
}

.contact-mobile-lg .questions-we-are-he-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-mobile-lg .frame-4-2 {
  bottom: 0;
  display: block;
  height: 289px;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(25px, 0);
  width: 319px;
}

.contact-mobile-lg .frame-4-2.bp2-animate-enter33 {
  animation: bp2-animate-enter33-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.contact-mobile-lg .footer-5 {
  align-items: flex-start;
}

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

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

.contact-mobile-lg .about-us-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

.contact-mobile-lg .frame-28 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  position: relative;
}

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

.contact-mobile-lg .frame-237-5 {
  display: inline-flex;
}

.contact-mobile-lg .frame-238-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.contact-mobile-lg .privacy-2:hover {
  transform: scale(1.1);
}

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

.contact-mobile-lg .terms-and-conditions-2:hover {
  transform: scale(1.1);
}

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

.contact-mobile-lg .frame-237 {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}
/* screen - contact-mobile-sm */

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

.contact-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;
}

.contact-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%;
}

.contact-mobile-sm .frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact-mobile-sm .simple-elegant {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 80px 0px 0px;
  position: relative;
  width: 100%;
}

.contact-mobile-sm .contact-calerity {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

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

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

.contact-mobile-sm .title-tag-lime {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 68px 20px 300px;
  position: relative;
  width: 100%;
}

.contact-mobile-sm .questions-we-are-he {
  letter-spacing: 0;
  line-height: normal;
  margin-left: -5.50px;
  margin-right: -5.50px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-mobile-sm .frame-4 {
  bottom: 0;
  display: block;
  height: 289px;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(25px, 0);
  width: 319px;
}

.contact-mobile-sm .frame-4.bp1-animate-enter30 {
  animation: bp1-animate-enter30-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 0;
  transform: translate(25px, 0);
}

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

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

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

.contact-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;
}

.contact-mobile-sm .about-us {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-sm .who-we-serve {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

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

.contact-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;
}

.contact-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;
}

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

.contact-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;
}

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

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

.contact-mobile-sm .footer-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}
/* screen - contact-tablet-lg */

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

.contact-tablet-lg .frame-276 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 100px;
  justify-content: space-between;
  min-width: 750px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.contact-tablet-lg .frame-275 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 50px;
  position: relative;
}

.contact-tablet-lg .link {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact-tablet-lg .frame-278 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-tablet-lg .calerity-button {
  align-items: center;
  align-self: stretch;
  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: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 15px 30px;
  position: relative;
  transition: all 0.2s ease;
  width: 100%;
}

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

.contact-tablet-lg .request-a-demo {
  letter-spacing: -0.20px;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact-tablet-lg .frame-1-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact-tablet-lg .simple-elegant-3 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 80px 0px 0px;
  position: relative;
  width: 756px;
}

.contact-tablet-lg .contact-calerity-3 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

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

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

.contact-tablet-lg .title-tag-lime-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 68px 20px 300px;
  position: relative;
  width: 100%;
}

.contact-tablet-lg .questions-we-are-he-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-tablet-lg .frame-4-3 {
  align-items: flex-end;
  bottom: 0;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(25px, 0);
}

.contact-tablet-lg .frame-4-3.bp4-animate-enter34 {
  animation: bp4-animate-enter34-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.contact-tablet-lg .lower-quad-logo-1 {
  height: 371px;
  position: relative;
  width: 409px;
}

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

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

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

.contact-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%;
}

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

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

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

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

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

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

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

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

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

.contact-tablet-lg .nav {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 120px 120px;
  justify-content: center;
  padding: 10px;
  position: relative;
}
/* screen - contact-tablet-sm-all-breakpoints */

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

.contact-tablet-sm-all-breakpoints .frame-280 {
  cursor: pointer;
  gap: 10px;
  height: 47.98px;
  width: 203.56px;
}

.contact-tablet-sm-all-breakpoints .frame-1-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact-tablet-sm-all-breakpoints .simple-elegant-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 80px 0px 0px;
  position: relative;
  width: 100%;
}

.contact-tablet-sm-all-breakpoints .contact-calerity-1 {
  letter-spacing: -1.44px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: fit-content;
}

.contact-tablet-sm-all-breakpoints .contact-calerity-1.bp3-animate-enter33 {
  animation: bp3-animate-enter33-frames 0.50s ease-in-out 0.10s 1 normal forwards;
  opacity: 0;
}

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

.contact-tablet-sm-all-breakpoints .title-tag-lime-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 68px 32px 300px;
  position: relative;
  width: 100%;
}

.contact-tablet-sm-all-breakpoints .questions-we-are-he-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-tablet-sm-all-breakpoints .span5 {
  color: var(--off-black);
  font-family: var(--font-family-museo_sans-regular);
  font-size: var(--font-size-m);
  font-weight: 400;
}

.contact-tablet-sm-all-breakpoints .frame-4-1 {
  align-items: flex-end;
  bottom: 0;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-end;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translate(25px, 0);
}

.contact-tablet-sm-all-breakpoints .frame-4-1.bp3-animate-enter34 {
  animation: bp3-animate-enter34-frames 1.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(25px, 0);
}

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

.contact-tablet-sm-all-breakpoints .lower-quad-logo {
  height: 371px;
  position: relative;
  width: 409px;
}

.contact-tablet-sm-all-breakpoints .footer-3 {
  align-items: flex-start;
}

.contact-tablet-sm-all-breakpoints .frame-263 {
  align-self: stretch;
  flex: 0 0 auto;
  gap: 42px;
  width: 100%;
}

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

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

.contact-tablet-sm-all-breakpoints .about-us-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-tablet-sm-all-breakpoints .socials-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  margin-left: -14.81px;
  margin-right: -14.81px;
  position: relative;
}

.contact-tablet-sm-all-breakpoints .social-logos-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  justify-content: center;
  position: relative;
}

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

.contact-tablet-sm-all-breakpoints .frame-237-3 {
  display: inline-flex;
}

.contact-tablet-sm-all-breakpoints .privacy-1:hover {
  transform: scale(1.1);
}

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

.contact-tablet-sm-all-breakpoints .terms-and-conditions-1:hover {
  transform: scale(1.1);
}

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

.contact-tablet-sm-all-breakpoints .frame {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.contact-tablet-sm-all-breakpoints .frame-237 {
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 488px) {
  .screen.contact-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.contact-mobile-lg { 
    display: none;
   }
  .screen.contact-tablet-lg { 
    display: none;
   }
  .screen.contact-desktop { 
    display: none;
   }
}
@media screen and (min-width: 489px) and (max-width: 545px) {
  .screen.contact-mobile-sm { 
    display: none;
   }
  .screen.contact-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.contact-tablet-lg { 
    display: none;
   }
  .screen.contact-desktop { 
    display: none;
   }
}
@media screen and (min-width: 546px) and (max-width: 899px) {
  .screen.contact-mobile-sm { 
    display: none;
   }
  .screen.contact-mobile-lg { 
    display: none;
   }
  .screen.contact-tablet-lg { 
    display: none;
   }
  .screen.contact-desktop { 
    display: none;
   }
}
@media screen and (min-width: 900px) and (max-width: 1439px) {
  .screen.contact-mobile-sm { 
    display: none;
   }
  .screen.contact-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.contact-mobile-lg { 
    display: none;
   }
  .screen.contact-desktop { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.contact-mobile-sm { 
    display: none;
   }
  .screen.contact-tablet-sm-all-breakpoints { 
    display: none;
   }
  .screen.contact-mobile-lg { 
    display: none;
   }
  .screen.contact-tablet-lg { 
    display: none;
   }
}
@media screen and (min-width: 546px) and (max-width: 655px) {
  .login-icon {
    right: -6%;
  }
}
@media screen and (min-width: 656px) and (max-width: 719px) {
  .login-icon {
    right: -12%;
  }
}
@media screen and (min-width: 720px) and (max-width: 799px) {
  .login-icon {
    right: -15%;
  }
}
@media screen and (min-width: 800px) and (max-width: 899px) {
  .login-icon {
    right: -20%;
  }
}