/* Fonts */
/* Fonts */
@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('../fonts/HelveticaNeueLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('../fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('../fonts/HelveticaNeueLTPro-BlkCn.eot');
    src: url('../fonts/HelveticaNeueLTPro-BlkCn.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTPro-BlkCn.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-BlkCn.woff') format('woff'),
        url('../fonts/HelveticaNeueLTPro-BlkCn.ttf') format('truetype'),
        url('../fonts/HelveticaNeueLTPro-BlkCn.svg#HelveticaNeueLTPro-BlkCn') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html {
    height: 100%;
}

/* Variables */

:root {
    --color-black:       #000;
    --color-white:       #fff;
    --color-pink:        #8A0351;
    --color-red:         #AC182E;
    --color-blue:        #eef3fa;
    --color-blue-dark:   #1E3971;
    --color-blue-light:  #7099D3;
    --color-yellow:      #EAC102;
    --color-neutral-100: #FAFAFA;
    --color-neutral-700: #424647;
    --color-neutral-900: #111827;
    --font-size-default: 18px;
    --font-family-default: 'Helvetica Neue LT Pro';
    --line-height-default: 28px;
}

/* General */
body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
    line-height: var(--line-height-default);
    color: var(--color-neutral-700);
    font-weight: 400;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {

}

p {
    margin-bottom: 30px;
}
p.legal {
    font-size: 14px;
}
p.font-24 {
    font-size: 24px;
    line-height: 34px;
}
p.small {
    max-width: 864px;
    margin-left: auto;
    margin-right: auto;
    font-size: var(--font-size-default);
}

a {
    transition: all .3s ease;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}
select:focus, :focus {
    outline: 0;
    box-shadow: none;
}
ul {
    margin: 0;
    padding: 0 30px;
}
ul.list-custom li {
    position: relative;
    line-height: 1.5;
    list-style: none;
    font-weight: 700;
    font-size: 22px;
}
ul.list-custom li:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 39px;
    background-size: 22px;
    background-repeat: no-repeat;
    left: -30px;
    top: -8px;
    background-image: url(../img/setinha.svg);
}
.navbar {
    background: var(--color-pink);
}
.navbar-nav {
    padding-left: 80px;
    align-items: center;
}
.navbar li.nav-item {
    position: relative;
    padding: 10px 20px;
}
.navbar li.nav-item:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 30px;
    opacity: 0.6;
    background: #ffffff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.navbar li.nav-item:first-child:before {
    display: none;
}
.navbar li.nav-item a {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 700;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    background: #8a0351;
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 0px 10px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--color-white);
}
.navbar li.nav-item a:hover {
    background: none;
}
/* banner */
.banner {
    position: relative;
    background: url(../img/banner-topo.jpg) center right/cover no-repeat;
    height: 518px;
    display: flex;
    width: 100%;
    align-items: center;
}
.banner .text {
    padding-left: 100px;
}
.banner .text h1 {
    color: var(--color-white);
    font-size: 54px;
}
.banner .text h3 {
    font-size: 24px;
    color: var(--color-yellow);
}
.banner .text p {
    color: var(--color-white);
    margin: 0;
}
.about {
    padding: 120px 0;
}
.about .row {
    align-items: center;
}
.about .text h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}
.about .text h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-blue-dark);
    margin-bottom: 20px;
}
.about .text a {
    display: inline-block;
    margin-top: 20px;
    background: var(--color-yellow);
    padding: 20px 140px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.journey {
    padding: 70px 0;
    position: relative;
    background: url(../img/bg-jornada.jpg) center center/cover no-repeat;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
    align-items: center;
}
.journey .box {
    width: 70%;
    margin: 0 auto;
    background: var(--color-white);
    padding: 90px 30px;
}
.journey .box h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
}
.journey .box h2 {
    font-size: 40px;
    color: var(--color-pink);
    font-weight: 700;
}
.journey .box a {
    display: inline-block;
    margin-top: 20px;
    background: var(--color-yellow);
    padding: 20px 120px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.treatments {
    padding: 120px 0;
}
.treatments .title h2 {
    font-size: 40px;
    color: var(--color-pink);
    margin-bottom: 70px;
    font-weight: 700;
    text-align: center;
}
.treatments .title h3 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.treatments .item {
    background-color: var(--color-pink);
    border-top: solid 1px var(--color-pink);
    text-align: center;
    padding: 0 0 50px;
}
.treatments .item .box {
    display: inline-block;
    background-color: var(--color-white);
    padding: 50px 30px 20px;
    border-radius: 0 0 30px 30px;
}
.treatments .item .box h3 {
    font-size: 40px;
    font-weight: 700;
}
.treatments .item .box a {
    display: inline-block;
    margin-top: 20px;
    background: var(--color-yellow);
    padding: 10px 40px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.logos.journey .box {
    padding: 90px 30px 40px;
}
.logos.journey .logos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin: 50px 0;
}
.logos.journey .logos .item img {
    max-width: 280px;
}
.logos.journey p {
    margin: 20px 0 0;
}
.contact-us {
    padding: 70px 0;
    background-color: #FBF3F7;
}
.contact-us .row {
    align-items: center;
}
.contact-us .row h2 {
    font-size: 40px;
    color: var(--color-pink);
    margin-bottom: 2a0px;
    font-weight: 700;
}
.contact-us .row a {
    display: inline-block;
    margin-top: 20px;
    background: var(--color-yellow);
    padding: 20px 80px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.azplay {
    padding: 50px 0;
}
.azplay .bg {
    display: grid;
    align-items: center;
    padding: 50px 0;
    position: relative;
    background: url(../img/bg-celular.png) center right/cover no-repeat;
    height: 397px;
    width: 100%;
}
.azplay .bg .text {
    padding: 0 70px 0;
    margin-top: 70px;
}
.azplay .bg .text h2 {
    color: var(--color-white);
    font-size: 40px;
}
.azplay .bg .text h3 {
    color: var(--color-white);
    font-size: 24px;
}
.azplay .bg .text a {
    display: inline-block;
    margin-top: 20px;
    background: var(--color-yellow);
    padding: 10px 40px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.azplay .sac {
    text-align: center;
    padding: 50px 0;
}
.swiper {
    height: fit-content;
    padding-bottom: 100px;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}
.swiper-pagination-bullet-active {
    background: var(--color-pink);
}
.swiper-button-next, .swiper-button-prev {
    color: var(--color-pink);
}
.swiper-button-next, .swiper-button-prev {
    top: 130px;
}
.news-carousel {
    padding: 90px 0;
    background-color: #FBF3F7;
}
.news-carousel .title {
    text-align: center;
}
.news-carousel .title h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 20px;
}
.news-carousel .title h2 {
    color: var(--color-pink);
    font-size: 40px;
    margin-bottom: 50px;
}
.news-carousel .item h5 {
    color: var(--color-pink);
    margin: 20px 0 30px;
}
.news-carousel .item p {
    margin-bottom: 10px;
}
.news-carousel .item a {
    display: inline-block;
    background: var(--color-yellow);
    padding: 10px 80px;
    border-radius: 40px;
    text-align: center;
    color: var(--color-pink);
    font-weight: 700;
}
.ref p {
    font-size: 14px;
    padding-bottom: 70px;
}
/* Responsive */
@media (max-width: 1400px) {
    .banner .text {
        padding-left: 0;
    }
    .journey .box {
        width: 90%;
    }
    .azplay .bg .text h2 {
        font-size: 30px;
    }
    .azplay .bg .text h3 {
        font-size: 18px;
    }
    .navbar-nav {
        padding-left: 0;
    }
    .navbar li.nav-item {
        position: relative;
        padding: 10px 8px;
    }
}
@media (max-width: 1199px) {
    ul.list-custom li {
        font-size: 18px;
    }
    ul.list-custom li br {
        display: none;
        font-size: 18px;
    }
    .journey .box {
        width: 100%;
    }
    .azplay .bg {
        background: url(../img/bg-celular.png) center left / cover no-repeat;
    }
    .azplay .bg .text {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .navbar-toggler {
        border-color: var(--color-white);
    }
    .navbar-toggler-icon {
        filter: grayscale(0);
    }
    .navbar li.nav-item:before {
        display: none;
    }
    .logos.journey .logos {
        display: grid;
    }
    h2 {
        font-size: 28px!important;
    }
    h3 {
        font-size: 20px!important;
    }
    .contact-us .row .or {
        text-align: center;
        order: 1;
        margin-top: 20px;
    }
    .treatments .item {
        border-bottom: solid 30px var(--color-white);
    }
    .about .row .text {
        margin-bottom: 30px;
    }
}
@media (max-width: 768px) {
    .banner {
        height: auto;
        padding: 60px 0;
    }
    .banner .text p br, .about .text h2 br, .journey .box h2 br, .news-carousel .title h2 br {
        display: none;
    }
    .about, .treatments {
        padding: 60px 0;
    }
    .about .text a {
        padding: 20px 30px;
    }
    .journey .box {
        width: 90%;
    }
    .azplay .bg {
        padding: 50px 0;
        height: auto;
    }
    .azplay {
        padding: 0;
    }
    .azplay .bg .text {
        padding: 0;
    }
}