@charset "UTF-8";
@import "./fonts.css";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 62.5%;
  font-family: "Gotham", "sans-serif";
  font-weight: 300;
  padding: 0px !important;
}

html, body {
  overflow-x: hidden;
  max-width: 100% !important;
}

body {
  padding: 60px 0 0 0 !important;
}

a {
  text-decoration: none;
}

.container-center {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 1220px) {
  .container-center {
    padding: 0 15px;
  }
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-THIN.OTF) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-THINITALIC.OTF) format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-XLIGHT.OTF) format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-XLIGHTITALIC.OTF) format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-LIGHT.OTF) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-LIGHTITALIC.OTF) format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-MEDIUM.OTF) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-MEDIUMITALIC.OTF) format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-BOLD.OTF) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "mototrackrepair";
  src: url(../../font/mototrackrepair.eot) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "mototrackrepair";
  src: url(../../font/mototrackrepair.woff) format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-BOLDITALIC.OTF) format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-BLACK.OTF) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-BLACKITALIC.OTF) format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-ULTRA.OTF) format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gotham";
  src: url(../../font/GOTHAM-ULTRAITALIC.OTF) format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: auto;
}
.header {
  background: linear-gradient(to right, #001125, #1b3851);
  width: 100vw;
  height: 60px;
  font-family: "Gotham", sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
.header.-fixed {
  background: #020f19;
}
.header-wrapper {
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .header-wrapper {
    justify-content: space-between;
  }
}
.header-logo {
  max-width: 28px;
}
.header-moli {
  display: none;
}
@media (max-width: 1024px) {
  .header-moli {
    display: block;
  }
}
.header-search__container {
  display: none;
}
@media (max-width: 1024px) {
  .header-search__container {
    display: block;
  }
}
.header-search__input {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  padding: 10px;
  display: none;
  z-index: 99;
}
.header-search__input.-active {
  display: block;
}

.menu-hamburguer {
  display: none;
}
@media (max-width: 1024px) {
  .menu-hamburguer {
    display: block;
  }
}
.menu-hamburguer.-active {
  display: none;
}
.menu-close {
  max-width: 40px;
  cursor: pointer;
  display: none;
}
@media (max-width: 1024px) {
  .menu-close.-active {
    display: block;
  }
}
.menu-drawer {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .menu-drawer {
    position: absolute;
    top: 60px;
    left: 0;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #1b3851;
    z-index: 9;
    padding: 15px;
    padding-top: 25px;
    transform: translateX(-100%);
  }
  .menu-drawer.-active {
    display: flex;
    transform: translateX(0);
    transition: transform 200ms linear;
  }
}
.menu-navigation {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .menu-navigation {
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    height: auto;
  }
}
.menu-link {
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
}
.menu-link:hover {
  color: #6a9fc1;
}
.menu-link__wrapper {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.menu-link__wrapper:hover .menu-categories__wrapper {
  display: flex;
}
.menu-link__wrapper:hover .menu-link {
  color: #6a9fc1;
}
@media (max-width: 1024px) {
  .menu-link__wrapper {
    margin-top: 20px;
  }
}
.menu-categories__wrapper {
  display: none;
  flex-direction: column;
  padding: 20px;
  background-color: #071017;
  position: absolute;
  top: 50px;
  z-index: 2;
  box-sizing: border-box;
  left: -25px;
}
@media (max-width: 1024px) {
  .menu-categories__wrapper {
    left: 0;
    top: 18px;
  }
}
.menu-categories {
  text-decoration: none;
  color: #fff;
  font-size: 1.4rem;
  margin-bottom: 10px;
  white-space: nowrap;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.281);
}
.menu-categories:last-child {
  border: none;
  padding: 0;
  margin: 0;
}
.menu-categories:hover {
  color: #6a9fc1;
}

@media (max-width: 1024px) {
  .my-products-header {
    display: none;
  }
}
.my-products-header__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100px;
  text-decoration: none;
}
@media (max-width: 900px) {
  .my-products-header__wrapper {
    width: 0;
    margin-left: 1rem;
  }
}
.my-products-header__wrapper:hover .my-products-header__text {
  opacity: 1;
  transition: opacity 150ms linear;
}
.my-products-header__wrapper:hover .my-products-header__icon {
  opacity: 0.5;
  transition: opacity 150ms linear;
}
@media (max-width: 1024px) {
  .my-products-header__wrapper {
    order: -1;
  }
  .my-products-header__wrapper .my-products__text {
    opacity: 1;
  }
}
.my-products-header__icon {
  max-height: 28px;
}
.my-products-header__text {
  opacity: 0;
  position: absolute;
  top: 40%;
  left: 0px;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

.user-login__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 75px;
  text-decoration: none;
}
@media (max-width: 900px) {
  .user-login__wrapper {
    width: 28px;
  }
}
.user-login__wrapper:hover .user-login__text {
  opacity: 1;
  transition: opacity 150ms linear;
}
.user-login__wrapper:hover .user-login__icon {
  opacity: 0.5;
  transition: opacity 150ms linear;
}
.user-login__wrapper.-logged {
  display: none;
}
.user-login__icon {
  max-height: 28px;
}
.user-login__text {
  opacity: 0;
  position: absolute;
  top: 35%;
  left: 10px;
  color: #fff;
  font-size: 12px;
}

.user-profile__container {
  position: relative;
  display: none;
}
.user-profile__container.-logged {
  display: block;
}
.user-profile__container:hover .user-profile__dropdown {
  display: block;
  opacity: 1;
  transition: opacity 200ms linear;
}
.user-profile__icon {
  margin-left: 25px;
  width: 28px;
  border-radius: 50%;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .user-profile__icon {
    margin-left: 0;
  }
}
.user-profile__dropdown {
  display: none;
  background-color: #071017;
  width: 180px;
  height: 105px;
  padding: 15px;
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0;
  z-index: 9;
}
@media (max-width: 1024px) {
  .user-profile__dropdown {
    right: -30px;
  }
}
.user-profile__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  list-style: none;
  margin-left: auto;
}
.user-profile__item {
  padding-bottom: 14px;
  padding-top: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.281);
  width: 100%;
}
.user-profile__item:last-child {
  border: none;
}
.user-profile__link {
  text-decoration: none;
  color: #fff;
  font-size: 1.6rem;
}

/* Map Site */
.btn-dropdown {
  text-align: center;
  height: 24px;
  transform: translateY(-24px);
}

.map-menu {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  display: flex;
  justify-content: space-evenly;
  background-color: #001426;
  z-index: -1;
}

.map-menu.active {
  opacity: 1;
  overflow: initial;
  height: auto;
  transition: 0.9s;
  margin-bottom: -35px;
}

.map-title {
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.map-list {
  list-style: none;
  padding: 10px 0px 40px;
  font-size: 1.2rem;
  white-space: normal;
}

.map-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
}

.map-button {
  background-color: #020f19;
  font-size: 1.5rem;
  border: none;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  z-index: 1;
}

.select {
  width: 230px;
  overflow: hidden;
  margin: 0;
  color: #fff;
  position: relative;
  height: 30px;
  max-height: 400px;
  /* max 8 element in list */
  transition: 0.2s;
}

.select:before,
.select:after {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 12px;
  right: 12px;
  margin-right: 25px;
}

.select:after {
  background-color: #040c1c;
  top: 16px;
}

.collapsed {
  max-height: 30px;
  transition: 0.2s;
  transform: translateY(33px);
}

.collapsed:before,
.collapsed:after {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 9px;
  right: 12px;
}

.collapsed:after {
  background-color: #040c1c;
  top: 5px;
}

@media (min-width: 900px) {
  .accordion-mobile,
  .footer-title-mobile {
    display: none;
  }
}
@media screen and (max-device-width: 900px) {
  .box-sizing {
    box-sizing: border-box;
  }

  .toggle-map-mobile {
    display: none;
  }

  .container-map-mobile {
    width: 100%;
    background-color: #000e24;
    margin: 0 auto;
  }

  .label-map-mobile {
    display: block;
    background-color: #000e24;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    padding-bottom: 45px;
  }

  .map-link {
    color: #b5aeb4;
    text-decoration: none;
    font-size: 1.5rem;
  }

  .content-map-mobile {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s;
    list-style: none;
  }

  .content-map-mobile {
    margin: 0;
    padding: 0;
  }

  .content-map-mobile > li {
    margin: 30px;
  }

  .toggle-map-mobile:checked ~ .content-map-mobile {
    max-height: 100vh;
  }

  .btn-dropdown {
    display: none;
  }

  .select {
    width: 100%;
    overflow: hidden;
    margin: 0;
    color: #fff;
    position: relative;
    height: 30px;
    max-height: 400px;
    /* max 8 element in list */
    transition: 0.2s;
    font-weight: bolder;
  }

  .select:before,
  .select:after {
    position: absolute;
    background-color: #b5aeb4;
    cursor: pointer;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    top: 22px;
    right: 20px;
    margin-right: 20px;
  }

  .select:after {
    background-color: #000e24;
    top: 16px;
  }

  .collapsed {
    max-height: 30px;
    transition: 0.2s;
    transform: translateY(0px);
  }

  .collapsed:before,
  .collapsed:after {
    position: absolute;
    background-color: #b5aeb4;
    cursor: pointer;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    top: -1px;
    right: 20px;
    margin-top: 25px;
  }

  .collapsed:after {
    background-color: #000e24;
    top: 5px;
  }

  .footer-link {
    font-size: 1.4rem;
  }
}
/* Social Media */
.body-social-media-icons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 220px;
}

.body-social-media-icons .icons-social__wrapper {
  width: 85%;
  max-width: 400px;
  display: flex;
  justify-content: space-between;
}

.body-social-media-icons .social-media__icons > img {
  width: 30px;
  height: 30px;
}

.body-social-media-icons > p {
  color: #fff;
  font-size: 2rem;
  padding-bottom: 30px;
}

@media (max-width: 500px) {
  .body-social-media-icons > p {
    font-size: 1.5rem;
  }
}
/* Footer */
footer {
  background-color: #020f19;
}

.footer-container {
  width: 100%;
  height: auto;
  padding-top: 30px;
  display: flex;
  justify-content: space-evenly;
}

.footer-text {
  color: #b5aeb4;
  margin-top: 10%;
  font-size: 1.5rem;
}

.footer-text--left {
  float: left;
  text-align: left;
  line-break: anywhere;
  margin-right: 5%;
  margin-bottom: 20px;
}

.footer-text--right {
  float: right;
  text-align: right;
  line-break: anywhere;
  margin-left: 5%;
  margin-bottom: 20px;
}

.footer-title {
  color: #fff;
}

.footer-motorola-logo {
  filter: invert(1);
  max-width: 21.5rem;
  max-height: 9.3rem;
  width: auto;
  height: auto;
}

.footer-flag-usa {
  width: 40px;
  height: 30px;
  margin-right: 15px;
}

.footer-location {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.5rem;
  margin-top: 35px;
  width: 50%;
}

.footer-link {
  color: #fff;
  right: 8.6rem;
  bottom: 16.6rem;
}

#link {
  color: #fff;
  padding-left: 1rem;
  text-decoration: none;
}

#link:hover {
  text-decoration: underline;
  padding-left: 1rem;
}

.footer-wrapper-flag {
  display: flex;
  align-items: center;
}

.footer-wrapper-text {
  display: flex;
  flex-direction: column;
  margin-top: 19px;
  width: 50%;
}

@media screen and (max-device-width: 900px) {
  br {
    /*display: none;*/
  }

  .footer-container {
    display: grid;
    height: auto;
    padding-bottom: 55px;
    width: 100%;

  }

  .footer-wrapper-text,
  .footer-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .footer-text {
    padding: 10px;
    font-size: 1.5rem;
    line-height: 1.9;
  }

  .footer-text--right {
    text-align: left;
    margin-top: 0;
  }

  .footer-motorola-logo {
    filter: invert(1);
    max-width: 31.5rem;
    max-height: 9.3rem;
    margin-top: 36px;
    margin-bottom: 28px;
  }

  .footer-botton-mobile {
    background-color: #000e24;
    width: 100%;
    height: auto;
  }

  .footer-title-mobile {
    font-size: 1.9rem;
    padding: 40px;
    text-align: center;
    color: #b5aeb4;
    line-height: 1.7;
  }

  .footer-title {
    display: none;
  }

  .footer-wrapper-flag {
    order: 1;
    margin: inherit;
  }

  .footer-flag-usa {
    width: 54px;
    height: 40px;
    margin-right: 27px;
  }

  .footer-link {
    font-size: 2.1rem;
  }
}
.custom-select {
  display: flex;
  width: 100%;
}
.custom-select--container {
  display: flex;
  width: 300px;
  align-items: center;
}
@media (max-width: 1024px) {
  .custom-select--container {
    margin-top: 25px;
    padding: 0 20px;
  }
}
.custom-select--container.-modify {
  width: 150px;
}
.custom-select__box {
  position: relative;
  width: 100%;
  background-color: #fa6a4b;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  padding: 15px;
}
.custom-select__box::after {
  content: "";
  position: absolute;
  right: 15px;
  background-image: url(/euf/assets/motorola_v3/assets/icon-down-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 15px;
  transition: transform 200ms ease-in-out;
}
.custom-select__box__ul {
  width: 100%;
  z-index: 1;
  transition: 0.5s;
  max-height: 190px;
  overflow-y: scroll;
  scrollbar-color: #132540 #cbcfd5;
  scrollbar-width: thin;
}
.custom-select__box__ul__wrapper {
  background: #ffffff;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 15px;
  opacity: 0;
  width: 100%;
  box-sizing: border-box;
  display: none;
}
.custom-select__box__ul::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #cbcfd5;
  margin: 10px;
}
.custom-select__box__ul::-webkit-scrollbar {
  width: 7px;
  background-color: transparent;
}
.custom-select__box__ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #132540;
}
.custom-select__box__ul__item {
  color: #707070;
  font-size: 13px;
  height: 19px;
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.custom-select__box__ul__item:first-child {
  background: #00000000;
}
.custom-select__title {
  text-transform: uppercase;
  color: #f79026;
  font-size: 13px;
  margin-right: 20px;
}
.custom-select__button {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.custom-select.active .custom-select__box__ul__wrapper {
  pointer-events: all;
  opacity: 1;
  display: block;
}
.custom-select.active .custom-select__box::after {
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .custom-select {
    /*flex-direction: column;*/
    align-items: center;
    width: 100%;
  }
  .custom-select__box {
    width: 100%;
    margin-top: 10px;
  }
  .custom-select .custom-select__box__ul {
    width: 100%;
  }
  .custom-select .custom-select__box__ul__item {
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
  }
}
.custom-select.-modify .custom-select__box {
  background-color: #fff;
  color: #001428;
}
.custom-select.-modify .custom-select__box::after {
  filter: invert(100%);
}

.background-404 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url(/euf/assets/motorola_v3/assets/background/layer-2.svg);
  background-position: -30vw;
  background-size: 55%;
  z-index: -1;
  background-repeat: no-repeat;
}

.background-grandient {
  position: absolute;
  height: 100%;
  z-index: -2;
  width: 100%;
}

.background-grandient-body {
  width: 100%;
  background: linear-gradient(to right top, #10302c, #04242c, #041424);
}

.body-social-media-icons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 220px;
}

.body-social-media-icons .icons-social__wrapper {
  width: 85%;
  max-width: 300px;
  display: flex;
  justify-content: space-between;
}

.body-social-media-icons .social-media__icons > img {
  width: 30px;
  height: 30px;
}

.body-social-media-icons > p {
  color: #fff;
  font-size: 2rem;
  padding-bottom: 30px;
}

/* Body 404 */
.error-404-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 80px;
}

.error-text-404 {
  font-family: "Gotham", sans-serif;
  font-weight: 800;
  font-size: 43.5rem;
  text-align: center;
  color: #6a9fc1;
  opacity: 38%;
  position: absolute;
  z-index: -1;
}

.error-text-oops {
  color: #fff;
  font-size: 3rem;
  display: flex;
  text-align: center;
  margin-bottom: 180px;
}

.error-img-moli {
  width: 140px;
}

.btn-error {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.btn-error:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

@media (max-device-width: 1024px) {
  .error-text-404 {
    font-size: 35.5rem;
  }

  .error-text-oops {
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  .error-text-404 {
    font-size: 25rem;
  }

  .error-img-moli {
    width: 75px;
    padding-top: 40px;
  }
}
@media (max-width: 500px) {
  .error-text-404 {
    font-size: 15rem;
  }

  .error-text-oops {
    font-size: 1.5rem;
    margin-bottom: 50px;
  }

  .body-social-media-icons > p {
    font-size: 1rem;
  }
}
body.background-gradient {
  width: 100%;
  background: linear-gradient(to right top, #10302c, #04242c, #041424 40%);
}

@media (max-width: 1024px) {
  .home-banner__back-arrow {
    max-width: 25px;
  }
}
.home-banner__wrapper {
  position: relative;
  background-size: 100%;
}
.home-banner__moli-icon {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(50%, -50%);
  max-width: 100px;
  display: none;
}
@media (max-width: 1024px) {
  .home-banner__moli-icon {
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1025px) {
  .home-banner__moli-icon.-desktop {
    display: block;
  }
}
.home-banner__main {
  max-width: 1920px;
  width: 100%;
}
.home-banner__main.-desktop {
  display: none;
}
@media (min-width: 1025px) {
  .home-banner__main.-desktop {
    display: block;
  }
}
.home-banner__main.-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .home-banner__main.-mobile {
    display: block;
  }
}
.home-banner__search-container {
  position: absolute;
  top: 50%;
  left: 13%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .home-banner__search-container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    top: 10%;
    left: 50%;
    transform: translate(-50%);
  }
}
.home-banner__title {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 20px;
}
.home-banner__title span {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .home-banner__title {
    padding: 0 15px;
    font-size: 2rem;
  }
}
.home-banner__search-wrapper {
  position: relative;
}
@media (max-width: 1024px) {
  .home-banner__search-wrapper {
    display: flex;
    max-width: 80%;
    margin-left: 15px;
  }
}
.home-banner__search-icon {
  background-image: url(/euf/assets/motorola_v3/assets/search-icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 8%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 20px;
  cursor: pointer;
}
.home-banner__search {
  width: 345px;
  height: 25px;
  padding: 10px;
  padding-left: 50px;
  border-radius: 50px;
  border: none;
  outline: none;
}
@media (max-width: 1024px) {
  .home-banner__search {
    width: 100%;
  }
}
.home-banner__search-icon-close {
  background-image: url(/euf/assets/motorola_v3/assets/search-icon-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 1;
  width: 30px;
  cursor: pointer;
  display: none;
}
.home-banner__search-icon-close.-active {
  display: block;
}
.home-banner__back-container {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .home-banner__back-container {
    padding: 0 15px;
  }
}
.home-banner__back-text-container {
  margin-left: 20px;
  display: flex;
}
@media (max-width: 400px) {
  .home-banner__back-text-container {
    display: block;
  }
}
.home-banner__back-text--underline {
  text-decoration: underline;
  margin-left: 0.4em;
}
.home-banner__next-button {
  width: 120px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 1.6rem;
  background-color: #fff;
  color: black;
}
@media (max-width: 1024px) {
  .home-banner__next-button {
    margin-left: 15px;
  }
}

.shelf-product {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-bottom: 40px;
}
.shelf-product__title {
  font-size: 2.5rem;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
}
.shelf-product__container {
  display: flex;
  width: 1024px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: auto;
}
@media (max-width: 1024px) {
  .shelf-product__container {
    width: 100%;
  }
}
.shelf-product__image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  margin: 2rem 3rem;
}
.shelf-product__image-wrapper:hover .shelf-product__image {
  animation: ease-in 150ms dropShadow;
  transition: background 300ms linear;
  filter: drop-shadow(0 0 2rem #52c1c9);
}

.security__content .shelf-product__image-wrapper .shelf-product__text {
  text-align: center;
}

.security__content .shelf-product__image-wrapper {
  width: 150px;
}

@media (max-width: 1024px) {
  .shelf-product__image-wrapper {
    margin: 2rem auto;
  }
}
.shelf-product__image {
  height: 150px;
  /*  width: 150px;*/
  transition-duration: 400ms;
}
.shelf-product__text {
  color: #fff;
  font-weight: 100;
  font-size: 1.6rem;
  margin-top: 10px;
}
.shelf-product__container.slick-initialized {
  width: 98%;
}
.shelf-product .slick-arrow {
  width: 30px;
  height: 30px;
  margin: 0 10px;
  cursor: pointer;
}

@keyframes dropShadow {
  from {
    filter: drop-shadow(0 0 0rem #52c1c9);
  }
  to {
    filter: drop-shadow(0 0 2rem #52c1c9);
  }
}
.learn-about {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.learn-about__title {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 60px;
}
.learn-about__container {
  width: 100%;
  max-width: 768px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .learn-about__container {
    justify-content: space-evenly;
  }
}
.learn-about__text {
  color: #fff;
  margin-top: 60px;
  font-size: 1.6rem;
  font-weight: 100;
}
.learn-about__image {
  width: 150px;
}
@media (max-width: 1024px) {
  .learn-about__image {
    width: 100px;
  }
}
.learn-about__wrapper:nth-child(2) .learn-about__text {
  margin-top: 30px;
}
.learn-about__background {
  background: linear-gradient(#0118376b, transparent 50%, #0118376b);
}

.repair {
  display: flex;
  justify-content: space-evenly;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1024px) {
  .repair {
    flex-direction: column;
    align-items: center;
  }
}
.repair__image {
  max-width: 400px;
}
@media (max-width: 1024px) {
  .repair__image {
    margin-bottom: 40px;
    width: 80%;
  }
}
.repair__container {
  max-width: 400px;
  color: #ffff;
}
.repair__title {
  font-size: 2.5rem;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .repair__title {
    text-align: center;
  }
}
.repair__text {
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .repair__text {
    font-size: 1.4rem;
    text-align: center;
  }
}
.repair__options {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
.repair__options-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.repair__options-icon {
  width: 50px;
  height: 50px;
}
.repair__options-text {
  margin-top: 20px;
  color: #fff;
  font-weight: 100;
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .repair__options-text {
    font-size: 1.4rem;
  }
}

.moto-care {
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  justify-content: space-evenly;
}
@media (max-width: 1024px) {
  .moto-care {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }
}
.moto-care__text-container {
  max-width: 400px;
}
@media (max-width: 1024px) {
  .moto-care__text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.moto-care__title {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 50px;
}
.moto-care__title span {
  font-weight: 500;
}
@media (max-width: 1024px) {
  .moto-care__title {
    text-align: center;
  }
}
.moto-care__text {
  font-size: 1.6rem;
  color: #fff;
}
@media (max-width: 1024px) {
  .moto-care__text {
    font-size: 1.4rem;
    text-align: center;
  }
}
.moto-care__button {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 80px;
}
.moto-care__button:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
@media (max-width: 768px) {
  .moto-care__button {
    width: 80%;
    margin-top: 45px;
  }
}
.moto-care__image {
  max-width: 400px;
}
@media (max-width: 1024px) {
  .moto-care__image {
    width: 80%;
    margin-bottom: 40px;
  }
}
.moto-care__container {
  padding-top: 50px;
}

.go-top {
  display: none;
  cursor: pointer;
  position: fixed;
  bottom: 40px;
  right: 40px;
}
.go-top img {
  width: 40px;
}
@media (min-width: 1025px) {
  .go-top {
    display: block;
  }
}

.shelf-product__title-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}
.shelf-product__title {
  width: 100%;
  text-align: center;
}
.shelf-product__arrow-back {
  cursor: pointer;
}

.loading-page {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* Progress Bar */
}
.loading-page__therm-search {
  color: #fff;
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.loading-page__title {
  font-size: 5rem;
  color: #fff;
  margin-bottom: 100px;
}
.loading-page__title span {
  font-size: 10rem;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .loading-page__title span {
    font-size: 8rem;
  }
}
.loading-page__loading-container {
  width: 400px;
  height: 15px;
  border-radius: 10px;
  background-color: #00000046;
}
.loading-page__loading-container span {
  background-color: #00c2e1;
  display: block;
  width: 50%;
  height: 100%;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .loading-page__loading-container {
    width: 300px;
  }
}
.loading-page__message {
  font-size: 2.2rem;
  margin-top: 10px;
  color: #fff;
  font-family: "Gotham", sans-serif;
}
.loading-page-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 350px;
  margin: 40px 0;
}
.loading-page-progress__title {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}
.loading-page-progress__value {
  animation: pageloading 3s normal forwards;
  border-radius: 100px;
  background: #00c2e1;
  height: 15px;
  width: 0;
}
@keyframes pageloading {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.no-padding {
  padding: 0;
}

.search-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid #374049;
  padding: 50px 0;
}
@media (max-width: 768px) {
  .search-header {
    flex-direction: column;
    padding: 20px 0;
  }
}
.search-header__profile {
  display: flex;
  align-items: center;
}
.search-header__profile-image {
  width: 80px;
}
.search-header__profile-container {
  margin-left: 20px;
}
.search-header__profile-text {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 100;
}
.search-header__profile-text span {
  font-weight: 600;
}
@media (max-width: 768px) {
  .search-header__profile-text {
    font-size: 2rem;
  }
}
.search-header__select {
  background: none;
  border: none;
  color: #fff;
  outline: none;
  margin-top: 5px;
}
.search-header__options {
  padding: 10px;
  display: block;
  background-color: #001125;
}
.search-header__text {
  font-size: 3.5rem;
  color: #fff;
}
@media (max-width: 768px) {
  .search-header__text {
    font-size: 1.5rem;
  }
}
.search-header__text span {
  font-size: 6rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .search-header__text span {
    font-size: 3rem;
  }
}

.search-title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}
.search-title__title {
  font-size: 2rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
}
.search-title__therm-searched {
  font-size: 2.5rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 100;
  margin-bottom: 50px;
}

.search-results {
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 750px;
  margin: 0 auto;
}
.search-results__wrapper {
  display: grid;
  grid-template-columns: 350px 350px;
  justify-items: center;
  align-items: center;
  gap: 50px;
}
@media (max-width: 768px) {
  .search-results__wrapper {
    grid-template-columns: 350px;
  }
}
.search-results__numbers {
  align-self: flex-end;
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.search-results__result-container {
  width: 350px;
  height: 300px;
  position: relative;
  transition: background 300ms linear;
  cursor: pointer;
}
.search-results__result-container:hover::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  z-index: -1;
  background: linear-gradient(0deg, #0e185b 0%, #095760 100%);
  filter: blur(10px);
}
.search-results__image {
  width: 100%;
  height: 100%;
}
.search-results__video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
}
.search-results__tag {
  font-size: 1rem;
  color: #969696;
  text-transform: uppercase;
  background-color: #fff;
  text-align: center;
  border-radius: 15px;
  position: absolute;
  padding: 10px 20px;
}
.search-results__tag.-one {
  top: 20px;
  right: 30%;
}
.search-results__tag.-two {
  top: 20px;
  right: 5%;
}
.search-results__result-text-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30%;
  box-sizing: border-box;
  padding: 15px 25px 35px 25px;
  color: #fff;
  background-color: #00000088;
}
.search-results__result-title {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.search-results__result-text {
  font-size: 1.2rem;
}
.search-results__button {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 80px;
}
.search-results__button:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
.search-results__image-text-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 60px;
}
.search-results__image-text {
  align-items: center;
  max-width: 500px;
}
@media (max-width: 768px) {
  .search-results__image-text {
    width: 100%;
  }
}

.background-unique {
  background-color: #001428;
}

.faq {
  padding-top: 50px;
}
.faq-breadcrumb {
  display: flex;
  align-items: center;
}
.faq-breadcrumb__text {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.faq-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}
.faq__search-wrapper {
  position: relative;
  max-width: fit-content;
}
@media (max-width: 1024px) {
  .faq__search-wrapper {
    display: flex;
  }
}
.faq__search-icon {
  background-image: url(/euf/assets/motorola_v3/assets/search-icon.png);
  background-size: 30px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  transform: translate(-10%, -10%);
  width: 30px;
  cursor: pointer;
}
.faq__search {
  width: 345px;
  height: 25px;
  padding: 10px;
  padding-left: 50px;
  border-radius: 50px;
  border: none;
  outline: none;
}
@media (max-width: 1024px) {
  .faq__search {
    width: 100%;
  }
}
.faq__search-icon-close {
  background-image: url(/euf/assets/motorola_v3/assets/search-icon-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 1;
  width: 30px;
  cursor: pointer;
  display: none;
}
.faq__search-icon-close.-active {
  display: block;
}
.faq__search-title {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 20px;
}
.faq__search-title span {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .faq__search-title {
    text-align: center;
  }
}
.faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .faq-header {
    flex-direction: column;
  }
}
.faq-header__image {
  width: 200px;
}
@media (max-width: 768px) {
  .faq-header__image {
    margin-top: 30px;
  }
}
.faq-header__image-text {
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}
.faq-title {
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.faq-title__text {
  font-size: 2.5rem;
}
.faq-title__result {
  color: #fff;
  font-size: 1.3rem;
  text-align: end;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.faq-post__wrapper {
  width: 100%;
  background: #0d2033;
  padding: 10px 40px 10px 20px;
  display: flex;
  margin-bottom: 25px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .faq-post__wrapper {
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
}
.faq-post__image {
  width: 200px;
  height: 200px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .faq-post__image {
    margin: 0;
  }
}
.faq-post__text-wrapper {
  padding: 20px;
  width: 100%;
}
.faq-post__title {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
}
.faq-post__text {
  font-size: 1.5rem;
  color: #fff;
  margin: 40px 0;
}
.faq-post__read-more {
  display: flex;
  justify-content: flex-end;
  color: #fff;
  font-size: 1.5rem;
}
.faq-post__read-more::after {
  content: "";
  background-image: url(/euf/assets/motorola_v3/assets/icon-right-arrow.png);
  background-size: 8px;
  width: 8px;
  height: 14px;
  display: inline-block;
  margin-left: 15px;
}
.faq-pagination {
  display: flex;
  justify-content: center;
  font-weight: 500;
}
.faq-pagination__button {
  background: none;
  border: none;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.faq-pagination__button.-previous::before {
  content: "";
  background-image: url(/euf/assets/motorola_v3/assets/icon-right-arrow.png);
  background-size: 8px;
  width: 8px;
  height: 14px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(180deg);
}
.faq-pagination__button.-next::after {
  content: "";
  background-image: url(/euf/assets/motorola_v3/assets/icon-right-arrow.png);
  background-size: 8px;
  width: 8px;
  height: 14px;
  display: inline-block;
  margin-left: 10px;
}
.faq-pagination__number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 10px;
}
.faq-pagination__number-wrapper {
  font-weight: 500;
  display: flex;
}
.faq-pagination__number a {
  text-decoration: none;
  color: #fff;
  font-size: 1.4rem;
}
.faq-pagination__number.-active {
  background-color: #165c7d;
}
.faq-pagination__number.-last::before {
  content: "...";
  font-size: 1.4rem;
  color: #fff;
  font-weight: 500;
  display: block;
  margin-right: 5px;
}

.blog-post {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
  background-color: #001428;
  position: relative;
  padding: 0 20px;
}
.blog-post__title {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}
.blog-post__text {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
}
.blog-post__banner {
  width: 95%;
  display: block;
  margin: 50px auto;
}
.blog-post__subtitle {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
}
.blog-post__text-wrapper {
  display: flex;
}
@media (max-width: 1024px) {
  .blog-post__text-wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
  .blog-post__text-wrapper .blog-post__text {
    margin-bottom: 10px;
  }
}
.blog-post__image {
  width: 300px;
  height: auto;
  margin-left: 10px;
  margin-bottom: 40px;
}
@media (max-width: 1024px) {
  .blog-post__image {
    margin-left: 0;
  }
}
.blog-breadcrumb {
  background-color: #001428;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 10px 0;
  color: #b5aeb4;
  display: flex;
  align-items: center;
  width: 100%;
  transform: translateY(-100%);
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
.blog-breadcrumb__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.blog-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}
.blog-breadcrumb__text.-active {
  color: #fff;
}
.blog-breadcrumb__home-icon {
  width: 30px;
}
.blog-banner__main {
  width: 100%;
  height: 250px;
}
@media (max-width: 1024px) {
  .blog-banner__main {
    height: auto;
  }
}

.share-social-media {
  width: 100%;
  margin: 80px 0;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
}
.share-social-media p {
  font-size: 3rem;
  margin-right: 10px;
}

.share-icons__icon {
  margin: 0 10px;
}
.share-icons__icon img {
  width: 25px;
  height: 25px;
}
@media (max-width: 400px) {
  .share-icons__icon img {
    width: 20px;
    height: 20px;
  }
}

.repair-options {
  margin-top: 60px;
}
.repair-options__title-wrapper {
  display: flex;
  justify-content: space-between;
}
.repair-options__title {
  color: #fff;
  font-size: 2.5rem;
}
.repair-options__title-text {
  color: #fff;
  font-weight: 100;
  font-size: 1.8rem;
}
.repair-options__container {
  background-color: #fff;
  border-radius: 15px;
  margin-top: 25px;
}
.repair-options__tabs-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .repair-options__tabs-wrapper {
    overflow-x: scroll;
  }
}
.repair-options__tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 120px;
  min-width: 120px;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
.repair-options__tab-text {
  margin-top: 20px;
  font-size: 1.2rem;
}
.repair-options__tab.-active {
  background-color: #ebebeb;
}
.repair-options__tab.-active .repair-options__tab-text {
  font-weight: 600;
}
.repair-options__tab:first-child {
  border-top-left-radius: 15px;
}
.repair-options__tab:last-child {
  border-top-right-radius: 15px;
}
.repair-options__tab-icon {
  width: 45px;
  height: 45px;
}
.repair-options__wrapper, .repair-options__content {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.repair-options__button-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 500px) {
  .repair-options__button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.repair-options__content {
  display: none;
}
.repair-options__content.-active {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  background-color: #ebebeb;
}
@media (max-width: 1024px) {
  .repair-options__content.-active {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.repair-options__content-image {
  width: 100%;
  max-width: 440px;
  max-height: 290px;
}
.repair-options__content-title {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 30px;
}
.repair-options__content-text {
  font-size: 1.5rem;
  margin-bottom: 20px;
  max-width: 450px;
}
.repair-options__content-text a {
  text-decoration: underline;
  color: black;
}
.repair-options__content-button {
  background-color: #ffbb8f;
  color: #de6a1f;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  width: 115px;
  height: 35px;
  margin-bottom: 20px;
}
.repair-options__content-button.-modify {
  background-color: #fa6a4b;
  color: #fff;
}
.repair-options__questions-title {
  font-size: 2.5rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  margin: 80px 0 40px 0;
}
.repair-options__questions-content.-left {
  margin-left: 30px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content.-left {
    margin-left: 0;
  }
}
.repair-options__questions-content.-right {
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content.-right {
    margin-right: 0;
  }
}
.repair-options__questions-content-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-title {
    margin-top: 30px;
  }
}
.repair-options__questions-content-text {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-text {
    text-align: center;
  }
}
.repair-options__questions-content-text span {
  font-weight: 500;
}
.repair-options__questions-content-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 50px;
  color: #fff;
  max-width: 900px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.repair-options__questions-content-image {
  max-width: 200px;
}
.repair-options__questions-button-wrapper {
  display: flex;
}
@media (max-width: 500px) {
  .repair-options__questions-button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.repair-options__questions-button {
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-right: 8px;
  font-size: 1.3rem;
  border-radius: 5px;
  width: 145px;
  height: 35px;
  margin-bottom: 20px;
}
.repair-options__track-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .repair-options__track-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.repair-options__track-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #cccccc;
  width: 150px;
  height: 125px;
  font-size: 1.2rem;
  margin: 0 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.repair-options__track-button span {
  display: block;
  text-align: center;
  color: #cccccc;
  margin-top: 10px;
}
.repair-options__track-button.-active {
  border: 1px solid #000;
  background-color: #fff;
}
.repair-options__track-button.-active span {
  color: #000;
}
.repair-options__track-button img {
  max-width: 50px;
  max-height: 50px;
}
.repair-options__input-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
}
.repair-options__input-wrapper span {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ff5353;
  font-size: 0.8rem;
  font-weight: 500;
}
.repair-options__input {
  width: 280px;
  height: 50px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #cccccc;
  font-size: 1.2rem;
  color: #000;
  outline: none;
}
.repair-options__input::placeholder {
  color: #cccccc;
}
.repair-options__button {
  width: 230px;
  height: 55px;
  border-radius: 30px;
  color: #fff;
  background-color: #ff5353;
  font-size: 1.5rem;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .repair-options__button {
    margin-bottom: 15px;
  }
}
.repair-options__footer-image-wrapper {
  display: block;
}
.repair-options__footer-image {
  width: 100%;
  margin-bottom: 50px;
}

.repair-track__container {
  display: none;
  background-color: #ebebeb;
  border-radius: 0 0 10px 10px;
}

@media(max-width: 1024px){
  .repair-track__container{
    overflow-y: hidden;
    display:none
  }


}

@media(max-width: 1024px){
  .track-desktop{
    display: none;
  }
}


.repair-track__wrapper-text {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-top: 1px solid #cccccc;
  width: 90%;
  padding-top: 5rem;
  margin: 0 auto;
}

.repair-track__title1,
.repair-track__title2,
.repair-track__title3 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
}

.repair-track__title1 {
  margin-left: -10rem;
}

.repair-track__title2 {
  margin-left: -1rem;
}

.repair-track__title3 {
  margin-left: 9rem;
}

.progress-bar__repair {
  width: 90%;
  height: 14px;
  display: flex;
  margin: 0;
  align-items: center;
}
.progress-bar__repair .dot {
  background-color: #aaa;
  max-width: 14px;
  height: 14px;
  flex-grow: 1;
  border-radius: 50%;
  border: 3px solid #fff;
}
.progress-bar__repair .bar {
  background-color: #ddd;
  flex-grow: 1;
  height: 2px;
}
.progress-bar__repair .blue {
  background-color: #1e90ff;
}

.progress-bar__repair {
  padding: 40px 50px 0 50px;
  box-sizing: border-box;
  margin: 0 auto;
}

.repair-track__wrapper-date {
  margin-top: 3rem;
  margin-bottom: -2rem;
}
@media(max-width: 1024px){
  .repair-track__wrapper-date{
    display: block;
  }
}

.repair-track__date1,
.repair-track__date2,
.repair-track__date3,
.repair-track__date4,
.repair-track__date5 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #1e90ff;
}

.repair-track__date1 {
  margin-left: 10rem;
}

.repair-track__date2,
.repair-track__date5 {
  margin-left: 19.2rem;
}

.repair-track__date3,
.repair-track__date4 {
  margin-left: 19.4rem;
}

.repair-track__wrapper-status {
  display: flex;
  justify-content: space-around;
  margin-left: 1rem;
  margin-top: 2rem;
}

.repair-track__status {
  color: #000;
  font-size: 1rem;
  text-align: center;
  line-height: 1.3;
}

@media(max-width: 1024px){
  .repair-track__status {
    color: #000;
    font-size: 12px;
    text-align: center;
    line-height: 1.3;
    display:block
  }

}
.repair-track__text {
  font-size: 1.5rem;
  margin: 50px;
  padding: 40px;
  margin-top: 1rem;
}

@media screen and (max-device-width: 900px) {
  .repair-track__title1,
  .repair-track__title2,
  .repair-track__title3 {
    font-size: 1rem;
    margin-left: 0;
  }

  .repair-track__date1,
  .repair-track__date2,
  .repair-track__date3,
  .repair-track__date4,
  .repair-track__date5 {
    font-size: 0.9rem;
  }

  .repair-track__date1 {
    margin-left: 1rem;
  }

  .repair-track__date2,
  .repair-track__date5 {
    margin-left: 4.2rem;
  }

  .repair-track__date3,
  .repair-track__date4 {
    margin-left: 4.4rem;
  }

  .progress-bar__repair {
    padding: 40px 15px 0 15px;
  }

  .progress-bar__repair {
    width: 100%;
  }

  .repair-track__wrapper-status {
    margin-left: 0;
    margin-top: 2rem;
  }

  .repair-track__status {
    font-size: 0.8rem;
  }

  .repair-track__text {
    font-size: 1rem;
    margin: 10px;
    padding: 13px;
  }
}
.track-order__show {
  display: block;
  transition: 0.9s;
}

.find-locators__show {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  background-color: #ebebeb;
}

.repair-options__button {
  cursor: pointer;
}

.pin-options {
  margin-top: 60px;
}
.pin-options__content {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.pin-options__content {
  display: none;
}
.pin-options__content.-active {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  background-color: #ebebeb;
}
@media (max-width: 1024px) {
  .pin-options__content.-active {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.pin-options__content-image {
  width: 100%;
  max-width: 440px;
  max-height: 290px;
}
.pin-options__content-title {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 30px;
}
.pin-options__content-text {
  font-size: 1.5rem;
  margin-bottom: 20px;
  max-width: 510px;
}
.pin-options__content-text a {
  text-decoration: underline;
  color: black;
}
.pin-options__content-button {
  background-color: #ffbb8f;
  color: #de6a1f;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  width: 115px;
  height: 35px;
  margin-bottom: 20px;
}
.pin-options__content-button.-modify {
  background-color: #fa6a4b;
  color: #fff;
}
.pin-options__input-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: max-content;
}
@media (max-width: 900px) {
  .pin-options__input-wrapper {
    margin: 20px auto;
  }
}
.pin-options__input-wrapper span {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ff5353;
  font-size: 0.8rem;
  font-weight: 500;
}
.pin-options__input {
  width: 230px;
  height: 40px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #cccccc;
  font-size: 1.2rem;
  color: #000;
  outline: none;
}
.pin-options__input::placeholder {
  color: #cccccc;
}
.pin-options__button {
  width: 230px;
  height: 55px;
  border-radius: 30px;
  color: #fff;
  background-color: #ff5353;
  font-size: 1.5rem;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .pin-options__button {
    margin-bottom: 15px;
  }
}
@media (max-width: 900px) {
  .pin-options__button {
    margin: 20px auto;
  }
}

.locator-section__find-track {
  display: flex;
  flex-direction: column;
}

.locator-section__label-track {
  color: #000;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.locator-find__list-track {
  width: 425px;
  height: 226px;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  background-color: #fff;
  margin-top: -1rem;
}

.find-list__wrapper-track {
  list-style: none;
}

.find-list__address-track {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  border-bottom: 1px solid #bebebe;
  margin: 2rem;
}

.find-list__number-track {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fc5454;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  color: #fff;
  margin-bottom: -1.4rem;
}

.find-list__title-track {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.find-list__text-track {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.find-list__img-track {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.find-list__icon-track {
  width: 15px;
  margin-right: 1rem;
}

.locator-box__arrow {
  margin-right: -119rem;
}

.locator-find__map-track {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin-top: 5rem;
}

.locator-box__map-track {
  width: 61rem;
}

.locator-box__arrow-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.locator-box__arrow-track {
  filter: invert(1);
  width: 25px;
  margin-right: 1rem;
}

.locator-box__arrow-text {
  font-size: 2rem;
  font-weight: 400;
  color: #000;
}

@media screen and (max-device-width: 900px) {
  .locator-section__find-track {
    align-items: center;
    justify-content: center;
    margin: 2rem;
  }

  .locator-find__map-track {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-box__map-track {
    width: 31rem;
  }

  .locator-find__list-track {
    width: 310px;
    height: 276px;
  }

  .locator-box__arrow {
    margin-right: 0;
    margin-top: 1rem;
  }
}
/* Security Updates Details */
.container-security {
  display: flex;
  width: 100%;
  height: 28vh;
  background-image: url(/euf/assets/motorola_v3/assets/images/banner-security.svg);
  background-size: cover;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}

.security__background {
  background-color: #001428;
  width: 100%;
  height: 100%;
}

.security-content__wrapper {
  border-top: solid 1px #00ffee;
}

.security-banner__text {
  color: #fff;
  font-size: 3rem;
  font-family: sans-serif;
  margin-right: 60%;
  letter-spacing: 1px;
}

.security-banner__img {
  width: 254px;
  position: absolute;
  bottom: 0;
  margin-left: 62%;
}

.container-btn {
  display: flex;
  margin-left: 15rem;
  margin-top: -4rem;
  transform: translateY(1px);
}

.security-btn__tab {
  background-color: #1e2e40;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1.5rem;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  opacity: 60%;
  width: 18rem;
  border: none;
  outline: none;
  border-bottom: 1px solid #00ffee;
}

.security-btn__tab.-active {
  background-color: #001428;
  height: 4rem;
  opacity: 1;
  border-left: 1px solid #00ffee;
  border-top: 1px solid #00ffee;
  border-right: 1px solid #00ffee;
  border-bottom: 1px solid transparent;
}

.security-btn__tab.-product {
  border-radius: 0 5px 0 0;
}

.security__content {
  display: none;
}

.security__content.-active {
  display: block;
}

.security-section {
  display: flex;
  width: 64vw;
  height: 32vh;
  background-color: #020f19;
  border-radius: 15px;
}

.security-section__img {
  padding: 25px;
}

.security-section__title,
.security-section__text,
.security-information__text,
.security-information__title {
  color: #ffffff;
  font-size: 2rem;
  font-family: sans-serif;
  margin: 10px;
  margin-left: 1rem;
}

.security-section__text,
.security-information__text {
  font-size: 1.5rem;
}

.security_center {
  display: grid;
  justify-content: center;
  align-items: center;
}

#security__top {
  margin-top: 7rem;
}

.security-text__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.security-text__link {
  text-decoration: underline;
  color: #ffffff;
}

.security-invert {
  flex-direction: row-reverse;
  text-align: end;
}

.security-wrapper__invert {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
}

.security-information__wrapper {
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: left;
  margin-top: 5rem;
  width: 100%;
  margin-bottom: 50px;
}

.security-information__title {
  font-size: 2.5rem;
  text-align: center;
}

@media screen and (max-device-width: 900px) {
  .container-security {
    justify-content: center;
  }

  .security-banner__text {
    font-size: 2rem;
    margin-right: 0;
    margin-bottom: 14rem;
  }

  .security-banner__img {
    width: 211px;
    position: absolute;
    bottom: 39px;
    margin-left: 0;
  }

  .container-btn {
    margin-left: 0;
    justify-content: center;
  }

  .security-section {
    display: grid;
    width: 86%;
    height: 80vh;
    margin: 0 auto;
  }

  .security-section__img {
    margin-left: auto;
    margin-right: auto;
    width: 26rem;
  }

  .security-text__wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 11rem;
  }

  .security-section__text,
  .security-information__text {
    font-size: 1.5rem;
    margin-top: -1rem;
    text-align: center;
    line-height: 2rem;
    margin: 0;
    padding: 0 20px;
  }

  .security-section__title {
    font-size: 2rem;
    padding-bottom: 1rem;
  }

  #security__top {
    margin-top: 4rem;
  }

  .security-information__title {
    margin-bottom: 3rem;
  }

  .security-information__text {
    margin: 3rem;
    line-height: 2rem;
  }
}
/* Security Updates Product */
.security-adjust__title {
  margin-top: 5rem;
}

.shelf-security__title {
  text-align: center;
  font-size: 2.5rem;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 13rem;
}

.shelf-security__container {
  display: flex;
  width: 1024px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
}

.security-select__wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  margin-top: -22rem;
  margin-bottom: 16rem;
}

.security-select__text1, .security-select__text2 {
  color: #ffffff;
  opacity: 60%;
  font-size: 1.5rem;
  line-height: 2.5rem;
}

.security-select__text2 {
  line-height: 2rem;
  margin-top: 2rem;
}

.secutiry-select_strong {
  color: #fff;
  opacity: 100%;
}

.security-select__btn {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 38.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 2rem;
}

.security-select__btn:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

.security-section__stamp {
  display: flex;
  justify-content: flex-end;
  margin-right: 15rem;
  margin-bottom: 24rem;
  margin-top: -32rem;
  position: relative;
}

.security-section__stamp1 {

  display: flex;
  justify-content: flex-end;
  margin-right: 20%;
  margin-bottom: 24rem;
  margin-top: -30rem;
  position: relative;

}

.security-select__img {
  width: 150px;
}

.shelf-security__arrow-back {
  cursor: pointer;
  width: 20px;
}

@media screen and (max-device-width: 900px) {
  .shelf-product__title-wrapper {
    height: 12rem;
  }

  .shelf-security__container {
    justify-content: center;
  }

  .security-select__wrapper {
    margin-top: 0;
    padding: 2rem;
    margin-bottom: 20rem;
  }

  .security-section__stamp {
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: -17rem;
  }

  .security-section__stamp1  {
    justify-content: center;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: -17rem;
  }


  .security-select__btn {
    width: 33rem;
    margin: 0 auto;
  }

  .security-select__text2 {
    margin-bottom: 2rem;
  }

  .shelf-security__title {
    margin: 0 auto;
  }
}
/* My Profile */
.background-body {
  background-color: #001428;
}

.container-profile-banner {
  display: flex;
  width: 100%;
  height: 28vh;
  background-image: url(/euf/assets/motorola_v3/assets/images/banner-my-profile.png);
  background-size: cover;
  justify-content: right;
  align-items: center;
}

.my-profile-edit__wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.my-profile-edit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.5rem;
  padding: 10px;
  background-color: #001426;
  font-size: 1.5rem;
  border-radius: 2px;
  font-family: sans-serif;
  cursor: pointer;
  text-align: center;
}

.my-profile-img-pen {
  width: 13px;
  margin-right: 0.5rem;
}

.my-profile-link-text {
  text-decoration: none;
  color: #fff;
  font-size: 1.5rem;
}

.container-profile {
  display: flex;
  margin-bottom: 10rem;
}

.user-data-img {
  border-radius: 50%;
  margin-top: -17rem;
  margin-left: 20rem;
  width: 185px;
  max-width: 185px;
  max-height: 185px;
  height: 185px;
}

.container-profile-block {
  display: grid;
  align-items: center;
}

.container-profile-icons {
  display: grid;
  align-items: center;
  margin-top: -11rem;
  margin-right: 6rem;
}

.user-data-name {
  color: #ffffff;
  font-size: 3rem;
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 18.5rem;
  margin-top: 3rem;
}

.user-data-icon-place,
.user-data-icon-mail,
.user-data-icon-phone {
  width: 27px;
  margin-top: 2rem;
  margin-left: 20rem;
}

.user-data-location,
.user-data-mail,
.user-data-phone {
  color: #ffffff;
  font-size: 1.5rem;
  margin-left: 26rem;
  margin-top: -3rem;
}

.container-preferences-block {
  display: flex;
  border-left: solid 1px #b5aeb4;
  margin-top: 10rem;
  height: 25rem;
}

.user-preferences-title {
  color: #ffffff;
  font-size: 3rem;
  margin-left: 7rem;
  margin-bottom: 3rem;
}

.user-preferences-text,
.user-preferences-h1 {
  color: #b5aeb4;
  font-size: 1.5rem;
  margin-left: 7rem;
}

.user-preferences-h1 {
  font-weight: bold;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

/* The switch - the box around the slider */
.user-preferences-switch,
.user-preferences-switch-two {
  font-size: 1rem;
  position: relative;
  display: flex;
  width: 3.5em;
  justify-content: center;
  margin-left: 46rem;
  margin-top: -1.5rem;
}

.user-preferences-switch-two {
  margin-left: 33rem;
}

/* Hide default HTML checkbox */
.user-preferences-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 30px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.2em;
  width: 1.2em;
  border-radius: 20px;
  left: 0.3em;
  bottom: 0.2em;
  background-color: #001428;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #001428;
  box-shadow: 0 0 2px #fff;
}

input:checked + .slider:before {
  background-color: #fff;
}

input:checked + .slider:before {
  transform: translateX(1.5em);
}

.checkbox-yes {
  font-size: 1.5rem;
  color: #fff;
  margin-left: -1rem;
  justify-content: center;
  margin-bottom: -3rem;
  display: flex;
}

.checkbox-no {
  font-size: 1.5rem;
  color: #fff;
  margin-left: 6rem;
}

.my-preferences-products-link {
  width: 15.5rem;
  background-color: #fff;
  margin-left: 7rem;
  margin-top: 4rem;
  border-radius: 2px;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 7px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.my-preferences-icon-phone-button {
  filter: invert(1);
  width: 14px;
  margin: 0 1rem;
}

.my-preferences-text-button {
  color: #001426;
  font-size: 1.5rem;
  font-weight: bolder;
  text-align: center;
  position: relative;
}

.preferences-button-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-data-mail {
  margin-top: -2rem;
}

@media screen and (max-device-width: 900px) {
  .container-profile-banner {
    width: 100%;
    height: 25vh;
    background-image: url(/euf/assets/motorola_v3/assets/images/banner-my-profile-mobile.png);
  }

  .container-profile {
    display: grid;
    margin-bottom: 10rem;
  }

  .user-data-img {
    border-radius: 50%;
    margin-top: -10rem;
    margin-left: auto;
    margin-right: auto;
    width: 185px;
    max-width: 185px;
    max-height: 185px;
    height: 185px;
  }

  .my-profile-edit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20vw;
    height: 1.9vh;
    background-color: #001426;
    font-size: 1.5rem;
    margin-right: 6%;
    margin-bottom: 23%;
    margin-left: auto;
  }

  .my-profile-img-pen {
    width: 1rem;
    margin-right: 0.5rem;
  }

  .container-profile-icons {
    display: grid;
    align-items: center;
    margin-top: 1rem;
    margin-left: -13rem;
  }

  .user-data-name {
    color: #ffffff;
    font-size: 3rem;
    margin-left: 7rem;
    margin-top: 5%;
    margin-bottom: 0;
  }

  .user-data-icon-place,
  .user-data-icon-mail,
  .user-data-icon-phone {
    padding: 3px;
    margin-top: 2rem;
    margin-left: 16rem;
  }

  .user-data-location,
  .user-data-mail,
  .user-data-phone {
    color: #ffffff;
    font-size: 1.5rem;
    margin-left: 22rem;
    margin-top: -3rem;
  }

  .container-preferences-block {
    border-top: solid 1px #b5aeb4;
    margin-top: 7rem;
    border-left: none;
    width: 85%;
    margin-left: 3rem;
  }

  .user-preferences-title {
    color: #ffffff;
    font-size: 3rem;
    margin-left: 0;
    margin-top: 7rem;
    margin-bottom: 3rem;
  }

  .user-preferences-text,
  .user-preferences-h1 {
    color: #b5aeb4;
    font-size: 1.5rem;
    margin-left: 0;
  }

  .user-preferences-switch,
  .user-preferences-switch-two {
    font-size: 1rem;
    position: relative;
    display: flex;
    width: 3.5em;
    justify-content: center;
    margin-left: 4.5rem;
    margin-top: 0.5rem;
  }

  .my-preferences-products-link {
    width: 16rem;
    height: 3.9rem;
    background-color: #fff;
    margin-left: auto;
    margin-top: 4rem;
    margin-right: auto;
  }

  .my-profile-link-text {
    text-decoration: none;
    color: #fff;
    font-size: 1rem;
  }

  .my-preferences-icon-phone-button {
    filter: invert(1);
    width: 20px;
    margin: 0 1rem;
  }
}
/* Edit Profile */
.container-edit-banner {
  display: flex;
  width: 100%;
  height: 28vh;
  background-image: url(/euf/assets/motorola_v3/assets/images/banner-edit-temporary.jpg);
  background-size: cover;
  justify-content: right;
  align-items: center;
  max-height: 28vh;
}

.container-edit-home {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-home {
  display: flex;
  align-items: center;
}

.edit-img-home {
  width: 13%;
}

.edit-img-return {
  width: 54%;
}

.edit-cover {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-right: 8%;
  margin-bottom: 3%;
  border-radius: 2px;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  width: 15.5rem;
  text-align: center;
  cursor: pointer;
}

.edit-img-cam {
  width: 2rem;
  margin-right: 0.5rem;
}

.edit-link-text {
  text-decoration: none;
  color: #001426;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}

.container-bk-products {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  margin-left: 1rem;
}

.edit-bk-products {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-img-bk {
  width: 8%;
  margin-right: 3rem;
}

.edit-bk-text {
  color: #fff;
  font-size: 3.5rem;
}

.bk-container-left {
  display: flex;
  flex-direction: column;
  margin-top: -3rem;
  margin-right: 70rem;
}

.container-body-user {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-items: stretch;
  align-items: stretch;
}

.body-user-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.body-user-data {
  display: grid;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}

.body-user-btn {
  display: grid;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}

.user-img-change {
  border-radius: 50%;
  margin-top: -3rem;
  width: 50%;
}

.label-titles {
  display: grid;
  color: #fff;
  font-size: 1.5rem;
}

.input-user-data {
  margin-top: 1rem;
  margin-bottom: 2rem;
  height: 3rem;
  width: 18rem;
  border-radius: 2px;
  padding: 0px 0px 0px 10px;
  border: none;
  outline: none;
}

/* Button Save */
.btn-save {
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 18rem;
}

.btn-save:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

/* Button Cancel */
.btn-cancel {
  position: relative;
  font-size: 1.5rem;
  text-decoration: none;
  border: none;
  color: #fff;
  background-color: #001428;
  margin-bottom: 5rem;
}

.btn-cancel:hover {
  cursor: pointer;
}

.user-img-function {
  background-color: #165c7d;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  margin-top: 15rem;
  margin-left: -7rem;
}

.user-img-function:hover {
  background-color: #fff;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.user-img-cam {
  filter: invert(1);
  width: 35px;
  margin-left: 7%;
  margin-top: 6%;
  margin-bottom: 1em;
}

.user-img-cam:hover {
  filter: invert(0);
  width: 35px;
  margin-left: 7%;
  margin-top: 6%;
  margin-bottom: 1em;
  cursor: pointer;
}

.user-upload-photo {
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  width: 50rem;
  height: 20rem;
  display: grid;
  align-items: center;
  justify-content: center;
  color: #165c7d;
  position: relative;
  cursor: pointer;
}

.user-hover:hover .user-img-cam {
  filter: invert(0);
  width: 85%;
  margin-left: 7%;
  margin-top: 6%;
  margin-bottom: 1em;
  cursor: pointer;
}

.u-photo-1 {
  border-radius: 5px 5px 0 0;
}

.u-photo-2 {
  border-radius: 0 0 5px 5px;
}

.user-hover:hover .user-upload-photo {
  visibility: visible;
  opacity: 1;
  width: 22rem;
  height: 3rem;
  margin-top: 0rem;
  margin-left: -15.5rem;
  font-size: 1.3rem;
  font-weight: 700;
}

.btn-function-wrapper {
  position: relative;
}

.btn-icon-close {
  background-image: url(/euf/assets/motorola_v3/assets/icons/icon-search-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 42px;
  left: 157px;
  z-index: 1;
  transform: translate(-10%, -10%);
  width: 36px;
  cursor: pointer;
  display: none;
}

.btn-icon-close.-active {
  display: block;
}

@media screen and (max-device-width: 900px) {
  .container-edit-banner {
    height: 18vh;
  }

  .edit-img-return {
    width: 45%;
  }

  .edit-img-bk {
    width: 9%;
    margin-right: 1rem;
  }

  .edit-bk-text {
    font-size: 1.5rem;
  }

  .edit-cover {
    text-align: center;
    width: 27vw;
    height: 3.9vh;
    font-size: 1rem;
  }

  .bk-container-left {
    margin-top: -2rem;
    margin-right: 0;
  }

  .container-bk-products {
    margin-left: 0;
  }

  .container-body-user {
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: none;
  }

  .body-user-img {
    margin-right: 5%;
  }

  .user-img-function {
    margin-top: 10rem;
    margin-left: -10rem;
  }

  .user-hover:hover .user-upload-photo {
    visibility: visible;
    opacity: 1;
    width: 22rem;
    height: 3rem;
    margin-left: -13.5rem;
    font-size: 1.3rem;
    font-weight: 700;
  }

  .user-img-change {
    margin-right: 5rem;
  }

  .element-mobile {
    margin-top: 5rem;
  }

  .body-user-btn {
    margin-top: -13rem;
    margin-left: 1rem;
  }

  .btn-icon-close {
    left: 165px;
    top: 33px;
  }

  .btn-close {
    margin-left: -0.4rem;
  }

  .btn-cancel {
    margin-top: 3rem;
  }
}
@media screen and (min-device-width: 1900px) {
  .bk-container-left {
    margin-right: 86rem;
  }

  .edit-img-home {
    width: 20%;
  }

  .edit-img-return {
    width: 85%;
  }

  .edit-bk-products {
    margin-top: 3rem;
  }

  .edit-img-bk {
    width: 11%;
    margin-right: 2rem;
  }

  .user-img-function {
    margin-top: 24rem;
    margin-left: -11rem;
  }
}
.container-support__history {
  margin: 0 200px 0 200px;
}

.support-history__titleh2 {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 3rem;
}

.support-history__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 2rem 0 2rem 0;
}

.support-history__text {
  color: #fff;
  font-size: 1.5rem;
  margin: 2rem 0 2rem 0;
}

.support-history__ul {
  margin-top: 1rem;
}

.support-history__list {
  width: 100%;
  margin-top: 3rem;
  border-top: 1px solid rgba(0, 194, 225, 0.2);
  border-bottom: 1px solid rgba(0, 194, 225, 0.2);
}

.support-history__link {
  display: flex;
  justify-content: space-between;
}

.support-history__section {
  /*display: flex;
  flex-direction: column;
  max-width: 25%;
  overflow-wrap: anywhere !important;*/
  display: flex;
  flex-direction: column;
  max-width: 25%;
  min-width: 25%;
  overflow-wrap: anywhere !important;
  margin: 0 10px;
}

.support-history__section_status {
  display: flex;
  flex-direction: column;
  max-width: 50px;
  overflow-wrap: anywhere;
}

@media screen and (max-device-width: 900px) {
  .container-support__history {
    margin: 0 auto;
    padding: 20px;
  }

  .support-history__link {
    display: flex;
  }

  .support-history__title,
  .support-history__text {
    margin: 1rem 0 1rem 0;
  }

  .support-history__titleh2 {
    margin-top: 3rem;
  }
}
.history-update__wrapper {
  display: flex;
  justify-content: start;
  align-items: flex-start;
  flex-direction: column;
}

.history-update__link {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 5rem 0 3rem 0;
}

.history-update__icon {
  width: 20px;
  margin-right: 1rem;
}

.history-update__title {
  color: #fff;
  font-size: 2rem;
}

.history-update__text,
.history-update__label {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 4rem;
}

.history-update__label {
  margin: 2rem 0 2rem 0;
}

.history-update__input {
  width: 100%;
  height: 25vh;
  border-radius: 5px;
  border-style: none;
  outline-style: none;
  padding: 13px;
}

@media screen and (max-device-width: 900px) {
  .history-update__input {
    padding: 0;
  }

  .history-update__text,
  .history-update__label {
    font-size: 1.3rem;
  }
}
/* Component Button File */
.input-file-container {
  position: relative;
  display: flex;
  align-items: center;
}

.js .input-file-trigger,
.js .submit-file-button {
  display: flex;
  padding: 10px 45px;
  background: #fff;
  color: #000;
  font-size: 1.5rem;
  transition: all 0.4s;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  border: none;
}

.js .submit-file-button {
  margin-top: 15px;
}

.js .input-file {
  display: none;
}

.file-return {
  margin: 0;
}

.file-return:not(:empty) {
  margin: 1em 0;
}

.js .file-return {
  font-size: 1rem;
  color: #fff;
  margin-left: 1rem;
}

.js .file-return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}

.upload-file__icon {
  width: 20px;
  margin-right: 0.5rem;
}

.modal-cancel__profile {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 911;
}

.modal-cancel__profile.-active {
  display: flex;
}

.modal-cancel__overlay {
  width: 100%;
  height: 100%;
  background-color: #00000080;
  position: absolute;
}

.modal-cancel__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
  width: 300px;
  height: 200px;
  position: relative;
  z-index: 5;
}

.modal-cancel__btn-wrapper {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

.modal-cancel__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #d3d3d3;
  border-radius: 15px;
  width: 100px;
  cursor: pointer;
}

.modal-cancel__btn.-modify {
  background-color: #ff5353;
  color: #fff;
}

.modal-cancel__text {
  font-size: 1.5rem;
  margin-bottom: 4rem;
  text-align: center;
}

/* Add Device */
.my-profile__add-device {
  margin: 0 auto;
  width: 250px;
  height: 300px;
  border-radius: 10px;
  border: 1px solid #00c2e17a;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: -35px;
  background-color: #001426;
  position: relative;
  margin-left: 13rem;
}

.my-profile__add-device:hover {
  content: "";
  filter: drop-shadow(0 0 2rem #dda83e66);
}

.my-profile__add-device-icon {
  width: 50px;
}

.my-profile__add-device-text {
  color: #fff;
  margin-top: 15px;
  font-size: 1.4rem;
}

.my-profile__add-device-image {
  width: 150px;
}

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

.my-profile__add-device-btn {
  width: 18rem;
  background-color: #fff;
  margin-left: 7rem;
  border-radius: 2px;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  display: flex;
  text-align: center;
  cursor: pointer;
  height: 25px;
  justify-content: center;
}

.my-profile__add2-device {
  margin: 0 auto;
  width: 230px;
  height: 259px;
  border-radius: 10px;
  border: 1px solid #00c2e17a;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: none;
  background-color: #001426;
  position: relative;
  margin-left: 10rem;
}

.my-preferences__text-btn {
  color: #001426;
  font-size: 2rem;
  font-weight: bolder;
  text-align: center;
  position: relative;
}

.my-preferences__icon-phone {
  filter: invert(1);
  width: 20px;
  margin: 0 1rem;
}

.container-device__block {
  display: flex;
  border-left: solid 1px #b5aeb4;
  margin-top: 10rem;
  height: 25rem;
}

@media screen and (max-device-width: 900px) {
  .my-profile__add-device,
  .my-profile__add2-device {
    margin: 7rem auto 0 auto;
  }

  .container-profile__wrapper {
    flex-direction: column;
    margin: 0 auto;
  }

  .container-device__block {
    height: auto;
    border-top: solid 1px #b5aeb4;
    margin-top: 7rem;
    border-left: none;
    width: 85%;
    margin-left: 3rem;
  }

  .my-profile__add-device-btn {
    margin: 5rem 0 0 0;
  }
}
.troubleshooter {
  padding-top: 100px;
  /* Progress Bar */
  /*& Bubble */
}
.troubleshooter__container {
  display: flex;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .troubleshooter__container {
    flex-direction: column;
    align-items: center;
  }
}
.troubleshooter__text-wrapper {
  color: #fff;
  margin-left: 50px;
  position: relative;
  width: 40%;
}
@media (max-width: 1024px) {
  .troubleshooter__text-wrapper {
    margin: 0;
    width: auto;
  }
}
.troubleshooter__image {
  width: 280px;
  box-shadow: -20px -20px 0 #5c5778;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .troubleshooter__image {
    margin-bottom: 20px;
  }
}
.troubleshooter__title {
  font-size: 2.5rem;
  margin-bottom: 30px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .troubleshooter__title {
    text-align: center;
  }
}
.troubleshooter__title.-modify {
  text-align: center;
  color: #fff;
}
.troubleshooter__text {
  font-size: 1.7rem;
  color: #dbdbdb;
}
@media (max-width: 1024px) {
  .troubleshooter__text {
    text-align: center;
  }
}
.troubleshooter__button {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 40px;
}
.troubleshooter__button:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
@media (max-width: 1024px) {
  .troubleshooter__button {
    margin: 0 auto;
    margin-top: 45px;
  }
}
.troubleshooter__knowmore-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.troubleshooter__knowmore-title {
  color: #fff;
  text-align: center;
  font-size: 2.2rem;
  margin-bottom: 40px;
}
.troubleshooter__knowmore-wrapper {
  width: 100%;
  width: 65px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.troubleshooter__knowmore-image {
  width: 50px;
  margin-bottom: 10px;
}
.troubleshooter__knowmore-text {
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.troubleshooter__tabs {
  max-width: 450px;
  margin: 0 auto;
  margin-bottom: 100px;
  background-color: #fff;
  padding: 10px 30px;
  border-radius: 10px;
}
.troubleshooter__tabs-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.troubleshooter__tabs-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 10px;
  width: 100px;
  height: 100px;
  align-self: center;
  justify-self: center;
}
@media (max-width: 1024px) {
  .troubleshooter__tabs-wrapper {
    width: 65px;
  }
}
.troubleshooter__tabs-wrapper:hover {
  background-color: #ebebeb;
}
.troubleshooter__tabs-image {
  width: 45px;
  margin-bottom: 15px;
}
.troubleshooter__tabs-image.-bigger {
  width: 60px;
}
.troubleshooter__tabs-text {
  text-align: center;
  color: #000;
}
.troubleshooter__tabs-title {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin: 20px 0;
  width: 85%;
}
.troubleshooter__tabs-title-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
.troubleshooter__tabs-back-arrow {
  width: 30px;
}
.troubleshooter-text {
  color: #fff;
  font-size: 1.2rem;
}
.troubleshooter-text__wrapper {
  width: 100%;
  max-width: 515px;
  margin: 0 auto;
  margin-bottom: 100px;
}
.troubleshooter-text__highlight {
  font-weight: 500;
}
.troubleshooter-text__button {
  background-color: #60516c;
  color: #fff;
  border-radius: 5px;
  width: 100px;
  height: 35px;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.troubleshooter-text__button.-modify {
  background-color: #ff5353;
  margin-left: 20px;
}
.troubleshooter-text__button-wrapper {
  display: flex;
  margin-top: 40px;
}
.troubleshooter-button {
  margin: 0 auto;
  margin-top: 100px;
  position: relative;
  background-color: #fff;
  border: 1px solid transparent;
  color: #707070;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 170px;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}
.troubleshooter-button:hover {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}
.troubleshooter-note {
  max-width: 1024px;
}
.troubleshooter-note__title {
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  margin-bottom: 65px;
}
.troubleshooter-note__text {
  color: #fff;
  font-size: 1.2rem;
}
.troubleshooter-note.-center {
  margin: 0 auto;
}
.troubleshooter-breadcrumb {
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  color: #fff;
  width: 100%;
  justify-content: center;
}
.troubleshooter-breadcrumb__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #fff;
}
.troubleshooter-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}
.troubleshooter-breadcrumb__home-icon {
  width: 30px;
}
.troubleshooter-nosolution {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.troubleshooter-nosolution__title {
  font-size: 2.5rem;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.troubleshooter-nosolution__image {
  width: 100px;
  margin-bottom: 40px;
}
.troubleshooter-nosolution__text {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 40px;
}
.troubleshooter-nosolution__wrapper {
  display: flex;
  margin-bottom: 200px;
}
@media (max-width: 1024px) {
  .troubleshooter-nosolution__wrapper {
    flex-direction: column;
  }
}
.troubleshooter-nosolution__button {
  width: 120px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #fff;
  background-color: #192b3e;
  margin: 0 20px;
}
@media (max-width: 1024px) {
  .troubleshooter-nosolution__button {
    margin: 20px 0;
  }
}
.troubleshooter-image {
  position: absolute;
  top: 50%;
  right: 5%;
  height: 450px;
  max-width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .troubleshooter-image {
    position: static;
    transform: translate(0);
  }
}
.troubleshooter-image__text {
  display: inline-block;
  width: 18px;
}
.troubleshooter-image.-sensor {
  height: 240px;
  right: 10%;
}
.troubleshooter-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 350px;
  margin: 0 auto;
  margin-bottom: 70px;
}
.troubleshooter-progress__title {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}
.troubleshooter-progress__value {
  animation: pageloading2 3s normal forwards;
  border-radius: 100px;
  background: #00c2e1;
  height: 15px;
  width: 0;
}
.troubleshooter-progress__value.-complete {
  animation: pageloading 3s normal forwards;
  background: #00ff5d;
}
@keyframes pageloading2 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
.troubleshooter-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -9.5rem;
  margin-top: 9rem;
}
.troubleshooter-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}
.troubleshooter-progress:hover .troubleshooter-bubble {
  visibility: visible;
}
.troubleshooter-progress__value:hover {
  background: #fff;
}

/* -- Progress Bar --------------------- */
#stepProgressBar {
  display: flex;
  justify-content: space-between;
  background: #001125;
  margin-bottom: 70px;
  height: 1vw;
  width: 26vw;
  border-radius: 100px;
  margin: 0 auto;
  z-index: -1px;
}

.step {
  text-align: center;
}

.div-button {
  display: flex;
  justify-content: center;
  margin: 5%;
}

.bullet {
  display: inline-block;
  position: relative;
  transition: background-color 500ms;
  line-height: 70px;
  width: 0vw;
}

.completed {
  background-color: #28a745;
}

#progressBarFull {
  border-radius: 100px;
  height: 1vw;
  width: 0%;
  background-color: #00c2e1;
}

.progress {
  position: absolute;
  width: 20%;
  height: 10px;
  background-color: #00c2e1;
}

.progress--complete {
  width: 26vw;
  background: #00ff5d;
}

.progress__bg {
  background: #001125;
  margin-bottom: 70px;
  height: 1vw;
  width: 26vw;
  border-radius: 100px;
  margin: 0 auto;
  z-index: -1px;
}

.troubleshooter-text__button {
  background-color: #60516c;
  color: #fff;
  border-radius: 5px;
  width: 100px;
  height: 35px;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

.troubleshooter-text__button.-modify {
  background-color: #ff5353;
  margin-left: 20px;
}

.progress__actions {
  display: flex;
  justify-content: center;
}

/* Service Center Locator */
.locator-background {
  background-color: #001428;
  width: 100%;
  height: 100%;
}

.container-locator__text {
  text-align: center;
}

.locator-home__title,
.locator-home__text {
  color: #fff;
  font-size: 3rem;
  margin-top: 3rem;
  text-align: center;
}

.locator-home__text {
  font-size: 1.5rem;
}

.locator-section__find {
  display: flex;
  flex-direction: column;
  margin: 6rem 0 0 10rem;
}

.locator-section__label {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.locator-section__input {
  width: 17vw;
  padding: 1.2rem 3rem;
  border-radius: 5px;
  border-style: none;
  margin-bottom: 1.5rem;
  outline: none;
}

.locator-section__btn {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.locator-section__map {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: -14rem 10rem 0 0;
  border-radius: 10px;
}

.locator-map__window {
  width: 61rem;
}

.container-locator__contact {
  display: flex;
  justify-content: space-evenly;
  margin: 5rem 12rem 1rem 12rem;
}

.locator-whatsapp,
.locator-facebook {
  display: flex;
  flex-direction: column;
  width: 11vw;
  height: 43vh;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 194, 225, 0.2);
  border-radius: 5px;
}

.locator-whatsapp__icon {
  width: 5rem;
}

.locator-whatsapp__text {
  color: #fff;
  font-size: 1.5rem;
}

.locator-whatsapp__code {
  width: 12rem;
}

.locator-whatsapp {
  line-height: 5rem;
}

.locator-facebook__icon {
  width: 2rem;
}

.locator-facebook__text {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.locator-facebook__code {
  width: 12rem;
}

.locator-chat,
.locator-repair {
  display: flex;
  flex-direction: column;
  width: 12vw;
  height: 20.5vh;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 194, 225, 0.2);
  border-radius: 10px;
}

.locator-chat__icon {
  width: 5rem;
}

.locator-chat__text,
.locator-repair__text {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.locator-chat {
  margin-bottom: 1rem;
}

.locator-repair__icon {
  width: 5rem;
}

.locator-contact__img {
  width: 30rem;
  height: 27rem;
}

@media screen and (max-device-width: 900px) {
  .locator-section__map {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-map__window {
    width: 82vw;
  }

  .locator-section__find {
    align-items: center;
    justify-content: center;
    margin: 2rem;
  }

  .locator-section__input {
    width: 75vw;
    margin-bottom: 2.5rem;
  }

  .container-locator__contact {
    margin: 2rem 1rem 1rem 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .locator-whatsapp,
  .locator-facebook {
    width: 37vw;
    margin: 1rem;
  }

  .locator-chat,
  .locator-repair {
    width: 81vw;
  }

  .locator-chat {
    margin-bottom: 1rem;
  }

  .locator-contact__img {
    margin-top: 2rem;
    margin-bottom: -4rem;
  }
}
/* Find Location */
.locator-find__list {
  width: 345px;
  height: 347px;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  background-color: #eff2f4;
  margin-top: -1rem;
}

.locator-find__map {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: -38.4rem 10rem 0 0;
  border-radius: 10px;
}

.locator-box__map {
  width: 61rem;
}

/* Section btn */
.section-find__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 26rem;
  background-color: #fff;
  border-radius: 7px;
  padding: 1rem 4rem;
  margin-bottom: 3rem;
}

.section-find__text {
  font-size: 1.3rem;
}

.section-find__rectangle {
  width: 0.5rem;
}

.section-find__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background-color: #242c34;
  color: #fff;
  border-radius: 5px;
  font-size: 2rem;
  margin-right: -2rem;
}

@media screen and (max-device-width: 900px) {
  .locator-find__map {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-box__map {
    width: 31rem;
  }
}
@media screen and (max-device-width: 361px) {
  .locator-whatsapp,
  .locator-facebook {
    width: 37vw;
    margin: 0.5rem;
  }
}
@media (max-width: 667px) and (orientation: landscape) {
  .locator-whatsapp,
  .locator-facebook {
    height: 25rem;
    width: 26vw;
  }

  .locator-chat,
  .locator-repair {
    width: 56vw;
    height: 11rem;
  }
}
.find-list__wrapper {
  list-style: none;
}

.find-list__number {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fc5454;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  color: #fff;
  margin-bottom: -1.4rem;
}

.find-list__address {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  border-bottom: 1px solid #bebebe;
  margin: 2rem;
}

.find-list__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.find-list__text {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.find-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.find-list__icon {
  width: 15px;
  margin-right: 1rem;
}

/* Open Templates One */
.template__background {
  background-color: #001428;
  width: 100%;
  height: 100%;
}

.container-template {
  display: flex;
  width: 100%;
  height: 28vh;
  background-image: url(/euf/assets/motorola_v3/assets/images/banner-security.svg);
  background-size: cover;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
}

.template-banner__text {
  color: #fff;
  font-size: 3rem;
  font-family: sans-serif;
  margin-right: 60%;
  letter-spacing: 1px;
}

.template-banner__img {
  width: 254px;
  position: absolute;
  bottom: 0;
  margin-left: 62%;
}

.container-btn {
  display: flex;
  margin-left: 15rem;
  margin-top: -4rem;
  transform: translateY(1px);
}

.template-btn__tab {
  background-color: #1e2e40;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 1.5rem;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  opacity: 60%;
  width: 18rem;
  border: none;
  outline: none;
  border-bottom: 1px solid #00ffee;
}

.template-btn__tab.-active {
  background-color: #001428;
  height: 4rem;
  opacity: 1;
  border-left: 1px solid #00ffee;
  border-top: 1px solid #00ffee;
  border-right: 1px solid #00ffee;
  border-bottom: 1px solid transparent;
}

.template-btn__tab.-tab {
  border-radius: 0 5px 0 0;
}

.template-content__wrapper {
  border-top: solid 1px #00ffee;
}

.template__content {
  display: none;
}

.template__content.-active {
  display: block;
}

.template-section__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10rem 15rem 5rem 20rem;
}

.template-section__text {
  color: #fff;
  font-size: 1.5rem;
  margin-right: 4.5rem;
  line-height: 1.3;
}

.template-section__img {
  width: 40rem;
}

@media screen and (max-device-width: 900px) {
  .container-template {
    justify-content: center;
  }

  .template-banner__text {
    font-size: 2rem;
    margin-right: 0;
    margin-bottom: 14rem;
  }

  .template-banner__img {
    width: 211px;
    position: absolute;
    bottom: 39px;
    margin-left: 0;
  }

  .container-btn {
    margin-left: 0;
    justify-content: center;
  }

  .template-section__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 3rem;
    text-align: center;
    line-height: 1.3;
  }

  .template-section__text {
    color: #fff;
    font-size: 1.5rem;
    margin-right: 0;
    margin-bottom: 4rem;
  }
}
.background-open__gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(70deg, #34342c 5%, #001428 19%);
}

.container-open__breadcrumb {
  margin-top: 3rem;
  padding: 1rem 0 5rem 6rem;
  display: flex;
}

.open-breadcrumb {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.open-breadcrumb__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.open-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}

.open-breadcrumb__text.-active {
  color: #fff;
}

.open-breadcrumb__home-icon {
  width: 30px;
}

.container-open {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.container-open__main {
  display: flex;
  justify-content: center;
}

.container-open__text {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-right: 2rem;
}

.open-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.open-progress__value {
  animation: open 3s normal forwards;
  border-radius: 100px;
  background: #04c4e4;
  height: 15px;
  width: 0;
}

@keyframes open {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
.container-open__title {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  /* padding: 3rem; */
  margin: 3rem 0;
}

.open-template__wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 1rem;
}

.open-template__section {
  border-top: 2px solid rgba(0, 194, 225, 0.2);
  width: 500px;
}

.open-template__paragraph,
.open-template__span,
.open-template__breadcrumb {
  color: #fff;
  font-size: 1.5rem;
}

.open-template__paragraph {
  margin-top: 2rem;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.container-template__img {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.open-template__img {
  width: 459px;
  height: 100%;
  margin-top: -38rem;
  margin-right: 12rem;
  z-index: 10;
}

.open-template__breadcrumb {
  font-style: italic;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.open-template__icon {
  width: 20px;
  filter: invert(1);
  margin-left: 1rem;
  margin-right: 1rem;
}

@media screen and (max-device-width: 900px) {
  .container-open__breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
}
.open-text__highlight {
  font-weight: 500;
  color: #fff;
  font-size: 1.5rem;
}

.open-text__button-wrapper {
  display: flex;
  margin-top: 40px;
}

.open-text__button {
  background-color: #60516c;
  color: #fff;
  border-radius: 5px;
  width: 100px;
  height: 35px;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.open-text__button.-modify {
  background-color: #ff5353;
  margin-right: 20px;
}

@media screen and (max-device-width: 900px) {
  .container-template__img {
    align-items: center;
    justify-content: center;
  }

  .open-template__img {
    width: 399px;
    height: 90%;
    margin: 3rem;
  }

  .container-open__main {
    flex-direction: column;
    text-align: center;
    width: 100%;
  }

  .open-template__section {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .open-progress {
    width: 100%;
  }
}
/* Returns Home */
.background-returns {
  width: 100%;
  height: 113vh;
  position: absolute;
  background-image: url(/euf/assets/motorola_v3/assets/background/layer-2-returns.png);
  background-position: 151vh 10vw;
  background-size: 61%;
  z-index: -1;
  background-repeat: no-repeat;
}

.background-returns__pages {
  width: 100%;
  height: 171vh;
  position: absolute;
  background-image: url(/euf/assets/motorola_v3/assets/background/layer-2-returns.png);
  background-position: 150vh 18vw;
  background-size: 61%;
  z-index: -1;
  background-repeat: no-repeat;
}

.background-returns__gradient {
  width: 100%;
  height: 100%;
  background: radial-gradient(farthest-side at left bottom, #103457 40%, #001428, #001428);
}

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

.returns-home__wrapper {
  margin-left: 12rem;
}

.returns-home__title {
  color: #ffffff;
  font-size: 3rem;
  margin-bottom: 5rem;
}

.returns-home__text {
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 2rem;
  line-height: 3rem;
}

.returns-home__btn {
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.returns-home__btn:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

.returns-home__img {
  width: 250px;
  padding: 10rem;
  border-radius: 113px;
}

@media screen and (max-device-width: 900px) {
  .container-returns {
    flex-direction: column;
  }

  .returns-home__wrapper {
    margin-top: 3rem;
    text-align: center;
    margin-left: 0;
  }

  .returns-home__btn {
    margin: 0 auto;
  }

  .returns-home__img {
    margin-top: -3rem;
    margin-bottom: -10rem;
  }

  .returns-arrow__link,
  .returns3-arrow__link,
  .returns4-arrow__link {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-device-width: 1052px) {
  .returns-arrow__link,
  .returns3-arrow__link,
  .returns4-arrow__link {
    display: none;
    visibility: hidden;
  }
}
/* Returns 1 */
.container-returns__one {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.container-returns__breadcrumb {
  margin-top: 3rem;
  padding: 1rem 0 5rem 15rem;
  display: flex;
}

.returns-breadcrumb {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.returns-breadcrumb__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}

.returns-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}

.returns-breadcrumb__text.-active {
  color: #fff;
}

.returns-breadcrumb__home-icon {
  width: 30px;
}

.container-returns__main {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex-direction: column;
}

.container-returns__text {
  color: #fff;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.container-returns__title {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  padding: 3rem;
}

.container-returns__box {
  width: 61vw;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.returns-box__btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 50px;
  border-radius: 10px;
  width: 6px;
  height: 1px;
  margin: 20px 30px;
}

@media (hover: hover) and (pointer: fine) {
  .returns-box__btn:hover {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 50px;
    background-color: #ebebeb;
    border-radius: 10px;
    width: 6px;
    height: 1px;
  }
}
.returns-box__icon {
  width: 30px;
  margin-bottom: 1rem;
}

.returns-box__png {
  width: 70px;
}

.returns-box__text {
  color: #001428;
  font-size: 1.5rem;
  width: 133px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.returns-box__png1 {
  width: 69px;
  padding-bottom: 18px;
}

.returns-box__png2 {
  width: 65px;
  padding-bottom: 8px;
}

.returns-box__png3 {
  width: 35px;
  padding-bottom: 1rem;
}

.returns-box__png4 {
  width: 35px;
  padding-bottom: 1rem;
}

/* Returns Progress Bar */
.returns-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.returns-progress__value {
  animation: load1 3s normal forwards;
  border-radius: 100px;
  background: #fc5454;
  height: 15px;
  width: 0;
}

@keyframes load1 {
  0% {
    width: 0;
  }
  100% {
    width: 20%;
  }
}
/* Returns Bubble */
.returns-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -9.5rem;
  margin-top: 9rem;
}

.returns-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}

.returns-progress:hover .returns-bubble {
  visibility: visible;
}

.returns-progress__value:hover {
  background: #fff;
}

/* Box Blog */
.returns-section__down {
  display: flex;
  width: 64vw;
  height: 32vh;
  background-color: rgba(2, 15, 25, 0.2);
  border-radius: 15px;
  margin-top: 5rem;
  justify-content: center;
  align-items: center;
}

.returns-text__wrapper {
  padding: 10rem;
  line-height: 48px;
}

.returns-section__title,
.returns-section__text {
  color: #fff;
  font-size: 2rem;
}

.returns-section__text {
  font-size: 1.5rem;
}

.returns-section__img {
  width: 185px;
  border-radius: 22px;
  height: 165px;
}

.returns-section__btn {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

@media screen and (max-device-width: 900px) {
  .container-returns__breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .returns-progress {
    width: 30rem;
  }

  .container-returns__box {
    width: 80vw;
  }

  .returns-box__btn {
    padding: 41px;
  }

  .returns-section__down {
    width: 80vw;
    height: auto;
    flex-direction: column;
  }

  .returns-text__wrapper {
    padding: 1rem;
    line-height: 36px;
    text-align: center;
  }

  .returns-section__btn {
    margin: 0 auto;
  }

  .returns-section__img {
    margin: 1.5rem;
  }

  .returns-section__text {
    margin-bottom: 1.5rem;
  }
}
/* Returns 2 */
/* Returns2 Progress Bar */
.returns2-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.returns2-progress__value {
  animation: load2 3s normal forwards;
  border-radius: 100px;
  background: #04c4e4;
  height: 15px;
  width: 0;
}

@keyframes load2 {
  0% {
    width: 0;
  }
  100% {
    width: 40%;
  }
}
/* Returns2 Bubble */
.returns2-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -13rem;
  margin-top: 9rem;
}

.returns2-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}

.returns2-progress:hover .returns2-bubble {
  visibility: visible;
}

.returns2-progress__value:hover {
  background: #fff;
}

.container-returns2__box {
  width: 40vw;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.returns-arrow__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 30rem;
  top: 20.5rem;
}

.returns-arrow__img {
  cursor: pointer;
  width: 20px;
}

.returns-moli__img {
  width: 75px;
  position: fixed;
  right: 30px;
  bottom: 155px;
  transform: rotateY(180deg);
}

.returns-moli__title {
  position: fixed;
  right: 30px;
  bottom: 280px;
  text-decoration: none;
  color: #fff;
}

@media screen and (max-device-width: 900px) {
  .returns2-progress {
    width: 30rem;
  }

  .container-returns2__box {
    width: 75vw;
  }

  .returns-moli__hidden {
    visibility: hidden;
  }
}
/* Returns 3 */
/* Returns3 Progress Bar */
.returns3-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.returns3-progress__value {
  animation: load3 3s normal forwards;
  border-radius: 100px;
  background: #04fb5c;
  height: 15px;
  width: 0;
}

@keyframes load3 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* Returns3 Bubble */
.returns3-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -21rem;
  margin-top: 9rem;
}

.returns3-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}

.returns3-progress:hover .returns3-bubble {
  visibility: visible;
}

.returns3-progress__value:hover {
  background: #fff;
}

.container-returns3__box {
  width: 40vw;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.returns3-selected {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 3rem;
}

.returns3-arrow__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 30rem;
  top: 20.5rem;
}

@media screen and (max-device-width: 900px) {
  .returns3-progress {
    width: 30rem;
  }

  .container-returns3__box {
    width: 75vw;
  }
}
/* Returns 3 */
/* Returns3 Progress Bar */
.returns3-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.returns3-progress__value {
  animation: load4 3s normal forwards;
  border-radius: 100px;
  background: #04fb5c;
  height: 15px;
  width: 0;
}

@keyframes load4 {
  0% {
    width: 0;
  }
  100% {
    width: 80%;
  }
}
/* Returns4 */
/* Returns4 Progress Bar */
.returns4-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 400px;
}

.returns4-progress__value {
  animation: load5 3s normal forwards;
  border-radius: 100px;
  background: #04fb5c;
  height: 15px;
  width: 0;
}

@keyframes load5 {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
/* Returns4 Bubble */
.returns4-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -25rem;
  margin-top: 9rem;
}

.returns4-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}

.returns4-progress:hover .returns4-bubble {
  visibility: visible;
}

.returns4-progress__value:hover {
  background: #fff;
}

.returns4-arrow__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 30rem;
  top: 20.5rem;
}

.returns4-section__main {
  display: flex;
  width: 90%;
  height: 56vh;
  justify-content: start;
  align-items: center;
  margin-top: 3rem;
}

.returns4-section__title,
.returns4-section__text {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 3rem;
  margin-right: 15rem;
}

.returns4-section__text {
  font-size: 1.5rem;
  line-height: 1.3;
}

.returns4-section__img {
  width: 235px;
  border-radius: 22px;
  height: 215px;
}

.returns4-section__btn {
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.returns4-section__btn:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

.returns4-section__link {
  text-decoration: underline;
  color: #fff;
}

@media screen and (max-device-width: 900px) {
  .returns4-progress {
    width: 30rem;
  }

  .container-returns4__box {
    width: 75vw;
  }

  .returns4-section__main {
    width: 100%;
    height: auto;
    justify-content: center;
    margin-top: 3rem;
    flex-direction: column;
  }

  .returns4-section__text {
    margin-right: 0;
  }

  .returns4-section__title {
    text-align: center;
    margin-right: 0;
  }

  .returns4-section__btn {
    margin: 0 auto;
  }

  .returns4-section__img {
    margin-top: 5rem;
  }
}
.returns5-section__title,
.returns5-section__text {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 3rem;
  margin-right: 15rem;
}

.returns5-section__text {
  font-size: 1.5rem;
  line-height: 1.3;
  margin-bottom: 2rem;
}

.software-updates {
  padding-top: 200px;
  /* Progress Bar */
  /*& Bubble */
}

@media screen and (max-device-width: 900px) {
  .returns5-section__text {
    margin-right: 0;
  }

  .returns5-section__title {
    text-align: center;
    margin-right: 0;
  }

  .software-updates {
    padding-top: 30px;
    text-align: center;
  }
}

.software-updates.-modify {
  padding-top: 80px;
}
.software-updates__container {
  display: flex;
  justify-content: center;
  margin-bottom: 150px;
}
@media (max-width: 1024px) {
  .software-updates__container {
    flex-direction: column;
    align-items: center;
  }
}
.software-updates__wrapper {
  width: 450px;
  margin-left: 40px;
}
@media (max-width: 1024px) {
  .software-updates__wrapper {
    width: 100%;
    max-width: 450px;
    margin-left: 0;
  }
}
.software-updates__image {
  width: 280px;
  max-height: 280px;
}
.software-updates__title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
  margin-top: 20px;
}
.software-updates__text {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 40px;
}
.software-updates__button {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 17.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 80px;
}
.software-updates__button:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
@media (max-width: 1024px) {
  .software-updates__button {
    margin: 0 auto;
    margin-top: 45px;
  }
}
.software-updates__buy-wrapper {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.software-updates__buy-title {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 30px;
}
.software-updates__arrow-back-container {
  padding-top: 5px;
}
@media (max-width: 1024px) {
  .software-updates__arrow-back-container {
    padding-top: 20px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .software-updates__arrow-back-container .software-updates__arrow-back {
    width: 25px;
  }
}
.software-updates__device-wrapper .software-updates__subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
}
.software-updates__device-wrapper .software-updates__title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 80px;
}
.software-updates__device-wrapper .software-updates__button {
  margin: 0 auto;
  margin-bottom: 100px;
}
.software-updates__chosen {
  display: flex;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .software-updates__chosen {
    flex-direction: column;
    align-items: center;
  }
}
.software-updates__chosen-wrapper {
  color: #fff;
  max-width: 600px;
  margin: 0 auto;
}
.software-updates__chosen-wrapper.-active .software-updates__dropdown-title::before {
  transform: rotate(45deg);
}
.software-updates__chosen-wrapper.-active .software-updates__dropdown-wrapper {
  display: block;
}
.software-updates__chosen-title {
  font-size: 2rem;
  font-weight: 500;
}
.software-updates__chosen-subtitle {
  font-size: 2rem;
  margin-top: 20px;
  margin-bottom: 30px;
}
.software-updates__chosen-subtitle > a {
  color: #fff;
  text-decoration: underline;
}
.software-updates__chosen-image img {
  width: 150px;
}
.software-updates__dropdown {
  position: relative;
}
.software-updates__dropdown-title {
  cursor: pointer;
  box-sizing: border-box;
  width: 100%;
  height: 50px;
  padding-left: 15px;
  border-radius: 5px;
  background-color: #ff5353;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 2rem;
  position: relative;
}
.software-updates__dropdown-title::before {
  content: "+";
  position: absolute;
  font-size: 2.5rem;
  right: 5%;
  transition: transform 200ms ease-in-out;
}
.software-updates__dropdown-wrapper {
  background-color: #fff;
  border-radius: 10px;
  margin-top: 10px;
  top: 60px;
  color: #4d4d4d;
  box-sizing: border-box;
  padding: 20px;
  display: none;
}
.software-updates__dropdown-text {
  font-size: 2rem;
  margin-bottom: 20px;
}
.software-updates__dropdown-text.-highlight {
  font-weight: 500;
}
.software-updates__dropdown-link {
  display: block;
  color: #3e9fff;
  text-decoration: underline;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 20px;
}
.software-updates__text-image {
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1024px) {
  .software-updates__text-image {
    margin-bottom: 40px;
  }
}
.software-updates-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 350px;
  margin: 0 auto;
  margin-bottom: 70px;
}
@media (max-width: 1024px) {
  .software-updates-progress {
    max-width: 300px;
  }
}
.software-updates-progress__title {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}
.software-updates-progress__wrapper {
  margin: 0 auto;
}
.software-updates-progress__container {
  display: flex;
}
.software-updates-progress__value {
  animation: pageloading3 3s normal forwards;
  border-radius: 100px;
  background: #ff5353;
  height: 15px;
  width: 0;
}
.software-updates-progress__value.-complete {
  animation: pageloading 3s normal forwards;
  background: #00ff5d;
}
.software-updates-progress__value.-mid {
  animation: pageloading2 3s normal forwards;
  background: #00c2e1;
}
@keyframes pageloading2 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
@keyframes pageloading3 {
  0% {
    width: 0;
  }
  100% {
    width: 33%;
  }
}
.software-updates-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -9.5rem;
  margin-top: 9rem;
}
.software-updates-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}
.software-updates-progress:hover .software-updates-bubble {
  visibility: visible;
}
.software-updates-progress__value:hover {
  background: #fff;
}

.faq-breadcrumb.-modify {
  margin-top: 40px;
}

.moli {
  position: fixed;
  bottom: 200px;
  right: 100px;
  max-width: fit-content;
}
@media (max-width: 1024px) {
  .moli {
    bottom: unset;
    right: unset;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.moli.-active {
  z-index: 999;
}
.moli.-active .moli__container {
  opacity: 1;
}
.moli.-active::after {
  opacity: 1;
}
.moli__container {
  background-color: #071e32;
  width: 230px;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #00ffee8c;
  color: #fff;
  position: relative;
  opacity: 0;
}

@media(max-width: 1024px){
  .moli__container {
    width: 340px;
  }
}
.moli::after {
  content: "";
  position: absolute;
  bottom: -6px;
  right: -3px;
  border-right: 1px solid #00ffee8c;
  border-bottom: 1px solid #00ffee8c;
  background-color: #071e32;
  width: 20px;
  height: 20px;
  opacity: 0;
  transform: skew(45deg) rotate(25deg);
}
@media (max-width: 1024px) {
  .moli::after {
    display: none;
  }
}
.moli__text {
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 1.2rem;
}
.moli__search-container {
  position: relative;
}
.moli__search-input {
  width: 100%;
  height: 30px;
  border: none;
  border-radius: 15px;
  box-sizing: border-box;
  outline: none;
  padding-left: 30px;
  display: block;
  background-color: #001428;
  color: #fff;
}
.moli__search-icon {
  position: absolute;
  width: 15px;
  top: 50%;
  left: 8px;
  cursor: pointer;
  transform: translate(0, -50%);
}
.moli__link {
  color: #fff;
  margin-top: 10px;
  text-decoration: underline;
  font-size: 1.2rem;
  font-weight: 400;
  display: block;
}
.moli__search-icon-close {
  background-image: url(/euf/assets/motorola_v3/assets/moli-icon-clear.svg);
  background-repeat: no-repeat;
  background-size: 15px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 1;
  cursor: pointer;
  display: none;
}
.moli__search-icon-close.-active {
  display: block;
}
.moli__wrapper {
  position: relative;
}
.moli__icon-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  cursor: pointer;
}
.moli__image {
  position: absolute;
  bottom: -130px;
  right: 0;
  transform: translateX(100%) scaleX(-1);
  height: 150px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .moli__image {
    bottom:-300px;
    right:81px;
  }
}
.moli__star-container {
  width: 65%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.moli__star {
  width: 18px;
  height: 18px;
}

.my-products {
  padding-top: 50px;
}
.my-products__arrow-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .my-products__arrow-wrapper {
    flex-direction: column;
  }
}
.my-products__arrow-back {
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-products__arrow-back span {
  font-size: 2.5rem;
  margin-left: 15px;
}
@media (max-width: 1024px) {
  .my-products__arrow-back {
    justify-content: unset;
  }
}
.my-products__info-wrapper {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.my-products__info-image {
  width: 20px;
  height: 20px;
}
.my-products__info-text {
  color: #fff;
  margin-left: 10px;
  font-size: 1.6rem;
}
.my-products__info-text a {
  color: #fff;
  text-decoration: underline;
}
.my-products__info-text span {
  font-weight: 500;
}
.my-products__info-text-wrapper {
  max-width: 80%;
}
.my-products__add-device {
  margin: 0 auto;
  width: 250px;
  height: 300px;
  border-radius: 10px;
  border: 1px solid #00c2e17a;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  margin-top: 80px;
  background-color: #001426;
  position: relative;
}
.my-products__add-device:hover {
  content: "";
  filter: drop-shadow(0 0 2rem #dda83e66);
}
.my-products__add-device-text {
  color: #fff;
  margin-top: 15px;
  font-size: 1.4rem;
}
.my-products__add-device-text.-modify {
  font-weight: 500;
  margin-bottom: 10px;
}
.my-products__add-device-subtitle {
  color: #fff;
  margin-top: 5px;
}
.my-products__add-device-seal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40px;
  right: 10px;
  width: 120px;
  height: 25px;
  background-color: #fff;
}
.my-products__add-device-seal-motocare {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 120px;
  right: 10px;
  width: 210px;
  height: 25px;
}
.my-products__add-device-seal-motocare .my-products__moto-care-image {
  width: 150px;
}
.my-products__add-device-seal.-modify {
  color: #fff;
  background-color: #60506C;
  top: 10px;
  right: 10px;
}
.my-products__add-device-icon {
  width: 50px;
}
.my-products__add-device-icon.-modify {
  width: 50px;
}
.my-products__add-device-input {
  width: 80%;
  height: 30px;
  border-radius: 5px;
  padding: 10px;
  border: none;
  box-sizing: border-box;
  margin-bottom: 20px;
  outline: none;
}
.my-products__add-device-button {
  padding: 10px 30px;
  border-radius: 30px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}
.my-products__add-device-link {
  text-decoration: underline;
  color: #fff;
  font-size: 1.2rem;
  margin: 0 auto;
  margin-top: 30px;
  display: block;
  text-align: center;
}
.my-products__add-device-image {
  width: 150px;
}
.my-products__add-device-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.my-products__add-device-remove {
  color: #fff;
  margin-top: 15px;
  font-size: 1.5rem;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.my-products__add-device-remove a {
    color: white;
}
.my-products__add-device-wrapper {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .my-products__add-device-wrapper {
    flex-direction: column;
  }
}
.my-products__banner-container {
  background-image: url(/euf/assets/motorola_v3/assets/banner-my-products.png);
  min-height: 165px;
  display: flex;
  align-items: center;
  width: 100%;
}
.my-products__banner-container .my-products__banner-wrapper {
  width: 100%;
}
.my-products__banner-container .my-products__arrow-wrapper {
  margin-top: 15px;
  margin-left: 12px;
}
.my-products__banner-container .my-products__arrow-wrapper .my-products__arrow-back-image {
  width: 20px;
}
.my-products__banner-container .my-products__banner-text {
  font-size: 1.5rem;
  color: #fff;
  width: 100%;
  text-align: end;
  margin-right: 50px;
}
.my-products__container {
  display: flex;
}
@media (max-width: 1024px) {
  .my-products__container {
    flex-direction: column;
    align-items: center;
  }
}
.my-products__product-info {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  border-radius: 10px;
  max-height: 350px;
}
.my-products__product-info-image {
  width: 80px;
}
.my-products__product-info-title {
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.my-products__product-info-text {
  margin-bottom: 10px;
  color: #001426;
  font-size: 1.2rem;
}
.my-products__product-info-text span {
  font-weight: 600;
}
.my-products__product-info-text-wrapper {
  max-width: 80%;
}
.my-products__product-info-link {
  color: #001426;
  text-decoration: underline;
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.my-products__product-info-button {
  border: 1px solid #001426;
  padding: 10px;
  border-radius: 30px;
  color: #001426;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.my-products__product-info-button.-modify {
  border: none;
}
.my-products__product-text-container {
  margin-top: 20px;
  margin-left: 30px;
}
.my-products__product-text-title {
  color: #fff;
  font-size: 2.8rem;
}
.my-products__product-text-title span {
  font-weight: 500;
}
.my-products__product-text-text {
  color: #fff;
  font-weight: 100;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.my-products__product-text-link {
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  display: block;
  font-size: 1.5rem;
}
.my-products__product-radio {
  display: flex;
  margin-left: 10px;
  font-size: 1.4rem;
}
.my-products__product-radio-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.my-products__product-radio-wrapper:first-child {
  margin-right: 30px;
}
.my-products__product-radio-input {
  z-index: 2;
  opacity: 0;
  width: 21px;
}
.my-products__product-radio-input:checked + label::after {
  content: "";
  background-color: #FF5353;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-182%, -48%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.my-products__product-radio-input:not(:checked):hover + label::after {
  opacity: 0.2;
}
.my-products__product-radio-label {
  color: #fff;
  font-weight: 100;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  width: 200px;
}
.my-products__product-radio-label span {
  font-weight: 500;
}
.my-products__product-radio-label::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-150%, -50%);
  background-color: #fff;
}
.my-products__product-radio-line {
  text-decoration: line-through;
  font-size: 1rem;
  font-weight: 100;
}
.my-products__product-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FF5353;
  color: #fff;
  border-radius: 40px;
  border: none;
  height: 30px;
  width: 160px;
  margin-top: 20px;
  cursor: pointer;
}
.my-products__need-help {
  background-color: #fff;
  margin: 0 auto;
  margin-top: 40px;
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .my-products__need-help {
    max-width: 100%;
  }
}
.my-products__need-help-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  margin: 30px 0;
}
.my-products__need-help-title {
  color: #001426;
  font-size: 2rem;
  font-weight: 500;
  margin-top: 20px;
}
.my-products__need-help-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #001426;
  width: 110px;
  height: 110px;
}
.my-products__need-help-options:hover {
  background-color: #EBEBEB;
  border-radius: 5px;
}
.my-products__need-help-icon {
  width: 30px;
}
.my-products__need-help-text {
  text-align: center;
  margin-top: 10px;
  font-size: 1.2rem;
}
.my-products__moto-care-image {
  width: 200px;
}
.my-products__moto-care-image-wrapper {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.my-products__moto-care-image-wrapper span {
  color: #fff;
  font-style: italic;
  font-size: 1.2rem;
  line-height: 25px;
}
.my-products__moto-care-text {
  margin-top: 10px;
  color: #fff;
  font-weight: 100;
  font-size: 1.2rem;
}
.my-products__moto-care-link {
  color: #82C0E8;
  font-size: 1.2rem;
  margin-top: 20px;
  display: block;
}
.my-products__moto-care-link span {
  color: #fff;
}
.my-products__wrapper {
  margin-left: 20px;
}
@media (max-width: 1024px) {
  .my-products__wrapper {
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  .my-products__product-radio {
    display: block;
  }
  .my-products__product-radio-wrapper{
	margin-top: 20px;
  }
}

/* Popup */
.popup-cancel__profile {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 911;
}

.popup-cancel__profile.-active {
  display: flex;
}

.popup-cancel__overlay {
  width: 100%;
  height: 100%;
  background-color: #00000080;
  position: absolute;
}

.popup-cancel__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 550px;
  height: 430px;
  position: relative;
  z-index: 5;
}

.popup-cancel__btn-wrapper {
  display: flex;
  justify-content: space-evenly;
  width: 470px;
  margin-top: 2rem;
  border-top: 2px solid #c4d4dc;
  padding-top: 2rem;
}

.popup-cancel__btn {
  position: relative;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 15px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  background-color: #64546c;
}

.popup-cancel__btn.-modify {
  background-color: #ff5353;
}

.popup-cancel__title {
  font-size: 3rem;
  margin-bottom: 4rem;
  text-align: center;
  color: #000;
}

.popup-cancel__text {
  font-size: 1.2rem;
  line-height: 1.2;
  color: #000;
}

.popup-btn__wrapper {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 3rem;
}

/* Input Date */
.pop-up__input-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
  flex-direction: column;
  padding-right: 30px;
}

.pop-up__input {
  width: 220px;
  height: 50px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #ececec;
  border: none;
  font-size: 1.5rem;
  color: #000;
  outline: none;
}

.pop-up__input-wrapper span {
  position: absolute;
  top: 23px;
  right: 35px;
  color: #ff5353;
  font-size: 0.8rem;
  font-weight: 500;
}

.pop-up__label {
  margin-bottom: 1rem;
  font-size: 1rem;
}

/* Component Button File */
.popup-file__container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.popup .popup-file__trigger {
  display: flex;
  padding: 10px 45px;
  background: #dcdcdc;
  color: #000;
  transition: all 0.4s;
  cursor: pointer;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  border: none;
  height: 28px;
  width: 130px;
  font-size: 1.3rem;
}

.popup .popup-file {
  display: none;
}

.popup-return {
  margin: 0;
}

.popup-return:not(:empty) {
  margin: 1em 0;
}

.popup .popup-return {
  font-size: 0.9em;
  color: #000;
  margin-left: 1rem;
}

.popup .popup-return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}

.popup-file__icon {
  width: 20px;
  margin-right: 0.5rem;
}

/* Modal Confirm */
.modal-confirm__profile {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 911;
}

.modal-confirm__profile.-active {
  display: flex;
}

.modal-confirm__overlay {
  width: 100%;
  height: 100%;
  background-color: #00000080;
  position: absolute;
}

.modal-confirm__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  width: 300px;
  height: 160px;
  position: relative;
  z-index: 5;
  padding: 30px;
}

.modal-confirm__text {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: center;
}

.modal-confirm__btn-wrapper {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

.modal-confirm__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 15px;
  width: 100px;
  cursor: pointer;
  background-color: #ff5353;
  color: #fff;
}

.modal-confirm__img {
  width: 50px;
  margin-bottom: 1rem;
}

@media screen and (max-width: 900px) {
  .popup-btn__wrapper {
    justify-content: center;
    flex-direction: column;
  }

  .pop-up__input-wrapper {
    padding-right: 0;
  }

  .popup-file__container {
    margin-top: 2rem;
  }

  .popup-cancel__btn-wrapper {
    justify-content: space-evenly;
    width: 100%;
  }

  .popup-cancel__content {
    width: 365px;
    height: 500px;
  }

  .popup-cancel__text {
    margin: 0 1rem;
    text-align: left;
  }

  .popup-cancel__btn {
    width: 12.5rem;
  }
}
/* Contact us */
.background-contact__gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right top, #001428, #001428, #001428, #001428, #001428, #01152b, #01172f, #021832, #061a39, #0f1b40, #191c47, #241c4c);
}

.contact-container,
.contact-chat__link,
.contact-section__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contact-us__up,
.contact-chat__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-us__title {
  color: #ffffff;
  font-size: 2.5rem;
  margin: 3rem;
}

.contact-us__troubleshooter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 20vw;
  height: 38vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(/euf/assets/motorola_v3/assets/tutorial-search-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #00c2e17a;
  text-align: center;
  margin: 10px;
}

.contact-us__text-box {
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 2rem;
  line-height: 1.3;
}

.contact-us__btn {
  position: relative;
  background-color: #ffffff;
  border: 1px solid transparent;
  color: #001428;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.contact-us__chat {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 38vw;
  height: 38vh;
  border: 1px solid #00c2e17a;
  margin: 10px;
  background-image: linear-gradient(to top, #001426, #001c34, #002442, #002b51, #003360);
}

.contact-us__text-chat {
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  margin: 1rem 0;
}

.contact-chat__social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 120px;
  height: 130px;
  background-color: #001428;
  border-radius: 10px;
  margin: 15px;
}

.contact-chat__social.disabled,
.contact-chat__link.disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.contact-chat__img {
  width: 5rem;
}

.contact-chat__text {
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
}

.contact-chat__img-whatsapp {
  width: 5rem;
  margin: 1rem 0 2rem 0;
}

.contact-chat__img-facebook {
  width: 2.5rem;
  margin: 1rem 0;
}

.contact-section__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 33vh;
  border: 1px solid #00c2e17a;
  margin: 15px;
  background-image: linear-gradient(to top, #001426, #001c34, #002442, #002b51, #003360);
}

.contact-section__link {
  text-decoration: none;
}

.contact-section__img {
  width: 5rem;
  margin-bottom: 2rem;
}

.contact-us__down {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
}

.contact-section__wrapper.-modify {
  background-image: url(/euf/assets/motorola_v3/assets/video-search-image.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-section__text {
  font-size: 2rem;
  color: #ffffff;
}

.contact-section__text.-modify {
  margin-top: 10rem;
  line-height: 1.3;
}

.contact-section__img.-modify {
  margin: 1rem 0 3rem 0;
}

@media screen and (max-device-width: 900px) {
  .contact-us__up,
  .contact-chat__wrapper,
  .contact-us__down {
    flex-direction: column;
  }

  .contact-us__troubleshooter,
  .contact-section__wrapper {
    width: 100%;
  }

  .contact-us__chat {
    width: 100%;
    height: auto;
  }
}
/* Call us */
.call-container,
.call-container__section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.call-container__section {
  flex-direction: column;
}

.call-us__container,
.call-us__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.call-us__arrow {
  margin: 3rem 0;
}

.call-us__link {
  justify-content: center;
}

.call-us__icon {
  filter: invert(1);
  width: 3rem;
  margin: 10px;
}

.call-us__arrow-text {
  font-size: 2.5rem;
  color: #ffffff;
  text-decoration: none;
  margin-left: 2rem;
}

.call-us__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 1rem;
  max-width: 600px;
}

.call-us__title {
  color: #ffffff;
  font-size: 2.1rem;
  font-weight: bolder;
  margin: 2rem 0 1rem 1rem;
}

.call-us__text {
  color: #ffffff;
  font-size: 1.5rem;
  margin: 1rem 0 1rem 1rem;
  line-height: 1.3;
}

.call-us__bold {
  font-weight: 300;
}

.call-section__img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  margin-top: auto;
  margin-bottom: 7%;
}

.call-us__img {
  border-radius: 10px;
  width: 35rem;
  max-width: 35rem;
}

/* Call You */
.you-container__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.you-container,
.you-container__section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.you-container__section {
  flex-direction: column;
}

.call-you__container,
.call-you__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.call-you__arrow {
  margin: 3rem 0;
}

.call-you__link {
  justify-content: flex-start;
}

.call-you__icon {
  filter: invert(1);
  width: 3rem;
  margin: 10px;
}

.call-you__arrow-text {
  font-size: 2.5rem;
  color: #ffffff;
  text-decoration: none;
  margin-left: 2rem;
}

.call-you__title {
  color: #ffffff;
  font-size: 1.5rem;
  margin: 2rem 0 1rem 1rem;
}

.you-section__img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  margin-top: auto;
  padding-left: 5rem;
}

.call-you__img {
  border-radius: 10px;
  width: 30rem;
  max-width: 30rem;
}

.container-you__box {
  width: 46vw;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  max-width: 630px;
}

.you-box__btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 50px;
  border-radius: 10px;
  width: 6px;
  height: 1px;
  margin: 20px 30px;
}

@media (hover: hover) and (pointer: fine) {
  .you-box__btn:hover {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 50px;
    background-color: #ebebeb;
    border-radius: 10px;
    width: 6px;
    height: 1px;
  }
}
.you-box__icon {
  width: 30px;
  margin-bottom: 1rem;
}

.you-box__text {
  color: #001428;
  font-size: 1.5rem;
  width: 133px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.you-box__png {
  width: 45px;
  margin-bottom: 1rem;
}

@media screen and (max-device-width: 900px) {
  .you-container,
  .you-container__section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .you-container__section {
    flex-direction: column;
    text-align: left;
  }

  .you-container__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .container-you__box {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .you-section__img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: auto;
    padding-left: 0;
    padding-top: 4rem;
  }
}
/* Call Help */
.help-container__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.help-container,
.help-container__section {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}

.help-container__section {
  flex-direction: column;
}

.call-help__container,
.call-help__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.call-help__arrow {
  margin: 3rem 0;
}

.call-help__link {
  justify-content: flex-start;
}

.call-help__icon {
  filter: invert(1);
  width: 3rem;
  margin: 10px;
}

.call-help__arrow-text {
  font-size: 2.5rem;
  color: #ffffff;
  text-decoration: none;
  margin-left: 2rem;
}

.call-help__title {
  color: #ffffff;
  font-size: 1.5rem;
  margin: 2rem 0 1rem 1rem;
}

.help-section__img {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  margin-top: auto;
  padding-left: 5rem;
}

.call-help__img {
  border-radius: 10px;
  width: 30rem;
  max-width: 30rem;
}

.container-help__box {
  width: 46vw;
  height: 28.2rem;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  max-width: 630px;
  align-items: center;
}

.help-box__btn {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 80px;
  border-radius: 10px;
  width: 6px;
  height: 1px;
  margin: 20px 30px;
}

@media (hover: hover) and (pointer: fine) {
  .help-box__btn:hover {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    padding: 80px;
    background-color: #ebebeb;
    border-radius: 10px;
    width: 6px;
    height: 1px;
  }
}
.help-box__icon {
  width: 40px;
  margin-bottom: 1rem;
}

.help-box__text {
  color: #001428;
  font-size: 1.5rem;
  width: 133px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.help-box__png {
  width: 45px;
  margin-bottom: 1rem;
}

@media screen and (max-device-width: 900px) {
  .help-container,
  .help-container__section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .help-container__section {
    flex-direction: column;
    text-align: left;
  }

  .help-container__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .container-help__box {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
  }

  .help-section__img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: auto;
    padding-left: 0;
    padding-top: 4rem;
  }
}
/* Template Contact us */
.template-contact__chat {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 28.5vw;
  height: 38vh;
  border: 1px solid #00c2e17a;
  margin: 10px;
  background-image: linear-gradient(to top, #001426, #001c34, #002442, #002b51, #003360);
}

.template-contact__troubleshooter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 28.5vw;
  height: 38vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(/euf/assets/motorola_v3/assets/tutorial-search-image.png);
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #00c2e17a;
  text-align: center;
  margin: 10px;
}

.template-contact__btn {
  position: relative;
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.template-contact__btn:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}

@media screen and (max-device-width: 900px) {
  .template-contact__troubleshooter {
    width: 100%;
  }

  .template-contact__chat {
    width: 100%;
    height: auto;
  }
}
/* Help Form */
.help-form__container {
  margin-left: 1rem;
}

.help-form__wrapper {
  position: relative;
}

.help-form__titles {
  display: grid;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.3;
}

.help-form__data {
  margin-bottom: 2rem;
  height: 3rem;
  width: 18rem;
  border-radius: 2px;
  padding: 0px 0px 0px 10px;
  border: none;
  outline: none;
}

.help-form__close {
  background-image: url(/euf/assets/motorola_v3/assets/icons/icon-search-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 32px;
  left: 162px;
  z-index: 1;
  transform: translate(-10%, -10%);
  width: 36px;
  cursor: pointer;
  display: none;
}

.help-form__close.-modify {
  top: 45px;
}

.help-form__close.-active {
  display: block;
}

/* Checkbox */
.help-control__group {
  margin-left: 20rem;
  margin-bottom: 2rem;
  margin-top: -4.8rem;
}

.help-control {
  font-family: arial;
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 10px;
  color: #ffffff;
}

.help-control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.help-control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #001428;
  border: 1px solid #ffffff;
  border-radius: 3px;
}

.help-control__indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.help-control input:checked ~ .help-control__indicator:after {
  display: block;
}

.help-control__checkbox .help-control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Time Zone */
.help-control__time {
  margin-bottom: 1rem;
  text-align: left;
}

.help-control__select,
.help-control__asap {
  border-radius: 2px;
  padding: 8px 10px;
  font-size: 1rem;
  width: 65px;
  outline: none;
  border: none;
  margin-top: 1rem;
}

.help-control__asap {
  width: 100px;
}

.help-control__select__category {
  border-radius: 2px;
  padding: 8px 10px;
  font-size: 1rem;
  width: 100px;
  outline: none;
  border: none;
  margin-top: 1rem;
}

.help-control__select__devices {
  border-radius: 2px;
  padding: 8px 10px;
  font-size: 1rem;
  width: 200px;
  outline: none;
  border: none;
}

optgroup {
  font-size: 12px;
}

.Titles_Form {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: sans-serif;
  margin-top: 20px;
  margin-bottom: 20px;
}

.help-control__submit {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 3rem;
}

.help-form__time {
  color: #ffffff;
  font-size: 1.1rem;
  margin-right: 1rem;
}

.help-form__category {
  color: #ffffff;
  font-size: 15px;
  margin-right: 1rem;
}

.help-form__time.-modify {
  margin-left: 1rem;
}

.help-form__section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 auto;
  margin-top: -14.5rem;
  padding-left: 36rem;
}

.help-form__img {
  border-radius: 10px;
  width: 30rem;
  max-width: 30rem;
}

@media screen and (max-device-width: 900px) {
  .help-form__container {
    margin-top: 1;
  }

  .help-form__close {
    left: 165px;
    top: 33px;
  }

  .help-form__section {
    justify-content: center;
    margin-top: 1rem;
    padding-left: 0;
  }

  .help-control__submit {
    margin: 3rem auto;
  }

  .help-form__titles {
    max-width: 200px;
  }

  .help-control {
    max-width: 90px;
  }
}
@media screen and (max-device-width: 900px) {
  .help-form__close {
    left: 165px;
    top: 22px;
  }

  .help-form__close.-modify {
    top: 35px;
  }
}
.background-open__gradient-three {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right top, #3e8ddd, #3074b7, #235c93, #164571, #0a2f50, #082745, #061f3a, #041730, #0a1936, #121a3b, #1b1b40, #241c44);
}

.template-three__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}

.template-three__wrapper {
  background-color: #ffffff;
  border-radius: 10px;
  color: #011328;
  font-size: 1.5rem;
  padding: 10px 50px;
}

.template-three__title {
  font-size: 1.5rem;
  margin: 2rem 5rem;
  color: #011328;
  font-weight: 400;
}

/* Help Form */
.template-form__container {
  margin: 1rem 5rem;
}

.template-form__wrapper {
  position: relative;
}

.template-form__titles {
  display: grid;
  color: #011328;
  font-size: 1.5rem;
  line-height: 1.3;
}

.template-form__data {
  margin-bottom: 2rem;
  height: 3rem;
  width: 18rem;
  border-radius: 2px;
  padding: 0px 0px 0px 10px;
  border: none;
  outline: none;
  border: 1px solid #707070;
}

.template-form__close {
  background-image: url(/euf/assets/motorola_v3/assets/icons/icon-search-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 43px;
  left: 162px;
  z-index: 1;
  transform: translate(-10%, -10%);
  width: 36px;
  cursor: pointer;
  display: none;
}

.template-form__close.-modify {
  top: 45px;
}

.template-form__close.-active {
  display: block;
}

/* Checkbox */
.template-control__group {
  margin-left: 20rem;
  margin-bottom: 2rem;
  margin-top: -4.8rem;
}

.template-control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 1rem;
  color: #011328;
}

.template-control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.template-control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 3px;
}

.template-control__indicator:after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.template-control input:checked ~ .template-control__indicator:after {
  display: block;
}

.template-control__checkbox .template-control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #707070;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Time Zone */
.template-control__time {
  margin-bottom: 1rem;
  text-align: left;
}

.template-control__select,
.template-control__asap,
.template-control__drop {
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 1.5rem;
  width: 65px;
  outline: none;
  border: none;
  margin-top: 1rem;
  border: 1px solid #707070;
}

.template-control__drop {
  height: 3rem;
  width: 19rem;
  margin-bottom: 2rem;
}

.template-control__asap {
  width: 100px;
}

.template-control__submit {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 3rem;
}

.template-form__time {
  color: #011328;
  font-size: 1.5rem;
  margin-right: 1rem;
}

.template-form__time.-modify {
  margin-left: 1rem;
}

/* Checkbox */
.template-container__checkbox {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 2rem 0;
}

/* The switch */
.template-form__switch {
  font-size: 1rem;
  position: relative;
  display: flex;
  width: 3.5em;
  justify-content: center;
  margin-left: 3.9rem;
  margin-top: 1rem;
}

.template-form__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.template-form__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  transition: 0.4s;
  border-radius: 30px;
  border: 1px solid #011328;
}

.template-form__slider:before {
  position: absolute;
  content: "";
  height: 1.2em;
  width: 1.2em;
  border-radius: 20px;
  left: 0.3em;
  bottom: 0.3em;
  background-color: #001428;
  transition: 0.4s;
}

input:checked + .template-form__slider {
  background-color: #ffffff;
  box-shadow: 0 0 2px #fff;
}

input:checked + .template-form__slider:before {
  background-color: #001428;
}

input:checked + .template-form__slider:before {
  transform: translateX(1.5em);
}

.template-form__checkbox-yes {
  font-size: 1.5rem;
  color: #011328;
  margin-left: -1rem;
  justify-content: center;
  margin-bottom: -3rem;
  display: flex;
}

.template-form__checkbox-no {
  font-size: 1.5rem;
  color: #011328;
  margin-left: 6rem;
}

.template-form__area {
  width: 100%;
  height: 25vh;
  border-radius: 5px;
  border-style: none;
  outline-style: none;
  padding: 13px;
  border: 1px solid #011328;
  margin-bottom: 2rem;
}

.template-form__btn {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 3rem;
}

.template-control__cancel {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #011328;
  color: #011328;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 3rem;
}

/* Component Button File */
.template-form__upload {
  display: flex;
  align-items: center;
}

.template-form__file {
  position: relative;
  width: 225px;
}

.jsf .template-form__trigger {
  display: flex;
  padding: 10px 45px;
  background: #e6e6e6;
  color: #000;
  font-size: 1em;
  transition: all 0.4s;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

.jsf .template-form__input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}

.template-form__return {
  margin: 0;
}

.template-form__return:not(:empty) {
  margin: 1em 0;
}

.jsf .template-form__return {
  font-size: 0.9em;
  color: #011328;
  margin-left: 1rem;
}

.jsf .template-form__return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}

.template-form__icon {
  width: 20px;
  margin-right: 0.5rem;
}

@media screen and (max-device-width: 900px) {
  .template-form__container {
    margin-top: 1;
  }

  .template-form__close {
    left: 165px;
    top: 27px;
  }

  .template-form__close.-modify {
    top: 27px;
  }

  .template-control__submit,
  .template-control__cancel {
    margin: 3rem auto;
  }

  .template-form__titles {
    max-width: 200px;
  }

  .template-control {
    max-width: 90px;
  }

  .template-form__area {
    padding: 0;
  }
}
/* Software Drivers */
.background-drivers {
  width: 100%;
  height: 113vh;
  position: absolute;
  background-image: url(/euf/assets/motorola_v3/assets/background/layer-2-returns.png);
  background-position: 162vh 10vw;
  background-size: 50%;
  z-index: -1;
  background-repeat: no-repeat;
}

.background-drivers__gradient {
  width: 100%;
  height: 100%;
  background: radial-gradient(farthest-side at left bottom, #10302c 40%, #001428, #001428);
}

.container-drivers,
.container-drivers__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.container-drivers__wrapper {
  flex-direction: column;
}

.software-drivers__title {
  color: #ffffff;
  font-size: 3rem;
  margin: 2rem;
}

.software-drivers__text {
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 1.1;
  margin: 2rem;
}

.software-drivers__bold {
  font-weight: 400;
}

.software-drivers__wrapper {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  text-align: center;
  margin-top: -3rem;
}

.software-drivers__windows {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  border: 1px solid rgba(0, 194, 225, 0.2);
  margin: 4rem;
  padding: 2rem 2rem 0 2rem;
  min-height: 320px;
  max-height: 340px;
  max-width: 20vw;
  width: 20vw;
}

.software-drivers__icon {
  width: 50px;
  filter: invert(1);
}

.software-drivers__system {
  font-size: 2rem;
  color: #ffffff;
  margin: 1rem 0 -0.5rem 0;
  font-weight: 400;
}

.software-drivers__btn {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 19.5rem;
  display: flex;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  height: 35px;
  justify-content: center;
  align-items: center;
}

.software-drivers__text.-modify {
  line-height: 1.5;
}

.software-drivers__windows.-modify {
  padding: 2rem;
}

.software-drivers__p {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-top: 2rem;
}

.software-drivers__circle {
  background-color: transparent;
  border: 2px solid #ffffff;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-right: 1rem;
}

.software-drivers__section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -57rem;
}

@media screen and (max-device-width: 900px) {
  .software-drivers__wrapper {
    justify-content: center;
    flex-direction: column;
  }

  .software-drivers__windows {
    max-height: 340px;
    max-width: 65%;
    width: 65%;
  }

  .software-drivers__section {
    margin-left: 0;
  }
}
/* Moto Care FAQ */
.background-motocare {
  background-color: #001125;
  width: 100%;
  height: 100%;
}

.container-motocare__banner {
  display: flex;
  width: 100%;
  height: 28vh;
  background-image: url("/assets/images/banner-motocare.svg");
  background-size: cover;
  align-items: center;
  position: relative;
  justify-content: space-around;
}

.care-moto__logo {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
}

.care-moto__title {
  color: #fff;
  font-size: 5rem;
  letter-spacing: 1px;
}

.care-moto__bold {
  font-weight: 600;
}

.care-moto__text {
  color: #ffffff;
  font-size: 1.5rem;
}

.care-moto__lang {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
}

.care-moto__link {
  text-decoration: none;
  margin: 1rem;
  color: #ffffff;
  font-size: 1.5rem;
}

.container-motocare {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 3rem auto;
}

.moto-care__circle {
  background-color: #6495ed;
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 2rem;
  margin-left: 2rem;
  position: absolute;
}

.moto-care__tab-text {
  margin: 0 4rem;
}

.moto-care__input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.moto-care__row {
  display: flex;
  width: 80vw;
}

.moto-care__row .moto-care__col {
  flex: 1;
}

.moto-care__row .moto-care__col:last-child {
  margin-left: 1em;
}

.moto-care__tabs {
  overflow: hidden;
}

.moto-care__tab {
  width: 100%;
  color: #fff;
  overflow: hidden;
}

.moto-care__tab-label {
  display: flex;
  justify-content: space-between;
  padding: 2.5rem;
  background: #1b3851;
  cursor: pointer;
  font-size: 1.5rem;
  margin-top: 1px;
  align-items: center;
  padding-left: 6rem;
}

.moto-care__tab-label::after {
  content: "";
  width: 20px;
  height: 15px;
  min-width: 20px;
  transition: transform 200ms ease-in-out;
  background-image: url(/euf/assets/motorola_v3/assets/icon-down-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.moto-care__tab-content {
  max-height: 0;
  padding: 0 1rem;
  color: #fff;
  background: #001428;
  transition: all 0.35s;
}

.moto-care__input:checked + .moto-care__tab-label::after {
  transform: rotate(180deg);
}

.moto-care__input:checked ~ .moto-care__tab-content {
  max-height: 100vh;
  padding: 1em;
  font-size: 1.5rem;
}

@media screen and (max-device-width: 900px) {
  .container-motocare__banner {
    justify-content: center;
    flex-direction: column;
  }

  .care-moto__logo {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1rem;
  }

  .care-moto__lang {
    margin: 0 auto;
    flex-wrap: wrap;
  }

  .container-motocare {
    margin: 3rem auto -3rem -1.5rem;
  }

  .moto-care__tab-text {
    margin: 0 auto;
  }

  .moto-care__tab-label::after {
    margin-left: 1rem;
  }

  .moto-care__row .moto-care__col:last-child {
    margin-left: 0;
  }

  .moto-care__row {
    width: 95vw;
  }
}
/* Template Four */
.background-open__gradient-four {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right top, #3e8ddd, #3074b7, #235c93, #164571, #0a2f50, #082745, #061f3a, #041730, #0a1936, #121a3b, #1b1b40, #241c44);
}

.templates-four__container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}

.templates-four__wrapper {
  background-color: #ffffff;
  border-radius: 10px;
  color: #011328;
  font-size: 1.5rem;
  padding: 50px 100px;
  width: 38vw;
  max-width: 520px;
}

.templates-four__section-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}

.templates-four__h1 {
  font-size: 1.5rem;
  color: #011328;
  font-weight: 400;
  margin-right: 2rem;
}

.templates-control__1 {
  width: 100px;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 1.5rem;
  outline: none;
  border: none;
  border: 1px solid #707070;
  margin-top: 12px
}

.templates-four__h2 {
  font-size: 1.5rem;
  color: #011328;
  font-weight: 400;
  margin: 3rem 0;
}

.templates-four__span {
  margin: 2rem 0;
}

/* Help Form */
.templates-four__form-1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.templates-four__form-1.-modify {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}

.templates-form__wrapper {
  position: relative;
}

.templates-form__titles {
  display: grid;
  color: #011328;
  font-size: 1.5rem;
}

.templates-form__data {
  margin-bottom: 2rem;
  height: 3.5rem;
  width: 21rem;
  border-radius: 5px;
  padding: 0px 0px 0px 10px;
  border: none;
  outline: none;
  border: 1px solid #707070;
}

.templates-form__close {
  background-image: url(/euf/assets/motorola_v3/assets/icons/icon-search-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 40px;
  left: 195px;
  z-index: 1;
  transform: translate(-10%, -10%);
  width: 36px;
  cursor: pointer;
  display: none;
}

.templates-form__close.-active {
  display: block;
}

.templates-control__drop {
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 1.5rem;
  width: 65px;
  outline: none;
  border: none;
  margin-top: 2rem;
  border: 1px solid #707070;
  height: 3.5rem;
  width: 22rem;
  margin-bottom: 2rem;
}

/* Component Button File */
.templates-form__upload {
  display: flex;
  align-items: center;
}

.templates-form__file {
  position: relative;
  width: 225px;
}

.jsfs .templates-form__trigger {
  display: flex;
  padding: 10px 45px;
  background: #e6e6e6;
  color: #000;
  font-size: 1em;
  transition: all 0.4s;
  cursor: pointer;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

.jsfs .templates-form__input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 225px;
  opacity: 0;
  padding: 14px 0;
  cursor: pointer;
}

.templates-form__return {
  margin: 0;
}

.templates-form__return:not(:empty) {
  margin: 1em 0;
}

.jsfs .templates-form__return {
  font-size: 0.9em;
  color: #011328;
  margin-left: 1rem;
}

.jsfs .templates-form__return:not(:empty):before {
  content: "";
  font-style: normal;
  font-weight: normal;
}

.templates-form__icon {
  width: 20px;
  margin-right: 0.5rem;
}

/* Text Area */
.templates-form__area {
  width: 95%;
  height: 25vh;
  border-radius: 5px;
  border-style: none;
  outline-style: none;
  padding: 13px;
  border: 1px solid #011328;
  margin-bottom: 2rem;
}

.templates-control__submit {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.templates-form__text-1 {
  font-size: 1rem;
}

.templates-form__link {
  color: #011328;
  text-decoration: underline;
}

.templates-four__form-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}

.templates-form__wrapper.-modify {
  margin-top: 2.5rem;
}

.templates-form__data.-modify {
  margin-bottom: 0;
}

@media screen and (max-device-width: 900px) {
  .templates-four__wrapper {
    padding: 30px 10px;
    width: 100%;
  }

  .templates-four__section-1 {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    margin-bottom: 1rem;
    flex-direction: column;
  }

  .templates-four__form-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .templates-control__drop {
    margin-top: 1rem;
  }

  .templates-form__text-1 {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    max-width: 220px;
    padding: 1rem 0;
  }

  .templates-four__form-2 {
    flex-direction: column;
  }

  .templates-form__area {
    width: 80vw;
    margin-top: 1rem;
  }

  .templates-form__data,
  .templates-form__file,
  .templates-control__submit {
    margin-top: 1rem;
  }

  .templates-form__close {
    top: 37px;
  }

  .templates-form__text-1.-modify {
    max-width: 100%;
  }
}
/* Country Selector */
.background-country {
  width: 100%;
  height: 113vh;
  position: absolute;
  background-image: url(/euf/assets/motorola_v3/assets/background/layer-2-returns.png);
  background-position: 156vh 10vw;
  background-size: 61%;
  z-index: -1;
  background-repeat: no-repeat;
}

.background-country__gradient {
  width: 100%;
  height: 100%;
  background: radial-gradient(farthest-side at left bottom, #103457 40%, #001428, #001428);
}

.background-country__map {
  width: 100%;
  height: 174vh;
  position: absolute;
  background-image: url(/euf/assets/motorola_v3/assets/background/world-map.svg);
  background-position: 45vh 30vw;
  background-size: 60%;
  z-index: -1;
  background-repeat: no-repeat;
}

.container-country {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.country-selector__title {
  color: #fff;
  font-size: 5rem;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.country-selector__bold {
  font-weight: 600;
}

.country-selector__sub-title {
  font-size: 1rem;
  color: #ffffff;
  text-transform: uppercase;
}

.country-selector__wrapper {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  text-align: center;
}

.country-selector__section {
  margin: 4rem;
}

.country-selector__ul {
  margin-top: 1rem;
}

.country-selector__title-zone {
  color: #d84d50;
  font-size: 1.5rem;
  line-height: 2;
  font-weight: 400;
  text-transform: uppercase;
}

.country-selector__link {
  text-decoration: none;
  font-size: 1.5rem;
  color: #ffffff;
  line-height: 1.8;
}

@media screen and (max-device-width: 900px) {
  .country-selector__title {
    color: #6cbf60;
  }

  .country-selector__title-zone {
    color: #ffffff;
    text-align: left;
  }

  .country-selector__link {
    color: #000;
  }

  .country-selector__ul {
    display: none;
    text-align: left;
    background-color: #ffffff;
    padding: 2rem;
    margin: 0 auto;
    line-height: 4;
  }

  .country-selector__ul.-active {
    display: block;
  }

  .country-selector__drop {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .country-selector__drop.-active .country-selector__arrow {
    transform: rotate(180deg);
  }

  .country-selector__arrow {
    content: "";
    width: 20px;
    height: 15px;
    min-width: 20px;
    transition: transform 200ms ease-in-out;
    background-image: url(/euf/assets/motorola_v3/assets/icon-down-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .country-selector__wrapper {
    flex-direction: column;
    width: 100%;
    margin-top: 4rem;
  }

  .country-selector__section {
    margin: 1rem;
  }
}
.track-repair-breadcrumb {
  padding: 20px 0;
  color: #b5aeb4;
  display: flex;
  align-items: center;
  width: 100%;
}
.track-repair-breadcrumb__text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.track-repair-breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}
.track-repair-breadcrumb__text.-active {
  color: #fff;
}
.track-repair-breadcrumb__home-icon {
  width: 30px;
}
.track-repair__banner {
  width: 100%;
  height: 230px;
  object-fit: cover;
  position: absolute;
  z-index: -1;
}
.track-repair__title {
  font-size: 3rem;
  color: #fff;
}
.track-repair__text {
  font-size: 1.5rem;
  color: #fff;
  width: 100%;
  max-width: 700px;
  margin-top: 30px;
}
.track-repair__wrapper {
  margin-top: 130px;
}
.track-repair__search {
  align-items: center;
}
@media (max-width: 1024px) {
  .track-repair__search {
    flex-direction: column;
  }
}
.track-repair__search-text {
  color: #fff;
  font-weight: 500;
  font-size: 1.4rem;
  margin-right: 40px;
}
@media (max-width: 1024px) {
  .track-repair__search-text {
    margin: 0;
  }
}
.track-repair__search-input {
  font-size: 1.3rem;
  padding: 15px;
  border-radius: 5px;
  border: none;
  width: 215px;
  height: 43px;
  outline: none;
  margin-left: 20px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .track-repair__search-input {
    margin: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.track-repair__search-button {
  margin-left: 20px;
  width: 180px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  background-color: #009bff;
  border: none;
  outline: none;
  height: 40px;
  border-radius: 30px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .track-repair__search-button {
    margin: 0;
  }
}
.track-repair__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .track-repair__table {
    min-width: 1024px;
  }
  .track-repair__table-wrapper {
    width: 100%;
    overflow-x: scroll;
  }
}
.track-repair__table-header-title {
  padding: 20px;
  font-size: 1.5rem;
  color: #001428;
  font-weight: 500;
  text-align: left;
}
.track-repair__table-content {
  color: #fff;
  font-size: 1.5rem;
  border-bottom: 1px solid #7b858f;
}
.track-repair__table .track-repair__table-content:last-child {
  border: none;
}
.track-repair__table-text {
  padding: 20px;
  padding-bottom: 20px;
  color:#001428;
}
.track-repair__table-text.-imei {
  font-size: 0px;
}
.track-repair__table-text.-imei span {
  font-size: 1.5rem;
}
.track-repair__table-text-number {
  display: none;
}
.track-repair__table-text-number.-active {
  display: inline;
}
.track-repair__table-text-asterisk {
  display: none;
}
.track-repair__table-text-asterisk.-active {
  display: inline;
}
.track-repair__table-toggle {
  display: flex;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
  position: relative;
  top: 10px;
}
.track-repair__table-toggle.-active {
  opacity: 1;
}

.troubleshooterlas__title{
  font-size: 46px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
  text-align: center;
  margin:20px;
}

.troubleshootersublast__text{
  font-size: 29px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
  margin:20px;
  text-align: center;
}

.troubleshooterGoback__button{
  margin:20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;

  background: #60516C 0% 0% no-repeat padding-box;
  border-radius: 7px;
  opacity: 1;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
}

.troubleshooterNext__button{

  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #FF5353 0% 0% no-repeat padding-box;
  border-radius: 7px;
  opacity: 1;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
}



.troubleshooter-btns-lastStap{
  margin-left: 38%;
  margin-right: 38%;
  margin-top: 10%;
  margin-bottom: 10%;
}

@media(max-width: 1024px){

  .troubleshooterlas__title{
    font-size: 26px;
    font-family: "Gotham", sans-serif;
    color: #FFFFFF;
    text-align: center;
    margin:20px;
  }
  .troubleshootersublast__text{
    font-size: 14px;
    font-family: "Gotham", sans-serif;
    color: #FFFFFF;
    margin:20px;
    text-align: center;
  }
  .troubleshooterGoback__button{
    margin:20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;

    background: #60516C 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    font-size: 12px;
    font-family: "Gotham", sans-serif;
    color: #FFFFFF;
  }

  .troubleshooterNext__button{

    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #FF5353 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    font-size: 12px;
    font-family: "Gotham", sans-serif;
    color: #FFFFFF;
  }



  .troubleshooter-btns-lastStap{
    margin-left: 10%;
    margin-right: 0%;
    margin-top: 10%;
    margin-bottom: 10%;
  }


}


@media(max-width: 1024px){
  .shelf-product__container{
    display:block
  }

  .btn-devices{
    font-size: 13px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

.panel-wrapper {
  position: relative;
  display: flex;
  justify-content: center;

}

.btn .btn-devices {
  color: #fff;
  background: #000;
  border-radius: 1.5em;
  left: 30%;
  padding: 1em;
  text-decoration: none;
  width: 40%;
}
.show, .hide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
}

.hide {display: none;}
.show:target {display: none;}
.show:target ~ .hide {display: block;}
.show:target ~ .panel {
  max-height: 100000px;
}
.show:target ~ .fade {
  margin-top: 0;
}

.panel {
  position: relative;
  margin: 2em auto;
  width: 100%;
  max-height: 230px;
  overflow: hidden;
  padding-bottom: 20px;
  transition: max-height 0.5s;
}

.fade {
  height: 100px;
  margin-top: -100px;
  position: relative;
}

.btn-devices{
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #FF5353 0% 0% no-repeat padding-box;
  border-radius: 50px;
  opacity: 1;
  font-size: 14px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
}


.background-tracker{
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  background-image: url(/euf/assets/motorola_v3/assets/background/Rectangle\ 2\ copy.png);
  z-index: -1;
  background-repeat: no-repeat;
  overflow-x: hidden;
  overflow-y: hidden;
}

.repair-track__wrapper-date1{
  display: flex;
  justify-content:space-around;

}

.progress-bar__repair1{
  padding: 40px 50px 0 50px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 90%;
  height: 14px;
  display: flex;
  align-items: center;
}

.progress-bar__repair1 .dot{
  background-color: #aaa;
  max-width: 14px;
  height: 14px;
  flex-grow: 1;
  border-radius: 50%;
  border: 3px solid #fff;

}
.progress-bar__repair1 .dot{
  background-color: #aaa;
  max-width: 14px;
  height: 14px;
  flex-grow: 1;
  border-radius: 50%;
  border: 3px solid #fff;
}

.progress-bar__repair1 .blue{
  background-color: #1e90ff;

}



.progress-bar__repair1 .bar{
  background-color: #aaa;
  flex-grow: 1;
  height: 2px;
}

.repair-track__wrapper-status{
  display: flex;
  justify-content: space-around;
  margin-left: 1rem;
  margin-top: 2rem;

}

.repair-track__status1{

  color: #FFFFFF;
  font-size: 15px;
  text-align: center;


}

.track-status-sortby{
  display: flex;
}

@media(max-width: 1024px){
  .track-status-sortby{
    display :block;
  }

  .div-track-title{
    margin:5%;
    width:100% !important;
  }

  .track-repair__wrapper{
    width: 100% !important;
  }
  .track-label-input-check {
    font-size: 12px !important;
  }
}

.div-track-title{
  margin:5%;
  width:50%;
}

.track-repair__wrapper{
  margin:6%;
  width:50%;

}

.track-label-input-check{
  font-size:15px;
  color:#fff;
  font-weight: 'Gotham',sans-serif;
}

.divCheck1,
.divCheck3{
  display: flex;
  margin-bottom: 20px;
}

.track-search-form{
  margin-top: 20px;
}

.first-Input{
  width:50%;
}


.second-Input{
  width:50%;
}

.track-repair-search-button{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #FF5353 0% 0% no-repeat padding-box;
  border-radius: 50px;
  opacity: 1;
  font-size: 12px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
  margin-left: 20px;
  border:none;
}

.track-repair-search-input{
  width: 44%;
  height: 25px;

}

.repair-track__wrapper-mobile{
  display: none;
  margin:10px

}

@media(max-width: 1024px){
  .repair-track__wrapper-mobile{
    display: block;

  }

}

/* @media(max-width: 1024px){
  .repair-track__wrapper-mobile{
    display:block;
    margin-top: 15%;
  }
} */

.track-titles-container{
  font-size: 15px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
}

.repair-track__status2Mobile{
  font-size: 12px;
  font-family: "Gotham", sans-serif;
  color: #FFFFFF;
  justify-content: center;
  display: flex;
}

.titles-Container{
  display: flex;
  justify-content:space-around;
}

@media(max-width: 1024px){
  .titles-Container{

    display:none

  }
}


.repair-track__date11{
  background-image: url(/euf/assets/motorola_v3/assets/icons/Icon-material-settings.png);
  width:40px;
  height: 40px;
  background-repeat: no-repeat;

}

@media(max-width: 1024px){
  .repair-track__date11{
    background-image: url(/euf/assets/motorola_v3/assets/icons/Icon-material-settings.png);
    width:40px;
    height: 40px;
    background-repeat: no-repeat;
    margin-left: 48%;

  }
}
.repair-track__date22{
  background-image: url(/euf/assets/motorola_v3/assets/icons/Icon-awesome-screwdriver.png);
  width:40px;
  height: 40px;
  background-repeat: no-repeat;

}
.repair-track__date33{
  background-image: url(/euf/assets/motorola_v3/assets/icons/Icon-awesome-box.png);
  width:40px;
  height: 40px;
  background-repeat: no-repeat;

}
.repair-track__date44{
  background-image: url(/euf/assets/motorola_v3/assets/icons/Icon-metro-truck.png);
  width:40px;
  height: 40px;
  background-repeat: no-repeat;

}
.repair-track__date55{
  background-image: url(/euf/assets/motorola_v3/assets/icons/Subtraction\ 60.png);
  width:40px;
  height: 40px;
  background-repeat: no-repeat;

}

.section-progress{
  margin-top: 5%;
}

@media(max-width: 1025px){
  .section-progress{
    display:none !important;
  }
}


.check-status__button {
  width: 150px;
  height: 45px;
  border-radius: 30px;
  color: #fff;
  background-color: #009BFF;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .check-status__button {
    margin-bottom: 15px;
  }
}


.searchByDiv{
  display: flex;
  justify-content:space-around
}

.labelSearch{
  font-size:18px;
  color: #001428;
  font-weight:bold;
  font-family: "Gotham", sans-serif;


}

.selectSearch{
  margin-top:20px;
}

.searchBy-select-input{
  width: 150px;
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 6px;
  opacity: 1;
  font-size:15px;
  color: #001428;
  font-family: "Gotham", sans-serif;
}

.search-input-order-track{
  margin-top:20px;
  width: 250px;
  height: 40px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #707070;
  border-radius: 3px;
  opacity: 1;
  font-size:15px;
  color: #001428;
  font-family: "Gotham", sans-serif;

}

.closeStatusBarTracker{
  background-image: url(/euf/assets/motorola_v3/assets/icons/close.png);
  width: 30px;
  height: 30px;
  display:flex;
  float: right;
}

.blueEyes{
  margin-top: -20px;
  margin-left: -10px;
}

.loading-div{
  display:flex;
}

.loading-spinner{
  width:40px;
  height:40px;
}

.input-validate-text{

  color:red;
  font-size:12px;
}


.icon{
  color:#1e90ff;

}

.icon::before{
  font-size: 2.5rem;
  height: 62px;
  font-family: mototrackrepair !important;
  line-height: 58px;
  width: 62px;
}

.i_order_created:before{
  content:"";
  margin-left: 10rem;

}

.i_shipped:before{
  content:"";
  margin-left: 22rem;

}

.i_original_device:before{
  content:"";
  margin-left: 20rem;

}

.i_shipped2:before{
  content:"";
  margin-left: 21rem;

}

.i_delivered:before{
  content: "";
  margin-left: 20rem;

}


@media(max-width: 1025px){
  .i_order_created:before{

    justify-content: center;
    display: flex;
    margin:auto;
    align-items: center;
  }

  .i_shipped:before{

    justify-content: center;
    display: flex;
    margin:auto;
    align-items: center;
  }

  .i_original_device:before{

    justify-content: center;
    display: flex;
    margin:auto;
    align-items: center;
  }

  .i_shipped2:before{
    justify-content: center;
    display: flex;
    margin:auto;
    align-items: center;

  }

  .i_delivered:before{

    justify-content: center;
    display: flex;
    margin:auto;
    align-items: center;
  }

}



#map {
  height: 100%;
}

 


.tittle_pages {
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 1024px) {
  .tittle_pages {
    font-size: 25px;
  }
}

body {
  /*font-size: 16px;
  
  background-color: #001426;*/
}

main {
  /*display: grid;
  max-width: 100%;
  margin: 0 0.75rem;*/
}

@media(max-width: 1024px) {
  main{
    margin: 0px;
  }
}

header {
  width: 100%;
  height: 3rem;
  z-index: 99;
}

/*footer {
  margin-top: 1.25rem;
  text-align: center;
  background-color: #d8d8d8;
  padding-top: 0.625rem;
}*/

a {
  color: #cf4039;
  text-decoration: underline;
  text-decoration-color: transparent;
}

input {
  font-family: revert;
}

.card {
  border-radius: 0.25rem;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.938rem 0 rgba(0, 0, 0, 0.1);
}

.card-button {
  box-sizing: border-box;
  font-size: 1.188rem;
  height: 6.688rem;
  width: 9.875rem;
  border: 1px solid #e3e3e3;
  border-radius: 0.25rem;
  background-color: #ffffff;
}
.card-button :hover {
  box-shadow: 0 0.125rem 0.938rem 0 rgba(0, 0, 0, 0.1);
  border: none;
}
.card-button a {
  color: #212529;
  text-decoration-color: transparent;
}

.header-logo {
  height: 3rem;
}

.header-brand {
  text-align: center;
  display: block;
  position: absolute;
  top: 0.25rem;
  right: 45vw;
  z-index: 1031;
  margin: 0 0.5rem 0 1.06rem;
}
@media only screen and (min-width: 992px) {
  .header-brand {
    position: initial;
  }
}

.header-button {
  height: 2.5rem;
  width: 48%;
  border-radius: 0.25rem;
  background-color: #5c92fa;
  color: #ffffff;
  border: none;
  padding: 0 0.25rem;
}

.header-buttons {
  margin-right: 1rem;
  width: 15vw;
  visibility: hidden;
  max-height: 3rem;
}
@media only screen and (min-width: 992px) {
  .header-buttons {
    visibility: visible;
  }
}

.page-title {
  font-size: 1.5rem;
}

.default-input-box {
  box-sizing: border-box;
  border: 1px solid #bcbcbc;
  border-radius: 0.25rem;
  background-color: #ffffff;
}

.instruction-text {
  font-size: 0.875rem;
}

.nav-link {
  color: #ffffff !important;
  font-size: 17px;
  font-family: "Gotham book";
}

.nav-item {
  margin: 10px;
}

.nav-link:hover {
  color: #1b3851 !important;

  transition: 0.2s;
}

.navbar {
  padding: 0;
  border-bottom: 1px solid #e3e3e3;
  background: #020f19;
}
.navbar.hidden {
  visibility: hidden;
}

.navbar-light .navbar-toggler {
  color: #000000;
  border: none;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
}

.navbar-toggler:focus {
  outline: none;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  border-radius: 50px;
  font-size: 14px;
  height: 42px;
  height: 44px;
  max-width: 205px;
  width: 180px;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;
  
  border: none;
  color: white;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #757575;
  background-color: #ffffff;
  border-color: #bcbcbc;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  
  font-size: 16px;
  background: none;
  color: #fff;
  border: none;
  outline: none;
  vertical-align: middle;
  height: 44px;
  max-width: 323px;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  border: 1px solid #fff;
}

.span__bold {
  font-weight: 600;
  margin-right: 5px;
}

.breadcrum-div {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}

.link_breadcrumb {
  text-decoration: none;
  
  font-size: 12px;
  color: #00ffdc !important;
  margin: 10px;
  padding: 20px;
}

@media (max-width: 1024px) {
  .link_breadcrumb {
    font-size: 10px;
    padding-top: 22px !important;
    padding: 0px;
  }
}

@media (max-width: 1024px) {
  .breadcrum-div {
    display: block;
    align-items: center;
    justify-content: center;
    padding: 5px;
  }
}

.breadcrumb-right {
  
  background-color: #001426;
  z-index: 1;
  color: #ffff;
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: right;
  font-size: 14px;
  margin-top: -15px;
}

@media (max-width: 1024px) {
  .breadcrumb-right {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    margin-top: 20px;
    display: grid;
  }
}

.breadcrumb {
  background-color: #001426;
  font-size: 14px;
  padding: 10px 0;
  
  color: #b5aeb4;
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: left;
}

@media (max-width: 1024px) {
  .breadcrumb {
    width: 100%;
    text-align: center;
    font-size: 10px;
  }

  .breadcrumb__text {
    color: #fff;
    font-size: 10px;
  }

  .breadcrumb__text::before {
    content: "•";
    font-size: 6px;
    margin: 0 5px;
  }
}

.breadcrumb__text {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
}
.breadcrumb__text::before {
  content: "•";
  font-size: 3rem;
  margin: 0 5px;
}
.breadcrumb__text.-active {
  color: #fff;
}
.breadcrumb__home-icon {
  width: 30px;
}

.separator {
  box-sizing: border-box;
  height: 2px;
  width: 100%;
  border: 1px solid #e3e3e3;
  margin: 1.5rem 0;
}

/*standard section block*/
.section {
  margin-top: 0.94rem;
  font-size: 0.88rem;
}
.section.device-info {
  margin-top: 0;
}
.section__heading {
  font-size: 14px;
  font-family: "Gotham bold";
  color: #ffff;
}
.section__body {
  font-weight: 100;
  font-size: 0.81rem;
  line-height: 1rem;
}
.section__body--bold {
  font-weight: 600;
}

/*icons*/
span.icon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  display: inline-block;
}
span.icon--pencil {
  background-image: url("/euf/assets/motorola_v3/assets/images/pencil.svg");
}
span.icon--star {
  background-image: url("/euf/assets/motorola_v3/assets/images/star-fill-primary.svg");
}
span.icon--arrow-left {
  background-image: url("/euf/assets/motorola_v3/assets/images/arrow-left-short-primary.svg");
}
span.icon--plus {
  background-image: url("/euf/assets/motorola_v3/assets/images/plus-primary.svg");
}
span.icon--chevron-up {
  background-image: url("/euf/assets/motorola_v3/assets/images/chevron-up.svg");
  fill: white;
  filter: brightness(10);
  height: 20px !important;
  width: 20px !important;
}
span.icon--chevron-down {
  background-image: url("/euf/assets/motorola_v3/assets/images/chevron-down.svg");
  display: none;
}
span.icon--info-circle-primary {
  background-image: url("/euf/assets/motorola_v3/assets/images/info-circle-primary.svg");
  fill: white;
  filter: brightness(10);
  height: 20px !important;
  width: 20px !important;
}

.device-info {
  display: block;
  width: auto;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 0.25rem 0.94rem 0.75rem 0.94rem;
  border-color: lightgray;
  z-index: 99;
  font-size: 0.88rem;
  border-radius: 3px;
  line-height: 1rem;
  overflow-x: hidden;
  white-space: nowrap;
  margin-top: 0.94rem;
  padding: 10px;
}
.device-info.sticky {
  margin-top: 0;
  position: fixed;
  top: 0;
  left: 0;
}
.device-info__image {
  height: 6.12rem;
  width: 6rem;
  background-image: url("/euf/assets/motorola_v3/assets/images/moto_g7_power.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  display: inline-block;
  float: left;
}
.device-info__content {
  overflow-x: hidden;
  display: block;
}
.device-info__button {
  display: inline-block;
  float: right;
  padding-left: 0.62rem;
  border: 0;
  font-weight: 400;
  position: relative;
  z-index: 50;
}
.device-info__button a {
  font-size: 0.81rem;
  cursor: pointer;
}
.device-info__button.view {
  display: block;
}
.device-info__button.hide {
  display: none;
}
.device-info__name {
  font-size: 1rem;
  line-height: 1.38rem;
  font-weight: 600;
}
.device-info__imei {
  display: inline-block;
}
.device-info__status {
  display: inline-block;
  margin-left: 0.62rem;
}
.device-info__status.in-warranty {
  color: #001426;
}
.device-info__status.out-of-warranty {
  color: #001426;
}
.device-info__problem {
  color: gray;
  display: block;
  font-size: 10px;
  line-height: 16px;
}
.device-info__mail-in {
  color: gray;
  display: block;
  white-space: normal;
}
.device-info__details {
  display: none;
  white-space: normal;
}
.device-info__details-title {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 1.38rem;
}
.device-info__details-heading {
  font-weight: 600;
  margin-top: 0.5rem;
}
.device-info__details-body {
  margin-top: 0.5rem;
}
.device-info.show-details .device-info__problem {
  display: none;
}
.device-info.show-details .device-info__mail-in {
  display: none;
}
.device-info.show-details .device-info__details {
  display: block;
}
.device-info.show-details .device-info__button.view {
  display: none;
}
.device-info.show-details .device-info__button.hide {
  display: block;
}

/*timeline block*/
.timeline-block .timeline-item.timeline-item__line--spacer {
  background-color: lightgray;
  height: 0.06rem;
}

.timeline-block .timeline-item__number-group {
  text-align: center;
  height: 1.69rem;
}

.timeline-block .timeline-item__number {
  padding-top: 0.12rem;
  font-size: 0.81rem;
  font-weight: 600;
  border: 0.06rem solid gray;
  color: gray;
  height: 1.62rem;
  width: 1.62rem;
  border-radius: 1.25rem;
  text-align: center;
}

.timeline-block .timeline-item__line {
  height: 0.06rem;
  background-color: lightgray;
}
.timeline-block .timeline-item__line--spacer {
  margin-top: 0.81rem;
}

.timeline-block .timeline-item__desc {
  margin-top: 0.25rem;
  line-height: 0.94rem;
  font-size: 0.81rem;
  text-align: center;
}

.timeline-block .timeline-item.checked .timeline-item__number {
  border-color: #6ac346;
  background-color: #6ac346;
  background-image: url("/euf/assets/motorola_v3/assets/images/check-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
}

.timeline-block .timeline-item.checked .timeline-item__line {
  background-color: #6ac346;
}

.timeline-block .timeline-item.checked.timeline-item__line--spacer {
  background-color: #6ac346;
}

.timeline-block .timeline-item.current .timeline-item__number {
  border-color: #6ac346;
  color: #6ac346;
}

.timeline-block .timeline-item.current .timeline-item__line--left {
  background-color: #6ac346;
}

.timeline-block .timeline-item.current .timeline-item__desc {
  font-weight: 600;
}

.timeline-block .timeline-item.current.timeline-item__line--spacer {
  background-color: #6ac346;
}

.form-control {
  height: 3.438rem;
}

.form-label-group {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
}
.form-label-group > input,
.form-label-group > label {
  padding-left: 3rem;
  
  font-size: 12px;
  width: -webkit-fill-available;
  color: black;
  outline: none;
  color: #001426;
}
.form-label-group > label,
.form-label-group .input-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  visibility: hidden;
  width: 100%;
  margin-bottom: 0;
  line-height: 3.25;
  color: #545454;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: all 0.1s ease-in-out;
}
.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group .input-group input:not(:placeholder-shown) ~ label {
  line-height: 1.75;
  font-size: 0.75rem;
  color: #545454;
  visibility: visible;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .navbar.hidden {
    visibility: unset;
  }
  .section {
    font-size: 1rem;
  }
  .section__body {
    font-size: 1rem;
    line-height: 1.12rem;
  }
  .device-info {
    font-size: 1rem;
    line-height: 1.12rem;
  }
  .device-info__name {
    font-size: 1.12rem;
    line-height: 1.5rem;
  }
  .device-info__button {
    float: right;
  }
  .device-info.sticky {
    margin-top: unset;
    position: unset;
    top: unset;
    left: unset;
  }
  .device-info__details-title {
    font-size: 1.12rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to add_new_device.html page*/
#add-new-device main a {
  color: #80bdff;
}

#add-new-device .section__edit-button {
  display: inline-block;
  float: right;
  margin-left: 0.62rem;
  padding: 0;
  border: 0;
  margin-top: 0.56rem;
}
#add-new-device .section__edit-button a {
  font-size: 0.81rem;
}

#add-new-device .section__problem {
  color: gray;
  margin-top: 0.19rem;
}

#add-new-device .section__field {
  border-top: 0.06rem solid transparent;
  margin-top: 0.94rem;
  
  display: block;
  height: 3.44rem;
}
#add-new-device .section__field input:not(:placeholder-shown) {
  
}

#add-new-device .section__field-name--imei {
  margin-top: 0;
}
#add-new-device .section__field-name--imei button {
  border: 0;
  padding: 0.25rem;
  background-color: transparent;
  display: none;
}
#add-new-device
  .section__field-name--imei
  button
  span.icon.icon--info-circle-primary {
  height: 1.26rem;
  width: 1.25rem;
  position: relative;
  top: 0.5rem;
}
#add-new-device
  .section__field-name--imei
  button:hover
  ~ .section__field-tooltip--imei {
  visibility: visible;
  transition-delay: unset;
}
#add-new-device
  .section__field-name--imei
  button:focus
  ~ .section__field-tooltip--imei {
  visibility: visible;
  transition-delay: unset;
}

#add-new-device .section__field-name--carrier {
  margin-top: 2.62rem;
}

#add-new-device .section__field-label {
  font-size: 0.75rem;
  margin-left: 0.75rem;
}
#add-new-device .section__field-label--imei {
  font-size: 0.75rem;
  padding-left: 0.75rem !important;
}
#add-new-device .section__field-label--find-imei {
  margin-left: 0.75rem;
  margin-top: 0.12rem;
  color: gray;
}

#add-new-device .section__field-value--imei {
  width: 100%;
  height: 3.44rem;
  padding-top: 0;
  padding-left: 0.75rem !important;
  padding-bottom: 0;
  font-size: 14px;
  display: inline-block;
}

#add-new-device .section__field-value--carrier {
  width: 100%;
  margin-top: -1.38rem;
  height: 3.44rem;
  padding-top: 0.94rem;
  padding-left: 0.5rem;
  padding-bottom: 0;
  font-size: 1.12rem;
  background-color: transparent;
}

#add-new-device .section__field-tooltip--imei {
  visibility: hidden;
  background-color: white;
  border-radius: 0.25rem;
  padding: 0.75rem;
  position: absolute;
  z-index: 2;
  top: -3.38rem;
  left: 0;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.2);
  transition-delay: 1s;
}
#add-new-device .section__field-tooltip--imei::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.62rem;
  border-width: 0.62rem;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
#add-new-device .section__field-tooltip--imei:hover {
  visibility: visible;
  transition-delay: unset;
}

#add-new-device .section__field-tooltip--validation {
  visibility: hidden;
  background-color: white;
  border-radius: 0.25rem;
  padding: 0.75rem;
  position: absolute;
  z-index: 1;
  top: -3.75rem;
  left: 7.5rem;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.2);
}
#add-new-device .section__field-tooltip--validation::before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.62rem;
  border-width: 0.62rem;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

#add-new-device .section__continue-button {
  margin-top: 1.56rem;
}
#add-new-device .section__continue-button button[disabled] {
  background-color: white;
  border-color: gray;
  color: #2c2c2c;
}

#add-new-device .section__cancel-button {
  margin-top: 1.56rem;
}

#add-new-device .section__prev-step-button {
  margin-top: 1.25rem;
}
#add-new-device .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#add-new-device .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

#add-new-device .spacer-buttons-top {
  height: 3.5rem;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #add-new-device .section__edit-button {
    float: none;
    font-size: 0.94rem;
  }
  #add-new-device .section__heading--add_new-device {
    font-size: 2rem;
    font-weight: 400;
  }
  #add-new-device .section__problem {
    margin-top: 0.5rem;
  }
  #add-new-device .section__field-name--imei button {
    display: inline-block;
  }
  #add-new-device .section__field-name--carrier {
    margin-top: 1.75rem;
  }
  #add-new-device .section__field-value--imei {
    width: 25rem;
  }
  #add-new-device .section__field-value--carrier {
    width: 25rem;
  }
  #add-new-device .section__field-label--find-imei {
    display: none;
  }
  #add-new-device .section__field-tooltip--imei {
    left: 18.38rem;
  }
  #add-new-device .section__continue-button {
    display: inline-block;
  }
  #add-new-device .section__continue-button button {
    width: 16.88rem;
  }
  #add-new-device .section__cancel-button {
    display: inline-block;
  }
  #add-new-device .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #add-new-device .section__prev-step-button a {
    font-size: 1rem;
  }
  #add-new-device .spacer-buttons-top {
    height: 3.5rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to confirm_address.html page*/
#confirm-address main {
  /*Toggle Switch Start*/
  /*Toggle Switch End*/
}
#confirm-address main .timeline-block {
  margin-bottom: 24px;
}
#confirm-address main .device-header {
  margin-bottom: 24px;
}
#confirm-address main .device-header .device-header-body {
  display: flex;
  flex-direction: row-reverse;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 0;
}
@media (max-width: 1024px) {
  #confirm-address main .device-header .device-header-body {
    display: flex;
    flex-direction: row-reverse;
    border: solid 1px #e3e3e3;
    border-radius: 4px;
    background-color: #fff;
    padding: 10px 4px;
    width: 100%;
  }
}

#confirm-address
  main
  .device-header
  .device-header-body
  .dropdown
  .dropdown-item {
  background-color: white;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .dropdown
  .dropdown-item:hover {
  background-color: #f8f9fa;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container {
  display: flex;
  width: 100%;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-image
  img {
  height: 50px;
  width: 50px;
  position: relative;
  margin-top: -4px;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-name {
  line-height: 1;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-number {
  display: inline-block;
  font-size: 12px;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .divider {
  display: inline-block;
  color: #e3e3e3;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-status {
  display: inline-block;
  font-size: 12px;
  color: #001426;
}
#confirm-address
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-problem {
  font-size: 12px;
  color: #545454;
}
#confirm-address main .page-title {
  font-size: 20px;
  margin-bottom: 12px;
}
#confirm-address main .description {
  font-size: 14px;
  margin-bottom: 16px;
}
#confirm-address main .address-input-container .form-label-group input,
#confirm-address main .address-input-container .form-label-group label {
  padding-left: 12px;
}
#confirm-address
  main
  .address-input-container
  .form-label-group
  input:not(:placeholder-shown) {
  font-size: 1rem;
  padding-top: 1.56rem;
}
#confirm-address
  main
  .address-input-container
  .form-label-group
  input:not(:placeholder-shown)
  ~ label {
  line-height: 2.5;
}
#confirm-address main .switch-toggle {
  display: flex;
  align-items: center;
}
#confirm-address main .switch-toggle .switch {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 16px;
  margin-bottom: 0;
  /* Rounded sliders */
}
#confirm-address main .switch-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#confirm-address main .switch-toggle .switch input:checked + .slider {
  background-color: #2196f3;
}
#confirm-address main .switch-toggle .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
#confirm-address main .switch-toggle .switch input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
#confirm-address main .switch-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #545454;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#confirm-address main .switch-toggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#confirm-address main .switch-toggle .switch .slider.round {
  border-radius: 34px;
}
#confirm-address main .switch-toggle .switch .slider.round:before {
  border-radius: 50%;
}
#confirm-address main .switch-toggle .switch-label {
  font-size: 14px;
  margin-left: 8px;
  color: #ffff;
  
}
#confirm-address main .switch-toggle {
  margin-bottom: 70px;
}
#confirm-address main .btn-container {
  margin-bottom: 15px;
}
#confirm-address main .btn-container .btn-primary {
  margin-bottom: 1.5rem;
}
#confirm-address main .btn-container .btn-secondary {
  margin-top: 0;
}
#confirm-address main .prev-link {
  display: flex;
  align-items: center;
}
#confirm-address main .prev-link span.icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  right: 8px;
  margin-right: 0.5rem;
}
#confirm-address main .prev-link span.prev-link-text {
  font-size: 14px;
  position: relative;
  right: 10px;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #confirm-address main .btn-container .btn-primary {
    margin-right: 24px;
    margin-bottom: 0;
  }
  #confirm-address main .prev-link span.prev-link-text {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #confirm-address main .device-header {
    position: unset;
    z-index: unset;
    margin-bottom: 24px;
  }
  #confirm-address main .device-header .device-header-body {
    padding: 10px;
    border: unset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  }
  #confirm-address main .device-header .device-header-body a {
    font-size: 14px;
    color: #cf4039;
    text-decoration: underline;
    text-decoration-color: transparent;
  }
  #confirm-address
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-name {
    font-size: 18px;
    line-height: 21px;
  }
  #confirm-address
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-number {
    font-size: 12px;
    line-height: 16px;
    color: #001426;
  }
  #confirm-address
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-status {
    font-size: 10px;
    line-height: 16px;
  }
  #confirm-address
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-problem {
    font-size: 10px;
    line-height: 16px;
  }
  #confirm-address main .page-title {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 7px;
  }
  #confirm-address main .description {
    font-size: 16px;
    margin-bottom: 25px;
  }
  #confirm-address main .switch-toggle {
    margin-bottom: 100px;
  }
}

/* Extra Large devices (1200px and up) */
/*styles specific to customer_info.html page*/
#customer-info header {
  height: 0;
}

#customer-info main {
  margin-top: 3rem;
}
#customer-info main a {
  color: #cf4039;
}
.details_info {
  color: #001426 !important;
  font-size: 10px;
  font-family: "Gotham bold";
}
#customer-info .row.row-to-hide {
  display: none;
}

#customer-info .section__title {
  font-size: 1.25rem;
  font-weight: 600;
}

@media (max-width: 1024px) {
  #customer-info .section__title {
    font-size: 1.25rem;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    display: flex;
    margin: 20px;
  }
}

#customer-info .section__ruler {
  border: 0;
  margin: 0.32rem 0 0.32rem 0;
  height: 0.06rem;
  background-color: #fff;
}

#customer-info .section__total {
  font-weight: 600;
  display: flex;
  justify-content: space-around;
}

#customer-info .section__field {
  margin-top: 1.94rem;
  margin-bottom: 0;
  height: 3.44rem;
}
#customer-info .section__field input:not(:placeholder-shown) {
  padding-top: 0.94rem;
}
#customer-info .section__field-label {
  font-size: 0.75rem;
  margin-left: 0.75rem;
  padding-left: 0;
}
#customer-info .section__field-value {
  width: -webkit-fill-available;
  height: 3.44rem;
  font-size: 14px;
  padding-left: 0.94rem;
  border-radius: 2px;
  border: none;
  outline: none;
  
}
#customer-info .section__field-tooltip {
  visibility: hidden;
  background-color: white;
  border-radius: 0.25rem;
  padding: 0.75rem;
  position: absolute;
  z-index: 1;
  top: -3.75rem;
  left: 5rem;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.2);
}
#customer-info .section__field-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.62rem;
  border-width: 0.62rem;
  border-style: solid;
  border-color: white transparent transparent transparent;
}
#customer-info .section__field.country .section__field-label {
  height: 1.44rem;
}
#customer-info .section__field.country select {
  position: absolute;
  top: 0;
  border-color: white;
  padding-top: 0.94rem;
  padding-bottom: 0.38rem;
}

#customer-info .section__continue-button {
  margin-top: 1.56rem;
}
#customer-info .section__continue-button button[disabled] {
  background-color: white;
  border-color: gray;
  color: #2c2c2c;
}

#customer-info .section__cancel-button {
  margin-top: 1.56rem;
}

#customer-info .section__prev-step-button {
  margin-top: 1.25rem;
}
#customer-info .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#customer-info .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

#customer-info .section--total-cost {
  color: #fff;
  
  margin-top: 2rem;
}
/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #customer-info header {
    display: block;
    height: 3rem;
  }
  #customer-info nav.navbar {
    /*display: flex;*/
  }
  #customer-info main {
    margin-top: 0;
  }
  #customer-info .row.row-to-hide {
    display: block;
  }
  #customer-info .section--total-cost {
    margin-top: 4.38rem;
  }
  #customer-info .section__title--customer-info {
    font-size: 2rem;
    font-weight: 400;
  }
  #customer-info .section__continue-button {
    display: inline-block;
  }
  #customer-info .section__continue-button button {
    width: 19rem;
  }
  #customer-info .section__cancel-button {
    display: inline-block;
    margin-top: 0.62rem;
  }
  #customer-info .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #customer-info .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to has_motocare.html page*/
#has-motocare main a {
  color: #cf4039;
}

#has-motocare .section__heading {
  text-align: center;
  line-height: 1.5rem;
}
#has-motocare .section__heading.paragraph {
  margin-top: 1.25rem;
}

#has-motocare .section__warranty-text.in-warranty {
  color: #6ac346;
}

#has-motocare .section__warranty-text.out-of-warranty {
  color: #cf4039;
}

#has-motocare .section .spacer {
  height: 8rem;
}

#has-motocare .section__prev-step-button {
  margin-top: 1.25rem;
}
#has-motocare .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#has-motocare .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #has-motocare .section__heading {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.5rem;
  }
  #has-motocare .section__heading div {
    display: inline-block;
  }
  #has-motocare .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to has_motocare_claim.html page*/
#has-motocare-claim main a {
  color: #cf4039;
}

#has-motocare-claim .section__heading {
  line-height: 1.5rem;
}

#has-motocare-claim .section__body.content {
  margin-top: 0.5rem;
}

#has-motocare-claim .section__radio {
  margin-top: 0.5rem;
}
#has-motocare-claim .section__radio label {
  margin-bottom: 0;
}
#has-motocare-claim .section__radio input {
  margin-right: 0.62rem;
  color: #cf4039;
}

#has-motocare-claim .section .spacer {
  height: 8rem;
}

#has-motocare-claim .section__continue-button {
  margin-top: 1.56rem;
}

#has-motocare-claim .section__cancel-button {
  margin-top: 1.56rem;
}

#has-motocare-claim .section__prev-step-button {
  margin-top: 1.25rem;
}
#has-motocare-claim .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#has-motocare-claim .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #has-motocare-claim .section__heading {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
  #has-motocare-claim .section__continue-button {
    display: inline-block;
  }
  #has-motocare-claim .section__continue-button button {
    width: 19rem;
  }
  #has-motocare-claim .section__cancel-button {
    display: inline-block;
    margin-top: 0.62rem;
  }
  #has-motocare-claim .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #has-motocare-claim .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to landing-page.html page*/
#landing-page .banner-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
  height: 21.75vw;
  max-height: 7.75rem;
}

#landing-page .banner {
  height: 100%;
  background-image: url(/euf/assets/motorola_v3/assets/images/banner_image.png);
  background-position-x: 69%;
  background-size: cover;
}

#landing-page .page-title {
  text-align: center;
  margin-bottom: 1.81rem;
  margin-top: 1.56rem;
}

#landing-page .search-bar .form-label-group {
  margin-bottom: 1.25rem;
}

#landing-page .search-bar .form-label-group .input-group {
  border-radius: 0.3rem;
}

#landing-page .search-bar .form-label-group .input-group:focus-within {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#landing-page .search-bar .form-label-group .input-group:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#landing-page .search-bar .form-label-group .input-group .form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
}

#landing-page .search-bar .form-label-group .input-group input {
  padding-left: 0.75rem;
}

#landing-page
  .search-bar
  .form-label-group
  .input-group
  input:not(:placeholder-shown) {
  font-size: 1rem;
  padding-top: 1.56rem;
}

#landing-page
  .search-bar
  .form-label-group
  .input-group
  input:not(:placeholder-shown)
  ~ label {
  line-height: 2.5;
}

#landing-page .search-bar .form-label-group .input-group label {
  padding-left: 0.75rem;
  z-index: 3;
}

#landing-page
  .search-bar
  .form-label-group
  .input-group
  .input-group-append
  .input-group-text {
  font-size: 1.5rem;
}

#landing-page .search-bar input {
  height: 3.44rem;
  border-right-width: 0;
}

#landing-page .instruction-text {
  font-size: 0.75rem;
  text-align: center;
  margin-bottom: 0.63rem;
}

#landing-page .card-button {
  text-align: center;
  flex: 0 0 48%;
  margin-bottom: 0.88rem;
  padding: 0;
  height: auto;
}

#landing-page .card-button:hover {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
}

#landing-page .card-button:hover .card-content .card-title {
  font-weight: bold;
}

#landing-page .card-button .card-content {
  padding: 0 0.63rem;
  box-shadow: none;
}

#landing-page .card-button .card-content .card-icon {
  padding: 0.75rem 0;
  box-shadow: none;
}

#landing-page .card-button .card-content .card-icon img {
  width: 1.88rem;
  height: 1.88rem;
  box-shadow: none;
}

#landing-page .card-button .card-content .card-title {
  font-size: 1rem;
  line-height: 1.19rem;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  #landing-page .page-title {
    font-size: 2rem;
    margin-bottom: 1.13rem;
    margin-top: 2.19rem;
  }
  #landing-page .search-bar .form-label-group {
    margin-bottom: 2.25rem;
  }
  #landing-page .instruction-text {
    margin-bottom: 0.94rem;
  }
  #landing-page .card-button {
    flex: 0 0 22%;
    margin-bottom: 1.69rem;
    max-width: 10.69rem;
  }
}

@media only screen and (min-width: 992px) {
  #landing-page .banner-wrap {
    height: 7.75rem;
  }
  #landing-page .banner {
    position: relative;
    left: 0;
  }
}

/*styles specific to mail_in_opt.html page*/
#mail-in-opt header {
  height: 0;
}

#mail-in-opt main {
  margin-top: 3rem;
}
#mail-in-opt main a {
  /*color: #001426;
  font-size: 12px;
  margin: 10px 20px; 
  font-family: "Gotham bold";*/
}

#mail-in-opt .row.row-to-hide {
  display: none;
}

#mail-in-opt .section--title {
  margin-top: 0;
}

#mail-in-opt .section__title {
  font-size: 1.25rem;
  font-weight: 600;
}

#mail-in-opt .section__option {
  padding: 0.94rem;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1);
  background-color: #ffff;
}

#mail-in-opt .section__body {
  margin: 20px;
}
#mail-in-opt .section__body--bold {
  margin-top: 0.5rem;
  margin-left: 20px;
}
#mail-in-opt .section__body--content.clamped {
  /*max-height: 3.12rem;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow-y: hidden;
  text-overflow: ellipsis;
  margin-left: 20px;
  margin-right: 20px;
}

#mail-in-opt .section__radio {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  margin-bottom: 1rem;
}
#mail-in-opt .section__radio label {
  margin-bottom: 0;
}
#mail-in-opt .section__radio input {
  margin-right: 0.62rem;
}

#mail-in-opt .section__read-more {
  margin-top: 0.25rem;
}
#mail-in-opt .section__read-more a.more {
  display: none;
}
#mail-in-opt .section__read-more a.less {
  display: block;
}
#mail-in-opt .section__read-more.clamped a.more {
  display: block;
}
#mail-in-opt .section__read-more.clamped a.less {
  display: none;
}

#mail-in-opt .section__continue-button {
  margin-top: 1.56rem;
}

#mail-in-opt .section__cancel-button {
  margin-top: 1.56rem;
}

#mail-in-opt .section__prev-step-button {
  margin-top: 1.25rem;
}
#mail-in-opt .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#mail-in-opt .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #mail-in-opt header {
    display: block;
    height: 3rem;
  }
  #mail-in-opt nav.navbar {
    display: flex;
  }
  #mail-in-opt main {
    margin-top: 0;
  }
  #mail-in-opt .row.row-to-hide {
    display: block;
  }
  #mail-in-opt .section--title {
    margin-top: 0.94rem;
  }
  #mail-in-opt .section__body--content.clamped {
    -webkit-line-clamp: 4;
  }
  #mail-in-opt .section__radio {
    font-size: 1.12rem;
    font-weight: 600;
  }
  #mail-in-opt .section__radio label {
    cursor: pointer;
  }
  #mail-in-opt .section__continue-button {
    display: inline-block;
  }
  #mail-in-opt .section__continue-button button {
    width: 19rem;
  }
  #mail-in-opt .section__cancel-button {
    display: inline-block;
    margin-top: 0.62rem;
  }
  #mail-in-opt .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #mail-in-opt .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to no_motocare_liquid.html page*/
#no-motocare-liquid main a {
  color: #cf4039;
}

#no-motocare-liquid .section__heading {
  line-height: 1.5rem;
}

#no-motocare-liquid .section__body.content {
  margin-top: 0.5rem;
  font-size: 14px;
  line-height: 20px;
}

#no-motocare-liquid .section .spacer {
  height: 10rem;
}

#no-motocare-liquid .section__contact-us-button {
  margin-top: 1.25rem;
}

#no-motocare-liquid .section__prev-step-button {
  margin-top: 1.25rem;
}
#no-motocare-liquid .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#no-motocare-liquid .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #no-motocare-liquid .section__heading {
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
  }
  #no-motocare-liquid .section__contact-us-button button {
    width: 10rem;
  }
  #no-motocare-liquid .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to no_motocare_physical.html page*/
#no-motocare-physical main a {
  color: #cf4039;
}

#no-motocare-physical .section__heading {
  text-align: center;
  line-height: 1.5rem;
}
#no-motocare-physical .section__heading.paragraph {
  margin-top: 1.25rem;
}

#no-motocare-physical .section__warranty-text.in-warranty {
  color: #6ac346;
}

#no-motocare-physical .section__warranty-text.out-of-warranty {
  color: #cf4039;
}

#no-motocare-physical .section .spacer {
  height: 8rem;
}

#no-motocare-physical .section__prev-step-button {
  margin-top: 1.25rem;
}
#no-motocare-physical .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#no-motocare-physical .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #no-motocare-physical .section__heading {
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.5rem;
  }
  #no-motocare-physical .section__heading div {
    display: inline-block;
  }
  #no-motocare-physical .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to payment.html page*/
#payment main {
  margin-bottom: 5rem;
}

#payment button {
  min-width: 10rem;
}

#payment span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}

#payment .section__title {
  font-size: 14px;
  font-family: "Gotham bold";
  padding: 10px 0px;
  color: #fff;
}

#payment .section__ruler {
  border: 0;
  margin: 0.32rem 0 0.32rem 0;
  height: 0.06rem;
  background-color: black;
}

#payment .section__total {
  font-weight: 600;
}

#payment .customer-details input,
#payment .customer-details textarea,
#payment .customer-details input:focus {
  border: none;
  outline: none;
  pointer-events: none;
  font-family: inherit;
  resize: none;
  vertical-align: top;
}

#payment .customer-details label {
  color: #545454;
  margin-right: 1rem;
}

#payment .section__title--head {
  margin-bottom: 1rem;
}

#payment .payment-options {
  font-size: 13px;
  
  background-color: white;
  padding: 6px;
  margin: 20px 0px;
  border: 1px solid #bcbcbc;
  border-radius: 0.25rem;
}

#payment .payment-option-selected {
  border: 1px solid #165c7d;
}

#payment .form-label-group input:not(#form__input--cc),
#payment .form-label-group label:not([for="form__input--cc"]) {
  padding-left: 1rem;
}

#payment .visa-icon {
  background-image: url(/euf/assets/motorola_v3/assets/images/visa.png);
  background-size: contain;
  width: 1.25rem;
  height: 1rem;
  position: absolute;
  left: 1rem;
  top: 1.25rem;
}

#payment .section__fixed--buttons {
  background-color: #001426;
  padding: 0.675rem 0.875rem;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  max-width: 540px;
}

#payment .section__fixed--buttons .section__total {
  font-size: 2rem;
  color: white;
}

#payment .section__fixed--buttons .total-cost a {
  font-size: 0.75rem;
}

@media only screen and (min-width: 768px) {
  #payment .section__fixed--buttons {
    position: relative;
    width: 100%;
    max-width: 45rem;
  }
}

@media only screen and (min-width: 992px) {
  #payment .section__fixed--buttons {
    max-width: 52.31rem;
  }
}

/*styles specific to repair_option.html page*/
#repair-option main .timeline-block {
  margin-bottom: 24px;
}

#repair-option main .device-header-top {
  height: 1px;
}

#repair-option main .device-header {
  margin-bottom: 24px;
}
#repair-option main .device-header .device-header-body {
  display: flex;
  flex-direction: row-reverse;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 10px;
}
#repair-option main .device-header .device-header-body a {
  font-size: 12px;
  color: #cf4039;
  text-decoration: underline;
  text-decoration-color: transparent;
}
#repair-option
  main
  .device-header
  .device-header-body
  .dropdown-menu
  .dropdown-item {
  font-size: 14px;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container {
  display: flex;
  width: 100%;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-image
  img {
  height: 50px;
  width: 50px;
  position: relative;
  margin-top: -4px;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-name {
  line-height: 1;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-number {
  display: inline-block;
  font-size: 12px;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .divider {
  display: inline-block;
  color: #e3e3e3;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-status {
  display: inline-block;
  font-size: 12px;
  color: #6ac346;
}
#repair-option
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-problem {
  font-size: 12px;
  color: #545454;
}

#repair-option main .device-header.sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: #fff;
  padding: 0 15px;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  z-index: 1040;
}
#repair-option main .device-header.sticky .device-header-body {
  border: solid 1px #fff;
}
#repair-option main .device-header.sticky .device-header-body .dropdown {
  display: block !important;
}

#repair-option main .page-title {
  font-size: 20px;
  margin-bottom: 12px;
}

#repair-option main .description {
  font-size: 14px;
  margin-bottom: 16px;
}

#repair-option main .cards-container {
  margin-bottom: 17px;
}
#repair-option main .cards-container .card {
  box-shadow: unset;
  padding: 15px;
  margin-bottom: 10px;
  cursor: pointer;
}
#repair-option main .cards-container .card .recommended {
  font-size: 12px;
  position: absolute;
  right: 0;
  border-radius: 4px;
  background-color: #8246af;
  color: #fff;
  padding: 2px 7px;
  margin-right: 15px;
}
#repair-option main .cards-container .card .card-container {
  display: flex;
  height: 100%;
  align-items: center;
}
#repair-option main .cards-container .card .card-container .card-image img {
  height: 43px;
  width: 43px;
}
#repair-option main .cards-container .card .card-container .card-content {
  margin-left: 15px;
}
#repair-option
  main
  .cards-container
  .card
  .card-container
  .card-content
  .card-name {
  margin-bottom: 5px;
}
#repair-option
  main
  .cards-container
  .card
  .card-container
  .card-content
  .card-description {
  font-size: 14px;
  line-height: 16px;
}
#repair-option main .cards-container .card.selected {
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.3);
}
#repair-option
  main
  .cards-container
  .card.selected
  .card-container
  .card-content
  .card-name {
  font-weight: bold;
}

#repair-option main .btn-container {
  margin-bottom: 15px;
}
#repair-option main .btn-container .btn-primary {
  margin-bottom: 1.5rem;
}
#repair-option main .btn-container .btn-secondary {
  margin-top: 0;
}

#repair-option main .prev-link {
  display: flex;
  align-items: center;
}
#repair-option main .prev-link span.icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  right: 8px;
  margin-right: 0.5rem;
}
#repair-option main .prev-link span.prev-link-text {
  font-size: 14px;
  position: relative;
  right: 10px;
}

#repair-option main.mt-5 {
  margin-top: 7.5rem !important;
}

#repair-option .modal.fade .modal-dialog {
  transform: translate(0, -500px);
}

#repair-option .modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}
#repair-option .modal.show .modal-dialog {
  transform: none;
}

#repair-option .modal .modal-dialog .modal-content .modal-header {
  padding-bottom: 0.31rem;
  border-bottom: unset;
}

#repair-option .modal .modal-dialog .modal-content .modal-body {
  font-size: 0.88rem;
}

#repair-option .modal .modal-dialog .modal-content .modal-footer {
  border-top: unset;
  padding-bottom: 2.19rem;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #repair-option main .btn-container .btn-primary {
    margin-right: 24px;
    margin-bottom: 0;
  }
  #repair-option main .prev-link span.prev-link-text {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #repair-option main .device-header {
    position: unset;
    top: unset;
    z-index: unset;
    margin-bottom: 24px;
  }
  #repair-option main .device-header .device-header-body {
    padding: 10px;
    border: unset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  }
  #repair-option main .device-header .device-header-body a {
    font-size: 14px;
  }
  #repair-option
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-name {
    font-size: 18px;
    line-height: 21px;
  }
  #repair-option
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-number {
    font-size: 14px;
    line-height: 16px;
  }
  #repair-option
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-status {
    font-size: 14px;
    line-height: 16px;
  }
  #repair-option
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-problem {
    font-size: 14px;
    line-height: 16px;
  }
  #repair-option main .device-header.sticky {
    position: unset;
    top: unset;
    right: 0;
    left: 0;
    padding: 0 15px;
    box-shadow: unset;
    z-index: unset;
  }
  #repair-option main .device-header.sticky .device-header-body {
    border: unset;
  }
  #repair-option main .page-title {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 7px;
  }
  #repair-option main .description {
    font-size: 16px;
    margin-bottom: 25px;
  }
  #repair-option main .cards-container {
    margin-bottom: 68px;
  }
  #repair-option main .cards-container .card {
    max-width: 25.333333%;
    padding: 12px 10px;
    margin-bottom: 0;
  }
  #repair-option main .cards-container .card .recommended {
    top: 0;
    margin-top: 10px;
    margin-right: 10px;
  }
  #repair-option main.mt-5 {
    margin-top: 0 !important;
  }
  #repair-option .modal .modal-dialog .modal-content .modal-title {
    font-size: 1.5rem;
    font-weight: 700;
  }
  #repair-option .modal .modal-dialog .modal-content .modal-footer .btn {
    margin: 0;
  }
  #repair-option
    .modal
    .modal-dialog
    .modal-content
    .modal-footer
    .btn.btn-primary {
    margin-right: 1.56rem;
  }
}

/* Extra Large devices (1200px and up) */
/*styles specific to review.html page*/
#review main a {
  color: #00c2e1;
  
  font-size: 12px;
}

#review .ruler {
  height: 0.06rem;
  background-color: lightgray;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

#review .section--device-info .section__device-image {
  display: inline-block;
  height: 6.88rem;
  width: 6.88rem;
  margin-left: -0.88rem;
  margin-right: -0.88rem;
  background-image: url("/euf/assets/motorola_v3/assets/images/moto_g7_power.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

#review .section--device-info .section__device-content {
  display: inline-block;
}

#review .section--device-info .section__device-name {
  font-size: 1.25rem;
  font-weight: 600;
}

#review .section--device-info .section__device-imei {
  font-size: 1rem;
  margin-top: 0.5rem;
}

#review .section--device-info .section__device-status {
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #6ac346;
}

#review .section--shipping-info input {
  border: 0;
}

#review .section--shipping-info textarea {
  border: 0;
}

#review .section--shipping-info label {
  margin-right: 0.25rem;
}

#review .section--footer-buttons {
  background-color: white;
  position: fixed;
  bottom: 0;
  right: 0;
  border-top: solid 0.06rem lightgray;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#review .section__body {
  
  color: #ffffff;
  line-height: 12px;
  font-size: 12px;
}

/* section__body{
} */

#review .section__ruler {
  border: 0;
  margin: 0.32rem 0 0.32rem 0;
  height: 0.06rem;
  background-color: black;
}

#review .section__total-cost-footer {
  display: inline-block;
}

#review .section__total-amount {
  
  color: #ffffff;
  font-size: 12px;
}

#review .section__field-label {
  line-height: 1.56rem;
  display: inline-block;
  color: gray;
  margin-right: 0.25rem;
}

#review .section__field-value {
  line-height: 1.56rem;
  display: inline-block;
}

#review .section__field.address textarea {
  line-height: 1.56rem;
  border: 0;
}

#review .section__continue-button {
  display: inline-block;
  float: right;
}
#review .section__continue-button button {
  width: 12.5rem;
}

#review .section__cancel-button {
  display: none;
}

#review .section__prev-step-button {
  display: none;
  margin-top: 1.25rem;
}
#review .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#review .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #review .section--device-info .section__heading {
    font-size: 2rem;
    font-weight: 400;
  }
  #review .section--device-info .section__body {
    text-align: center;
  }
  #review .section--device-info .section__device-content {
    text-align: left;
  }
  #review .section--footer-buttons {
    position: unset;
    bottom: unset;
    right: unset;
    border-top: unset;
    padding-top: unset;
    padding-bottom: unset;
  }
  #review .section__total-cost-footer {
    display: none;
  }
  #review .section__continue-button {
    display: inline-block;
    float: none;
  }
  #review .section__cancel-button {
    display: inline-block;
    margin-top: 0.62rem;
  }
  #review .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #review .section__prev-step-button {
    display: block;
  }
  #review .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to select_a_device.html page*/
#select-a-device main a {
  color: #cf4039;
}

#select-a-device .section__edit-button {
  display: inline-block;
  float: right;
  margin-left: 0.62rem;
  padding: 0;
  border: 0;
  margin-top: 0.56rem;
}
#select-a-device .section__edit-button a {
  font-size: 0.81rem;
  font-weight: 100;
}

#select-a-device .section__problem {
  color: gray;
}

#select-a-device .section__continue-button {
  margin-top: 1.56rem;
}
#select-a-device .section__continue-button button[disabled] {
  /*background-color: white;
  border-color: gray;
  color: #2c2c2c;*/
}

#select-a-device .section__cancel-button {
  margin-top: 1.56rem;
}

#select-a-device .section__prev-step-button {
  margin-top: 1.25rem;
}
#select-a-device .section__prev-step-button span.icon.icon--arrow-left {
  margin-right: 0.25rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#select-a-device .section__prev-step-button a {
  font-size: 0.88rem;
  display: inline;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

#select-a-device .device-card-block {
  margin-top: 1.25rem;
  margin-left: -0.44rem;
  margin-right: -0.44rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

#select-a-device .device-card {
  display: inline-block;
  min-height: 21rem;
  width: 19.12rem;
  box-shadow: 0 0 0.88rem rgb(0 0 0 / 10%);
  width: 212px;
  height: 295px;
  background: #001426 0% 0% no-repeat padding-box;
  margin: 2.44rem;
  border: 1px solid #00c2e17a;
  border-radius: 17px;
  padding: 0 1.12rem 1.25rem 1.12rem;
  vertical-align: top;
  white-space: normal;
  
  padding: 2% 2%;
  cursor: pointer;
  color: white;
  white-space: normal;
}
#select-a-device .device-card__body {
  font-size: 0.88rem;
  line-height: 1rem;
}
#select-a-device .device-card__image-placeholder {
  text-align: center;
  margin: 20px;
}
#select-a-device .device-card__image-placeholder .icon--star {
  float: right;
  margin-top: -2.75rem;
  margin-right: -2rem;
}

@media(max-width: 1024px){
  #select-a-device .device-card__image-placeholder .icon--star {
    float: right;
    margin-top: 0rem;
    margin-right: 0rem;
  }
}
#select-a-device .device-card__image {
  height: 9.38rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/euf/assets/motorola_v3/assets/images/moto_g7_power.jpg");
  background-position: center;
}
#select-a-device .device-card__name {
  text-align: inherit;
  font-size: 14px;
}
#select-a-device .device-card__field {
  font-size: 14px;
  margin-top: 0.5rem;
  line-height: 1rem;
}
#select-a-device .device-card__field-label {
  color: #fff;
  font-size: 10px;
  margin-right: 0.62rem;
  display: inline-block;
}
#select-a-device .device-card__select-button {
  margin-top: 30px;
  text-align: center;
}
#select-a-device .device-card__select-button a {
  color: white;
  font-size: 1.6rem;
}
#select-a-device .device-card__status--in-warranty {
  color: #7dff9f;
	font-size: 14px;
}
#select-a-device .device-card__status--out-of-warranty {
  color: #cf4039;
	font-size: 14px;
}
#select-a-device .device-card__add-new-container {
  align-items: center;
}
#select-a-device .device-card--add-new {
  display: none;
  text-align: center;
}
#select-a-device .device-card:hover a {
  text-decoration: underline;
}
#select-a-device .device-card.selected {
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.3);
}
#select-a-device .device-card.selected a {
  color: black;
  font-weight: 600;
  text-decoration: none;
}

#select-a-device .add-new-device {
  left: 23px;
  width: 314px;
  height: 117px;
  background: #001426 0% 0% no-repeat padding-box;
  border: 1px solid #00c2e17a;
  border-radius: 17px;
  opacity: 1;
  margin: 20px 0px;
}
#select-a-device .add-new-device__body {
  font-size: 0.88rem;
  line-height: 1rem;
}
#select-a-device .add-new-device__button {
  margin-top: 60%;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
}

@media (max-width: 1024px) {
  #select-a-device .add-new-device__button {
    margin-top: 18%;
  }
}
@media (max-width: 1024px) {
  #select-a-device .add-new-device {
    width: 100%;
  }
}

#select-a-device .add-new-device__button a {
  font-size: 1rem;
  border: 0;
  display: inline;
  padding-left: 0;
  padding-right: 0;
  height: 1.8rem;
}
#select-a-device .add-new-device__button a span.icon.icon--plus {
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.31rem;
}
#select-a-device .add-new-device:hover a {
  text-decoration: underline;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #select-a-device .section__edit-button {
    float: none;
    font-size: 0.94rem;
  }
  #select-a-device .section__heading--select-a-device {
    font-size: 2rem;
    margin-top: 0.62rem;
    font-weight: 400;
  }
  #select-a-device .section .device-card--add-new {
    display: inline-block;
  }
  #select-a-device .section .add-new-device {
    display: none;
  }
  #select-a-device .section__continue-button {
    display: inline-block;
    margin-top: 1.56rem;
  }
  #select-a-device .section__continue-button button {
    /*width: 16.88rem;*/
  }
  #select-a-device .section__cancel-button {
    display: inline-block;
  }
  #select-a-device .section__cancel-button button {
    width: 10rem;
    margin-left: 1.25rem;
  }
  #select-a-device .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to select_an_issue.html page*/
/* #select-an-issue .breadcrumb {
  font-size: 0.875rem;
  color: #545454;
  margin-bottom: 1.56rem; }

#select-an-issue .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">"; } */

#select-an-issue .issue-title {
  font-size: 1.25rem;
  margin-bottom: 1.44rem;
}

#select-an-issue .issue-icon {
  margin-right: 0.69rem;
}

#select-an-issue .issue-icon img {
  height: 1.13rem;
  width: 1.13rem;
}

#select-an-issue .problem-text {
  font-size: 1.13rem;
  margin-top: 2.25rem;
}

#select-an-issue .problem-text .edit-btn {
  font-size: 0.75rem;
  color: #cf4039;
  float: right;
}

/* #select-an-issue .problem-breadcrumb .breadcrumb {
  margin-bottom: 2.25rem; }

#select-an-issue .problem-breadcrumb .breadcrumb .breadcrumb-item {
  color: #757575; } */

/* #select-an-issue .problem-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: "/"; } */

#select-an-issue .problem-description .form-group {
  justify-content: center;
    align-items: center;
    display: grid;
    margin-bottom: 10%;

}


#select-an-issue .problem-description .form-group label {
  font-size: 12px;
  


}

#select-an-issue .problem-description .form-group textarea {
  line-height: 1.19rem;
  resize: none;
  padding: 20px;
  height: 200px;
  width: 500px;
}


@media(max-width: 1024px){
  
#select-an-issue .problem-description .form-group textarea {
  line-height: 1.19rem;
  resize: none;
  padding: 20px;
  height: 100px;
  width: 200px;
}
}

#select-an-issue .problem-description .form-group .char-count {
  font-size: 12px;
  color: #757575;
  padding-top: 0.56rem;

  padding-right: 0.75rem;
}

#select-an-issue .accordion-container {
  margin-bottom: 3.81rem;
  margin: auto;
  width: 60%;
}

#select-an-issue .accordion-container .accordion .card .card-header .btn {
  font-size: 1.13rem;
}

#select-an-issue
  .accordion-container
  .accordion
  .card
  .card-header
  .btn
  ion-icon {
  font-size: 1.56rem;
}

#select-an-issue .accordion-container .accordion .card .card-body {
  margin-top: 1.44rem;
}

#select-an-issue hr {
  margin: 1.5rem 0;
}

#select-an-issue .btn-container {
  margin-bottom: 1.5rem;
}

#select-an-issue .btn-container .btn-primary {
  margin-bottom: 1.5rem;
}

#select-an-issue .btn-container .btn-secondary {
  margin-top: 0;
}

#select-an-issue .modal.fade .modal-dialog {
  transform: translate(0, -500px);
}

#select-an-issue .modal.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}

#select-an-issue .modal.show .modal-dialog {
  transform: none;
}

#select-an-issue .modal .modal-dialog .modal-content .modal-header {
  padding-bottom: 0.31rem;
  border-bottom: unset;
}

#select-an-issue .modal .modal-dialog .modal-content .modal-body {
  font-size: 0.88rem;
}

#select-an-issue .modal .modal-dialog .modal-content .modal-footer {
  border-top: unset;
}

#select-an-issue .modal .modal-dialog .modal-content .modal-footer {
  padding-bottom: 2.19rem;
}

#select-an-issue .prev-link {
  display: flex;
  align-items: center;
  padding-left: 0;
}
#select-an-issue .prev-link span.icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  right: 8px;
  margin-right: 0.5rem;
}
#select-an-issue .prev-link span.prev-link-text {
  font-size: 14px;
  position: relative;
  right: 10px;
}

@media only screen and (min-width: 768px) {
  #select-an-issue .issue-title {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  #select-an-issue .issue-icon {
    margin-right: 1rem;
  }
  #select-an-issue .issue-icon img {
    height: 1.69rem;
    width: 1.69rem;
  }
  #select-an-issue .problem-text {
    font-size: 1.25rem;
    margin-bottom: 0.63rem;
  }
  #select-an-issue .problem-text .edit-btn {
    font-size: 0.88rem;
    float: none;
    margin-left: 0.94rem;
  }
  /* #select-an-issue .problem-breadcrumb .breadcrumb {
    margin-bottom: 1.5rem; } */
  /* #select-an-issue .problem-breadcrumb .breadcrumb .breadcrumb-item {
    font-size: 1rem; } */
  #select-an-issue .problem-description .form-group {
    margin-bottom: 10.88rem;
  }
  #select-an-issue .problem-description .form-group label {
    font-size: 2rem;
  }
  #select-an-issue .problem-description .form-group textarea {
    line-height: 1.19rem;
    resize: none;
  }
  #select-an-issue .problem-description .form-group .char-count {
    padding-top: 0.81rem;
    padding-right: 1.06rem;
  }
  #select-an-issue .accordion-container {
    margin-bottom: 1.5rem;
  }
  #select-an-issue .btn-container {
    margin-bottom: 1.53rem;
    margin-top: 7.53rem;
  }
  #select-an-issue .btn-container .btn {
    margin: 0;
  }
  #select-an-issue .btn-container .btn-primary {
    margin-right: 1.5rem;
    margin-bottom: 0;
  }
  #select-an-issue .modal .modal-dialog .modal-content .modal-title {
    font-size: 1.5rem;
  }
  #select-an-issue .modal .modal-dialog .modal-content .modal-footer .btn {
    margin: 0;
  }

  .modal-title{
    font-weight: 700;

  }

  #select-an-issue
    .modal
    .modal-dialog
    .modal-content
    .modal-footer
    .btn.btn-primary {
    margin-right: 1.56rem;
  }
  #select-an-issue .prev-link span.prev-link-text {
    font-size: 1rem;
  }
}

/*styles specific to sign_in.html page*/

@media screen and (max-width: 1024px) {
  #sign-in main {
    display: grid;
    padding: 15%;
    max-width: max-content;
  }
}

#sign-in .page-title {
  margin-top: 1rem;
}

#sign-in .btn {
  margin: 0.75rem 0;
}

#sign-in .main__instructions {
  margin: 1.5rem 0;
}

#sign-in .mail-icon {
  background-image: url(/euf/assets/motorola_v3/assets/images/mail_icon.png);
  background-size: contain;
  width: 1.25rem;
  height: 1rem;
  position: absolute;
  left: 1rem;
  top: 1.25rem;
}

#sign-in .lock-icon {
  background-image: url(/euf/assets/motorola_v3/assets/images/lock_icon.png);
  background-size: contain;
  width: 1rem;
  height: 1.313rem;
  position: absolute;
  left: 1.25rem;
  top: 1rem;
}

#sign-in .eye-icon {
  background-image: url(/euf/assets/motorola_v3/assets/images/eye.png);
  background-size: contain;
  width: 1.375rem;
  height: 0.938rem;
  position: absolute;
  right: 0.563rem;
  top: 1.3rem;
}

#sign-in .slash-eye-icon {
  background-image: url(/euf/assets/motorola_v3/assets/images/eye_strike.png);
  background-size: contain;
  width: 1.375rem;
  height: 0.938rem;
  position: absolute;
  right: 0.563rem;
  top: 1.3rem;
}

#sign-in .main__social-sign-in {
  margin: 1.188rem 0;
}

#sign-in .main__social-image > img {
  width: 1.625rem;
}

@media only screen and (min-width: 420px) {
  #sign-in main {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 992px) {
  /* #sign-in .breadcrumb {
    visibility: hidden; } */
  #sign-in .page-title {
    text-align: center;
    width: 100%;
    margin-top: 2rem;
  }
  #sign-in .main__social-image > img {
    width: 2.25rem;
  }
}

/*styles specific to ticket_submitted.html page*/
#ticket-submitted main a {
  color: #cf4039;
}

#ticket-submitted main b {
  font-weight: 600;
}

#ticket-submitted .ruler {
  height: 0.06rem;
  background-color: lightgray;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}

#ticket-submitted .section--device-info .section__device-image {
  display: inline-block;
  height: 6.88rem;
  width: 6.88rem;
  margin-left: -0.88rem;
  margin-right: -0.88rem;
  background-image: url("/euf/assets/motorola_v3/assets/images/moto_g7_power.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

#ticket-submitted .section--device-info .section__device-content {
  display: inline-block;
}

#ticket-submitted .section--device-info .section__device-name {
  font-size: 1.25rem;
  font-weight: 600;
}

#ticket-submitted .section--device-info .section__device-imei {
  font-size: 1rem;
  margin-top: 0.5rem;
}

#ticket-submitted .section--device-info .section__device-status {
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #6ac346;
}

#ticket-submitted .section--shipping-info input {
  border: 0;
}

#ticket-submitted .section--shipping-info textarea {
  border: 0;
}

#ticket-submitted .section--shipping-info label {
  margin-right: 0.25rem;
}

#ticket-submitted .section--confirmation .section__send-desc {
  margin-top: 1rem;
}

#ticket-submitted .section--confirmation .section__field {
  margin-bottom: 0;
  height: 3.44rem;
  margin-top: 0;
}
#ticket-submitted
  .section--confirmation
  .section__field
  input:not(:placeholder-shown) {
  padding-top: 0.94rem;
}
#ticket-submitted .section--confirmation .section__field-label {
  font-size: 0.75rem;
  margin-left: 0.75rem;
  padding-left: 0;
}
#ticket-submitted .section--confirmation .section__field-value {
  width: 100%;
  height: 3.44rem;
  font-size: 1.12rem;
  padding-left: 0.75rem;
}
#ticket-submitted .section--confirmation .section__field-tooltip {
  visibility: hidden;
  background-color: white;
  border-radius: 0.25rem;
  padding: 0.75rem;
  position: absolute;
  z-index: 1;
  top: -3.75rem;
  left: 5rem;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.2);
}
#ticket-submitted .section--confirmation .section__field-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -0.62rem;
  border-width: 0.62rem;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

#ticket-submitted .section--confirmation .section__send {
  margin-top: 6rem;
  margin-bottom: 4rem;
}

#ticket-submitted .section--confirmation .section__send-content {
  width: 100%;
}

#ticket-submitted .section--confirmation .section__send-button {
  width: 6.88rem;
  margin-left: 1rem;
}

#ticket-submitted .section--confirmation .section__track-button {
  width: 100%;
  margin-top: 1rem;
}

#ticket-submitted .section__body {
  margin-top: 0.38rem;
  font-size: 10px;
  color: #ffff;
  
}

#ticket-submitted .section__ruler {
  border: 0;
  margin: 0.32rem 0 0.32rem 0;
  height: 0.06rem;
  background-color: black;
}

#ticket-submitted .section__total-amount {
  font-weight: 600;
  font-size: 1rem;
}

#ticket-submitted .section__field {
  margin-top: 0.25rem;
}
#ticket-submitted .section__field-label {
  line-height: 1.56rem;
  display: inline-block;
  color: gray;
  margin-right: 0.25rem;
}
#ticket-submitted .section__field-value {
  line-height: 1.56rem;
  display: inline-block;
  margin-right: 1rem;
}
#ticket-submitted .section__field.address textarea {
  line-height: 1.56rem;
  border: 0;
}

/* Small devices (portrait tablets and large phones, 576px and up) */
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #ticket-submitted .section--confirmation .section__heading {
    font-size: 2rem;
    font-weight: 400;
  }
  #ticket-submitted .section--device-info .section__heading {
    font-size: 2rem;
    font-weight: 400;
  }
  #ticket-submitted .section--device-info .section__body {
    text-align: center;
  }
  #ticket-submitted .section--device-info .section__device-content {
    text-align: left;
  }
  #ticket-submitted
    .section--confirmation
    .section__field.phone-number
    .section__field-value {
    width: 17.5rem;
  }
  #ticket-submitted .section--confirmation .section__send-content {
    width: 18.75rem;
  }
  #ticket-submitted .section--confirmation .section__send-button button {
    width: 7.5rem;
  }
  #ticket-submitted .section--confirmation .section__track-button {
    width: 20rem;
  }
  #ticket-submitted .section__prev-step-button a {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
/* Extra Large devices (1200px and up) */
/*styles specific to troubleshooting.html page*/
#troubleshooting {
  /* Copied from walk_in.css - would be moved to common CSS - section begin */
  /* Copied from walk_in.css - would be moved to common CSS - section end */
}
#troubleshooting main .device-header {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
#troubleshooting .troubleshooting__steps {
  margin-top: 1.75rem;
  font-size: 0.94rem;
  line-height: 1.12rem;
  counter-reset: numList;
}
#troubleshooting div.troubleshooting__list {
  margin-left: 2.5em;
  margin-bottom: 1.75rem;
  margin-right: 0.5rem;
}
#troubleshooting .troubleshooting__steps > div:before {
  counter-increment: numList;
  content: counter(numList);
  position: absolute;
  text-align: center;
  color: white;
  background: #cf4039;
  border-radius: 999px;
  -moz-border-radius: 999px;
  -webkit-border-radius: 999px;
  margin-top: 0.125rem;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 14px;
  border: 1px solid #cf4039;
  margin-left: -2.175rem;
}
#troubleshooting .troubleshooting__steps .troubleshooting__yesno__desc {
  font-size: 0.81rem;
  line-height: 1rem;
  margin-left: -1.6rem;
}
#troubleshooting .spacer-buttons-top {
  height: 1.5rem;
}
#troubleshooting .troubleshooting__button {
  margin-top: 0.75rem;
}
#troubleshooting span.icon.icon--arrow-left {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.88rem;
  width: 1.88rem;
  margin-bottom: -0.62rem;
  margin-left: -0.5rem;
}
#troubleshooting a.prev-link {
  font-size: 0.85rem;
  color: #cf4039;
}
#troubleshooting main .device-header .device-header-body {
  display: flex;
  flex-direction: row-reverse;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 0;
}
#troubleshooting main .device-header .device-header-body a {
  font-size: 12px;
  color: #cf4039;
  text-decoration: underline;
  text-decoration-color: transparent;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container {
  display: flex;
  width: 100%;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-image
  img {
  height: 50px;
  width: 50px;
  position: relative;
  margin-top: -4px;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-name {
  line-height: 1;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-number {
  display: inline-block;
  font-size: 12px;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .divider {
  display: inline-block;
  color: #e3e3e3;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-status {
  display: inline-block;
  font-size: 12px;
  color: #6ac346;
}
#troubleshooting
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-problem {
  font-size: 12px;
  color: #545454;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #troubleshooting .section__heading {
    font-size: 2rem;
    margin-top: 0.62rem;
    font-weight: 400;
  }
  #troubleshooting .troubleshooting__button {
    display: inline-block;
  }
  #troubleshooting .troubleshooting__button button {
    width: 10.25rem;
  }
  #troubleshooting .troubleshooting__steps .troubleshooting__yesno__desc {
    margin-left: 0rem;
  }
  #troubleshooting a.prev-link {
    font-size: 1rem;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #troubleshooting {
    /* Copied from walk_in.css - would be moved to common CSS - section begin */
    /* Copied from walk_in.css - would be moved to common CSS - section end */
  }
  #troubleshooting main .device-header {
    position: unset;
    z-index: unset;
    margin-bottom: 24px;
  }
  #troubleshooting main .device-header .device-header-body {
    padding: 10px;
    border: unset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  }
  #troubleshooting main .device-header .device-header-body a {
    font-size: 14px;
  }
  #troubleshooting
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-name {
    font-size: 18px;
    line-height: 21px;
  }
  #troubleshooting
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-number {
    font-size: 14px;
    line-height: 16px;
  }
  #troubleshooting
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-status {
    font-size: 14px;
    line-height: 16px;
  }
  #troubleshooting
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-problem {
    font-size: 14px;
    line-height: 16px;
  }
  #troubleshooting main .page-title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
  }
}

@supports (-webkit-touch-callout: none) {
  #troubleshooting {
    /* CSS specific to iOS devices */
  }
  #troubleshooting .troubleshooting__steps .troubleshooting__yesno {
    font-weight: bold;
    display: block;
  }
}

#troubleshooting _::-webkit-full-page-media,
#troubleshooting _:future,
#troubleshooting :root .troubleshooting__yesno {
  font-weight: bold;
  display: block;
}

@supports not (-webkit-touch-callout: none) {
  #troubleshooting {
    /* CSS for other than iOS devices */
  }
  #troubleshooting .troubleshooting__steps .troubleshooting__yesno {
    font-weight: bold;
  }
}

/*styles specific to walk_in.html page*/
#walk-in main {
  /*Toggle Switch Start*/
  /*Toggle Switch End*/
}
#walk-in main .timeline-block {
  margin-bottom: 24px;
}
#walk-in main .device-header {
  margin-bottom: 24px;
}
#walk-in main .device-header .device-header-body {
  display: flex;
  flex-direction: row-reverse;
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px 0;
}
#walk-in main .device-header .device-header-body .dropdown .dropdown-item {
  background-color: white;
}
#walk-in
  main
  .device-header
  .device-header-body
  .dropdown
  .dropdown-item:hover {
  background-color: #f8f9fa;
}
#walk-in main .device-header .device-header-body a {
  font-size: 12px;
  color: #cf4039;
  text-decoration: underline;
  text-decoration-color: transparent;
}
#walk-in main .device-header .device-header-body .dropdown-menu .dropdown-item {
  font-size: 14px;
}
#walk-in main .device-header .device-header-body .device-header-container {
  display: flex;
  width: 100%;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-image
  img {
  height: 50px;
  width: 50px;
  position: relative;
  margin-top: -4px;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-name {
  line-height: 1;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-number {
  display: inline-block;
  font-size: 12px;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .divider {
  display: inline-block;
  color: #e3e3e3;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-status {
  display: inline-block;
  font-size: 12px;
  color: #6ac346;
}
#walk-in
  main
  .device-header
  .device-header-body
  .device-header-container
  .device-content
  .device-problem {
  font-size: 12px;
  color: #545454;
}
#walk-in main .page-title {
  font-size: 20px;
  margin-bottom: 12px;
}
#walk-in main .description {
  font-size: 14px;
  margin-bottom: 48px;
}
#walk-in main .address-input-container .address-input-label {
  font-size: 18px;
  margin-bottom: 10px;
}
#walk-in main .address-input-container .form-label-group input,
#walk-in main .address-input-container .form-label-group label {
  padding-left: 12px;
}
#walk-in
  main
  .address-input-container
  .form-label-group
  input:not(:placeholder-shown) {
  font-size: 1rem;
  padding-top: 1.56rem;
}
#walk-in
  main
  .address-input-container
  .form-label-group
  input:not(:placeholder-shown)
  ~ label {
  line-height: 2.5;
}
#walk-in main .address-input-container .switch-toggle {
  margin-bottom: 24px;
}
#walk-in main .address-input-container .address-input-btn {
  margin-bottom: 24px;
}
#walk-in main .address-input-container .address-input-btn .btn.col-5 {
  flex: 0 0 47%;
  max-width: 47%;
}
#walk-in main .address-input-container .address-input-btn .btn-secondary {
  margin-top: 0;
}
#walk-in main .switch-toggle {
  display: flex;
  align-items: center;
}
#walk-in main .switch-toggle .switch {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 16px;
  margin-bottom: 0;
  /* Rounded sliders */
}
#walk-in main .switch-toggle .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#walk-in main .switch-toggle .switch input:checked + .slider {
  background-color: #2196f3;
}
#walk-in main .switch-toggle .switch input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}
#walk-in main .switch-toggle .switch input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
#walk-in main .switch-toggle .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #545454;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#walk-in main .switch-toggle .switch .slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#walk-in main .switch-toggle .switch .slider.round {
  border-radius: 34px;
}
#walk-in main .switch-toggle .switch .slider.round:before {
  border-radius: 50%;
}
#walk-in main .switch-toggle .switch-label {
  font-size: 14px;
  margin-left: 8px;
}
#walk-in main .results-container {
  margin-top: 24px;
}
#walk-in main .results-container .results-label {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 3px;
}
#walk-in main .results-container .results-content {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}
#walk-in main .results-container .results-content .results-description {
  font-size: 12px;
  line-height: 15px;
  color: #545454;
}
#walk-in main .results-container .results-content .switch-toggle {
  position: absolute;
  right: 0;
}
#walk-in main .results-container .location-container .first-row {
  margin-bottom: 10px;
}
#walk-in
  main
  .results-container
  .location-container
  .first-row
  .location-label {
  display: flex;
}
#walk-in
  main
  .results-container
  .location-container
  .first-row
  .location-label
  span.icon {
  margin-right: 4px;
}
#walk-in
  main
  .results-container
  .location-container
  .first-row
  .location-label
  .location-text {
  font-size: 14px;
  line-height: 16px;
}
#walk-in
  main
  .results-container
  .location-container
  .first-row
  .location-distance {
  font-size: 14px;
  line-height: 16px;
  color: #545454;
  position: absolute;
  right: 0;
}
#walk-in main .results-container .location-container .second-row {
  margin-bottom: 10px;
}
#walk-in
  main
  .results-container
  .location-container
  .second-row
  .address-label {
  display: flex;
}
#walk-in
  main
  .results-container
  .location-container
  .second-row
  .address-label
  .address-text {
  font-size: 12px;
  line-height: 15px;
  color: #545454;
}
#walk-in
  main
  .results-container
  .location-container
  .second-row
  .address-icons {
  display: flex;
  position: absolute;
  right: 0;
}
#walk-in main .results-container .location-container .hours {
  display: flex;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 10px;
}
#walk-in main .results-container .location-container .hours a:hover {
  text-decoration: none;
  color: #cf4039;
}
#walk-in main .results-container .location-container .card {
  font-size: 12px;
  color: #545454;
  border-radius: unset;
  background-color: unset;
  box-shadow: unset;
  border: unset;
  padding: 0;
  margin-bottom: 5px;
}
#walk-in main .results-container .location-container .warranty-container {
  display: flex;
  margin-bottom: 14px;
}
#walk-in
  main
  .results-container
  .location-container
  .warranty-container
  .warranty-text {
  font-size: 12px;
  line-height: 15px;
}
#walk-in main .results-container .location-container .favourite-location-btn {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 24px;
}
#walk-in main .results-container .location-container #form1 {
  display: none;
}
#walk-in main .results-container .location-container #form1 .form-text {
  font-size: 14px;
  margin-bottom: 13px;
}
#walk-in main .results-container .location-container #form1 .form-label-group {
  margin-bottom: 24px;
}
#walk-in
  main
  .results-container
  .location-container
  #form1
  .form-label-group
  #form1Email,
#walk-in
  main
  .results-container
  .location-container
  #form1
  .form-label-group
  label {
  padding-left: 12px;
}
#walk-in
  main
  .results-container
  .location-container
  #form1
  .form-label-group
  input:not(:placeholder-shown) {
  padding-top: 1.56rem;
}
#walk-in
  main
  .results-container
  .location-container
  #form1
  .form-label-group
  input:not(:placeholder-shown)
  ~ label {
  line-height: 2.5;
}
#walk-in main .results-container .location-container #form1 #form1Phone {
  margin-bottom: 24px;
}
#walk-in main .results-container .location-container #form1 #form1Cancel {
  margin-top: 24px;
}
#walk-in main .results-container .location-container.overlay {
  opacity: 0.4;
  pointer-events: none;
}
#walk-in main .results-container hr {
  margin: 25px 0;
}
#walk-in main .btn-container {
  margin-top: 40px;
  margin-bottom: 15px;
}
#walk-in main .btn-container .btn-secondary {
  margin-top: 0;
}
#walk-in main .prev-link {
  display: flex;
  align-items: center;
}
#walk-in main .prev-link span.icon {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  right: 8px;
  margin-right: 0.5rem;
}
#walk-in main .prev-link span.prev-link-text {
  font-size: 14px;
  position: relative;
  right: 10px;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  #walk-in main .btn-container .btn-primary {
    margin-right: 24px;
    margin-bottom: 0;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  #walk-in main .device-header {
    position: unset;
    z-index: unset;
    margin-bottom: 24px;
  }
  #walk-in main .device-header .device-header-body {
    padding: 10px;
    border: unset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
  }
  #walk-in main .device-header .device-header-body a {
    font-size: 14px;
  }
  #walk-in
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-name {
    font-size: 18px;
    line-height: 21px;
  }
  #walk-in
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-number {
    font-size: 14px;
    line-height: 16px;
  }
  #walk-in
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-status {
    font-size: 14px;
    line-height: 16px;
  }
  #walk-in
    main
    .device-header
    .device-header-body
    .device-header-container
    .device-content
    .device-problem {
    font-size: 14px;
    line-height: 16px;
  }
  #walk-in main .page-title {
    font-size: 32px;
    line-height: 39px;
    margin-bottom: 7px;
  }
  #walk-in main .description {
    font-size: 16px;
    margin-bottom: 25px;
  }
  #walk-in main .switch-toggle {
    margin-bottom: 333px;
  }
  #walk-in main .results-container .results-label {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 8px;
  }
  #walk-in main .results-container .results-content {
    margin-bottom: 17px;
  }
  #walk-in main .results-container .location-container .first-row {
    margin-bottom: 14px;
  }
  #walk-in
    main
    .results-container
    .location-container
    .first-row
    .location-label
    .location-text {
    font-size: 16px;
    line-height: 19px;
  }
  #walk-in main .results-container .location-container .second-row {
    margin-bottom: 8px;
  }
  #walk-in
    main
    .results-container
    .location-container
    .second-row
    .address-label
    .address-text {
    font-size: 14px;
    line-height: 16px;
  }
  #walk-in main .results-container .location-container .phone-number {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  #walk-in main .results-container .location-container .hours {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px;
  }
  #walk-in main .results-container .location-container .card {
    font-size: 14px;
    margin-bottom: 13px;
  }
  #walk-in main .results-container .location-container .warranty-container {
    margin-bottom: 13px;
  }
  #walk-in
    main
    .results-container
    .location-container
    .warranty-container
    .warranty-text {
    font-size: 14px;
    line-height: 16px;
  }
  #walk-in main .results-container .location-container .favourite-location-btn {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px;
  }
  #walk-in main .results-container hr {
    margin: 25px 0;
  }
  #walk-in main .btn-container {
    padding: 0;
  }
  #walk-in main .prev-link {
    margin-top: 30px;
    padding: 0;
  }
  #walk-in main .prev-link span.prev-link-text {
    font-size: 1rem;
  }
}

/* Extra Large devices (1200px and up) */

/* Map Site */
.btn-dropdown {
  text-align: center;
  height: 24px;
  transform: translateY(-24px);
}

.map-menu {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
  display: flex;
  justify-content: space-evenly;
  background-color: #001426;
  z-index: -1;
  
}

.map-menu.active {
  opacity: 1;
  overflow: initial;
  height: auto;
  transition: 0.9s;
  margin-bottom: -35px;
}

.map-title {
  color: #fff;
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.map-list {
  list-style: none;
  padding: 10px 0px 40px;
  font-size: 1.2rem;
  white-space: pre-line;
}

.map-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
}

.map-button {
  background-color: #020f19;
  font-size: 1.5rem;
  border: none;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  z-index: 1;
  outline: none;
}

.select {
  width: 230px;
  overflow: hidden;
  margin: 0;
  color: #fff;
  position: relative;
  height: 30px;
  max-height: 400px;
  
  outline: none !important;

  /* max 8 element in list */
  transition: 0.2s;
}

.select:before,
.select:after {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);

  top: 12px;
  right: 12px;
  margin-right: 10px;
}

.select:after {
  background-color: #040c1c;
  top: 16px;
}

.collapsed {
  max-height: 30px;
  transition: 0.2s;
  transform: translateY(33px);
}

.collapsed:before,
.collapsed:after {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 9px;
  right: 12px;
}

.collapsed:after {
  background-color: #001426;
  top: 5px;
}

@media (min-width: 900px) {
  .accordion-mobile,
  .footer-title-mobile {
    display: none;
  }
}
@media screen and (max-device-width: 900px) {
  .box-sizing {
    box-sizing: border-box;
  }

  .toggle-map-mobile {
    display: none;
  }

  .container-map-mobile {
    width: 100%;
    background-color: #000e24;
    margin: 0 auto;
  }

  .label-map-mobile {
    display: block;
    background-color: #000e24;
    width: 100%;
    padding: 20px;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
    padding-bottom: 45px;
    
  }

  .map-link {
    color: #b5aeb4;
    text-decoration: none;
    

    font-size: 1.5rem;
  }

  .content-map-mobile {
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s;
    list-style: none;
  }

  .content-map-mobile {
    margin: 0;
    padding: 0;
  }

  .content-map-mobile > li {
    margin: 30px;
  }

  .toggle-map-mobile:checked ~ .content-map-mobile {
    max-height: 100vh;
  }

  .btn-dropdown {
    display: none;
  }

  .select {
    width: 100%;
    overflow: hidden;
    margin: 0;
    color: #fff;
    position: relative;
    height: 30px;
    max-height: 400px;
    /* max 8 element in list */
    transition: 0.2s;
    font-weight: bolder;
  }

  .select:before,
  .select:after {
    position: absolute;
    background-color: #b5aeb4;
    cursor: pointer;
    width: 22px;
    height: 22px;
    transform: rotate(45deg);
    top: 22px;
    right: 20px;
    margin-right: 20px;
  }

  .select:after {
    background-color: #000e24;
    top: 16px;
  }

  .collapsed {
    max-height: 30px;
    transition: 0.2s;
    transform: translateY(0px);
  }

  .collapsed:before,
  .collapsed:after {
    position: absolute;
    background-color: #b5aeb4;
    cursor: pointer;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    top: 0px;
    right: 20px;
    margin-top: 4px;
  }

  .collapsed:after {
    background-color: #000e24;
    top: 5px;
  }

  .footer-link {
    font-size: 1.4rem;
  }
}
/* Social Media */
.body-social-media-icons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  
  height: 220px;
}

.body-social-media-icons .icons-social__wrapper {
  width: 85%;
  max-width: 400px;
  display: flex;
  justify-content: space-between;
}

.body-social-media-icons .social-media__icons > img {
  width: 30px;
  height: 30px;
}

.body-social-media-icons > p {
  color: #fff;
  font-size: 2rem;
  padding-bottom: 30px;
}

@media (max-width: 500px) {
  .body-social-media-icons > p {
    font-size: 1.5rem;
  }
}
/* Footer */
footer {
  background-color: #020f19;
}

.footer-container {
  width: 100%;
  height: auto;
  padding-top: 30px;
  display: flex;
  justify-content: space-evenly;
}

.footer-text {
  color: #b5aeb4;
  margin-top: 10%;
  font-size: 1.5rem;
  
}

.footer-text--left {
  float: left;
  text-align: left;
  line-break: auto;
  margin-right: 5%;
  margin-bottom: 20px;
  
}

.footer-text--right {
  float: right;
  text-align: right;
  line-break: anywhere;
  margin-left: 5%;
  margin-bottom: 20px;
  
}

.footer-title {
  color: #fff;
  
}

.footer-motorola-logo {
  filter: invert(1);
  max-width: 21.5rem;
  max-height: 9.3rem;
  width: auto;
  height: auto;
}

.footer-flag-usa {
  width: 40px;
  height: 30px;
  margin-right: 15px;
}

.footer-location {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 1.5rem;
  margin-top: 35px;
  width: 50%;
}

@media (max-width: 1024px) {
  .footer-location {
    width: 100%;
  }
}

.footer-link {
  color: #fff;
  right: 8.6rem;
  bottom: 16.6rem;
  
}

#link {
  color: #fff;
  padding-left: 1rem;
  text-decoration: none;
}

#link:hover {
  text-decoration: underline;
  padding-left: 1rem;
}

.footer-wrapper-flag {
  display: flex;
  align-items: center;
}

.footer-wrapper-text {
  display: flex;
  flex-direction: column;
  margin-top: 19px;
  width: 50%;
}

@media (max-width: 1024px) {
  .footer-wrapper-text {
    width: 100%;
  }
}

@media screen and (max-device-width: 900px) {
  br {
    display: none;
  }

  .footer-container {
    display: grid;
    height: auto;
    padding-bottom: 55px;
  }

  .footer-wrapper-text,
  .footer-location {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer-text {
    padding: 10px;
    font-size: 1.5rem;
    line-height: 1.9;
  }

  .footer-text--right {
    text-align: left;
    margin-top: 0;
  }

  .footer-motorola-logo {
    filter: invert(1);
    max-width: 31.5rem;
    max-height: 9.3rem;
    margin-top: 36px;
    margin-bottom: 28px;
  }

  .footer-botton-mobile {
    background-color: #000e24;
    width: 100%;
    height: auto;
  }

  .footer-title-mobile {
    font-size: 1.9rem;
    padding: 40px;
    text-align: center;
    color: #b5aeb4;
    line-height: 1.7;
  }

  .footer-title {
    display: none;
  }

  .footer-wrapper-flag {
    order: 1;
    margin: inherit;
  }

  .footer-flag-usa {
    width: 54px;
    height: 40px;
    margin-right: 27px;
  }

  .footer-link {
    font-size: 2.1rem;
  }
}
.custom-select {
  display: flex;
  width: 100%;
}
.custom-select--container {
  display: flex;
  width: 300px;
  align-items: center;
}
@media (max-width: 1024px) {
  .custom-select--container {
    margin-top: 25px;
    padding: 0 20px;
  }
}

/* add New Device Content */

.content__new_device {
  display: grid;
  justify-content: center;
  
  color: #fff;
}

.content_second_section {
  
  font-size: 15px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px;
}

@media(max-width: 1024px){
  
  .content_second_section{

  padding:0px
}
}

.form_new_device {
  justify-content: center;
  align-items: center;
  text-align: left;
  width: 100%;
  display: block;
  padding: 20px;
}

.input_text {
  width: 290px;
  height: 0px;
  border-color: none;
  margin-bottom: 12px;
  
  font-size: 14px;
  padding: 20px;
  outline: none;
}

@media (max-width: 1024px) {
  .input_text {
    width: 246px !important;
  }
}

.add_device_select {
  width: 300px;
  height: 40px;
  border-radius: 2px;
  border-color: none;
  background-color: #fff;
  margin-right: 4%;
  padding: 0px 30px;
  font-size: 14px;
}

@media (max-width: 1024px) {
  .new-device__field-label {
    position: unset;
  }
}

.add_device_section__field-label {
  
  font-size: 12px;
  padding-bottom: 10px;
}
.new-device__tooltip--validation {
  display: contents;
  font-size: 12px;
}

.label_add {
  font-size: 12px;
  
}

.label_float {
  color: #000000;
  font-size: 9px;
  
}

.div_select_device {
  margin-top: 20%;
}

.div_buttons {
  display: block;
  justify-content: center;
  align-items: center;
  
  padding-top: 10%;
}

@media (max-width: 1024px) {
  .div_buttons {
    display: grid;
    margin-right: 10%;
  }
}

.div_btncancel-button {
  margin: 0 0 20px 20px;
  height: 44px;
  max-width: 323px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.div_btncancel-button_add {
  margin: 0 0 20px 90px;
  height: 44px;
  max-width: 323px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .div_btncancel-button_add {
    margin: 20px 0 20px 0px;
  }
}

.btn__cancel {
  justify-content: center;
  
  padding-top: 10%;
  font-size: 16px;
  background: none;
  margin-top: 5px;
  color: #fff;
  border: none;
  outline: none;
  padding: 12px 40px;
  vertical-align: middle;
  border-radius: 29px;
  border: 1px solid #fff;
}

@media (max-width: 1024px) {
  .btn__cancel {
    display: inline;
    padding-top: 3%;
  }
}

.btn__cancel-select {
  justify-content: center;
  
  padding-top: 10%;
  font-size: 16px;
  background: none;
  margin-top: 5px;
  color: #fff;
  border: none;
  outline: none;
  padding: 12px 40px;
  vertical-align: middle;
  border-radius: 29px;
  border: 1px solid #fff;
}

@media (max-width: 1024px) {
  .btn__cancel-select {
    display: inline;
    padding-top: 15%;
    margin-top: 6px;
  }
}

.div_btn_primary {
  height: 44px;
  /*max-width: 205px;*/
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;
}

.div_btn_primary_mail{
  height: 44px;
  max-width: 205px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;

}

@media(max-width: 1024px){
.div_btn_primary_mail{

    margin: 10px;
  }
}

.div_btn_primary_motocare {
  height: 44px;
  max-width: 205px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 29px;
  background-color: #ff554d;
}

.btn_primary {
 justify-content: center;
    padding-top: 10%;
    font-size: 16px;
    background: none;
    color: #fff;
    border: none;
    outline: none;
    padding: 12px 40px;
    vertical-align: middle;
    border-radius: 29px; 
    background-color: #ff554d;
    cursor: pointer;

  
/*  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 8px;*/
}

.btn_primary-address {
  
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 15px;
  justify-content: center;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  text-align: center;
}

.btn_primary-payment {
  
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 11px;
}

.div_btn_secundary {
  
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.button_back { 
  background-color: transparent;
  border: none;
  color: #fff !important;
  font-size: 16px !important;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 12px;
}

.section__field-value--carrier-item {
  
  font-size: 12px;
}

/* progress */

.div_progress {
  margin-top: 5%;
}

.troubleshooter-progress {
  background: #001125;
  justify-content: flex-start;
  border-radius: 100px;
  align-items: center;
  position: relative;
  padding: 0 1px;
  display: flex;
  height: 15px;
  width: 350px;
  margin: 0 auto;
  margin-bottom: 70px;
}
.troubleshooter-progress__title {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  
}
.troubleshooter-progress__value {
  animation: pageloading2 3s normal forwards;
  border-radius: 100px;
  background: #00c2e1;
  height: 15px;
  width: 10%;
}
.troubleshooter-progress__value.-complete {
  animation: pageloading 3s normal forwards;
  background: #00ff5d;
}
@keyframes pageloading2 {
  0% {
    width: 0;
  }
  100% {
    width: 50%;
  }
}
.troubleshooter-bubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fff;
  color: #000;
  font-family: Arial;
  font-size: 1rem;
  line-height: 15px;
  text-align: center;
  width: 107px;
  height: 47px;
  border-radius: 10px;
  padding: 0px;
  visibility: hidden;
  margin-left: -9.5rem;
  margin-top: 9rem;
}
.troubleshooter-bubble:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 0 7px 8px;
  top: -7px;
  left: 50%;
  margin-left: -7px;
}
.troubleshooter-progress:hover .troubleshooter-bubble {
  visibility: visible;
}
.troubleshooter-progress__value:hover {
  background: #fff;
}

/* -- Progress Bar --------------------- */

#stepProgressBar {
  display: flex;
  justify-content: space-between;
  background: #011e3f;
  margin-bottom: 70px;
  height: 1vw;
  width: 26vw;
  border-radius: 100px;
  margin: 0 auto;
  z-index: -1px;
}

@media (max-width: 1024px) {
  #stepProgressBar {
    width: 70vw;
    height: 6vw;
  }
  #progressBarFull {
    width: 20vw !important;
    height: 6vw !important;
  }
}

.step {
  text-align: center;
}

.div-button {
  display: flex;
  justify-content: center;
  margin: 5%;
}

.bullet {
  display: inline-block;
  position: relative;
  transition: background-color 500ms;
  line-height: 70px;
  width: 10%;
}

.completed {
  background-color: #28a745;
}

#progressBarFull {
  border-radius: 100px;
  height: 1vw;
  width: 10%;
  background-color: #00c2e1;
}

.progress {
  position: absolute;
  width: 20%;
  height: 10px;
  background-color: #00c2e1;
}

.progress--complete {
  width: 26vw;
  background: #00ff5d;
}

.progress__bg {
  background: #011e3f;
  margin-bottom: 70px;
  height: 1vw;
  width: 26vw;
  border-radius: 100px;
  margin: 0 auto;
  z-index: -1px;
}

.troubleshooter-progress__wrapper {
  margin-top: 10%;
}

/* Confirm Address */

.edit-option{
  display:none;
}

#cancelModal{
  display: none;
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.2);

}



.modal-dialog{
  background-color: #020f19;
  margin: auto;
  padding: 20px;
  color:#fff;
  border-radius: 20px;
  justify-content:center;
  display:flex;
  line-height:30px;
  display:flex;
  text-align: center;
  width: 40%;
}

.device-header {
  display: flex;
  justify-content: center;
  margin: 20px;
}

.address-input-container {
  justify-content: center;
  margin: 20px;
}

.edit-btn {
  font-family: "Gotham bold";
  font-size: 12px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border:none;
  text-align:end;
  outline: none;
  display: block !important;
  color: #001426 !important;
}

.device-name {
  font-family: "Gotham bold";
  font-size: 14px !important;
  color: #001426 !important;
}

.dropdown-item {
  font-size: 12px !important; 
  color: #001426 !important;
}

.form-label-group_address {
  display: flex;
  justify-self: center;
  margin-bottom: 1rem;
  width: auto;
}

@media (max-width: 1024px) {
  .form-label-group_address {
    display: grid;
    margin-left: 0px;
  }
}

.form-control_address {
  width: 27%;
  height: 35px;
  margin: auto;
  
  border-radius: 2px;
  border-color: transparent;
  outline: none;
}

.switch-toggle {
  /*justify-content: center;*/
  margin: auto;
/*  margin-left: -11% !important;*/
}

@media (max-width: 1024px) {
  .switch-toggle {
    width: 100% !important;
    display: grid;
/*    margin-left: -18% !important;*/
  }
}

.switch-toggles {
  justify-content: center;
  margin: auto;
}

@media (max-width: 1024px) {
  .switch-toggles {
    width: 100% !important;
    display: grid;
  }
}

.body-content {
  display: flex;
}

@media (max-width: 1024px) {
  .form-control_address {
    width: 100% !important;
  }
}

.div_buttons_address {
  margin: auto;
  display: block;
  justify-content: center;
  align-items: center;
  
  margin-top: -5%;
}

.div_btncancel-button_address {
  margin: 0 0 20px 20px;
  height: 44px;
  max-width: 323px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.btn__cancel_address {
  justify-content: center;
  
  padding-top: 10%;
  font-size: 16px;
  background: none;
  color: #fff;
  border: none;
  outline: none;
  padding: 12px 40px;
  vertical-align: middle;
  border-radius: 29px;
  border: 1px solid #fff;
}

/* customer_info */
/* 
.device-info__button view{
  font-family: "Gotham bold";
  font-size: 12px !important;
  display:block !important;
  color:#001426 !important;
} */

.section--customer-info {
  width: auto;
}

.content-total-cost {
  width: 50%;
  margin-left: 7%;
}

.section-prices {
  display: flex;
  justify-content: space-around;
}

.content-costumer {
  width: 60%;
  justify-content: center;
  display: flex;
  margin: auto;
  place-content: space-between;
  margin-bottom: 8%;
}

@media (max-width: 1024px) {
  .content-costumer {
    width: 100%;
    display: block;
  }

  .section--customer-info {
    width: 88%;
    align-items: center;
    margin: 30px 20px;
  }

  .total-cost {
    margin: 10px 0px;
    justify-content: center;
    align-items: center;
  }

  .device-info {
    padding: 6px;
  }

  .content-total-cost {
    width: 100%;
    margin: 0px;
    margin-top: 15%;
  }
}

.device-info__name {
  font-family: "Gotham bold";
  font-size: 12px !important;
  display: block !important;
  color: #001426 !important;
}

.device-info__imei {
  
  line-height: 16px;
  font-size: 12px !important;
  color: #001426 !important;
}

.device-name {
  line-height: 21px;
  font-family: "Gotham bold";
  font-size: 14px !important;
  color: #001426 !important;
}

.div_buttons_customer_info {
  margin: auto;
  display: block;
  justify-content: center;
  align-items: center;
  
  margin-top: 5%;
}

@media (max-width: 1024px) {
  .div_buttons_customer_info {
    
    padding: 20px;
    align-items: center;
    justify-content: center;
  }
}

.info_repair_customer {
  font-size: 14px;
  font-family: "Gotham";
  padding: 10px 0px;
  color: #fff;
}

@media (max-width: 1024px) {
  .info_repair_customer {
    font-size: 14px;
  }
}

.div__btn_cancel_customer {
  margin: 0 0 20px 20px;
  height: 44px;
  max-width: 323px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .div__btn_cancel_customer {
    margin: 0 0 20px 2px;
    height: 44px;
    max-width: 90px;
    display: inline-block;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
}

.row_btns_add {
  justify-content: center;
  align-items: center;
  display: contents;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
}

.row_btns {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (max-width: 1024px) {
  .row_btns {
    display: grid;
    margin-left: -3px;
  }
}

.div_btn_secundary_customer_info {
  
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 1024px) {
  .div_btn_secundary_customer_info {
    
    border: none;
    width: 100%;
    color: #fff;
    font-size: 16px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: inline-grid;
  }
}

.div_tittle_pages {
  margin-left: 33%;
  margin-right: 33%;
}

@media (max-width: 1024px) {
  .div_tittle_pages {
    margin-left: 0%;
    margin-right: 0%;
  }
}

/* HasMotocare */

.device_content_motocare {
  display: flex;
  justify-content: center;
}

.device-info_hasmotocare {
  width: 27%;
  box-shadow: 0 0 0.88rem rgba(0, 0, 0, 0.1);
  background-color: white;
  padding: 0.25rem 0.94rem 0.75rem 0.94rem;
  border-color: lightgray;
  z-index: 99;
  font-size: 0.88rem;
  border-radius: 3px;
  line-height: 1rem;
  overflow-x: hidden;
  white-space: nowrap;
  margin-top: 0.94rem;
  padding: 10px;
  display: block;
}

@media (max-width: 1024px) {
  .device-info_hasmotocare {
    width: 80%;
  }
}

.paragraph-motocare {
  color: #fff;
  font-family: "Gotham";
}

.link-has-motocare {
  text-decoration: none;
  color: #00c2e1 !important;
}

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

@media (max-width: 1024px) {
  .text_has-motocare {
    font-size: 12px;
  }
}

.div-button-back {
  display: content;
}

/* has motocare claim */

.has_motocare-text-body {
  font-size: 14px;
  align-items: center;
  text-align: center;
  font-family: "Gotham";
  color: #fff;
  margin: 5%;
  line-height: 30px;
}

.row-content-has_motocare {
  margin: auto;
  width: 50%;
}

@media (max-width: 1024px) {
  .row-content-has_motocare {
    width: 100%;
  }
}

.container_radio-buttons {
  display: flex;
  margin: auto;
  color: #fff;
}
.section__radio-motocare {
  margin: 20px;
}

.div_buttons_motocare {
  margin: auto;
  display: block;
  justify-content: center;
  align-items: center;
  
  margin-top: 5%;
}

.div__btn_cancel_motocare {
  margin: 0 0 20px 20px;
  height: 44px;
  max-width: 90px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.div__btn_cancel_select {
  margin: 0 0 20px 13px;
  height: 44px;
  max-width: 88px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.content_has_motocare_buttons {
  margin: auto;
  justify-content: center;
}

.content_has_motocare_liquid_buttons {
  display: grid;
  margin: auto;
  justify-content: center;
}

@media (max-width: 1024px) {
  .div__btn_cancel_motocare {
    margin: 0 0 20px 20px;
    height: 44px;
    max-width: 90px;
    display: inline-block;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
}

.div__btn_cancel_motocare {
  max-width: 323px;
}

/* Landging Page */
.search-bar-landingPage {
  margin: auto;
  display: flex;
}

@media (max-width: 1024px) {
  .search-bar-landingPage {
    width: 90%;
  }
}

@media (max-width: 1024px) {
  .input-group {
    flex-wrap: nowrap;
  }

  .input-group-landingPage {
    width: auto !important;
  }
}

.input-group {
  border: 1px solid #00c2e180;
  border-radius: 29px;
}

.input-group-landingPage {
  top: 319px;
  left: 308px;
  width: 615px;
  height: 46px;
  background: #001428 0% 0% no-repeat padding-box;
  border: none;
  border-radius: 29px;
  opacity: 1;
  color: #fff;
  
  padding: 1px 2px 0px;
}

.search-landingPage {
  color: #fff !important;
  
  padding-left: 20px;
  font-size: 10px;
}

.input-group-icon-text {
  border: none;
}

.input-groupLandgingPage {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.icon-searchLandingPage {
  width: 20px;
  height: 20px;
  margin: -5px 10px;
  color: #00c2e180;
}

input#search.input-group-landingPage {
  color: #00c2e180;
  
}

.card-LandingPage {
  margin: 20px;
  background-color: #fff;
  border-radius: 15px;
  
  width: 166px;
  height: 140px;
}

.card-title {
  
  font-size: 16px;
  color: #001428;
}

.card-content {
  display: grid;
  margin: 20px;
  padding: 16px;
  line-height: 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.div-ConteinerBanners {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 70%;
}

@media (max-width: 1024px) {
  .main-LandingPage {
    /*display: block !important;*/
  }
}

.section-Mail {
  display: flex;
  margin: auto;
  padding-left: 40px;
  padding-top: 15px;
  padding-right: 40px;
  width: 50%;
}

@media (max-width: 1024px) {
  .section-Mail {
    margin: 0px;
    display: contents;
    width: 100% !important;
  }

  .row {
    margin: 10px;
  }
}

.section-option {
  background-color: #fff;
  padding: 10px;
  border-radius: 2px;
  
}

.tittle-label-mail {
  font-family: "Gotham bold";
}

.subcontent-mail { 
  color: #fff;
  margin: auto;
  justify-content: center;
  align-items: center;
  padding: 3%;
  flex-wrap: wrap;
}

.subcontent-mail-text {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* No MotoCare */

.subContainerMotocare {
  text-align: center;
  font-family: "Gotham";
  color: #fff;
  margin: auto;
  justify-content: center;
  align-items: center;
  padding: 3%;
  flex-wrap: wrap;
  font-size: 14px;
  width: 50%;
}

@media screen and (max-width: 1024px) {
  .subContainerMotocare {
    width: 100%;
    font-size: 12px;
    padding: 0%;
  }
}

/* payment */
.payment_info_div-right {
  background-color: transparent;
  color: white;
  
  font-size: 12px;
  height: 50px;
  border: none;
  align-items: center;
  text-align: right;
  padding: 10px 0px;
}

.div_buttons_review {
  display: flex;
  justify-content: space-evenly;
}

.content-payment {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-evenly;
  margin-left: 31%;
}

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

.row-btn-mobile {
  display: none;
}

@media (max-width: 1024px) {

  
  .payment_info_div-right {
    font-size: 10px;
  }
  .row-btn-mobile {
    display: flex;
  }

  .content-payment {
    display: block;
    justify-content: space-evenly;
    margin: 20px;
  }

  .btn_primary-payment-mobile {
    
    background-color: transparent;
    border: none;
    color: #ffff !important;
    font-size: 15px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 13px;
  }
}

.row_btns_payment {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

@media (max-width: 1024px) {
  .row_btns_payment {
    display: none;
  }
}

/* Repair_Option */


#cancelModalRepair{
  display: none;
}

#cancelModalDescription{
  display: none;
}



.card-name {
  text-align: initial;
  font-family: "Gotham bold";
  font-size: 14px;
}

.card-description {
  text-align: initial;
  
  font-size: 14px;
}

.cards-container {
  width: 90%;
  margin: auto;
}

.cards-body {
  display: flex;
  justify-content: space-around;
  margin: auto;
  width: auto;
}

@media(max-width: 1024px){

  .cards-body{
    display:grid;
  }
}

/* Review */

.section--problem_review {
  margin: auto;
  color: #fff;
  padding: 3% 10%;
  width: 50%;
  line-height: 20px;
}

.section--mail-in-option_review {
  margin: auto;
  color: #fff;
  padding: 1% 10%;
  width: 50%;
  line-height: 20px;
}

.section--total-cost_review {
  margin: auto;
  color: #fff;
  padding: 1% 10%;
  width: 50%;
  line-height: 20px;
}

.section--shipping-info_review {
  margin: auto;
  color: #fff;
  width: 50%;
  padding: 1% 10%;
  line-height: 20px;
}

.section--payment-info_review {
  margin: auto;
  color: #fff;
  width: 50%;
  padding: 1% 10%;
  line-height: 20px;
}

.section--footer-buttons_review {
  margin: auto;
  color: #fff;
  width: 50%;
  padding: 5% 26%;
  line-height: 20px;
}

@media (max-width: 1024px) {
  .section--footer-buttons_review {
    padding: 0%;
    width: 100%;
  }
  .section--footer-buttons_review {
    width: 100%;
    padding: 0%;
  }
  .section--payment-info_review {
    width: 100%;
    padding: 0%;
  }
  .section--shipping-info_review {
    width: 100%;
    padding: 0%;
  }
  .section--total-cost_review {
    width: 100%;
    padding: 0%;
  }
  .section--problem_review {
    width: 100%;
    padding: 0%;
  } 
  .section--mail-in-option_review {
    width: 100%;
    padding: 0%;
  }

  .btn-cancel-review{
  display:none;

  }

  .btn-primary-review{
    width: 50%;
  }
}

.btn-primary-yes-modal{
  border-radius: 50px;
  font-size: 14px;
  height: 42px;
  height: 44px;
  max-width: 80px;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;
  
  border: none;
  color: white;
}

.btn-primary-review{
  border-radius: 50px;
  font-size: 14px;
  height: 42px;
  height: 44px;
  max-width: 205px;

  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;
  
  border: none;
  color: white;

}

.btn-cancel-review{
  
  font-size: 16px;
  background: none;
  color: #fff;
  border: none;
  outline: none;
  vertical-align: middle;
  height: 44px;
  max-width: 323px;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  border: 1px solid #fff;

  }

.section__edit-button_review a {
  
  color: #fff !important;
}

.div_btn_secundary_review {
  margin-top: 10%;

  
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* SELECT A DEVICE */

.content_second_section_selectDevice {
  
  font-size: 15px;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
  width: 100%;
}

.btn_add_device {
  color: #ffffff !important;
  font-size: 12px !important; 
  text-align: left !important;
  text-decoration: none !important;
}

/* Select an Issue */

.accordion {
  background-color: transparent;
  color: #ffffff;
  
  font-size: 12px;
  margin: 50px 0px;
}

.card-header-issue {
  background-color: transparent;
}

.btn-accordion-issue {
  
  font-size: 14px;
  font-weight: 600;
  color: white;
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 25px 0px;
  text-align: left;
  outline: none !important;
  display: flex;
  place-content: space-between;
}

.form-check-label {
  padding: 4px 10px;
}

.divider-issue {
  border-bottom: 1px solid #fff;
}

/* select issue description */

.btn_primary-select-description{
  
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 10px;
}

.row_btns_issue{
  display: flex;
  flex-wrap: wrap;
   margin-right: -15px;
   margin-left: -15px;

}

.btn-issue-description {
  display: grid;
  justify-content: center;
  margin: 20px 0px;
}
.div-btn-primary-issue {
  margin: 20px;
}

/* ticket submmit */

.device-info_hasmotocare-submmited{
  width: 40%;
  box-shadow: 0 0 0.88rem rgb(0 0 0 / 10%);
  background-color: white;
  padding: 0.25rem 0.94rem 0.75rem 0.94rem;
  border-color: lightgray;
  z-index: 99;
  font-size: 0.88rem;
  border-radius: 3px;
  line-height: 1rem;
  overflow-x: hidden;
  white-space: nowrap;
  margin-top: 0.94rem;
  padding: 10px;
  display: block;
}


@media(max-width: 1024px){
  .device-info_hasmotocare-submmited{
    width: 77%;
  }
  
  
}

.section__body-submitted {
  color: #ffff;
  
  margin: auto;
  display: flex;
  justify-content: center;
  width: 50%;
  font-size: 10px;
}

.section__send {
  display: flex;
  justify-content: center;

}
.section__field .phone-number{
  align-items: center;
}

@media (max-width: 1024px) {
  .section__body-submitted {
    width: 80%;
  }
}
.section__send-desc {
  color: #ffff;
  
  margin: auto;
  display: flex;
  justify-content: left;
  font-weight: bold;
  width: 50%;
}

@media (max-width: 1024px) {
  .section__send-desc {
    width: 80%;
  }
}

.text-subcontent {
  font-weight: bold;
  text-align: left;
}
.text-content {
  text-align: left;
  color: #ffff;
  
}
.text-content-repair {
  text-align: left;
  color: #ffff;
  
  font-size: 14px;
  margin: 20px 20px;
}

.btn-primary-submitted{
  border-radius: 50px;
  font-size: 14px;
  height: 42px;
  height: 44px;
  max-width: 205px;
  width: 180px;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;
  
  border: none;
  color: white;
}



@media (max-width: 1024px){
  .text-content-repair {
    margin: 0px;
    font-size: 9px;
    display: flex;
  }

  .btn-primary-submitted{
    height: 42px;
    height: 35px;
    margin: 0px 20px;
    font-size: 10px;
    max-width: 205px;
    width: 139px;
    border: none;
    color: white;
  }
  
}

.text-bold {
  font-weight: bold;
}
.row_submitted {
  margin: auto;
  justify-content: center;
  display: flex;
  width: 40%;
  margin-top: 20px;
}

.section--total-cost-submitted{
  width: -webkit-fill-available;
}

@media (max-width: 1024px) {
  .row_submitted {
    width: 80%;
  }
}

.section-submmit-repair {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}

.section-send-content {
  display: flex;
  width: 35%;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .section-send-content {
    width: 85%;
  }
}

.btn-send {
  border-radius: 50px;
  font-size: 14px;
  width: 101px;
  height: 40px;
  max-width: 205px;

  align-items: center;
  border-radius: 29px;
  background-color: #00c2e1;
  
  border-color: #00c2e1;
  color: #fff;
  border: none;
}

@media(max-width: 1024px){
  .btn-send{
    font-size: 12px;
    width: 91px;
    height: 35px;
  }
}

/* tickect_submmit */

.text-content-troubleshooting {
  text-align: left;
  color: #ffff;
  
  font-size: 12px;
  margin: 20px 0px;
}

/* Sign in */


.row-password{
  display: flex;
  justify-content: space-around;
}

.tittle-sign {
  
  font-size: 19px;
  color: #ffff;
  text-align: center;
  font-family: 400px;
  margin-bottom: 20px;
}

.div_tittle_sign {
  width: 100%;
  justify-content: center;
}

.navbar-sign-in {
  background-image: url("../../lenovo/assets/background-desktop.png");
  background-repeat: no-repeat;
  height: 35%;
  padding: 0px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

@media (max-width: 500px) {
  .navbar-sign-in {
    background-image: url("../assets/background-mobile.png");
    background-image: url("../../lenovo/assets/background-mobile.png");

    background-repeat: round;
    height: 16%;
  }
}

.container-sign-in {
  margin-top: 20%;
}

@media (max-width: 1024px) {
  .container-sign-in {
    width: max-content;
    margin: auto;
    padding-top: 20%;
  }
}
.logo-moto {
  margin: 3% 20%;
  height: 18%;
  width: 14%;
  background-image: url("../../lenovo/assets/logo-motorola.png");
  background-repeat: no-repeat;
}

@media (max-width: 1024px) {
  .logo-moto {
    background-image: url("../../lenovo/assets/Logo-moto-mobile.png");

    height: 40%;
    width: 10%;
    margin: 7% 13%;
  }
}

.content-main-sign-in{
  align-items: center;
    justify-content: center;
    width: 30%;
    margin-top: 10%;

}

@media (max-width: 1024px) {
  .content-main-sign-in {
    display: content !important;
    justify-content: center;
    padding: 0px !important;
    width: 100%;
    
  }
}

.div-btns-sign {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.label-remember {
  font-family: "Gotham";
  font-size: 14px;
  color: #ffff;
  text-align: center;
}

.forgot-text {
  font-family: "Gotham";
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: underline;
}

.text-register {
  font-family: "Gotham";
  font-size: 12px;
  color: #ffff;
  text-align: center;
  text-decoration: underline;
  margin: 10px;
}
.text-register-or {
  font-family: "Gotham";
  font-size: 12px;
  color: #ffff;
  text-align: center;
  text-decoration: none;
  margin: 10px;
}

.lock-icon-sign {
  background-image: url(../../lenovo/assets/Icon-feather-key.png);
  background-repeat: no-repeat;
  width: 9%;
  position: absolute;
  height: 78%;
  top: 3px;
  margin: 5px 2px;
}

.mail-icon-sign {
  background-image: url(../../lenovo/assets/email.png);
  background-repeat: no-repeat;
  width: 9%;
  position: absolute;
  height: 78%;
  top: 3px;
  margin: 8px 2px;
} 

.mail-icon-sign-sub{
  background-image: url(../../lenovo/assets/email.png);
  background-repeat: no-repeat;
  width: 9%;
  position: absolute;
  height: 78%;
  top: 3px;
  margin: 5px 2px;

}


@media(max-width: 1024px){
  .mail-icon-sign-sub{
  background-image: url(../../lenovo/assets/email.png);
    background-repeat: no-repeat;
    width: 13%;
    position: absolute;
    height: 78%;
    top: 3px;
    margin: 8px 2px;
  }
}

.form-control-sign {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-google {
  background-color: white;
  border: none;
  color: black;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  height: auto;
  display: flex;
  border-radius: 3px;
}

.logo-google {
  width: 20px;
  height: 20px;
}

.align-text-btns {
  margin: 2px 20px;
  display: flex;
  
  font-size: 14px;
}

.text-login {
  

  font-family: 600;
}

.text-Google {
  margin-left: 5px;
  font-family: "Gotham bold";
}

/* Walk in */


.content{
  display: none;
  overflow: hidden;
}

.text-register-walk {
  text-align: left;
  color: #ffff;
  
  font-size: 12px;
  text-decoration: underline;
}

.text-content-walk {
  text-align: left;
  color: #ffff;
  
  font-size: 12px;
}

.section-send-content-walk-in {
  display: flex;
  width: 37%;
  justify-content: center;
  align-items: center;
}

.form-label-group-walk-in {
  width: 60%;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.device-content-walk {
  width: 400px;
}

.device-informations {
  display: flex;
  margin: 12px 0px;
  font-size: 12px;
}

.divider-walk {
  padding-left: 10px;
  padding-right: 10px;
}

.search-results {
  color: aliceblue;
  font-size: 15px;
  
  margin: auto;
  display: flex;
  justify-content: center;
  justify-content: space-evenly;
  width: 70%;
  margin-top: 5%;
}

@media (max-width: 1024px) {
  .search-results {
    color: aliceblue;
    font-size: 15px;
    
    margin: auto;
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
    width: 100%;
    margin-left: 0%;
    margin-top: 5%;
  }
}

.inputs-address {
  color: aliceblue;
  font-size: 15px;
  
  margin: auto;
  display: block;
  justify-content: center;
  justify-content: space-evenly;
  width: 30%;
  margin-top: 5%;
}

@media (max-width: 1024px) {
  .inputs-address {
    width: 80%;
  }
}

.margin {
  margin-top: 20px;
}

.text-results {
  font-weight: 700;
}

#main__section--results {
  background-color: #ffff;
  border-radius: 14px;
  padding: 20px;
}

.div-localizations {
  width: 25%; 
  height: auto;
  display: grid;
  margin: auto;
  margin-top: 30px;
  
  font-size: 12px;
  background-color: white;
  line-height: 17px;
  padding: 20px;
  border-radius: 14px;
  opacity: 1;
}

.row_walk_in{
  display:flex;
  justify-content:space-between;
}


.collapsible{
text-decoration: none;
    outline: none;
    border: none;
    background-color: transparent;
  }


.map-content {
  padding: 0px 20px;
}

.locator-find__map {
  display: flex;
  border-radius: 10px;
  justify-content: center;
  margin: 0px 20px;
}

.locator-box__map{
  width: 300px;
  max-width: 300px;
  height: 200px;
}

@media screen and (max-device-width: 900px) {
  .locator-find__map {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-box__map {
    width: 31rem;
  }
}

@media screen and (max-width: 1024px) {
  .map-view-container {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .div-localizations {
    width: auto;
    height: auto;
    justify-content: center;
    display: block;
    margin: auto;
    margin-top: 30px;
    
    font-size: 12px;
    line-height: 17px;
    padding: 0px;
    border-radius: 14px;
    opacity: 1;
  }
}

.btn-share-location {
  font-size: 14px;
  height: 44px;
  width: 100%;

  align-items: center;
  border-radius: 5px;
  background-color: #ff554d;
  
  border-color: #ff554d;
  border: none;
  color: #fff;
}

.device-informations-btn {
  display: flex;
  margin: 12px 0px;
  font-size: 12px;
  justify-content: center;
}




/* Walk in map */

.footer-walk-in-map {
  margin-top: 10%;
}

.btn_primary-contact-us {
  
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 15px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 12px 8px;
}



.options__button{
  border:none;
}

.easy-autocomplete-container{
  overflow-x: hidden;
  max-height: 50px;
  height: 50px;
  overflow-y: auto;

}

.blueBtn{
  display: block;
  color: #fff;
  background: #598ffd;
  font-size: 12px;
  text-align: center;
  height: auto;
  align-items: center;
  display: flex;
  border: none;
  padding: 0px 8px;
  text-align: center;
  font-family: "Gotham", sans-serif;
}


.locator-section__find-track {
  display: flex;
  flex-direction: column;
}

.locator-section__label-track {
  color: #000;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.locator-find__list-track {
  width: 425px;
  height: 226px;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  background-color: #fff;
  margin-top: -1rem;
}

.find-list__wrapper-track {
  list-style: none;
}

.find-list__address-track {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  border-bottom: 1px solid #bebebe;
  margin: 2rem;
}

.find-list__number-track {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fc5454;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  color: #fff;
  margin-bottom: -1.4rem;
}

.find-list__title-track {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.find-list__text-track {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.find-list__img-track {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.find-list__icon-track {
  width: 15px;
  margin-right: 1rem;
}

.locator-box__arrow {
  margin-right: -119rem;
}

.locator-find__map-track {
  display: flex;
  align-items: flex-end;
  width: 55%;
  max-width: 55%;
  margin-top: 5rem;
  justify-content: flex-end;
  margin-top: 5rem;
}

.locator-box__map-track {
  width: 61rem;
}

.locator-box__arrow-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.locator-box__arrow-track {
  filter: invert(1);
  width: 25px;
  margin-right: 1rem;
}

.locator-box__arrow-text {
  font-size: 2rem;
  font-weight: 400;
  color: #000;
}


#directionsUserLocationAddress{
  background: #fff;
  font-size: 14px;
  line-height: 16px;
  color: #000;
  width:70%;
  border-radius: 4px;
  padding: 0px;
}

#directionsUserLocationSubmit{
  float: left;
    width: 10.455311973%;
    margin-left: 2.5295109612%;
    padding: 1.7133956386% 0;
    font-family: "Gotham", sans-serif;
    display: block;
    color: #fff;
    background: #598ffd;
    padding: 10px 12px 9px;
    border: none;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #cccccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

#directionsPanel{
  height:auto;
}

.adp-placemark{
  background-color: white;
  border: none;
  border-top: 1px solid #939697;
  font-family: 'Gotham';
}

.adp{
  background-color:white;
  font-family: 'Gotham';

}

.adp-text{
  font-family: 'Gotham';
  font-size: 12px;
  padding: 0px 10px;
  margin: 0;
}

.adp-summary{
  font-family: 'Gotham';
  font-size: 12px;
  padding: 0 3px 3px 8px;
}

.adp-directions{
  font-weight: 300;
  color: #2C2C2C;
  font-size: 12px;
  font-family: 'Gotham';
}

.getLinkWrapper{
  display: flex;
  margin: 20px 0px;
  height: 30px;
}

#copyGoogleLink{
  margin: 0px 20px;
  border-radius: 6px;
  width: 59%;
}

@media screen and (max-width: 1024px){
  .find-locators__show{
    padding:0px;
    display:grid;
    margin: 20px;
  }
}

#walk-in main .btn-container .btn-primary {
    margin-right: 24px;
    margin-bottom: 0;
}
@media(max-width: 1024px){
  .locator-find__map-track{
    align-items: center;
    justify-content: center;
    height: 300px;
    margin: 2rem;
    position: absolute;
  }
  .locator-map__window{
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;

  }
  .repair-options__content{
    /*display:grid;
    padding:0px;*/

  }
   


  .locator-box__arrow{
    height: 0px;
  }

  #directionsUserLocationSubmit{
    padding: 4px 12px 6px;
    height: 30px;
  }
  .button-container-div{
	    display: table!important;
    	text-align: center;
	}
	#walk-in main .btn-container .btn-primary {
       margin-right:unset; 
    	margin-bottom: 2rem;
}
}

/* Service Center Locator */
.locator-background {
  background-color: #001428;
  width: 100%;
  height: 100%;
}

.container-locator__text {
  text-align: center;
}

.locator-home__title,
.locator-home__text {
  color: #fff;
  font-size: 3rem;
  margin-top: 3rem;
  text-align: center;
}

.locator-home__text {
  font-size: 1.5rem;
}

.locator-section__find {
  display: flex;
  flex-direction: column;
  margin: 6rem 0 0 10rem;
}

.locator-section__label {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.locator-section__input {
  width: 17vw;
  padding: 1.2rem 3rem;
  border-radius: 5px;
  border-style: none;
  margin-bottom: 1.5rem;
  outline: none;
}

.locator-section__btn {
  position: relative;
  background-color: #fc5454;
  border: 1px solid transparent;
  color: #fff;
  font-size: 1.5rem;
  font-family: sans-serif;
  padding: 10px;
  border-radius: 50px;
  width: 15.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
}

.locator-section__map {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: -14rem 10rem 0 0;
  border-radius: 10px;
}

.locator-map__window {
  width: 61rem;
}

.container-locator__contact {
  display: flex;
  justify-content: space-evenly;
  margin: 5rem 12rem 1rem 12rem;
}

.locator-whatsapp,
.locator-facebook {
  display: flex;
  flex-direction: column;
  width: 11vw;
  height: 43vh;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 194, 225, 0.2);
  border-radius: 5px;
}

.locator-whatsapp__icon {
  width: 5rem;
}

.locator-whatsapp__text {
  color: #fff;
  font-size: 1.5rem;
}

.locator-whatsapp__code {
  width: 12rem;
}

.locator-whatsapp {
  line-height: 5rem;
}

.locator-facebook__icon {
  width: 2rem;
}

.locator-facebook__text {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.locator-facebook__code {
  width: 12rem;
}

.locator-chat,
.locator-repair {
  display: flex;
  flex-direction: column;
  width: 12vw;
  height: 20.5vh;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 194, 225, 0.2);
  border-radius: 10px;
}

.locator-chat__icon {
  width: 5rem;
}

.locator-chat__text,
.locator-repair__text {
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.locator-chat {
  margin-bottom: 1rem;
}

.locator-repair__icon {
  width: 5rem;
}

.locator-contact__img {
  width: 30rem;
  height: 27rem;
}

@media screen and (max-device-width: 900px) {
  .locator-section__map {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-map__window {
    width: 82vw;
  }

  .locator-section__find {
    align-items: center;
    justify-content: center;
    margin: 2rem;
  }

  .locator-section__input {
    width: 75vw;
    margin-bottom: 2.5rem;
  }

  .container-locator__contact {
    margin: 2rem 1rem 1rem 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .locator-whatsapp,
.locator-facebook {
    width: 37vw;
    margin: 1rem;
  }

  .locator-chat,
.locator-repair {
    width: 81vw;
  }

  .locator-chat {
    margin-bottom: 1rem;
  }

  .locator-contact__img {
    margin-top: 2rem;
    margin-bottom: -4rem;
  }
}
/* Find Location */
.locator-find__list {
  width: 345px;
  height: 347px;
  border-radius: 5px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 450px;
  background-color: #eff2f4;
  margin-top: -1rem;
}

.locator-find__map {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: -38.4rem 10rem 0 0;
  border-radius: 10px;
}

.locator-box__map {
  width: 61rem;
}

/* Section btn */
.section-find__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 26rem;
  background-color: #fff;
  border-radius: 7px;
  padding: 1rem 4rem;
  margin-bottom: 3rem;
}

.section-find__text {
  font-size: 1.3rem;
}

.section-find__rectangle {
  width: 0.5rem;
}

.section-find__close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  background-color: #242c34;
  color: #fff;
  border-radius: 5px;
  font-size: 2rem;
  margin-right: -2rem;
}

@media screen and (max-device-width: 900px) {
  .locator-find__map {
    align-items: center;
    justify-content: center;
    margin: 3rem;
  }

  .locator-box__map {
    width: 31rem;
  }
}
@media screen and (max-device-width: 361px) {
  .locator-whatsapp,
.locator-facebook {
    width: 37vw;
    margin: 0.5rem;
  }
}
@media (max-width: 667px) and (orientation: landscape) {
  .locator-whatsapp,
.locator-facebook {
    height: 25rem;
    width: 26vw;
  }

  .locator-chat,
.locator-repair {
    width: 56vw;
    height: 11rem;
  }
}
.find-list__wrapper {
  list-style: none;
}

.find-list__number {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fc5454;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  color: #fff;
  margin-bottom: -1.4rem;
}

.find-list__address {
  display: flex;
  align-items: flex-start;
  justify-content: normal;
  flex-direction: column;
  border-bottom: 1px solid #bebebe;
  margin: 2rem;
}

.find-list__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  margin-left: 2rem;
}

.find-list__text {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.find-list__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.find-list__icon {
  width: 15px;
  margin-right: 1rem;
}
.rn_AnswerFeedbackForm .feedbackwordlimit, .rn_AnswerFeedbackForm .required-text-signal {
    font-size: 13px;
}



.rn_AnswerFeedbackForm textarea.AnswerFeedback_Textarea {
    font-family: 'Gotham', sans-serif;
    font-weight: 300;
    font-size: 13px;
}

/*Answer Guide CSS*/
@media screen and (max-device-width: 500px) {
  .blog-post__wrapper iframe {
    width: 100% !important;
  }
}

.repair_faq_page .rn_AnswerFeedbackControl .rn_ThanksLabel{
	color:white;
}

.repair-track-feedback-container .rn_AnswerFeedbackControl .rn_ThanksLabel{
	color:black;
}
/* New Software upgrade page CSS */

.software-updates {
  padding-top: 100px;
  /* Progress Bar */
  /*& Bubble */
}

@media screen and (max-device-width: 900px) {


  .software-updates {
    padding-top: 30px;
    text-align: center;
  }
}

.software-updates.-modify {
  padding-top: 80px;
}
.software-updates__container {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
@media (max-width: 1024px) {
  .software-updates__container {
    flex-direction: column;
    align-items: center;
  }
}


.software-updates__wrapper {
  width: 420px;
  margin-left: 40px;
  display: flex;
    align-items: center;
	justify-content: center;
}
@media (max-width: 1024px) {
  .software-updates__wrapper {
    width: 100%;
    max-width: 450px;
    margin-left: 0;
  }
}
.software-updates__image {
  width: 250px;
  max-height: 250px;
}
.software-updates__title {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  margin-top: 20px;
  line-height: 2;
  font-family: sans-serif;
}
.software-updates__text {
  color: #fff;
  font-size: 1.6rem;
  margin-top: 40px;
}
.software-updates__button {
  background-color: transparent;
  color: #fff;
  font-size: 1.5rem;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 50px;
  width: 17.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 80px;
}
.software-updates__button:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
@media (max-width: 1024px) {
  .software-updates__button {
    margin: 0 auto;
    margin-top: 45px;
  }
}
.software-updates__buy-wrapper {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.software-updates__buy-title {
  font-size: 2.5rem;
  color: #fff;
  margin-bottom: 30px;
}
.software-updates__arrow-back-container {
  padding-top: 5px;
}
@media (max-width: 1024px) {
  .software-updates__arrow-back-container {
    padding-top: 20px;
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .software-updates__arrow-back-container .software-updates__arrow-back {
    width: 25px;
  }
}
.software-updates__device-wrapper .software-updates__subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
}




/*Software Update Informatio*/

.software-updates__content{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    margin-top: -3rem;
    font-family: sans-serif;
}
.software-updates__img{
  width: 80px;
  height: 80px;
  padding: 20px 0px;
}
.software-device{
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin: 4rem;
    padding: 2rem 2rem 2rem 2rem;
    width: 275px;
    max-width: 300px;
    max-height: 450px;
  
}
.software-device__text{
    color: #ffffff;
    font-size: 1.6rem;
    text-align: center;
    margin: 2rem;
    line-height: 1.2;
    min-height: 50px;
    max-height: 225px;
   
}

.software-updates__btn {
  background-color: transparent;
  color: #2EA3C9;
  font-size: 1.5rem;
  border: 1px solid #ffffff;
  padding: 6px 23px;
  border-radius: 50px;
  width: 17.5rem;
  display: block;
  text-align: center;
  transition: 0.5s ease;
  cursor: pointer;
  margin-top: 30px;
}
.software-updates__btn:hover {
  border: 1px solid transparent;
  background-color: white;
  color: #001426;
}
.software-updates__cutting__line{
  width: 1px;
  height: 266px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1024px) {
  .software-updates__btn {
    margin: 0 auto;
    margin-top: 15px;
  }
}
@media (max-width: 1024px) {
  .software-device {
    max-width: 50vw;
    width: 50vw;
    border: 1px solid rgba(0, 194, 225, 0.2);
  
  }
}
@media (max-width: 1024px) {
  .software-updates__content {
    display:flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }
  .software-updates__cutting__line{
    display: none;
  }
  .software-updates__title{
    text-align: center;
  }
  .software-updates__btn{
    width: auto;
  }
}

.android-upgrade-heading{
	color: #ff5353;
    font-size: 20px;
    font-weight: 400;
    justify-content: center;
    display: flex;
}
.android-upgrade-subheading{
	font-size: 16px;
    color: white;
    margin-top: 10px;
    display: flex;
    justify-content: center;
	text-align: center;
}
.android-upgrade-subheading div{
	width:56%
}
.software-update_page .security-information__wrapper{
	margin-top: 23rem;
}
/* New Software upgrade page CSS */