/* ===== Viewports ===== */
/* ===== Colors ===== */
/* EQ corporate colors */
/* ===== Fonts =====*/
/* ===== Margins & Paddings ===== */
body {
  margin: 0px;
  padding: 0px;
  font-family: "Inter";
  font-size: 1.1rem;
}

html {
  scroll-padding-top: 4rem;
}

h1,
h2,
h3 {
  letter-spacing: 0;
  text-transform: inherit;
  font-weight: 500;
}

h1 {
  font-size: 4.5rem;
  font-weight: 600;
}

h2 {
  font-weight: 600;
  font-size: 2rem;
}
h2.main {
  letter-spacing: -0.8px;
  font-size: 2.2rem;
  font-weight: 900;
}

h3 {
  font-weight: 600;
  font-size: 1.5rem;
}

p {
  line-height: 1.7;
}

ul li {
  margin-bottom: 1rem;
}

select:hover, option:hover {
  cursor: pointer;
  outline: 1px solid #0C41C9;
  border: 1px solid #0C41C9;
}

div:focus {
  outline: none;
}

.form-select, .form-select-gm {
  background-size: 20px;
  font-size: 1rem;
  padding: 1rem;
  display: block;
  width: 100%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select select, .form-select-gm select {
  border: none;
}
.form-select select option, .form-select-gm select option {
  border: none;
  height: 100px;
}

/* ===== Buttons ===== */
.eq-button {
  border-radius: 4px;
  padding: 0.75rem 1rem;
  font-size: cal(1.2rem);
  font-weight: 600;
  border-width: 0px;
  display: inline-block;
  text-decoration: none;
}

.eq-button.primary {
  background-color: #0C41C9;
  color: #ffffff;
}

.eq-button.primary:hover,
.eq-button.primary.hover {
  background-color: #124EDE;
}

.eq-button.primary.active {
  background-color: #002B9B;
}

.eq-button.secondary {
  background-color: #D8E3FF;
  color: #0C41C9;
}

.eq-button.secondary:hover,
.eq-button.secondary.hover {
  background-color: #ECF1FF;
}

.eq-button.secondary.active {
  background-color: #B2C8FF;
  color: #002B9B;
}

.masthead {
  background-image: url("img/close_crop_of_woman_using_smart_phone_and_laptop.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  position: relative;
  margin-bottom: 3rem;
  color: #ffffff;
  font-weight: 600;
}
.masthead .container .row {
  position: absolute;
  bottom: 0;
}
.masthead .container .row h1 {
  margin: 0;
}
.masthead .container .row h2 {
  font-size: 3rem;
  margin-bottom: 1rem;
  text-transform: capitalize;
}
.masthead .container .row .lead {
  font-size: 2.2rem;
  font-weight: 600;
}
.masthead.products-list {
  background-image: url("img/man_and_woman_chatting_in_office.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  position: relative;
  margin-bottom: 3rem;
  background-position: left center;
}
.masthead.product-detail {
  background-image: url("img/view_of_woman_typing_on_laptop.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 240px;
  position: relative;
  margin-bottom: 3rem;
  background-position: left center;
  margin-bottom: 2rem;
}

/* ===== Videos ===== */
.video-container {
  position: relative;
  padding-bottom: 55.65%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ===== Benefits ===== */
.benefits {
  background-color: #ffffff;
  color: #19316f;
  padding: 2rem;
  border: 1px solid #19316f;
}
.benefits h3 {
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
}
.benefits div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  line-height: 1;
}
.benefits div p {
  padding: 0;
}
.benefits div:last-child p {
  margin: 0;
}

/* ===== Cards ===== */
.card {
  border: 1px solid #E2E5EB;
  border-radius: 0.25rem;
}
.card .card-title {
  margin: 0;
}
.card .card-body {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.card .card-body.header {
  border-bottom: 1px solid #dfdfdf;
}
.card .card-body.header h2 {
  margin: 0;
  font-size: 1.3333333333rem;
}
.card .card-body.footer {
  margin-top: auto;
}

/* ===== Warning message ===== */
.warning {
  position: relative;
  background-color: #FEFAE8;
  border-left: 4px solid #F19035;
  color: #5D0000;
  border-radius: 4px;
  padding: 1rem 1.5rem;
}
.warning .fa-xmark:before {
  content: "\f00d";
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.warning p {
  margin: 0;
  font-size: 0.8333333333rem;
}

/* ===== Accordions ===== */
.accordion .accordion-item h2 button {
  font-size: 1.1rem;
}
.accordion .accordion-item h2 button:hover {
  background-color: #f9f9fb !important;
  color: #0C41C9;
  border-radius: 0;
}
.accordion .accordion-item:first-of-type, .accordion .accordion-item.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.accordion .accordion-item:first-of-type:hover, .accordion .accordion-item.accordion-item:first-of-type .accordion-button:hover {
  border-radius: 0;
}
.accordion .accordion-item .accordion-button:not(.collapsed) {
  background-color: #ffffff;
  color: #000000;
}
.accordion .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion .accordion-button:not(.collapsed) {
  -webkit-box-shadow: inset 0 -1px 0 #0C41C9;
          box-shadow: inset 0 -1px 0 #0C41C9;
  font-weight: 600;
}
.accordion .faqs-hidden .accordion-item {
  border-radius: 0;
}

footer {
  padding: 2rem 2rem;
  background-color: #19316f;
  font-size: 0.7692307692rem;
  color: #ffffff;
  bottom: 0;
  left: 0;
  width: 100%;
}
footer.fixed {
  bottom: 0;
  z-index: 10000;
}
footer p {
  margin: 0;
}
footer .copyright {
  text-align: right;
}

hr:not([size]) {
  height: 1px;
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
  display: none;
}

.maintenance-footer {
  margin-top: 17%;
}

.navbar-brand {
  padding-left: 0.5rem;
}

.no-scroll {
  overflow: hidden;
}

html {
  scroll-padding-top: 4rem;
}

.d-contents {
  display: contents;
}

.mandatory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.mandatory i {
  color: #0C41C9;
}

.strong {
  font-weight: 600;
}

.warning, .disclaimer {
  display: none;
}

.disclaimer {
  font-size: 0.9090909091rem;
}
.disclaimer span {
  font-weight: 600;
}
.disclaimer h3 {
  font-size: 1.2rem;
}

.cta-predominant {
  background-color: rgba(25, 49, 111, 0.0705882353);
  padding: 1.5rem 1.5rem;
  border-radius: 4px;
  color: #19316f;
}
.cta-predominant h3 {
  font-size: 1.25rem;
}
.cta-predominant p {
  line-height: 1.5;
}

p.highlight, p.attention {
  font-weight: 600;
  font-size: 1.3rem;
  margin: 1rem 0 0;
  line-height: 1.5;
}
p.highlight i, p.attention i {
  color: #0C41C9;
}

.welcome p {
  padding-right: 2rem;
}

.select-country {
  position: relative;
  height: 40vh;
  background: #ffffff;
  padding-bottom: 1.5rem;
  z-index: 10000;
}
.select-country h2 {
  font-size: 1.65rem;
}

.intro h2 {
  letter-spacing: -0.8px;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.3;
  padding: 1rem 0;
}
.intro h2 span {
  font-size: 1.75rem;
  font-weight: normal;
  display: block;
}
.intro p {
  font-weight: 600;
  font-size: 1.5rem;
}
.intro img {
  width: -webkit-fill-available;
}

.faqs-hidden {
  display: none;
  margin-top: -1px;
}

.more-faqs {
  color: #0C41C9;
  font-weight: 600;
  text-decoration: none;
}
.more-faqs:hover {
  color: #BD0000 !important;
}

ul.key-docs i {
  font-size: 1.5rem;
}
ul.key-docs li {
  margin-bottom: 1rem;
  font-weight: 600;
  list-style: none;
}
ul.key-docs li i.fa-download {
  font-size: large;
}
ul.key-docs li a {
  color: #0C41C9;
}
ul.key-docs li a:hover {
  color: #BD0000;
}

ul.key-dates {
  margin: 0;
  padding: 0;
}
ul.key-dates li {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 1rem;
  list-style: none;
}
ul.key-dates li span {
  font-weight: 600;
}

.phone {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.75;
}
.phone i {
  font-size: 2.5rem;
  float: left;
  margin-right: 1rem;
}

.sign-up {
  background-color: #f0f1f5;
  padding: 3rem 1rem;
}
.sign-up p:nth-of-type(2) {
  font-weight: 600;
}
.sign-up ul {
  padding-left: 2.5rem;
}
.sign-up ul li {
  list-style: inherit;
  margin-bottom: 0.3333333333rem;
}
.sign-up img {
  width: -webkit-fill-available;
}

#tabs .nav-tabs {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border: none;
}
#tabs .nav-tabs .nav-item {
  margin: 0;
}
#tabs .nav-tabs .nav-item .nav-link {
  padding: 1rem;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.25;
  color: #757575;
  background-color: #f9f9fb;
  border: 1px solid #dcdfe4;
  border-radius: 0;
  margin-right: -1px;
}
#tabs .nav-tabs .nav-item .nav-link:hover {
  background-color: #F3F4F6;
  color: #0C41C9;
}
#tabs .nav-tabs .nav-item .nav-link.last {
  border-top-right-radius: 8px;
}
#tabs .nav-tabs .nav-item .nav-link.first {
  border-top-left-radius: 8px;
}
#tabs .nav-tabs .nav-item a.active {
  pointer-events: none;
  font-weight: 600;
  color: #0C41C9;
  border: 1px solid #0C41C9;
  border-bottom: 1px solid #ffffff;
  background-color: #ffffff !important;
  position: relative;
  z-index: 1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#tabs .nav-tabs .nav-item a.active.first {
  border-top-right-radius: 0;
}
#tabs .nav-tabs .nav-item a.active.last {
  border-top-left-radius: 0;
}
#tabs .tabs-wrap {
  border-top: 1px solid #0C41C9;
  position: relative;
}

@media screen and (max-width: 1199px) {
  #tabs .nav-tabs .nav-item .nav-link {
    font-size: 1rem;
    padding: 1rem;
  }
  .intro h2 {
    font-size: 1.75rem;
    padding: 0;
  }
  .intro h2 span {
    font-size: 1.3rem;
  }
  .intro p {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 992px) {
  .masthead .container .row h1 {
    font-size: 3rem;
  }
  .masthead .container .row h2 {
    font-size: 2rem;
  }
  .masthead.product-detail {
    min-height: 160px;
  }
  #tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.75rem;
    padding: 0.75rem;
  }
  .sign-up img {
    display: none;
  }
  footer.fixed {
    position: unset;
    text-align: center;
  }
  footer.fixed .copyright {
    text-align: center;
    padding: 1rem 1rem 0;
  }
}
@media screen and (max-width: 768px) {
  .client-logo {
    width: 150px;
  }
  .masthead .container .row h1 {
    font-size: 2.3rem;
  }
  .masthead .container .row h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 577px) and (max-width: 767.98px) {
  #tabs .nav-tabs .nav-item .nav-link {
    font-size: 0.6rem;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 576px) {
  h2.main {
    font-size: 1.8rem;
  }
  .masthead {
    padding: 0 0.6666666667rem;
    min-height: 135px;
  }
  .masthead .container .row h1 {
    font-size: 2.2rem;
  }
  .masthead .container .row h2 {
    font-size: 1.2rem;
  }
  .masthead.products-list {
    min-height: 160px;
  }
  .welcome p {
    padding: 0;
  }
  h2 {
    font-size: 1.5rem;
  }
  .product-detail .col, .products-list .col {
    padding: 0;
  }
  #tabs .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #tabs .nav-tabs .nav-link {
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
  }
  #tabs .nav-tabs .nav-link.active {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #tabs .nav-tabs .nav-item {
    display: contents;
  }
  #tabs .nav-tabs .nav-item .nav-link {
    font-size: 1rem;
  }
  #tabs .nav-tabs .nav-item .nav-link.first {
    border-top-right-radius: 8px;
  }
  #tabs .nav-tabs .nav-item .nav-link.last {
    border-radius: 0;
  }
  #tabs .nav-tabs .nav-item .nav-link.active {
    border-radius: 0;
    padding: 1rem 0;
    font-size: 1rem;
  }
  .eq-button {
    width: 100%;
    text-align: center;
  }
  .video-container {
    margin-top: 1rem;
  }
}