body,
 html {
     background-color: #F6F7F8;
     /* font-family: "Roboto", sans-serif;*/
     font-family: "arial", sans-serif;
 }

 input{
    outline: none !important;
 }
 #passo.owl-carousel .owl-nav {
     margin-top: 0px;
     display: none;
 }
  #banner.owl-carousel .owl-nav {
     margin-top: 0px;
     display: none;
 }


 .owl-dots {
     display: none;
 }

 #tablet-carrousel.owl-carousel .owl-nav {
     margin-top: 0px;
     display: none;
 }

 .owl-nav {
     z-index: 9999;
     position: relative;
     bottom: 196px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: -49px;
 }

 .owl-nav .owl-next .owl-prev {

     width: 50px;
     text-align: start;

 }

 .owl-nav .owl-next span {
     width: 50px !important;
     font-size: 73px;
     color: #343168;
     position: relative;
     top: 10px;
 }

 .owl-nav .owl-prev span {
     width: 50px !important;
     font-size: 73px;
     color: #343168 !important;
     position: relative;
     top: 10px;

 }

 .owl-carousel .owl-nav.disabled,
 .owl-carousel .owl-dots.disabled {
     display: flex
 }

 #card .owl-nav {
     display: none !important;
 }

 .loader {
     width: 32px;
     height: 32px;
     position: relative;
     border-radius: 50%;
     color: #ffffff;
     animation: fill 1s ease-in infinite alternate;
 }

 .loader::before,
 .loader::after {
     content: '';
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
     left: 48px;
     top: 0;
     animation: fill 0.9s ease-in infinite alternate;
 }

 .loader::after {
     left: auto;
     right: 48px;
     animation-duration: 1.1s;
 }

 .loader {
     width: 32px;
     height: 32px;
     position: relative;
     border-radius: 50%;
     color: #ffffff;
     animation: fill 1s ease-in infinite alternate;
 }

 .loader::before,
 .loader::after {
     content: '';
     position: absolute;
     height: 100%;
     width: 100%;
     border-radius: 50%;
     left: 48px;
     top: 0;
     animation: fill 0.9s ease-in infinite alternate;
 }

 .loader::after {
     left: auto;
     right: 48px;
     animation-duration: 1.1s;
 }

 #mobile-menu {
     background-color: #F6F7F8;
     animation-duration: 1.1s;
 }

 @keyframes fill {
     0% {
         box-shadow: 0 0 0 2px inset
     }

     100% {
         box-shadow: 0 0 0 10px inset
     }
 }

 .material-symbols-outlined {
     font-variation-settings:
         'FILL' 0,
         'wght' 400,
         'GRAD' 0,
         'opsz' 24
 }