@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;
  min-height: 200px;
}
.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;
  text-align: center;
}
.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;
  text-align: center;
}
@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;
}


.faq-div{
  overflow-wrap: anywhere;
  margin-bottom: 30px
}
.faq-text{
  text-transform: uppercase;
  color: white;
  margin-top: -20%;
  justify-content: center;
  display: flex;
  font-weight: 700;
  font-size: 20px;
  margin-left: -13%;
}

.faq-text-troubleshooter{
  margin-top: -20%;
  justify-content: center;
  display: flex;
  font-weight: 700;
  font-size: 20px;
  margin-left: -13%;
  color: firebrick;
}

.faq-text-url{
  color:#7429BA;
  margin-top: -20%;
  justify-content: center;
  display: flex;
  font-weight: 700;
  font-size: 20px;
  margin-left: -13%;
}

.faq-text-guide{
  
  color:#30BA7A;
  margin-top: -20%;
  justify-content: center;
  display: flex;
  font-weight: 700;
  font-size: 20px;
  margin-left: -13%;
}



@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: 400px;
}
.repair-options__content-text a {
  text-decoration: underline;
  color: black;
}
.repair-options__content-button {
  background-color: #ff554D;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  width: 40%;
  min-width: 150px;
  height: 50px;
  margin-bottom: 20px;
  font-size: medium;
  margin-right: 10px;

}
.repair-options__content-button.-modify {
  background-color: #ff7870;
  color: #fff;
}
.repair-options__content-button.-modified {
    border: 2px solid #8B1E3F;
    height: 46px;
}
.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-information__text {
  margin-bottom: 50px;
}

.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%;
}

.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: normal;
}

.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%;
  min-width: 25%;
  overflow-wrap: anywhere !important;
  margin: 0 10px;
}

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

  .support-history__link {
    display: flex;
    flex-direction: column;
  }

  .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;
}

/* 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-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 {
  -webkit-appearance: none;
  appearance: none;
}
.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;
}
.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%;
  }
}

/* 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: 15px;
  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%;
}
.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;
}
.rn_RatingButtons{
	margin-top: 10px;
}

/*Answer Guide CSS*/
@media screen and (max-device-width: 500px) {
  .blog-post__wrapper iframe {
    width: 100% !important;
  }
}


/* 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 */
@media (max-width: 767px) {
	.repair-options__button-wrapper-desktop{
		display: none
	}
}

@media (min-width: 768px) {
	.repair-options__button-wrapper-mobile{
		display: none
	}
}

 /*Software page tile reordering start*/
 .software-updates__container{
     order:1;
}
 .software-updates__content{
     order:2;
}
 .security-information__wrapper{
     order:3;
}
 .software-updates__container-mobile{
     display:none;
}
 @media (max-width: 767px) {
     main.software-updates{
         display: flex;
         width: 100%;
         flex-direction: column;
         flex-wrap: wrap;
    }
     .software-updates__container{
         order: 3;
         margin-bottom: 0px;
    }
     .software-updates__container-mobile{
         flex-direction: column;
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .software-updates__container .software-updates__wrapper .software-updates__title{
         display:none;
    }
}
 /*Software page tile reordering end*/
 /*troubleshooter page tile reordering start*/
 .troubleshooter__image{
     order:1;
}
 .troubleshooter__text-wrapper{
     order:2;
}
 @media (max-width: 767px) {
     main.troubleshooter__container{
         display: flex;
         width: 100%;
         flex-direction: column;
         flex-wrap: wrap;
    }
     .troubleshooter__image{
         order:3;
         margin-top: 40px;
    }
}
 /*troubleshooter page tile reordering end*/