html, body {
    height: 100%;
    margin: 0;
    cursor: default;
}

:root {
    --lightblue: #1B6AB2;
    --darkblue: #1B4070;
}

body {
    position: relative;
    font-family: 'Nunito Sans';
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5em;
    color: #363B4D;
    overflow-x: hidden !important;
    background: white;
}

* {
    border-radius: 0!important;
}

*:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

a {
    text-decoration: none !important;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

.white-bg-img {
    background-image: url(/assets/website/img/white-bg.jpg);
    background-attachment: fixed;
}

.blue-bg-img {
    /*background-image: url(/assets/website/img/blue-bg.jpg);*/
    /*background-attachment: fixed;*/
    /*background-size: cover;*/
    background: radial-gradient(#176dbb, #112f55);
}

.about-bg-img {
    background-image: url(/assets/website/img/about-bg.png);
    background-attachment: fixed;
    background-size: cover;
}


.grey-gb {
    background-color: #f1f1f1;
}

.blue-text {
    color:var(--darkblue);
}

.dark-blue-text {
    color: var(--darkblue);
}

/* text type titles */

.light-subtitle {
    font-weight: 100;
    color: var(--lightblue);
    margin-bottom: 25px;
}

/* btns */

.btn {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px;
    transition: 0.2s ease-in;
    background-color: var(--lightblue);
    color: white;
    font-size:16px;
}

.btn:hover{
    background-color: var(--darkblue);
    color: white;
}

.btn a{
    color: white;
    min-width: 48px;
    min-height: 48px;    
    padding: 12px 24px;
    display: inline-block; 
    align-content: center;
}

 a .btn{
    color: white;
    min-width: 48px;
    min-height: 48px;    
    padding: 12px 24px;
    display: inline-block; 
    align-content: center;
}


.btn:focus {
    color: white;
}

.text-primary {
    color: #17244D;
}

.text-green {
    color: #43E3C8;
}

.text-blue {
    color: #285AFF;
}


.container {
    margin-left: 7%;
    width: auto;
    margin-right: 7%;
}

section .container {
    padding: 50px 0;
}

.home-slider .container {
    padding: unset;
}

.btn.btn-sm {
    padding: 5px 10px 4px;
}

.btn.btn-lg {
    font-weight: 300;
    padding: 12px 30px 9px;
    font-size: 17px;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    background: #285AFF;
    border-color: #285AFF;
    color: #fff;
}

.btn-primary:hover {
    background: #43E3C8;
    border-color: #43E3C8;
    color: #fff;
}

.btn-green {
    background: #43E3C8;
    border-color: #43E3C8;
    color: #17244D;
}

.btn-green:hover {
    background: #285AFF;
    border-color: #285AFF;
    color: #fff;
}

.btn-bordered {
    border: 1px solid #17244D;
    color: #17244D;
    background: transparent;
}

.btn-bordered:hover {
    background: #43E3C8;
    border-color: #43E3C8;
    color: #fff;
}

.label-green {
    background: #43E3C8 !important;
}


h2.title {
    color: var(--darkblue);
    font-weight: bold;
    margin:20px 0;
}

h2.title-white {
    color: white;
    font-weight: bold;
    margin:20px 0;
}

@media (max-width: 768px){ 
    h2.title {
        margin: 20px 0;
        font-size: 25px;
    }

    h2.title-white {
        font-size: 25px;
    }
}


/* /////////////// HEADER \\\\\\\\\\\\\\ */

#menu-right {
    width: 60px;
    height: 60px;
    position: relative;
    background: #1b69b2de;
  }

  #menu-right:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    /* border-left: 0px solid white; */
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  #menu-right:before {
    content: "";
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 60px solid #1b69b2de;
    border-top: 60px solid transparent;
    border-bottom: 0px solid transparent;
  }


.navbar-brand>img {
    height: 56px;
}


nav {
    height: 85px;
    border: none;
    position: fixed;
    z-index: 100;
    margin-bottom: 70px;
    width: 100%;
}

nav .navbar-menu-options>li {
    padding: 27px 8px;
    margin: 0;
}

nav .navbar-menu-options>li>a {
    color: white;
    padding: 6px 12px 3px;
    margin: 2px;
    /* "to left" / "to right" - affects initial color */
    background: linear-gradient(to left, transparent 50%, #1B6AB2 50%) right;
    background-size: 260%;
    transition: .5s ease-out;
}

nav .navbar-menu-options>li.active>a {
    background: var(--lightblue) !important;
    color: #fff;
}

nav .navbar-menu-options>li>a:hover {
    color: #fff;
    background-position: left;
    background-color: transparent;
}

nav .navbar-menu-options>li>a:active {
    color: var(--lightblue);
}

nav .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
    color: var(--lightblue);
}

nav .navbar-nav>li>a:focus {
    color: var(--lightblue);
    background-color: transparent;
}

nav .navbar-menu-button>li {
    padding: 10px;
}

.nav>li>a> img {
    width: 60px;
}

nav .navbar-menu-button>li .btn-login:hover {
    background: var(--lightblue);
    color: #fff;
}



nav.navbar-home {
    margin-bottom: 0;
    width: 100%;
}

/* * */
nav .navbar-menu-options>li>a {
    color: white;
    padding: 10px 15px;
    margin: 0;
    /* "to left" / "to right" - affects initial color */
    background-size: 260%;
    transition: .5s ease-out;
}


/* btn login */

/* * */
/* header .navbar-default.navbar-home .navbar-menu-options .btn-login>a {
    padding: 10px 15px;
    padding-top: 25px;
    margin-top: -30px;
    background: none;
    background-color: var(--darkblue);
    color: white;
} */

nav .navbar-menu-options .btn-login>a {
    padding: 10px 15px;
    padding-top: 25px;
    margin-top: -30px;
    background: none;
    background-color: var(--darkblue);
    color: white;
}


nav .navbar-menu-options .btn-login>a:hover {
    background-color: var(--lightblue)!important;
}

/* * */
/* header .navbar-default.navbar-home .navbar-menu-options>li>a:hover {
    color: #fff;
    background-position: left;
} */

header .navbar-nav .dropdown-menu {
    padding: 0;
}

header .navbar-nav>li>.dropdown-menu{
    margin-top: -25px;
    border-top: 4px solid var(--lightblue);
    width: auto;
    margin-left: 7px;
}

.scroll .navbar-nav>li>.dropdown-menu{
    margin-top: -20px;
    border-top: 4px solid var(--lightblue);
    width: auto;
    margin-left: 8px;
}

header .dropdown-menu>li>a{
    margin: 5px 10px;
    padding: 10px 4px;
    border-bottom: 1px solid #ddd;
}

header .dropdown-menu>li:last-child>a {
    border-bottom: transparent;
}

.dropdown-menu>li>a:hover {
    color: var(--lightblue);
    background-color: transparent;
}

.dropdown-menu>li>a:focus {
    color: var(--lightblue);
    background-color: transparent;
}

nav .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: var(--lightblue);
    background-color: transparent;
}

nav .navbar-nav>.open>a {
    color: var(--lightblue);
    background-color: transparent;
}

nav .navbar-nav>.open>a:hover {
    color: white;
}

nav .navbar-nav>a:hover {
    color: var(--lightblue);
    background-color: transparent;
}


/* navbar scroll change */

nav{
    position: fixed !important;
}

nav .navbar{
    background: transparent;
} 

.scroll {
    transition: all 0.5s ease 0s; 
    background-color: #f8f8f8 !important;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);;
}

.scroll .navbar-menu-options>li>a {
    color: var(--darkblue);
}

.scroll .open>a, .nav .open>a:focus, .nav .open>a {
    /* padding: 8px 15px; */
    background-color: transparent;
}

.scroll .navbar-menu-options .btn-login>a {
    padding: 6px 15px;
    padding-top: 25px;
    margin-top: -36px;
}

.scroll .navbar-menu-options .btn-login>a:focus {
    background-color: var(--lightblue);
}

.scroll .navbar-menu-options>li {
    padding: 22px 8px;
    transition: all 0.5s ease 0s; 
}

@media (max-width: 991px) {

    section .container {
        padding: 50px 0;
    }

    nav {
        background-color: #f8f8f8;
        height: auto;
    }
    nav .navbar-menu-options>li {
        padding: 5px;
        font-size: 15px;
    }

    nav .navbar-menu-options .btn-login>a img{
        width: 50px;
    }
    
    nav .navbar-menu-options .btn-login>a {
        padding: 10px;
    }
    
    .navbar-nav>li {
        float: unset;
    }

    .collapse.in {
        display: block;
    }
    p{
        font-size: 14px;
    }

    .navbar-brand>img {
        height: 50px;
        margin-top: -5px;
    }

    .navbar-toggle {
        display: unset;
    }

    .navbar-header {
        float: unset;
    }

    .container>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }

    .navbar-collapse.collapse {
        display: none;
    }

    .navbar-collapse.in {
        overflow-y: auto !important;
    }
    
    .collapse.in {
        display: block !important;
    }

    .navbar-toggle .icon-bar {
        background-color:  var(--darkblue);
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 4px;
        border-radius: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    nav .navbar-toggle,
    nav.navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border: none;
    }

    nav .navbar-menu-options>li {
        padding: 0;
        transition: 0.3s ease-in-out;
    }

    nav .navbar-menu-options>li>a {
        padding: 15px 10px !important;
        text-align: center;
        font-size: 20px;
        background: none;
        color: var(--darkblue) !important;
    }

    header .navbar-header .btn-green {
        float: right;
        margin-top: 19px;
        margin-right: 10px;
    }

    header .navbar-menu-languages {
        background: #f8f8f8;
        margin-bottom: 0;
        padding: 20px 10px;
        text-align: center;
    }

    header .navbar-menu-languages p {
        color: var(--lightblue);
        font-size: 18px;
    }

    header .navbar-menu-languages a {
        margin: 0;
        display: inline-block !important;
        background: #fff;
        color: var(--darkblue) !important;
        border-color: var(--darkblue);
    }

    header .navbar-menu-languages a:hover {
        background: var(--darkblue) !important;
        color: #fff !important;
        border-color: var(--lightblue);
    }

    header .navbar-menu-languages a.active,
    header .navbar-menu-languages a.active:hover {
        background: transparent;
        box-shadow: none;
        border-color: var(--darkblue);
        color: var(--darkblue);
    }

    .navbar-nav .open .dropdown-menu{
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-radius: 0;
        border-top: 4px solid var(--lightblue);
        width: 70px;
        margin-left: auto;
        margin-right: auto;
    }
    
     .navbar-nav .open .dropdown-menu>li>a{
        margin: 10px 10px;
        display: flex;
        justify-content: center;
        padding: 5px;
        font-size: 18px;
        color: var(--darkblue);
        border-bottom: 1px solid #ddd;
    }
    
    .dropdown-menu>li>a:hover {
        color: var(--lightblue);
        background-color: transparent;
    }
    
    .dropdown-menu>li>a:focus {
        color: var(--lightblue);
    }

    nav .navbar-home .navbar-menu-options>li>a {
        color: white;
        padding: 6px 12px 3px;
        margin: 5px 0;
        font-size: 18px;
        transition: .5s ease-out;
    }

    nav .navbar-menu-options .btn-login>a {
        padding: 8px 15px !important;
        margin: 5px 0;
        display: flex;
        justify-content: center;
        background: none;
        background-color: var(--darkblue);
        color: white;
        border-radius: 0;
    }       

    nav .navbar-home .navbar-menu-options .btn-login>a {
        margin: unset;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    
    .navbar-collapse.collapse {
        display: none!important;
        height: auto!important;
        padding-bottom: 0;
        overflow-y: auto!important;
    }

    .collapse.in {
        display: block !important;
    }

    nav .navbar-menu-options>li>a {
        font-size: 22px;
    }

    .navbar-right {
        float: unset!important;
    }

    nav .navbar-collapse {
        border-top: 2px solid #e7e7e7;
    }

    .navbar {
        border-radius: unset;
    }
    

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        margin-top: 0;
        background-color: transparent;
        box-shadow: none;
        border: none;
        border-top: 4px solid var(--lightblue);
    }

}

@media (min-width: 991px) and (max-width: 1150px) {
    
    .btn-follow {
        margin: 0;
    }
    .navbar .container {
        width: 98%;
        margin: -16px 0 0 0;
        padding-top: 15px;
    }
    .nav>li>a> img {
        width: 45px;
    }

    nav .navbar-home .navbar-menu-options .btn-login>a {
        padding: 10px 15px;
        padding-top: 18px;
    }

    nav .navbar-menu-options>li {
        padding: 27px 0;
        margin: 0;
    }
    
    .scroll .navbar-menu-options>li {
        padding: 27px 0;
    }
    
    .scroll .navbar-menu-options .btn-login>a {
        padding: 19px 15px;
    }
    
    nav .navbar-home .navbar-menu-options>li>a {
        color: white;
        padding: 6px 8px 3px;
    }

}

@media (min-width: 1150px) and (max-width: 1340px) {
    
    .btn-follow {
        margin: 0;
    }
    .navbar .container {
        width: 98%;
        margin: -16px 0 0 0;
        padding-top: 10px;
    }
    .nav>li>a> img {
        width: 50px;
    }

    header .navbar-default.navbar-home .navbar-menu-options .btn-login>a {
        padding: 10px 15px;
        padding-top: 22px;
    }

    header .navbar-default .navbar-menu-options>li {
        padding: 27px 4px;
        margin: 0;
    }
}

@media (max-width: 991px) {

    nav .navbar-menu-options>li>a {
        padding: 6px 5px 3px;
    }

    .container>.navbar-header{
        margin: unset;
        padding-left: 4%;
        padding-right: 4%;
    }

    .navbar-collapse {
        margin: 0;
        padding: 0;
    }

    nav .navbar-menu-options>li>a {
        background: transparent;
    }

    nav {
        height: 70px;
        background: #f8f8f8;
        box-shadow: 0 0 10px #0c101e66;
    }

    .navbar .container ,.navbar-collapse{
        margin-left:0;
        margin-right:0;
        padding:0;
    }

    .nav a {
        -webkit-transition: all .25s ease;
    }

    header .navbar-collapse {
        margin-top: 1px;
        background: #f8f8f8;
        overflow: hidden;
        box-shadow: 2px 2px 3px #00000029;
    }
}

@media (max-width: 768px) {

    nav .navbar-menu-options>li>a {
        background: transparent;
        margin: 0;
    }

    .home-slider {
        text-align: center;
        margin-bottom: unset !important;
    }

    #row-title {
        text-align: left;
        position: absolute;
    }

    .home-slider-title {
        padding-top: 0!important;
    }
    .home-slider h1 {
        font-size: 40px;
    }

    .home-slider img {
        height: 195px;
        float: none !important;
        margin-top: 30px;
    }

    .home-slider .stamp-green {
        display: none;
    }

    .home-slider .col-md-6 {
        height: 400px !important;
        padding: 0 20px;
    }

    .title-page  {
        margin-top: -14%;
    }

    .title-page .text-white {
        font-size: 28px;
    }
}




/* /////////////// REVER \\\\\\\\\\\\\\ ------------------------------------------*/ 
@media (min-width: 768px) and (max-width: 991px) {

    .home-slider {
        margin-bottom: -1346px!important;
    }
    .btn-follow {
        margin: 0;
    }

    #row-title {
        margin-top: 0!important;
        height: 1100px;
    }

    #row-title .col-md-6 {
        height: 362px;
    }

    .form-booking {
        height: auto!important;
    }


    #pointer {
        width: 65% !important;
    }

    #newsend .card-info {
        width: 46% !important;
    }

    

    .testemunials img {
        width: 135px !important;
    }
    .logos {
        width: 100% !important;
        margin: auto !important;
    }

    .logo-row img{
        height: 48px !important;
    }

    .element-widget-container {
        width: 48% !important;
        height: 180px !important;
    }

    .services .step {
        display: block !important;
    }

}


/* ///////// FOOTER \\\\\\\\\\ */

 .footer-bg {
    background-repeat: no-repeat;
    background-image: url('/assets/website/img_webp/footer/bg-footer.webp');
    background-size:cover;
    width: 100%;
 }

.footer-banner .container {
    display: grid;
    width: 100%;
    position: relative;
    background-position: center top;
    overflow: hidden;
}

.footer-banner .container p{
    color: white;
}

footer .btn{
    background-color: transparent;
    border: 1px solid white;
    border-radius: 3;
    color: white;
}

footer .btn:hover{
    background-color: white;
    border: 1px solid white;
    color: var(--darkblue);
}

.row-logo {
    display: block;
    padding-bottom: 50px;
    padding-left: 18px;
}
.row-logo img{
    width: 190px;
}

.footer-links {
    padding-left: 40px;
}
footer .menu{
    padding: 110px 0;
    margin: 0;
    font-size: 18px;
    height: 560px;
}

footer .footer-logo {
    height: 100px;
}

footer .menu ul {
    list-style-type: none;
    padding: 0;
    padding-top: 10px;
}

footer .menu li {
    padding: 8px 0 ;
    list-style: none;
}

footer .menu b{
    margin-bottom: 15px;
}

footer .menu a {
    color: rgb(172, 172, 172);
    padding: 8px 0;
    font-size: 17px;
}

footer .menu  a:hover {
    color: var(--lightblue);
    cursor: pointer;
}

footer .social-icons {
    float: right;
}

footer .social-icons li {
    padding: 3px;
}

footer .social-icons a {
    background: rgba(67, 227, 200, 0.15);
    color: #43E3C8;
    padding: 5px 4px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 15px;
    display: inline-block;
}

footer .social-icons a:hover {
    background: #43E3C8;
    color: #17244D;
}

footer .btn-group .btn,
footer .btn-group .btn:focus{
    border: none;
    background: transparent;
    color: #7a8fcc;
    font-weight: normal;
    text-transform: none;
    margin: 0;
    padding: 0;
}

footer .btn-group .dropdown-toggle:active,
footer .btn-group.open .dropdown-toggle,
footer .btn-group.open .btn:focus{
    outline: 0;
    background: transparent;
    color: #fff;
}

footer .btn-group .dropdown-menu a {
    padding: 4px 10px;
    color: #131E40;
}

footer .btn-group .dropdown-menu a:hover {
    color: #131E40;
}

footer .credits {
    font-size: 12px;
    color: #7A8ECC;
    padding: 8px 0;
}

footer .credits p {
    text-align: right;
}

footer .credits a {
    color: #7A8ECC !important;
}

footer .credits a:hover {
    color: #fff !important;
}

.row-email {
    display: flex;
    justify-content: left;
    padding: 10px 0;
}

.row-email img {
    padding-right: 15px;
    height: 30px;
    margin-top: 10px;
}

footer .col-md-3 {
    padding: 0;
}
.row-email .text{
    font-size: 17px;
}
.row-footer {
    height: 500px;
}

.row-search {
    float: right;
    display: flex;
    justify-content: flex-end;
}

.footer-search {
    margin-left: -40px;
}

.row-search img {
    width: 75%;
    padding: 20px 0;
    display: flex;
    justify-content: flex-end;
}

.row-search input {
    border-radius: 2px;
    display: inline;
    width: 70%;
}

.follow .form{
    padding: 0 15px;
}

.follow img  {
    margin-top: -65px;
    width: 100%;
}

@media (max-width: 768px) {

    .footer-bg {
        background-image: url('/assets/website/img_webp/footer/bg-footer-xs.webp');
        background-repeat: no-repeat;
        background-size:cover;
        width: 100%;
    }

    footer .footer-banner {
        height: 1300px;
    }

    footer .footer-banner .banner-title {
        margin-top: 160px;
    }

    footer .footer-banner .people {
        height: 235px;
        left: 50%;
        margin-left: -185px;
    }

    footer .social-icons {
        float: none;
        text-align: center;
    }

    footer .social-icons li {
        padding: 0 10px;
    }

    footer .social-icons a {
        padding: 12px 10px;
        font-size: 27px;
        line-height: 27px;
    }

    footer .menu {
        height: 350px;
        padding: 20px 0;
    }

    footer .menu .list-menu > li {
        padding: 8px 8px;
    }

    footer .credits li,
    footer .credits p {
        width: 100%;
        text-align: center;
        padding: 6px 0;
    }

    footer .container {
        padding: 0!important;
    }
    .row-logo {
        padding: 10px 0;
        height: 60px;
    }

    .row-search {
        margin: 3px;
        width: auto;
        float: none;
        display: flex;
    }

    .footer-search {
        margin-left: 8px;
        margin-top: -10px;
        width: 100%;
    }
    .row-search img {
        margin-top: 5px;
        width: 80px;
        padding: 6px;
        margin-right: 28px;
        display: inline;
    }

    .row-search input{
        width: 100%;
    }

    .row-search h3 {
        font-size: 19px;
    }

    .row-email img {
        padding-right: 10px;
    }

    footer .btn {
        margin-top: 5px;
        padding: 8px 10px;
        margin-left: auto;
    }

    footer .menu .col-xs-12 {
        display: inline-grid;
    }
    .row-email .text {
        font-size: 14px;
    }

    .footer-links {
        padding: 30px 0 60px 10px;
        display: inline-block;
    }

    .footer-links b {
        font-size:  17px;
    }
    
    .footer-text {
        position: relative;
        bottom: -77px;
        width: 50%;
    }

    footer .menu {
        display: inline-block;
    }

    .row-logo img{
        width: 140px;
    }

    footer .col-xs-6 {
        padding-left: 0;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    footer .row-search {
        width: unset;
    }

    footer .container{
        margin-left: 3%;
        margin-right: 3%;
    }

    footer .btn {
        margin: 0 !important;
    }

    footer .menu {
        height: 1157px !important;
    }

    footer .menu .col-md-4 {
        margin: 40px 0;
    }
    
    .footer-search {
        margin-left: unset !important;
    }

    .row-search input {
        width: 60% !important;
    }

    footer .col-sm-12 {
        margin-left: -15px;
    }

    footer .footer-links div {
        padding-top: 10px;
    }
}

@media (min-width: 991px ) and (max-width: 1300px) {
    .footer-bg {
        background-image: url('/assets/website/img_webp/footer/bg-footer-sm.webp');
     }

     footer .menu {
        padding: 178px 0;
        margin: 0;
        font-size: 18px;
        height: 617px;
    }

    footer .container {
        margin: 0 2%;
    }

    .row-search {
        padding: 20px 0;
        width: 65%;
    }
    .footer-search {
        margin-left: unset;
    }

    footer .btn {
        margin: 0;
    }
}

@media (min-width: 1800px ) {
    footer .menu {
        padding: 145px 0;
    }
}

@media (min-width: 767px) and (max-width: 991px) {

    .footer-bg {
        background-image: url('/assets/website/img_webp/footer/bg-footer-sm.webp');
    }
}


/* /////////// HOME SLIDER \\\\\\\\\\ */

.carousel-banner-home .carousel-inner {
    overflow: inherit;
    z-index: -10;
}


.carousel .carousel-img {
    height: 700px;
    width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-slider {
    position: relative;
    z-index: 1;
    margin-bottom: -700px;
    width: -webkit-fill-available;
}

.home-slider-title {
    padding-top: 100px;
    font-weight: 100;
}


.home-slider .col-md-6 {
    height: 500px;
}


.home-slider h1 {
    font-size: 55px;
}

.home-slider h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 300;
    margin: 15px 0;
}


/* page img */ 

.carousel-banner .page-bg  {
    height:400px;
    width: 100%;
    margin-top: -160px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/* pedir cotaçao */

.form {
    padding: 10px;;
    width: 300px;
    height: 40px;
    border-radius: 0;
    border: transparent;
}

/* seguir envio */

.follow {
    margin-bottom: 40px;
}
.follow-text {
    padding-left: 9%;
    z-index: 10;
    width: 100%;
    position: absolute;
    padding-top: 12px;
}

.follow-text input {
    width: 60%;
}

.follow-text h3{
    height: 20px;
    margin: 15px 0;
}
.btn-follow {
    height: 41px;
    background-color: var(--darkblue);
    color: white;
    margin-top: -2px;
}

.btn-follow:hover {
    color: white;
    background-color: var(--lightblue);
    border: 1px solid #3884cc5d;
}

/* follow */
@media (max-width: 500px) {

    .follow {
        margin-top: 80% !important;
    }
}

@media (max-width: 668px) {
    .follow {
        margin-top: 52%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .follow-text {
        padding-left: unset!important;
        padding-top: unset!important;
    }

    .follow-text .btn-follow {
        margin: 0;
    }

    .follow-text {
        margin-top: 20px !important;
    }
}

@media (max-width: 991px) {

    .carousel .carousel-img {
        height: 1345px;
    }

    .follow-text {
        text-align: left;
        margin-top: unset;
        padding-left: 20px;
    }
    
    .btn-follow {
        margin: 0;
    }

    .follow .btn-follow {
        margin-top: 10px;
    }

    .follow .text-white {
        margin-bottom: 15px
    }
}



@media (max-width: 991px) {

    .carousel-banner .carousel-img {
        height: 1200px;
    }

    .home-slider .container {
        padding: unset;
    }

    
}

#row-title {
    margin-top: 180px;
}

/* pages header */

.title-page  {
    margin-top: -3.9%;
}

.title-page img {
    width: 100%;
}

.title-page h2{
    position: absolute;
    margin-top: -40px;
    margin-left: 7%;
}



/* /////////////// ECOMMERCE \\\\\\\\\\\\\\ */


.ecommerce .page-subtitle {
    font-size: 22px;
    margin-top: 0;
}

.canais h3 .subtitle .page-subtitle{
    text-transform: uppercase;
    font-size: 28px;
    color: var(--lightblue);
    font-weight: 700;
}

.canais {
    padding-bottom: 50px;
    background-image: url(/assets/website/img/gradient-blue.webp);
    background-attachment: fixed;
    background-size: cover;
}

.carousel-indicators li {
    border-radius: 10px !important;
}

.canais img {
    height: 40px !important;
}

.testemunials {
    display: flex;
    padding-top: 10px;
}

.testemunials img{
    width: 150px;
    padding: 0 15px;
    height: 80px;
}

.canals-logo {
    justify-content: center;
}


.logos {
    margin-bottom: 30px;
    width: auto;
    margin: 20px 50px;
    padding: 22px;
    border-radius: 3px;
    box-shadow: 5px 8px 5px #21263357;
}

.canals-logo img{
    padding: 25px;
    margin: 10px;
    height: 30px;
}


.logo-row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-row img{
    height: 60px;
    padding: 8px;
    filter: saturate(0);
}

.logo-row img:hover{
    height: 60px;
    padding: 8px;
    filter: none;
    cursor:pointer;
}

@media (max-width: 768px) {
    

    .testemunials {
        display: inline;
    }
    .testemunials img{
        width: 150px;
        padding: 0 15px;
    } 
    .page-subtitle {
        font-size: 30px;
    }

    .ecommerce .page-subtitle {
        font-size: 22px;
    }

    .ecommerce .row .ligth-subtitle {
        padding: 0 15px;
    }

    .ecommerce .container {
        padding: 30px 0;
    }


    .logo-row img {
        height: 40px;
        padding: 4px;
        filter: unset;
        margin-left: 0;
    }

    .logo-row .col-xs-6, .col-xs-4{
        display: flex;
        justify-content: center;
    }

    .logos {
        margin: 20px 10px;
        height: 500px;
    }
}

@media (max-width: 991px) {

    .home-slider img {
        float: none;
    }

    .home-slider .stamp-green {
        display: none;
    }

    
}


/* ///////// SECTIONS \\\\\\\\\\ */


/* ////// HOW WORKS \\\\\\ */

section.how-works a {
    color: white;
}

section.how-works .btns {
    background-image: url(/assets/website/img_webp/home/solucoes-logistica-md.webp);
    background-size: cover;
    text-align: center;
    height: 350px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-position: right top;
}

section.how-works .step {
    text-align: center;
    border-radius: 10px;
    background-position: center top;
}

section.how-works .step img {
    height: 140px;
    margin-bottom: 10px;
    /* transition: 0.4s; */
}

section.how-works .step h4 {
    font-weight: bold;
}



@media (min-width: 1200px) {
    section.how-works .btns{
        background-image: url(/assets/website/img_webp/home/solucoes-logistica-lg.webp);
        background-position: right top;
    }
}


@media (max-width: 768px) {
    
    #myModal {
        width: 80% !important;
    }
    
    section.how-works {
        margin-top: 0;
    }

    section.how-works .title {
        margin-top: 0px;
        font-size: 25px;
    }

    section.how-works .step {
        margin-top: 20px;
    }

    section.how-works .step img {
        height: 100px;
    }

    section.how-works h4 {
        font-size: 17px;
    }

    section.how-works .btn{
        font-size: 12px;
    }

    section.how-works .btns{
        display: block;
        background-image: url(/assets/website/img_webp/home/solucoes-logistica-xs.webp);
        height: 490px;
        background-position: bottom;
    }


    section.how-works .btns .container{
        padding: 0;
    }

    section.how-works .btns .container h2{
        font-size: 22px;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {

    .how-works h1 {
        margin: 0 0 120px 0!important;
    }

    section.how-works .btns .container{
        padding: 0;
    }
    
    section.how-works .btns {
        background-image: url(/assets/website/img_webp/home/solucoes-logistica-sm.webp);
    }
}

/* about-intro */

.about-intro h2{
    text-transform: uppercase;
    color: white;
}

.about-intro img{
    width: 100%;
}


.about-intro {
    background-image: url(/assets/website/img/section-bg2.webp);
    background-size: cover;
    text-align: center;
    height: 230px   ;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2px;
}

.contact-us-ecommerce img{
    width: 100%;
}



.contact-us-section {
    background-image: url(/assets/website/img/contact-us-ecommerce.webp);
    background-size: 25%;
    background-repeat: no-repeat;
    margin-bottom: -40px;
    height: 350px;
    background-position: top 10px left 50px;
}

@media (max-width: 768px) {

    .about-intro img {
        width: 80%;
    }
    
    .about-intro {
        background: radial-gradient(#112f55, #176dbb);
    }

    .contact-us-section {
        background-size: 70%;
        margin: 0;
        height: 525px;
        background-position: bottom -2px left 53px;
    }
}

section.testemunials {
    position: relative;
    overflow: hidden;
    /* padding: 50px 0; */
    height: 750px;
    background: transparent linear-gradient(180deg, #43e3c829 0%, #43E3C800 100%) 0% 0% no-repeat padding-box;
}

section.testemunials .stamp-green {
    background-image: url(/assets/website/img/wavy_stamp_light.svg);
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 260px;
    position: absolute;
    left: -70px;
    top: 50px;
    z-index: 10;
}

/* section.testemunials .carousel-testimunials {
    margin-top: 30px;
} */

section.testemunials .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 32px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    opacity: 1;
}

section.testemunials .carousel-control {
    background: #43E3C8 !important;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    padding: 8px 10px;
    font-size: 30px;
    top: 50%;
    margin-top: -20px;
    text-shadow: none;
    z-index: 5;
}

section.testemunials .carousel-control:hover {
    background: #285AFF !important;
}

section.testemunials .carousel-control.left {
    left: 0;
    margin-left: -5px;
}

section.testemunials .carousel-control.right {
    right: 0;
    margin-right: -5px;
    left: auto;
}

section.testemunials .carousel-indicators {
    top: 430px;
}

section.testemunials .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #43e3c840;
    border: none;
    border-radius: 10px;
    margin: 0 15px;
}

section.testemunials .carousel-indicators .active {
    background-color: #43e3c8;
}

section.testemunials .testimunial {
    text-align: center;
    border: 1px solid #43E3C880;
    height: 410px;
    border-radius: 10px;
    padding: 30px;
}

section.testemunials .testimunial .caption {
    text-align: center;
    margin-top: 20px;
    padding: 0;
    height: 115px;
    font-size: 17px;
    font-weight: 300;
    line-height: 23px;
}

section.testemunials .testimunial .logo {
    height: 50px;
    width: 100%;
}

section.testemunials .testimunial .logo img {
    height: 50px;
}

section.testemunials .testimunial .author img {
    border-radius: 50px;
    border: 1px solid #f2f2f2;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
}

section.testemunials .testimunial .author p {
    font-weight: bold;
}

section.testemunials .testimunial .author small {
    font-weight: normal;
    margin-top: 5px;
    display: block;
}

@media (max-width: 991px) {


    section.testemunials .painel-scroller{
        overflow-x: scroll;
        padding: 0 60px;
    }

    section.testemunials .painel-scroller .container {
        width: 915px;
    }

    section.testemunials .carousel-testimunials {
        margin-top: 30px;
        overflow: hidden;
    }

    section.testemunials .carousel-control.left {
        margin-left: 10px;
    }

    section.testemunials .carousel-control.right {
        margin-right: 10px;
    }

    section.testemunials .carousel-indicators {
        top: 640px;
        position: absolute;
        margin: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
}

@media (max-width: 768px) {

    section.testemunials {
        height: 700px;
    }

    section.testemunials .carousel-inner {
        position: relative;
        width: 900px;
    }

    section.testemunials .painel-scroller{
        overflow-x: scroll;
        padding: 0 15px;
    }

    section.testemunials .painel-scroller .container {
        width: 915px;
    }

    section.testemunials .carousel-testimunials {
        margin-top: 30px;
        overflow: hidden;
    }

    section.testemunials .carousel-control {
        top: 57%;
    }

    section.testemunials .carousel-control.left {
        margin-left: 10px;
    }

    section.testemunials .carousel-control.right {
        margin-right: 10px;
    }

    section.testemunials .carousel-indicators {
        top: 640px;
        position: absolute;
        margin: 0;
        width: 100%;
        left: 0;
        right: 0;
    }
}

section.partners {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
    height: 500px;
    background: transparent linear-gradient(180deg, #285aff14 0%, #285AFF00 100%) 0% 0% no-repeat padding-box;
}

section.partners .stamp-gray {
    background-image: url(/assets/website/img/wavy_stamp_dark.svg);
    background-position: center;
    background-size: cover;
    height: 120px;
    width: 260px;
    position: absolute;
    right: -40px;
    top: 50px;
    z-index: 10;
}

section.blog {
    padding: 50px 0;
}

section.blog .blog-article-preview {
    box-shadow: 0 0 15px #ccc;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 35px;
}

section.blog .blog-article-preview img {
    width: 100%;
    border-radius: 8px 8px 0 0;
}

section.blog .blog-article-preview h4 {
    min-height: 47px;
    margin: 5px 0 10px;
    font-weight: bold;
}

section.blog .blog-article-preview p {
    min-height: 70px;
    font-weight: 300;
}

section.blog .blog-article-preview .caption {
    padding: 15px 20px;
}

.blog-article-preview .tags {
    margin-top: 15px;
}

.blog-article-preview .label-default {
    background-color: #e6e8ed;
    color: #17244d;
    padding: 4px 8px 3px;
}

section.blog .painel-scroller {
    overflow-x: auto;
    position: relative;
    padding: 0 3%;
    left: 0;
    right: 0;
}

section.blog .painel-scroller .container {
    width: 1200px;
}

@media (max-width: 991px) {
    section.blog .painel-scroller .container {
        width: 1000px;
    }
}


@media (max-width: 768px) {
    section.blog .painel-scroller .container {
        width: 915px;
    }
}


/* //////////// FORM BOOKING \\\\\\\\\\\\\\ */
.form-booking {
    background-color: #282828d7;
    height: 410px;
    position: absolute;
    left: 0;
    right: 4px;
    margin: 0 30px;
    background-size: 24px 24px;
    padding: 20px;
    border-radius: 2px;
}

.form-booking label{
    color: rgb(236, 236, 236);
    font-weight: 300;
    margin-top: 8px;
    white-space: nowrap;
}

.form-booking .form {
    padding: 0 10px;
    width: 100%;
}

.form-booking .row {
    margin-top: 10px;
}
.form-booking:after {
    content: ' ';
    position: absolute;
    background: transparent;
    top: 12px;
    right: 12px;
    left: 12px;
    bottom: 12px;
    z-index: -1;
}

.form-booking .loading {
    position: absolute;
    top: 85px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 10;
    padding-top: 30%;
    background: #ffffff;
    color: #285aff;
    text-align: center;
    font-size: 20px;
}

.form-booking .loading .error {
    color: #ff0e15 !important;
}

.form-booking .loading .loader,
.form-booking .loading .loader:before,
.form-booking .loading .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.form-booking .loading .loader {
    color: #285aff;
    font-size: 10px;
    margin: 0 auto 40px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.form-booking .loading .loader:before,
.form-booking .loading .loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.form-booking .loading .loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.form-booking .loading .loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}


.form-booking .form-booking-inner {
    /*background-color: #282828a8;
    padding: 14px;
    margin: 0px 2px;
    */
    width: 100%;
}

.form-booking .booking-options {
    display: block;
    list-style: none;
    padding: 0;
    cursor: pointer;
}

.form-booking .footer-buttons {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}

.form-booking .booking-options .booking-option {
    position: relative;
    border: 1px solid #7a8ecc80;
    border-radius: 5px;
    padding: 12px 15px;
    margin-bottom: 10px;
}

.form-booking .booking-options .booking-option.selected {
    background: transparent linear-gradient(115deg, #285AFF 0%, #43E3C8 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #7A8ECC;
    color: #fff;
}

.form-booking .booking-options .booking-option.selected img {
    filter: brightness(0) invert(1);
}

.form-booking .booking-options .form-group {
    position: relative;
    margin-bottom: 8px;
}

.form-booking .booking-options .form-group label {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.form-booking .booking-options .form-group input,
.form-booking .booking-options .form-group select {
    box-shadow: none;
    border: 1px solid rgba(122, 142, 204, 0.5);
    padding-left: 40px;
    background-position: 9px 10px;
    background-repeat: no-repeat;
    background-size: 24px;
}

.form-booking .booking-options .form-group.has-error{
    color: red;
}
.form-booking .booking-options .form-group.has-error input {
    border-color: red;
    color: red;
    background-color: #ff000012;
}

.form-booking .booking-options .form-group .city {
    position: absolute;
    top: 25px;
    left: 140px;
    padding: 10px 0;
    font-size: 18px;
}

.form-booking .btn-price {
    background-color: var(--lightblue);
    width: 100%;
    color: white;
    margin-top: 18px;
    margin: 15px 0;
}

.form-booking .btn-price:hover {
    background-color: var(--darkblue);
}

.form-booking .btn-delegation  {
    text-align: left;
}

.form-booking .btn-delegation button{
    padding: 0;
    border: none;
    width: 124%;
    background: transparent !important;
}

.form-booking .btn-delegation b {
    text-transform: none;
    text-align: left;
    float: left;
}

.form-booking .btn-delegation .option-title {
    width: 66%;
}

.form-booking .btn-delegation .btn-group .btn{
    box-shadow: none;
}

.form-booking .btn-delegation .btn-group li a {
    padding: 5px 20px;
    border-top: 1px solid #ddd;
}

.form-booking .btn-delegation .btn-group li:first-child a {
    border-top: none;
}

.form-booking .btn-delegation .btn-group li h4 {
    margin: 0;
    font-size: 17px;
}

.form-booking .btn-delegation .btn-group li h4 small {
    margin: 0;
    font-size: 12px;
}

.form-booking .btn-delegation .open>.dropdown-menu {
    display: block;
    max-height: 250px;
    overflow-y: scroll;
}

.form-booking .booking-options .option-title h4{
    text-align: left;
    text-transform: none;
}

.form-booking .booking-options .form-group.has-error .city{
    font-size: 14px;
}

.form-booking .booking-options .form-group input[name="pickup_date"],
.form-booking .booking-options .form-group input[name="pickup_hour"] {
    height: 46px;
    font-size: 18px;
    border-radius: 6px;
    padding: 25px 0 20px 40px;
    display: block;
    width: 100%;
}

.form-booking .booking-options .form-group input[name="sender_name"],
.form-booking .booking-options .form-group input[name="sender_address"],
.form-booking .booking-options .form-group input[name="recipient_name"],
.form-booking .booking-options .form-group input[name="recipient_address"]{
    background-image: url(/assets/website/img/icons/bookingIcon_miniAddress.svg);
}

.form-booking .booking-options .form-group input[name="sender_zip_code"],
.form-booking .booking-options .form-group input[name="recipient_zip_code"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniZip.svg);
}

.form-booking .booking-options .form-group [name="pickup_date"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniCalendar.svg);
}

.form-booking .booking-options .form-group [name="pickup_hour"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniTime.svg);
}

.form-booking .booking-options .form-group select[name="customer_phone_pref"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniCountry.svg);
}

.form-booking .booking-options .form-group input[name="customer_phone"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniPhone.svg);
}

.form-booking .booking-options .form-group input[name="customer_name"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniName.svg);
}

.form-booking .booking-options .form-group input[name="customer_email"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniEmail.svg);
}

.form-booking .booking-options .form-group input[name="promo_code"] {
    background-image: url(/assets/website/img/icons/bookingIcon_miniEmail.svg);
}

.form-booking .form-group-lg .btn {
    padding: 13px 15px 11px;
    background: #BDC4D9;
    color: #fff;
}

.form-booking .booking-options .selected .option-title h4 small {
    color: #fff;
}

.form-booking .booking-options .booking-option:hover {
    border-color: #7a8ecc;
}

.form-booking .number-counter {
    position: absolute;
    right: 10px;
    top: 10px;
}

.form-booking .number-counter .spinner-vertical .btn {
    padding: 1px;
}

.form-booking .number-counter .spinner-vertical .btn:first-child {
    border-radius: 30px 30px 0 0;
}

.form-booking .number-counter .spinner-vertical .btn:last-child {
    border-radius: 0 0 30px 30px ;
}

.form-booking .number-counter .spinner-vertical input{
    width: 30px;
    padding: 5px 0 0;
    border-radius: 2px;
    font-size: 22px;
    line-height: 22px;
    border: none;
    font-weight: bold;
    text-align: center;
}



.form-booking .booking-options .option-img {
    float: left;
    text-align: center;
    width: 80px;
    padding: 10px 4px;
    height: 80px;
    display: inline-flex;
    vertical-align: middle;
}

.form-booking .booking-options .option-img img {
    max-height: 56px;
    max-width: 56px;
    float: none !important;
}

.form-booking .booking-options .option-sm .option-img {
    height: 60px;
    padding: 2px 4px;
}


.form-booking .booking-options .option-title {
    float: left;
}

.form-booking .booking-options .option-title label {
    font-size: 12px;
    font-weight: normal;
    color: #7d8ab3;
    margin-top: 1px;
}

.form-booking .booking-options .option-title h4 {
    margin-top: 0;
    font-weight: bold;
}

.form-booking .booking-options .option-title h4 small {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    font-weight: 600;
    color: #363c4e;
}

.form-booking .booking-options .option-title h4 small small {
    font-weight: 300;
}

.form-booking .booking-options .option-title p {
    font-size: 12px;
    line-height: 17px;
    color: #363B4D;
    margin: 0;
}

.form-booking .booking-options .option-select {
    background-image: url(/assets/website/img/icons/bookingDropDownArrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    height: 30px;
    width: 30px;
    right: 10px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.form-booking .booking-step02 .booking-options .option-title {
    float: left;
    padding: 40px 0;
    width: 78%;
}

.form-booking .booking-options .option-title select{
    position: relative;
    z-index: 1;
    padding: 0;
    line-height: 18px;
    font-size: 18px;
    font-weight: bold;
    width: 172%;
    margin-top: -5px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    height: 30px;
}

.form-booking .booking-options .option-title input[type="date"]::-webkit-inner-spin-button,
.form-booking .booking-options .option-title input[type="date"]::-webkit-calendar-picker-indicator,
.form-booking .booking-options .option-title input[type="time"]::-webkit-inner-spin-button,
.form-booking .booking-options .option-title input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.form-booking .booking-options .option-title input[type="date"],
.form-booking .booking-options .option-title input[type="time"]{
    font-size: 18px;
    font-weight: bold;
    margin-top: -5px;
    display: block;
    padding: 0;
    border: none;
    width: 196%;
    z-index: 10;
    position: relative;
    background: transparent;
    height: 30px;
}

.form-booking .booking-options .option-title select[name="pickup_hour"],
.form-booking .booking-options .option-title select[name="delivery_hour"] {
    width: 265%;
}

.form-booking .booking-step02 .booking-options .option-img {
    padding: 35px 4px;
    height: 100%;
}


.form-booking .process-block {
    width: 80%;
    left: 10%;
    position: relative;
    margin-bottom: -15px;
}

.form-booking .process-row {
    display: table-row;
}

.form-booking .process {
    display: table;
    width: 100%;
    position: relative;
}

.form-booking .process-row:before {
    content: " ";
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 45px;
    width: 74%;
    height: 5px;
    background-color: #CFD4E6;
    z-index: 0;
}

.form-booking .process-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.form-booking .process-step p {
    margin-top: 0;
    font-size: 12px;
    color: #cfd5e7;
}

.form-booking .btn-circle,
.form-booking .btn-circle:hover {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 4px 0;
    font-size: 19px;
    line-height: 0;
    border-radius: 50px;
    background: #CFD4E6;
    color: #6E79A8;
    border: none;
    opacity: 1;
}

.form-booking .process-step.active .btn-circle {
    background: #363B4D;
    color: #fff;
}

.form-booking .process-step.active p {
    color: #363B4D;
}

/*
.form-booking .booking-step07 .dl-horizontal dl {
}
*/

.form-booking .booking-step07 .dl-horizontal dt {
    width: 80px;
    margin-bottom: 5px;
}

.form-booking .booking-step07 .dl-horizontal dd {
    margin-left: 100px;
    margin-bottom: 5px;
}

.form-booking .booking-step07 .total-amount {
    border-top: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 10px;
}

.form-booking .booking-step07 .total-amount h3 {
    float: right;
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    padding: 0;
}

.form-booking .booking-step08 .total-amount,
.form-booking .booking-step09 .total-amount,
.form-booking .booking-step10 .total-amount {
    background: rgb(125 138 179 / 10%);
    border-radius: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.form-booking .booking-step08 .total-amount h4,
.form-booking .booking-step09 .total-amount h4,
.form-booking .booking-step10 .total-amount h4 {
    margin: 5px 20px;
    font-size: 20px;
    padding: 0 !important;
    float: right;
    font-weight: bold;
}

.form-booking .booking-step08 .total-amount span,
.form-booking .booking-step09 .total-amount span,
.form-booking .booking-step10 .total-amount span{
    margin: 4px 20px;
    display: block;
    float: left;
}

.form-booking .booking-options .credit-card-details .form-group input,
.form-booking .booking-options .credit-card-details .form-group select{
    padding-left: 15px;
}

.modal-body .form-group label {
    color: var(--darkblue);
}

@media (max-width: 768px) {

    .form-booking {
        background-color: #282828a8;
        height:  auto;
        position: absolute;
        left: 0;
        right: 4px;
        background-size: 24px 24px;
        padding: 25px;
        margin: 0 20px;
    }

    .form-booking .form-booking-inner {
        height: auto !important;
    }

    .form-booking .booking-options {
        text-align: left;
    }

    .form-booking .booking-options .option-img {
        width: 70px;
        padding: 10px 0;
        height: 70px;
    }

    .form-booking .booking-options .option-img img {
        margin: 0;
    }

    .form-booking .process-block {
        width: 100%;
        left: 0;
    }

    .form-booking:after {
        display: none;
    }


    .form-booking .booking-step02 .booking-options .option-title {
        width: 70%;
    }

    .form-booking .booking-options .option-title .btn-default h4 small {
        width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .form-booking .booking-step07 .dl-horizontal dt {
        float: left;
    }

    .form-booking .col-md-4 {
        padding: 0;
    }

    
}


/* ////// SERVICES INTRO \\\\\\ */

.services-intro {
    background-image: url(/assets/website/img/services-intro.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    color: white;
    display: flex;  
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
    padding-top: 30px;
}

.services-intro .step {
    display: flex;
    text-align: center;
    padding: 30px;
    min-height: 290px;
    justify-content: center;
    background-color: #9ccfff20;
    box-shadow: 2px 2px 6px var(--darkblue);
} 

/* .services-intro h3 {
    width: 200px;
    display: flex;
    justify-content: center;
}

.services-intro .step-img {
    overflow: hidden;
    position: relative;
}

.services-intro .step-img img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.services-intro .step .title {
    text-align: -webkit-center;
}
.services-intro .btn-seemore {
    margin-top: 10px;
    background-color: transparent;
    border: 1px solid white;
    position: absolute;
    bottom: 28px;
    right: 45px;
} */

.services-intro .btn-seemore:hover {
    background-color: var(--darkblue);
    border: 1px solid transparent;
}

.services-intro .btn-seemore a{
    color: white;
}

@media (max-width: 768px) {
    .services-intro .step {
        margin: 20px;
        min-height: auto;
    }

    .cards-bullets {
        margin-bottom: 25px;
    }
}

/* ////// SERVICES TABLE \\\\\\ */

.services-table {
    text-align: center;
    background-color: #f5f5f5;
}

.services-table .vd {
    color: var(--lightblue);
}

.services-table b {
    color: var(--darkblue);
    font-weight: lighter;
}

.services-table .title-table {
    padding: 15px 0 !important;
    align-items: unset !important;
    justify-content: unset !important;
    display: unset !important;
}

.service-table p {
    margin: 0 0 10px;
    color: var(--darkblue);
    display: inline;
}

.services-table img{
    height: 70px;
    margin-top: 15px;
}

.services-table .table-header {
    margin: 15px 0;
}

.title-table {
    font-size: 19px;
}

.title-table .icon {
    height: 17px;
    width: auto;
    margin-top: -15px;
}

.title-table span{
    font-size: 12px; 
    border-radius: 50%;
    width: 40px;
}

.services-table .vdnow,.services-table .vdnext,.services-table .vdilhas,.services-table .vdinter {
    border-bottom: 2px solid transparent;
}

.services-table .vdnow:hover,.services-table .vdnext:hover,.services-table .vdilhas:hover,.services-table .vdinter:hover {
    box-shadow: 0 0 5px #1b6ab236;
    background-color: #ffffff26;
    border-bottom: 2px solid var(--lightblue);
}


.services-table .table .grey-bg {
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    margin: 0;
}

.services-table .col-sm-10 {
    padding: 0;
}

.services-table .col-sm-3, .services-table .col-sm-2 {
    padding: 15px 0;
    align-items: center;
    justify-content: center;
    display: flex;
    min-height: 82px;
}

.services-table .row:first-child {
    background:transparent;
}

.services-table .row {
     margin-right: unset; 
     margin-left: unset;
     margin: 0;
     background: white;
}

/* services table mobile */ 
@media (min-width: 769px) {
.services-table  .table-mobile {
    display:none;
}
}

@media (max-width: 768px) {
    .services-table  .table {
        display: none;
    }

    .services-table .table-mobile .tab-content b {
        color: var(--lightblue);
    }

    .services-table  .table-mobile {
        visibility:visible;
        min-width: 350px;
    }

    .services-table .tab-content .row {
        display: flex;
        align-items: center;
        text-align: left;
        padding: 10px 15px;
    }

    .services-table .table-mobile .col-sm-6 {
        padding: 0;
    }

    .services-table .table-mobile .content {
        text-align: center;
        margin-left: auto;
        margin-right: 10px;
    }

    .services-table .table-mobile .tab-content {
        background-color: white;
    }

    .services-table .table-mobile .nav>li>a> img {
        height: 40px;
    }

    .services-table .table-mobile .nav>li>a {
        font-size: 11px;
        white-space: nowrap;
    }

    .services-table .nav-tabs {
        display: flex;
        justify-content: space-between;
    }

    .services-table .nav-link {
        padding: 10px;
    }

    .services-table .table-mobile .grey-bg {
        background-color: #e7e7e76b;
        display: flex;
        align-items: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .services-table .col-sm-3 {
        white-space: nowrap;
    }

}

/* services */

.services {
    position: relative;
    overflow: hidden;
}

.services .step .vd {
    color: var(--lightblue);
}

.services h1 {
    margin-bottom: 30px;
    margin-left: 0;
}

.page-subtitle {
    color: var(--darkblue);
}

.btn-simulation {
    margin-top: 10px;
    background-color: var(--lightblue);
    color: white;
    position: absolute;
    bottom: 15px;
}

.btn-simulation a {
    color: white;
}

.btn-simulation:hover {
    background-color: var(--darkblue);
    color: white;
}

.services .step {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #00000029;
    border-radius: 3px;
    padding: 30px;
    min-height: 500px;
    transition: 0.25s ease-in;
    display: flex;
    justify-content: center;
}

.services .step:hover {
    box-shadow: 0px 5px 20px #1b69b240;
}


.services .step img {
    display: inline-block;
    margin: 20px 0;
    height: 80px;
}

.step-text {
    top: -70px;
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: -70px;
    padding: 35px 30px 75px;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    background-color: white;
    -webkit-box-shadow: 0px 0px 29px 0px rgb(12 12 12 / 7%);
    box-shadow: 0px 0px 29px 0px rgb(12 12 12 / 7%);
}

.services .step h2 {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: -25px;
    font-size: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--darkblue);
}

.services .step .title {
    text-align: center;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .services .step {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 20px #00000029;
        border-radius: 3px;
        display: block;
        padding: 20px;
        min-height: auto;
        transition: 0.25s ease-in;
    }

    .services .step h2 {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: -25px;
    }

    .services .btn-simulation {
        position: relative;
        display: block;
        margin-top: 35px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ///////// SERVICES \\\\\\\\\\ */

.service-detail b {
    color: var(--lightblue);
}

.service-detail img {
    width: 90%;
}
.service-detail .btn {
    margin: 10px 0 0 0;
}

/* .service-detail .title {
    margin: 0;
    margin-bottom: 15px;
} */

/* other-services */

.other-services {
    position: relative;
    overflow: hidden;
}

.element-widget-container {
    transition: 0.4s;
    margin: 6px;
    width: 32%;
    height: 160px;
    padding: 15px;
    background-color: #9ccfff20;
}

.element-widget-container:hover {
    box-shadow: 0px 5px 10px #00396e71;
    transition: 0.25s ease-in;
    cursor: default;
}

.valores-titles {
    font-size: 18px;
    color: white;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 35px;
    height: 40px;
    margin-bottom: 0;
}

@media (max-width: 768px) {

    .other-services .element-widget-container {
        width: 100%;
        height: auto;
        margin: 3px;
    }
    .other-services .row {
        margin-right: 0;
        margin-left: 0;
    }

    .other-services .col-mobile {
        padding: 0;
    }

    .service-detail .page-subtitle {
        font-size: 20px;
    }

    .service-detail img {
        width: 95%;
    }
}

/* distribution */

.distribution {
    position: relative;
    overflow: hidden;
}


.distribution .step h2{
    margin-bottom: 30px;
    color: var(--lightblue);
    font-size: 24px;
    text-align: center;
    margin-top:0;
}

.distribution .col-md-3 {
    padding: 5px;
}
.distribution h1 {
    margin-left: 0;
}

.distribution .cards-bullets {
    margin-bottom: 7px;
    font-size: 17px;
    color: #363B4D;
    font-weight: 300;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.distribution .step {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 6px #00000021;
    border-radius: 3px;
    padding: 30px;
    min-height: 200px;
    transition: 0.25s ease-in;
    display: flex;
    justify-content: center;
}

.distribution .step:hover {
    box-shadow: 2px 2px 6px #0f427133;
}

.distribution .step .title {
    padding: 0 36px 0 36px;
    justify-content: center;
}

/* personalized */

.personalized .col-sm-5 img {
    width: 90%;
}

.personalized .col-md-3 {
    padding: 5px;
}
.personalized h1 {
    margin-left: 0;
    margin-top: 0;
}

.personalized b {
    color: var(--lightblue);
}

.personalized .btn {
    margin-left: 15px;
}


@media (max-width: 768px) {
     
    .personalized .step {
        padding: 20px;
        height: auto;
        min-height: auto;
    }

    .personalized .col-xs-12 {
        padding: 5px 0;
    }

    .personalized h1 {
        margin-top: 20px;
    }
    .personalized {
        margin: 0;
        padding: 20px 20px;
    }
    .personalized .col-sm-5 img {
        width: 100%;
    }

    .personalized .btn {
        margin: 15px 0;
    }
}

/* ///////// SOBRE \\\\\\\\\\ */

.our-mission .title{
    margin-left:0;
}

.about-us .row-btn {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.about-us img{
    width: 100%;
}

.about-values .title{
    margin-left:0;
}

.about-us .title{
    margin-left:0;
    margin-top: 0
}

.about-us .row {
    margin-bottom: 50px;
}
.about-text {
    font-size:17px;
    padding: 20px 50px;
}


.about-values {
    position: relative;
    overflow: hidden;
}


.valores-titles {
    font-size: 18px;
    color: white;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 35px;
    height: 40px;
    margin-bottom: 0;
}

.valores-desc {
    font-size: 17px;
    color: #bfbfbf;
    font-weight: 300;
    padding-left: 50px;
    letter-spacing: 0;
    max-width: 505px;
    line-height: 1.4;
}

.valores-card {
    height: 200px;
    padding: 15px;
    margin-bottom: 15px;
    background-color: #cde7ff27;
    transition: 0.2s ease-in;
}

.valores-card:hover {
    box-shadow: 3px 3px 3px #131e4026
}

.mission-img {
    background-image: url(/assets/website/img/mission-dark.svg);
    height: 100px;
    width: auto;
    background-repeat: no-repeat;    
    background-position: center;
}

.mission-img:hover {
    background-image: url(/assets/website/img/mission-light.svg);
}

.vision-img {
    background-image: url(/assets/website/img/vision-dark.svg);
    height: 100px;
    width: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.vision-img:hover {
    background-image: url(/assets/website/img/vision-light.svg);
}

.formRec {
    margin-top: 40px;
    margin-bottom: 40px;
}

.formRec .form-control {
    font-size: 17px;
    border: none !important;
    border-radius: 3px !important;
    font-weight: 300;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    background-color: whitesmoke;
    background-size: 20px;
}

.formRec .select2-container .select2-selection--single {
    font-size: 17px;
    border: none !important;
    border-radius: 3px !important;
    font-weight: 300;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    background-color: whitesmoke;
    background-size: 20px;
}

.formRec input {
      font-size: 17px;
    border: none !important;
    border-radius: 3px !important;
    font-weight: 300;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    background-color: whitesmoke;
    background-size: 20px;
}

.formRec .modal-body {
    overflow: overlay;
}

@media (max-width: 768px) {
    
    .formRec {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    
    .valores-card {
        height: auto;
    }
    
    .about-text {
        padding: 0 20px;
    }
    
    .about-us .title{
        margin-left:0;
        margin-top: 0;
    }

    .about-us {
        padding: 20px 0 0 0;
    }

    .about-values .text-white{
        font-size: 25px;
    }

    .about-values h3 { 
        font-size: 20px impr !important;
    }

    .about-values {
        padding-top: 0;
    }

    .about-us .row {
        margin-bottom: 10px;
    }

    .about-us .visible-xs {
        padding: 0 15px;
    }
}

.services .cards-bullets {
    margin-bottom: 7px;
    font-size: 17px;
    color: #363B4D;
    font-weight: 300;
    line-height: 1.3;
    padding-left: 23px;
    background-image: url(/assets/website/img/icons/check.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 16px;
    margin-left: auto;
    margin-right: auto;
}


.our-mission img {
    width: auto;
    height: 100px;
}

.our-mission .title {
    margin-top: 10px;
}
.our-mission {
    display: flex;
    text-align: center;
}

/* ///////// MERCADOS \\\\\\\\\\ */

.markets-form .formulario {
    display: block;
    padding: 30px 10px 40px 10px;
}

.markets-form .formulario .panel-body {
    background-color: #ffffff42;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}


.markets-form a:hover {
    color: #23527c;
}

.markets-form .formulario .panel-body button {
    color: white;
}

.how {
    padding: 25px;
    
}
.how .cards-bullets{
    font-size: 18px !important;
}

.how p {
    padding-left: 23px;
    background-image: url(/assets/website/img/icons/check.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 16px;
}

.market-cards {
    margin: 20px;
}
.market-card {
    background: #FFFFFF;
    box-shadow: 0px 5px 20px #00000029;
    padding: 30px;
    height: 250px;
    width: 24%;
    margin: 0.5%;
    border-radius: 2px;
    border-bottom: 4px solid var(--lightblue);
}

.markets .subtitle  {
    color: var(--lightblue);
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 12px;
    font-size: 28px;
}

.market-card h3 a{
    margin-top: 12px;
    font-size: 18px;
}

.market-card img{
    height: 40px;
    width: auto;
    margin-bottom: 10px;
}

.market-card:hover {
    box-shadow: 0px 5px 20px #1b69b271;
}

.market-card a:hover {
    color: var(--darkblue);
}

.markets .cards-bullets {
    margin-bottom: 7px;
    color: #6f7ca3;
    font-weight: 300;
    line-height: 1.3;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    box-shadow: 0px 5px 20px #00000029;
}

.markets .how img{
    width: 100%;
}

.markets .cards-bullets:hover {
    color: var(--lightblue);
    cursor: default;
}

@media (max-width: 768px) {


    .our-mission img {
        height: 75px;
    }
    .markets {
        padding: 0 0 30px 0;
    }

    .markets .market-cards .market-card{
        width: 100%;
        margin: 10px 0;
        height: auto;
    }

    .light-subtitle {
        font-size: 20px;
    }
    
    .how {
        padding: 0;
    }

    .markets .subtitle {
        margin-top: 20px;
        font-size: 20px;
    }

    .market-card .subtitle {
        margin-top: 10px;
    }

    .markets-form .formulario .panel-body {
        width: 100%;
    }

    .markets-form label a {
        color:#012c51;
    }

    .markets-form .formulario .panel-body button {
        color: white;
    }

    .distribution .light-subtitle {
        padding-bottom: 12px ;
    }

    .distribution {
        padding-bottom: 20px;
    }

    .market-detail {
        padding-top: 20px;
    }


    .market-detail .visible-xs {
        height: 87px; 
        width: auto;
    }

    .market-img {
        width: 100% !important;
    }

   
    .market-cards {
        margin: 0;
    }
}

@media (max-width: 400px) {

    .telecommunications .market-detail .top {
        display: unset;
    }
}

/* marketing */

.marketing .row {
    margin-top: 10px ;
}

.marketing .cards-bullets {
    background-position: left 18px;
}

.telecommunications .cards-bullets {
    background-position: left 18px;
}

.market-detail img {
    width: 90%;
}

.market-card-text p{
    padding: 5px 5px 5px 40px;
    background-image: url(/assets/website/img/icons/check.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
    height: auto;
}

.market-detail .top {
    display: flex;
}

section .legal .col-md-9{
    padding-bottom: 30px; 
}



.list-group-item.active {
    background-color: var(--lightblue);
    border-color: var(--lightblue);
}

@media (min-width: 767px) and (max-width: 991px) {
    .about-values .title {
        text-align: center;
    }

    .about-values h4 {
        text-align: center;
    }

    .about-values .valores-video {
        padding-bottom: 30px;
        max-width: 300px;
        margin: 0 0 0 -158px;
        left: 50%;
        text-align: center;
        position: relative;
    }

    .valores-outer {
        margin-bottom: 31px;
        height: 180px;
    }

    .about-values .valores-titles {
        padding-top: 80px;
        margin-left: 0;
        padding-left: 0;
        background-position: center;
        background-size: 50px;
        height: 50px;
        margin-bottom: 35px;
        text-align: center;
    }

    .about-values .valores-desc {
        padding-left: 0;
        text-align: center;
    }

    .about-values .waves {
        max-width: 231px;
        width: 100%;
        position: absolute;
        right: -70px;
        top: 40px;
    }

    .services .step {
        margin-bottom: 30px;
        min-height: auto;
    }

    .services .step h2 {
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
    }

    .services .step .title {
        text-align: left;
    }

    .services .step img {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 10px;
        padding: 10px 0;
        width: 110px;
        height: auto;
    }

    .services .btn-simulation {
        bottom: 31px;
    }

    .marketing-card {
        width: 48% !important;
    }


    .markets-form .formulario .panel-body {
        width: 80%;
    }

    .markets-form .formulario .panel-body a{
        color: #29333d;
    }


    .distribution .step {
        min-height: 175px;
    }

    .market-card {
        width: 48%;
    }

    .market-detail h3 {
        font-size: 17px;
        padding-left: 0;
    }

    .market-detail .visible-sm {
        display: flex;
    }

    .market-detail img {
        width: 100%;
    }

    .market-detail .col-md-7 {
        padding-left: 0 !important;
    }

    .valores-card {
        height: 331px;
    }

}

@media (max-width: 768px) {

    .container >.legal {
        margin-top: 30px !important;
        margin-bottom: 30px;
    }

    .about-values .title {
        text-align: center;
    }

    .about-values h4 {
        text-align: center;
    }

    .about-values .valores-video {
        padding: 30px;
        margin: 0;
    }

    .about-values .valores-titles {
        padding-top: 80px;
        margin-left: 0;
        padding-left: 0;
        background-position: center;
        background-size: 50px;
        height: 50px;
        margin-bottom: 35px;
        text-align: center;
    }

    .about-values .valores-desc {
        padding-left: 0;
        text-align: center;
    }

    .services .step {
        margin-bottom: 30px;
    }

    .about-values .waves {
        right: -115px;
        top: 390px;
    }

    .legal-section {
        padding-right: unset;
        padding-left: unset;
    }

    .page-legal-title {
        margin-top: -0.1px;
        font-size: 25px;
    }
}


/* /////////// FAQS \\\\\\\\\\\ */ 

.faq-content {
    padding: 20px 0;
}

.faqs .cards {
    display: inline;
}

.faqs-content {
    border: 1px solid #0000001A;
}
.faq-card {
    transition: 0.4s;
    margin: 5px;
    width: 24%;
    height: 80px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 3px #131e403d;
}

.faq-card:hover {
    background-color: #9ccfff20;
    
    box-shadow: 2px 2px 3px #183aa138;

}
.faqs .panel-group .panel-default {
    border: none;
    background: transparent;
    box-shadow: 2px 2px 2px 2px #a5a5a526;
    border-radius: 0;
    margin-bottom: 12px;
}

.faqs .panel-heading {
    border-bottom: none !important;
}

.faqs .panel-heading.collapsed.in .panel-title {
    color: #285AFF;
}

.faqs .panel-group .panel-default>.panel-heading {
    padding: 15px 30px;
    display: block;
    background-color: #fafcff2b;
    border-left: 4px solid #1B6AB2;
}

.faqs .panel-group .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
    border: none;
    font-weight: bold;
    color: #285AFF;
    background: transparent url('/assets/website/img/icons/FAQs_iconContract.svg') 0% 0% no-repeat padding-box;
    background-position: left;
    background-size: 17px;
    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 30px;
}

.faqs .panel-heading.collapsed .panel-title {
    color: #17244D !important;
    background: transparent url('/assets/website/img/icons/FAQs_iconExpand.svg') 0% 0% no-repeat padding-box;
    background-position-y: 2px;
    background-size: 17px;
}

.panel-body {
    /*background-color: #7a8da010;*/
    /*border-top: 4px solid #1B6AB2;*/
    border-radius: 2px;
    padding: 30px;
}

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

.faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding-top: 20px;
    font-weight: 300;
    background-color: white;
    border-left: 4px solid #1B6AB2;
}

.panel-contact-us {
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #0000001a;
    border-radius: 10px;
    padding: 10px;
    margin: 90px 0 120px;
}

.panel-contact-us h4 {
    font-size: 20px;
    font-weight: bold;
}

.panel-contact-us img {
    position: absolute;
    bottom: -90px;
    width: 85%;
}

.panel-contact-us .btn {
    float: right;
}

.faqs .question{
    display: inline-block;
    color: var(--darkblue);
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px
}

.faqs b {
    color: var(--lightblue);
}

.nav-item {
    display: inline-block;
}

.faqs .nav-link {
    border: 1px solid #131e4018;
    margin: 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    width: 220px;
    font-size: 20px;
}
.faqs .nav-tabs {
    margin-top: 15px;
    border-bottom: transparent;
}

@media (max-width: 768px) {

   

    .row {
        margin-left:0;
        margin-right: 0;

    }
    .faqs .nav-link {
        margin: 0;
        padding: 10px 40px;
        width: 180px;
        font-size: 20px;
        display: inline;
    }

    .faqs .panel-group .panel-default>.panel-heading {
        padding: 10px 0 10px;
    }

    .faqs .panel-group {
        padding-top: 15px;
    } 
    .faqs .panel-body{
        padding: 0;
    }

    .panel-body {
    /* background-color: #7a8da010;
    border-top: 4px solid #1B6AB2; */
    border-radius: 2px;
    padding: 30px;
    }


    .faqs .panel-default>.panel-heading+.panel-collapse>.panel-body {
        padding: 10px;
    }

    .faqs .question {
        padding: 10px;
    }

    .faq-content {
        padding: 0;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {

    .panel-contact-us {
        padding: 5px;
    }

    .navbar-nav {
        float: unset;
        margin: 0;
    }

    .panel-contact-us img {
        position: absolute;
        bottom: -127px;
        left: 5px;
        width: 120%;
    }

    .panel-contact-us h4 {
        float: none;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .panel-contact-us .btn {
        float: none;
        text-align: center;
    }

    .page-legal-title {
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    .panel-contact-us {
        padding: 20px 0 0 0;
    }

    .panel-contact-us img {
        position: relative;
        bottom: -50px;
        left: 0;
        width: 100%;
    }

    .panel-contact-us h4 {
        float: none;
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .panel-contact-us .btn {
        float: none;
        text-align: center;
    }
}

/* ///////// CONTACTS \\\\\\\\\\ */


.contacts b {
    color: var(--lightblue);
}

.contacts .map {
    width: 100%;
    height: 420px;
    border-radius: 10px;
}

.contacts .contact-block-network {
    background-image: url('/assets/website/img/icons/contactPage_Rede.svg');
    background-position: left 0px top 19px;
    background-repeat: no-repeat;
    background-size: 28px;
    padding: 11px 0 0 38px;
}


.contacts .contact-block-mail {
    background-image: url('/assets/website/img/icons/mail.png');
    background-position: left 0px top 19px;
    background-repeat: no-repeat;
    background-size: 28px;
    padding: 11px 0 0 38px;
}




.contacts .contact-block-headquarters {
    background-image: url('/assets/website/img/icons/location.png');
    background-position: left 0px top 19px;
    background-repeat: no-repeat;
    background-size: 28px;
    padding: 11px 0 0 38px;
}

.contacts .contact-block h4 {
    line-height: 25px;
    font-weight: 300;
}

.contacts .scroller {
    overflow-y: scroll;
    height: 175px;
    margin-bottom: -15px;
}

.contacts .scroller p {
    border-bottom: 1px solid #43e3c833;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 18px;
    font-weight: 300;
}

.contacts .scroller p:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-form .panel {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #0000001A;
    border-radius: 10px;
}

.contact-form .form-group-lg .form-control {
    font-size: 17px;
    border: none !important;
    border-radius: 3px !important;
    font-weight: 300;
    padding-left: 40px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    background-color: whitesmoke;
    background-size: 20px;
}

.contact-form button {
    text-align: center;
}

.contact-form input[name="first_name"],
.contact-form input[name="last_name"],
.modal-content input[name="first_name"]{
    background-image: url('/assets/website/img/icons/contactForm_Nome.svg');
}

.contact-form input[name="email"], 
.modal-content input[name="email"]{
    background-image: url('/assets/website/img/icons/contactForm_Email.svg');
        background-repeat: no-repeat;
    background-size: 20px;
    background-position: top 7px left 3px;
}

.contact-form input[name="phone"],
.modal-content input[name="phone"]{
    background-image: url('/assets/website/img/icons/contactForm_Tele.svg');
    background-size: 22px !important;
}

.contact-form .form-group-lg select.form-control{
    background-image: url('/assets/website/img/icons/contactForm_Motivo.svg');
    background-size: 22px !important;
    cursor: pointer;
}

.contact-form textarea[name="message"]{
    background-image: url('/assets/website/img/icons/contactForm_Mens.svg');
    padding-top: 15px !important;
    line-height: 25px !important;
    padding-top: 10px;
}

@media (max-width: 768px) {
    .contacts .contact-block.contact-block-mail , .contacts .contact-block.contact-block-phone, .contacts .contact-block.contact-block-headquarters {
        margin: 10px 0;
    }

    .contacts .col-xs-12 {
        padding: 0;
    }

    .contacts .contact-block h4 {
        font-size: 95%;
    }
    
    .contacts .contact-block {
        padding: 0;
    }
    
    .contacts .map-section {
        padding: 20px 0 ;
    }
    
    .contacts .panel-body {
        padding: 0;
    }
    
}

.blog .blog-filters a {
    color: #7D8AB3;
}

.blog .blog-filters a:hover {
    color: #17244D;
}

.blog .blog-filters .active a,
.blog .blog-filters .active a:hover {
    color: #285AFF !important;
}

.blog .label-tag {
    margin-right: 7px;
    padding: 5px 6px 4px;
    color: #17244D;
    font-weight: 400;
    font-size: 14px;
    background-color: rgb(23 36 77 / 10%);
}

.blog .label-tag:hover {
    background-color: rgb(23 36 77 / 70%);
}

.blog .pagination>li>a,
.blog .pagination>li>span {
    border: none;
    color: #363B4D;
}

.blog .pagination>.active>a,
.blog .pagination>.active>a:focus,
.blog .pagination>.active>a:hover,
.blog .pagination>.active>span,
.blog .pagination>.active>span:focus,
.blog .pagination>.active>span:hover {
    background: transparent;
    color: #43E3C8;
    border-bottom: 2px solid #43E3C8 !important;
}

.blog .pagination>li>a:focus,
.blog .pagination>li>a:hover,
.blog .pagination>li>span:focus,
.blog .pagination>li>span:hover {
    z-index: 2;
    color: #285AFF;
    background-color: transparent;
    border-color: #ddd;
    border-bottom: 2px solid #285AFF;
}

/*x navbar follow */

#pointer {
    width: 45%;
    height: 110px;
    position: relative;
    background: #1b69b2de;
  }
  #pointer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    /* border-left: 0px solid white; */
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  #pointer:before {
    content: "";
    position: absolute;
    right: -110px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 110px solid #1b69b2de;
    border-top: 110px solid transparent;
    border-bottom: 0px solid transparent;
  }

  #under {
    width: 100%;
    height: 20px;
    position: relative;
    background: #1b69b2de;
  }

  #follow {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  #page-bar {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  #slider {
    position: relative;
  }

  #pointer-page {
    width: 35%;
    height: 70px;
    padding-left: 7%;
    padding-top: 8px;
    position: relative;
    background: #1b69b2de;
    z-index: 10;
  }
  #pointer-page:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    /* border-left: 0px solid white; */
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }
  #pointer-page:before {
    content: "";
    position: absolute;
    right: -70px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 70px solid #1b69b2de;
    border-top: 70px solid transparent;
    border-bottom: 0px solid transparent;
  }

  #under-page {
    width: 100%;
    height: 5px;
    position: relative;
    background: #1b69b2de;
  }


/* NEW SEND */


.form-send .row {
    display: flex;
    margin: 10px 0;
}

.vol {
    margin: 10px 0;
}

.vol .col-sm-12 {
    margin: 10px 0;
}

.save {
    position: relative;
}

.save .btn {
    position: absolute;
}

#newsend .col-sm-3, #newsend .col-sm-4 {
    line-height: normal;
}

#newsend .col-sm-2 {
    padding: 0;
}

#newsend h4 {
    font-weight: 700;
    margin-bottom: 20px;
}


.form-send .servico {
    padding: 20px;
    border-radius: 2px;
    margin-left: 10px;
}

#newsend .select2-container--default .select2-selection--single {
    background-color: #eeeeee;
    border:none;
}

#newsend .form-control {
    display: block;
    width: 100%;
    background-color: #f4f4f4;
    border: none !important;
    padding: 6px 12px;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

#newsend .card-info{
    padding: 20px;
    margin: 10px;
    width: 48%;
    box-shadow: 0px 0px 7px 2px #e9e9e9;
    background-color: #efefef1a;
    border-top: 4px solid #1B6AB2;
}

.control-group {
    display:table;
}

.control-group label,
.control-group select {
    display: table-cell;
    
}

.control-group label {
    width:1%;
    white-space:nowrap;
    padding-right:10px;
}

.control-group select {
    width:99%;
}

.control-group option {
    border-radius: 2px;
    height: auto;
}

@media (max-width: 768px) {

    .container {
        margin-left: 4%;
        margin-right: 4%;
        padding: 20px;
    }

    section .container {
        padding: 25px 0;
    }

    #pointer {
        width: 100%;
    }

    #pointer-page {
        width: 65%;
    }

    .btn-login {
        margin-left:0;
    }

    #newsend .card-info{
       width: 100%;
       margin: 10px 0;
    }

    #newsend .container {
        padding-bottom: 70px;
    }

    #newsend {
        padding-bottom: 80px;
    }
    .form-send .servico{
        width: 100%;
        margin-left: 0;
    }

    .form-send {
        margin: 10px;
    }

    .save .col-sm-5 {
        padding: 0;
    }

    #newsend .container {
        padding: 0;
    }

    #pointer:before {
        display: none;
    }
}




/* teste brands ecommerce */

.brands .item a b {
    color: white;
}

.brands .item a img {
    height: 80px;
}

.brands .flex-col .box {
   background-color: #f9fcff2e;
    box-shadow: inset 1px 2px 5px 1px rgb(0 0 0 / 15%);
    border-radius: 2px !important;
}

#brand-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#brand-img img{
    width: auto;
    height: 50%;
    max-width: 80%;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.4s ease;
}

#brand-img img:hover {
    transform: scale(1.2);
  }



@media (max-width: 991px) {
    #brand-img {
        width: 100%;
        height: 110px;
    }
}


/* tracking */
.select2-container {
    width: 100% !important;
}
.steps {
    box-shadow: 0px 5px 20px #00000029;
}

.tracking-steps .col-sm-2 {
    width: 20%;
}

.tracking-steps img{
    height: 70px;
}

.tracking .form-control {
    padding: 20px 12px;
    box-shadow: none !important;
    background-color: whitesmoke;
    border: 0;
}

.card-tracking {
    margin-top: 0 !important;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #ddd;
    color: #4e4e4e;
}

.card-tracking .table>tbody+tbody {
    border-top: 1px solid #ddd;
}

.login-simple .card-tracking .form-control {
    height: auto;
}

.card-tracking .details-box {
    height: auto;
 /*   border-left: 1px solid #ddd;*/
    padding-left: 25px;
    margin: 0 20px 15px -60px;
}

.card-tracking .details-box h4 {
    padding: 10px;
    /*border: 1px solid #ccc;*/
    border-radius: 3px;
    margin-top: 20px;
    box-shadow: 0px 0px 4px #ddd;
}

.card-tracking .details-box td {
    border: none;
}

.card-tracking .table>tbody>tr>td,
.card-tracking .table>thead>tr>th{
    padding: 15px 20px;
}

.card-tracking .table {
    margin-bottom: unset;
}

.card-tracking .table-history th {
    background: var(--darkblue);
    color:white;
    border-bottom: 1px solid #777;
}

.card-body .content-left {
    padding: 15px;
}

.card-body .content-right {
    background: #333;
    color: #fff;
    padding: 15px 30px;
    position: inherit;
    left: 2px;
    right: 15px;
    top: 0;
    bottom: 0;
    min-height: 400px;
}

.login-simple .card-body .content-right{
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 1px 2px #ddd;
    color: #4e4e4e;
}



@media (max-width: 767px) {
    .card-body .content-right {
        padding: 15px 20px !important;
    }
    
    .card-body-mobile {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    
    .card-body-mobile .row .col-sm-12 {
        padding-left:0;
        padding-right: 0;
    }
    
    .card-body-mobile .content-left {
        margin: 10px 0!important;
        padding:0;
    }
    
    .card-body-mobile .content-left .row .col-sm-12 {
        padding-left:0;
        padding-right: 0;
    }
}

/**
 * PROCESS MODEL
 */

.nav>li>a:focus, .nav>li>a:hover{}
.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}

.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 20px auto 26px;
    border: none;
    z-index: 0;
}

.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    left: -70px;
    top: 33px;
    width: 85%;
    z-index: -1;
}

.process-model li {
    display: inline-block;
    width: 18%;
    text-align: center;
    float: none;
}

.nav-tabs.process-model > li.active > a,
.nav-tabs.process-model > li.active > a:hover,
.nav-tabs.process-model > li.active > a:focus,
.process-model li a:hover,
.process-model li a:focus {
    border: none;
    background: transparent;

}

.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}

.process-model li.active,
.process-model li.visited,
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus,
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
    color: #29a700;
}

.process-model li.active i,
.process-model li.visited i  {
    background: #fff;
    /*border-color: #29a700;*/
    box-shadow: 0px 0px 7px 0px #5fb14066;
}

.process-model li.active::after,
.process-model li.visited::after {
    background: #29a700;
}


.process-model li.incidence.active,
.process-model li.incidence.visited,
.process-model li.incidence.active a,
.process-model li.incidence.active a:hover,
.process-model li.incidence.active a:focus,
.process-model li.incidence.visited a,
.process-model li.incidence.visited a:hover,
.process-model li.incidence.visited a:focus,
.process-model li.incidence.active p,
.process-model li.incidence.visited p {
    font-weight: 600;
    color: #ff0000;
}

.process-model li.incidence.active i,
.process-model li.incidence.visited i  {
    background: #fff;
    border-color: #ff0000;
    box-shadow: 0px 0px 7px 0px #b1404a66;
}


.process-model li.incidence.active::after,
.process-model li.incidence.visited::after {
    background: #ff0000;
}

.process-model li.incidence.active,
.process-model li.incidence.visited,
.process-model li.incidence.active a,
.process-model li.incidence.active a:hover,
.process-model li.incidence.active a:focus,
.process-model li.incidence.visited a,
.process-model li.incidence.visited a:hover,
.process-model li.incidence.visited a:focus,
.process-model li.incidence.active p,
.process-model li.incidence.visited p {
    font-weight: 600;
    color: #ff0000;
}

.process-model li.incidence.active i,
.process-model li.incidence.visited i  {
    background: #fff;
    border-color: #ff0000;
}


.process-model li.incidence.active::after,
.process-model li.incidence.visited::after {
    background: #ff0000;
}

.process-model li.returned.active,
.process-model li.returned.visited,
.process-model li.returned.active a,
.process-model li.returned.active a:hover,
.process-model li.returned.active a:focus,
.process-model li.returned.visited a,
.process-model li.returned.visited a:hover,
.process-model li.returned.visited a:focus,
.process-model li.returned.active p,
.process-model li.returned.visited p {
    font-weight: 600;
    color: #ff8d1e;
}

.process-model li.returned.active i,
.process-model li.returned.visited i  {
    background: #fff;
    border-color: #ff8d1e;
    box-shadow: 0px 0px 7px 0px #ed703566;
}


.process-model li.returned.active::after,
.process-model li.returned.visited::after {
    background: #ff8d1e;
}

.process-model li.devolved.active,
.process-model li.devolved.visited,
.process-model li.devolved.active a,
.process-model li.devolved.active a:hover,
.process-model li.devolved.active a:focus,
.process-model li.devolved.visited a,
.process-model li.devolved.visited a:hover,
.process-model li.devolved.visited a:focus,
.process-model li.devolved.active p,
.process-model li.devolved.visited p {
    font-weight: 600;
    color: #ff8d1e;
}

.process-model li.devolved.active i,
.process-model li.devolved.visited i  {
    background: #fff;
    border-color: #ff8d1e;
    box-shadow: 0px 0px 7px 0px #ed703566;
}

.process-model li.devolved.active::after,
.process-model li.devolved.visited::after {
    background: #ff8d1e;
}

.process-model li:first-child::after {
    width: 0;
}

.process-model li i {
    display: block;
    height: 68px;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 0;
    box-shadow: 0px 0px 4px #ddd;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}

.process-model li p {
    font-size: 14px;
    margin-top: 11px;
}
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
    color: #606060!important;
    font-weight: normal
}
.process-model.contact-us-tab li::after  {
    display: none;
}
.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5;
}



@media screen and (max-width: 560px) {
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}
@media screen and (max-width: 380px) {
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
}


@media (min-width: 768px) and (max-width: 991px)  {
    .card {
        margin-top: 30px;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px)  {

    .login-simple .card{
        margin: 0;
    }

    .card {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .card.card-tracking {
        margin-top: 30px;
        margin-bottom: 0 !important;
    }

    .contacts li {
        width: 48% !important;
    }

    .contacts li.email {
        width: 100% !important;
    }

    .card-tracking .details-box {
        height: auto;
        padding: 0 10px;
        margin: auto;
    }

    .process-model {
        margin: 20px 0 -10px;
    }

    .process-model li::after{
        left: -20px;
        top: 0;
    }

    .process-model li i {
        display: block;
        height: 35px;
        width: 35px;
        line-height: 30px;
        font-size: 16px;
    }

    .more-icon-preocess.process-model li p {
        font-size: 8px;
        margin: 4px -7px 10px;
    }
}


/*modals*/


.modal-open .modal {
    overflow: hidden;
}

.modal-content .form-group-lg .form-control {
    font-size: 17px;
    border: none !important;
    border-radius: 3px !important;
    font-weight: 300;
    padding-left: 40px;
    background-position: 10px 12px;
    background-repeat: no-repeat;
    box-shadow: none !important;
    background-color: whitesmoke;
    background-size: 20px;
}

.recruitment {
    background-image: url('/assets/website/img/recruitment.png');
    background-size:cover; 
}



/*popup-cookies*/

#modal-video .modal-lg {
    width: 320px;
    position: absolute;
    left: 30px;
    bottom: 10px;
}

/*.form-group.is-required > label:after, .label-required:after {*/
/*    color: #ff0000;*/
/*    vertical-align: super;*/
/*    font-size: 60%;*/
/*    content: " *";*/
/*    text-shadow: 0 0 2px #b30000;*/
/*}*/


#newsend .is-required:after{
    background-image: url('/asset/website/img/icons/asterisk.svg');
    background-size: 5px;
}

#beCustomer {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }

@media (max-width: 767px)  {
    
    #beCustomer {
        width: 90%;
    }
}