@charset "UTF-8";
/******* GENERAL *******/
h1, h2, h3, h4, h5, h6, p, li, section, textarea, input, label, button, a, span {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: normal;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  transition: all 200ms linear;
  margin: 0; }

p {
  margin: 0; }

button {
  white-space: nowrap; }

/********* Font **********/
.font-h1, .font-h2, .font-h3, .font-h4, .font-h5, .font-h6 {
  font-size: 38px; }

.font-h2 {
  font-size: 32px;
  line-height: 40px; }

.font-h3 {
  font-size: 28px; }

.font-h4 {
  font-size: 24px; }

.font-h5 {
  font-size: 18px;
  line-height: 28px; }

.font-h6 {
  font-size: 14px; }

.font-p {
  font-size: 16px; }

.font-span {
  font-size: 12px; }

.font-w300 {
  font-weight: 300; }

.font-w400 {
  font-weight: 400; }

.font-w500 {
  font-weight: 500; }

.font-w600 {
  font-weight: 600; }

.font-w700 {
  font-weight: 700; }

.font-w800 {
  font-weight: 800; }

.font-w900 {
  font-weight: 900; }

.font-8 {
  font-size: 8px; }

.font-10 {
  font-size: 10px; }

.font-11 {
  font-size: 11px; }

.font-12 {
  font-size: 12px; }

.font-13 {
  font-size: 13px; }

.font-14 {
  font-size: 14px; }

.font-15 {
  font-size: 15px; }

.font-16 {
  font-size: 16px; }

.font-18 {
  font-size: 18px; }

.font-21 {
  font-size: 21px; }

.font-19 {
  font-size: 19px; }

.font-20 {
  font-size: 20px; }

.font-22 {
  font-size: 22px; }

.font-24 {
  font-size: 24px; }

.font-25 {
  font-size: 25px; }

.font-28 {
  font-size: 28px; }

.font-30 {
  font-size: 30px; }

.font-32 {
  font-size: 32px; }

.font-35 {
  font-size: 35px; }

.font-36 {
  font-size: 36px; }

.font-40 {
  font-size: 40px; }

.font-48 {
  font-size: 48px; }

.font-upper {
  text-transform: uppercase; }

.font-italic {
  font-style: italic; }

.underline {
  text-decoration: underline; }

/********* Line Height **********/
.lh-16 {
  line-height: 16px; }

.lh-18 {
  line-height: 18px; }

.lh-20 {
  line-height: 20px; }

.lh-22 {
  line-height: 22px; }

.lh-24 {
  line-height: 24px; }

.lh-28 {
  line-height: 28px; }

.lh-30 {
  line-height: 30px; }

.lh-32 {
  line-height: 32px; }

.lh-36 {
  line-height: 36px; }

.lh-45 {
  line-height: 45px; }

.lh-50 {
  line-height: 50px; }

.lh-60 {
  line-height: 60px; }

/**** GENERAL TAG ****/
body,
figure {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

input,
button:focus {
  outline: 0; }

a:hover {
  color: normal;
  text-decoration: none; }

a:focus {
  text-decoration: none; }

li {
  white-space: nowrap; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield; }

.list-style {
  list-style-type: disc; }

.no-list-style {
  list-style-type: none; }

.list-style::marker {
  font-size: 12px; }

.style-check:before {
  content: "✓";
  height: 100%;
  margin-right: 10px; }

.no-border {
  border: 0; }

.border-1 {
  border: 1px solid #000; }

.border-1-light {
  border: 1px solid #e9ecef; }

.cursor {
  cursor: pointer; }

.opacity-0 {
  opacity: 0;
  pointer-events: none; }

.link-decor {
  color: #16fcd2;
  text-decoration: underline; }

/*********** GENERAL CLASS PROPERTIES ************/
.img-fit {
  display: block;
  max-width: 100%;
  object-fit: contain; }

/********* Display & Structure **********/
.d-block {
  display: block; }

.d-inblock {
  display: inline-block; }

.d-flex {
  display: flex; }

.d-inline-flex {
  display: inline-flex; }

.d-none {
  display: none; }

.p-relative {
  position: relative; }

.p-absolut-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: perspective(1px) translateY(-50%);
  -moz-transform: perspective(1px) translateY(-50%);
  -ms-transform: perspective(1px) translateY(-50%);
  -o-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%); }

.flex-center {
  align-items: center;
  justify-content: center; }

.flex-ver-top {
  align-items: flex-start; }

.flex-ver-center {
  align-items: center; }

.flex-hor-center {
  justify-content: center; }

.flex-hor-end {
  justify-content: flex-end; }

.flex-hor-between {
  justify-content: space-between; }

.flex-top {
  align-items: flex-start; }

.flex-rreverse {
  flex-direction: row-reverse; }

.flex-direction-row {
  flex-direction: row; }

.flex-direction-col {
  flex-direction: column; }

.flex-wrap {
  flex-wrap: wrap; }

.flex-self-base {
  align-self: baseline; }

.flex-self-stretch {
  align-self: stretch; }

.w-100 {
  width: 100%; }

.w-90 {
  width: 90%; }

.w-80 {
  width: 70%; }

.w-70 {
  width: 70%; }

.w-60 {
  width: 60%; }

.w-50 {
  width: 50%; }

.w-40 {
  width: 40%; }

.w-30 {
  width: 30%; }

.w-20 {
  width: 20%; }

.w-15 {
  width: 15%; }

.w-200 {
  width: 200px; }

.h-100 {
  height: 100%; }

.vh-100 {
  height: 100vh; }

.vw-100 {
  width: 100vw; }

.w-fit {
  width: fit-content; }

/********* Content Position **********/
.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

/*************** Backgrounds *****************/
.bg-white {
  background: #fff; }

.bg-green {
  background: #52b290; }

.bg-blue {
  background: #4193db; }

.bg-center, .bg-contain {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.pr-dot-parallax {
  background-repeat: no-repeat;
  background-size: auto;
  top: 0;
  left: 0; }

.bg-filter {
  background: linear-gradient(180deg, #073b3a 0%, rgba(7, 59, 58, 0) 100%);
  position: absolute;
  height: inherit;
  width: 100%;
  left: 0;
  top: 0; }

/*********** Width ************/
.min-w200 {
  min-width: 200px; }

.min-w250 {
  min-width: 250px; }

.min-w400 {
  min-width: 400px; }

.min-w500 {
  min-width: 500px; }

.min-w600 {
  min-width: 600px; }

.min-w700 {
  min-width: 700px; }

.min-w800 {
  min-width: 800px; }

.min-w900 {
  min-width: 900px; }

.min-w1000 {
  min-width: 1000px; }

.min-w1100 {
  min-width: 1100px; }

.min-w1200 {
  min-width: 1200px; }

.min-w1300 {
  min-width: 1300px; }

.max-w400 {
  max-width: 500px; }

.max-w500 {
  max-width: 500px; }

.max-w600 {
  max-width: 600px; }

.max-w620 {
  max-width: 620px; }

.max-w700 {
  max-width: 700px; }

.max-w800 {
  max-width: 800px; }

.max-w900 {
  max-width: 900px; }

.max-w950 {
  max-width: 950px; }

.max-w1000 {
  max-width: 1000px; }

.max-w1100 {
  max-width: 1100px; }

.max-w1200 {
  max-width: 1200px; }

.max-w1280 {
  max-width: 1200px; }

.max-w1920 {
  max-width: 1920px; }

.w50 {
  width: 50%; }

/********* Margin **********/
.mg-0-auto {
  margin: 0 auto; }

.mg-left-auto {
  margin-left: auto; }

.mg-right-auto {
  margin-right: auto; }

.mg-tb8 {
  margin-top: 8px;
  margin-bottom: 8px; }

.mg-lr10 {
  margin: 0 10px; }

.mg-lr15 {
  margin: 0 15px; }

.mg-lr30 {
  margin: 0 30px; }

.mg-l1 {
  margin-left: 1px; }

.mg-l2 {
  margin-left: 2px; }

.mg-l3 {
  margin-left: 3px; }

.mg-l4 {
  margin-left: 4px; }

.mg-l5 {
  margin-left: 5px; }

.mg-l30 {
  margin-left: 30px; }

.mg-l10 {
  margin-left: 10px; }

.mg-l11 {
  margin-left: 11px; }

.mg-l12 {
  margin-left: 12px; }

.mg-l13 {
  margin-left: 13px; }

.mg-l14 {
  margin-left: 14px; }

.mg-l15 {
  margin-left: 15px; }

.mg-l20 {
  margin-left: 20px; }

.mg-r1 {
  margin-right: 1px; }

.mg-r2 {
  margin-right: 2px; }

.mg-r3 {
  margin-right: 3px; }

.mg-r4 {
  margin-right: 4px; }

.mg-r5 {
  margin-right: 5px; }

.mg-r6 {
  margin-right: 6px; }

.mg-r7 {
  margin-right: 7px; }

.mg-r8 {
  margin-right: 8px; }

.mg-r9 {
  margin-right: 9px; }

.mg-r10 {
  margin-right: 10px; }

.mg-r11 {
  margin-right: 11px; }

.mg-r12 {
  margin-right: 12px; }

.mg-r13 {
  margin-right: 13px; }

.mg-r14 {
  margin-right: 14px; }

.mg-r15 {
  margin-right: 15px; }

.mg-r20 {
  margin-right: 20px; }

.mg-r25 {
  margin-right: 25px; }

.mg-r30 {
  margin-right: 30px; }

.mg-r35 {
  margin-right: 35px; }

.mg-r40 {
  margin-right: 40px; }

.mg-r45 {
  margin-right: 45px; }

.mg-r50 {
  margin-right: 50px; }

.mg-r60 {
  margin-right: 60px; }

.mg-r66 {
  margin-right: 66px; }

.mg-r10 {
  margin-right: 10px; }

.mg-b5 {
  margin-bottom: 5px; }

.mg-b7 {
  margin-bottom: 7px; }

.mg-b8 {
  margin-bottom: 8px; }

.mg-b10 {
  margin-bottom: 10px; }

.mg-b12 {
  margin-bottom: 12px; }

.mg-b13 {
  margin-bottom: 13px; }

.mg-b14 {
  margin-bottom: 14px; }

.mg-b15 {
  margin-bottom: 15px; }

.mg-b16 {
  margin-bottom: 16px; }

.mg-b20 {
  margin-bottom: 20px; }

.mg-b25 {
  margin-bottom: 25px; }

.mg-b28 {
  margin-bottom: 28px; }

.mg-b30 {
  margin-bottom: 30px; }

.mg-b32 {
  margin-bottom: 32px; }

.mg-b35 {
  margin-bottom: 35px; }

.mg-b40 {
  margin-bottom: 40px; }

.mg-b45 {
  margin-bottom: 45px; }

.mg-b50 {
  margin-bottom: 50px; }

.mg-b55 {
  margin-bottom: 55px; }

.mg-b60 {
  margin-bottom: 60px; }

.mg-b70 {
  margin-bottom: 70px; }

.mg-b80 {
  margin-bottom: 80px; }

.mg-b90 {
  margin-bottom: 90px; }

.mg-b100 {
  margin-bottom: 100px; }

.mg-t12 {
  margin-top: 12px; }

.mg-t5 {
  margin-top: 5px; }

.mg-t6 {
  margin-top: 6px; }

.mg-t7 {
  margin-top: 7px; }

.mg-t8 {
  margin-top: 8px; }

.mg-t9 {
  margin-top: 9px; }

.mg-t10 {
  margin-top: 10px; }

.mg-t10 {
  margin-top: 10px; }

.mg-t15 {
  margin-top: 15px; }

.mg-t20 {
  margin-top: 20px; }

.mg-t25 {
  margin-top: 25px; }

.mg-t30 {
  margin-top: 30px; }

.mg-t35 {
  margin-top: 35px; }

.mg-t40 {
  margin-top: 40px; }

.mg-t50 {
  margin-top: 50px; }

.mg-t60 {
  margin-top: 60px; }

.mg-t70 {
  margin-top: 70px; }

.mg-t80 {
  margin-top: 80px; }

.mg-t90 {
  margin-top: 90px; }

.mg-t100 {
  margin-top: 100px; }

.mg-0-20 {
  margin: 0 20px; }

.mg-0-30 {
  margin: 0 30px; }

.mg-15 {
  margin: 15px; }

/********* Padding **********/
.default-padsec {
  padding: 80px 0; }

.default-padcont {
  padding: 0 30px; }

.pad-15-0 {
  padding: 15px 0; }

.pad-5 {
  padding: 5px; }

.pad-10 {
  padding: 10px; }

.pad-12 {
  padding: 12px; }

.pad-15 {
  padding: 15px; }

.pad-20 {
  padding: 20px; }

.pad-30 {
  padding: 30px; }

.pad-40 {
  padding: 40px; }

.pad-50 {
  padding: 50px; }

.pad-0-10 {
  padding: 0 10px; }

.pad-0-15 {
  padding: 0 15px; }

.pad-0-20 {
  padding: 0 20px; }

.pad-0-25 {
  padding: 0 25px; }

.pad-0-30 {
  padding: 0 30px; }

.pad-0-35 {
  padding: 0 35px; }

.pad-0-40 {
  padding: 0 40px; }

.pad-0-45 {
  padding: 0 45px; }

.pad-0-50 {
  padding: 0 50px; }

.pad-15-40 {
  padding: 15px 40px; }

.pad-20-10 {
  padding: 20px 10px; }

.pad-lr10 {
  padding-left: 10px;
  padding-right: 10px; }

.pad-lr15 {
  padding-left: 15px;
  padding-right: 15px; }

.pad-lr20 {
  padding-left: 20px;
  padding-right: 20px; }

.pad-l10 {
  padding-left: 10px; }

.pad-l20 {
  padding-left: 20px; }

.pad-l30 {
  padding-left: 30px; }

.pad-l40 {
  padding-left: 40px; }

.pad-l50 {
  padding-left: 50px; }

.pad-l60 {
  padding-left: 60px; }

.pad-l70 {
  padding-left: 70px; }

.pad-l80 {
  padding-left: 80px; }

.pad-l90 {
  padding-left: 90px; }

.pad-l100 {
  padding-left: 100px; }

.pad-r10 {
  padding-right: 10px; }

.pad-r20 {
  padding-right: 20px; }

.pad-r30 {
  padding-right: 30px; }

.pad-r40 {
  padding-right: 40px; }

.pad-r50 {
  padding-right: 50px; }

.pad-r60 {
  padding-right: 60px; }

.pad-r70 {
  padding-right: 70px; }

.pad-r80 {
  padding-right: 80px; }

.pad-r90 {
  padding-right: 90px; }

.pad-r100 {
  padding-right: 100px; }

.pad-t10 {
  padding-top: 10px; }

.pad-t20 {
  padding-top: 20px; }

.pad-t30 {
  padding-top: 30px; }

.pad-t40 {
  padding-top: 40px; }

.pad-t50 {
  padding-top: 50px; }

.pad-t60 {
  padding-top: 60px; }

.pad-t70 {
  padding-top: 70px; }

.pad-t80 {
  padding-top: 80px; }

.pad-t90 {
  padding-top: 90px; }

.pad-t100 {
  padding-top: 100px; }

.pad-b10 {
  padding-bottom: 10px; }

.pad-b15 {
  padding-bottom: 15px; }

.pad-b20 {
  padding-bottom: 20px; }

.pad-b30 {
  padding-bottom: 30px; }

.pad-b40 {
  padding-bottom: 40px; }

.pad-b50 {
  padding-bottom: 50px; }

.pad-b60 {
  padding-bottom: 60px; }

.pad-b70 {
  padding-bottom: 70px; }

.pad-b80 {
  padding-bottom: 80px; }

.pad-b90 {
  padding-bottom: 90px; }

.pad-b100 {
  padding-bottom: 100px; }

/********* Border **********/
.border-box {
  box-sizing: border-box; }

.radius-8 {
  border-radius: 8px; }

.radius-t8 {
  border-radius: 8px 8px 0px 0px; }

.border-right {
  border-right: 1px solid rgba(75, 85, 99, 0.5); }

/********* Responsive Class Properties **********/
/******* CALISPHERE PROJECT COMMONS CSS ********/
.font-ibm {
  font-family: 'IBM Plex Sans', sans-serif; }

.text-black {
  color: #000; }

.text-nblack {
  color: #212121; }

.text-gray {
  color: #7B7676; }

.text-dark-blue {
  color: #133240; }

.text-semi-blue {
  color: #39477E; }

.text-blue {
  color: #1B45F1; }

.text-orange {
  color: #FF8E25; }

.text-green {
  color: #12A00F; }

.text-blue-gray {
  color: #677489; }

.text-dark-gray-2 {
  color: #111729; }

.letter-07 {
  letter-spacing: 0.7px; }

.letter-1 {
  letter-spacing: 1px; }

.pr-button {
  padding: 10px 40px;
  background-color: #1B45F1;
  border-radius: 12px;
  border: none;
  font-weight: 500;
  color: #fff; }

.pr-button-upload {
  padding: 12px 20px;
  background-color: #1B45F1;
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  font-family: 'IBM Plex Sans', sans-serif;
  letter-spacing: 0.5px;
  cursor: pointer; }
  .pr-button-upload.disabled {
    background-color: #777775; }

/* Progress Bar */
.progress-bar {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #F0F0F0;
  border-radius: 5px;
  flex-shrink: 0; }
  .progress-bar .progression {
    width: 20%;
    height: 8px;
    background-color: #1B45F1;
    border-radius: 5px; }
  .progress-bar .progress-number {
    position: absolute;
    color: #FF8E25;
    font-weight: 700;
    top: -30px;
    right: 0; }

.pr-input {
  padding: 17px 24px;
  border: 1px solid #DCDCDD;
  border-radius: 12px;
  font-weight: 500;
  font-size: 16px;
  box-sizing: border-box; }

.pr-input::placeholder {
  color: #C7CED7; }

.pr-button {
  padding: 20px 50px;
  background-color: #1B45F1;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 12px;
  color: #fff;
  font-family: 'IBM Plex Sans', sans-serif; }

table {
  width: 100%;
  border: none; }
  table th {
    padding: 20px 0;
    font-size: 14px;
    color: #7B7676;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid #E8E8E8;
    padding-right: 15px; }
  table td, table h6 {
    padding: 20px 0;
    text-align: left;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.2px;
    border-bottom: 1px solid #E8E8E8;
    font-weight: 500; }
  table td:first-child {
    max-width: 200px; }
  table .line-blue {
    background-color: #F4F8FF; }

/************* HEADER **************/
#header {
  position: absolute;
  z-index: 9;
  border: 1px solid #E8E8E8;
  -webkit-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  transition: all 150ms linear; }
  #header a:visited {
    color: inherit;
    text-decoration: none; }
  #header .header-navbar {
    padding: 30px 20px; }
    #header .header-navbar .hn-logo {
      flex-grow: 0; }
      #header .header-navbar .hn-logo h3 {
        color: #fff;
        text-transform: uppercase; }
      #header .header-navbar .hn-logo img {
        width: 200px; }
    #header .header-navbar .hn-menu {
      flex-grow: 2; }
      #header .header-navbar .hn-menu ul {
        justify-content: center; }
        #header .header-navbar .hn-menu ul li {
          padding: 0 25px; }
          #header .header-navbar .hn-menu ul li a {
            color: #000;
            font-size: 16px;
            font-weight: 500; }
    #header .header-navbar .hn-cta {
      flex-grow: 0;
      margin-left: auto;
      white-space: nowrap; }
      #header .header-navbar .hn-cta .hncta-signup {
        padding: 8px 30px;
        border: 2px solid #1B45F1;
        border-radius: 8px;
        background-color: #1B45F1;
        color: white; }
  #header .header-navbar-mobile {
    position: fixed;
    width: 320px;
    height: 100vh;
    background-color: #fff;
    top: 0;
    right: -320px; }
    #header .header-navbar-mobile .hnm-menu {
      padding: 120px 20px;
      text-align: center; }
      #header .header-navbar-mobile .hnm-menu .dropdown {
        float: none; }
        #header .header-navbar-mobile .hnm-menu .dropdown .dropbtn {
          margin-bottom: 30px !important; }
      #header .header-navbar-mobile .hnm-menu .hn-cta a {
        display: block;
        margin-right: 0; }
      #header .header-navbar-mobile .hnm-menu .hn-cta .hncta-signup {
        padding: 8px 40px;
        border: 2px solid;
        border-radius: 8px;
        width: fit-content;
        margin: 0 auto 20px auto; }
  #header .open {
    right: 0; }
  #header .warning-payment {
    background-color: #f0ad4e;
    padding: 30px 20px; }
    #header .warning-payment p {
      color: #FFFFFF; }

.header-2 {
  position: relative !important; }

.menu-open {
  right: 0px !important; }

.no-overflow {
  overflow: hidden; }

/* Menu bars */
.hn-bars {
  display: none;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  z-index: 11; }
  .hn-bars #hnb-button {
    position: relative;
    width: 42px;
    height: 31px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer; }
  .hn-bars #hnb-button span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #222;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 150ms ease-in-out;
    -moz-transition: 150ms ease-in-out;
    -o-transition: 150ms ease-in-out;
    transition: 150ms ease-in-out; }
  .hn-bars #hnb-button span:nth-child(1) {
    top: 0px; }
  .hn-bars #hnb-button span:nth-child(2),
  .hn-bars #hnb-button span:nth-child(3) {
    top: 13px; }
  .hn-bars #hnb-button span:nth-child(4) {
    top: 26px; }
  .hn-bars #hnb-button.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%; }
  .hn-bars #hnb-button.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  .hn-bars #hnb-button.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .hn-bars #hnb-button.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%; }

@media (max-width: 700px) {
  #header .header-navbar {
    padding: 15px 20px; }
    #header .header-navbar .hn-menu {
      display: none; }
    #header .header-navbar .hn-cta {
      display: none; }
    #header .header-navbar .hn-bars {
      display: block;
      margin-left: auto; } }
/************* FOOTER **************/
#footer {
  position: relative;
  padding: 100px 20px 100px 20px;
  background-color: #fff;
  border-top: 1px solid #E3E3E3; }
  #footer .f-container {
    position: relative; }
    #footer .f-container .fcc1 {
      max-width: 420px; }
      #footer .f-container .fcc1 .logo-footer {
        width: 260px; }
      #footer .f-container .fcc1 ul li {
        margin: 0 18px; }
      #footer .f-container .fcc1 ul li:first-child {
        margin-left: 0; }
      #footer .f-container .fcc1 ul li:last-child {
        margin-right: 0; }
    #footer .f-container .fcc2, #footer .f-container .fcc3 {
      margin: 0 50px; }
      #footer .f-container .fcc2 h5, #footer .f-container .fcc3 h5 {
        margin-bottom: 17px; }
      #footer .f-container .fcc2 li, #footer .f-container .fcc3 li {
        margin-bottom: 17px; }
        #footer .f-container .fcc2 li a, #footer .f-container .fcc3 li a {
          font-family: 'IBM Plex Sans', sans-serif;
          color: #000; }
    #footer .f-container .fcc2 {
      margin-left: 150px; }
  #footer .footer-bg1 {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 100px;
    margin-bottom: 70px; }

.fc-copyright {
  padding: 30px; }

/************* END FOOTER **************/
/********* LANDING **********/
#landing-s1 {
  padding: 150px 20px 100px 20px;
  background: linear-gradient(244.75deg, #FFFFFF -10.92%, #DEE7FF 38.7%, rgba(236, 238, 255, 0.949351) 76.13%, #FFFFFF 110.9%); }
  #landing-s1 .ls1-container {
    position: relative; }
    #landing-s1 .ls1-container .background-top,
    #landing-s1 .ls1-container .background-bottom {
      position: absolute; }
    #landing-s1 .ls1-container .background-top {
      top: 0;
      left: 0; }
      #landing-s1 .ls1-container .background-top .img2 {
        position: relative;
        top: 30px;
        margin-left: 5px; }
    #landing-s1 .ls1-container .background-bottom {
      bottom: 0;
      right: 0; }
      #landing-s1 .ls1-container .background-bottom .img1 {
        margin-bottom: 30px;
        margin-right: 5px; }
    #landing-s1 .ls1-container .upload-file {
      width: fit-content;
      margin: 0 auto;
      padding: 40px;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0px 2px 20px 0px #0000000D; }
      #landing-s1 .ls1-container .upload-file .uf-container {
        width: 900px;
        height: 450px;
        background-color: #F5F7FD;
        border: 2px dashed #DEDFE8;
        border-radius: 20px; }
        #landing-s1 .ls1-container .upload-file .uf-container .ufc-input {
          width: fit-content; }
          #landing-s1 .ls1-container .upload-file .uf-container .ufc-input .interline hr {
            width: 100px;
            border: 0;
            border-top: 1px solid #E8E8E8;
            margin: 0 20px; }
    #landing-s1 .ls1-container .loading-file {
      max-width: 1000px;
      overflow: auto;
      margin: 0 auto 30px auto;
      padding: 40px;
      border-radius: 20px;
      background-color: #fff; }
      #landing-s1 .ls1-container .loading-file .overflow-block {
        width: 1000px; }
      #landing-s1 .ls1-container .loading-file .loading-previews .lp-labels h6 {
        font-size: 14px;
        font-weight: 500;
        color: #7B7676; }
      #landing-s1 .ls1-container .loading-file .loading-previews .lpl1 {
        width: 8%;
        flex-grow: 1; }
      #landing-s1 .ls1-container .loading-file .loading-previews .lpl2 {
        width: 15%;
        flex-grow: 2; }
      #landing-s1 .ls1-container .loading-file .loading-previews .lpl3 {
        width: 32%;
        flex-grow: 4; }
      #landing-s1 .ls1-container .loading-file .loading-previews .lp-line p {
        font-size: 16px;
        font-weight: 500; }
    #landing-s1 .ls1-container .download-file {
      max-width: 1080px;
      margin: 0 auto; }
      #landing-s1 .ls1-container .download-file .text-pay {
        color: #6F6B67;
        margin-right: 20px;
        margin-left: auto; }
      #landing-s1 .ls1-container .download-file .pr-button-orange {
        padding: 15px 60px;
        background-color: #FF8E25;
        border: none;
        border-radius: 12px;
        color: #fff;
        font-weight: 500;
        cursor: pointer; }
      #landing-s1 .ls1-container .download-file button {
        font-size: 18px;
        font-weight: 600; }

#landing-s2 {
  padding: 80px 20px;
  background: #FAFAFA; }
  #landing-s2 .y-iframe {
    width: 932px;
    height: 524px; }
  #landing-s2 .ls2-bg1 {
    width: 932px;
    height: auto; }

#landing-s3 {
  padding: 80px 20px 150px 20px; }
  #landing-s3 .ls3-container .ls3cr .ls3crc:nth-child(2) {
    margin: 0 50px; }
  #landing-s3 .ls3-container .ls3cr .ls3-icon {
    max-width: 100px; }

#landing-s4 {
  padding: 80px 20px;
  background: #FAFAFA; }
  #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card {
    padding: 30px;
    border: 1.34px solid #E7EAEC;
    border-radius: 16px;
    background: #fff; }
    #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card .tc-header .tch-info h4 {
      white-space: nowrap; }
  #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card:nth-child(2) {
    margin: 0 30px; }

#landing-s5 {
  padding: 80px 20px;
  background-color: #ecedff; }

#landing-s6 {
  padding: 80px 20px; }
  #landing-s6 .hiw-element p {
    text-align: justify; }
  #landing-s6 .hiw-element .list {
    padding-left: 20px; }
    #landing-s6 .hiw-element .list li {
      list-style: disc;
      font-size: 18px; }

#landing-s7 {
  padding: 80px 20px; }
  #landing-s7 .ls7-container .advantages-list {
    flex-wrap: wrap;
    justify-content: space-around; }
    #landing-s7 .ls7-container .advantages-list .advantages-element {
      margin: 15px; }
      #landing-s7 .ls7-container .advantages-list .advantages-element .advantages-info {
        width: 395px; }

#landing-s7 {
  padding: 80px 20px; }

@media (max-width: 1080px) {
  #landing-s1 .ls1-container .upload-file .uf-container {
    width: 600px; }

  .ls4c-testimonials {
    overflow: auto; } }
@media (max-width: 1000px) {
  #landing-s2 .y-iframe {
    width: 100%; }

  #landing-s2 .ls2-bg1 {
    width: 100%;
    height: auto; }

  #landing-s5 .ls5cr {
    flex-wrap: wrap-reverse; }
    #landing-s5 .ls5cr .ls5crc1,
    #landing-s5 .ls5cr .ls5crc2 {
      width: 100%; }
    #landing-s5 .ls5cr .ls5crc1 {
      margin-right: 0; }
    #landing-s5 .ls5cr .ls5crc2 {
      margin-bottom: 40px; }

  #landing-s6 .ls6cr {
    flex-wrap: wrap-reverse; }
    #landing-s6 .ls6cr .ls6crc1,
    #landing-s6 .ls6cr .ls6crc2 {
      width: 100%; }
    #landing-s6 .ls6cr .ls6crc1 {
      margin-right: 0; }
    #landing-s6 .ls6cr .ls6crc2 {
      margin-bottom: 40px; }
    #landing-s6 .ls6cr .list {
      max-width: 200px;
      margin: 0 auto;
      text-align: center; }

  #landing-s7 .ls7cr .advantages-element .advantages-icon {
    margin-right: 20px; } }
@media (max-width: 800px) {
  #landing-s3 {
    padding: 40px 20px 80px 20px; }
    #landing-s3 .ls3-container .ls3cr {
      flex-wrap: wrap; }
      #landing-s3 .ls3-container .ls3cr .ls3crc {
        margin-bottom: 50px !important; }

  #footer .f-container {
    flex-wrap: wrap;
    justify-content: space-between; }
    #footer .f-container .fcc1 {
      margin-bottom: 50px; }
    #footer .f-container .fcc2 {
      margin-left: 80px; }
    #footer .f-container .fcc3 {
      margin-left: 0; } }
@media (max-width: 700px) {
  #landing-s1 .ls1-container h1 {
    position: relative;
    z-index: 2;
    line-height: 52px;
    font-size: 32px; }
  #landing-s1 .ls1-container .loading-file {
    padding: 40px 25px; }
  #landing-s1 .ls1-container .upload-file {
    width: 100%;
    box-sizing: border-box; }
    #landing-s1 .ls1-container .upload-file .uf-container {
      width: 100%;
      height: 500px; }

  #footer .f-container .fcc2 {
    margin-left: 0; } }
@media (max-width: 600px) {
  #landing-s1 .ls1-container .background-bottom {
    display: none; }

  #landing-s1 .ls1-container .download-file {
    display: block; }
    #landing-s1 .ls1-container .download-file .text-pay {
      margin-right: 0;
      margin-bottom: 20px;
      text-align: right;
      font-size: 17px; }
    #landing-s1 .ls1-container .download-file .text-warning-500-lines {
      color: #FF8E25; }
    #landing-s1 .ls1-container .download-file button {
      margin-left: auto; }

  #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card {
    padding: 15px;
    border: 1.34px solid #E7EAEC;
    border-radius: 16px;
    background: #fff; }
    #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card .tc-header .tch-info h4 {
      font-size: 21px !important; }
    #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card .tc-header p {
      font-size: 14px; }
    #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card h5 {
      font-size: 18px; }
  #landing-s4 .ls4-container .ls4c-testimonials .testimonial-card:nth-child(2) {
    margin: 0 30px; } }
/******** HISTORIC **********/
#historic-s1 {
  padding: 50px 20px 110px 20px; }
  #historic-s1 .hs1-container table {
    width: 100%;
    border: none; }
    #historic-s1 .hs1-container table th {
      padding: 20px 0;
      font-size: 14px;
      color: #7B7676;
      font-weight: 500;
      text-transform: uppercase;
      text-align: left;
      border-bottom: 1px solid #E8E8E8; }
    #historic-s1 .hs1-container table td {
      padding: 20px 0;
      text-align: left;
      font-size: 14px;
      color: #000;
      letter-spacing: 0.2px;
      border-bottom: 1px solid #E8E8E8;
      font-weight: 500; }
    #historic-s1 .hs1-container table td:first-child {
      max-width: 200px; }
    #historic-s1 .hs1-container table td:nth-child(3), #historic-s1 .hs1-container table td:nth-child(4) {
      color: #1B45F1;
      text-decoration: underline; }
      #historic-s1 .hs1-container table td:nth-child(3) span, #historic-s1 .hs1-container table td:nth-child(4) span {
        font-weight: 500;
        margin-right: 10px;
        cursor: pointer; }
    #historic-s1 .hs1-container table .line-blue {
      background-color: #F4F8FF; }
  #historic-s1 #myModalShowPrice .price-image {
    max-height: 60vh;
    width: auto;
    margin: auto; }

/******** PROFILE **********/
#profile-s1 {
  padding: 50px 20px 110px 20px; }
  #profile-s1 .ps1-container .ps1cr2 {
    padding-left: 30px; }
    #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 {
      padding: 10px 0;
      border-right: 1px solid #E8E8E8; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul {
        padding-right: 80px; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul .active a {
          font-size: 18px;
          color: #1B45F1; }
    #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 {
      width: 640px;
      padding: 10px 60px;
      box-sizing: border-box; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 label {
        display: block; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .first_name, #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .last_name {
        flex-grow: 1; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .first_name .pr-input, #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .last_name .pr-input {
          width: 100%; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .first_name {
        margin-right: 5px; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .name .last_name {
        margin-left: 5px; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .button-save {
        text-align: right; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .button-save button {
          padding: 20px 50px;
          background-color: #1B45F1;
          font-size: 16px;
          font-weight: 500;
          border: none;
          border-radius: 12px;
          color: #fff;
          font-family: 'IBM Plex Sans', sans-serif; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .package {
        padding: 28px;
        box-shadow: 0px 2px 20px 0px #0000000D;
        border-radius: 16px; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .package .package-info button {
          margin-left: auto;
          padding: 12px 25px;
          border-radius: 12px;
          background-color: #FF8E25;
          color: #fff;
          font-size: 16px;
          font-weight: 500;
          font-family: 'IBM Plex Sans', sans-serif;
          border: none;
          cursor: pointer; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 .package .subscription-end {
          border-top: 1px solid #E8E8E8;
          width: 100%;
          padding-top: 25px;
          margin-top: 25px; }

@media (max-width: 700px) {
  #profile-s1 .ps1-container .ps1cr2 {
    display: block; }
    #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 {
      border-right: 0;
      margin-bottom: 40px; }
      #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul {
        display: flex;
        padding-bottom: 10px;
        border-bottom: 1px solid #E8E8E8; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul li {
          margin-right: 30px;
          margin-bottom: 0px; }
        #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul li:last-child {
          margin-right: 0; }
    #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 {
      padding: 0 30px 0 0;
      width: 100%; } }
@media (max-width: 500px) {
  #profile-s1 .ps1-container .ps1cr2 {
    padding-left: 0; }

  #profile-s1 .ps1-container .ps1cr2 .ps1cr2c1 ul {
    overflow: auto; }

  #profile-s1 .ps1-container .ps1cr2 .ps1cr2c2 {
    padding-right: 0; } }
/********* RESULT **********/
#result-s1 {
  padding: 40px 20px 70px 20px; }
  #result-s1 .rs1cr1 {
    padding: 16px 0;
    border-radius: 12px;
    background-color: #FF8E251A;
    text-align: center;
    border: 1px solid #FF8E25; }
    #result-s1 .rs1cr1 a {
      font-weight: 500;
      color: #FF8E25; }
  #result-s1 .rs1cr3 table h6 {
    padding: 0;
    border: none; }
  #result-s1 .rs1cr3 table td:first-child {
    padding-left: 15px; }
  #result-s1 .rs1cr3 table td {
    padding-right: 15px; }
  #result-s1 .rs1cr3 table input {
    display: none; }
  #result-s1 .rs1cr3 table .checked {
    display: none; }
  #result-s1 .rs1cr3 table .missing-tag, #result-s1 .rs1cr3 table .incomplet-tag {
    position: absolute;
    top: 3px;
    color: #A0550F;
    font-weight: 500;
    left: -10px; }
  #result-s1 .rs1cr3 table .edit-remove {
    display: flex; }
    #result-s1 .rs1cr3 table .edit-remove .edit-file-content {
      margin-right: 15px; }
  #result-s1 .rs1cr3 table .active {
    background-color: #F4F8FF; }
    #result-s1 .rs1cr3 table .active h6 {
      display: none; }
    #result-s1 .rs1cr3 table .active input {
      display: block;
      border: 1px solid #1B45F1;
      padding: 9px 10px;
      border-radius: 4px;
      font-weight: 500;
      width: 100%;
      box-sizing: border-box; }
    #result-s1 .rs1cr3 table .active .duration input {
      width: 100%; }
    #result-s1 .rs1cr3 table .active .edit-remove {
      display: none; }
    #result-s1 .rs1cr3 table .active .checked {
      display: flex; }

@media (max-width: 700px) {
  #result-s1 .rs1cr3 {
    overflow: auto; }
    #result-s1 .rs1cr3 table {
      width: 1200px; } }
/******** CONTACT ********/
#contact-s1 {
  padding: 160px 20px 100px 20px;
  background: linear-gradient(244.75deg, #FFFFFF -10.92%, #DEE7FF 38.7%, rgba(236, 238, 255, 0.949351) 76.13%, #FFFFFF 110.9%); }
  #contact-s1 .cs1-container .cs1cr .cs1crc1 {
    padding-top: 30px;
    padding-right: 50px; }
    #contact-s1 .cs1-container .cs1cr .cs1crc1 h3 {
      margin-left: 30px; }
    #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info {
      max-width: 300px;
      margin-left: 30px;
      margin-bottom: 100px;
      padding: 25px;
      background: #ECF1FF;
      border-radius: 16px; }
  #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form {
    padding: 32px;
    border: 1px solid #E8E8E8;
    background-color: #fff;
    border-radius: 16px; }
    #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .first_name, #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .last_name {
      width: 50%; }
      #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .first_name input, #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .last_name input {
        width: 100%; }

@media (max-width: 1000px) {
  #contact-s1 .cs1-container .cs1cr .cs1crc1 {
    margin-right: 20px;
    padding-right: 20px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc1 h3, #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info {
    margin-left: 20px; } }
@media (max-width: 900px) {
  #contact-s1 .cs1-container .cs1cr {
    display: block; }

  #contact-s1 .cs1-container .cs1cr .cs1crc1 .d-block {
    display: none; }

  #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info {
    display: flex;
    max-width: 100%;
    margin-bottom: 80px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info .bi-email {
    margin-bottom: 0;
    margin-right: 40px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc2 {
    margin: 0 20px; } }
@media (max-width: 600px) {
  #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info {
    display: block; }
    #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info .bi-email {
      margin-bottom: 30px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc2 {
    margin: 0px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc1 h3, #contact-s1 .cs1-container .cs1cr .cs1crc1 .block-info {
    margin-left: 0px; }

  #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name {
    flex-wrap: wrap-reverse; }
    #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .last_name {
      margin-bottom: 25px; }
    #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .last_name, #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .first_name {
      width: 100%; }
      #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .last_name input, #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .first_name input {
        width: 100%; }
    #contact-s1 .cs1-container .cs1cr .cs1crc2 .contact-form .name .first_name {
      margin-right: 0; } }
/********* PAYMENT ***********/
#payment-s1 {
  padding: 40px 20px 100px 20px; }
  #payment-s1 .ps1-container .ps1cr .ps1crc1 {
    padding-right: 60px;
    border-right: 1px solid #E8E8E8;
    width: 430px; }
    #payment-s1 .ps1-container .ps1cr .ps1crc1 .payment-block label {
      font-size: 16px;
      color: #7B7676;
      font-weight: 500; }
    #payment-s1 .ps1-container .ps1cr .ps1crc1 .payment-block .pr-input {
      margin-top: 10px;
      margin-bottom: 25px;
      border: 1px solid #DCDCDD;
      border-radius: 12px;
      padding: 17px 24px;
      font-size: 16px;
      height: 56px;
      font-family: "IBM Plex Sans", sans-serif;
      font-weight: 500;
      box-shadow: none; }
    #payment-s1 .ps1-container .ps1cr .ps1crc1 .payment-block #card-button {
      margin-top: 50px; }
  #payment-s1 .ps1-container .ps1cr .ps1crc2 {
    margin-left: 66px; }
    #payment-s1 .ps1-container .ps1cr .ps1crc2 .price-block {
      width: 450px;
      background: #F1F5FB;
      border-radius: 12px;
      padding: 25px;
      box-sizing: border-box; }
      #payment-s1 .ps1-container .ps1cr .ps1crc2 .price-block hr {
        margin: 25px 0;
        border: 1px solid #E3E8EF; }
      #payment-s1 .ps1-container .ps1cr .ps1crc2 .price-block .pb-subscription i {
        color: #677489;
        letter-spacing: 0.5px;
        font-size: 13px; }
    #payment-s1 .ps1-container .ps1cr .ps1crc2 .subscription-block .sb-package {
      padding: 10px 15px;
      border: 1px solid #DCDCDD;
      border-radius: 12px;
      cursor: pointer; }
    #payment-s1 .ps1-container .ps1cr .ps1crc2 .subscription-block .active, #payment-s1 .ps1-container .ps1cr .ps1crc2 .subscription-block .sb-package:hover {
      border: 1px solid #1B45F1; }

@media (max-width: 1000px) {
  #payment-s1 .ps1-container .ps1cr .ps1crc1 {
    width: 100%;
    padding-right: 30px; }
  #payment-s1 .ps1-container .ps1cr form, #payment-s1 .ps1-container .ps1cr .ps1crc2 {
    width: 50%; }
    #payment-s1 .ps1-container .ps1cr form .price-block, #payment-s1 .ps1-container .ps1cr .ps1crc2 .price-block {
      width: 100%; } }
@media (max-width: 550px) {
  #payment-s1 .ps1-container .ps1cr {
    flex-wrap: wrap-reverse; }
    #payment-s1 .ps1-container .ps1cr .ps1crc1 {
      padding-right: 0;
      border-right: 0; }
    #payment-s1 .ps1-container .ps1cr form, #payment-s1 .ps1-container .ps1cr .ps1crc2 {
      width: 100%; }
    #payment-s1 .ps1-container .ps1cr .ps1crc2 {
      margin-left: 0;
      margin-bottom: 50px; } }
/*********** LOGIN /SIGNUP ************/
#login, #signup {
  position: relative;
  width: 100vw;
  height: 100vh;
  min-height: 1100px;
  background: linear-gradient(244.75deg, #FFFFFF -10.92%, #DEE7FF 38.7%, rgba(236, 238, 255, 0.949351) 76.13%, #FFFFFF 110.9%); }
  #login .l-container .lc-block, #login .l-container .sc-block, #login .s-container .lc-block, #login .s-container .sc-block, #signup .l-container .lc-block, #signup .l-container .sc-block, #signup .s-container .lc-block, #signup .s-container .sc-block {
    z-index: 3; }
    #login .l-container .lc-block .lcb1, #login .l-container .lc-block .scb1, #login .l-container .sc-block .lcb1, #login .l-container .sc-block .scb1, #login .s-container .lc-block .lcb1, #login .s-container .lc-block .scb1, #login .s-container .sc-block .lcb1, #login .s-container .sc-block .scb1, #signup .l-container .lc-block .lcb1, #signup .l-container .lc-block .scb1, #signup .l-container .sc-block .lcb1, #signup .l-container .sc-block .scb1, #signup .s-container .lc-block .lcb1, #signup .s-container .lc-block .scb1, #signup .s-container .sc-block .lcb1, #signup .s-container .sc-block .scb1 {
      max-width: 400px;
      padding: 40px;
      background-color: #fff;
      border-radius: 16px;
      box-shadow: 0px 2px 20px 0px #0000000D; }
      #login .l-container .lc-block .lcb1 figure, #login .l-container .lc-block .scb1 figure, #login .l-container .sc-block .lcb1 figure, #login .l-container .sc-block .scb1 figure, #login .s-container .lc-block .lcb1 figure, #login .s-container .lc-block .scb1 figure, #login .s-container .sc-block .lcb1 figure, #login .s-container .sc-block .scb1 figure, #signup .l-container .lc-block .lcb1 figure, #signup .l-container .lc-block .scb1 figure, #signup .l-container .sc-block .lcb1 figure, #signup .l-container .sc-block .scb1 figure, #signup .s-container .lc-block .lcb1 figure, #signup .s-container .lc-block .scb1 figure, #signup .s-container .sc-block .lcb1 figure, #signup .s-container .sc-block .scb1 figure {
        text-align: center; }
        #login .l-container .lc-block .lcb1 figure img, #login .l-container .lc-block .scb1 figure img, #login .l-container .sc-block .lcb1 figure img, #login .l-container .sc-block .scb1 figure img, #login .s-container .lc-block .lcb1 figure img, #login .s-container .lc-block .scb1 figure img, #login .s-container .sc-block .lcb1 figure img, #login .s-container .sc-block .scb1 figure img, #signup .l-container .lc-block .lcb1 figure img, #signup .l-container .lc-block .scb1 figure img, #signup .l-container .sc-block .lcb1 figure img, #signup .l-container .sc-block .scb1 figure img, #signup .s-container .lc-block .lcb1 figure img, #signup .s-container .lc-block .scb1 figure img, #signup .s-container .sc-block .lcb1 figure img, #signup .s-container .sc-block .scb1 figure img {
          height: 20px; }
      #login .l-container .lc-block .lcb1 .logo-ls, #login .l-container .lc-block .scb1 .logo-ls, #login .l-container .sc-block .lcb1 .logo-ls, #login .l-container .sc-block .scb1 .logo-ls, #login .s-container .lc-block .lcb1 .logo-ls, #login .s-container .lc-block .scb1 .logo-ls, #login .s-container .sc-block .lcb1 .logo-ls, #login .s-container .sc-block .scb1 .logo-ls, #signup .l-container .lc-block .lcb1 .logo-ls, #signup .l-container .lc-block .scb1 .logo-ls, #signup .l-container .sc-block .lcb1 .logo-ls, #signup .l-container .sc-block .scb1 .logo-ls, #signup .s-container .lc-block .lcb1 .logo-ls, #signup .s-container .lc-block .scb1 .logo-ls, #signup .s-container .sc-block .lcb1 .logo-ls, #signup .s-container .sc-block .scb1 .logo-ls {
        width: 250px; }
    #login .l-container .lc-block .scb1, #login .l-container .sc-block .scb1, #login .s-container .lc-block .scb1, #login .s-container .sc-block .scb1, #signup .l-container .lc-block .scb1, #signup .l-container .sc-block .scb1, #signup .s-container .lc-block .scb1, #signup .s-container .sc-block .scb1 {
      max-width: fit-content; }
  #login .block-bg-1, #login .block-bg-2, #login .block-bg-3, #signup .block-bg-1, #signup .block-bg-2, #signup .block-bg-3 {
    position: absolute; }
    #login .block-bg-1 img:nth-child(2), #login .block-bg-2 img:nth-child(2), #login .block-bg-3 img:nth-child(2), #signup .block-bg-1 img:nth-child(2), #signup .block-bg-2 img:nth-child(2), #signup .block-bg-3 img:nth-child(2) {
      position: relative;
      top: 30px; }
  #login .block-bg-1, #signup .block-bg-1 {
    left: 5%;
    top: 30%; }
  #login .block-bg-2, #signup .block-bg-2 {
    left: 15%;
    top: 50%; }
  #login .block-bg-3, #signup .block-bg-3 {
    bottom: 25%;
    right: 5%; }

@media (max-width: 550px) {
  #signup .s-container .sc-block .scb1 {
    max-width: 100%;
    padding: 40px 20px; }
    #signup .s-container .sc-block .scb1 .name {
      display: block; }
      #signup .s-container .sc-block .scb1 .name .first_name {
        margin-right: 0;
        margin-bottom: 25px; }
      #signup .s-container .sc-block .scb1 .name input {
        width: 100%; } }

/*# sourceMappingURL=main.css.map */