/* Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
:focus {
 outline: 0;
}
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
/* Reset CSS */

* {
  font-family: Helvetica, Arial, sans-serif;
}
body {
  background-color: #F6F6F6;
}
.header {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
}
.logo-einstein-wrapper {
  max-width: 1312px;
  width: 100%;
}
.logo-einstein {
  width: 50px;
  height: 50px;
}
.body-wrapper {
  max-width: 1288px;
  margin: 0 auto;
  gap: 44px;
}
.main {
  padding-bottom: 120px;
}
.main-banner {
  height: 330px;
  background-color: #004F92;
  padding: 0 32px;
}
.banner-container {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.main-info {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 10px;
}
.main-banner-title {
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 44px;
  line-height: 52px;
  font-weight: bold;
  max-width: 706px;
}
.main-banner-description {
  font-size: 22px;
  line-height: 26px;
  color: #FFFFFF;
  margin-top: 10px;
}
.main-banner-img {
  width: 400px;
}
.scheduling-form-wrapper {
  min-width: 424px;
  width: 424px;
  position: relative;
  margin-top: 30px;
}
.scheduling-form {
  width: 424px;
  min-height: 489px;
  background-color: #FFFFFF;
  box-shadow: 0px 6px 16px #0000001A;
  border-radius: 5px;
  position: fixed;
  padding: 40px 40px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.close-form {
  display: none;
}
.scheduling-form-title {
  color: #003867;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0px;
}
.scheduling-form-description {
  color: #003867;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  margin: 10px 0 20px;
}
.form-input-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.form-input {
  border-radius: 25px;
  background-color: #F6F6F6;
  position: relative;
  border: 1px solid #F5F5F5;
}
.form-input.select {
  cursor: pointer;
  height: 40px;
  z-index: 2;
}
.select-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
}
.select-icon.reverse {
  transform: translateY(-50%) rotate(180deg);
}
.service-place {
  height: 0;
  width: 0;
  opacity: 0;
  z-index: -10;
}
.select-options {
  border-radius: 25px;
  background-color: #F6F6F6;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 5px 10px;
  display: none;
}
.form-input.select.show .select-options {
  display: block;
}
.form-input.select.show .select-input {
  /* border: 1px solid #2598F9; */
}
.select-options .option {
  height: 30px;
  text-wrap: nowrap;
  overflow: hidden;
  color: #2598F9;
  background-color: #FFFFFF;
  border-radius: 25px;
  font-size: 14px;
  line-height: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}
.select-options .option.selected {
  background-color: #2598F9;
  color: #FFFFFF;
}
.select-options:hover .option {
  color: #2598F9;
  background-color: #FFFFFF;
}
.select-options .option:hover {
  background-color: #2598F9;
  color: #FFFFFF;
}
.select-input {
  border-radius: 25px;
  height: 40px;
  width: 100%;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
}
.form-input-label {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #004F92;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0px;
  pointer-events: none;
}
.form-input-text {
  width: 100%;
  color: #004F92;
  font-size: 14px;
  line-height: 16px;
  padding: 11px 20px;
  box-sizing: border-box;
  border: none;
  background-color: #F6F6F6;
  border-radius: 25px;
}
.select-input-text {
  color: #004F92;
  font-size: 14px;
  line-height: 16px;
  height: 40px;
  padding: 17px 0 0 20px;
  display: flex;
  pointer-events: none;
}
.form-input-error {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: #E50000;
  display: none;
  font-size: 14px;
  line-height: 16px;
  pointer-events: none;
}
.form-input.fill .form-input-label {
  top: 5px;
  color: #898B8E;
  font-size: 10px;
  line-height: 12px;
  transform: translateY(0);
}
.form-input.fill .form-input-text {
  padding: 17px 20px 7px;
}
.form-input.error .form-input-label {
  display: none;
}
.form-input.error .form-input-error {
  display: inline;
}
.custom-select {
  position: relative;
  display: inline-block;
}
.custom-select::after {
  content: '';
  background: url('https://image.contato.einstein.br/lib/fe3711727364047f741478/m/1/1c4cbecc-1ced-40c3-bd93-89d4d1ff249c.png') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border: none;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 16px;
  border: 1px solid #ccc;
  padding-right: 30px;
  background-color: white;
}
.checkbox-accept-terms {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  z-index: 1;
}
.accept-terms-checkbox {
  border: 1px solid #2598F9; /* Substitua #3498db pela cor desejada */
  border-radius: 4px;
  -webkit-appearance: none; /* Remove o estilo padrão do checkbox no WebKit */
  -moz-appearance: none; /* Remove o estilo padrão do checkbox no Firefox */
  appearance: none; /* Remove o estilo padrão do checkbox em navegadores modernos */
  cursor: pointer;
  width: 17px;
  min-width: 17px;
  height: 16px;
  position: relative;
}
.accept-terms-checkbox:checked {
  background-color: #3498db; /* Cor de fundo quando o checkbox está marcado */
  border-color: #2980b9; /* Cor da borda quando o checkbox está marcado */
}
.accept-terms-checkbox:checked::after {
  content: '✔'; /* Símbolo de check */
  color: white; /* Cor do símbolo */
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -50%);
}
.accept-terms-label {
  font-size: 10px;
  line-height: 12px;
  color: #003867;
}
.recaptcha-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 20px;
  overflow: hidden;
}
.recaptcha-container .g-recaptcha {
  max-width: 100%;
}
@media (min-width: 1024px) {
  .recaptcha-container iframe {
    transform: scale(0.95);
    transform-origin: 0 0;
  }
}
.recaptcha-container iframe {
  width: auto !important;
  max-width: 100%;
  height: auto;
  display: block;
}
.schedule-exam {
  display: none;
}
.submit-btn,
.schedule-exam {
  color: #FFFFFF;
  background-color: #FF7493;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  width: 100%;
  padding: 13px;
  border: none;
  border-radius: 30px;
  cursor: pointer;
  margin-top: 20px;
  border: 2px solid #FF7493;
  box-sizing: border-box;
}
.submit-btn:hover,
.schedule-exam:hover {
  background-color: #2598F9;
  border: 2px solid #2598F9;
}
.submit-btn:focus,
.schedule-exam:focus {
  border: 2px solid black;
}
.submit-btn:disabled {
  border: 2px solid rgb(202, 202, 202);
  background-color: rgb(202, 202, 202);
  cursor: auto;
}
.exam-cards-section {
  margin-top: 60px;
  padding: 0 32px;
}
.exam-cards-container {
  display: flex;
}
.exam-cards-wrapper {
  flex: 1;
}
.exam-card {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 4px 8px #0000000D;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  margin-right: 20px;
  width: 190px;
  height: 204px;
}
div:last-child > .exam-card {
  margin-right: 0;
}
.exam-card-icon {
  width: 48px;
}
.exam-card-title {
  color: #004F92;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0;
  padding-left:12px;
  padding-right:12px;
  font-weight: bold;
  margin-top: 20px;
  overflow: hidden;
}
.exam-card-description {
  color: #898B8E;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.24px;
  margin-top: 10px;
  height: 51px;
  overflow: hidden;
}
.exam-card-button {
  background-color: #004F92;
  border-radius: 25px;
  width: 100%;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0;
  padding: 11px 20px;
  border: none;
  cursor: pointer;
  margin-top: 20px;
}
.exam-card-button:hover {
  background-color: #FF7493;
}
.branches {
  margin: 82px 32px;
}
.branches-container {
  display: flex;
}
.branches-wrapper {
  flex: 1;
}
.branches-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 17px;
  max-width: 820px;
}
.branches-title {
  color: #003867;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: bold;
}
.branches-link {
  color: #004F92;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0;
  text-decoration: underline;
  cursor: pointer;
}
.branches-link:hover {
  color: #2598F9;
}
.carousel-wrapper {
  width: 820px;
}
.branch-card {
  background-color: #FFFFFF;
  box-shadow: 0px 4px 8px #0000000D;
  border-radius: 8px;
  width: 260px;
  height: 411px;
  scroll-snap-align: start;
  margin-right: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  justify-content: space-between;
}
.branch-card-img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
}
.branch-card-title {
  color: #004F92;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: bold;
  padding: 0 20px;
  margin-top: 20px;
}
.branch-card-info-container {
  display: flex;
  margin-top: 10px;
  padding: 0 20px;
  gap: 10px;
}
.branch-card-info-icon {
  width: 24px;
  height: 24px;
}
.branch-card-info {
  color: #898B8E;
  font-size: 12px;
  line-height: 16.8px;
  letter-spacing: 0.24px;
  display: flex;
  align-items: center;
}
.see-more {
  font-size: 14px;
  line-height: 16px;
  color: #004F92;
  margin-left: 50px;
}
.see-more:hover {
  color: #2598F9;
}
.meet-einstein {
  margin-top: 57px;
}
.meet-einstein-container {
  display: flex;
}
.meet-einstein-wrapper {
  flex: 1;
  box-sizing: border-box;
}
.meet-einstein-title {
  color: #003867;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: bold;
}
.meet-einstein-description {
  color: #004F92;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  margin-top: 10px;
  max-width: 802px;
}
.meet-einstein-icons {
  display: flex;
  align-items: center;
  column-gap: 40px;
  margin-top: 10px;
}
.meet-einstein-icons-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.meet-einstein-icon-container {
  display: flex;
  align-items: center;
  gap: 10px;
}
.meet-einstein-icon-img {
  width: 20px;
  height: 20px;
}
.meet-einstein-icon-description {
  color: #004F92;
  font-size: 16px;
  line-height: 19px;
}
.meet-einstein-cards-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
  max-width: 820px;
}
.meet-einstein-card {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  width: 146px;
  padding-bottom: 20px;
}
.meet-einstein-card-img {
  width: 145px;
  border-radius: 8px;
}
.meet-einstein-card-title {
  color: #004F92;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}
.meet-einstein-card-details {
  color: #004F92;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  margin-top: 5px;
}
.meet-einstein-card-details:hover {
  color: #FF7493;
}
.meet-einstein-disclaimer {
  color: #004F92;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-top: 20px;
}
.footer {
  background-color: #004F92;
  z-index: 20;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.call-center {
  padding: 60px 0;
  width: 646px;
  box-sizing: border-box;
}
.call-center-title {
  color: #2598F9;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: bold;
}
.contacts {
  display: flex;
  justify-content: space-between;
}
.channel {
  display: flex;
  flex-direction: column;
  min-width: 202px;
}
.channel-title {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  font-weight: bold;
  margin-top: 12px;
}
.channel-info {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  margin-top: 10px;
}
.social-media-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  max-width: 145px;
  margin-top: 20px;
}
.social-media {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
.social-media-icon {
  width: 24px;
  max-width: 24px;
  max-height: 24px;
}
.copyright {
  background-color: #003867;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px 0;
}
.copyright-link {
  text-decoration: underline;
  color: #2598F9;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
}
.copyright-disclaimer {
  color: #2598F9;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0;
  text-align: center;
  margin-top: 20px;
}
.flickity-prev-next-button {
  box-shadow: 0px 3px 8px #0000001A;
  width: 48px;
  height: 48px;
}
.flickity-prev-next-button:hover {
  background-color: #FF7493;
}
.flickity-prev-next-button.previous {
  left: -30px;
}
.flickity-prev-next-button.next {
  right: -30px;
}
.flickity-button-icon {
  fill: #FF7493;
}
.flickity-prev-next-button:hover .flickity-button-icon {
  fill: #FFFFFF;
}
.flickity-page-dots {
  bottom: -22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flickity-page-dots .dot {
  margin: 0 5px;
  width: 8px;
  height: 8px;
  background: #898B8E;
  opacity: 1;
}
.flickity-page-dots .dot.is-selected {
  width: 12px;
  height: 12px;
  background: #FF7493;
}
.occult {
  display: block;
  position: fixed;
  height: 0;
  width: 0;
  max-height: 0;
  max-width: 0;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
}

@media (min-width: 910px) and (max-width: 1400px) {
  .header {
    height: 53.3px;
  }
  .logo-einstein-wrapper {
    max-width: 874.7px;
  }
  .logo-einstein {
    width: 33.3px;
    height: 33.3px;
  }
  .body-wrapper {
    max-width: 858.7px;
    gap: 29.3px;
  }
  .main {
    padding-bottom: 80px;
  }
  .main-banner {
    height: 220px;
    padding: 0 21.3px;
  }
  .main-info {
    /* max-width: 504.7px; */
  }
  .main-banner-title {
    font-size: 21.3px;
    line-height: 25.3px;
    max-width: 480px;
  }
  .main-banner-description {
    font-size: 14.6px;
    line-height: 17.3px;
    margin-top: 6.6px;
  }
  .scheduling-form-wrapper {
    min-width: 282.7px;
    width: 282.7px;
    margin-top: 20px;
  }
  .scheduling-form {
    width: 282.7px;
    min-height: 326px;
    border-radius: 3.3px;
    padding: 26.7px 26.7px 20px;
  }
  .scheduling-form-title {
    font-size: 16px;
    line-height: 19.3px;
  }
  .scheduling-form-description {
    font-size: 9.3px;
    line-height: 10.7px;
    margin: 6.7px 0 13.3px;
  }
  .form-input-container {
    gap: 6.7px;
  }
  .form-input {
    border-radius: 16.7px;
  }
  .form-input.select {
    height: 26.7px;
  }
  .select-icon {
    right: 13.3px;
    width: 8px;
  }
  .select-options {
    border-radius: 16.7px;
    padding-top: 26.7px;
  }
  .select-options .option {
    height: 20px;
    font-size: 9.3px;
    line-height: 10.7px;
    padding: 0 13.3px;
  }
  .select-options .option:last-child {
    border-bottom-left-radius: 16.7px;
    border-bottom-right-radius: 16.7px;
  }
  .select-input {
    border-radius: 16.7px;
    height: 26.7px;
  }
  .form-input-label {
    left: 13.3px;
    font-size: 9.3px;
    line-height: 10.7px;
  }
  .form-input-text {
    font-size: 9.3px;
    line-height: 10.7px;
    padding: 7.3px 13.3px;
    border-radius: 16.7px;
  }
  .select-input-text {
    font-size: 9.3px;
    line-height: 10.7px;
    height: 26.7px;
    padding: 11.3px 0 0 13.3px;
  }
  .form-input-error {
    left: 13.3px;
    font-size: 9.3px;
    line-height: 10.7px;
  }
  .form-input.fill .form-input-label {
    top: 3.3px;
    font-size: 6.7px;
    line-height: 8px;
  }
  .form-input.fill .form-input-text {
    padding: 11.3px 13.3px 4.7px;
  }
  .checkbox-accept-terms {
    gap: 6.7px;
  }
  .accept-terms-checkbox {
    border-radius: 2.7px;
    width: 11.3px;
    min-width: 11.3px;
    height: 10.7px;
  }
  .accept-terms-checkbox:checked::after {
    font-size: 10.7px;
  }
  .accept-terms-label {
    font-size: 6.7px;
    line-height: 8px;
  }
  .recaptcha-container {
    margin: 6.7px 0 13.3px;
  }
  .submit-btn {
    font-size: 10.7px;
    line-height: 12.7px;
    padding: 8.7px;
    border-radius: 20px;
    margin-top: 20px;
  }
  .exam-cards-section {
    margin-top: 40px;
    padding: 0 21.3px;
  }
  .exam-card {
    border-radius: 5.3px;
    width: 126.7px;
    height: 136px;
    padding: 13.3px;
    margin-right: 13.3px;
  }
  .exam-card-icon {
    width: 32px;
  }
  .exam-card-title {
    font-size: 10.7px;
    line-height: 12.7px;
    margin-top: 13.3px;
  }
  .exam-card-description {
    font-size: 8px;
    line-height: 11.3px;
    margin-top: 6.7px;
    height: 34px;
  }
  .exam-card-button {
    border-radius: 16.7px;
    font-size: 9.3px;
    line-height: 10.7px;
    padding: 7.3px 13.3px;
    margin-top: 13.3px;
  }
  .branches {
    margin: 54.7px 21.3px;
  }
  .branches-title-wrapper {
    margin-bottom: 11.3px;
  }
  .branches-title {
    font-size: 21.3px;
    line-height: 25.3px;
  }
  .main-banner-img {
    width: 266.6px;
  }
  .branches-link {
    font-size: 9.3px;
    line-height: 10.7px;
  }
  .carousel-wrapper {
    width: 546.7px;
  }
  .branch-card {
    width: 173.3px;
    height: 274px;
    border-radius: 5.3px;
    margin-right: 13.3px;
    padding-bottom: 6.7px;
    min-height: 250px;
  }
  .branch-card-img {
    height: 100px;
  }
  .branch-card-title {
    font-size: 10.7px;
    line-height: 12.7px;
    padding: 0 13.3px;
    margin-top: 13.3px;
  }
  .branch-card-address {
    font-size: 8px;
    line-height: 11.3px;
    letter-spacing: 0.16px;
    padding: 0 13.3px;
    height: 42.7px;
    margin-top: 6.7px;
  }
  .branch-card-info-container {
    margin-top: 6.7px;
    padding: 0 13.3px;
    gap: 6.7px;
  }
  .branch-card-info-icon {
    width: 16px;
    height: 16px;
  }
  .branch-card-info {
    font-size: 8px;
    line-height: 11.2px;
  }
  .see-more {
    font-size: 9.3px;
    line-height: 10.7px;
    margin-left: 33.3px;
  }
  .meet-einstein {
    margin-top: 38px;
  }
  .meet-einstein-title {
    font-size: 21.3px;
    line-height: 25.3px;
  }
  .meet-einstein-description {
    font-size: 10.7px;
    line-height: 12.7px;
    margin-top: 6.7px;
    max-width: 534.7px;
  }
  .meet-einstein-icons {
    column-gap: 26.7px;
    margin-top: 6.7px;
  }
  .meet-einstein-icons-wrapper {
    row-gap: 6.7px;
  }
  .meet-einstein-icon-container {
    gap: 6.7px;
  }
  .meet-einstein-icon-img {
    width: 13.3px;
    height: 13.3px;
  }
  .meet-einstein-icon-description {
    font-size: 10.7px;
    line-height: 12.7px;
  }
  .meet-einstein-cards-container {
    margin-top: 13.3px;
    gap: 13px;
    max-width: 546.7px;
  }
  .meet-einstein-card {
    border-radius: 5.3px;
    width: 96px;
    padding-bottom: 13.3px;
  }
  .meet-einstein-card-img {
    width: 96.7px;
    border-radius: 5.3px;
  }
  .meet-einstein-card-title {
    font-size: 8px;
    line-height: 10px;
    margin-top: 13.3px;
  }
  .meet-einstein-card-details {
    font-size: 8px;
    line-height: 9.3px;
    margin-top: 3.3px;
  }
  .meet-einstein-disclaimer {
    font-size: 8px;
    line-height: 9.3px;
    margin-top: 13.3px;
  }
  .call-center {
    padding: 40px 0;
    width: 430.7px;
  }
  .call-center-title {
    font-size: 10.7px;
    line-height: 12.7px;
  }
  .channel {
    min-width: 134.7px;
  }
  .channel-title {
    font-size: 10.7px;
    line-height: 12.7px;
    margin-top: 8px;
  }
  .channel-info {
    font-size: 10.7px;
    line-height: 12.7px;
    margin-top: 6.7px;
  }
  .social-media-container {
    gap: 10px;
    max-width: 96.7px;
    margin-top: 13.3px;
  }
  .social-media {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
  }
  .social-media-icon {
    width: 16px;
    max-width: 16px;
    max-height: 16px;
  }
  .copyright {
    padding: 24px 0;
  }
  .copyright-link {
    font-size: 10.7px;
    line-height: 12.7px;
  }
  .copyright-disclaimer {
    font-size: 10.7px;
    line-height: 12.7px;
    margin-top: 13.3px;
  }
  .flickity-prev-next-button {
    width: 32px;
    height: 32px;
  }
  .flickity-prev-next-button.previous {
    left: -20px;
  }
  .flickity-prev-next-button.next {
    right: -20px;
  }
  .flickity-page-dots {
    bottom: -14.7px;
  }
  .flickity-page-dots .dot {
    margin: 0 3.3px;
    width: 5.3px;
    height: 5.3px;
  }
  .flickity-page-dots .dot.is-selected {
    width: 8px;
    height: 8px;
  }  
}

@media (max-width: 909px) {
  .header {
    padding-left: 30px;
    height: 64px;
  }
  .logo-einstein {
    height: 40px;
    width: 40px;
  }
  .body-wrapper {
    margin: 0;
  }
  .desk {
    display: none;
  }
  .main {
    position: relative;
  }
  .main-info {
    margin-top: 0;
    padding: 0 30px;
    align-items: flex-start;
    flex-direction: column;
  }
  .banner-container {
    flex-direction: column;
    padding: 30px 0;
    max-width: none;
    min-height: 330px;
    box-sizing: border-box;
    gap: 0;
  }
  .main-banner-title {
    font-size: 28px;
    line-height: 33px;
    padding: 0 40px 0 0;
    max-width: none;
  }
  .main-banner-description {
    font-size: 17px;
    line-height: 20px;
  }
  .branches-title {
    font-size: 21px;
    line-height: 25px;
  }
  .main-banner-img {
    width: 100%;
    max-width: 400px;
  }
  .scheduling-form-wrapper {
    min-width: auto;
    width: auto;
    position: static;
    margin: 0;
  }
  .scheduling-form-wrapper.opened {
    background-color: #003867;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    z-index: 10;
    opacity: 0.95;
  }
  .scheduling-form {
    width: 100%;
    padding: 20px;
    top: auto;
    bottom: 0;
    height: auto;
    min-height: auto;
  }
  .scheduling-form:not(.hidden) .blur {
    background-color: #003867;
    opacity: 0.95;
    height: 100vh;
    width: 100vw;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
  }
  .scheduling-form.hidden {
    padding: 35px 40px;
  }
  .scheduling-form.hidden .scheduling-form-info,
  .scheduling-form.hidden .submit-btn {
    display: none;
  }
  .scheduling-form-info {
    position: relative;
  }
  .close-form {
    display: inline-block;
    position: absolute;
    top: -46px;
    right: 0;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-decoration: underline;
  }
  .scheduling-form.hidden .schedule-exam {
    display: block;
    margin: 0;
    text-align: center;
  }
  .main-banner {
    height: auto;
    padding: 0;
  }
  .exam-cards-section {
    padding: 0;
  }
  .carousel-wrapper {
    width: 100vw;
  }
  .exam-cards-carousel {
    max-width: 190px;
    margin: 0 auto;
  }
  .branches-carousel {
    max-width: 260px;
    margin: 0 auto;
  }
  .branches-title-wrapper {
    flex-direction: column;
    padding: 0 30px;
    gap: 13px;
    margin-bottom: 20px;
  }
  .meet-einstein-title {
    font-size: 21px;
    line-height: 25px;
  }
  .meet-einstein-icons {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .meet-einstein {
    padding: 16px 30px 0;
  }
  .meet-einstein-cards-container {
    padding: 0;
    justify-content: center;
  }
  .meet-einstein-card {
    width: 138px;
  }
  .meet-einstein-card-img {
    width: 140px;
  }
  .branches {
    margin: 60px 0 0;
  }
  .call-center {
    width: 100%;
    padding: 60px 30px;
  }
  .contacts {
    flex-direction: column;
  }
  .channel-title {
    margin-top: 40px;
  }
  .social-media-container {
    max-width: none;
  }
  .copyright {
    padding: 40px 30px;
    box-sizing: border-box;
  }
  .flickity-slider > div:first-child > div {
    /* margin-left: 30px; */
  }
}

@media (min-width:  576px) and (max-width: 909px) {
  .branches-title {
    margin: 0 auto;
  }
  .meet-einstein-title {
    text-align: center;
  }
  .meet-einstein-icons {
    align-items: center;
  }
  .meet-einstein-description {
    max-width: 600px;
    text-align: center;
    margin: 20px auto;
  }
  .meet-einstein-icon-container {
    justify-content: center;
  }
  .main-info {
    align-items: center;
  }
}