section.main {
    min-height: 100vh;
    background-color: #000B1D;
    position: relative;
    background-image: url("../images/background.png");
    background-repeat: no-repeat;
    background-size: cover;
}

section.main a {
    color: #787878;
}

section.main .features a {
    font-family: var(--albert-font);
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
}

section.main .services h2,
section.main .services h1,
section.main .services p.title {
    color: #FFF;
    font-family: var(--primary-font);
}

section.main .services h2 {
    font-weight: 700;
    font-size: 13px;
    line-height: 56px;
}

section.main .services h1,
section.main .services p.title {
    font-weight: 700;
    font-style: Bold;
    font-size: 48px;
    line-height: 56px;
}

section.main p.description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}

section.main .options a.read-more,
section.main .options a.meet {
    border: 1px solid #404040;
    border-radius: 0;
    padding: 1rem;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

section.main .options a.read-more {
    color: #404040;
}

section.main .options a.meet {
    color: #FFF;
    background-color: #404040;
}

section.services .swiper-wrapper div {
    padding: 2rem 1rem;
    color: #fff;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

section.services .swiper-wrapper div h3.title {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
}

section.services .swiper-wrapper div p.description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

section.services .swiper-wrapper .swiper-slide{
    min-height: 500px;
}

section.services .swiper-wrapper div a {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
}

section.services .swiper-wrapper>div:first-child {
    background-color: #100351;
    background-image: url("../images/service-mask-1.png");
}

section.services .swiper-wrapper>div:nth-child(2) {
    background-color: #000;
    background-image: url("../images/service-mask-2.png");
    background-position: right;
}

section.services .swiper-wrapper>div:last-child {
    background-color: #404040;
    background-image: url("../images/service-mask-3.png");
    background-position: bottom right;
}

section.video .video-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

section.video .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* Mantém o vídeo como background */
    display: block;
}

section.video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    background-image: url('../images/cover-video-1.png');
    /* escurece um pouco */
    flex-direction: column;
    cursor: pointer;
}

section.video .overlay .capa {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

section.video .play-btn {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    font-size: 32px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

section.video .play-btn:hover {
    transform: scale(1.1);
}


section.video .col-right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    color: #000
}

section.video .col-right h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
}

section.video .col-right p.description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

section.insights h3.title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
}

section.insights p.description {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

section.insights a {
    font-style: Bold;
    font-size: 18px;
    line-height: 24px;
    color: #1C3A57;
}

section.insights .swiper {
    width: 100%;
    height: 400px;
}

section.insights .swiper-insights .swiper-slide {
    background: #ddd;
    background-image: url('../images/cover-insights.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;


    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding: 2rem;
}


section.insights .swiper p{
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    color: #FBFDFE;
    margin-bottom: 1.5rem;
}