html,
body {
display: flex;
padding: 0;
margin: 0;
height: 100vh;
font-family: 'Open Sans', sans-serif;
}
/*
*::-webkit-scrollbar {
width: 8px;
}
*::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}
*::-webkit-scrollbar-thumb {
background-color: #008AFF;
border-radius: 10px;
border: 2px solid transparent;
}
*/
.custom_navbar {
display: flex;
height: 60px;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin: auto;
background-color: white;
padding: 0 3em;
font-family: 'Open Sans';
}
.custom_text_navbar {
color: #716E6F !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
cursor: pointer;
position: relative;
text-decoration: none;
padding: 10px 1px;
transition: color 0.3s;
font-family: 'Open Sans';
white-space: nowrap;
}
.custom_text_navbar:hover {
color: #0070B9 !important;
}
.custom_text_navbar::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #0070B9;
transition: width 0.3s ease-out;
}
.custom_text_navbar:hover::before {
width: 100%;
}
.img_logo_navbar {
cursor: pointer;
}
.menu_icon {
display: none;
cursor: pointer;
}
.menu_items {
display: flex;
gap: 1.2rem;
}
.menu_items.show {
display: flex;
flex-direction: column;
}
.menu_bar {
width: 25px;
height: 3px;
background-color: #716E6F;
margin: 5px 0;
transition: 0.4s;
}
@media (max-width: 850px) {
.custom_navbar {
justify-content: center;
align-items: center;
flex-direction: row-reverse;
position: fixed;
width: 100%;
padding: 0;
top: 0;
height: 70px;
z-index: 9999999;
}
.div_img_logo_navbar{
height: 100%;
justify-content: center;
align-items: center;
}
.menu_icon {
display: block;
position: fixed;
left: 0;
top: 0;
margin: 20px;
cursor: pointer;
z-index: 9999999;
}
.menu_items {
display: none !important;
flex-direction: column;
gap: 1.2rem;
position: fixed;
top: 60px;
left: 0;
right: 0;
z-index: 9999999;
padding: 1em;
}
.menu_items.show {
display: flex !important;
height: 100vh !important;
}
.custom_text_navbar{
text-align: start !important;
font-family: "Open Sans" !important;
font-size: 16px !important;
padding-left: 4em;
padding-right: 4em;
color: #716E6F;
font-style: normal;
font-weight: 700 !important;
line-height: normal;
letter-spacing: 1.6px !important;
}
}
@media (max-width: 300px) {
.custom_text_navbar{
font-size: 16px !important;
padding-left: 1em;
padding-right: 1em;
font-weight: 700 !important;
letter-spacing: 1.6px !important;
}
}.custom_banner {
position: relative;
background-image: url("/assets/svg/friends.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 550px !important;
min-width: 100% !important;
margin-top: 0px;
}
.custom_banner::before {
content: "";
position: absolute;
width: 100%;
height: 550px;
background: linear-gradient(to top, rgba(0, 0, 255, 0.2), rgba(255, 255, 255, 0.35));
z-index: 1;
}
.custom_banner_customtext_head {
font-size: 48px !important;
line-height: 50px !important;
z-index: 1 !important;
color: #FFF !important;
font-weight: 700 !important;
}
.custom_banner_customtext_footer {
font-size: 14px !important;
width: 520 !important;
z-index: 1 !important;
color: #FFF !important;
font-weight: 700 !important;
}
.custom_banner_container{
justify-content: center;
align-items: center;
height: 100% !important;
width: 100% !important;
margin-top: 5em;
}
.custom_banner_contain {
min-width: 85% !important;
width: 900px;
gap: 1rem;
margin-bottom: 5em;
margin-left: 10em;
margin: auto !important;
}
.custom_banner_container_customtext {
min-width: 52% !important;
width: 580px;
}
.status_query_container {
background: #cce4f1;
margin-top: 2em !important;
padding-top: 4em;
padding-bottom: 4em;
width: 100%;
justify-content: center;
align-items: center;
gap: 1.5em;
}
.custom_text_status_query {
margin-bottom: 0.7em;
width: 100%;
color: #383e5a;
font-size: 28px;
font-weight: 700;
}
.custom_button_status_query {
text-decoration: none;
background-color: #005993;
padding: 0.5em 2em;
color: #ffffff;
border-radius: 5px;
transition: background-color 0.3s ease-in-out;
}
.custom_button_status_query:hover {
background-color: #004a70;
}
.buttons_banner {
justify-content: center;
align-items: center;
flex-direction: row !important;
gap: 1.5rem;
margin-top: 3em;
margin-bottom: 1em;
width: 100% !important;
}
.div_buttons_banner {
flex-direction: column;
width: 100% !important;
}
.buttons_banner_customtext{
margin-bottom: .7em;
color: #383E5A;
font-size: 28px;
font-weight: 700;
}
.buttons_banner_button {
background-color: #005993;
}
@media (max-width: 850px) {
.custom_banner {
width: 100% !important;
height: 220px !important;
margin-top: 70px !important;
justify-content: center !important;
align-items: center !important;
object-fit: contain !important;
}
.custom_banner::before {
content: "";
position: absolute;
height: 220px;
background: linear-gradient(360deg, #170E4F -20.98%, rgba(14, 25, 79, 0.22) 70.02%);
z-index: 1;
}
.custom_banner_container_customtext {
width: 100%;
justify-content: flex-start !important;
align-items: flex-start !important;
}
.custom_banner_container {
justify-content: flex-end !important;
align-items: flex-end !important;
height: 100%;
margin-top: 0em;
}
.custom_banner_contain {
margin: auto;
margin-bottom: 1em;
gap: 1rem;
justify-content: center !important;
align-items: center !important;
width: 90% !important;
margin-top: 3.5em !important;
}
.custom_banner_customtext_head {
font-size: 27px !important;
line-height: 26px !important;
z-index: 1 !important;
color: #FFF !important;
font-weight: 700 !important;
text-align: start !important;
letter-spacing: 0;
width: 100%;
color: #FFF;
font-family: "Open Sans" !important;
font-style: normal;
}
.custom_banner_customtext_footer {
font-size: 16px !important;
line-height: 15px !important;
letter-spacing: -0.36px;
z-index: 1 !important;
color: #FFF !important;
font-weight: 400 !important;
text-align: start !important;
width: 90%;
justify-content: flex-start !important;
}
.buttons_banner {
justify-content: center;
align-items: center;
flex-direction: row !important;
width: 100%;
gap: 1;
margin-bottom: 0;
margin-top: 2em !important;
}
.div_buttons_banner {
flex-direction: column;
height: 100%;
}
.buttons_banner_customtext {
margin-bottom: 1em !important;
color: #383E5A !important;
font-size: 20px !important;
font-weight: 700 !important;
width: 90% !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
}
.status_query_container {
background: #cce4f1;
margin-top: 1em;
padding-top: 2em;
padding-bottom: 2em;
width: 100%;
justify-content: center !important;
align-items: center !important;
gap: 1em;
}
}
.footer_container {
align-items: center !important;
background-color: #4D4D4D !important;
cursor: default !important;
padding-bottom: 60px;
}
.footer_content {
align-items: center !important;
gap: 2rem !important;
}
.footer_logo {
width: 80px !important;
}
.footer_links {
flex-direction: row !important;
gap: 1rem !important;
}
.footer_link {
text-decoration: none !important;
}
.footer_link_web {
text-decoration: none !important;
}
.footer_text {
font-size: 10px !important;
color: #FFF !important;
cursor: pointer !important;
}
.footer_text1 {
font-size: 10px !important;
color: #FFF !important;
cursor: pointer !important;
}
.footer_text:hover {
color: #DDD !important;
}
.footer_divider1 {
height: 1px !important;
width: 80% !important;
}
.footer_divider {
height: 1.5em !important;
width: 1px !important;
}
.footer_info {
margin-top: 2em !important;
align-items: center !important;
}
.footer_info_text {
font-size: 10px !important;
color: #FFF !important;
letter-spacing: 1px !important;
font-weight: 400 !important;
}
.footer_info_text_link {
cursor: pointer !important;
}
.footer_info_image {
cursor: pointer !important;
}
.footer_info_image:hover {
opacity: 0.8 !important;
}
.footer_info_icon {
width: 10px !important;
}
.footer_info_row {
margin-top: 1.5em !important;
}
.footer_notice {
margin-top: 2em !important;
font-size: 10px !important;
color: #FFF !important;
font-weight: 400 !important;
letter-spacing: 1px !important;
}
.footer_notice_text {
letter-spacing: 1px !important;
}
.footer_notice_link {
text-decoration: none !important;
cursor: pointer !important;
}
.footer_info_column {
width: 900px !important;
letter-spacing: 1px !important;
flex-direction: row !important;
gap: 1rem !important;
margin-top: 4em !important;
justify-content: space-around !important;
align-items: flex-start !important;
}
.footer_info_column_responsive {
display: none !important;
}
.footer_info_gral {
margin-top: 5em !important;
margin-bottom: 2em !important;
width: 90% !important;
}
.footer_info_column_xs {
flex-direction: row !important;
justify-content: center !important;
align-items: flex-start !important;
gap: 1em !important;
margin-left: 4em !important;
height: 100% !important;
}
.footer_info_column_text1 {
align-items: flex-start !important;
letter-spacing: 1px !important;
gap: 1em !important;
}
.footer_info_column_text {
letter-spacing: 1px !important;
text-align: center !important;
}
.footer_info_column_stack {
width: 300px !important;
align-items: center !important;
justify-content: center !important;
}
.footer_info_column_stack_web {
width: 300px !important;
align-items: center !important;
justify-content: center !important;
}
.footer_info_column_stack_icon {
width: 300px !important;
align-items: center !important;
justify-content: center !important;
}
.footer_info_column_link {
cursor: pointer !important;
}
.footer_info_column_icon {
cursor: pointer !important;
}
.footer_info_column_image {
cursor: pointer !important;
}
.footer_info_column_image_xs {
height: 110px !important;
}
.footer_info_column_gap {
gap: .5em !important;
}
.footer_info_column_row_link {
text-decoration: none !important;
cursor: pointer !important;
}
.footer_info_column_row_text {
letter-spacing: 1px !important;
}
.footer_info_column_row_text_link {
cursor: pointer !important;
white-space: nowrap;
}
.footer_info_column_row_text_head_link {
white-space: nowrap;
letter-spacing: 1px !important;
}
.footer_logo {
width: 80 !important;
}
.footer_info_column_stack_responsive {
display: none !important;
}
.footer_info_gral_responsive {
display: none !important;
}
@media (max-width: 850px) {
.footer_container {
background-color: #36373C !important;
padding-bottom: 5.5em;
}
.footer_content {
width: 80% !important;
padding: 2em !important;
justify-content: flex-start !important;
align-items: flex-start !important;
}
.footer_content_logo {
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.footer_logo {
width: 80 !important;
}
.footer_links {
flex-direction: column !important;
gap: .5em !important;
}
.footer_text {
font-size: 14px !important;
color: #FAFAFF !important;
font-family: "Open Sans" !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: normal !important;
letter-spacing: 1.4px !important;
}
.footer_divider1 {
height: 0.5px !important;
width: 70% !important;
background-color: #FFF !important;
}
.footer_info {
flex-direction: column !important;
width: 80% !important;
align-items: flex-start !important;
}
.footer_divider {
display: none !important;
}
.footer_text1 {
font-size: 14px !important;
text-decoration: underline !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 19px !important;
letter-spacing: 1.4px !important;
}
.footer_info_column {
display: none !important;
width: 100% !important;
align-items: flex-start !important;
}
.footer_info_column_responsive {
display: flex !important;
flex-direction: row !important;
width: 100% !important;
justify-content: space-between !important;
align-items: flex-start !important;
margin-top: 3em;
margin-bottom: 5em;
gap: 5px;
}
.footer_info_column_stack {
width: 90% !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
}
.footer_info_column_text {
color: #FAFAFF !important;
text-align: center !important;
font-size: 8px !important;
font-weight: 400 !important;
}
.footer_info_column_icon {
display: none !important;
}
.footer_info_column_stack_web {
display: none !important;
}
.footer_link_web {
display: none !important;
}
.footer_info_gral {
display: none !important;
}
.footer_info_gral_responsive {
display: flex !important;
width: 100% !important;
padding: 0em !important;
margin-bottom: 5em;
}
.footer_info_column_xs {
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
margin-left: 0 !important;
gap: 1em;
}
.footer_info_column_row_text {
text-align: center !important;
width: 90% !important;
}
.footer_info_column_image_xs {
height: 50px !important;
}
.footer_info_column_text {
text-align: center !important;
align-items: center !important;
justify-content: center !important;
}
.footer_info_column_text_bottom {
text-align: center !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
flex-direction: column !important;
}
.footer_info_column_row {
flex-direction: column !important;
}
.footer_info_column_row_text_link {
cursor: pointer !important;
white-space: initial;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
}
.footer_info_column_row_text_head_link {
white-space: initial;
text-align: center !important;
letter-spacing: 1px !important;
}
}/* Middle.css */
.middle_container {
gap: 1rem !important;
flex-direction: row !important;
justify-content: center !important;
background-color: #FAFAFF !important;
padding-top: 5em !important;
cursor: default !important;
}
.middle_content {
flex-direction: row !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
padding: 0 1rem !important;
}
.middle_title {
color: #383E5A !important;
margin-left: 9em !important;
margin-bottom: 2em !important;
font-size: 28px !important;
width: 100% !important;
text-align: start !important;
}
.steps_container {
flex-direction: row !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.step {
width: 150px !important;
height: 150px !important;
justify-content: flex-start !important;
align-items: center !important;
}
.step_image {
width: 160px !important;
height: 127.5px !important;
}
.step_text {
width: 160px !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
.middle_text {
text-align: center !important;
color: #11216C !important;
font-family: 'Open Sans' !important;
font-size: 18px;
}
.middle_text1 {
text-align: center !important;
font-size: 12px !important;
}
.middle_box_line {
width: 150px !important;
height: 0px !important;
margin: 0px !important;
border: 1px dashed #0070B9 !important;
}
@media (max-width: 850px) {
.middle_title {
margin-left: 0em !important;
margin-bottom: 3em !important;
font-size: 24px !important;
width: 100%;
}
.middle_box_line {
display: none;
}
.steps_container {
flex-direction: column !important;
gap: 1em !important;
}
.middle_container {
gap: 1rem !important;
flex-direction: row !important;
justify-content: center !important;
background-color: #FAFAFF !important;
padding-top: 5em !important;
padding-bottom: 5em !important;
cursor: default !important;
}
.step {
width: 200px !important;
height: 200px !important;
justify-content: center !important;
align-items: center !important;
}
.step_image{
width: 100px !important;
height: 80 !important;
}
}.technical_assistance_container {
align-items: center;
background-color: #FAFAFF !important;
justify-content: center;
cursor: default;
}
.technical_assistance_content {
justify-content: center;
gap: 1rem;
width: 500px;
flex-direction: column !important;
align-items: center;
text-align: center !important;
margin-top: 10em;
margin-bottom: 8em;
}
.technical_assistance_title {
color: #383e5a;
font-size: 28px;
}
.technical_assistance_text {
color: #383e5a;
font-size: 16px;
text-align: center !important;
font-weight: 400 !important;
width: 400px;
}
@media (max-width: 850px) {
.technical_assistance_content {
margin-top: 4em;
margin-bottom: 6em;
}
.technical_assistance_title {
font-size: 24px;
}
.technical_assistance_text {
font-size: 18px !important;
padding-left: 1em !important;
padding-right: 1em !important;
font-weight: 400 !important;
}
.technical_assistance_container {
width: 100%;
}
.technical_assistance_content {
width: 100%;
}
}
.left_side_container {
background-color: #0070B9 !important;
width: 40% !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 1rem !important;
}
.left_side_image {
width: 400px !important;
height: auto !important;
object-fit: contain !important;
}
@media (max-width: 850px) {
.left_side_container {
display: none !important;
}
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.SmallStateBar_gral {
flex-direction: row !important;
width: 100%;
justify-content: center;
align-items: center;
gap: 0em;
padding-top: 4em;
padding-bottom: 1em;
}
.SmallStateBar_img {
width: 30px;
height: 30px;
}
.SmallStateBar_gral_container {
position: relative;
justify-content: center;
align-items: center;
}
.SmallStateBar_text1 {
position: absolute;
top: -45px;
text-align: center !important;
white-space: nowrap;
}
.SmallStateBar_text2 {
position: absolute;
top: -45px;
text-align: center !important;
white-space: nowrap;
}
.SmallStateBar_text3 {
position: absolute;
top: -45px;
text-align: center !important;
white-space: nowrap;
}
.SmallStateBar_text4 {
position: absolute;
top: -45px;
text-align: center !important;
white-space: nowrap;
}
@media (max-width: 850px) {
.SmallStateBar_gral {
width: 80%;
}
.SmallStateBar_img {
height: 25px;
width: 25px;
}
.SmallStateBar_text1 {
font-size: 12px !important;
white-space: normal;
top: -45px;
}
.SmallStateBar_text2 {
font-size: 12px !important;
white-space: normal;
top: -45px;
}
.SmallStateBar_text3 {
font-size: 12px !important;
white-space: normal;
top: -45px;
}
.SmallStateBar_text4 {
font-size: 12px !important;
top: -45px;
/* white-space: normal; */
}
}.step_one_container {
display: flex;
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
height: 100%;
margin: auto;
min-height: 100vh !important;
}
.step_one_text_heading {
color: #383E5A !important;
font-size: 32px !important;
font-weight: 700 !important;
margin-top: 1em !important;
font-family: 'Open Sans' !important;
}
.step_one_text_subheading {
color: #383E5A !important;
font-size: 16px !important;
font-family: 'Open Sans' !important;
}
.step_one_text_required {
color: #383E5A !important;
font-size: 10px !important;
font-style: italic !important;
}
.step_one_text_hint {
color: #7A92A6 !important;
font-size: 10px !important;
font-style: italic !important;
font-weight: 400 !important;
}
.step_one_input_wrapper {
width: 420px !important;
margin-top: 4em !important;
gap: 1em !important;
}
.step_one_select_wrapper {
margin-top: 1em !important;
}
.step_one_button_wrapper {
display: flex !important;
flex-direction: row !important;
justify-content: flex-end !important;
width: 420px !important;
height: 100% !important;
align-items: flex-end !important;
margin-top: 2em !important;
margin-bottom: 5em !important;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@media (max-width: 850px) {
.step_one_container {
margin-top: 70px !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
height: 100% !important;
animation: fadeInUp 1s ease;
}
.step_one_text_heading {
font-size: 20px !important;
text-align: center !important;
white-space: nowrap !important;
}
.step_one_text_subheading {
font-size: 14px !important;
text-align: center !important;
width: 80% !important;
margin-top: 2.5em !important;
letter-spacing: 0 !important;
}
.step_one_text_required {
font-weight: 400 !important;
font-size: 9px !important;
}
.step_one_container {
width: 100% !important;
justify-content: flex-start !important;
}
.step_one_input_wrapper {
width: 85% !important;
margin-top: 2em !important;
}
.step_one_button_wrapper {
width: 85% !important;
margin-bottom: 0em !important;
height: 10% !important;
}
}.stepDate_gral {
justify-content: flex-start;
align-items: center;
flex: 1;
background-color: #FAFAFF;
gap: 13px;
height: 100%;
min-height: 100vh !important;
}
.stepDate_gral_head {
margin-top: 1em;
text-align: center;
}
.stepDate_gral_mid {
justify-content: center;
align-items: center;
gap: 1em;
height: 100%;
}
.stepDate_gral_mid_textfield {
gap: .5em;
}
.stepDate_gral_mid_file {
width: 420;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.stepDate_button_file {
width: 300px;
}
.stepDate_file_bootom {
flex-direction: row !important;
align-items: flex-start !important;
justify-content: flex-start !important;
width: 100% !important;
margin-top: .5em !important;
}
.stepDate_gral_bottom {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
height: 100%;
width: 420px;
margin-bottom: 1em;
}
.stepdate_mid_botline {
font-size: 11px !important;
color: gray !important;
font-weight: 400 !important;
font-style: italic !important;
width: 420px;
}
@media (max-width: 850px) {
.stepDate_gral {
width: 100%;
margin-top: 70px;
animation: fadeInUp 1s ease;
}
.stepDate_gral_mid {
width: 85%;
}
.stepDate_gral_mid_textfield{
width: 100% !important;
}
.stepDate_button_file {
width: 100% !important;
justify-content: center;
align-items: center;
}
.stepDate_file_bottom {
margin-top: .5em;
width: 80%;
justify-content: center !important;
align-items: center !important;
}
.stepDate_gral_bottom {
width: 100%;
margin-bottom: 10em;
}
.stepdate_mid_botline {
width: 100% !important;
text-align: center !important;
}
.stepDate_AddFileButton {
justify-content: center !important;
align-items: center !important;
}
}.accordion_container {
box-shadow: 0px 10px 30px 0px rgba(225, 232, 238, 0.50) !important;
width: 560px !important;
margin-bottom: 1rem !important;
border-radius: 10px !important;
border: 1px solid #B2CCE2 !important;
position: initial !important;
}
.accordion_container::before {
display: none !important;
}
.accordion_details {
background-color: rgba(107, 107, 107, 0.06) !important;
border-top: 1px solid gray !important;
padding: 10px !important;
display: flex !important;
justify-content: flex-start !important;
align-items: flex-start !important;
text-align: start !important;
font-size: 14px !important;
font-weight: 400 !important;
}
.accordion_summary {
padding: 10px 20px !important;
}
.accordion_summary .MuiAccordionSummary-expandIconWrapper.Mui-expanded {
transform: rotate(0deg) !important;
}
@media (max-width: 850px) {
.accordion_container {
width: 90% !important;
}
}
.faq_container {
align-items: center !important;
background-color: #F5F7FA !important;
min-height: 100vh !important;
padding-bottom: 4em;
}
.faq_content {
text-align: flex-start !important;
align-items: center !important;
gap: 1rem !important;
margin-top: 3em;
}
.faq_title {
color: #383E5A !important;
font-size: 46px !important;
}
.faq_description {
color: #7A92A6 !important;
width: 450px !important;
text-align: center !important;
font-size: 18px !important;
}
.faq_loading {
margin-top: 2em !important;
}
@media (max-width: 850px) {
.faq_container {
width: 100%;
}
.faq_title {
font-size: 24px !important;
}
.faq_description {
font-size: 15px !important;
width: 60% !important;
}
}.stepThree_gral {
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
min-height: 100vh;
}
.stepThree_gral_headline {
font-size: 32px !important;
color: #383E5A !important;
line-height: 34px !important;
margin-top: 1em !important;
font-weight: 700 !important;
}
.stepThree_gral_midline {
font-size: 16px !important;
color: #383E5A !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
.stepThree_gral_container {
justify-content: center;
align-items: center;
}
.stepThree_gral_contain {
gap: 1em;
margin-top: 2em;
width: 420px;
}
.stepThree_gral_buttons {
flex-direction: row;
justify-content: space-between;
width: 420px;
margin-top: 4rem;
}
@media (max-width: 850px) {
.stepThree_gral {
margin-top: 70px;
gap: 0;
min-height: 90vh;
animation: fadeInUp 1s ease;
}
.stepThree_gral_headline {
font-size: 20px !important;
margin-top: 1em !important;
white-space: nowrap !important;
text-align: center !important;
}
.stepThree_gral_midline {
font-size: 15px !important;
margin-bottom: 1em !important;
width: 80% !important;
text-align: center !important;
}
.stepThree_gral_contain {
width: 100%;
}
.stepThree_gral_buttons {
width: 100%;
margin-top: 6em;
flex-direction: row !important;
}
}.stepFour_gral {
justify-content: flex-start !important;
align-items: center !important;
flex: 1 !important;
gap: 1rem !important;
background-color: #FAFAFF !important;
min-height: 100vh !important;
padding-top: 2em;
}
.stepFour_gral_contain {
width: 550px !important;
margin-top: 6em;
}
.stepFour_gral_contain_2 {
width: 600px !important;
gap: 1em !important;
margin-top: 6em;
}
.stepFour_container_button {
margin-top: 4em;
}
@media (max-width: 850px) {
.stepFour_gral {
width: 100% !important;
margin-top: 2em;
}
.stepFour_gral_contain {
width: 90% !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
gap: 1em;
}
.stepFour_gral_contain_2 {
width: 90% !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
.stepFour_divider {
width: 100% !important;
}
.stepFour_container_button {
margin-top: 0;
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
background-color: #FFF;
height: 80px;
border-top: 1px solid #B2CCE2;
margin: auto;
}
.stepFour_container_button1 {
margin-top: 0;
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
background-color: #FFF;
height: 80px;
border-top: 1px solid #B2CCE2;
margin: auto;
}
}.steptwo_gral {
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
margin: auto;
min-height: 100vh;
}
.steptwo_gral_headline {
font-size: 32px !important;
color: #383E5A !important;
line-height: 34px !important;
margin-top: 1em !important;
font-weight: 700 !important;
}
.steptwo_gral_midline {
font-size: 16px !important;
color: #383E5A !important;
}
.steptwo_gral_botline {
font-size: 10px !important;
color: #383E5A !important;
font-style: italic !important;
}
.steptwo_gral_container {
justify-content: center;
align-items: center;
}
.steptwo_gral_container_inputs {
justify-content: space-around;
align-items: center;
width: 420px;
}
.steptwo_gral_container_acceptConsent {
flex-direction: row !important;
width: 100% !important;
gap: 0.5em !important;
white-space: nowrap !important;
}
.steptwo_gral_container_acceptConsent_text {
font-size: 11px !important;
color: #242AB6 !important;
cursor: pointer !important;
text-decoration: underline !important;
}
.steptwo_gral_container_tramitNumber {
justify-content: flex-start;
margin-top: 1em;
}
.steptwo_gral_container_tramitNumber_text {
width: 250px !important;
height: 100% !important;
justify-content: flex-start !important;
align-items: flex-start !important;
cursor: pointer !important;
text-decoration: underline !important;
white-space: nowrap !important;
font-size: 11px !important;
color: #242AB6 !important;
}
.steptwo_gral_container_email{
margin-top: 0.8em;
gap: 0.8em;
}
.steptwo_gral_container_bottom{
flex-direction: row !important;
justify-content: flex-end !important;
align-items: flex-end !important;
width: 420px !important;
height: 100% !important;
margin-top: 2em !important;
margin-bottom: 2em !important;
}
.steptwo_gral_container_bottom_buttons{
flex-direction: row !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 1em;
}
.stepTwo_modal_1 {
cursor: default !important;
margin-bottom: 2em !important;
}
.steptwo_gral_container_captcha {
margin-top: 2em;
justify-content: center;
align-items: center;
width: 100%;
}
.step_two_select_wrapper {
margin-top: 1em !important;
}
.steptwo_modal_check {
flex-direction: row !important;
}
.steptwo_modal_img {
justify-content: center;
align-items: center;
width: 200px;
}
.steptwo_modal_img_loader {
margin-left: 3em;
}
@media (max-width: 850px) {
.steptwo_gral {
margin-top: 70px ;
width: 100%;
animation: fadeInUp 1s ease;
}
.steptwo_gral_headline {
font-size: 20px !important;
line-height: 34px !important;
white-space: nowrap !important;
text-align: center !important;
}
.steptwo_gral_midline {
font-size: 14px !important;
width: 80% !important;
text-align: center !important;
}
.steptwo_gral_botline {
font-weight: 400 !important;
font-size: 9px !important;
white-space: nowrap !important;
text-align: center !important;
}
.steptwo_gral_container {
width: 100% !important;
}
.steptwo_gral_container_inputs {
width: 85% !important;
}
.steptwo_gral_container_inputs > * {
width: 100% !important;
}
.steptwo_gral_container_acceptConsent {
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
}
.steptwo_gral_container_acceptConsent_text {
font-size: 9px !important;
letter-spacing: .9px !important;
width: 100% !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
}
.steptwo_gral_container_tramitNumber_text {
font-size: 9.5px !important;
}
.steptwo_gral_container_bottom {
width: 85% !important;
height: 100% !important;
margin-top: 2em !important;
margin-bottom: 2em !important;
}
.steptwo_gral_container_bottom_buttons{
flex-direction: row !important;
justify-content: space-between !important;
}
.stepTwo_modal_1 {
gap: .4em;
margin-bottom: 0em !important;
}
.steptwo_modal_img_container {
justify-content: center !important;
align-items: center !important;
}
.steptwo_modal_img {
justify-content: center !important;
align-items: center !important;
width: 150px;
}
.steptwo_modal_check {
flex-direction: column !important;
width: 100%;
}
.steptwo_modal_img_loader {
margin-left: 0;
margin-top: 1em;
margin-bottom: 1em;
}
}.step_one_container_damage {
display: flex;
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
height: 100%;
margin: auto;
min-height: 100vh !important;
}
.step_one_text_heading_damage {
color: #383E5A !important;
font-size: 32px !important;
font-weight: 700 !important;
margin-top: 1em !important;
font-family: 'Open Sans' !important;
}
.step_one_text_subheading_damage {
color: #383E5A !important;
font-size: 16px !important;
font-family: 'Open Sans' !important;
}
.step_one_text_required_damage {
color: #383E5A !important;
font-size: 10px !important;
font-style: italic !important;
}
.step_one_text_hint_damage {
color: #7A92A6 !important;
font-size: 10px !important;
font-style: italic !important;
font-weight: 400 !important;
}
.step_one_input_wrapper_damage {
width: 420px !important;
margin-top: 4em !important;
gap: 1em !important;
}
.step_one_select_wrapper_damage {
margin-top: 1em !important;
}
.step_one_button_wrapper_damage {
display: flex !important;
flex-direction: row !important;
justify-content: flex-end !important;
width: 420px !important;
height: 100% !important;
align-items: flex-end !important;
margin-top: 2em !important;
margin-bottom: 5em !important;
}
@media (max-width: 850px) {
.step_one_container_damage {
margin-top: 70px !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
gap: 0 !important;
height: 100% !important;
animation: fadeInUp 1s ease;
}
.step_one_text_heading_damage {
font-size: 20px !important;
text-align: center !important;
white-space: nowrap !important;
}
.step_one_text_subheading_damage {
font-size: 14px !important;
text-align: center !important;
width: 80% !important;
margin-top: 2.5em !important;
letter-spacing: 0 !important;
}
.step_one_text_required_damage {
font-weight: 400 !important;
font-size: 9px !important;
}
.step_one_container_damage {
width: 100% !important;
justify-content: flex-start !important;
}
.step_one_input_wrapper_damage {
width: 85% !important;
margin-top: 2em !important;
}
.step_one_button_wrapper_damage {
width: 85% !important;
margin-bottom: 0em !important;
height: 10% !important;
}
}
.left_side_container_damage {
background-color: #0070B9 !important;
width: 40% !important;
min-height: 100vh !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 1rem !important;
}
.left_side_image_damage {
width: 400px !important;
height: auto !important;
object-fit: contain !important;
}
@media (max-width: 850px) {
.left_side_container_damage {
display: none !important;
}
}.stepThree_gral_damage {
justify-content: flex-start !important;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
min-height: 100vh;
}
.stepThree_gral_headline_damage {
font-size: 32px !important;
color: #383E5A !important;
line-height: 34px !important;
margin-top: 1em !important;
font-weight: 700 !important;
}
.stepThree_gral_midline_damage {
font-size: 16px !important;
color: #383E5A !important;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
.stepThree_gral_container_damage {
justify-content: center;
align-items: center;
}
.stepThree_gral_contain_damage {
gap: 1em;
margin-top: 2em;
width: 420px;
}
.stepThree_gral_buttons_damage {
flex-direction: row;
justify-content: space-between;
width: 420px;
margin-top: 4rem;
}
@media (max-width: 850px) {
.stepThree_gral_damage {
margin-top: 70px;
gap: 0;
min-height: 90vh;
animation: fadeInUp 1s ease;
}
.stepThree_gral_headline_damage {
font-size: 20px !important;
margin-top: 1em !important;
white-space: nowrap !important;
text-align: center !important;
}
.stepThree_gral_midline_damage {
font-size: 15px !important;
margin-bottom: 1em !important;
width: 80% !important;
text-align: center !important;
}
.stepThree_gral_contain_damage {
width: 100%;
}
.stepThree_gral_buttons_damage {
width: 100%;
margin-top: 6em;
flex-direction: row !important;
}
}.stepFourDamage_gral {
justify-content: flex-start !important;
align-items: center !important;
flex: 1 !important;
gap: 1rem !important;
background-color: #FAFAFF !important;
}
.stepFourDamage_gral_checkboxs {
width: 420px;
gap: 1em;
margin-bottom: 1em;
}
.stepFourDamage_gral_buttons {
flex-direction: row !important;
justify-content: flex-end;
gap: 1em;
width: 420px;
}
@media (max-width: 850px) {
.stepFourDamage_gral {
margin-top: 70px;
width: 100% !important;
margin-bottom: 8em;
animation: fadeInUp 1s ease;
}
.stepFourDamage_gral_checkboxs {
width: 80% !important;
justify-content: center !important;
align-items: center !important;
}
.stepFourDamage_gral_buttons {
width: 100%;
justify-content: center;
flex-direction: row !important;
}
}.stepFiveDamage_gral {
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
width: 420px;
min-height: 100vh;
height: 100%;
}
.stepFiveDamage_gral_container {
justify-content: flex-start;
align-items: center;
height: 100%;
gap: 8em;
}
.stepFiveDamage_gral_contain {
justify-content: flex-start;
align-items: flex-start;
width: 420px;
margin-top: 2em;
}
.stepFiveDamage_buttons {
flex-direction: row;
justify-content: flex-end;
align-items: flex-end;
gap: 1em;
width: 420px;
margin-top: 4em;
}
.stepFiveDamage_textfield_botline {
font-size: 11px !important;
color: rgb(211, 0, 0) !important;
font-style: italic !important;
margin-top: 1em !important;
width: 420px;
}
@media (max-width: 850px) {
.stepFiveDamage_gral {
margin-top: 70px;
width: 100%;
justify-content: flex-start;
animation: fadeInUp 1s ease;
}
.stepFiveDamage_gral_container {
width: 100%;
}
.stepFiveDamage_gral_contain {
justify-content: center;
align-items: center;
width: 100%;
}
.stepFiveDamage_gral_contain_textfield {
width: 80% !important;
}
.stepFiveDamage_buttons {
width: 100%;
margin-top: 2em;
}
.stepFiveDamage_gral_contain_text {
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.stepFiveDamage_buttons {
justify-content: center;
align-items: center;
}
.stepFiveDamage_textfield_botline {
width: 100% !important;
text-align: center !important;
margin-top: .5em !important;
}
}.stepSixDamage_gral {
justify-content: flex-start;
align-items: center;
flex: 1;
gap: 1rem;
background-color: #FAFAFF;
min-height: 90vh;
padding-top: 8em;
}
.stepSixDamage_gral_container {
width: 600px;
gap: 1em;
}
@media (max-width: 850px) {
.stepSixDamage_gral {
justify-content: flex-start;
margin-top: 70px;
width: 100%;
min-height: 100%;
animation: fadeInUp 1s ease;
padding-top: 0em;
}
.stepSixDamage_gral_container {
width: 90%;
margin-top: 5em;
justify-content: center;
align-items: center;
text-align: center;
gap: 1em;
}
.stepSixDamage_divider {
width: 100%;
}
.stepSixDamage_button {
width: 100%;
justify-content: center;
align-items: center;
}
}
.congrats_gral {
justify-content: flex-start !important;
align-items: flex-start !important;
height: 100vh !important;
width: 80%;
margin: auto !important;
margin-bottom: 5em !important;
}
.congrats_gral_container {
width: 50% !important;
border-bottom: 1px solid #B2CCE2 !important;
height: 4em !important;
}
.congrats_gral_checkboxs {
width: 40em !important;
justify-content: flex-start !important;
align-items: flex-start !important;
}
.congrats_gral_contain {
flex-direction: row !important;
align-items: center !important;
gap: 1rem !important;
margin-top: 2em !important;
margin-left: 4em !important;
}
.congrats_textfield {
margin-left: 5.5em;
margin-top: 1.5em;
}
.congrats_buttons {
justify-content: flex-end !important;
align-items: center !important;
flex-direction: row !important;
margin-top: 2em !important;
width: 100% !important;
}
@media (max-width: 850px) {
.congrats_gral {
margin-top: 70px !important;
width: 90% !important;
justify-content: flex-start !important;
align-items: center !important;
}
.congrats_gral_container {
width: 70% !important;
align-items: center !important;
}
.congrats_gral_checkboxs {
width: 100% !important;
justify-content: flex-start !important;
align-items: flex-start !important;
}
.congrats_gral_contain {
flex-direction: row !important;
justify-content: flex-start !important;
align-items: center !important;
margin-left: 0 !important;
}
.congrats_textfield {
width: 100% !important;
margin-left: 0;
}
.congrats_buttons {
justify-content: center !important;
margin: auto !important;
}
}
@media (max-width: 850px) {
.faqs_container {
margin-top: 70px !important;
}
}.statusQuery_gral {
justify-content: flex-start;
align-items: center;
flex-direction: column;
gap: 2em;
margin-top: 1em;
min-height: 100vh;
}
.statusQuery_gral_container {
height: 100vh;
justify-content: center;
align-items: center;
}
.statusQuery_gral_contain {
justify-content: center;
align-items: center;
flex-direction: column;
}
.statusQuery_gral_inputs {
gap: 2em;
width: 420px;
}
.statusQuery_gral_buttons {
width: 420px;
align-items: center;
margin-top: 1em;
gap: 3em;
}
@media (max-width: 850px) {
.statusQuery_gral {
margin-top: 90px;
min-height: 90vh;
}
.statusQuery_gral_inputs {
width: 85%;
}
.statusQuery_gral_buttons {
width: 100%;
}
}.DetailsInfo_warranty {
border: 3px solid #6CE194 !important;
border-radius: 100px !important;
padding: 0.5em !important;
height: 30px !important;
flex-direction: row !important;
width: 310px !important;
}
.custom-scroll-detail {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(56, 62, 90, 0.80) transparent;
height: 120px !important;
width: 100%;
align-items: flex-start;
justify-content: flex-start;
}
@media (max-width: 850px) {
.DetailsInfo_warranty {
width: 93% !important;
}
}.detailCard_gral {
gap: 1rem ;
border: 0.3px solid #B2CCE2 ;
border-radius: 12px ;
padding: 1.5rem ;
width: 600px ;
background-color: #FFF ;
}
.detailCard_subtitle_container {
width: 577 !important;
border-radius: 3px !important;
}
@media (max-width: 850px) {
.detailCard_gral {
width: 85%;
margin: auto;
}
}.bottomBorder {
width: 13.91px;
position: absolute;
height: 13.91px;
border-bottom: 0.3px solid #B2CCE2;
border-right: 0.3px solid #B2CCE2;
margin: 50px auto;
transform: rotate(45deg);
left: 0px;
bottom: -56px;
z-index: 1;
background: #FFF;
}
.deductible_buttons {
flex-direction: column !important;
align-items: flex-start !important;
gap: 0.5rem !important;
}
.deductible_buttons_top {
justify-content: flex-start;
align-items: flex-start;
padding: 1rem 2rem !important;
gap: 0.5rem !important;
}
.deductible_modal_button {
width: 100%;
align-items: center;
margin-top: 5em;
}
@media (max-width: 850px) {
.deductible_mobile_none {
display: none !important;
}
.deductible_buttons_top {
justify-content: center;
align-items: center;
}
.deductible_buttons {
position: fixed !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
background-color: #FFF;
height: 150px;
width: 100% !important;
left: 0;
bottom: 0;
z-index: 999999;
border-top: 1px solid #B2CCE2;
padding: 0 !important;
gap: 0;
margin: auto;
}
.deductible_modal_button {
width: 100%;
align-items: center;
margin-top: 1em;
}
}.detailState_gral {
justify-content: flex-start !important;
align-items: flex-start !important;
flex-direction: row !important;
gap: 1em !important;
}
@media (max-width: 850px) {
.detailState_divider {
display: none !important;
}
.detailState_gral {
flex-direction: column !important;
}
}.statusBar_gral {
min-height: 100vh;
flex-direction: column !important;
width: 100% !important;
justify-content: flex-start;
align-items: flex-start;
margin-top: 2em;
}
.statusBar_gral_top {
min-height: 90vh;
width: 100%;
justify-content: flex-start;
align-items: flex-start;
}
.statusBar_gral_texts {
gap: 0.35em !important;
flex-direction: row !important;
}
.statusBar_gral_contain { /* contenedor de consulta de estados */
width: 100% !important;
justify-content: center;
align-items: center;
}
.statusBar_gral_container {
margin-left: 0em;
}
.statusBar_gral_container_bar{
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 5em;
width: 100% !important;
}
.statusBar_gral_detail {
flex-direction: row !important;
gap: 10em;
}
.statusbar_state {
flex-direction: row !important;
gap: .35em !important;
}
.statusBar_button_nextFile {
justify-content: flex-end;
align-items: flex-end;
height: 120px;
width: 1050px;
margin-top: 1em;
}
.statusBar_name_file {
height: 30px;
flex-direction: row !important;
padding: 1em;
gap: .5em;
}
@media (max-width: 850px) {
.statusBar_gral {
width: 90% !important;
justify-content: flex-start !important;
align-items: flex-start !important;
margin: auto;
margin-top: 90px;
}
.statusBar_gral_texts {
flex-direction: column !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.statusBar_gral_container{
margin-left: 0em;
align-items: center;
gap: 1em;
}
.statusBar_gral_detail {
flex-direction: column !important;
gap: 2em;
width: 100%;
}
.statusBar_gral_container_bar {
margin-bottom: 0;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
margin-top: 2em;
}
.statusBar_divider {
display: none !important;
}
.statusBar_stateBar {
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.statusBar_button {
width: 100% !important;
height: 100% !important;
justify-content: center !important;
align-items: center !important;
margin: auto;
margin-bottom: 1em;
}
.stateBarTransition {
transition: height 0.5s ease; /* Cambia 'height' por la propiedad que quieras animar */
}
.css-15v22id-MuiAccordionDetails-root {
height: 600px !important;
}
.statusBar_button_nextFile {
position: fixed;
justify-content: center;
align-items: center;
background-color: #FFF;
height: 100px;
width: 100% !important;
left: 0;
bottom: 0;
z-index: 999999;
border-top: 1px solid #B2CCE2;
margin: auto;
}
}.custom-scroll {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #008AFF transparent;
}
.chooseDevice_gral {
width: 90vw;
margin-left: 5em;
margin-right: 5em;
margin-top: 2em;
}
.chooseDevice_gral_top {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.chooseDevice_gral_mid {
width: 550px;
}
.chooseDevice_cards_container {
flex-direction: row !important;
gap: 2rem 1rem;
margin-top: .5rem;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 55em;
}
.chooseDevice_buttons {
position: fixed;
bottom: 0em;
left: 0;
right: 0;
z-index: 2;
width: 100%;
align-items: center;
background-color: #ffffff;
padding-top: 15px;
padding-bottom: 15px;
}
.chooseDevice_box_button {
width: 55em;
align-items: flex-end;
}
.chooseDevice_divider {
width: 100% !important;
}
.chooseDevice_scroll_container::-webkit-scrollbar {
width: 8px;
}
.chooseDevice_scroll_container::-webkit-scrollbar-thumb {
background-color: #00BFFF;
border-radius: 8px;
}
.chooseDevice_scroll_container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 8px;
}
@media (max-width: 850px) {
.chooseDevice_gral {
width: 90% !important;
align-items: center !important;
justify-content: center !important;
margin-left: 0;
margin-right: 0;
margin: auto;
margin-top: 70px;
}
.chooseDevice_gral_top {
width: 100%;
margin-top: 2em;
margin-bottom: 3em;
align-items: center;
}
.chooseDevice_gral_mid {
width: 100%;
gap: 1em;
}
.chooseDevice_cards_container {
gap: 4em;
width: 100%;
margin-bottom: 10em;
}
.chooseDevice_buttons {
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
background-color: #FFF;
height: 80px;
border-top: 1px solid #B2CCE2;
margin: auto;
}
.chooseDevice_box_button {
width: 0;
align-items: center;
}
.chooseDevice_divider {
display: none;
}
}.branchCard_modal_text {
width: 250px;
}
.branchCard_modal_text2 {
margin-top: 2px !important;
}
.branchCard_modal_container {
width: 50%;
gap: 1em;
}
@media (max-width: 850px) {
.branchCard_top{
left: 5px !important;
}
.branchCard_modal_text {
width: 150px;
}
.branchCard_modal_container {
width: 50%;
}
}.branchs {
padding-left: 5em;
padding-right: 5em;
padding-top: 2em;
}
.branchs_gral {
flex-direction: row !important;
gap: 10rem;
margin-top: 2rem;
margin-bottom: 2em;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.branchs_gral_left {
width: 480px;
gap: 2em;
}
.branchs_gral_right {
width: 505px;
gap: 1rem;
height: 100%;
justify-content: flex-start !important;
}
.branchs_gral_right_top {
border-radius: 6px;
background-color: #116FFF;
width: 100%;
padding: 1em;
flex-direction: row;
gap: 1em;
justify-content: space-between;
}
.branchs_gral_right_top_contain {
flex-direction: row !important;
gap: .4em !important;
}
.branchs_gral_right_buttons {
flex-direction: row !important;
gap: 1rem;
}
.show_in_web{
display: flex;
}
.text_container{
padding: 0.5rem 0;
width: 100%;
justify-content: flex-start;
}
.show_in_mobile{
border: 1px solid #A2A9CC;
border-radius: 50%;
min-width: 30px;
min-height: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #A2A9CC;
display: none !important;
}
.question_button{
display: flex;
justify-content: center;
align-items: center;
}
.center_container{
height: 100% !important;
}
.img_in_mobile{
display: none;
}
@media (max-width: 850px) {
.branchs {
margin-top: 90px !important;
padding: 0;
}
.branchs_top {
width: 100% !important;
justify-content: center !important;
align-items: center !important;
margin-bottom: 1em;
}
.branchs_gral {
justify-content: center !important;
align-items: center !important;
margin: auto !important;
width: 95% !important;
flex-direction: column !important;
}
.branchs_gral_left {
width: 100% !important;
}
.branchs_gral_right {
margin: auto;
width: 95%;
}
.branchs_gral_right_top {
justify-content: center !important;
align-items: center !important;
width: 90% !important;
}
.branchs_gral_right_top_contain {
justify-content: center !important;
align-items: center !important;
width: 100% !important;
}
.branchs_gral_right_top_text {
width: 80%;
}
.branchCard_text {
justify-content: center;
align-items: center;
}
.branchs_gral_right_buttons {
justify-content: space-between;
align-items: center;
}
.show_in_web{
display: none !important;
}
.text_container{
flex-direction: row !important;
justify-content: space-between;
padding-right: 0.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
}
.fontResponsive{
font-size: 9px !important;
right:122px !important;
top: -16px !important;
}
.show_in_mobile{
display: flex !important;
}
.padding_in_responsive{
padding: 5px 0;
}
.center_container{
gap: 0.5rem !important;
}
.img_in_mobile{
display: flex !important;
}
.branchs_gral{
gap: 1.5rem !important;
}
.padding_in_mobile{
padding: 0 1rem !important;
}
}
@media (max-width: 384px) {
.responsive_top{
padding-top: 1.6rem !important;
}
.responsive_top .fontResponsive{
top: -26px !important;
}
}.status_gral {
align-items: center !important;
background-color: #F5F7FA !important;
min-height: 100vh !important;
justify-content: flex-start !important;
width: 100% !important;
}
.status_gral_container {
width: 100% !important;
margin: 0;
}
@media (max-width: 850px) {
.status_gral {
padding: 0;
}
}.failure_gral {
padding-top: 3em;
flex-direction: row !important;
justify-content: space-evenly;
align-items: flex-start;
height: 100vh !important;
background-color: #F5F7FA !important;
animation: fadeInUp 1s ease;
}
.failure_gral_container {
height: 460px;
width: 275px;
background-color: #FFF;
border: 1px solid #B2CCE2;
border-radius: 10px;
box-shadow: 0px 10px 30px 0px rgba(255,232,238,0.5);
animation: fadeInUp 1s ease;
}
.failure_container_text {
width: 600px;
}
.failure_img {
width: 220px;
}
.failure_container_button {
margin-top: 2em;
}
@media (max-width: 850px) {
.failure_gral {
flex-direction: column-reverse !important;
justify-content: center;
align-items: center;
padding-top: 90px;
}
.failure_img {
width: 150px;
}
.failure_gral_container {
justify-content: center !important;
align-items: center !important;
margin: auto !important;
width: 70% !important;
height: 350px !important;
margin-top: 1em !important;
}
.failure_container_text{
width: 90%;
}
.failure_texts {
justify-content: center !important;
align-items: center !important;
}
.failure_container_button {
margin-top: 0;
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
background-color: #FFF;
height: 80px;
border-top: 1px solid #B2CCE2;
margin: auto;
}
}
.success_gral {
min-height: 91.5vh !important;
background-color: #F5F7FA !important;
}
.success_theft {
margin-top: 3em !important;
flex-direction: row !important;
justify-content: space-evenly !important;
align-items: flex-start !important;
}
.success_theft_card {
height: 460px;
width: 275px;
background-color: #FFF;
border: 1px solid #B2CCE2;
border-radius: 10px;
box-shadow: "0px 10px 30px 0px rgba(225, 232, 238, 0.50)";
animation: fadeInUp 1s ease;
}
.success_theft_card_contain {
height: 360px !important;
justify-content: center !important;
align-items: center !important;
}
.success_img {
width: 220px;
}
.success_theft_client_container {
width: 600px;
}
.success_theft_mobile {
flex-direction: row !important;
gap: .4em !important;
width: 800px !important;
}
.success_button{
margin-top: 3em;
}
.success_damage {
padding-left: 5em;
padding-right: 5em;
margin-top: 2em;
width: 100%;
}
.success_damage_container {
width: 50em;
gap: 1em;
}
@media (max-width: 850px) {
.success_gral {
width: 100%;
height: 100%;
padding-top: 90px;
min-height: 75vh !important;
}
.success_damage{
padding: 0 !important;
width: 100% !important;
justify-content: center !important;
align-items: center !important;
}
.success_damage_container {
width: 90% !important;
justify-content: center !important;
align-items: center !important;
}
.success_theft {
flex-direction: column-reverse !important;
justify-content: center !important;
align-items: center !important;
margin: auto !important;
width: 90% !important;
margin-bottom: 8em !important;
}
.success_theft_card {
justify-content: center !important;
align-items: center !important;
margin: auto !important;
width: 70% !important;
height: 350px !important;
margin-top: 1em !important;
}
.success_img {
width: 100px;
}
.success_theft_client_container {
width: 90%;
}
.success_theft_mobile {
width: 100% !important;
flex-direction: column !important;
}
.success_theft_name {
padding: 1em;
}
.success_button {
width: 100% !important;
justify-content: center !important;
align-items: center !important;
height: 80px !important;
margin: auto;
position: fixed;
background-color: #FFF;
border-top: 1px solid #B2CCE2;
bottom: 0;
left: 0;
z-index: 999999;
}
.success_button{
margin-top: 0;
}
.success_texts {
justify-content: center !important;
align-items: center !important;
}
}.pending {
height: 100vh !important;
background-color: #F5F7FA !important;
}
.pending_gral {
padding-top: 3em;
flex-direction: row !important;
justify-content: space-evenly !important;
align-items: flex-start !important;
}
.pending_gral_container {
height: 460px !important;
width: 275px !important;
background-color: #FFF !important;
border: 1px solid #B2CCE2 !important;
border-radius: 10px !important;
box-shadow: 0px 10px 30px 0px rgba(255,232,238,0.5) !important;
animation: fadeInUp 1s ease;
}
.pending_container_text {
width: 600px !important;
}
.pending_img {
width: 220px !important;
}
@media (max-width: 850px) {
.pending_gral {
flex-direction: column-reverse !important;
justify-content: center !important;
align-items: center !important;
padding-top: 90px !important;
padding-bottom: 5.5em !important;
}
.pending_img {
width: 150px !important;
}
.pending_gral_container {
justify-content: center !important;
align-items: center !important;
margin: auto !important;
width: 70% !important;
height: 350px !important;
margin-top: 1em !important;
}
.pending_container_text{
width: 90% !important;
}
.pending_texts {
justify-content: center !important;
align-items: center !important;
}
.pending_container_button {
margin-top: 0;
width: 100%;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
background-color: #FFF;
height: 80px;
border-top: 1px solid #B2CCE2;
margin: auto;
}
}.notfound_container {
width: 100%;
min-height: 100vh;
justify-content: center;
align-items: center;
}
.img_notfound {
position: absolute;
top: 0;
}
.notfound_texts {
width: 500px;
justify-content: center;
align-items: center;
margin-top: 8em;
}
@media (max-width: 850px) {
.notfound_container {
justify-content: flex-start;
margin-top: 10em;
}
.img_notfound {
position: absolute;
top: 65px;
width: 370px;
}
.notfound_texts {
width: 90%;
margin-top: 12em;
}
}html,
body {
padding: 0;
margin: 0;
height: 100%;
display: flex;
flex-direction: column;
}
* {
font-family: 'Open Sans', sans-serif;
}