*,
*::before,
*::after {
  box-sizing: border-box;
}

*,
html {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Poppins", sans-serif;
  color: #191E2D;
  background: #fff;
}

main {
  background-size: contain;
  margin-top: 80px;
}

input {
  font-family: "Poppins", sans-serif;
}

img {
  width: 100%;
  height: auto;
}

button {
  font-family: "Poppins", sans-serif;
}

.btn-red {
  cursor: pointer;
  background: #FF374B;
  padding: 12px 16px;
  font-size: clamp(16px, 2.3vw, 20px);
  color: #fff;
  border-radius: 4px;
  border: 2px solid rgba(30, 35, 50, 0.25);
  text-decoration: none;
  white-space: nowrap;
  height: 48px;
}

.btn-red:hover {
  background: #ff6a79;
}

.btn-dark-black {
  cursor: pointer;
  background: #1E2332;
  padding: 12px 16px;
  font-size: clamp(16px, 2.3vw, 20px);
  color: #fff;
  border-radius: 4px;
  border: 2px solid #fff;
  text-decoration: none;
  white-space: nowrap;
  height: 48px;
}

.btn-dark-black:hover {
  background: #313952;
}

.btn-main-blue {
  cursor: pointer;
  background: #3BA9C2;
  padding: 12px 16px;
  font-size: clamp(16px, 2.3vw, 20px);
  color: #fff;
  border-radius: 4px;
  border: 2px solid;
  text-decoration: none;
  white-space: nowrap;
  height: 48px;
}

.btn-main-blue:hover {
  background: #61bbcf;
}

.btn-white {
  cursor: pointer;
  background: #fff;
  padding: 12px 16px;
  font-size: clamp(16px, 2.3vw, 20px);
  color: #1E2332;
  border-radius: 4px;
  border: 2px solid #1E2332;
  text-decoration: none;
  white-space: nowrap;
  height: 48px;
}

.btn-white:hover {
  background: #F0FAFA;
}

.btn-white-purple {
  padding: 10px 56px !important;
  background: #FFFFFF;
  color: #782DE1;
  font-size: clamp(16px, 2.3vw, 16px) !important;
  cursor: pointer;
  border-radius: 4px;
  border: 2px solid #782DE1;
  text-decoration: none;
  white-space: nowrap;
  height: 48px;
  font-weight: 500;
}

.btn-white-purple:hover {
  background: #F2FDFD;
}

.btn-purple {
  padding: 10px 55px !important;
  background: #782DE1;
  color: #ffffff;
  border: #782DE1;
  font-size: clamp(16px, 2.3vw, 16px) !important;
  cursor: pointer;
  border-radius: 4px;
  height: 48px;
  font-weight: 500;
}

.type-1 {
  font-size: clamp(20px, 2.5vw, 32px);
  line-height: 48px;
  font-weight: 500;
}

.type-1-bold {
  font-size: clamp(20px, 2.5vw, 32px);
  font-weight: 700;
}

.type-2 {
  font-size: clamp(16px, 2.2vw, 20px);
  line-height: 30px;
  font-weight: 500;
}

.type-3 {
  font-size: clamp(14px, 2.3vw, 16px);
  line-height: 24px;
  font-weight: 500;
}

.type-4 {
  font-size: clamp(12px, 2.3vw, 14px);
  font-weight: 500;
  line-height: 21px;
}

.type-4-bold {
  font-size: clamp(12px, 2.3vw, 14px);
  font-weight: 600;
}

.type-5 {
  font-size: clamp(10px, 2.3vw, 14px);
  font-weight: 400;
}

.type-6 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.bg-light-green {
  background: #F0FAFA;
}

.type-container {
  padding: 4px 0px;
}

.section-title-container {
  margin-bottom: 18px;
  display: grid;
  gap: 8px;
  padding: 0px 3px;
}

@media screen and (max-width: 992px) {
  .section-title-container.center {
    text-align: center;
  }
}

.content-container {
  padding-inline: 16px;
  margin: 0 auto;
}

.content-container.with-line {
  border-bottom: 1px solid #ECEEF0;
}

.content-container.with-pad {
  padding: 32px 16px;
}

.header-wrapper {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

#menu-check {
  display: none;
}

#menu-check:checked ~ #main-nav {
  transform: scaleY(1);
}

#menu-check:checked ~ .header-main .menu-check__label {
  background-color: #1E2332;
}

#menu-check:checked ~ .header-main .menu-check__label span {
  background-color: #fff !important;
  margin: 0;
  position: absolute;
  padding: 1px 5px;
}

#menu-check:checked ~ .header-main .menu-check__label span:first-child {
  transform: rotate(45deg);
}

#menu-check:checked ~ .header-main .menu-check__label span:nth-child(2) {
  display: none;
}

#menu-check:checked ~ .header-main .menu-check__label span:nth-child(3) {
  transform: rotate(135deg);
}

.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ECEEF0;
  height: 75px;
  padding-inline: 4px;
  margin: auto;
  min-width: 135px;
  transition: height 100ms ease-in-out;
}

.header-main .menu-check__label {
  width: 48px;
  height: 36px;
  border-radius: 4px;
  border: 1px solid #1E2332;
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  position: relative;
}

.header-main .menu-check__label span {
  width: 16px;
  height: 2px;
  background: #1E2332;
}

.header-main .logo-container {
  display: flex;
  align-items: baseline;
  gap: 5px;
  transform: scale(1.2);
  transform-origin: left;
}

#main-nav {
  display: flex;
  justify-content: center;
  justify-self: flex-end;
  gap: 32px;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  position: fixed;
  background: #fff;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: calc(100% - 75px);
  font-size: 20px;
  transform: scaleY(0);
  transform-origin: top;
  transition: height 100ms ease-in-out;
}

#main-nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 80%;
}

#main-nav ul .menu-item {
  position: relative;
  /* padding-block: 39px; */
  padding-block: 10px;
  text-align: center;
}

#main-nav ul .menu-item a {
  text-decoration: none;
  color: #191E2D;
  font-weight: 500;
}

#main-nav ul .menu-item.active a,
#main-nav ul .menu-item:hover a {
  color: #782DE1;
}

#main-nav ul .menu-item.active::after {
  content: "";
  background: #782DE1;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  position: absolute;
}

#main-nav ul.nav-menu {
  /* gap: 64px; */
  /* flex-grow: 1; */
  gap: 10px;
  border-bottom: 1px solid #ECEEF0;
}

#main-nav ul.nav-actions {
  gap: 10px;
}

#main-nav ul.nav-actions .button-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

#main-nav ul.nav-actions .button-container #get-started {
  width: 100%;
  padding-block: 10px;
  background: #fff;
  border: 1px solid #1E2332;
  border-radius: 4px;
  font-size: 20px;
  cursor: pointer;
}

.footer-content {
  padding-block: 20px;
}

.footer-content .logo {
  display: flex;
  padding-inline: 3px;
}

.footer-content .copyright {
  margin-top: 16px;
  font-size: 10px;
  color: #606B86;
  font-weight: 500;
}

.footer-group.wider {
  width: 180px;
}

.footer-group {
  margin-block: 16px;
}

.footer-group .footer-check {
  display: none;
}

.footer-group .footer-check:checked ~ .footer-group__title label::after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.971191V3.02833H8V0.971191H0Z' fill='%23D7DCE6'/%3E%3C/svg%3E%0A");
}

.footer-group .footer-check:checked ~ .footer-group__item {
  max-height: 150px;
  transform: scaleY(1);
}

.footer-group__title {
  font-weight: 500;
  font-size: 10px;
  line-height: 15px;
  color: #606B86;
  padding-block: 5px;
  position: relative;
  display: flex;
}

.footer-group__title label {
  width: 100%;
}

.footer-group__title label::after {
  content: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.02856 0H2.97142V2.97126H0V5.0284H2.97142V8H5.02856V5.0284H8V2.97126H5.02856V0Z' fill='%23D7DCE6'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 8px;
}

.footer-group__item {
  max-height: 0;
  transform: scaleY(0);
  transform-origin: top;
  overflow: hidden;
  transition: transform 200ms ease-in-out, max-height 150ms ease-in-out;
}

.footer-group__item li {
  list-style: none;
  margin-left: 16px;
}

.footer-group__item li a {
  text-decoration: none;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #191e2d;
}

.footer-group__item li a:hover {
  color: #3BA9C2;
}

.footer-group.connect .footer-group__item {
  display: flex;
  gap: 8px;
}

.footer-group.connect .footer-group__item li {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  #main-nav ul li {
    padding-block: 10px !important;
  }
}

@media screen and (min-width: 768px) {
  main {
    margin-top: 95px;
  }

  .content-container {
    max-width: 1320px;
  }

  .header-content {
    display: flex;
    border-bottom: 1px solid #ECEEF0;
  }

  .header-content .header-main {
    height: unset;
    border-bottom: unset;
  }

  .header-content .header-main .logo-container {
    flex-direction: column;
    max-width: 70%;
    min-width: 60px;
    transform: unset;
  }

  .header-content .header-main .menu-check__label {
    display: none;
  }

  .header-content #main-nav {
    justify-content: space-between;
    position: unset;
    left: 0px;
    right: 0px;
    bottom: 0px;
    font-size: unset;
    transform: scaleY(1);
    flex-direction: unset;
    align-items: unset;
    gap: 32px;
  }

  .header-content #main-nav ul {
    flex-direction: row;
    width: auto;
  }

  .header-content #main-nav ul.nav-menu {
    flex-grow: 1;
    border-bottom: unset;
    gap: clamp(32px, 4vw, 64px);
  }

  .header-content #main-nav ul.nav-actions {
    gap: clamp(24px, 3vw, 32px);
  }

  .header-content #main-nav ul.nav-actions .button-container {
    width: unset;
  }

  .header-content #main-nav ul.nav-actions .button-container button {
    font-size: 16px !important;
    padding: 10px 20px;
    white-space: nowrap;
    font-size: clamp(10px, 1.5vw, 16px) !important;
    font-weight: 500;
  }

  .header-content #main-nav ul .menu-item {
    margin: auto 0;
    padding-block: 30px;
    transition: padding-block 100ms linear;
  }

  .header-content #main-nav ul .menu-item a {
    white-space: nowrap;
    font-size: clamp(10px, 1.5vw, 16px) !important;
  }

  .header-content #main-nav ul::-webkit-scrollbar {
    display: none;
  }

  .footer-content {
    display: grid;
  }

  .footer-content .footer-group-container {
    display: grid;
    grid-template-columns: 150px 150px 150px 3.5fr;
    gap: 40px;
    padding-inline: 3px;
  }

  .footer-content .footer-group .footer-check:checked ~ .footer-group__title label::after {
    content: none;
  }

  .footer-content .footer-group__title {
    pointer-events: none;
  }

  .footer-content .footer-group__title label::after {
    content: unset;
  }

  .footer-content .footer-group__item {
    max-height: unset;
    transform: unset;
  }

  .footer-content .footer-group__item li {
    margin-left: 0;
  }

  .footer-content .footer-group.connect {
    justify-self: center;
  }
}

.integrations-body,
.trustedby-body {
  display: grid;
  gap: 16px;
  padding-block: 16px;
  padding-inline: 3px;
  grid-template-columns: repeat(auto-fit, minmax(131px, 1fr));
  align-items: center;
}

.integrations-body img,
.trustedby-body img {
  width: clamp(80%, 14vw, 100%);
}

.get-started-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: baseline;
  padding-inline: 3px;
}

@media screen and (max-width: 768px) {
  .get-started-body.center {
    align-items: center;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .get-started-body {
    flex-direction: row;
    align-items: center;
  }
}

#security-area {
  background: #FBFCFD;
}

#security-area a {
  text-decoration: none;
  color: #0063BE;
}

#security-area .security-body {
  padding-inline: 3px;
}

#security-area .security-body > div {
  margin-block: 8px;
}

#security-area .security-body .security-statement > div > div {
  margin-block: 8px;
}

@media screen and (min-width: 768px) {
  #security-area .security-body {
    display: flex;
    gap: 32px;
  }
}

#security-area .security-statement-title {
  font-size: clamp(20px, 2.5vw, 24px);
  font-weight: 500;
  line-height: 36px;
}

@media screen and (min-width: 768px) {
  #security-area .security-statement-title {
    margin-top: 16px;
  }
}

#security-area img {
  width: 20%;
}

@media screen and (min-width: 480px) {
  #security-area img {
    width: unset;
  }
}

#cliniqapps-cookies {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: #fff;
  padding: 24px 42px;
  color: #191E2D;
  overflow: hidden;
  display: grid;
  box-shadow: 0px -3px 16px -1px rgba(110, 110, 110, 0.75);
  gap: 8px;
  z-index: 99;
}

#cliniqapps-cookies a {
  text-decoration: none;
  color: #1996FF;
}

#cliniqapps-cookies .cookies-header {
  grid-column: 1/3;
  font-size: 14px;
}

#cliniqapps-cookies .cookies-message {
  grid-column: 1/3;
  font-size: 12px;
  color: #647D96;
}

@media screen and (min-width: 768px) {
  #cliniqapps-cookies {
    align-items: center;
  }

  #cliniqapps-cookies .cookies-header {
    grid-row: 1/2;
    grid-column: 1/2;
  }

  #cliniqapps-cookies .cookies-message {
    grid-row: 2/3;
    grid-column: 1/2;
  }

  #cliniqapps-cookies #deny-cookie {
    grid-row: 1/3;
    grid-column: 3/4;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }

  #cliniqapps-cookies #consent-cookie {
    grid-row: 1/3;
    grid-column: 2/3;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.ca-input[type=text],
.ca-input[type=email],
.ca-input[type=number],
.ca-input.ca-select {
  padding: 11px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  border: 1px solid #F1F1F1;
  width: 100%;
  color: #191E2D;
  height: 48px;
}

.ca-input[type=text]:focus,
.ca-input[type=email]:focus,
.ca-input[type=number]:focus,
.ca-input.ca-select:focus {
  border-color: #782DE1;
  outline: 2px solid #782DE1;
}

.ca-input[type=text]::-webkit-input-placeholder,
.ca-input[type=email]::-webkit-input-placeholder,
.ca-input[type=number]::-webkit-input-placeholder,
.ca-input.ca-select::-webkit-input-placeholder {
  color: #606B86;
}

.ca-input[type=text]::-moz-placeholder,
.ca-input[type=email]::-moz-placeholder,
.ca-input[type=number]::-moz-placeholder,
.ca-input.ca-select::-moz-placeholder {
  color: #606B86;
}

.ca-input[type=text]:-ms-input-placeholder,
.ca-input[type=email]:-ms-input-placeholder,
.ca-input[type=number]:-ms-input-placeholder,
.ca-input.ca-select:-ms-input-placeholder {
  color: #606B86;
}

.ca-input[type=text]::-ms-input-placeholder,
.ca-input[type=email]::-ms-input-placeholder,
.ca-input[type=number]::-ms-input-placeholder,
.ca-input.ca-select::-ms-input-placeholder {
  color: #606B86;
}

.ca-input[type=text]::placeholder,
.ca-input[type=email]::placeholder,
.ca-input[type=number]::placeholder,
.ca-input.ca-select::placeholder {
  color: #606B86;
}

.ca-input[type=text].invalid,
.ca-input[type=email].invalid,
.ca-input[type=number].invalid,
.ca-input.ca-select.invalid {
  border-color: #FF5991 !important;
  background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6.48499 5.07146C6.33687 4.97615 6.15515 4.97622 6.00697 5.07143C5.87858 5.15417 5.70357 5.28684 5.49521 5.49521C5.28684 5.70357 5.15417 5.87858 5.07143 6.00697C4.97622 6.15515 4.97615 6.33687 5.07146 6.48499C5.15413 6.61347 5.28688 6.78848 5.49521 6.9968L8.123 9.6246C8.33033 9.83193 8.33033 10.1681 8.123 10.3754L5.49521 13.0032C5.28688 13.2115 5.15413 13.3865 5.07146 13.515C4.97615 13.6631 4.97622 13.8449 5.07143 13.993C5.15417 14.1214 5.28684 14.2964 5.49521 14.5048C5.70357 14.7132 5.87858 14.8458 6.00697 14.9286C6.15515 15.0238 6.33687 15.0239 6.48499 14.9285C6.61348 14.8459 6.78848 14.7131 6.9968 14.5048L9.6246 11.877C9.83193 11.6697 10.1681 11.6697 10.3754 11.877L13.0032 14.5048C13.2115 14.7131 13.3865 14.8459 13.515 14.9285C13.6631 15.0239 13.8449 15.0238 13.993 14.9286C14.1214 14.8458 14.2964 14.7132 14.5048 14.5048C14.7132 14.2964 14.8458 14.1214 14.9286 13.993C15.0238 13.8449 15.0238 13.6631 14.9285 13.515C14.8459 13.3865 14.7131 13.2115 14.5048 13.0032L11.877 10.3754C11.6697 10.1681 11.6697 9.83193 11.877 9.6246L14.5048 6.9968C14.7131 6.78848 14.8459 6.61348 14.9285 6.48499C15.0239 6.33687 15.0238 6.15515 14.9286 6.00697C14.8458 5.87858 14.7132 5.70357 14.5048 5.49521C14.2964 5.28684 14.1214 5.15417 13.993 5.07143C13.8449 4.97622 13.6631 4.97615 13.515 5.07146C13.3865 5.15413 13.2115 5.28688 13.0032 5.49521L10.3754 8.123C10.1681 8.33033 9.83193 8.33033 9.6246 8.123L6.9968 5.49521C6.78848 5.28688 6.61348 5.15413 6.48499 5.07146Z' fill='%23FF5991'/></svg>");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) calc(50%);
}

.ca-input.ca-select {
  position: relative;
  cursor: pointer;
}

.ca-input.ca-select::after {
  content: url("data:image/svg+xml,<svg width='40' height='48' viewBox='0 0 40 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H36C38.2091 0 40 1.79086 40 4V44C40 46.2091 38.2091 48 36 48H0V0Z' fill='%23606B86'/><path d='M16.0786 21.703C15.8691 21.3993 16.103 21 16.4904 21H23.5096C23.897 21 24.1309 21.3993 23.9214 21.703L20.4118 26.7905C20.2191 27.0698 19.7809 27.0698 19.5882 26.7905L16.0786 21.703Z' fill='white'/></svg>");
  position: absolute;
  right: 0px;
  top: 0;
}

.ca-select-container {
  position: relative;
}

.ca-select-container span {
  color: #647D96;
}

.ca-select-container .ca-select-check {
  display: none;
}

.ca-select-container .ca-select-check:checked ~ .ca-select-list {
  transform: scaleX(1);
}

.ca-select-container .ca-select-check:checked ~ label .ca-input {
  border-color: #9747FF;
  outline: 1px solid #9747FF;
}

.ca-select-container .ca-select-check:checked ~ label .ca-select::after {
  content: url("data:image/svg+xml,<svg width='40' height='48' viewBox='0 0 40 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 0H36C38.2091 0 40 1.79086 40 4V44C40 46.2091 38.2091 48 36 48H0V0Z' fill='%239747FF'/><path d='M16.0786 21.703C15.8691 21.3993 16.103 21 16.4904 21H23.5096C23.897 21 24.1309 21.3993 23.9214 21.703L20.4118 26.7905C20.2191 27.0698 19.7809 27.0698 19.5882 26.7905L16.0786 21.703Z' fill='white'/></svg>");
  transform: rotateX(180deg);
  top: -8px;
}

.ca-select-container .ca-select-list {
  border: 1px solid #9747FF;
  position: absolute;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  transform: scaleX(0);
  transform-origin: top;
  transition-property: transform;
  width: calc(50% - 8px);
  margin-top: 6px;
  font-weight: 500;
  font-size: 14px;
}

.ca-select-container .ca-select-list .list-option {
  padding: 8px 24px;
  cursor: pointer;
}

.ca-select-container .ca-select-list .list-option:nth-child(even) {
  background: #F8FAFC;
}

.ca-select-container .ca-select-list .list-option:hover {
  background: #F0FAFA;
  color: #9747FF;
}

.iti .iti__selected-dial-code {
  font-size: 14px;
  font-weight: 500;
  color: #191E2D;
  font-family: "Poppins", sans-serif;
}

.iti__container .iti__input {
  padding-left: 100px;
}

.iti__flag-container {
  position: relative;
}

.iti__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
}

.iti__selected-flag {
  margin-right: 30px;
  float: left;
}

.response-message {
  display: none;
  font-size: 16px;
  padding: 16px 24px;
  border-radius: 4px;
  margin: 16px 0 8px;
}

.response-message.success {
  background: #F0FAFA;
  display: block;
}

.response-message.failed {
  background: #ffdee4;
  color: #F54B69;
  display: block;
}