/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* fonts */

body {
    --max-width: 1480px;
    --padding-global-x: 20px;
    --offset-global-y: 90px;
    --color--primary: #e4007e;
    --color--primary-600: #cc0070;
    font-family: 'Roboto', sans-serif;

    padding-top: var(--offset-global-y);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 769px) {
    body:not(.nav-fixed):not([data-nav-fixed]) {
        --offset-global-y: 0px;
    }
}

/* components */

/* icons */

.icon {
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.icon.icon--whatsapp {
    width: 40px;
    height: 40px;
    background-image: url('/image/whatsapp.svg');
}

.icon.icon--whatsapp-2 {
    width: 30px;
    height: 30px;
    background-image: url('/image/whatsapp.svg');
}

.icon.icon--instagram {
    width: 40px;
    height: 40px;
    background-image: url('/image/instagram.svg');
}

.icon.icon--facebook {
    width: 40px;
    height: 40px;
    background-image: url('/image/facebook.svg');
}

.icon.icon--phone {
    width: 30px;
    height: 30px;
    background-image: url('/image/phone.svg');
}

.icon.icon--complain-book {
    width: 100%;
    height: 75px;
    background-image: url('/image/livro-reclamacoes.png');
}

.icon.icon--menu {
    background-image: url('/image/menu-dark.svg');
}

[data-navigation-opened] .dark .icon.icon--menu {
    background-image: url('/image/menu.svg');
}

.icon.icon--play {
    width: 100px;
    height: 100px;
    background-image: url('/image/play-button.png');
}

.icon.icon--flag-pt {
    width: 50px;
    height: 50px;
    background-image: url('/image/flag-pt.png');
}

.icon.icon--flag-en {
    width: 50px;
    height: 50px;
    background-image: url('/image/flag-en.png');
}

@media (min-width: 769px) {
    .icon.icon--phone {
        background-image: url('/image/phone-dark.svg');
    }

    body:not(.nav-fixed):not([data-nav-fixed]) .icon.icon--menu {
        background-image: url('/image/menu.svg');
    }

    body.invert:not([data-nav-fixed]) .icon.icon--menu {
        background-image: url('/image/menu-dark.svg');
    }
}

/* header */

.header {
    position: fixed;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    top: 0;
    left: 0;
    z-index: 200;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header__content {
    /* max-width: var(--max-width); */
    /* margin: 0 auto; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px var(--padding-global-x);
}

.header__logo {
    text-decoration: none;
    opacity: 1;
    pointer-events: all;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header__logo img {
    max-width: 150px;
    display: block;
    width: 100%;
    height: auto;
}

.header__action-nav {
    position: fixed;
    top: 25px;
    right: var(--padding-global-x);
    cursor: pointer;
    z-index: 400;
    background: none;
    border: 0;
}

@media (min-width: 769px) {
    body:not(.nav-fixed):not([data-nav-fixed]) .header {
        background-color: rgba(255, 255, 255, 0);
    }

    body:not(.nav-fixed):not([data-nav-fixed]) .header__logo {
        opacity: 0;
        pointer-events: none;
    }

    body:not(.nav-fixed):not([data-nav-fixed]) .header__logo img {
        /* max-width: 200px; */
    }

    body:not(.nav-fixed):not([data-nav-fixed]) .header__action-nav {
        /* top: 35px; */
    }
}

/* landing component */

.landing-component {
    position: relative;
}

.landing-component__bg {
    display: block;
    width: 100%;
}

.landing-component__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
}

/* we call */

.we-call {
    font-family: 'Titillium Web', sans-serif;
    position: fixed;
    bottom: 20px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10px;
    cursor: pointer;
    z-index: 100;
}

.we-call>div {
    background-color: var(--color--primary);
    color: #fff;
    padding: 12px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
}

@media (min-width: 769px) {
    .we-call {
        bottom: unset;
        top: 50%;
        right: 0;
    }

    .we-call>div {
        background-color: #fff;
        color: var(--color--primary);
    }
}

/* action footer whatsapp */

.action-footer-whatsapp {
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    left: 10px;
    width: 50px;
    height: 50px;
    background-color: #50b454;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
    z-index: 100;
}

.action-footer-whatsapp>i {
    width: 30px;
}

@media (min-width: 769px) {
    .action-footer-whatsapp {
        bottom: 10px;
        right: 10px;
        left: unset;
    }
}

/* navigation */

.navigation {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 20px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 300;
}

[data-navigation-opened] .navigation {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.navigation__action {
    font-size: 30px;
    font-size: clamp(25px, 5vw, 40px);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: var(--color--primary);
    text-wrap: balance;
    cursor: pointer;
    text-align: center;
    line-height: 1.35;
}

.navigation__button {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 30px;
    font-size: clamp(25px, 5vw, 40px);
    font-weight: 700;
    border-radius: 50px;
    padding: 20px 40px;
    display: block;
    text-align: center;
    color: #fff;
    background-color: var(--color--primary);
}

@media (min-width: 769px) {
    .navigation {
        padding: 50px 100px;
    }
}

/* button */

.button {
    text-decoration: none;
    font-size: 25px;
    font-size: clamp(15px, 4vw, 30px);
    font-weight: 700;
    color: var(--color--primary);
    background-color: #fff;
    border-radius: 50px;
    padding: 20px 40px;
    display: block;
    text-align: center;
    text-wrap: balance;
}

.button.button--invert {
    color: #fff;
    background-color: var(--color--primary);
}

/* title */

.title {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
}

/* sponsors */
.sponsors {}

.sponsors__content {
    max-width: var(--max-width);
    padding: 100px var(--padding-global-x);
    margin: 0 auto;
}

.sponsors .title {
    text-align: center;
}

.sponsors__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
}

.sponsors__logo {
    max-width: 200px;
    width: 100%;
    display: block;
}

.sponsors__logo.sponsors__logo--highlight {
    max-width: 300px;
}

/* footer */

.footer {
    background-color: #606060;
}

.footer__content {
    /* max-width: var(--max-width); */
    padding: 70px var(--padding-global-x);
    margin: 0 auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 80px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer__title {
    font-size: 30px;
    font-weight: 700;
    color: #e4e3e5;
    position: relative;
}

.footer__title::after {
    content: ' ';
    display: inline-block;
    height: 3px;
    width: 100px;
    background-color: #e4e3e5;
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    z-index: 1;
}

.footer__action {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

.footer__action-icon {
    display: block;
    color: #fff;
    text-decoration: none;
}

.footer__copyright {
    text-align: center;
    padding: 35px 0;
    color: #fff;
    font-size: 18px;
}

@media (min-width: 769px) {
    .footer__copyright {
        padding: 35px 0;
    }
}

/* contacts */

.contacts {
    width: 100%;
    display: block;
}

.contacts__content {
    max-width: var(--max-width);
    padding: 20px var(--padding-global-x);
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 40px;
}

.contacts__title {
    font-size: 30px;
    font-weight: 700;
    color: #e4e3e5;
    position: relative;
}

.contacts__title::after {
    content: ' ';
    display: inline-block;
    height: 2px;
    width: 75px;
    background-color: #e4e3e5;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    z-index: 1;
}

.contacts__information {
    color: #a6a7a8;
    text-decoration: none;
    font-size: 17px;
    line-height: 1.3;
    text-wrap: balance;
}

@media (min-width: 769px) {
    .contacts__content {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    }
}

/* contacts map */

.contacts-map {}

.contacts-map__element {
    width: 100%;
    aspect-ratio: 1/1;
}

/* experience */

.experience {}

.experience__content {
    max-width: var(--max-width);
    padding: 0 0 0 0;
    margin: 0 auto;
}

.experience video {}

@media (min-width: 769px) {
    .experience__content {
        padding: 0 var(--padding-global-x) 0 var(--padding-global-x);
    }
}

/* video */
.video {
    position: relative;
}

.video video {
    display: block;
    margin: 0 auto;
    max-height: calc(100vh - 90px);
    max-width: 100vw;
    aspect-ratio: 9/16;
    background: #f0f0f0;
    object-fit: cover;
    object-position: center;
}

.video__controller {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video[data-video-playing] .video__controller {
    opacity: 0;
    pointer-events: none;
}

/* page information */

.page-information {
    min-height: 100vh;
    padding: 50px 0;
    text-align: justify;
}

.page-information__content {
    max-width: var(--max-width);
    padding: 0 var(--padding-global-x);
    margin: 0 auto;
}

.page-information h1 {
    font-size: 30px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 50px;
    color: var(--color--primary);
}

.page-information h2 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 10px;
    color: var(--color--primary);
}

.page-information p {
    line-height: 1.35;
    margin-bottom: 18px;
}

.page-information ul {
    margin: 20px 0;
    padding-left: 50px;
    list-style: disc;
}

.page-information li {
    margin-bottom: 10px;
    line-height: 1.35;
}

/* language */
.language {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
}

.language__action {
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
    color: var(--color--primary);
    text-transform: uppercase;
    cursor: pointer;
    border: 0;
    background-color: transparent;
    padding: 0;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.language__action:hover {
    opacity: 1;
}

[lang="pt"] [data-lang="pt"] {
    opacity: 1;
}

[lang="en"] [data-lang="en"] {
    opacity: 1;
}

/* cookies */
.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--color--primary);
    color: #fff;
    z-index: 200;
    font-size: 12px;
}

.cookies__content {
    max-width: var(--max-width);
    padding: 20px 40px;
    margin: 0 auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.cookies__info {
    line-height: 1.45;
    text-align: center;
    text-wrap: balance;
    font-size: 1.2em;
}

.cookies__button {
    display: block;
    border: 0;
    text-decoration: none;
    background-color: var(--color--primary-600);
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.3;
    cursor: pointer;
}

.cookies__button-close {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: 0;
    text-decoration: none;
    background-color: transparent;
    width: 40px;
    height: 40px;
    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.cookies__button-close img {
    display: block;
    width: 20px;
    height: 20;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

/* nos ligamos modal */

.nos-ligamos {
    font-family: 'Titillium Web', sans-serif;
    position: fixed;
    top: 50%;
    right: 10px;
    max-width: 450px;
    padding: 40px 35px;
    background-color: #f1f3f3;
    z-index: 200;
    -webkit-transform: translate(calc(100% + 40px), calc(-50% + 40px));
    -ms-transform: translate(calc(100% + 40px), calc(-50% + 40px));
    transform: translate(calc(100% + 40px), calc(-50% + 40px));
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 5px 0px
}

.nos-ligamos.nos-ligamos--is-open {
    -webkit-transform: translate(0, calc(-50% + 40px));
    -ms-transform: translate(0, calc(-50% + 40px));
    transform: translate(0, calc(-50% + 40px));
}

.nos-ligamos h1 {
    color: #53605a;
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 5px 0;
}

.nos-ligamos p {
    color: #5e655d;
}

.nos-ligamos input,
.nos-ligamos select {
    padding: 15px 10px;
    border: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.nos-ligamos input.invalid,
.nos-ligamos select.invalid {
    background-color: #FFCDD2;
    border: 1px solid #F44336;
}

.nos-ligamos ::-webkit-input-placeholder {
    text-transform: uppercase;
}

.nos-ligamos ::-moz-placeholder {
    text-transform: uppercase;
}

.nos-ligamos :-ms-input-placeholder {
    text-transform: uppercase;
}

.nos-ligamos ::-ms-input-placeholder {
    text-transform: uppercase;
}

.nos-ligamos ::placeholder {
    text-transform: uppercase;
}

.nos-ligamos__form {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.nos-ligamos__columns {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.nos-ligamos-submit-action {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    outline: none;
    background-color: var(--color--primary);
    padding: 15px 10px;
    width: calc(50% - 5px);
    -ms-flex-item-align: end;
    align-self: flex-end;
    cursor: pointer;
}

.nos-ligamos-submit-action:hover {
    text-shadow: 1px 1px 10px black;
}

.nos-ligamos-submit-action:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.nos-ligamos-close-action {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
}

.nos-ligamos-icon-phone {
    max-width: 110px;
    display: block;
    margin: 0 auto;
}

.nos-ligamos-icon-close {
    max-width: 25px;
}

@media (max-width: 800px) {
    .nos-ligamos {
        z-index: 600;
    }

    .nos-ligamos-action {
        bottom: 20px;
        top: unset;
        right: 20px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .nos-ligamos.nos-ligamos--is-open .nos-ligamos-action {
        -webkit-transform: translate(calc(100% + 40px), 0);
        -ms-transform: translate(calc(100% + 40px), 0);
        transform: translate(calc(100% + 40px), 0);
    }

    .nos-ligamos {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        max-width: unset;
        -webkit-transform: translate(calc(100% + 40px), 0);
        -ms-transform: translate(calc(100% + 40px), 0);
        transform: translate(calc(100% + 40px), 0);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .nos-ligamos.nos-ligamos--is-open {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .nos-ligamos-close-action {
        top: 30px;
        right: 25px;
    }
}

@media (max-width: 400px) {
    .nos-ligamos__columns {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .nos-ligamos input,
    .nos-ligamos select,
    .nos-ligamos-submit-action {
        padding: 10px 7px;
    }
}

.nos-ligamos-message {
    margin: 20px 0 0 0;
    padding: 10px;
    background-color: #DCEDC8;
    border: 1px solid #8BC34A;
    font-size: 14px;
    line-height: 1.4;
}

.nos-ligamos-message.nos-ligamos-message--fail {
    background-color: #FFCDD2;
    border: 1px solid #F44336;
}

/* utils */

.w-40 {
    width: 40px;
}

.h-40 {
    height: 40px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-150 {
    margin-bottom: 150px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-90 {
    padding-top: 90px;
}

.pb-150 {
    padding-bottom: 150px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gap-2 {
    gap: 2px;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-30 {
    gap: 30px;
}

.text-color-gray {
    color: #a4a6a4;
}

.grid {
    display: -ms-grid;
    display: grid;
}

.grid-col-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.block {
    display: block;
}

.hidden {
    display: none;
}

.max-w-300 {
    max-width: 300px;
}

.max-w-355 {
    max-width: 335px;
}

.min-w-200 {
    min-width: 200px;
}

.min-w-225 {
    min-width: 225px;
}

.min-w-250 {
    min-width: 250px;
}

.min-w-280 {
    min-width: 280px;
}

.w-full {
    width: 100%;
}

.text-sm {
    font-size: 12px;
}

@media (min-width: 640px) {
    .sm\:max-w-355 {
        max-width: 335px;
    }
}

@media (min-width: 769px) {
    .md\:max-w-250 {
        max-width: 250px;
    }

    .md\:max-w-355 {
        max-width: 335px;
    }

    .md\:min-w-200 {
        min-width: 200px;
    }

    .md\:min-w-225 {
        min-width: 225px;
    }

    .md\:min-w-250 {
        min-width: 250px;
    }

    .md\:min-w-280 {
        min-width: 280px;
    }

    .md\:w-auto {
        width: auto;
    }

    .md\:mb-15 {
        margin-bottom: 15px;
    }

    .md\:mb-20 {
        margin-bottom: 20px;
    }

    .md\:mb-40 {
        margin-bottom: 40px;
    }

    .md\:pb-50 {
        padding-bottom: 50px;
    }

    .md\:pb-70 {
        padding-bottom: 70px;
    }

    .md\:block {
        display: block;
    }
}

@media (min-width: 1536px) {
    .\32xl\:mb-115 {
        margin-bottom: 115px;
    }
}

/* * {
    border: 1px solid red !important;
} */