/* ===== 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: 2.88rem;
  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;
}

.ephasise {
  font-size: 1.5rem;
}

.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;
  transition: border-color 0.15s ease-in-out, 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;
}

.backBtn {
  text-decoration: underline;
  color: black;
}

.backBtn:hover {
  text-decoration: none;
  color: black;
}

/* ===== Viewports ===== */
/* ===== Colors ===== */
/* EQ corporate colors */
/* ===== Fonts =====*/
/* ===== Margins & Paddings ===== */
.masthead {
  background: url("img/GettyImages-1469151420.webp"), #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 340px;
  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.default {
  background: url("img/GettyImages-1469151420.webp"), #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 340px;
  position: relative;
  margin-bottom: 3rem;
  background-position-y: 25%;
}
.masthead.products-list {
  background: url("img/ProductsBanner.webp"), #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 340px;
  position: relative;
  margin-bottom: 3rem;
  background-position: left center;
}
.masthead.product-detail {
  background: url("img/view_of_woman_typing_on_laptop.webp"), #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 340px;
  position: relative;
  margin-bottom: 3rem;
  background-position: left center;
}
.masthead.sip-banner {
  background: url("img/Woman-typing-and-working-from-home.webp"), #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 340px;
  position: relative;
  margin-bottom: 3rem;
  background-position: left center;
}

.masthead::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

/* ===== 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: flex;
  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 {
  flex: none;
}
.card .card-body.header {
  border-bottom: 1px solid #dfdfdf;
  min-height: 5.6rem;
}
.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) {
  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: 23%;
}

.stepper .line {
  width: 1px;
  background-color: #d7d7d7 !important;
}
.stepper .lead {
  font-size: 1.1rem;
}

.blueStepperCircle {
  background-color: #0c41c9;
  height: 26px;
  width: 26px;
  text-align: center;
  font-size: 18px;
}

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

.bootstrap-select {
  width: 100% !important;
}

.bootstrap-select > .dropdown-toggle {
  background-size: 20px;
  padding: 1rem 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;
  width: 100%;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.bootstrap-select > .dropdown-toggle:after {
  display: none;
}

.bootstrap-select .dropdown-menu li {
  margin: 0;
}

.btn-light {
  background-color: #fff;
}

.no-scroll {
  overflow: hidden;
}

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

.d-contents {
  display: contents;
}

.mandatory {
  display: flex;
  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: 48vh;
  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;
}

/* ===== Viewports ===== */
/* ===== Colors ===== */
/* EQ corporate colors */
/* ===== Fonts =====*/
/* ===== Margins & Paddings ===== */
#tabs .nav-tabs {
  flex-wrap: nowrap;
  border: none;
}
#tabs .nav-tabs .nav-item {
  margin: 0;
}
#tabs .nav-tabs .nav-item .nav-link {
  padding: 1.5rem;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.25;
  color: black;
  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;
}

/* ===== Viewports ===== */
/* ===== Colors ===== */
/* EQ corporate colors */
/* ===== Fonts =====*/
/* ===== Margins & Paddings ===== */
@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: 992px) {
  .masthead .container .row h1 {
    font-size: 3rem;
  }
  .masthead .container .row h2 {
    font-size: 2rem;
  }
  /*
  #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;
  }
  .welcome p {
    padding: 0;
  }
  h2 {
    font-size: 1.5rem;
  }
  .product-detail .col,
  .products-list .col {
    padding: 0;
  }
  #tabs .nav-tabs {
    display: flex;
    flex-direction: column;
  }
  #tabs .nav-tabs .nav-link {
    transition: all 0s ease;
  }
  #tabs .nav-tabs .nav-link.active {
    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;
  }
  .eq-button {
    width: 100%;
    text-align: center;
  }
  .video-container {
    margin-top: 1rem;
  }
} /*# sourceMappingURL=styles.css.map */