@import url('https://fonts.googleapis.com/css2?family=Changa+One:ital@0;1&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
}

body{
    font-family: "Roboto", sans-serif;
    background-color: #060144;
    color: #060144;
}
body.white{
    background-color: #F2F0EB;
}

body.bg-white{
    font-family: "Roboto", sans-serif;
    background-color: #F2F0EB;
    color: #060144;
}

.readMore{
    color: #060144;
    text-decoration: none;
    font-weight: bold;
}
.h75{
    height: 75vh;
}
mark{
    background-color: #43D2D0;
}
.tx-white{
    color: #fff;
}
.tx-blue{
    color: #15075A;
}
.tx-blue-m{
    color: #5A1FD7;
}
.tx-blue-marine{
    color: #060144;
}
.tx-big{
    font-size: 4rem;
    font-weight: 500;
}
.tx-title {
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
  }
.py-9{
    padding-top: 9rem;
    padding-bottom: 9rem;
}
.mt-7 {
    margin-top: 4.5rem !important;
}
.mt-10 {
    margin-top: 6rem !important;
}
.mt-14 {
    margin-top: 10rem !important;
}

.mb-14 {
    margin-bottom: 10rem !important;
}
.bg-gray{
    background-color: #F2F0EB;
}
.border-blue{
    border-bottom: 1px solid #5A1FD7;
}
.bg-white{
    background-color: #f2f0eb;
}
.first-bg{
    background-image: url('../img/first-bg.png');
    background-repeat: no-repeat;
    background-position: 600px 0;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.second-bg{
    background-image: url('../img/second-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    z-index: 2;
}
.tree-bg{
    background-image: url('../img/play-oposto.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}
.bg-plus-line::before {
    content: "";
    background-image: url(../img/plus-line.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -20px;
    width: 40%;
    height: 100%;
    top: 0;
}
nav .top-line a {
    color: #ffffff; 
}

nav .btn-outline-light {
    background-color: #43D2D0;
    border-radius: 20px;
    color: #060144;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    height: 31px;
    border: 1px solid #43D2D0;
}

nav .btn-outline-light:hover {
    background-color: transparent;
    color: #43D2D0;
    border: 1px solid #43D2D0;
}

nav .form-control {
    border-radius: 20px;
}

nav .top-line {
    /* display: flex; */
    align-items: center;
}
nav .input-search{
    background-color: transparent;
    border: 1px solid #43D2D0;;
}
nav .input-search::placeholder {
    color: #43D2D0;
    opacity: 1; /* Firefox */
  }

nav .bottom-line {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding-left: 0;
}

nav .bottom-line li {
    margin-right: 55px;
}

nav .bottom-line li:last-child {
    margin-right: 0;
}

nav .bottom-line a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: bold;
    margin-right: 1.5rem !important;
}
nav .bottom-line a:last-child {
    margin-right: 0rem !important;
}

nav .bottom-line a.tx-blue-marine {
    font-size: 16px;
    color: #060144;
    text-decoration: none;
    transition: color 0.3s;
}

nav .bottom-line a:hover {
    color: #00e0c6;
}
.white nav .bottom-line a{
    color: #060144;
}

.sector{
    background-color: #2BBBB9;
    padding: 12px 0px;
    margin-bottom: 10px;
    color: #5E39BC;
    font-weight: 700;
    z-index: 5;
    position: relative;
}

.sector li{
    list-style: none;
    margin: 0px 20px;
}
.sector li a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.sector li a:hover{
    color: #5E39BC;
}
.sector li a.blue{
    text-decoration: none;
    color: #5E39BC;
}
.sector li a.blue:hover{
    color: #fff;
}

#main-menu-industria li.current_page_item a{
    color: #5E39BC;
}

.package{
    background-color: #5E39BC;
    color: #43D2D0;
    padding: 12px 0px;
    font-weight: 700;
    z-index: 5;
    position: relative;
}

.package li{
    list-style: none;
    margin: 0px 20px;
}
.package li a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
.package li a:hover{
    color: #2BBBB9;
}
.package li .blue{
    text-decoration: none;
    color: #43D2D0;
}
.package li .blue:hover{
    color: #fff;
}

.package li.selected {
    border-bottom: 3px solid #2BBBB9;
    padding-bottom: 2px;
}
@media (max-width: 1444px) {
    .sector li{
        margin: 0px 10px;
        font-size: 68%;
    }
    .sector li a{
        font-size: 100%;
    }
    .package li {
        margin: 0px 10px;
        font-size: 68%;
    }
    .package li a {
        font-size: 100%;
    }
}
#main-menu-pacote li.current_page_item a{
    color: #43D2D0;
}
/* .first-bg section {
    margin: 0 !important;
} */
#about .info{
    position: relative;
}
#about .tecno{
    width: 53%;
    position: absolute;
    top: 90px;
    left: 30px;
}
#about .tecno h1{
    font-size: 70px;
    line-height: 70px;
    font-weight: 600;
}
#about .info img {
    display: block;
}

#about .info .tecno-img-mobile img {
    display: none;
}
#about .addigital{
    width: 20%;
    position: absolute;
    top: 190px;
    right: 0;
}
#inovation {
    margin: 8rem 0;
}
#inovation .nav-tabs {
    border: none;
}
#inovation .nav-tabs .nav-link {
    background: none;
    color: #495057;
    border: none;
    margin-bottom: 5px;
    font-size: 50px;
    font-weight: 700;
    font-style: italic;
    line-height: 59px;
    text-align: start;
    position: relative;
    padding-left: 50px;
}
#inovation .nav-tabs .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 29px;
    background-image: url('../img/play_purple_icon_outline_small.png');
    background-size: cover;
    background-repeat: no-repeat;
}
#inovation .nav-tabs .nav-link.active {
    color: #fff;
}
#inovation .nav-tabs .nav-link.active::before {
    background-image: url('../img/play_purple_icon_small.png');
}
#inovation .tab-pane .tab-pane-tags {
    display: inline-block;
    padding-right: 12rem;
}
#inovation .tab-pane .tags {
    border: none;
    border-radius: 50px;
    background-color: #fff;
    color: #070244;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
    margin-right: 16px;
    float: left;
    padding: 6px 15px;
    position: relative;
    cursor: pointer;
    z-index: 9;
}
#inovation .tab-pane p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    padding-right: 12rem;
}
#inovation .tab-pane .title-mobile p {
    display: none;
}
#inovation .tab-pane p span {
    font-style: italic;
}
#inovation .tab-pane .line {
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 1.75rem 0;
}
#inovation .tab-pane a {
    font-size: 20px;
    font-weight: 400;
    color: #43D2D0;
    text-decoration: none;
}
.bg-play-blue{
    width: 100%;
    height: 80vh;
    background-image: url('../img/play-blue.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-play-blue h1{
    font-size: 4rem;
}

.bg-play-blue-g{
    width: 100%;
    height: 80vh;
    background-image: url('../img/play-blue-g.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-play-blue-g h1{
    font-size: 3.5rem;
}

#services {
    height: 100vh;
}

/* #services .section {
    position: relative;
    height: 50vh;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}
#services .section h1 {
    font-size: 3rem;
    margin-bottom: 0.5rem;
}
#services .section p {
    font-size: 1.25rem;
}
#services .section:nth-child(1) { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), no-repeat center center/cover; }
#services .section:nth-child(2) { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), no-repeat center center/cover; }
#services .section:nth-child(3) { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), no-repeat center center/cover; }
#services .section:nth-child(4) { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), no-repeat center center/cover; }
#services .section:nth-child(5) { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), no-repeat center center/cover; } */

#play {
    z-index: 2;
    position: relative;
}
#play .card-link {
    text-decoration: none;
}
#play .card{
    padding: 40px 50px;
    height: 40rem;
    text-align: center !important;
    border-radius: 34px;
}
#play .play{
    width: 100%;
    height: 30vh;
    background-image: url('../img/play.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    display: grid;
    align-items: center;
}
#play .play .desktop {
    display: block;
}

#play .play .mobile {
    display: none;
}
#play .play h1 mark{
    padding: 0.25rem;
}
.icon-play{
    background-image: url('../img/play.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 30vh;
    display: grid;
    align-items: center;
}
#play .card .number{
    text-align: right;
    font-size: 50px;
    line-height: 58px;
    font-weight: 400;
    margin-bottom: 3rem;
    -webkit-text-stroke: 2px #E9E1CD;
    color: #fff;
}
#play .card:hover .number{
    color: #43D2D0;
    -webkit-text-stroke: 2px #43D2D0;
}
#play .card:hover{
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(67,210,208,1) 100%);
}

#play .card .subtitle{
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    color: #1a1717;
}


#counting{
    position: relative;
    z-index: 2;
}
#counting .countinfo h1{
    font-size: 4.5rem;
    font-style: italic;
}
#counting .countinfo p{
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
}

#blog{
    color: #fff;
    position: relative;
    z-index: 2;
}
.white #blog{
    color: #1A1717;
    position: relative;
    z-index: 2;
}
#blog a{
    text-decoration: none;
    color: #fff;
}
.white #blog a{
    text-decoration: none;
    color: #1A1717;
}
#blog .date{
    color: #43D2D0;
}
#blog .title{
    
}
#blog .title-blog{
    color: #fff;
}

.white #blog .title-blog{
    color: #1D1A1A;
}

#blog .img-blog{
    width: 100%;
    height: 180px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
#blog .img-blog::after{
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../img/arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 25px;
    bottom: -25px;
}

#footer-desktop {
    display: block;
}

#footer-mobile {
    display: none;
}

footer{
    background-color: #000000;
    color: #fff;
}

footer table{
    width:100%;
    border-collapse: collapse; 
}
footer table tr{
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
footer table tr:last-child{
    border-bottom: none;
}
footer table td:first-child{
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}
footer .mail-footer{
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 10px 20px;
    border-radius: 20px;
    transition: border 0.3s ease;
}
footer .mail-footer:hover{
    border: 1px solid rgba(255, 255, 255);
}
footer h4{
    font-style: italic;
}
footer .mail-footer img{
    margin-left: 15px;
}
footer .quick-left{
    padding-left: 38px;
}
footer ul{
    list-style: none;
    padding-left: 0px;
}
footer ul a{
    text-decoration: none;
    color: #fff;
}

footer .copyright{
    padding-left: 11%;
    width: 100%;
}
footer .copyright span, footer .copyright a{
    color: #5A1FD7;
    text-decoration: none;
}
.p30{
    width:30%
}



  
/* Pacotes */

.fast-info-bg-attachment{
    position: relative;
    background-image: url(../img/fastOtt/bg_play.png);
    background-repeat: no-repeat;
    background-position: 360px -390px;
    background-size: contain;
}

.fast-info-bg-attachment {}

#fast-info{ }

#fast-info .title{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #060144;
    line-height: 70px;
}

#post-content .title{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #060144;
    line-height: 70px;
}

#post-content .title mark{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #060144;
    line-height: 70px;
    background-color: #43D2D0;
    padding: 0 6px;
}

#fast-info .title mark{
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #060144;
    line-height: 70px;
    background-color: #43D2D0;
    padding: 0 6px;
}

#fast-info .description{
    max-width: 72rem;
    margin: 0 auto;
    column-count: 2;
    gap: 4rem;
}


#fast-info .description .description-text{
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #060144;
}

#partners{ }

#partners .partners-bg-attachment{
    position: relative;
    background-image: url(../img/fastOtt/bg_play_3x.png);
    background-repeat: no-repeat;
    background-position: 0px 45px;
    background-size: 24rem;
}

#partners .title{
    font-size: 60px;
    font-weight: bold;
    line-height: 80px;
}

#partners .margin-between{
    margin-bottom: 12rem;
}

#partners .partner-photo{
    width: 90%;
    z-index: 1;
    position: relative;
    margin-top: 3rem;
    border-radius: 20px;
}

#partners .partner-photo2{
    width: 320px;
    z-index: 1;
    position: relative;
    margin-top: 3rem;
    border-radius: 20px;
    margin-right: 500px;
}
#partners .cargos{
    display: inline-flex;
}

#partners .diretoria .partner-photo{
    width: 427px;
}

#partners .partner-card{
    background: #fff;
    padding: 95px 56px 56px 126px;
    width: 638px;
    min-height: 500px;
    border-radius: 13px;
    position: absolute;
    right: 100px;
}

#partners .partner-card .partner-logo{
    height: 39px;
    margin-bottom: 1rem;
}

#partners .partner-card .description p{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #232121;
}

#for-who{
    background-color: #f2f0eb;
}

#for-who .mt-10rem{
    margin: 0 10rem;
}

#for-who .sub-title{
    font-size: 30px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    font-style: italic;
    color: #5A1FD7;
}

#for-who .for-who-card{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#for-who .for-who-card .card-title{
    font-size: 28px;
    font-weight: 600;
    font-style: italic;
    text-align: center;
    color: #140202;
    margin-bottom: 1.25rem;
}

#for-who .for-who-card .card-description{
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 1.25rem;
    width: 80%;
}

/* #for-who .for-who-card .background{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 182px;
    height: 182px;
    background-image: url('../img/fastOtt/Polygon.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} */

#for-who .for-who-card .background img{
    max-height: 182px;
    width: auto;
}
#services-od{
    height: 100vh;
    position: relative;
}
#services{
    position: relative;
    /* height: 150vh; */
    background-color: #f2f0eb;
    overflow: visible;
}

#services .card{
    padding: 40px;
    height: 100%;
    border-radius: 36px;
}

#services .card .number{
    text-align: right;
    font-size: 38px;
    /* -webkit-text-stroke: 2px #43D2D0; */
    color: #43D2D0;
}

#services .card:hover .number{
    color: #43D2D0;
    -webkit-text-stroke: 2px #43D2D0;
}

#services .card:hover{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(67,210,208,1) 100%);
}

#services .glow {
    position: absolute;
    bottom: -86px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#services .glow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 740px;
    height: 740px;
    background: radial-gradient(circle, rgba(90, 31, 215, 0.5) 0%, rgba(255, 0, 150, 0) 60%);
    border-radius: 50%;
    z-index: -1;
}

#services .tx-glow {
    font-size: 130px;
    font-weight: 700;
    font-style: italic;
    -webkit-text-stroke: 2px #000;
    color: transparent;
    text-align: center;
}

#projects{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    background-color: #fff;
    z-index: 9;
}

#projects .brands{
    display: flex;
    justify-content: center;
    align-items: center;
}

#projects .brands img {
    width: auto;
    height: 100%;
}

#solution-packages {
    background-color: #f2f0eb;
    color: #000;
}

#solution-packages .background-text {
    position: relative;
    height: 15rem;
    display: flex;
    align-items: center;
}

#solution-packages .background-text .background-image{
    width: 60rem;
    position: absolute;
    top: -160%;
    left: 25%;
}

#solution-packages .background-text .background-play{
    position: absolute;
    top: -15%;
    left: 44%;
}

#solution-packages .background-text .tx-title{
    position: relative;
    color: #060144;
    z-index: 9;
    margin: -60px auto 0px;
}

#solution-packages .offset-padding{
    padding-left: 6rem;
}

#solution-packages .btn-group-vertical {
    flex-direction: row;
    margin: 12px;
}

#solution-packages .content-box {
    position: relative;
    display: none;
    z-index: 9;
}

#solution-packages .content-box h3 {
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    line-height: 35px;
    color: #060144;
    padding-right: 22rem;
}

#solution-packages .content-box .sub-title{
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding-right: 22rem;
}

#solution-packages .content-box p {
    padding-right: 22rem;
}

#solution-packages .content-box .line {
    width: 100%;
    height: 1px;
    background: #5E39BC;
    margin-bottom: 28px;
}

#solution-packages .content-box .description {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

#solution-packages .content-box.active {
    display: block;
}

#solution-packages .tags {
    border: none;
    border-radius: 50px;
    background-color: #fff;
    color: #070244;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
    margin-right: 16px;
    float: left;
    padding: 6px 15px;
    position: relative;
    cursor: pointer;
    z-index: 9;
}

#solution-packages .tags.selected {
    color: #fff;
    background-color: #070244;
}

#solution-packages .glow {
    position: absolute;
    bottom: -94%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#solution-packages .glow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 740px;
    height: 740px;
    background: radial-gradient(circle, rgba(90, 31, 215, 0.5) 0%, rgba(255, 0, 150, 0) 60%);
    border-radius: 50%;
    z-index: -1;
}

#solution-packages .tx-glow {
    font-size: 130px;
    font-weight: 700;
    font-style: italic;
    -webkit-text-stroke: 2px #000;
    color: transparent;
    text-align: center;
}

#cloud-payout {
    height: 170vh;
}

#cloud-payout .hyper-title {
    font-size: 100px;
    font-weight: 600;
    text-align: center;
    color: #5A1FD7;
    font-style: italic;
    text-transform: uppercase;
}

#cloud-payout .title{
    font-size: 65px;
    font-weight: bold;
    text-align: center;
    color: #060144;
    line-height: 75px;
}

#cloud-payout .title span{
    background-color: #43D2D0;
    padding: 0 6px;
}

#cloud-payout .description{
    max-width: 32rem;
    margin: 0 auto;
}

#cloud-payout .description p{
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    color: #060144;
}

#cloud-payout .glow {
    position: absolute;
    bottom: -114%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

#cloud-payout .glow::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 740px;
    height: 740px;
    background: radial-gradient(circle, rgba(90, 31, 215, 0.5) 0%, rgba(255, 0, 150, 0) 60%);
    border-radius: 50%;
    z-index: -1;
}

#cloud-payout .tx-glow {
    font-size: 130px;
    font-weight: 700;
    font-style: italic;
    -webkit-text-stroke: 2px #000;
    color: transparent;
    text-align: center;
}

#ad-plus-info {}

#ad-plus-info .ad-header-content {
    display: flex;
    align-items: flex-start;
}

#ad-plus-info .ad-header-content .play-icon {
    width: 145px;
    margin-top: 2rem;
    margin-right: 3rem;
}

#ad-plus-info .ad-header-content .text-content {
    max-width: 100%;
}

#ad-plus-info .ad-header-content .title {
    font-size: 60px;
    font-weight: 700;
    line-height: 70px;
    color: #070244;
}

#ad-plus-info .ad-header-content .sub-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    color: #070244;
}

#ad-plus-info .ad-header-content .text-with-icon {
    display: flex;
    align-items: flex-start;
    margin-top: 8rem;
}

#ad-plus-info .ad-header-content .text-with-icon .aspas-icon {
    width: 147px;
}

#ad-plus-info .ad-header-content .text-with-icon .line {
    width: 5px;
    height: 160px;
    background-color: #5A1FD7;
    margin: 0 3rem;
}

#ad-plus-info .ad-header-content .text-with-icon .text-with-icon-content {
    max-width: 44rem;
}

#ad-plus-info .ad-header-content .text-with-icon .text-with-icon-content .dialog {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    color: #060144;
    font-style: italic;
}

#ad-plus-info .ad-header-content .text-with-icon .text-with-icon-content .author {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    color: #060144;
}

#ad-plus-info .text-broken-by-img {
    margin-top: 6rem;
}

#ad-plus-info .text-broken-by-img p {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    color: #070244;
    margin-bottom: 4rem;
    padding: 0 3rem;
}

#ad-plus-info .text-broken-by-img .middle-imgs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 4rem;
    gap: 1.5rem;
}

#ad-plus-info .text-broken-by-img .middle-imgs img {
    width: 636px;
}

.contact-bg-attachment{
    position: relative;
    background-image: url(../img/fastOtt/bg_play_right.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    overflow: hidden;
}

.contact-bg-attachment::before{
    content: "";
    display: none;
    /* display: block; */
    width: 35vw;
    height: 30vw;
    background-image: url(../img/play-blur.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}

#contact {
    margin: 8rem auto;
}

#contact .card {
    background: #fff;
    border: 1px solid #5A1FD7;
    border-radius: 20px;
    padding: 60px 80px;
    max-width: 950px;
    margin: auto;
    
}

.white #contact .card{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    filter: drop-shadow(0px 4px 11px #5A1FD7);
}

#contact .card.black-shadow {
    border: none;
    
}

.white #contact .card.black-shadow{
    filter: drop-shadow(0px 4px 11px #E9E4D8);
}

#contact .card-title {
    font-size: 38px;
    font-weight: 600;
    font-style: italic;
    line-height: 38px;
    padding-bottom: 2rem;
    border-bottom: 1px solid #5A1FD7;
}

#contact .input-content {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

#contact .input-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 2rem;
}

#contact .input-group #full-name{
    width: 75%;
}

#contact .input-group #email-address{
    width: 70%;
}

#contact .input-group #phone{
    width: 65%;
}

#contact .input-group label {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 29px;
    margin-bottom: 8px;
}

#contact .input-group img {
    width: 20px;
    margin-right: 16px;
}

#contact input[type="text"],
#contact input[type="tel"],
#contact input[type="email"],
#contact textarea {
    border: none;
    border-bottom: 1px solid #5A1FD7;
    outline: none;
    width: 100%;
    font-size: 1rem;
}

#contact textarea {
    height: 100px;
}

#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact textarea:focus {
    border-bottom-color: #E0D9C9;
}

#contact textarea {
    resize: none;
}

#contact .button-submit {
    display: flex;
    align-items: center;
    padding-top: 3rem;
}

#contact .button-submit button {
    background-color: #43D2D0;
    border: none;
    border-radius: 38px;
    padding: 16px 38px;
    color: #141414;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
}

#contact .button-submit button img {
    width: 34px;
    margin-left: 16px;
}
.cases  {

}
.cases .case {
    width: 33%;
    float:left;
    height: 200px;
}
.cases .case .front, .cases .case .back {
    z-index: 2;
    position: relative;
}
.cases .case .front img, .cases .case .back img, .cases .case .back p{
    z-index: 2;
}
.cases .case .back, .cases .case .front{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cases .case .back img {
    margin-bottom: 10px; 
}
.cases .case .back{
    display: none;
}

.cases .case:hover .back{
    display: flex;
}

.cases .case:hover .front{
    display: none;
    position: relative;
}

.cases .case .back p{
    color: #fff;
    margin: 0;
    text-align: center;
    width: 70%;
}
.cases .front .bg-case-blue, .cases .back .bg-case-blue{
    background-color: rgb(6, 1, 68, 0.75);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.cases-img-desktop {
    display: block;
}

.cases-img-mobile img {
    display: none;
}

#play .swiper {
    width: 100%;
}
 #play .swiper-services {
    position: relative;
    padding: 0 30px;
}
#play .swiper-wrapper {
    width: 100%;
}
#play .swiper-button-next, #play .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    /* background-size: cover; */
    background-repeat: no-repeat;
    z-index: 10;
}
#play .swiper-button-next::after {
    content: "";
    display: block;
    width: 25px;
    height: 37px;
    background-image: url(../img/page-arrow-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -10px;
}
#play .swiper-button-prev::after {
    content: "";
    display: block;
    width: 25px;
    height: 37px;
    background-image: url(../img/page-arrow-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -10px;
}
#play .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

#play .swiper-slide a {
    text-decoration: none;
}

#play .swiper-services h3{ 
    text-align: left;
    font-size: 30px;
    line-height: 35px;
    color: #131313;
    font-weight: 900 !important;
    text-transform: uppercase;
}

#play .swiper-services p{ 
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.imageTitleM.mobile {
    display: none;
}

 .imageTitle .swiper-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0px;
}
.imageTitle .swiper-image {
    width: 40%;
}
.case-single .caseImage .swiper-image {
    width: 100%;
}

.imageTitle .swiper-info img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.imageTitle .swiper-image.bg-swiper{
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-bottom: 30px;
}
.bg-swiper{
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: 30px;
}
.imageTitle .swiper-text {
    width: 55%;
    margin-left: 20px;
    display: none;
}
.imageTitle .swiper-text h1 {
    font-size: 3rem;
    color: white;
    width: 40%;

}
.white .imageTitle .swiper-text h1 {
    font-size: 2rem;
    color: #060144;
}
.imageTitle .swiper-slide-visible .swiper-text {
    display: block;
}

.imageTitle .swiper-scrollbar {
    width: 60%; 
    margin-left: 5%;
    height: 1px;
    background-color:#43D2D0;
    border-radius: 2px;
}

.imageTitle .swiper-pagination {
    width: 20%; /* 20% para a paginação */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: white;
}
.white .imageTitle .swiper-pagination {
    width: 20%; /* 20% para a paginação */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #060144;
}
.imageTitle .swiper-scrollbar-drag{
    background-color: #5E39BC;
    height: 7px;
}

.imageTitle .swiper-pagination-bullet {
    background-color: transparent;
    color: white;
    border: none;
    font-size: 1rem;
    margin: 0 5px;
    opacity: 1;
}

.imageTitle .swiper-pagination-bullet-active {
    background-color: white;
    color: black;
}

.imageTitle .swiper-container {
    position: relative;
}

.imageTitle .swiper-scrollbar {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    padding: 0 10px;
    justify-content: space-between;
}

.imageTitle .swiper-pagination{
    position: absolute;
    bottom: 5px;
    right: 0;
    left: auto;
}
.imageTitle .swiper-page-counter {
    position: absolute;
    bottom: -13px;
    right: 12%;
    font-size: 1.2rem;
    color: white;
    display: flex;
    gap: 10px;
    z-index: 30;
    font-weight: 300;
}
.white .imageTitle .swiper-page-counter {
    position: absolute;
    bottom: -10px;
    right: 12%;
    font-size: 1.2rem;
    color: #060144;
    display: flex;
    gap: 10px;
    z-index: 30;
    font-weight: 300;
}
.imageTitle .swiper-page-counter span {
    cursor: pointer;
    padding: 5px;
    transition: color 0.3s ease;
}

.imageTitle .swiper-page-counter span.active {
    font-weight: 600;
     /* Cor do número ativo */
}


.swiper-content .swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    background-size: cover;
    background-position: center;
}

.swiper-content .swiper-slide div {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 20px;
}

/* Efeito Parallax */
.swiper-content .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transform: translateY(0);
    transition: transform 0.5s ease-out;
}

.swiper-content .swiper-slide-active::before {
    transform: translateY(0);
}

.swiper-content .swiper-slide-next::before {
    transform: translateY(20%);
}

.swiper-content .swiper-slide-prev::before {
    transform: translateY(-20%);
}

.swListagemService {
    height: 50vh;
    width: 100%;
}

.swListagemService .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
    background-color: #5E39BC;
}

/* Testemunhos */
#cases .swTestimony .swiper-slide p{
    color: #fff;
}

#cases .swTestimony .swiper-button-next, .swiper-button-prev {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 34px; 
    height: 34px;
    color: transparent; 
}

#cases .swTestimony .swiper-button-next {
    background-image: url('../img/testimony-right.png'); 
    position: absolute;
    left: 39px;
    top: 27px;
}

#cases .swTestimony .swiper-button-prev {
    background-image: url('../img/testimony-left.png');
    position: absolute;
    left: 0;
    top: 27px;
}
.aspas{
    position: relative;
}
.aspas::after{
    content: "";
    width: 140px;
    height: 110px;
    position: absolute;
    bottom: -70px;
    right: 260px;
    background-image: url(../img/aspas-icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

/* Serviços */

.services-bg-top-attachment {
    position: relative;
    background-image: url(../img/fastOtt/bg_play.png);
    background-repeat: no-repeat;
    background-position: 500px -350px;
    background-size: contain;
}

.services-bg-attachment {
    position: relative;
    background-image: url(../img/fastOtt/bg_play_3x.png);
    background-repeat: no-repeat;
    background-position: -240px 485px;
    background-size: 34rem;
}

.service-bg-bottom-attachment {
    position: relative;
    background-image: url(../img/fastOtt/bg_play_right.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    overflow: hidden;
}

.service-bg-bottom-attachment::before {
    content: "";
    display: none;
    /* display: block; */
    width: 35vw;
    height: 30vw;
    background-image: url(../img/play-blur.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}

/* .services-bg-play-attachment {
    height: 130vh;
    position: relative;
    background-image: url(../img/play-blur.png);
    background-repeat: no-repeat;
    background-position: 1020px 340px;
    background-size: contain;
    z-index: 1;
} */

#post-content .post {
    column-count: 2;
    gap: 4rem;
}

/* Cases */

.cases-bg-bottom-attachment {
    position: relative;
    background-image: url(../img/fastOtt/bg_play_right.png);
    background-repeat: no-repeat;
    background-position: 0 -10px;
    background-size: contain;
    overflow: hidden;
}

.cases-bg-bottom-attachment::before {
    content: "";
    display: none;
    /* display: block; */
    width: 35vw;
    height: 30vw;
    background-image: url(../img/play-blur.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}

.menu-strass li{
    margin-bottom: 5px;
}
.menu-strass li a{
    font-size: 80%;
    font-weight: 300;
}
.menu-strass li a:hover{
    color: #00e0c6;
}
.menu-strass li a::before{
    content: ">> ";
}
.cols-2{
    column-count: 2;
}
.cols-3{
    column-count: 3;
}
video{
    width: 100%;
}
blockquote{
    position: relative;
    padding: 50px 0px 50px 160px;
}

blockquote::before{
    content: "";
    background-image: url('../img/blockquote.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0px;
    top: 50px;
    width: 130px;
    height: 130px;
}

.vertical-slider {
    width: 300px;
    margin: 0 auto;
  }
  .vertical-slider .slick-slide {
    background: #3a3a3a;
    color: #fff;
    padding: 40px 0;
    text-align: center;
    border: 1px solid #fff;
  }




/* .srv-post::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    filter: blur(10px) brightness(0.7);
    transform: scale(1.2);
    z-index: 1;
} */

/* .srv-content {
    position: relative;
    z-index: 2;
    opacity: 0;
    transform: translateY(50px) scale(0.8);
} */

/* .srv-post h1,.srv-post p {
    margin-bottom: 15px;
    opacity: 0;
    transform: translateY(20px);
} */
.tab-content p {
    background-color: transparent !important;
    color: #fff;
    width: 80%;
    font-size: 26px !important;
}
.tab-content p mark{
    background-color: transparent !important;
    color: #fff;
}
.tx-sd p{
    font-size: 50px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
    width: 70%; 
    margin: auto;
}
.tx-sd mark{
    font-size: 50px !important;
}
.tx-fd{
    font-size: 43px;
    font-weight: bold;
    line-height: 54px;
    text-align: center;
    width: 70%; 
}

.diretoria {
    position: relative;
    padding: 0 30px;
}
.diretoria .swiper-wrapper {
    width: 100%;
}
.diretoria .swiper-button-next, .diretoria .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    /* background-size: cover; */
    background-repeat: no-repeat;
    z-index: 10;
}
.diretoria .swiper-button-next::after {
    content: "";
    display: block;
    width: 15px;
    height: 27px;
    background-image: url(../img/page-arrow-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -10px;
}
.diretoria .swiper-button-prev::after {
    content: "";
    display: block;
    width: 15px;
    height: 27px;
    background-image: url(../img/page-arrow-left.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -10px;
}
.diretoria .swiper-button-next{
    right: var(--swiper-navigation-sides-offset, 60px);
}
.diretoria .swiper-button-prev{
    left: var(--swiper-navigation-sides-offset, 140px);
}
.diretoria .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: baseline;
    text-align: left;
}

.diretoria .swiper-slide a {
    text-decoration: none;
}

.diretoria .swiper-services h3{ 
    text-align: left;
    font-size: 30px;
    line-height: 35px;
    color: #131313;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.diretoria .swiper-services p{ 
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.swiper-3d .swiper-slide-shadow{
    background: transparent !important;
}

.fast-info-bg-attachment .imageTitle .swiper-image{
    width: 50%;
}
.fast-info-bg-attachment .imageTitle .swiper-text {
    width: 50%;
    margin-left: 80px;
}
.navbar-expand-lg {
    z-index: 5;
}

/* .scroll-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.srv-post {
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    overflow: hidden;
    color: #fff;
    padding: 0 20%;
    transform-origin: center;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.srv-post.post1 { top: 0px; }
.srv-post.post2 { top: 20vh; }
.srv-post.post3 { top: 40vh; }
.srv-post.post4 { top: 60vh; }
.srv-post.post5 { top: 80vh; } */
.people-company {
    text-align: center;
}
#partners .partner-card2 {
    background: #fff;
    padding: 110px 30px 30px 30px;
    height: 100%;
    border-radius: 13px;
    margin-bottom: 50px;
    width: 100%;
    text-align: left;
}
.partner-photo3{
    width: 50%;
    margin-bottom: -100px;
}

#time {
}

#time .time-grid {
    display: flex;
    align-items: center;
}

#time .time-tag {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2.5px;
    color: #46a4f2;
}

#time h1 {
    font-weight: 700;
    margin-bottom: 2rem;
}

#time .time-text {
    font-size: 18px;
}

#time a {
    font-size: 16px;
    font-weight: 800;
    color: #43D2D0;
    text-decoration: none;
    line-height: 2rem;
    display: flex;
    align-items: center;
}

#time a::after {
    content: "\003e";
    margin-left: 8px;
    font-size: 2rem;
    font-weight: 400;
}

.button-submit .loading-spinner {
    display: none;
    margin-left: 10px;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Esconder o botão quando estiver enviando */
.is-submitting .button-submit button {
    display: none;
}

/* Exibir o spinner durante o envio */
.is-submitting .loading-spinner {
    display: inline-block;
}