:root{
    /* --black-bold: #000000; */
    --bs-text-opacity: 1;

    --blue: #11237c;
    --blue-bold: #0f2baf;
}

/*_STYLE GENERAL*/
body {
    background: #f8f9f9;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-weight: 400;
    line-height: 1.5;}

.btn,
.btn:hover,
.btn:focus{
    outline: none;
    box-shadow: none;}

.section-information,
.section-create-application,
.section-description-app,
.section-contact{
    padding: 2.188rem 0; /* 35 */}

.button.button-arrow::after,
a.button.button-arrow::after,
input.button.button-arrow::after,
button.button.button-arrow::after,
.link-arrow::after,
.anchor-arrow::after,
.bi-arrow-right:before,
.icon-arrow-small-right::before {
    content: "";}

a, .link, .anchor {
    color: var(--blue-bold);
    cursor: pointer;
    font-size: inherit;
    width: auto;
    text-decoration: underline;
    display: inline;
    transition: all .25s;}

h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h5, .h5, h6, .h6,
table th, table td, ul, ol, dl, p {
    margin: 0 0 1.5rem; /* 24 */}

h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h5, .h5, h6, .h6,
table th {
    font-weight: 600;}

.link-medium, .anchor-medium {
    font-size: 1.125rem; /* 18 */ }

.link-small, .link-medium, .link-large,
.anchor-small, .anchor-medium, .anchor-large,
.link-video, .anchor-video {
    display: inline-block;
    font-weight: 600;
    line-height: calc(1.5em + 2px); /* 24 */
    text-decoration: none;}

p:last-child{
    margin-bottom: 0;}

a:hover,
a:focus,
a:active,
.link:hover,
.link:focus,
.link:active,
.anchor:hover,
.anchor:focus,
.anchor:active {
    color: var(--blue);
    text-decoration: underline;}

.link-small:hover,
.link-small:focus,
.link-small:active,
.link-medium:hover,
.link-medium:focus,
.link-medium:active,
.link-large:hover,
.link-large:focus,
.link-large:active,
.link-video:hover,
.link-video:focus,
.link-video:active,
.anchor-small:hover,
.anchor-small:focus,
.anchor-small:active,
.anchor-medium:hover,
.anchor-medium:focus,
.anchor-medium:active,
.anchor-large:hover,
.anchor-large:focus,
.anchor-large:active,
.anchor-video:hover,
.anchor-video:focus,
.anchor-video:active {
    text-decoration: none;}

.link-small span,
.link-medium span,
.link-large span,
.link-video span,
.anchor-small span,
.anchor-medium span,
.anchor-large span,
.anchor-video span {
    border-bottom: 2px solid var(--blue-bold);
    transition: all .25s;}

.link-small:hover span,
.link-small:focus span,
.link-small:active span,
.link-medium:hover span,
.link-medium:focus span,
.link-medium:active span,
.link-large:hover span,
.link-large:focus span,
.link-large:active span,
.link-video:hover span,
.link-video:focus span,
.link-video:active span,
.anchor-small:hover span,
.anchor-small:focus span,
.anchor-small:active span,
.anchor-medium:hover span,
.anchor-medium:focus span,
.anchor-medium:active span,
.anchor-large:hover span,
.anchor-large:focus span,
.anchor-large:active span,
.anchor-video:hover span,
.anchor-video:focus span,
.anchor-video:active span {
    border-color: var(--blue);}

.link-arrow:after,
.anchor-arrow:after {
    font-family: greenhouse-web-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;}

.link-arrow::after,
.anchor-arrow::after {
    font-size: 1.75rem; /* 28 */
    margin-left: 0.125rem; /* 2 */
    position: relative;
    top: 0.3125rem; /* 5 */
    left: 0;
    transition: left .25s;}

.link-arrow:hover::after,
.link-arrow:focus::after,
.link-arrow:active::after,
.anchor-arrow:hover::after,
.anchor-arrow:focus::after,
.anchor-arrow:active::after {
    left: 0.15em;}

.lazyload,
.lazyloading,
.lazyloaded{
    transition: opacity .25s;}

/*_STYLE SETTING*/

.letter-spacing-5{ letter-spacing: 5px;}

/* STYLE COLORS */
.color-blue{ color: var(--blue)}
.color-blue-bold{ color: var(--blue-bold)}

/*_STYLE BUTTON*/
.btn-action{
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    height: 100%;
    padding: 10px;
    text-decoration: none;
    transition: opacity .2s ease-out;}
.btn-action:hover{
    color: #fff;}
.btn-action.btn-login{
    background-color: #11237c;
    border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;}
.btn-action.btn-login:hover{
    opacity: .7;}
.btn-action.btn-contact{
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12), 0 1px 3px 0 rgba(0,0,0,.2);
    display: inline-block;
    text-align: center;
    transition: all .15s ease-in-out;
    background: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 6px;
    font-size: 1rem;
    padding: 14px 30px;
    padding-left: 50px;
    padding-right: 50px;
    height: auto;}
.btn-action.btn-contact:hover{
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 3px 3px -2px rgba(0,0,0,.12);}
.btn-action.btn-return {
    background-color: #11237c;
    height: auto;
    font-size: 16px;
    display: block;}

/*STYLE TITLES*/
.title.medium{
    font-weight: 600;}
.title.bold{ /*h2*/
    font-weight: 400;}

/* STYLES ACCORDION */
.accordion .accordion-item .accordion-closed{
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 1rem 1.25rem; /* 16 24 */}
.accordion .accordion-item .accordion-open ul > li {
    margin-bottom: 0;
    padding: 0.5rem 1.5rem; /* 8 24 */
    border-top: 1px solid #c2c8cc;
    transition: background-color .25s;
    position: relative;
    padding-right: 3.5rem;}
.accordion .accordion-item .accordion-open ul > li strong {
    text-transform: uppercase;
    font-size: .875em;
    white-space: nowrap;}


/* STYLES HEADER */
.show-small-up, .hide-small-down {
    display: none;}
.global-header {
    background: #fff;
    position: relative;
    z-index: 1000;
    height: 80px;}
.global-header.checkout{
    transition: transform .25s ease-in-out;}
.global-header.slideDown{
    -webkit-transform: translateY(0);
    transform: translateY(0);}
.global-header.slideUp{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);}
.global-header .nav-container {
    margin: 0 auto;}
.global-header ul,
.global-header li {
    list-style: none;
    margin: 0;
    padding: 0;}
.global-header .has-dropdown {
    cursor: default;}
.global-header .has-dropdown .open-dropdown {
    padding-bottom: 20px;
    position: relative;}
.global-header .has-dropdown .open-dropdown:before{
    content: "";}
.global-header .has-dropdown .open-dropdown::before {
    font-family: greenhouse-web-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;}
.global-header .has-dropdown .open-dropdown::before {
    position: absolute;
    right: 1px;
    top: 38%;
    display: block;
    transition: all .5s;}
.global-header .has-dropdown .open-dropdown.open::before {
    transform: rotate(-180deg)}
.global-header .dropdown {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -32px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    max-height: 0;
    transition: all 1s;
    overflow: hidden;}
.global-header .dropdown.open {
    max-height: 2000px;}
.global-header .dropdown .dropdown-inner {
    position: relative;
    padding: 2rem;
    width: 100%;}
.global-header .dropdown .dropdown-inner::before,
.global-header .dropdown .dropdown-inner::after {
    content: "";
    display: block;
    width: 20%;
    border-top: 3px solid #03363d;
    position: absolute;
    left: 32px;}
.global-header .dropdown .dropdown-inner::before {
    top: 0;}
.global-header .dropdown .dropdown-inner::after {
    bottom: 0;}
.global-header .dropdown.dropdown-primary ul[class^=grid].grid-row-2 {
    grid-template-rows: repeat(2,auto);}
.global-header.checkout .sticky-container,
.global-header.stuck .sticky-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 24px rgb(0 0 0 / 13%);
    transform: translateZ(0);}
.global-header.checkout .sticky-container{
    background-color: var(--blue-bold);
    box-shadow: none;}
.global-header .secondary-nav {
    font-size: 12px;
    padding-top: 10px;}
.global-header .secondary-nav .has-dropdown {
    position: relative;}
.global-header .secondary-nav .language-menu {
    visibility: hidden;
    margin-left: 1em;}
.global-header .secondary-nav .language-menu.initialized {
    visibility: visible;}
.global-header .secondary-nav a {
    font-family: sharp sans,arial,sans-serif;
    text-decoration: none;}
.global-header .secondary-nav a:hover {
    text-decoration: underline;}
.global-header .dropdown.dropdown-secondary {
    margin-top: -10px;
    left: 80%;
    background: #fff;
    padding: 20px 40px 10px;
    text-align: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    transform: translate(-50%,0);
    font-size: 14px;
    z-index: 10;}
.global-header .dropdown.dropdown-secondary li {
    margin: 0 0 0.5em;}
.global-header .dropdown.dropdown-secondary a {
    white-space: nowrap;}
.global-header .primary-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1rem;
    padding-top: 0.5rem; /* 8 -> 16 */
    padding-bottom: 0.5rem;
    -ms-flex-direction: column;
    flex-direction: column;}
.global-header .primary-nav li:hover .primary-link::after,
.global-header .primary-nav li.active .primary-link::after {
    width: 100%;}
.global-header.checkout .primary-nav,
.global-header.stuck .primary-nav{
    max-width: 1320px;
    padding-left: 1rem;
    padding-right: 1rem;}
.global-header.open .primary-nav {
    padding-bottom: 0;}
.global-header ul.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;}
.global-header .primary-nav>.menu {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;}
.global-header ul.menu>li {
    margin-left: 0.5em;
    margin-right: 0.5em;}
.global-header ul.menu>li:first-child {
    margin-left: 0;}
.global-header .bisale-logo {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    height: 37px;
    background: url(../../img/logo/miis_icon.png) left top no-repeat transparent;
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    /*transition: all .25s ease;*/}
.global-header.checkout .bisale-logo.b-logo,
.global-header .bisale-logo.b-logo {
    width: 100px;
    height: 50px;
    background: url(../../img/logo/miis_icon.png) center center no-repeat;
    background-size: contain;}
.global-header .show-mobile-only {
    display: inherit!important;}
.global-header .toggle-mobile-menu {
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: 6px;
    margin-bottom: 6px;
    cursor: pointer;}
.global-header .toggle-mobile-menu.open {
    height: 30px;
    background: 0 0;
    margin-top: 0;
    margin-bottom: 0;}
.global-header .toggle-mobile-menu::before,
.global-header .toggle-mobile-menu::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 2px;
    content: "";
    background-color: var(--blue);
    opacity: 0;
    transform: translate(-50%,-50%) rotate(0);
    transition: all .5s;}
.global-header .toggle-mobile-menu.open::before {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(45deg);}
.global-header .toggle-mobile-menu.open::after {
    opacity: 1;
    transform: translate(-50%,-50%) rotate(135deg);}
.global-header .toggle-mobile-menu a {
    background: linear-gradient(to bottom,var(--blue),var(--blue) 10%,transparent 10%,transparent 45%,var(--blue) 45%,var(--blue) 55%,transparent 55%,transparent 90%,var(--blue) 90%,var(--blue) 100%);
    transition: opacity .5s .25s;
    width: 28px;
    height: 18px;
    border-bottom: none;}
.global-header .toggle-mobile-menu.open a {
    opacity: 0;
    transition-duration: 0s;
    transition-delay: 0s;}
.global-header ul.menu>li:last-child {
    margin-right: 0;}
.global-header .primary-nav .nav-items {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 8px 24px rgb(0 0 0 / 13%);
    padding: 0 0 32px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 62px);}
.global-header.checkout .primary-nav .nav-items,
.global-header.stuck .primary-nav .nav-items {
    box-shadow: none;}
.global-header .primary-nav .nav-items.open {
    display: block;
    margin: 16px -32px 0;}
.global-header .primary-nav .nav-items>li {
    padding: 0 2rem;
    margin: 0;}
.global-header .primary-nav .primary-link {
    display: block;
    font-weight: 600;
    color: var(--blue);
    padding: 1rem 0;
    position: relative;
    border: none;
    text-decoration: none;}
.global-header.checkout .primary-nav .primary-link img,
.global-header.stuck .primary-nav .primary-link img{
    filter: brightness(0) saturate(100%) invert(8%) sepia(33%) saturate(1402%) hue-rotate(214deg) brightness(93%) contrast(100%);}
.global-header .primary-nav .primary-link::after {
    content: "";
    display: none;
    width: 0;
    height: 2px;
    background: 0 0;
    position: relative;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .25s;}
.global-header:not(.checkout) .primary-nav .primary-link::after,
.global-header:not(.stuck) .primary-nav .primary-link::after {
    background-color: #3966bf;}
.global-header .primary-nav .primary-link img{
    margin-right: 0.5rem;}
.global-header .primary-nav .primary-link:hover,
.global-header .primary-nav .primary-link:active,
.global-header .primary-nav .primary-link:focus {
    text-decoration: none;}
.global-header .primary-nav .nav-items .cta-call {
    margin: 20px auto 0;}
.global-header .primary-nav a.block-link {
    display: block;
    position: relative;
    padding: 1rem 1.5rem /*16 24*/;
    border-radius: 3px;
    border-left: 3px solid transparent;
    border-bottom: none;
    transition: all .25s;
    text-decoration: none;
    height: 100%;}
.global-header .mobile-secondary-nav .dropdown a.block-link {
    font: 600 18px sharp sans,arial,sans-serif;
    padding-top: 1rem;
    padding-bottom: 1rem;}
.global-header .nav-separator {
    border-top: 2px solid #c2c8cc;
    margin: 10px 0 30px;}
.global-header .has-cta {
    text-align: center;}
.global-header .cta-call {
    text-decoration: none;}

/* _STYLES SLIDER HEADER */
.section-slider .__tablet, .section-slider .__desktop{ display: none; }
.section-slider .container-banner{
    position: absolute;
    top: 0;
    left: 0; right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;}
.section-slider .container-banner h1,
.section-slider .container-banner h2{ color: #fefefe; font-size: 28px; font-weight: 400; line-height: 1.1; } /*1,5*/   /*36*/
.section-slider .container-banner h1 span,
.section-slider .container-banner h2 span{ font-size: 32px; }

.section-slider .owl-carousel .owl-dots{
    position: absolute;
    bottom: 18px;
    width: 100%;
    text-align: center;}
.section-slider .owl-carousel .owl-dots button.owl-dot{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 0.5;
    margin: 0 2px;
    background-color: #FFFFFF;}
.section-slider .owl-carousel .owl-dots button.owl-dot.active{
    opacity: 1;}

/*_STYLES SECTION INFORMATION*/
.list-group-borderless .list-group-item {
    padding: 0;
    margin-bottom: 1.5rem;}
.list-group-borderless .list-group-item .text-primary{
    --bs-text-opacity: 1;
    color: rgba(35, 39, 102, var(--bs-text-opacity)) !important;}

/*_STYLES SECTION CREATE YOUR PACKAGES*/
.tooltip {
    opacity: 1;
    padding: 0;
    cursor: pointer;
    position: relative;
    margin-left: 0.25rem;
    transition-delay: .25s;}
.tooltip:hover, .tooltip:focus {
    margin-top: -0.75rem;
    padding-top: 0.75rem;
    transition-delay: 0s;}
.tooltip:hover::before, .tooltip:focus::before {
    color: var(--blue);}
.tooltip:hover::before,
.tooltip:hover
.tooltip-content,
.tooltip:hover::after,
.tooltip:focus::before,
.tooltip:focus .tooltip-content,
.tooltip:focus::after {
    transition-delay: 0s;}
.tooltip::after {
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #03363d;
    top: 0;
    content: "";
    position: absolute;
    left: 0;}
.tooltip::after, .tooltip .tooltip-content {
    visibility: hidden;
    transition: visibility 0s .125s;}
.tooltip:before {
    content: "";}
.tooltip:before {
    font-family: greenhouse-web-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;}
.tooltip::before {
    color: #68737d;
    display: none;
    transition: color 0s .125s;}
.tooltip .tooltip-content {
    background: var(--blue);
    bottom: 100%;
    box-shadow: 0 4px 12px 0 rgba(104,115,125,.15);
    color: #fff;
    font-size: .875rem;
    left: -1rem;
    line-height: 1.25em;
    padding: 1rem;
    position: absolute;
    width: 15rem;
    z-index: 5;}
.tooltip .tooltip-content-left {
    right: -1rem;
    left: auto;}

.create-package{
    display: flex;
    justify-content: center;
    margin: 0 auto;}
.box-package{
    padding: 8px;
    display: flex;
    flex-direction: column;
    height: 50vh;}
.card-package{
    background: #fff;
    box-shadow: 0 4px 12px 0 rgba(104,115,125,.15);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-align: left;
    transition: box-shadow .25s;
    height: 100%;}
.package-header,
.package-body{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1.5rem;
    /*height: 100%;*/}
.package-header .package-title{
    font-size: 2rem;
    text-align: center;
    margin-bottom: 0;
    /*margin: 0 0 0.75rem;*/}
.packege-body{
    padding: 0;
    height: 100%;
    overflow: auto;}
.packege-body .feature-list{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%;
    color: var(--blue);
    font-size: 1rem;
    line-height: 1.5em;}
.feature-list li{
    margin-bottom: 0;
    padding: 0.5rem 1.5rem;
    border-top: 1px solid #c2c8cc;
    transition: background-color .25s;
    position: relative;
    padding-right: 3.5rem;
    cursor: pointer;}
.feature-list li:hover,
.feature-list li.active{
    background: #f3f0ee;}
.feature-list li .tooltip{
    position: absolute;
    right: 1.5rem;
    top: 0.5rem;}

/*STYLES SCROLL */
.packege-body::-webkit-scrollbar:vertical {
    width: 5px;}

/*_STYLES SECTION CONTACT*/
.section-contact{
    position: relative;
    z-index: 0;
    background: #fff;
    margin-top: 0;
    padding-bottom: 10rem;
    text-align: center;}
.form-content{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;}
.form-content form{
    width: 100%;}
.form-group{
    margin-bottom: 1rem;}
.form-group label{
    display: block;
    color: var(--blue);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25rem;
    text-align: left;
    margin-bottom: 0.25rem;}
.form-group .form-control,
.form-group .form-control:hover,
.form-group .form-control:focus,
.form-group .form-control,
.form-group .form-control:hover,
.form-group .form-control:focus{
    background: #f8f9f9;
    border-radius: 0;
    border: 1px solid var(--blue);
    box-shadow: none;
    color: #17494d;
    font-size: 1rem;
    line-height: 1;
    height: 3rem;
    padding: 1rem;
    width: 100%;}
.form-content form .form-group .form-control::placeholder{
    color: #3966bf;}
.form-content .btn_general{
    border-radius: 10px;
    background-image: linear-gradient(118deg, #102796 0%, #1c3eb9 98%, #1c3eb9 100%);
    margin-top: 2rem;}

.vector_right_contact,
.vector_footer_contact{
    position: absolute;
    z-index: -1;}
.vector_right_contact{
    right: 0;
    bottom: -16%;}
.vector_footer_contact{
    left: 0;
    bottom: 7%;}

/*_STYLES FOOTER */
footer {
    margin-top: auto;
    padding: 15px 0;}
.footer-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;}
.footer-social img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(1%) saturate(7490%) hue-rotate(349deg) brightness(106%) contrast(94%);}

/*_STYLES THANK PAGE*/
.section-thank{
    /* margin-top: auto; */
    height: 100vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;}
.section-thank h1{
    font-size: 40px;}
.section-thank h2{
    font-size: 30px;}
.section-thank h2 span{
    font-size: 40px;}

/** TIME LINE LANDING INIT**/
.__section_line_time { position: relative; background: #fff; }        
.__section_line_time .container{ position: relative; }
.__section_line_time .__line_time{ position: relative; margin: 150px 0; padding: 80px 0; list-style: none; }

.__section_line_time .__line_time::before, .__section_line_time .__line_time::after{  content: ""; width: 95px; height: 95px; position: absolute; background: #348e80;  }
.__section_line_time .__line_time::before{ top: -110px; left: -12%; background: url(../../img/logo/miis-logo.svg) no-repeat; }
.__section_line_time .__line_time::after{ bottom: -115px; width: 125px; height: 100px; background: url(../../img/elements/miis_image.png) no-repeat; background-size: cover; }

    .__line_time li{ position: relative; }
            .__line_time li .__box_picture, .__line_time li .__box_container{ display: flex; align-items: center; justify-content: center; }

            .__line_time li .__box_picture{ position: absolute; width: 28%; }
                .__line_time li .__box_picture .__container_picture{ width: 75px; height: 75px; display: flex; justify-content: center; align-items: center; padding: 5px; border: 1px solid #ccc; border-radius: 16px; }
                    .__line_time li .__box_picture .__container_picture img{ object-fit: cover; max-width: 70%; }
                    .__line_time li .__box_picture .__container_picture img.phone{ max-width: 52%; }
            .__line_time li .__box_container{ position: absolute; font-weight: bold; color: #060d5a; display: flex; }
            .__line_time li .__box_point{  display: flex; align-items: center; justify-content: center; position: absolute; width: 45px; height: 45px; margin-left: -25px; background: #635fce; border-radius: 50%; box-shadow: 0px 0px 10px 3px #00000047; text-align: center; color: #fff; font-size: 1.5em;}

@media (min-width: 571px) {
  
    /* _STYLES SLIDER HEADER */
    .section-slider .__tablet{ display: flex; }
    .section-slider .__mobil, .section-slider .__desktop{ display: none; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    /** TIME LINE LANDING INIT**/
    .__section_line_time .__line_time{ margin: 280px 0; padding: 0; border-top: 4px solid #2e3aa3; }
    .__section_line_time .__line_time::before{ top: -47px; left: -8%; }
    .__section_line_time .__line_time::after{ right: -10%; bottom: -47px; }

        .__line_time li{ float: left; width: 20%; padding-top: 30px; }
            .__line_time li .__box_picture, .__line_time li .__box_container{ width: 100%; }

            .__line_time li .__box_picture.top{ bottom: 0; margin-bottom: 130px; }
            .__line_time li .__box_picture.bottom{ margin-top: 60px; }                                                
            .__line_time li .__box_container.bottom{ margin-top: 35px; }
            .__line_time li .__box_container.top{ bottom: 0; margin-bottom: 100px; }
                .__line_time li .__box_container p{ text-align: center;  }
                .__line_time li .__box_container p.customer{ width: 80%; }
            .__line_time li .__box_point{ top: -26px; left: 50%; }
            .__line_time li .__box_point::before, .__line_time li .__box_point::after{ position: absolute; content: ""; color: #2e3aa3; background: #2e3aa3; width: 4px; }
            .__line_time li .__box_point::before{ left: 47%; height: 50px; }
            .__line_time li .__box_point::after{ left: 38%; border-radius: 50%; width: 12px; height: 12px; }

            .__line_time li .__box_point.top::before{ top: -50px; }
            .__line_time li .__box_point.bottom::before{ bottom: -50px; }
            .__line_time li .__box_point.top::after{ bottom: 90px; }
            .__line_time li .__box_point.bottom::after{ top: 90px; }    

    /*_STYLE GENERAL*/
    body {
        font: normal 1.125rem/1 "Open Sans", sans-serif;}

    /*_STYLE SETTING*/

    /*STYLE TITLES*/
    .title.medium{
        font-size: 1.25rem; /* 20 */}
    .title.semibold{ /*h3*/
        font-size: 1.625rem; /* 26 */}
    .title.bold{ /*h2*/
        font-size: 2.5rem; /* 40 */}

    .hide-small-up, .show-small-down {
        display: none !important;}
    .show-small-up, .hide-small-down {
        display: inherit;}

    /* STYLES ACCORDION */
    .supertitle {
        font-size: .875rem; /* 14 */
        line-height: 1.375rem; /* 22 */ }

    /* STYLES HEADER */
    .global-header {
        height: auto;}
    .global-header.checkout{
        height: 96px;}
    /* .global-header.transparent {
        margin-bottom: -132px;} */
    .global-header.menu {
        background: #fff;
        height: 70px;}
    .global-header .dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 24px;
        margin: 0;
        border: none;
        box-shadow: 0 8px 24px rgb(0 0 0 / 13%);
        background: #fff;
        max-height: none;}
    .global-header .has-dropdown .open-dropdown {
        text-align: center;}
    .global-header .has-dropdown .open-dropdown::before {
        display: none}
    .global-header .secondary-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;}
    .global-header .has-dropdown:hover .dropdown {
        display: block;}
    .global-header .primary-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 0.875rem; /* 14 */}
    .global-header.checkout .primary-nav,
    .global-header.stuck .primary-nav {
        margin: 0 auto;}
    .global-header:not(.stuck) .bisale-logo {
        background: url(../../img/miis_svg.svg) left top no-repeat transparent;
        background-size: contain;}
    .global-header .show-mobile-only {
        display: none!important }
    .global-header .primary-nav .nav-items {
        background: 0 0;
        box-shadow: none;
        display: -ms-flexbox;
        display: flex;
        overflow: visible;
        padding: 0;
        position: relative;}
    .global-header .primary-nav .nav-items.open {
        display: -ms-flexbox;
        display: flex;
        margin: 0;}
    .global-header .primary-nav .nav-items>li {
        padding: 0;}
    .global-header .primary-nav .primary-link {
        padding: 0.313rem; /*5*/}
    .global-header:not(.checkout) .secondary-nav .secondary-link,
    .global-header:not(.stuck) .secondary-nav .secondary-link {
        color: #ece0ce;}
    .global-header:not(.stuck) .primary-nav .primary-link {
        color: #3966bf;}
    .global-header .primary-nav .primary-link::after {
        display: block;}
    /* .global-header .cta-call {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 10px;} */
    .global-header .primary-nav .nav-items .cta-call {
        margin-top: 0;}


    /* _STYLES SLIDER HEADER */
    .section-slider .__desktop{ display: flex; }
    .section-slider .__mobil, .section-slider .__tablet{ display: none; }
    .section-slider .container-banner{ padding: 0 16px; max-width: 720px; }
    .section-slider .container-banner.cotainer-right { justify-content: end; }
    .section-slider .container-banner h1,
    .section-slider .container-banner h2{ font-size: 32px; }

    /*_STYLES SECTION INFORMATION*/
    .section-information{
        padding: 3.75rem 0; /* 60 0 */ }

    /*_STYLES SECTION CREATE APPLICATION*/
    /*_STYLES SECTION CREATE YOUR PACKAGES*/
    .tooltip::before {
        display: inline-block;}
    .tooltip:hover .tooltip-content,
    .tooltip:hover::after,
    .tooltip:focus .tooltip-content,
    .tooltip:focus::after {
        visibility: visible;}

    .section-create-application,
    .section-create-your-packages{
        position: relative;
        padding: 3.75rem 0 5rem; /* 60 80 */}
    .section-create-application h2{
        margin-bottom: 3rem;}
    .section-create-application .description,
    .section-create-application .weight-medium,
    .section-create-your-packages .weight-medium{
        text-align: justify;}
    .section-create-application .description,
    .section-create-your-packages .weight-medium{
        margin-bottom: 3rem;}

    .section-create-application .vector-left{
        position: absolute;
        left: 0%;
        bottom: -85%;
        z-index: 1;}
    .section-create-application .vector-hand{
        position: absolute;
        right: 0%;
        bottom: -55%;
        z-index: 1;}

    /*_STYLES SECTION CONTACT*/

    /** Efecto de flecha a la derecha*/
    .arrow-container {
        transform: rotate(270deg);
        top: 50%;
        left: 15%;}
    .arrow-rigth {
        position: relative;}
    .arrow-rigth span {
        display: block;
        width: 20px;
        height: 20px;
        border-bottom: 5px solid rgb(0, 0, 0);
        border-right: 5px solid rgb(0, 0, 0);
        transform: rotate(45deg);
        margin: -10px;
        animation: animate 2s infinite;}
    .arrow-rigth span:nth-child(2) {
        animation-delay: -0.2s;}
    .arrow-rigth span:nth-child(3) {
        animation-delay: -0.4s;}

    @keyframes animate {
        0% {
            opacity: 0;
            transform: rotate(45deg) translate(-10px, -10px);
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            transform: rotate(45deg) translate(10px, 10px);
        }
    }
    /* END */

    /*_STYLES SECTION CONTACT*/
    .form-content{
        width: 65%;}
    .form-content .btn_general{
        margin-top: 3rem;}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    /* _STYLES SLIDER HEADER */
    .section-slider .container-banner{ max-width: 960px; }
    .section-slider .container-banner h1,
    .section-slider .container-banner h2{ font-size: 36px; }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    /*_STYLE SETTING*/

    /*STYLE TITLES*/
    .paragraph.medium{
        font-size: 1.375rem; /* 22 */}
    .title.semibold{ /*h3*/
        font-size: 1.625rem; /* 26 */}
    .title.bold{ /*h2*/
        font-size: 1.875rem; /* 30 */}

    /* STYLES HEADER */
    .global-header .secondary-nav {
        font-size: 0.875rem; /*14*/}
    .global-header .primary-nav {
        font-size: 1rem; /*16*/}

    /* _STYLES SLIDER HEADER */
    .section-slider .container-banner{ max-width: 1140px; }
    .section-slider .container-banner h1,
    .section-slider .container-banner h2{ text-shadow: 0 0 10.5px rgba(0,0,0,0.29); font-size: 42px; }
    .section-slider .container-banner h1 span,
    .section-slider .container-banner h2 span{ font-size: 4.5rem; /*72*/ }

}

@media (min-width: 1400px) {

    /* _STYLES SLIDER HEADER */
    .section-slider .container-banner{ max-width: 1320px; }

}

/*Whatsapp landing styles */
/*_STYLES BUTTON WHATSAPP FLOAT*/
.WhatsAppButton__root {
    z-index: 9999;
    position: fixed;
    bottom: 100px;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%; }
.tooltip-whatsapp {
    position: absolute;
    top: -65px;
    right: -15px;
    z-index: 1060;
    display: block;
    max-width: 195px;
    min-width: 195px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    border-radius: 70px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.29);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.29);
    /* font-family: MuseoSans_5; */
    font-size: 11px;
    line-height: 10px;
    color: rgb(150, 150, 150);}
.tooltip-whatsapp > .arrow{
    border-width: 15px;}
.tooltip-whatsapp > .arrow,
.tooltip-whatsapp > .arrow:after{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;}

.tooltip-whatsapp.top > .arrow{
    bottom: -15px;
    right: 15%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    border-bottom-width: 0;}
.tooltip-whatsapp > .arrow:after {
    content: "";
    border-width: 18px;}
.tooltip-whatsapp.top > .arrow:after{
    bottom: 1px;
    margin-left: -18px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;}
.tooltip-whatsapp .tooltip_content {
    padding: 15px 33px;}
.tooltip-whatsapp .tooltip_content span {
    /* font-family: MuseoSans_9; */
    color: rgb(0, 179, 0);
    text-decoration: underline;}

.WhatsAppButton__root a,
.WhatsAppButton__root a:focus,
.WhatsAppButton__root a:hover {
    display: inline-block;
    outline: none;}

.leadsales-whatsapp__button, .leadsales-whatsapp__button:hover, .leadsales-whatsapp__button:focus {
    border: none;
    cursor: pointer;
    background: transparent;
    color: rgb(76, 175, 80);
    display: flex;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    transition: all ease-in-out 100ms;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    animation: intercom-lightweight-app-launcher 250ms ease;
    outline: none;}
.leadsales-whatsapp__button .fa, .leadsales-whatsapp__button:hover .fa, .leadsales-whatsapp__button:focus .fa{
    font-size: 60px;}

    /* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    /** TIME LINE LANDING INIT**/
    .__section_line_time .__line_time{ margin-left: 25px; border-left: 4px solid #2e3aa3; display: flex; flex-direction: column; gap: 30px; }
    .__section_line_time .__line_time::after{ left: -8%; }

        .__line_time li{ height: 130px; }
            .__line_time li .__box_picture{ top: 0; height: 128px; margin-left: 25px; }
            .__line_time li .__box_container{ top: 0; right: 0; width: 58%; height: 128px; }
                .__line_time li .__box_container p{ text-align: left; width: 100%; }
            .__line_time li .__box_point{ top: 30%; left: 0; }    

    /*_STYLE GENERAL*/
    body {
        font: normal 1rem/1 "Open Sans", sans-serif;}

    /*_STYLE SETTING*/

    /*STYLE TITLES*/
    .title.medium{
        font-size: 1.125rem; /* 18 */}
    .title.semibold{
        font-size: 1.438rem; /* 23 */}
    .title.bold{
        font-size: 1.875rem; /* 30 */}

    /* STYLES HEADER */
    .global-header .primary-nav .primary-link {
        padding: 0.313rem 0; /*5*/}
    .global-header .cta-call{
        font-size: 1.375rem;}

    /* STYLES ACCORDION */
    .accordion .accordion-item .accordion-closed::before{
        content: "";}
    .accordion .accordion-item .accordion-closed:before {
        font-family: greenhouse-web-icons;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;}
    .accordion .accordion-item .accordion-closed::before {
        font-size: 1.5rem; /* 24 */
        height: 1.5rem; /* 24 */
        margin-left: 1rem; /* 16 */
        -ms-flex-order: 2;
        order: 2;
        transition: all .25s;
        width: 1.5rem; /* 24 */}
    .accordion .accordion-item.active .accordion-closed::before {
        transform: rotate(180deg);}
    .supertitle {
        text-transform: uppercase;
        letter-spacing: 2px;
        font: bold 0.75rem/1.25rem "Sharp Sans",arial,sans-serif; /* 12 20 */
        margin-bottom: 0.5rem; /* 8 */ }
    .accordion .accordion-item .accordion-open{
        display: none;}
    .accordion .accordion-item.active .accordion-open {
        display: block;}

    /* _STYLES SLIDER HEADER */
    .section-slider .container-banner{
        --bs-gutter-x: 1.5rem;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);}


}

@media (max-width: 600px) {
    .WhatsAppButton__root {
        bottom: 20px;
        left: 20px;
        display: block;
    }
    .tooltip-whatsapp{
        display: none;
    }
}