@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;
  height: 100vh;
}

a {
  text-decoration: none;
}

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

@media (max-width: 1220px) {
  .container-center {
    padding: 0 15px;
  }
}


/** Prateek added CSS from the pt--test site **/

/*
body {
  background-color: #001428;
  font-family: "Gotham thin";
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  }
*/

.div_btn_primary {
  height: 63px;
  max-width: 205px;
  width: 150px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  margin: 20px 0px;
  align-items: center;
  border-radius: 3px;
  background-color: #ff554d;
}

.row-btns{
  display:flex;
  color:white;
  font-family: "Gotham light";
  padding-left: 20px;
}

a.btn.-blue-form.text-center {
    font-size: 12px;
    padding: 25px 26px;
}

.btn.-blue-form{
  background: #2491db;
  border: none;
  color: #fff;
  display: inline-block;
  border-radius: 2px;
  font-family: 'Gotham LIGHT';
  line-height: 1;
  outline: 0;
  padding: 22px 6px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, opacity 0.3s ease;
  vertical-align: top;
  cursor: pointer;
}
.btn_primary {
  font-family: "Gotham light";
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 14px;
  cursor: pointer;
  padding: 23px 44px;
  cursor: pointer;
  box-sizing: border-box;
  margin: 0px;
  display: block;
}

@media(max-width: 1024px){
  .div_btn_primary {
    width: auto;
    max-width: none;
    text-align: center;
    display: flex;
    align-items: center;
    
  }
  .btn_primary{
  }
  .row-btns{
    display:grid;
    padding: 0px;
  }
}

/** Prateek added CSS from the pt--test site **/

@font-face {
  font-family: "Gotham Thin";
  src: url(../../font/GOTHAM-THIN.OTF) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "IcoMoon";
  src: url(../../font/icomoon.ttf) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "IcoMoon";
  src: url(../../font/icomoon.woff) format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}


@font-face {
  font-family: "icon-family";
  src: url(../../font/mototrackrepair.eot) 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;
}

@import '../../font/icomoon.ttf';
@import '../../font/icomoon.woff';

@font-face {
  font-family: "Gotham Italic";
  src: url(../../font/GOTHAM-XLIGHTITALIC.OTF) format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: auto;
}

@font-face {
  font-family: "Gotham LIGHT";
  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 MEDIUM";
  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 Bold" ;
  src: url(../../font/GOTHAM-BOLD.OTF) 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;
}

/** Prateek added CSS from the pt--test site **/




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

/** Prateek added the CSS from pt--test site **/

@media (max-width: 1220px) {
  .container-center-index {
    padding: 0 15px;
  }
}

.header-logo {
  height: 3rem;
}

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

}

.logo {
  width: 47px;
  height: 47px;
  margin: 12px 15px 12px 0;
  padding: 0;
}

.row {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  /** justify-content: center; **/ /** Added to fix status page center alignment -- Journey Redesign**/
}

.row:before {
  content: " ";
  display: table;
}

::before {
  box-sizing: border-box;
}

.menu-toggle {
  font: 0/0 a;
  display:none;
}

.in-grid {
  align-items: center;
  min-width: 320px;
  margin: 0px auto;
  display: flex;
  position: relative;
  max-width: 1220px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

a {
  outline: 0;
  text-decoration: none;
  color: white;
  font-size: 15px;
}


header > nav li > a {
  display: block;
  padding: 0 30px;
  height: 71px;
  text-transform: capitalize;
  font-family: "Gotham", sans-serif;
  font-weight: 100;
  font-size: 1.6rem;

  line-height: 71px;
  
}

header > nav .menu-toggle {
  width: 60px;
  padding: 0;
  background: url(../../MotoBr/assets/icons/nav-icons.png) no-repeat 0 -300px;
}


.search-site{
  display: none;

}


/* MOBILE */

@media screen and (max-width: 1025px) {

  .menu-toggle {
    width: 60px;
    padding: 0;
    display:grid;

    background: url(../images/nav-icons.png) no-repeat 0 -300px;
  }

  header>nav {
    height: 55px;
    padding: 0;
  }

  header > nav > .menu-logo {
    width: 100%;
    text-align: center;
    position: relative;
  }



header > nav li > a {
  height: 55px;
  display: block;
  font-family: "Gotham", sans-serif;
  font-size: 1.6rem;

    margin: 0;
    background: linear-gradient(to right, #001125, #1b3851);
}



.lenovo-logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 22px;
    height: 66px;

}
header > nav > .menu-logo > li {
  float: left;
  position: relative;
  display: inline-block;
  padding-left: 26px;
  vertical-align: top;
}

header > nav > .menu-logo > .logo-li{
  display: flex;
    width: 200px;
    justify-content: center;
}

header > nav .logo {
  width: 35px;
  height: 35px;
  background: transparent;
  margin: -8px;
}

.nav-items{
  display: none;
  
}

.show {display: block; transition:0.5s}


.nav-items li {
  padding: 0px 16px;
  text-decoration: none;
  display: block;
}

header>nav li {
  float: initial;
  position: relative;
}

}

/** **/


.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: 10px;
  color: #fff;
  font-size: 1.2rem;
}

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

/*** Prateek added CSS from pt--test site ***/

.user-registration-title {
	justify-content: center;
	display: flex;
	text-align: center;
	line-height: 33px;
}

.Title-Menu-user-registration {
  color: white;
  font-size: 29px;
  font-family: "Gotham";
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}


.paragraph-registration{
  color: white;
  font-family: "Gotham light";
  font-size: 13px;
  margin: auto;
}

#formUserRegister{
  width: 90%;
  display: grid;
  margin: auto;
  padding:50px;
}

.inpuTittle{
  font-size: 15px;
}

.row-name{
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1024px){
  .row-name{
    display: grid;
    
  }

  #formUserRegister{
    /* width: 90%; */
    /* display: grid; */
    margin: 2px;
    padding:14px;
  }

  .inputs-registration{
    width: 330px !important;
    height: 20px;
    margin: 10px 0px;
  
  }
  .div_btn_primary-user{
    max-width: none !important;
  }

  .row-endereço{
    display: grid !important;

  }
  
  
}


.row-endereço{
  display: flex;
  justify-content: space-between;
}

.inputs-registration{
  width: 380px;
  height: 40px;
  /* margin: 10px 0px; */
  margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
	.align-top-margin {
		margin: 2px 0px !important;;
	}
	
	.div-content-center {
		justify-content: center;
		margin-top: 10px
	}
} 

.div_btn_primary-user{

height: 44px;
max-width: 207px;
display: flex;
justify-content: center;
text-align: center;
align-items: center;
border-radius: 29px;
background-color: #ff554d;
}
/*** Prateek added CSS from pt--test site ***/

/* 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;
  overflow-wrap: break-word;  /** Prateek added the CSS from pt-tst site **/
}

/** Prateek added the CSS from pt-tst site **/

.map-button .select-footer::before {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 12px;
  right: 20px;
  margin-right: 10px;
}

.map-button .select-footer::after {
  content: "";
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
  top: 12px;
  right: 0px;
  margin-right: 10px;
}

/** Prateek added the CSS from pt-tst site **/


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


.map-button {
  background-color: #020f19;
  font-size: 1.5rem;
  border: none;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  z-index: 1;
							/*** Prateek added from the pt--test site ***/
  outline: none;
  /* margin-top: -8px; */
  /* padding: 20px; */
  /* height: 44px; */
  width: 230px;
  font-weight: 100px;
}

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

/** Prateek added the CSS from pt--test site **/
@media(max-width: 1024px){
  .map{
    position: relative;
    overflow: scroll;
    margin: 10px;
    width: initial;
    height: 300px;
}
  }
  /** Prateek added the CSS from pt--test site **/
  
/* 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;
}


.map-button .select {			/* Prateek added from the pt--test site 8**/
  width: 230px;
  overflow: hidden;
  margin: 0;
  color: #fff;
  position: relative;
  height: 30px;
  max-height: 400px;
  font-family: "Gotham light";
  
  outline: none !important;
  transition: 0.2s;
}

.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: normal;
  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: auto;
  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;
  height: 20px;
}
.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;
  padding: 0 10px;
  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;
  overflow: initial; /** this fix is not working in IE browser **/
}

.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: 45px;
  padding: 10px;
  padding-left: 50px;
  border-radius: 50px;
  border: none;
  outline: none;
}
@media (max-width: 1024px) {
  .faq__search {
    width: 100%;
  }
}
.faq__search-icon-close {
  background-image: url(/euf/assets/motorola_v3/assets/search-icon-close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 20px;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 1;
  width: 30px;
  cursor: pointer;
  display: none;
}
.faq__search-icon-close.-active {
  display: block;
}
.faq__search-title {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 20px;
}
.faq__search-title span {
  font-weight: 600;
}
@media (max-width: 1024px) {
  .faq__search-title {
    text-align: center;
  }
}
.faq-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .faq-header {
    flex-direction: column;
  }
}
.faq-header__image {
  width: 200px;
}
@media (max-width: 768px) {
  .faq-header__image {
    margin-top: 30px;
  }
}
.faq-header__image-text {
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}
.faq-title {
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
}
.faq-title__text {
  font-size: 2.5rem;
}
.faq-title__result {
  color: #fff;
  font-size: 1.3rem;
  text-align: end;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.faq-post__wrapper {
  width: 100%;
  background: #0d2033;
  padding: 10px 40px 10px 20px;
  display: flex;
  margin-bottom: 25px;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .faq-post__wrapper {
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
}
.faq-post__image {
  width: 200px;
  height: 200px;
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .faq-post__image {
    margin: 0;
  }
}
.faq-post__text-wrapper {
  padding: 20px;
  width: 100%;
}
.faq-post__title {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
}
.faq-post__text {
  font-size: 1.5rem;
  color: #fff;
  margin: 40px 0;
}
.faq-div{
  overflow-wrap: anywhere;

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

.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%;
}
.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: #ffbb8f;
  color: #de6a1f;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 5px;
  width: 115px;
  height: 35px;
  margin-bottom: 20px;
}
.repair-options__content-button.-modify {
  background-color: #fa6a4b;
  color: #fff;
}
a.repair-options__content-button {   /** Added as PROD fix -- Journey Redesign **/
    font-size: 11px;
}
.repair-options__questions-title {
  font-size: 2.5rem;
  font-weight: 300;
  color: #fff;
  text-align: center;
  margin: 80px 0 40px 0;
}
.repair-options__questions-content.-left {
  margin-left: 30px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content.-left {
    margin-left: 0;
  }
}
.repair-options__questions-content.-right {
  margin-right: 30px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content.-right {
    margin-right: 0;
  }
}
.repair-options__questions-content-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-title {
    margin-top: 30px;
  }
}
.repair-options__questions-content-text {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-text {
    text-align: center;
  }
}
.repair-options__questions-content-text span {
  font-weight: 500;
}
.repair-options__questions-content-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 50px;
  color: #fff;
  max-width: 900px;
}
@media (max-width: 1024px) {
  .repair-options__questions-content-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.repair-options__questions-content-image {
  max-width: 200px;
}
.repair-options__questions-button-wrapper {
  display: flex;
}
@media (max-width: 500px) {
  .repair-options__questions-button-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.repair-options__questions-button {
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-right: 8px;
  font-size: 1.3rem;
  border-radius: 5px;
  width: 145px;
  height: 35px;
  margin-bottom: 20px;
}
.repair-options__track-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .repair-options__track-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.repair-options__track-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #cccccc;
  width: 150px;
  height: 125px;
  font-size: 1.2rem;
  margin: 0 10px;
  margin-bottom: 20px;
  cursor: pointer;
}
.repair-options__track-button span {
  display: block;
  text-align: center;
  color: #cccccc;
  margin-top: 10px;
}
.repair-options__track-button.-active {
  border: 1px solid #000;
  background-color: #fff;
}
.repair-options__track-button.-active span {
  color: #000;
}
.repair-options__track-button img {
  max-width: 50px;
  max-height: 50px;
}
.repair-options__input-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  width: max-content;
  margin: 0 auto;
}
.repair-options__input-wrapper span {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #ff5353;
  font-size: 0.8rem;
  font-weight: 500;
}
.repair-options__input {
  width: 280px;
  height: 50px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #cccccc;
  font-size: 1.2rem;
  color: #000;
  outline: none;
}
.repair-options__input::placeholder {
  color: #cccccc;
}
.repair-options__button {
  width: 230px;
  height: 55px;
  border-radius: 30px;
  color: #fff;
  background-color: #ff5353;
  font-size: 1.5rem;
  margin: 0 auto;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .repair-options__button {
    margin-bottom: 15px;
  }
}
.repair-options__footer-image-wrapper {
  display: block;
}
.repair-options__footer-image {
  width: 100%;
  margin-bottom: 50px;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .progress-bar__repair {
    width: 100%;
  }

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

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

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

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

.repair-options__button {
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.security__content {
  display: none;
}

.security__content.-active {
  display: block;
}

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

.security-section__img {
  padding: 25px;
}

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

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

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

#security__top {
  margin-top: 7rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  #security__top {
    margin-top: 4rem;
  }

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

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

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

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

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

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

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

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

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

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

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

.security-section__stamp1 {

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

}

.security-select__img {
  width: 150px;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.support-history__section {
  display: flex;
  flex-direction: column;
  max-width: 25%;
  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: 10px;
  right: 10px;
  width: 120px;
  height: 25px;
  background-color: #fff;
}
.my-products__add-device-seal.-modify {
  color: #fff;
  background-color: #60506C;
  top: 40px;
  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-us__bottom h2, .contact-us__bottom a, .contact-us__bottom a:hover, .contact-us__bottom a:visited {
	color: #fff;
}

.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__wrapper.-technical {
  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;
  flex-direction: column;
}

.contact-section__wrapper.-shop {
  width: 38.5vw;
  height: 20vh;
}	

.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, .contact-section__wrapper.-shop {
    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__troubleshooter.-default {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)), url(/euf/assets/motorola_v3/assets/call-us.png);
}

.template-contact__technical_repair {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 28.5vw;
  height: 38vh;
  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, .template-contact__technical_repair {
    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: left;
}

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

.form-control {
    height: 35px !important;
    padding: 23px 6px;
    margin: 3px 0px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#map {
	  height: 100%;
	}
	.form-control {
		padding: 0 !important;
	}
}


/******* Changing the Styles based on Repair journeys Start ******/
#txtLogin {

  color: white;
  font-size: 14px;
  
  font-family: "Gotham light";
}

.txtLogin {

  color: white;
  font-size: 14px;
  
  font-family: "Gotham light";
  text-align: center;
}

#txtLogin strong{

  font-family: "Gotham bold";
}

.txtLogin strong{

  font-family: "Gotham bold";
}


.form-group {
  font-family: "Gotham light";
  color: white;
  display: grid;
}

.nav-item {
  font-family: "Gotham light";

}

.tab-content {
  background-color: #020f19;

}

.inputCpf-formIMEI {
  margin: 20px 0px;

}

.login .form-group label .btn {
  padding: 0px 2px;
}

.label-imei {
  margin: 8px 0px;

}

/* Style the tab */
.tab {
  overflow: hidden;
  width: min-content;
  margin: auto;
  padding: 20px;
  justify-content: center;
  display: flex;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: 1px solid #f1f1f1;
  background-color: #ccc;
  font-family: "Gotham";
  font-weight: 300;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  /* width: 50%; */
  border-radius: 5px;

  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  font-family: "Gotham light";
  
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #001428;
  color:white;
  border-radius: 5px;
  box-shadow: 0 0 20px rgb(36, 145, 219);
  font-family: "Gotham light";

}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 11px 20px;
  border-top: none;
  width: min-content;
}

@media screen and (max-width: 1024px){
  .tabcontent {
    width: auto !important;
    padding: 0px !important;
  }
}


.tablinks{
  width: auto; 
  margin: 5px;
}

.form-login{
  margin:auto;
  padding: 11px 20px;
  border: 1px solid #ccc;
  
  width: min-content;

}

/* HOME */

.div-notFind{
  color: white;
  font-family: 'Gotham Thin';
  margin: auto;
  display: flex;
  justify-content: center;

}
.text-center{

/* display: flex; */
/* justify-content: center; */
margin: auto;
}


.notFindText{
  font-size: 14px;
}

a.-line2 {
  background-color: #2491db;
  border: 1px solid transparent;
  width: fit-content;
  margin: auto;
  justify-content: center;
  display: flex;
  color: #fff;
  padding: 10px 25px;
  transition: color .2s,background-color .2s,border-color .2s linear;
}

.home .track-service {
  margin-top: 60px;
}



.div-tittle-menu {
  justify-content: center;
  display: grid;
  text-align: center;
  line-height: 30px;
  margin: 27px;
}

.paragraph {
  color: white;
  font-family: "Gotham light";
  font-size: 12px;
  width: 53%;
  justify-content: center;
  margin: auto;
}

.Title-Menu {
  color: white;
  font-size: 25px;
  font-family: "Gotham";
  font-weight: 600;
}

.content-find {
  color: white;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Gotham LIGHT';
  justify-content: center;
  margin: 20px;
}
.home .hightlight-topics .box-link {
  border: 2px solid #c1cdd6;
  color: white;
  display: block;
  font-size: 14px;
  height: 110px;
  margin: 10px;
  text-align: center;
  padding: 30px 15px;
  text-decoration: none;
  transition: background-color .3s ease,color .3s ease;
}
.home .hightlight-topics {

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto;
  max-width: 815px;
  width: 100%;
}
.home .hightlight-topics .icon {
  border: 2px solid #2491db;
  border-radius: 50%;
  color: #2491db;
  font-family: "IcoMoon"!important;
  font-style: normal;
  display: block;
  font-size: 40px;
  height: 54px;
  line-height: 54px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  text-align: center;
  width: 54px;
}

.i_battery:before {
  content: "";
}

.i_speed-meter:before {
  content: "";
}

.i_sim-card:before {
  content: "";
}

.i_screen:before {
  content: "";
}

.i_sound:before {
  content: "";
  
}

.troubleshooting-title .icon{

  border: 2px solid #2491db;
    border-radius: 50%;
    color: #2491db;
    font-family: "IcoMoon"!important;
    font-style: normal;
    font-size: 40px;
    height: 54px;
    line-height: 54px;
    overflow: hidden;
    text-align: center;
    min-width: 54px;
    margin:10px;

}

@media screen and (max-width: 1024px){
  .troubleshooting-title .icon{
    margin: 0px;
  }
}


.i_camera:before {
  content: "";
}

.i_connection:before {
  content: "";
}

.i_placeholder:before {
  content: "";
}

.home .hightlight-topics .link-text {
  display: block;
  margin-top: 20px;
}

.home .hightlight-topics .box-link {
  font-family: 'Gotham LIGHT';
  color: white;
  height: 160px;
  font-size: 14px;
}

.home .hightlight-topics .box {
  max-width: 182px;
  width: 50%;
}
.tittle-order {
  font-size: calc(1.05rem + 1.12941vw);
  color: white;
  font-family: 'Gotham Bold';
  font-size: 30px;
  display: flex;
  justify-content: center;

}

.form-row {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin: auto;
  justify-content: center;

}


.input-div{
  padding-right: 5px;
  padding-left: 5px;
  display:flex;
}

.dropdown{
  position: relative;

}

.home .dropdown .dropdown-toggle {
  background-color: white;
  border-color: #6c7b86;
  color: initial;
  flex-grow: 2;
  padding: 24px 18px;
  width: 100%;
  font-family: "Gotham light";

}


@media screen and (max-width: 1024px){
  .home .dropdown .dropdown-toggle{
    width: auto;
  }
}

.form-control-plaintext{
font-size: 1rem;
    background-color: white;
    border: 1px solid #6c7b86;
    border-radius: 0;
    color: #6c7b86;
    font-family: "Gotham light";
    line-height: 1;
    margin-bottom: 20px;
    padding: 27px 18px;
}

#cpifbutton {
  font-size: calc(.8rem + .18824vw);
  background: #4caf50;
  border: 1px solid #4caf50;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-family: Montserrat,Helvetica,Arial,sans-serif;
  line-height: 1;
  outline: 0;
  padding: 22px 42px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease,
  opacity 0.3s ease;
  vertical-align: top;
  box-sizing: border-box;
  vertical-align: inherit;
  border-radius: 0;
  height: 68px;

}
@media(max-width: 1024px){

  .input-div{
    display:grid;
    margin: 20px;
    }

.content-find {
  margin: 10px;
}
.text-center {
margin: 25px !important;
}

p.login-ou-center {
	flex-direction: row;
}


.heading.-h2 {
  font-size: calc(1.05rem + 1.12941vw);
}


.home .hightlight-topics {
  margin-top: 42px;
}

}

.row-tittle {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.link{
  text-decoration: none;
  color:rgb(36, 145, 219);
  margin-left: 10px;
}

.box-link{
  
  text-decoration: none;
  color:black;
  margin-left: 10px;
}

.row-tittle-sub{
  justify-content: center;
  font-size: 16px;
  text-align: center;
  margin-bottom: 5%;
  margin-top: 10%;
  display: grid;
}

.div-form-home{
  display: flex;
    margin: auto;
    padding: 20px;
    width: 50%;
    border-radius: 3px;
    border: 1px solid white;
    justify-content: center;
    justify-content: space-around;

}


@media(max-width: 1024px){
  .div-form-home{
    width: 80%;
    display: block;
  }
  .input-form {
    margin: 10px 0px;
    width: 100% !important;

  }
  .bnt-find-home{
    display:flex;
    justify-content:center;
    margin: 20px;
  }
}

.input-form{
  font-family: 'Gotham LIGHT';
  height: 35px;
  width: 130%;
}

.btn-find{
  height: 40px;
  border: none;
  border-radius: 2px;
  background-color: #3AA12A;
  color:white;
  font-family: 'Gotham LIGHT';
}

.hightlight-topics{
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 70%;
}

.box-home{
  background-color: white;
  height: 140px;
  margin: 10px;
  width: 170px;
  font-family: 'Gotham LIGHT';
  border-radius:4px;

}

.i_speed-meter:before {
  content: "";
  
}

.i_search:before {
  content: "";

  font-family: "IcoMoon"!important;

}

/* Homev2 */
.DropdownSelect{
font-family: 'Gotham LIGHT';
background-color: white;
border: none;
border-radius: 2px;
color: black;
font-size: 15px;
height: 40px;
}

/* home-error */

.div-form-error{
  margin: 20px;
}


/* troubleshooting auido e video */

.Title-Menu-troubleshooting{
  color: white;
    font-size: 25px;
    font-family: "Gotham";
    font-weight: 600;
    display:flex;
}
.troubleshooting-title{
  display: flex;
  line-height: 40px;
  margin: 20px;
}

.collapse-content .collapse-ol {
  counter-reset: counter;
  padding-left: 20px;
  list-style: auto;
  padding: 10px;
}

.collapse-content .collapse-ol .list {
  border-left: 2px solid #2491db;
  list-style: none;
  padding: 0 30px 10px;
  position: relative;
}

.container-troubleshooting .collapse-ol .list {
  padding: 0 30px 30px;
}


.collapse-content .collapse-ol .list strong {
 font-family: "Gotham bold";
 font-size: 14px;
}



.collapse-content .collapse-ol .list p {
  font-family: "Gotham light";
  font-size: 14px;
  line-break: inherit; /** UAT Fix **/
 }
 

 @media(max-width: 1024px){
  .container-troubleshooting .collapse-ol .list {
    width: 330px;
}
 }


.collapse-content .collapse-ol .list:before {
  background-color: #2491db;
  border-radius: 50%;
  color: #fff;
  content: counter(counter);
  counter-increment: counter;
  display: block;
  height: 35px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(calc(-50% - 2px)) translateY(-25%);
  width: 35px;
}

@media (max-width: 1024px) {
  .troubleshooting-title{
    display:grid;
  }

  .container-troubleshooting .troubleshooting-title{
    display: flex;
  }

  .container-troubleshooting .troubleshooting--tilte-align {
    margin-left: 15px;
  }

}




.paragraph-troubleshooting{

  color: white;
  font-family: "Gotham light";
  font-size: 12px;
  margin: auto;

}

.container-troubleshooting{
  max-width: 1140px;
  color: white;
  font-family: "Gotham light";
  background-color: #000e24;
  border-radius: 10px;
  margin: 20px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

.troubleshooting--tilte-align {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-self: center;
}

.troubleshooting--tilte-align  > *{
  min-width: 100%;
  line-height: 130%;
}

.container-troubleshooting .text-red {
  color: red;
}

.container-troubleshooting .collapse-content .collapse-ol .list .tips .tips-list {
  list-style: none;
  position: relative;
}

.container-troubleshooting .collapse-ol .list .tips .tips-list:before {
  color: #2491db;
  content: counter(counter);
  counter-increment: counter;
  display: block;
  height: 20px;
  left: 0;
  line-height: 35px;
  position: absolute;
  text-align: center;
  top: 0;
  transform: translateX(calc(-100% - 2px)) translateY(-15%);
  width: 20px;
}

.container-troubleshooting .avaliation p {
  color: white;
  font-family: "Gotham light";
  font-size: 14px;
  margin: auto;
  margin-bottom: 16px;
}

.container-troubleshooting .accordion {
  padding: 0px 40px;
  position: relative;
}

.container-troubleshooting .text-not-find {
  padding: 0px 30px;
}

.contentDropdown{
  padding: 0 0px;
  line-height: 20px;
  max-height: 0;
  overflow-y: auto;
  transition:  0.2s ease-out;
}


@media screen and (max-width: 1024px){
  .contentDropdown{
    
  overflow-y: scroll !important;

    padding: 0px;
  }

  .container-troubleshooting .accordion {
      padding: 0px 20px;
  }
}

.collapsible{
  background-color:transparent;
  width:100%;
  color: white;
  border: 1px solid white;
  height: 45px;
  border-radius: 1px;
  font-size: 15px;
  margin:10px;
  padding: 10px;
  display: flex;
  font-family: "Gotham light";
  transform: translateY(0px);

}

.btn__arrow {
  text-align: left;
  height: auto;
  max-height: 100% !important;
  font-size: 14px;
  min-height: 45px;
  margin-left: 0px;
  margin-right: 0px;
  cursor: pointer;
  transition: background 0.3s ease;
  padding-right: 50px;
}

@media screen and (min-width: 1024px){
  .btn__arrow {
    font-size: 16px;   
  }
}

.btn__arrow:hover {
  background-color: #17324a;
}

.btn__arrow:hover::after,
.btn__arrow:hover.collapsed::after {
  background-color: #17324a;
}

.btn__arrow.select::before, 
.btn__arrow.select::after {
  margin-right: 20px;
  margin-top: -11px;
  width: 15px;
  height: 15px;
  transition: background 0.3s ease;
}

.btn__arrow.collapsed::before, .btn__arrow.collapsed::after {
  position: absolute;
  background-color: #b5aeb4;
  cursor: pointer;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  transition: background 0.3s ease;
  top: 1px;
  right: 20px;
  margin-top: 18px;
}

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

.btn__arrow::before {
  top: 20px;
}


@media screen and (max-width: 1024px){
  .collapsible{
    font-size: 10px;
    margin: 6px 0px;
  }

  .btn__arrow {
    font-size: 14px;
  }
}

.div-btn-article-primary{
  
  max-width: 205px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  background-color: #ff554d;

}

.div-btn-article-secondary{
  
  max-width: 205px;
  display: inline-block;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 29px;
  border: 1px solid white;
  background-color: transparent;
}

.btn_secondary{
  font-family: "Gotham light";
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 12px;
}



#ModalYes{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalSchedule{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalScheduleDay{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalNo{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}


#ModalNoDifference{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalMotoboy{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalCancelAssistence{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalforaGarantia{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalGarantia{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalContinuar{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}
#ModalData{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}
#ModalProblema{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}
#ModalContact{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

#ModalContactAssistence{
  display: none;
  z-index: 1000;
  width: max-content;
  margin: auto;
  justify-content: center;
}

.modalWarrantyInvalid {
  padding: 0;
  background-color: rgba(0, 20, 38, 0.9);
  justify-content: center;
  align-items: center;
  width: 100% !important;
  top: 0px;
  left: 0px;
  position: absolute !important;
  padding: 10px;
  max-width: 100%;
  box-sizing: border-box;
  height: 100vh;
  overflow: auto;
}

.modal--effect.text__formated .modal-dialog {
    max-height: 100%;
}

.modalWarrantyInvalid.text__formated .modal-dialog {
    max-height: 100%;
}

.modal--effect a.close,
.modal--effect .modal-footer button  {
  cursor: pointer;
}

.modalWarrantyInvalid a.close,
.modalWarrantyInvalid .modal-footer button  {
  cursor: pointer;
}

@media screen and (max-width: 1024px){
  #ModalNoDifference{
    width:auto;
} 
 #ModalMotoboy{
    width:auto;
}
#ModalNo{
  width:auto;
}
#ModalContactAssistence{
  width:auto;
}


#ModalCancelAssistence{
  width:auto;
}


#ModalYes{
  width:auto;
}
#ModalSchedule{
  width:auto;
}

#ModalScheduleDay{
  width:auto;
}

#ModalContinuar{
  width:auto;
}
#ModalGarantia{
width:auto;
}
#ModalData{
width:auto;
}
#ModalContact{
width:auto;
}

#ModalforaGarantia{
width:auto;
}
#ModalProblema{
width:auto;
}




}
.modal-body{
  margin: 20px 0px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 165px;}

.text-not-find{ 
  font-family: "Gotham light";
  font-size: 12px;
  margin: 20px 10px;
}

.container-troubleshooting .max-100 {
  max-width: 100%;
}

.container-troubleshooting img {
  max-width: 100%;
}

.container-troubleshooting .text-not-find,
.container-troubleshooting .text-not-find .link {
  font-size: 16px;
}

.container-troubleshooting .text-not-find {
  justify-content: left;
}

@media screen and (max-width: 1024px){
  .text-not-find{   
    font-family: "Gotham light";
    font-size: 12px;
    display: flex;
    justify-content: center;
    margin: 20px 10px;  
  }

  .container-troubleshooting .text-not-find {
      padding: 0px 10px;
  }

}

@media screen and (max-width: 767px) {
  .container-troubleshooting .accordion {
      padding: 0;
      margin-left: -6px;

  }

  .collapse-content{
    padding: 0px;
  }

  .container-troubleshooting .troubleshooting-title {
    margin-left: 0px;
    margin-right: 0px;
  } 

  .container-troubleshooting .text-not-find {
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  .container-troubleshooting .text-not-find {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .container-troubleshooting .link  {
    min-width: 100%;
    margin: 0px;
  }

}

.container-troubleshooting  .collapse-content .collapse-ol .list .tips {
  counter-reset: counter;
}

.container-troubleshooting .collapse-content .collapse-ol .list .tips-list {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.container-troubleshooting .collapse-ol .list .tips-list {
  line-height: 180%;
}

@media (min-width: 568px) {
  .container-troubleshooting .collapse-content .collapse-ol .list .tips-list,
  .container-troubleshooting .collapse-content .collapse-ol p,
  .container-troubleshooting .collapse-ol .list strong {
      font-size: 18px;
      line-height: 115%;
      margin-bottom: 16px;
  }

  .container-troubleshooting .collapse-ol .list .tips .tips-list:before {
    line-height: 140%;
  }
}

/* Restred devices*/

.container:before, .container:after {
  content: " ";
  display: table;
}


.comunication .cellphone {
  align-items: center;
  display: flex;
  padding: 10px;
  text-align: center;
}
.comunication .cellphone {
  align-items: center;
  display: flex;
  padding: 10px;
  text-align: center;
}

.comunication .cellphone .image {
  margin: 0;
  padding-right: 10px;
}

.comunication {
  color:white;
  align-content: center;
  border: 1px solid #2491db;
  display: flex;
  flex-direction: row;
  margin: auto;
  justify-content: center;
  width: auto;

}
.comunication .chat {
  align-items: center;
  display: flex;
  padding: 10px 10px 10px 5px;
  border-left: 1px solid #2491db;

  text-align: center;
}

.nav-steps {
  border-bottom: 1px solid #6c7b86;
  font-family: "Gotham light";
  color: white;
  counter-reset: counter;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: auto;
  max-width: 868px;
  padding-bottom: 15px;

}

.nav-steps>.item.-filled::before {
  background-color: transparent;
  border-color: #2491db;
  color: #2491db;
}

.registered-devices .cards {
  display: flex;
  flex-wrap: wrap;
}.registered-devices .caption-newer {
  display: flex;
  flex-wrap: wrap;
}
.registered-devices .card {
  background-color: transparent;
  border: none;
  width: 100%;
}
.registered-devices .caption-newer {
  background-color: transparent;
  border: none;
  width: 100%;
}


.card {
  position: relative;
  display: flex;
  font-size: 11px;
  flex-direction: column;
  font-family: 'Gotham LIGHT';
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}
.card-body{
  font-size: 12px;

}


.caption-newer {
  position: relative;

  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}

.registered-devices .card .caption:first-child {
  align-items: center;
  border-top: none;
}
.registered-devices .card .card-body {
  border: 2px solid #b9c4cd;
  margin: 10px;
  padding: 0;
  height: 462px;
  border-radius: 26px;
}
.registered-devices .caption-newer .caption:first-child {
  align-items: center;
  border-top: none;
}
.registered-devices .caption-newer .card-body {
  border: 2px solid #b9c4cd;
  margin: 10px;
  padding: 0;
  border-radius: 26px;
}
.registered-devices .caption-newer .btn.-newer{
  align-self: center;
  background-color: transparent;
  border: 2px solid #2491db;
  border-radius: 50%;
  color: #2491db;
  font-size: 0;
  height: 85px;
  margin-bottom: 32px;
  padding: 0;
  transition: background-color .4s ease;
  width: 85px;
}

.registered-devices .caption-newer .btn.-newer:before {
  content: "+";
  font-size: 60px;
  font-weight: 200;
  line-height: 60px;
}

.card-body .caption-newer .-newer .caption{
  flex-direction: column !important;
  font-size: 13px;
  font-weight: 700;
  width: 100%;
}
.container-steps{
  margin:auto;
}


.nav-steps>.item.-current {
  color: initial;
  opacity: 1;
  font-family: "Gotham light";
  color: white;
}

.nav-steps>.item{
  display:flex;
  align-items: center;
}

.nav-steps>.item.-current::before {
  background-color: #2491db;
  border-color: #2491db;
  color: #fff;
}

.nav-steps>.item::before {
  font-size: 1.25rem;
  border: 2px solid #6c7b86;
  border-radius: 50%;
  content: counter(counter);
  counter-increment: counter;
  display: block;
  height: 40px;
  line-height: 36px;
  margin: 10px;
  min-width: 40px;
  text-align: center;
  width: 40px;
}

.registered-devices .card .caption {
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #b9c4cd;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(185, 196, 205);
  display: -webkit-box;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 158px;
  padding: 20px;
}
.registered-devices .card .caption-newer {
  align-items: center;
  border-top-width: 1px;
  flex-direction: column;
  flex-wrap: nowrap;
  min-height: 158px;
  padding: 20px;
}

.registered-devices .card .image {
  margin-right: 14px; /** Journey Redesign Production Migration change **/
  max-width: 86px;
}
.registered-devices .caption-newer .image {
  margin-right: 20px;
  max-width: 86px;
}

.registered-devices .card .text ul {
  margin: 0;
  padding: 0;
}
.registered-devices .caption-newer .text ul {
  margin: 0;
  padding: 0;
}

.registered-devices .card .text ul li {
  list-style: none;
}
.registered-devices .caption-newer.text ul li {
  list-style: none;
}
.registered-devices .card .text ul .light {
  opacity: 1;
}.registered-devices .caption-newer .text ul .light {
  opacity: 1;
}

.registered-devices .card .text ul li {
  list-style: none;
}
.registered-devices .caption-newer .text ul li {
  list-style: none;
}

.registered-devices .card .caption {
  align-items: center;
  border-top: 1px solid #b9c4cd;
  display: flex;
  flex-direction: column;
  min-height: 158px;
  padding: 20px;
}.registered-devices .caption-newer.caption {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 158px;
  padding: 20px;
}

.registered-devices .card .btn {
  padding-bottom: 22px;
  padding-top: 22px;
}
.registered-devices.caption-newer .btn {
  padding-bottom: 22px;
  padding-top: 22px;
}

.btn.-fluid { 
  display: block;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 1024px){
  .comunication .cellphone {
    text-align: left;
    width: 80%;
}
.registered-devices .card {
  width: auto;
}
.tittle {
text-align: center;
font-size: 26px;
}

.heading.-h1{
	text-align: center;
	font-size: 26px;
}

.comunication {
  display: none;
}

.nav-steps>.item.-current {
font-size: 0px;
}
.nav-steps>.item {
font-size: 0px;
}


.registered-devices .card .caption {
  -ms-flex-direction: row;
  flex-direction: row;
}

.registered-devices .card .caption {
  flex-direction: row;
  justify-content: center;
}

.registered-devices .card .text {
  padding-top: 0;
}

}

@media (max-width:767px) {
  .registered-devices .card .caption {    
    flex-wrap: wrap;
  }
}

@media(max-width: 1700px){
  .nav-steps>.item::before {
    font-size: calc(.85rem + .37647vw);
  }
}

.cards{
  overflow-x: hidden; /** auto; **/ /** UAT Fix  **/
  overflow-y: hidden;
  padding: 20px 4px;
  white-space: nowrap;
  margin: 30px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  color: white;
}

.card-img-left{
  height: 9.38rem;
  max-width: 70px; /** Added as part of Production fix -- Journey Redesign **/
}

.card-body{
  display: grid;
  font-family: "Gotham light";
  line-height:18px;
}



.card-device{
	border-right: 1px solid white;
    height: auto;
    max-height: 300px;  
} 

.btn-new{
	font-family: "Gotham light";
	border: none;
	color: white;
	background-color: rgb(36, 145, 219);
}



.btn-blue{
	border: none;
	border-radius: 2px;
	width: -webkit-fill-available;
	background-color: rgb(36, 145, 219);
	color:white;
	font-family: 'Gotham LIGHT';
	padding: 8px;
	margin: 8px;
}

.btn-continue {
	font-family: "Gotham light";
	background-color: transparent;
	border: none;
	color: #ffff !important;
	font-size: 12px;
	background-color: #ff554d;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: -webkit-fill-available;
	padding: 8px;
	margin: 8px;
}

.text__formated .collapse-content .collapse-ol p,
#txtLogin.p--fsize,
.form__formated label,
.paragraph.p--fsize {
	font-size: 14px;
	line-height: 115%;
	margin-bottom: 2rem;  
}

.form__formated label {
  margin-top: 10px;
  margin-bottom: 0px;
}

.text__formated .collapse-content .collapse-ol p strong {
	font-weight: bold;
}

.text__formated .collapse-content .collapse-ol hr {
  margin: 30px 0px;
}

@media (min-width: 568px) {
  .text__formated .collapse-content .collapse-ol p {
      font-size: 18px;
  } 
}

#txtLogin.p--fsize, 
.paragraph.p--fsize,
.paragraphNew.p--fsize  {
  font-size: 16px;
  margin-top: 15px;
  line-height: 170%;
}

.text__formated a.close {
  font-size: 14px;
  cursor: pointer;
}

@media (min-width: 568px) {
  .text__formated a.close {
    font-size: 18px;
  }

  .text__formated .Title-Modal {
    font-size: 18px; 
   }
}

.text__formated .Title-Modal {
  margin-left: auto;
  margin-right: auto;
  font-size: 29px;
}

.text__formated .content-image-imei {
  justify-content: center;
}

@media (min-width: 568px) {
  .text__formated .content-image-imei {
    justify-content: end;
  }
}


.btn-find-registred{
  border: none;
  border-radius: 2px;
  width: -webkit-fill-available;
  background-color: #3AA12A;
  color:white;
  font-family: 'Gotham LIGHT';
  padding: 8px;
  margin: 8px;
}

.bnt-continue{
  border: none;
  border-radius: 2px;
  width: -webkit-fill-available;
  background-color: #3AA12A;
  color:white;
  font-family: 'Gotham LIGHT';
  padding: 8px;
  margin: 8px 0px;
}


@media(max-width: 1024px){
  .card-device {
    border-right: none;
    border-bottom: 1px solid white;
    height: 220px;
    max-height: 300px;
    margin: 10px 0px;
  }
  .cards{
    white-space: nowrap; /** UAT Fix initial; **/
    
    padding: 20px 0px;
    margin: 20px;
  }

  .item-registered{
    display: none;
  }
  .nav-steps{
    justify-content:center !important;
    margin: 40px !important;
  }
}

.nav-steps{
  display:flex;
  margin: 40px 20px;
  font-family: 'Gotham LIGHT';
  font-size: 16px;
  color:white;
  justify-content: space-between;

}

.label-number{
  border: 1px solid white;
  border-radius: 50%;
  padding: 20px;
}

.label-number-current{
  border: 1px solid white;
  border-radius: 50%;
  padding: 20px;
  background-color: rgb(36, 145, 219);

}

.div-call{
  margin: 20px;
}

.tittle-steps{
  display: -webkit-inline-box;
  margin-left:10px;
}

.div-call{
  font-size: 15px;
    color: white;
    border: 1px solid white;
    display: grid;
    /* justify-content: center; */
    width: max-content;
    padding: 20px;
    margin: auto;
    line-height: 25px;
}

.exit{
  color: white;
  font-size: 12px;
  text-decoration: none;

}

.div-exit{
  display: flex;
  justify-content: end;
  margin: 20px;
}

/* registered-devices-assistence */
.btn-confirmar-assistence {
  background: #4caf50;
  border: 1px solid #4caf50;
  box-sizing: border-box;
  color: #fff;
  font-family: "Gotham light";
  padding: 22px 14px;
}

.modalCancelScheduling .box-info{
  display: flex;
}

.modalCancelScheduling .box-info .group:first-child {
    border-right: 1px solid;
}
.modalCancelScheduling .box-info .group {
    margin: 20px 0;
    padding: 0 20px;
    text-align: left;
}

.modalCancelScheduling .box-info .group strong {
  font-family: "Gotham bold";
}

/* registred-devices-form */
.registered-devices .form {
  margin-left: auto;
  margin-right: auto;
  max-width: 470px;
}
.registered-devices .form .form-group {
  margin-bottom: 1rem;
}

form .information {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

form .information label[for=inputImei-formUserRegister-ask] {
  margin-left: 10px;
  font-size: 10px;
  background-color: #3e8ddd;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 20px;
}
.btn.-blue {
  background: #2491db;
  border:none;
  color: #fff;
  display: inline-block;
  border-radius:3px;
  font-family: 'Gotham LIGHT';
  line-height: 1;
  outline: 0;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, opacity 0.3s ease;
  vertical-align: top;
  cursor: pointer;
}
.btn.-green {
  background: #3AA12A;
  border:none;
  color: #fff;
  display: inline-block;
  border-radius:3px;
  font-family: 'Gotham LIGHT';
  line-height: 1;
  outline: 0;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, opacity 0.3s ease;
  vertical-align: top;
  cursor: pointer;
}



.btn.-blue:hover,
.btn.-grey:hover {
  opacity: 0.8;
}

.btn.-grey {
  background: #6c7b86;
  border:none;
  color: #fff;
  display: inline-block;
  border-radius:3px;
  font-family: 'Gotham LIGHT';
  line-height: 1;
  outline: 0;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease, opacity 0.3s ease;
  vertical-align: top;
  cursor: pointer;
}

.btn-continue-modal{
  height: auto;
  padding: 10px;
  margin: 12px auto;
  border: none;
  justify-content: center;
  display: flex;
  width: max-content;
  border-radius: 2px;
  background-color: #3AA12A;
  color: white;
  font-family: 'Gotham LIGHT';

}
.modal .modal-footer {
  padding: 38px;
  display: flex;
  justify-content: space-around;
}


.form{
  font-family: 'Gotham LIGHT';
  font-size: 14px;
  display: grid;
  justify-content: center;

}

/* @media screen and (max-width: 1024px){
  .form{
    margin: 20px;
    justify-content:inherit;
  
  }  
} */

.div_btn_primary-form{
  font-family: "Gotham light";
  background-color: transparent;
  border: none;
  color: #ffff !important;
  font-size: 12px;
  background-color: #ff554d;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  padding: 22px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.text__formated .collapse-content  {
  padding-left: 3rem;
  padding-right: 3rem;
}

.comunication--new .chat {
    border-left: 1px solid #2491db;
}

.comunication--new .chat figure {
  margin-right: 10px;
}


.text__formated .collapse-content .collapse-ol p strong {
  display: block ;
}

.text__formated .collapse-content .collapse-ol p,
#txtLogin.p--fsize {
  font-size: 14px;
  line-height: 170%;
  margin-bottom: 2rem;  
}

.form__formated label {
  font-size: 14px;
}

.text__formated .collapse-content .collapse-ol p strong {
  font-weight: bold;
  text-align: left;
}

.text__formated .collapse-content .collapse-ol hr {
  margin: 30px 0px;
}

@media (min-width: 568px) {
  .text__formated .collapse-content .collapse-ol p,
   #txtLogin.p--fsize {
      font-size: 16px;
      font-family: "Gotham light";
  }
}

.modal--effect .modal-content {
  max-width: 1200px;
  box-sizing: border-box;
}

.modalWarrantyInvalid .modal-content {
  max-width: 1200px;
  box-sizing: border-box;
}

.row-100 {
  min-width: 100%;
}

.form__formated .link-inline {
  cursor: pointer;
}

@media (max-width:568px) {
  .form__formated #formIMEI .link-inline {
    display: block;    
    cursor: pointer;
    text-align: left;
    padding: 0px;
  }
}

@media (min-width:1026px) and (max-width:1215px) {
  header > nav li > a { 
    font-size: 13px;
    padding: 0 8px;
  }
}

header>nav .logo {
  margin: 0px 15px 0px 0px;
  display: contents;

}

.lenovo-logo {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

@media (max-width:568px) {
  .form__formated .tab { 
    width: 65%;
    margin-bottom: 25px;
  }

  .text__formated .Title-Modal {
    font-size: 19px;
  }
}

@media (max-width: 1025px) {
  header > nav .logo {
    margin-top:-8px;
  }
}

.modal--effect .steps-calling-imei, 
.modal--effect-v2 .steps-calling-imei,
.modal--effect .content-image-imei,
.modal--effect-v2 .content-image-imei {
  width: 100%;
}

.modalWarrantyInvalid .steps-calling-imei, 
.modalWarrantyInvalid-v2 .steps-calling-imei,
.modalWarrantyInvalid .content-image-imei,
.modalWarrantyInvalid-v2 .content-image-imei {
  width: 100%;
}

@media (min-width: 1025px) {
  .modal--effect .content-image-imei,
  .modal--effect-v2 .content-image-imei {
    width: 33%;
  }  
  .modal--effect .steps-calling-imei,
  .modal--effect-v2 .steps-calling-imei{
    width: 58%;
  }
}

@media (min-width: 1025px) {
  .modalWarrantyInvalid .content-image-imei,
  .modalWarrantyInvalid-v2 .content-image-imei {
    width: 33%;
  }  
  .modalWarrantyInvalid .steps-calling-imei,
  .modalWarrantyInvalid-v2 .steps-calling-imei{
    width: 58%;
  }
}


footer a.map-link {
  font-size: 14px;
}

.modal--effect-v2 {
  min-width: 320px;
  max-width: 990px;
  margin: auto;
  box-sizing: border-box;
}

.modalWarrantyInvalid-v2 {
  min-width: 320px;
  max-width: 990px;
  margin: auto;
  box-sizing: border-box;
}

.modal--effect-v2 .modal-dialog {
  max-width: 100%;
}

.modalWarrantyInvalid-v2 .modal-dialog {
  max-width: 100%;
}


.modal--effect-v3 .modal-dialog {
  max-width: 60%;
  margin: 4%;
}

.modalWarrantyInvalid-v3 .modal-dialog {
  max-width: 60%;
  margin: 4%;
}

@media (max-width: 1024px){
  .modal--effect-v3 .modal-dialog{
    max-width: 100%;   
    margin: 17% 0%;
  }
}

@media (max-width: 1024px){
  .modalWarrantyInvalid-v3 .modal-dialog{
    max-width: 100%;   
    margin: 17% 0%;
  }
}

.modal--effect-v2 .modal-content {
  width: 100%;
  box-sizing: border-box;
}

.modalWarrantyInvalid-v2 .modal-content {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .form-login.form__formated .tabcontent {  
    padding: 11px 0px 0px 0px !important;
  }
}

@media (max-width: 767px) {
  .modal--effect .modal-content {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .modalWarrantyInvalid .modal-content {
    width: 100%;
  }
}


.modal--effect .content-image-imei img, 
.modal--effect-v2 .content-image-imei img {
  max-width: 100%;
}

.modalWarrantyInvalid .content-image-imei img, 
.modalWarrantyInvalid-v2 .content-image-imei img {
  max-width: 100%;
}

.modal .modal-header {
  position: relative;
}

.modal .modal-header .close {
  color: transparent;
  position: relative;
  display: inline-block;
  height: 33px;
}

.modal .modal-header .close:before, .modal .modal-header .close:after {
  position: absolute;
  right: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: white;
}

.modal .modal-header .close:before {
  transform: rotate(45deg);
}

.modal .modal-header .close:after {
  transform: rotate(-45deg);
}

@media (max-width: 767px) {
  .text__formated.modal--effect-v2 .modal-body,
  .text__formated.modal--effect-v2 .modal-header,
  .text__formated.modal--effect-v2 .collapse-content,
  .modal--effect.text__formated .modal-body,
  .modal--effect.text__formated .modal-header,
  .modal--effect.text__formated .collapse-content {
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .text__formated.modalWarrantyInvalid-v2 .modal-body,
  .text__formated.modalWarrantyInvalid-v2 .modal-header,
  .text__formated.modalWarrantyInvalid-v2 .collapse-content,
  .modalWarrantyInvalid.text__formated .modal-body,
  .modalWarrantyInvalid.text__formated .modal-header,
  .modalWarrantyInvalid.text__formated .collapse-content {
    padding: 0px;
  }
}

.div-title--fonts > p {
  /* max-width: 970px;  		/** 504px; **/ */
  margin-top: 15px;
  text-align: center;
}

.hightlight-topics--size {
  max-width: 815px;
}

.home .hightlight-topics .box-link:hover {
  background-color: white;
  color: #2491db;
}

.notFindText--margin {
  margin-bottom: 15px;
}

.btnfind-here--modal {
  border: 1px solid #2491db;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out ;
}

.btnfind-here--modal:hover {
  border-color: white;
  background-color: transparent;
}

.btnfind-here--modal i {
   margin-left: 10px;
}

.formHome__formated {
  margin: 0 auto;
  margin-top: 15px;
  max-width: 745px;
}

.formHome__formated .form-row {
  width: 100%;
  flex-direction: row;
}

.formHome__formated .input-div {
  width: 35%;
}

.formHome__formated .input-div > select,
.formHome__formated .input-div input,
.formHome__formated .input-div .dropdown,
.formHome__formated .input-div button {
  width: 100%;
  font-size: 14px;
}

.formHome__formated .input-div > select,
.formHome__formated .input-div > div > select,
.formHome__formated .input-div input,
.formHome__formated .input-div button {
  padding: 10px !important;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 0px;
}

.formHome__formated .button--wrapper {
  width: 20%;
}

.formHome__formated .button--wrapper button {
  font-size: 14px !important;
  font-weight: bold;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.8s ease-in-out;
}

.formHome__formated .button--wrapper button:hover {
  opacity: 0.8;
}

#ModalYes.modal--effect .modal-content,
#ModalNoDifference.modal--effect .modal-content {
  max-width: 650px;
  margin: 0 auto;
}
#modalYes .modal-content{
	margin-top: 100px;
}
#ModalYes.modal--effect h2,
#ModalNoDifference.modal--effect h2 {
  font-size: 33px;
  font-weight: bold;
  text-align: center;
}

.textbold { 
	font-weight: 300 !important; 
}

.modal-content.modelFromTop {
    margin-top: 100px !important;
}

#ModalYes.modal--effect p,
#ModalNoDifference.modal--effect p {
  margin: 15px 0px;
  text-align: center;
  font-size: 16px;
}

#ModalYes.modal--effect p, #ModalNoDifference.modal--effect p.model--height {
	line-height: initial;
}

#ModalYes.modal--effect .modal-footer,
#ModalNoDifference.modal--effect .modal-footer {
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}


@media (max-width: 1024px) {
  .text-center.div-title--fonts {
      margin: 0;
  }

  .formHome__formated .input-div {
    margin: 0;
    width: 100%;
  }

  .formHome__formated .input-div  {
    margin-bottom: 20px;
    height: 68px;
  }

  .service-mobile-padding {
    padding: 10px;
    text-align: center;
  }

}
/* find-assistence */

@media (min-width: 1710px){

.table-find-assistence{
  justify-content:center;
  margin-right: 710px;
  display:grid;

}
}

@media (min-width: 568px){
.find-assistance .form {
    margin-top: 42px;
}

}

.find-assistance .disclaimer {
  font-size: 14px;
  font-weight: 500;
  margin-top: 40px;
}

.disclaimer {
  color: #df1a1c;
  font-family: "GOTHAM Bold";
}

.find-assistance .form {
  margin: 32px auto;
  max-width: 630px;
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 0;
}

.container-form-find-assistance{
  margin: auto;
}

@media (max-width: 1024px) {
  .find-assistance .form {
    max-width: 280px;
  }
}

.form-control-find-assistance{
  width: 500px;
  height: 45px;
  padding: 13px 6px;
  margin: 20px 0px;
  border-radius: 1px;
  border: 0px;
  margin-right: 15px;
}


@media (max-width: 1024px){
  .form-inline {
    display:grid !important;
    align-items: center;
  }

  .form-control-find-assistance{

    width: 280px;
    height: 35px;
    margin: 20px 0px;
  }

  .container-form-find-assistance .btn.-blue {
    width: 100%;
  }

}

/* find-assistence-map */
.center-map {
  -webkit-justify-content: center;
  justify-content: center;
}

.available-schedules-masc{
  color:white;
  font-family: "Gotham light";
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
}

.available-schedules-slots {
  color:white;
  font-family: "Gotham light";
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
}

.available-schedules-masc-strong{
  color:white;
  font-family: "Gotham light";
  font-family: "Gotham bold";
}

@media (min-width: 568px){
.find-assistance .list {
    min-height: 552px;
}

}


.find-assistance .list {
  border: 1px solid #bfc6cc;
  counter-reset: counter;
  margin-bottom: 0;
  max-height: 558px;
  overflow-y: scroll;
  padding-left: 0;
}

.find-assistance .list-item:first-child {
  border-top: none;
}

.find-assistance .list-item {
    font-size: 13px;
    font-family: "Gotham light";
    color:white;
}

.find-assistance .list-item {
  font-size: 10px;
  border-top: 1px solid #bfc6cc;
  color: white;
  line-height: 1.1;
  list-style: none;
  padding: 16px calc(16px + 20px) 16px calc(16px + 46px);
  position: relative;
}

.find-assistance .list-item.place.-p3::before {
  background-color: #ff6a00;
  border-color: #ff6a00;
}

.find-assistance .list-item.place.-p1::before {
  background-color: #2491db;
  border-color: #2491db;
}

.find-assistance .list-item.place.-p2::before {
  background-color: #4caf50;
  border-color: #4caf50;
}

.find-assistance .list-item.place::before {
  color: #fff;
}

.find-assistance .list-item::before {
  border: 1px solid #6c7b86;
  border-radius: 50%;
  content: counter(counter);
  counter-increment: counter;
  display: block;
  font-size: 13px;
  height: 30px;
  left: 16px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 16px;
  width: 30px;
  z-index: 0;
}

.checkboxinput {
  line-height: 19px;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 0;
}

.text-info-assistance{
  font-size: 13px;
  font-family: "Gotham light";
  color:white;
}



@media (min-width: 992px){
.flex-lg-row {
    -ms-flex-direction: row!important;
    flex-direction: row!important;
}
}

.btn.-fluid {
  display: block;
  max-width: 100%;
  width: 100%;
}

.btn-schedules{
  display: block;
  max-width: 100%;
  width: 100%;
  font-size: 14px;
  font-family: "Gotham light";
  background: #4caf50;
  border: 1px solid #4caf50;
  box-sizing: border-box;
  color: #fff;
  line-height: 1;
  outline: 0;
  padding: 22px 42px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease;
  vertical-align: top;
}

.container-google-maps{
  width: 680px;
  display: grid;
}

.content-send-correios{
  display:flex;
  justify-content:center;
  margin: auto;
}

.info-text-correios{
  color:white;
  margin:20px;
  font-family: "Gotham light";
}

@media screen and (max-width: 1024px){
.row .reverse-container{

flex-direction: column-reverse;
}
}
/* REGISTERED-DEVICES */

#devices {
  margin: 0 auto;
  max-width: 1140px;
}

.registered-devices {
  width: 100%;
}

.registered-devices .cards {
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0px;
  white-space: nowrap; /** initial;  **/
  justify-content: flex-start;
}

.registered-devices .cards .card {
  width: 33.3%;
}

.registered-devices .text {
  font-size: 12px;
  line-height: 175%;
  -webkit-font-smoothing: antialiased;
  font-family: Montserrat,Helvetica,Arial,sans-serif;
}

.registered-devices .text strong {
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-family: Montserrat,Helvetica,Arial,sans-serif;
}

.registered-devices .cards .card .card-body {
  display: flex;
  flex-direction: column;
  font-family: "Gotham light";
  line-height: 18px;
}

.registered-devices .card .caption {
  -ms-flex-direction: row;
  flex-direction: row;
  box-sizing: border-box;
  padding: 15px;
  max-height: 219px;
  height: 219px;
  display: flex;					/*** UAT Fix **/
  justify-content: inherit; /** center;	**/		/*** UAT Fix **/
}

.registered-devices .card .caption-newer {

  box-sizing: border-box;
  padding: 57px;
  display: flex;
  max-height: 400px;
  margin: auto;
  align-items: center;
  text-align: center;
  height: 400px;

}

.registered-devices .card .caption .btn-agendar {
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  transition: opacity 0.3s ease-in;
}

.registered-devices .card .caption .btn-agendar:hover {
    opacity: 0.8;
}

.comunication--new .logout-desktop {
    display: flex;
    align-items: center;
    padding-left: 15px;
    border-left: 1px solid #2491db;
}

@media (min-width: 1025px) {
  .logout-mobile {
    display: none;
  } 
}

@media (max-width: 1024px) {
  .logout-mobile {
   margin: 15px auto;
  } 
  .container-steps {
    box-sizing: border-box;
    max-width: 100%;
  }

  #ModalforaGarantia .tittle-modal {
    font-size: 22px;
  }

  #ModalforaGarantia .modal-body {
    padding: 0px;
  }

  #ModalforaGarantia .modal-header {   
    padding: 0px;
  }

}

@media (max-width: 567px) {
  .registered-devices .cards .card {
    width: 100%;
  }
}


@media (min-width: 568px) and (max-width: 767px) {
  .registered-devices .cards .card {
    width: 100%;
  }
}
@media (min-width: 730px) and (max-width: 900px) {
  .registered-devices .cards .card .card-body{
    width: 90%;
  }

  .registered-devices .cards .card {
    width: 50%;
  }
}

#ModalforaGarantia .modal-dialog {
  max-width: 600px;
}

#ModalforaGarantia .items-modal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#ModalforaGarantia .modal-div-content {
  width: 100%;
  margin: 20px 0px;
  font-size: 16px;
  min-width: 50%;
  text-align: center;
}

#ModalforaGarantia .modal-div-content p {
  font-size: 14px;
  display: block;
  margin: 10px auto;
  max-width: 300px;
}

#ModalforaGarantia .modal-div-content small {
  font-size: 14px;
  max-width: 300px;
  display: inline-block;
}

#ModalforaGarantia.modal--effect .modal-dialog {
  max-height: 100%;
}

.btn-continue-modal {
  padding: 10px 25px;
  margin-top: 15px;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

.btn-continue-modal:hover {
  opacity: 0.8;
}



/* FIND-ASSISTENCE-SCHEDULE */



.li-float-button {
  float: left;
  width: 50%;
  padding: 5px;
  margin-bottom: 10px;
}

.li-float-button {
  float: left;
  width: 50%;
  padding: 5px;
  margin-bottom: 10px;
}

.li-float-button button.btn {
  padding: 11px 25px;
  line-height: 1.2;
}

.btn.-bluenew {
  background: #005d81;
  color:white;
  font-family: "Gotham light";
  border:none;
  border-color: #005d81;
}

.li-float-button button.btn {
  padding: 11px 25px;
  line-height: 1.2;
}

.btn.-greynew {
  font-family: "Gotham light";
  border:none;
  color:white;

  background: #929292;
  border-color: #929292;
}

.content-localização{
  max-width: 355px;
}

.repair_desc {
  padding: 5px 25px;
  padding: 5px 25px;
    color: white;
    font-family: 'Gotham LIGHT';
    justify-content: center;
    display: inline-grid;
}

.repair_desc strong{
  font-family: "Gotham bold";
}

.find-assistance .content-box-schedule .schedule {
  max-height: 620px;
  width: 100%;
}

.find-assistance .schedule {
  border: 1px solid #bfc6cc;
  position: relative;
  font-family: "Gotham light";
}

.find-assistance .schedule .table-wrap {
  display: block;
  position: relative;
  width: 100%;
}
.find-assistance .schedule .table .-schedule {
    margin-bottom: 0;
}
.find-assistance .schedule .table .-schedule {
  margin-bottom: 0;
}

.table .-schedule {
  width: 100%;
  max-width: 100%;
  background-color: rgba(0,0,0,0);
  border-collapse: collapse;
  color: white;
  
}

.head-schedule {
  display: block !important;
}

.col-schedule{
  border-collapse: separate;
  text-indent: initial;
  border-spacing: 2px;


}

 .find-assistance .schedule .table th:first-child {
  border-top: 1px solid #d9d9d9;
}

.find-assistance .schedule .table th {
  font-size: .75rem;
  border-right: 1px solid #bfbfbf;
  line-height: 1;
  min-width: 93px;
  padding: 8px;
  font-family: "Gotham MEDIUM";
  vertical-align: middle;
}

.find-assistance .schedule .table td, .find-assistance .schedule .table th {
  background-color: #F2F2F1;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #bfbfbf;
  line-height: 1;
  min-width: 93px;
  padding: 8px;
  vertical-align: middle;
}

.find-assistance .schedule .table .hr {
  display: block;
  line-height: 20px;
  min-height: 20px;
}

th {
    text-align: inherit;
}

.find-assistance .schedule .table td:empty{
  background-color: #e5e5e5;
    color: #5d7384;
}

.find-assistance .schedule .table td {
  text-align: center;
  white-space: nowrap;
}

.find-assistance .schedule .table td{
  background-color: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #bfbfbf;
  line-height: 1;
  min-width: 93px;
  padding: 8px;
  vertical-align: middle;
}

.table td{
  border-top: 1px solid #dee2e6;
}

assistance .schedule .table th {
  background-color: #f2f2f2;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #bfbfbf;
  line-height: 1;
  min-width: 93px;
  padding: 8px;
  vertical-align: middle;
}

.find-assistance .schedule .table .day {
  font-size: 2.25rem;
  display: block;
}

.find-assistance .schedule .table .day {
  font-size: 2.25rem;
  display: block;
}
*, :after, :before {
  box-sizing: border-box;
}


.find-assistance .schedule .table .tbody-schedule {
  max-height: fit-content;
  overflow-x: hidden;
  overflow-y: auto;
  display:block;
}


.find-assistance .schedule .place.-p0 {
  background-color: #808080;
  border-color: #808080;
}

.find-assistance .schedule .place:first-child {
  margin-left: 0;
}

.find-assistance .schedule .place {
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-style: normal;
  height: 20px;
  line-height: 20px;
  margin-left: 8px;
  overflow: hidden;
  text-align: center;
  width: 20px;
}

.find-assistance .schedule .place.-p1 {
  background-color: #2491db;
  border-color: #2491db;
}

.find-assistance .schedule .place.-p2 {
  background-color: #4caf50;
  border-color: #4caf50;
}

.find-assistance .schedule .place.-p3 {
  background-color: #ff6a00;
  border-color: #ff6a00;
}



.find-assistance .schedule .place:first-child {
  margin-left: 0;
}

/* clone */
.find-assistance .schedule .clone {
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.find-assistance .schedule .clone .head-schedule {
  opacity: 0;
}

.find-assistance .schedule .clone {
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.find-assistance .schedule .clone th {
  visibility: hidden;
}

.find-assistance .schedule .clone .tbody-schedule {
  display: block;
  max-height: 550px;
  overflow: hidden;
}

.find-assistance .schedule .clone .tbody-schedule th {
  opacity: 1;
  visibility: visible;
}

/* modal-assistence */
.modalSchedule .modal-body>div {
  align-content: center;
  align-items: center;
  display: flex;
 }

 .modalSchedule .modal-body>div .box {
  -ms-flex-positive: .5;
  flex-grow: .5;
  margin: 20px;
}

.modalSchedule .modal-body>div .circle {
  background-color: #df1a1c;
  border-radius: 50%;
  display: block;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  height: 50px;
  padding-top: 1rem!important;
  margin: 1rem;
  width: 50px;
}

.info-schedule-modal{
  padding: 0px 120px;
}
/* modal-assistence mobile */

@media(max-width: 1024px){
  
.info-schedule-modal{
  padding: 0px ;
}

.modalSchedule .modal-body>div{
  align-content: center;
    align-items: center;
    display: grid;
    justify-content: center;
}
}

/*****/

@media (min-width: 568px){

  .modalSchedule .modal-body>div div.address {
    border-right: 1px solid #6c7b86;
    padding-right: 20px;
}

.modalSchedule .modal-body>div {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.modalSchedule .modal-body>div div {
  align-self: center;
  margin: 0 0 0 20px;
}

.modalSchedule .modal-body>div .box {
  margin-left: 40px;
}
}
@media (max-width: 1700px){
.find-assistance .schedule .table .day {
    font-size: 22px;
}
}


@media(max-width: 1024px){
  

  
.find-assistance .schedule .table-wrap {
  display: block;
  position: relative;
    width: 100%;
    overflow-x: auto;
}

.find-assistance .content-box-schedule .-schedule {
  overflow-x: hidden;
}


.find-assistance .schedule .clone {

  z-index: -1;

}

.content-box-schedule{
  overflow: auto;

}

.find-assistance{
  margin: 5px;
}
}


/* scheduling-confirm */

.confirm-schedule-form .info {
  margin: 42px auto;
  max-width: 600px;
  text-align: left;
  font-family: "Gotham light";
  color: white;
}

.confirm-schedule-form .info .align-items-center-appointment{

  display: flex;
  justify-content: space-around;

}

.confirm-schedule-form .form {
  justify-content: center;
  margin: 42px auto;
  font-family: "Gotham light";
color:white;
  max-width: 600px;
}

@media(min-width: 768px){ /*** Desktop **/
	.div-input-half{
	  padding-right: 5px;
	}
}

.confirm-schedule-form .form .form-control {
  border: 1px solid #6c7b86;
  font-size: 1.2rem;
  border: 1px solid #6c7b86;
  border-radius: 0;
  font-family: "Gotham light";
  line-height: 1;
  width: -webkit-fill-available;
  margin-bottom: 20px;
  /* width: 330px; */
  /** padding: 22px 18px; **/  /** Internet explorer issue **/
}

@media (max-width: 1024px) {
	.confirm-schedule-form .form .form-control {
		margin-top: 2px;
	}
}

@media (min-width: 1024px) { /** Added as part of Internet explorer **/
	.zipcodeForm .form-group .form-control {
		padding: 0 !important;
		width: 330px;
		height: 45px !important;
	}
}

@media (max-width: 768px) {
	.div-row-inputs{
		flex-direction: column;
		align-items: center;
	}
	
} 

.div-row-inputs{
  display:flex;
  }
  
.div-row-inputs .col-md-6{
  display:grid;
  }
  
  
.div-row-inputs .col-md-9{
  display:grid;
  }
  .problem{
    margin: auto;
  }

  .so-number{
    font-size: 18px;
  }

.div-row-inputs .col-md-8{
  display:grid;


  }.div-row-inputs .col-pt-3{
  display:grid;
  }
  

  .confirm-schedule-form .form .info {
    margin-bottom: 0;
    margin-top: 0;
}

.confirm-schedule-form .info {
    margin: 0px auto;
    max-width: 600px;
    /* text-align: left; */
}

@media (min-width: 568px){
.confirm-schedule-form .info-data {
    flex-direction: row;
}
}

.info-data{
  width:580px;
}

@media (max-width: 1024px){
  
.info-data{
  width: auto;
}

  }

.confirm-schedule-form .info-data {
  font-size: .75rem;
  align-items: center;
  border: 1px solid #6c7b86;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: "Gotham light";
  justify-content: center;
  font-size: 14px;
  margin-bottom: 20px;
}

.confirm-schedule-form .info-data>div:first-child {
  flex-grow: 2;
}

.confirm-schedule-form .info-data>div {
  padding: 26px;
  position: relative;
}

.confirm-schedule-form .dropdown .dropdown-toggle {
  border-color: #6c7b86;
  color: initial;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding: 23px 18px;
  width: 100%;
}


.confirm-schedule-form .form .form-control-text-area {
  border: 1px solid #6c7b86;
  width: 678px;
    height: 183px;
  margin-bottom: 20px;
}
.form-control-text-area {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}



@media (min-width:800px) and (max-width: 1024px){
  .confirm-schedule-form .form .form-control {
    width: auto;
    padding: 0px;
  }

  .newUserbtn {
	text-align: center;
  } 	
  
  .div-row-inputs{
    display:grid;
  }

  .confirm-schedule-form .form {
    margin:  auto !important;
    font-family: "Gotham light";
  color:white;
    max-width: 600px;
  }


  .div-input-half{
    padding:0px;
    display:grid;
	margin-top: 10px;
	margin-left: 10px;
  }
  
  .form-control-text-area{
    width: auto;

  }

  
.confirm-schedule-form .form .form-control-text-area {
  width: auto;

}


.confirm-schedule-form .info-data{
  align-items: center;

  line-break: anywhere;
  display: grid;

}
  
}

/* ready-completed */


.scheduling-ready .tittle i {
  font-size: 3rem;
  border: 8px solid #2491db;
  border-radius: 50%;
  clear: both;
  color: #2491db;
  display: inline-block;
  padding: 36px 43px;
  /* padding: 29px 43px; */
}


.i_check::before{
  content: "";
  font-family: "IcoMoon"!important;
}


.col-text-schedule-ready{
  display:grid;
  justify-content: center;
  text-align: center;
}

.scheduling-ready{
  display:grid;
  text-align: center;
  justify-content: center;

}

.col-order-service-ready{
  display:grid;
  text-align: center;
  justify-content: center;
}

.container-scheduling-ready{

}


.container-scheduling-ready .info {
  margin: 20px auto;
  max-width: 600px;
  text-align: left;
}


.container-scheduling-ready .info .heading{
  font-size: 20px;
  font-family: 'Gotham bold';
}


.container-scheduling-ready .info-data {
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #bfc6cc;
}

.container-scheduling-ready .info-data>div {
  padding: 26px;
  position: relative;
}

.container-scheduling-ready .info-data div {
  /* font-family: "Gotham bold"; */ /** UAT Fix -- Prateek **/
  /* padding: 10px; */
}


.container-scheduling-ready .info-data strong {
  font-family: "Gotham bold";
}

.text-container-ready-scheduling{
  max-width: 700px;
    /* display: grid; */
    margin: auto;
    display: grid;
    text-align: initial;
    line-height: 20px;
    padding-top:20px;

}


.text-container-ready-scheduling .text{
  margin:20px 0px;

}

@media(max-width: 1024px){
	.container-scheduling-ready {
		margin:20px;
	}

	.scheduling-ready .tittle{
	  display:grid ;
	}
	.scheduling-ready .tittle i{
	  justify-content: center;
	  margin: auto;
	  width: 130px;
	  align-items: center;
	  text-align: center;
	}
}

/* repair */


  .status-assistance .nav-steps .group {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: none!important;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 40px 0;
    padding: 0 10px;
}

.status-assistance .nav-steps .item {
  display: none;
  margin: 0 auto;
  min-width: 103px;
}

.status-assistance .nav-steps{
  display: flex;
  max-width: 100%;
  border-bottom: 1px solid #6c7b86;
  counter-reset: counter;
  flex-wrap: nowrap;
  justify-content: center;
  margin: auto;
}



.status-assistance .nav-steps .group:first-child {
  border: none;
}

.status-assistance .nav-steps .group .title {
  color: #95a0a9;
  font-size: 12px;
  text-align:center;
  font-weight: 700;
  text-transform: uppercase;
}

.status-assistance .nav-steps .box-content {
  display: flex;
}


.status-assistance .nav-steps .group{
  border-left: 1px solid #95a0a9;
  display: flex!important;

}

.status-assistance .nav-steps .group .icon {
  text-align: center;
}

.status-assistance .nav-steps .group .icon {
    text-align: center;
}
.status-assistance .nav-steps .item .icon {
    color: #ccc;
}

.status-assistance .nav-steps .group .icon::before {
  margin: 10px auto;
}

.status-assistance .nav-steps .item .icon::before {
  border-color: #ccc;
}


.status-assistance .nav-steps .icon::before {
  border: 2px solid #2491db;
  border-radius: 50%;
  display: block;
  font-family:"IcoMoon";
  font-size: 34px;
  height: 62px;
  line-height: 58px;
  width: 62px;
}



.i_phone-call::before {
  content: "";
  font-family:"IcoMoon";
}

.i_correios::before {
  content: "";
  font-family:"IcoMoon";

}

.i_truck::before {
  content: "";
  font-family:"IcoMoon";

}

.i_box-open::before {
  content: "";
  font-family:"IcoMoon";

}

.i_service::before {
  content: "";
  font-family:"IcoMoon";

}

.i_service-done::before {
  content: "";
  font-family:"IcoMoon";
}

.i_phone-mail::before {
  content: "";
  
  font-family:"IcoMoon";
}


.i_box-closed::before {
  content: "";
  font-family:"IcoMoon";
}
.i_phone-thumb::before {
  content: "";
  font-family:"IcoMoon";
}

.i_phone-heart::before {
  content: "";
  font-family:"IcoMoon";
}

.status-assistance .nav-steps .group .text {
  display: none;
}
.status-assistance .nav-steps .group {
  -ms-flex-align: stretch;
  align-items: stretch;
  display: none!important;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 40px 0;
  padding: 0 10px;
}

.status-assistance .nav-steps .group.-active {
  display: -ms-flexbox!important;
  -js-display: flex!important;
  display: flex!important;
}
@media(min-width: 768px){

  .status-assistance .nav-steps .group .date {
    display: block;
    font-weight: 700;
  }
  
  
  .status-assistance .nav-steps .item {
    display: initial;
    margin: 0 5px;
    min-width: 103px;
    text-align: center!important;
  }
  
  
  .status-assistance .nav-steps .group .text {
    display: initial;
    max-width: 130px;
  }
  .status-assistance .nav-steps .group{
    flex-direction: column;
    margin: 40px 0;
    padding: 0 10px;
    display: flex!important;
  }
  }


  /* repair-list-status */

  .table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    color:white;
    font-family: "Gotham light";
    font-size: 15px;
  }

  
  .table-responsive .table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: rgba(0,0,0,0);
  }

  .table-responsive .table tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
  }

  
  .table-responsive .table thead{
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
  }

  table td, .table th {
    padding: 16px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.status-assistance .nav-steps .item.-filled {
  color: #2491db;
}
.status-assistance .nav-steps .item.-filled-background{
  color: #2491db;
}
.status-assistance .nav-steps .item.-filled .icon {
  color: #2491db;
}


.status-assistance .nav-steps .item.-filled .icon::before {
  border-color: #2491db;

}
.status-assistance .nav-steps .item.-filled-background .icon::before {
  border-color: #2491db;
  background-color: #2491db;
}

.status-assistance .actions {
  margin-top: 40px;
  color:white;
  font-family: "Gotham light";
  margin-bottom: 40px;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.status-assistance .nav-steps{
  display: flex;
  max-width: 100%;

}

.status-assistance .nav-steps .group:first-child {
  border: none;
}

.status-assistance .actions button {
  border: none;
  cursor: pointer;
  font-size: 16px;
  margin: 5px 5px;
  width: 225px;
}

.-disable.btn{
  opacity: .2;
    pointer-events: none;
    display: inline-block;
    border-radius: 3px;
    font-family: 'Gotham LIGHT';
    line-height: 1;
    outline: 0;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease, opacity 0.3s ease;
    vertical-align: top;
    cursor: pointer;
}

.status-assistance .info {
  margin: 0 auto;
  max-width: 600px;
  color:white;
  font-family: "Gotham light";
  text-align: left;
}

.status-assistance .group h3 {
  font-size: 20px;
  color:white;
  font-family: "Gotham light";
  margin: 10px;
}

.status-assistance .info-data {
  font-size: .75rem;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #bfc6cc;
  display: -ms-flexbox;
  -js-display: flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
}

.status-assistance .info-data>div:first-child {
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.status-assistance .info-data>div {
  padding: 26px;
  position: relative;
  color:white;
  font-family: "Gotham light";
  font-size: 12px;
}
.status-assistance .info-data>div strong {
  font-weight: bold;
}
.status-assistance .group .box {
  border: 1px solid #b9c4cd;
  margin-bottom: 20px;
  padding: 22px 25px;
  color:white;
  font-family: "Gotham light";
}

.status-assistance .group .box strong{
  font-weight: bold;
}
.status-assistance li {
  list-style: none;
  margin: 5px 0;
  color:white;
  font-family: "Gotham light";
}

.status-assistance .history ul {
  border: 1px solid #b9c4cd;
  color:white;
  font-family: "Gotham light";
}

.status-assistance ul {
  margin: 0;
  padding: 0;
}

.status-assistance .history ul li:first-child {
  border: none;
}

.status-assistance .history ul li {
  border-top: 1px solid #b9c4cd;
  margin: 0;
  padding: 22px 25px;
}

.status-assistance li {
  list-style: none;
  margin: 5px 0;
}

.history{
  color:white;
  font-family: "Gotham light";
}

.history strong {
  font-weight: bold;
}
.status-assistance .history h2 {
  font-size: 25px;
  margin:10px;
  line-height: 30px;
}

.row-data-content{
  display: flex;
  justify-content: space-around;
  font-size: 12px;
  
  margin: 0px 100px;

}

@media screen and (min-width:568px){
  .status-assistance .actions button {
    margin-bottom: 0;
    margin-top: 0;
}
}

@media(max-width: 1024px){
  .status-assistance .actions{
    display:grid;
  }

  .table-responsive {
    font-size:11px;
  }
  
.row-data-content{
  margin: 0px ;

}
.status-assistance .info-data {
margin: 10px;
}
.group{
  margin: 10px;
}

.history{
  margin: 10px;
}
}

/* test */


.accordionWrapper{padding:30px;background:#fff;float:left;width:80%;box-sizing:border-box;margin:10%;    box-shadow: 0 1.5em 85px 0 rgba(0, 0, 0, 0.2);}
.accordionItem{
  display:block;
  width:100%;
  box-sizing: border-box;
  font-family:'Open-sans',Arial,sans-serif;
}
.accordionItemHeading{
  background-color: transparent;
  width: 100%;
  color: white;
  border: 1px solid white;
  height: 45px;
  border-radius: 1px;
  font-size: 15px;
  margin: 10px;
  padding: 10px;
  display: flex;
  font-family: "Gotham light";
  transform: translateY(0px);

}
.close .accordionItemContent{
  height:0px;
  transition:height 1s ease-out;
  -webkit-transform: scaleY(0);
-o-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
  float:left;
  display:block;
  
  
}
.open .accordionItemContent{
  display: grid;
    font-size: 18px;
    font-family: "Gotham light";
  display:block;
  -webkit-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
  -webkit-transform-origin: top;
-o-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;

-webkit-transition: -webkit-transform 0.4s ease-out;
-o-transition: -o-transform 0.4s ease;
-ms-transition: -ms-transform 0.4s ease;
transition: transform 0.4s ease;
      box-sizing: border-box;
}

.open .accordionItemHeading{
      -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  color: #ffff;
  font-family: "Gotham light";
  font-size: 16px;
}
.btn-agendar-scheduling-confirm{
	background: #4caf50;
    border: 1px solid #4caf50;
    box-sizing: border-box;
    color: #fff;
    font-family: "Gotham LIGHT";
    line-height: 1;
    width: 50%;
    outline: 0;
    padding: 14px 0px;
    text-align: center;
    text-decoration: none;
    transition: background-color .3s ease;
    vertical-align: top;
    border-radius: 5px;
}



/******* Changing the Styles based on Repair journeys End ******/


/****** CSS affecting the Code Start ******/

@media screen and (max-width: 1024px){
  
.div-tittle-error{
  justify-content: center;
  display: grid;
  text-align: center;
  margin: 0px;
}

}

.div-tittle-error{
  justify-content: center;
  text-align: center;
  margin: 0px;
}

.div-tittle {
  justify-content: center;
  display: grid;
  text-align: center;
  margin: 20px;
}

.Title {
  color: white;
  font-size: 20px;
  font-family: "Gotham";
  font-weight: 600;
}

#findIMEI {
  display: none;
  position: absolute;
  z-index: 1000;
  width: -webkit-fill-available;
  justify-content: center;
}

@media(max-width: 1024px){


.form-control {
  width: auto;
  height: 35px;
  min-width: 300px;
  margin: 10px 0px;
}
}

/* .form-control { */
  /* width: 500px; */
  /* height: 35px; */
  /* padding: 23px 6px; */
  /* margin: 3px 0px */
/* } */

#inputImei {
  font-size: 12px;
  font-family: "Gotham";
  font-weight: 300;
}

label#inputImei-error {
    margin-top: auto;
}

label#inputCpf-formIMEI-error {
    margin-top: auto;
}

label#inputEmail-error {
    margin-top: auto;
}

label#inputCpf-formEmail-error {
    margin-top: auto;
}

#inputCpf-formIMEI {
  font-size: 12px;
  font-family: "Gotham";
  font-weight: 300;
}

.find-assistance-error {
  margin-top: 25px;
}

.error-text--show .disclaimer {
  color: #fff;
}

.error-text--show-form {
  color: white;
  border-radius: 5px;
  letter-spacing: 1.5px;
  padding: 0px 3px;

  margin-bottom: 15px;
}

.error-text--show {
  color: white;
  border-radius: 5px;
  letter-spacing: 1.5px;
  padding: 10px;
  margin-bottom: 15px;
}

.error-text {
  display: grid;
  justify-content: center;
  font-size: 12px;
  font-family: 'Gotham LIGHT';
  line-height: 20px;
  text-align: center;
  color: white;
}

.btn-rounded-circle {
  border-radius: 50%;
  border: none;
  color: white;
  background-color: rgb(36, 145, 219);
}

.label-modal {
  font-size: 14px;
}


@media(max-width: 1024px){
  .form-login {
    justify-content: center;
    margin: 6px;
    display: block;

}
.comunication .cellphone {
  text-align: left;
  width: 80%;
}

.container {
  padding: 0px;
  width: 100% !important;
}

.div-tittle {
 
  margin: 20px 10px !important;
}

.comunication{
  display:none;
}
}

.comunication .chat {
  align-items: center;

  display: flex;
  padding: 10px 10px 10px 5px;
  text-align: center;
}

.img-tell{
  /* background-image: url(../MotoUs/MotoBr/assets/icons/i_phone.png); */
  background-image: url(../../MotoBr/assets/icons/i_phone.png);
  height: 33px;
  width: 32px;
  border: none;
}

@media screen and (max-width: 1024px){
  .form-login{
    width: auto !important;
    /* margin: 20px !important; */ /** UAT Fix **/

  }

  .tabcontent{
    width: auto !important;

  }
}


.form-login {
  display: grid;
  justify-content: center;

}

.comunication .cellphone p {
  font-size: 12px;
  margin: 0;
  font-family: "Gotham light";

}

.caption{
  display: flex;
  margin: 0px 5px;
  text-align: left;
  display: grid;
  margin: 0px 5px;
}

.container-comunication{
  display: flex;
  margin: auto;
}

.comunication .cellphone {
  align-items: center;
  display: flex;
  padding: 10px;
  text-align: center;
} 

.container {
  width: 80%;				  /** UAT Fix  80%; **/
  margin-top: 60px;
  padding-right: 15px;
  padding-bottom: 40px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.content-login{
  margin: auto;
}

.strong-info{
  font-family: "Gotham Bold";
  color:white;
  
}

.heading.-h1{
  font-family: "Gotham Bold";
  color:white;
  font-size: 36px;
  text-align: center;
  margin-bottom: revert; /** UAT Fix **/
}

.tittle{
  font-family: "Gotham Bold";
  color:white;
  font-size: 36px;
  margin-bottom: revert; /** UAT Fix **/ 
}

.link-inline{
  color: #2491db;
  display: inline;
  text-align: right;
  background:transparent;
  border:none;
  text-decoration: underline;
}

/* // Login */

.login-imei{
  color:white;
  font-family: "Gotham light";
  margin: 20px;
  text-align: center;

  font-size: 14px;
}


.btn-agendar{
  background: #4caf50;
  border: 1px solid #4caf50;
  box-sizing: border-box;
  color: #fff;
  font-family: Montserrat,Helvetica,Arial,sans-serif;
  line-height: 1;
  outline: 0;
  padding: 22px 42px;
  text-align: center;
  text-decoration: none;
  transition: background-color .3s ease;
  vertical-align: top;

}

.modal-header {
  justify-content: end;
  display: flex;
}

.heading.-h3{
  font-family: "Gotham bold";
  font-size: 33px;
}

.tittle-modal{
  font-family: "Gotham bold";
  font-size: 33px;
}
.modal-div-tittle{
  color: white;
    justify-content: center;
    margin: auto;
    display: flex;
    width: -webkit-fill-available;
}

.items-modal{
  justify-content:space-between;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.text-bold{
  font-family: 'Gotham Bold';
  text-align: center;
  width: 100%;
  display: grid;
  justify-content: center;

}



.i_cross:before {
  font-family: "LenovoMotoSupport";
  /* content: "\e90c"; */
  content: "";
  color:white;
}

.modal .modal-body {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 165px;
  padding: 0 24px 24px;
}

.modal .modal-header .close {
  font-size: 10px;
  margin: 0;
  padding: 0;
  z-index: 99999;
  margin-top: 0;
}

.modal .modal-header {
  border-bottom: none;
  justify-content: flex-end;
  padding: 38px 38px 0;

}



.modal .modal-content {
  background-color: #020f19;
  box-shadow: 0 0 30px #6c7bb6;
  color: white;
  border-color: #072841;
  height: auto;
  /* margin: 5px 0px; */
  /* width: 40vw; */
  height: auto;
  margin: auto;
  border-radius: 20px;
  font-size: 14px;
  padding: 0px;
}

.content-image-imei {
  display: flex;
  justify-content: end;
  margin: 25px;
}

.collapse-content .collapse-ol p {
  font-size: 12px;
}

.Title-Modal {
  font-family: "Gotham light";
  font-weight: 600;
  font-size: 21px;
  text-align: center;
  margin: 30px;
}

.collapse-content {
  font-family: "Gotham light";
  padding-left: 3em;
  padding-top: 2em;

}

.modal {
  background-color: #001426;
  display: flex;
  justify-content: center;
  padding: 20px;


}

.sub-tittle-bold{
  font-family: "Gotham bold";
  text-align: center;
  font-size: 19px;
  justify-content: center;
  display: flex;
}

/* find imei  */
 p{
  font-size: 11px;
}

p.tracking:hover {
    text-decoration: underline;
}

.container-redirect {
  margin: 7%
}

.message {
  color: white;
  font-size: 23px;
  font-weight: 600;
  line-height: 40px;
}

/* /redirect */
.content-message {
  display: flex;
  justify-content: center;
}

/****** CSS affecting the Code End ******/


.modal--effect {
  padding: 0;
  background-color: rgba(0, 20, 38, 0.9);
  justify-content: center;
  align-items: center;
  width: 100% !important;
  top: 0px;
  left: 0px;
  position: fixed !important;
  padding: 10px;
  max-width: 100%;
  box-sizing: border-box;
  height: 100vh;
  overflow: inherit; /** auto **/
  z-index: 999;
}

/*** login widget ***/
@media screen and (min-width: 800px) {
.login .tab {
  width: 50%;
 }
 
}
/*** login widget ***/



/*** User Details ***/
.whatsapp-notifictaion{
	display: flex;
    align-items: center;
	margin-bottom: 8px;
}

.modalImei .modal-content{
	margin-top: 100px;
}
/*** User Details ***/



/*** User Registration ***/
.i_cross {
    cursor: pointer;
}
.button-width{
	    width: 200px;
}

.formNewUserRegister .row,.formNewUserRegister .div-row-inputs,.formNewUserRegister .row-name{
	margin-bottom: 10px;
}

.formNewUserRegister .inputs-registration{
	margin: 2px 0px;
}
/*** User Registration ***/



/*** User Address ***/
.div-row-inputs label{
    font-size: 15px;
    color: white;
    /* font-weight: 700; */
	display: block;
}

@media (max-width: 1024px){
.confirm-schedule-form .form .form-control-text-area {
    width: 95vw !important;
}
}

.service-info-confirm{
	max-width: 425px;
    margin: auto;
	margin-top: initial;
}

.scheduling-form{
	max-width: 600px;
    margin: auto;
}
.confirm-schedule-form .form .form-control-text-area{
	width: 420px;
}

@media (min-width: 1024px){
.container.confirm-schedule-form{
	display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin-top: 45px;
    padding: 0px;
    margin: auto;
    box-sizing: border-box;
    align-items: baseline;
}
.confirm-schedule-form .form .form-control-text-area {
    width: 500px;
}
}

@media (max-width: 1024px){
	.row-name {
		justify-content: center !important;
	}
	
	.formNewUserRegister .row, .formNewUserRegister .div-row-inputs, .formNewUserRegister .row-name {
		justify-content: center;
	}
	
	.row-name .form-group{
		margin-right: 0px;
		margin-top: 10px;
	}
	
	.formNewUserRegister .row-name .form-group {
		margin-left: 10px;
	}
}

@media(min-width: 768px){ /*** Desktop **/
	.formNewUserRegister .div-input-half {
		padding-right: 10px;
		padding-left: unset;
	}
}
.row-name {
	justify-content: unset;
}
.row-name .form-group{
	margin-right: 10px;
}
/*** User Address ***/


/*** masc V2 ***/
.find-assistance .schedule .place.-p0 {
    background-color: #808080;
    border-color: #808080;
}

.col .text-center{
  margin: auto;
} 

.text-center {
    margin: auto;
}

.text-center {
    display: flex;
    justify-content: center;
    margin: auto;
	flex-direction: column;
}

.info {
	color: white;
    border-radius: 5px;
    letter-spacing: 1.5px;
    padding: 0px 3px;
    margin-bottom: 15px;
	text-align: center;
}



.form-control{
  max-width: 500px;
  height: 45px;
  padding: 13px 6px;
  margin: 20px 0px;
  border-radius: 1px;
  border: 0px;
  margin-right: 15px;
}


@media (max-width: 1024px){
 
  .form-control-find-assistance{

    width: 280px;
    height: 35px;
    margin: 20px 0px;
  }

 
}

.model-button-blue{
	width: fit-content;
    padding: 15px 40px;
}

@media screen and (min-width: 1024px){
.zipcode-button{
	    margin-left: 20px
}

}

@media screen and (max-width: 1024px){

.content-localização{
	margin: auto;
	margin-top: 20px;
    margin-bottom: 20px;
}

.mobile-md-4 {
    width: 375px;
    margin: auto;
    margin-bottom: 20px;
	margin-top: 20px;
}
.schedule{
	width: 100vw !important;
	margin: 10px;
}
}

.modalMASCMandatory .modal-content{
	margin-top:100px;
}

a, button{
	cursor: pointer;
}

.find-assistance .schedule .table td {
    white-space: pre-wrap;
}
/*** masc V2 ***/


/*** userBookAppointmentV2 ***/
a#idtrack2 {
    /* text-decoration: underline; */
    color: blue;
}
/*** userBookAppointmentV2 ***/



/*** Device ***/
.dropdown-long-value {
	width: 125px;
}
/*** Device ***/

/*** Repair Status ***/
.status-center {
    /* margin: 0; */
    /* padding: 0; */
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
}
/*** Repair Status ***/


/**** CSS for device, when missed two appointments ****/
.text-red {
    color: #df1a1c;
}
.font-weight-bold {
    font-weight: 700 !important;
	font-size: inherit;
}
/**** CSS for device, when missed two appointments ****/

/*** Device widget***/
.info li {
    line-height: 2;
    /* font-size: 1.2rem; */
}
/*** Device widget***/

/*** deviceListingV2 widget***/
#ModalforaGarantia .modal-dialog {
    max-width: unset;
}
.ModalforaRecentemente .modal-content {
    margin: auto;
	margin-top: 100px;
}
.modal-content {
    margin: auto;
	margin-top: 100px;
}
.form-center {
    display: flex;
    justify-content: center;
}
.model-main-heading-h3{
	font-size: 24px;
}
#masc .container-google-maps{
	width: 625px;
}
#ModalforaGarantia #error_message {
    color: red;
    font-weight: bolder;
    display: block;
    max-width: 100%;
}
.confirm-schedule-form.mar-top-50{
	margin-top: 50px;
}
.confirm-schedule-form.mar-top-50 .info{
	display: grid;
}
.confirm-schedule-form.mar-top-50 .info-data{
	min-width: 520px;
}

strong {
    font-weight: bold;
}
.find-assistance .disclaimer{
	margin-top: unset;
}
.registered-devices .btn-confirmar-assistence, .registered-devices  .card .btn.dropdown-toggle{
	padding-top:12px ;
	padding-bottom:12px;
}
.mb-1{
	font-size: 14px;
    font-weight: bold;
}
#registerDevice .inputs-registration{
	width: 500px;
    height: 35px !important;
    padding: 23px 6px !important;  /*** Internet explorer issue **/
    margin: 3px 0px !important;
}
/*** ***/
.text-font {
	font-size: 25px !important;
}
/*** ***/
/*** deviceListingV2 widget***/
/*** UserRegistration widget***/

/** .btn-agendar-scheduling-confirm .button-width, .btn-agendar-scheduling-confirm[disabled=disabled], .btn-agendar-scheduling-confirm[disabled] {
    opacity: .2;
    pointer-events: none;
} **/
/*** UserRegistration widget***/


/*** repairStatus widget***/

.row .status-inherit {
	display: inherit;
}
/*** repairStatus widget***/


/*** breadcrumbV2 widget***/
.py-3 {
    display: inline;
	font-size: 14px;
	align-items: baseline;
}

.py-3 a {
    /* margin: 0px 10px; */
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}
/*** breadcrumbV2 widget***/

/* Sandeep */
.tittle {
	padding-top: 20px;
}

.scheduling-ready, .text-container-ready-scheduling {
	color: #fff;
}

.trackRepairLink {
	color: blue;
}

.heading.-h1, .heading.-h3 {
	margin: 15px;
}

.so-number-shipping {
	font-size: 28px;
	padding-bottom: 25px;
}

.text-container-ready-scheduling .text-bold {
	text-align: left;
	justify-content: normal;
}


/* Sandeep */


.card-body .caption .text {
    white-space: normal;
}


.booking .confirm-schedule #lblResponse {
    font-size: 15px;
    color: #FF0000;
    font-weight: bold;
    /* margin-bottom: 127px !important; */
}

@media (min-width: 800px) { /*** Desktop **/
	.row.flex-column-reverse.flex-lg-row.no-gutters.flex-column-reverse-masc {
			justify-content: center;
	}

	.row.flex-column-reverse.no-gutters.flex-column-reverse-slots {
			justify-content: center;
	}

	.confirm-schedule-form .row.no-gutters {
		flex-wrap: nowrap;
	}

	.row.no-gutters .col-md-4 {
		min-width: 280px;
		max-width: 355px;
	}
	
	div#nav-email {
		width: 500px;
	}
	
	#formIMEI .form-group {
		width: 500px;
	}
}

	.confirm-schedule-form .row.no-gutters {
		width: 100%;
	}

@media(min-width: 768px){ /*** Desktop **/
	.find-assistance .schedule .table-wrap {
	  display: block;
	  position: absolute;
	  width: 100%;
	}
	
	.confirm-schedule-form .form .form-control {
		/* width: -webkit-fill-available; */
	}
	
	.mobile-md-4 {
		/* margin: auto; */
		/* width: auto; */
	}
	
	.container.confirm-schedule-form {
		max-width: fit-content;
	}
	
	
	.find-assistance .schedule .table-wrap {
		position: relative;
	}

	.confirm-schedule-form .row.no-gutters {
		justify-content: center;
	}

	.content-localização {
		min-width: 280px
	}
	
	.find-assistance .content-box-schedule .schedule {
		overflow: scroll;
		overflow-x: hidden;
	}
	
	.confirm-schedule-form .info {
		display: inline;
		
	}




} 

@media(max-width: 768px){ /** Mobile view **/
	.align-top-margin {
		display: block;
	}
	
	.div-input-half {
		padding-bottom: 10px
	}

	#formUserRegister{
	  width: 100%;
	  /* display: grid; */
	  /* margin: auto; */
	  /* padding:50px; */
	}
	
	.form-control {
	  width: auto;
	  min-height: 40px;
	  min-width: 330px;
	  margin: 10px 0px;
	}
	
	.newUserbtn {
		padding-left: 10px;
	}
}


.form-registered-users.text-left {
    display: flex;
    justify-content: center;
}

.form-group.whatsapp-notifictaion label {
    font-size: 15px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

#oow_msg {
    display: block;
}