@media (max-width: 1680px) {
    .imageTitle .swiper-text h1 {
        font-size: 2.5rem;
    }
    /* .first-bg section {
        margin: -100px 0 !important;
    } */
    #play .card {
        padding: 40px 40px;
    }
    #play .card .number {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 2rem;
    }
    #play .swiper-services h3 {
        font-size: 26px;
        line-height: 32px;
    }
    #play .card .subtitle {
        font-size: 18px;
    }
    #play .swiper-services p {
        font-size: 14px;
    }

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

    /* Pacotes */

    .fast-info-bg-attachment{
        background-position: 170px -290px;
    }

    .contact-bg-attachment{
        background-position: 0px -280px;
    }

    .contact-bg-play-attachment{
        height: 130vh;
        background-position: 660px 340px;
    }

    /* Serviços */

    .services-bg-top-attachment {
        background-position: 500px -350px;
    }

    .services-bg-attachment {
        background-position: -240px 485px;
    }

    .service-bg-bottom-attachment {
        background-position: -90px -10px;
    }

    .services-bg-play-attachment {
        background-position: 670px 340px;
    }
}

@media (max-width: 1024px) {
    
    #about .info img {
        padding-top: 10rem;
    }

    #about .addigital {
        top: 250px;
    }

    #inovation .nav-tabs .nav-link {
        font-size: 30px;
        line-height: 38px;
    }

    #inovation .tab-pane .tab-pane-tags {
        display: inline-block;
        padding-right: 0;
    }

    #inovation .tab-pane p {
        padding-right: 0;
    }

    .container.img-fluid {
        max-width: 1920px;
    }

    .fast-info-bg-attachment .imageTitle .swiper-text h1 {
        width: 70%;
    }

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

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

    #partners .partner-card {
        width: 588px;
        padding: 54px 56px 54px 76px;
        right: 0px;
    }

    #solution-packages .background-text .background-image {
        width: 40rem;
        position: absolute;
        top: -110%;
        left: 10%;
    }

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

    .contact-bg-play-attachment {
        height: 130vh;
        background-position: 250px 440px;
    }

    .tx-sd p {
        width: 100%;
    }

    .services-bg-top-attachment .imageTitle .swiper-text h1 {
        width: 70%;
    }

    .services-bg-play-attachment {
        background-position: 230px 430px;
    }

    #footer-desktop {
        display: none;
    }

    #footer-mobile {
        display: block;
    }
    
    #footer-mobile .logo {
        margin: 0 auto; 
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);  
    }
    
    #footer-mobile .logo img {
        width: 10%;
    }

    #footer-mobile .slogan-content {
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    
    #footer-mobile .slogan-content .title {
        font-size: 4vw;
        font-weight: 600;
        font-style: italic;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    
    #footer-mobile .slogan-content .sub-title {
        font-size: 2vw;
        font-weight: 200;
        letter-spacing: 0.25rem;
        font-style: italic;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
    }
    
    #footer-mobile .social-content {
        display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    #footer-mobile .social-content ul {
        display: grid;
        gap: 1rem;
        /* border-left: 1px solid rgba(255, 255, 255, 0.15); */
        padding-left: 3rem;
    }
    
    #footer-mobile .pages-content {
        display: flex;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    
    #footer-mobile .pages-content .col-7 {
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        padding-left: 3rem;
    }
    
    #footer-mobile .cols-2 {
        column-count: 2;
    }
    
    #footer-mobile .copyright {
        text-align: center;
        padding-left: 0;
    }
}
.d-mobile{
        display: none;
}

@media (max-width: 992px) {
    .white .d-mobile #main-menu a{
        color: #060144;
    }
    .d-mobile{
        display: block;
        z-index: 99;
        position: relative;
    }
    .col-xs-12{
        width: 100%;
    }
    .hide-mobile{
        display: none;
    }
    .d-mobile .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;
        margin-top: -7px;
    }
    .d-mobile .btn-outline-light:hover {
        background-color: transparent;
        color: #43D2D0;
        border: 1px solid #43D2D0;
    }
    .search-mob{
        border: 1px solid #43D2D0;
        color: #43D2D0;
        text-decoration: none;
        height: 31px;
        padding-left: 7px;
        padding-right: 7px;
        border-radius: 9px;
        display: inline-flex;
        width: 30%;
        /* text-align: center; */
        justify-content: center;
        align-items: center;

    }
    .menu-total{
        width: 100%;
        position: relative;
        display: inline-flex;
    }
    .menu-expand ul {
        margin-bottom: 0;
        list-style: none;
        padding-bottom: 20px;
    }
    
    .menu-expand ul li {
        padding: 20px 0 0;
        opacity: 0; /* Inicialmente oculto */
        transform: translateY(-10px); /* Movido para cima inicialmente */
        transition: opacity 0.5s ease, transform 0.5s ease;
    }
    
    .menu-expand ul li.show {
        opacity: 1; /* Mostra o item */
        transform: translateY(0); /* Move para a posição original */
    }
    
    .expand-industria ul li a,
    .expand-pacote ul li a {
        text-decoration: none;
    }
    
    .expand-industria ul li a {
        color: #5E39BC;
    }
    
    .expand-pacote ul li a {
        color: #2BBBB9;
    }
    
    .expand-industria ul li a::before,
    .expand-pacote ul li a::before {
        content: ">> ";
    }
    
    .menu-industria-mob {
        background-color: #2BBBB9;
        width: 100%;
        color: #5E39BC;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-weight: bold;
    }
    
    .menu-pacote-mob {
        background-color: #5E39BC;
        width: 50%;
        color: #2BBBB9;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-weight: bold;
    }
    
    .expand-industria,
    .expand-pacote {
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
        position: absolute;
        background-color: #2BBBB9; /* Cor de fundo para expand-industria */
        transition: height 0.5s ease, opacity 0.5s ease;
    }
    
    .expand-pacote {
        background-color: #5E39BC;
        
    }
    
    .expand-industria.open,
    .expand-pacote.open {
        height: 100%;
        opacity: 1;
    }
    
    .expand-industria li:first-child,
    .expand-pacote li:first-child {
        display: none;
    }
    #main-menu{
        justify-content: space-evenly;
    }
    #main-menu li{
        margin: 20px 0px;
    }
    #main-menu a{
        color: #fff;
        text-decoration: none;
        font-size: 85%;
    }
    .imageTitle .swiper-text h1 {
        width: 60%;
    }

    #about .info img {
        padding-top: 20rem;
    }

    #about .tecno {
        left: 0px;
    }

    #about .addigital {
        top: 220px;
    }

    #inovation .nav-tabs .nav-link {
        font-size: 22px;
        line-height: 34px;
    }

    #inovation .tab-pane p {
        padding-right: 0.75rem;
    }

    .tab-content p {
        width: 100%;
    }

    #inovation .tab-pane .tab-pane-tags {
        padding-right: 0;
    }

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

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

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

    .white .imageTitle .swiper-text h1 {
        font-size: 1.5rem;
    }

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

    #partners .partner-card {
        width: 420px;
        right: 20px;
    }

    #partners .partner-card .partner-logo {
        height: 28px;
    }

    #partners .partner-card .description p {
        font-size: 16px;
    }

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

}

@media (max-width: 485px) {
    
    /* HOME */

    .first-bg {
        background-image: url(../img/tropheu_glow_mobile.png);
        background-repeat: no-repeat;
        background-position: center 820px;
        background-size: contain;
        position: relative;
    }

    .bg-play-blue {
        width: auto;
        background-size: cover;
        height: 50vh;
    }

    .bg-play-blue h1 {
        font-size: calc(1.375rem + 1.5vw);
    }

    /* .imageTitle.desktop {
        display: none;
    } */

    .imageTitle {
        display: block;
        height: 55vh;
    }

    .imageTitle .swiper-image {
        width: 100%;
    }

    .imageTitle .swiper-slide-visible .swiper-text {
        display: block;
        position: absolute;
        top: 310px;
        right: -110px;
    }

    .imageTitle .swiper-text {
        width: 75%;
    }
    .m-70{
        margin-top: 70px;
    }
    .m-100{
        margin-top: 100px;
    }
    .imageTitle .swiper-page-counter{
        display: none;
    }
    .imageTitle .swiper-text h1 {
        font-size: 16px;
        color: white;
        width: 50%;
        margin-top: -20px;
    }
    
    .imageTitle .swiper-scrollbar {
        width: 40%;
        bottom: 125px;
    }

    #about .tecno {
        width: 70%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
    }

    #about .tecno h1 {
        font-size: 34px;
        line-height: 36px;
        text-align: center;
    }
    
    #about .tecno p {
        text-align: center;
        max-width: 17rem;
        font-size: 12px;
        margin: 0 auto;
        padding-bottom: 1rem;
    }

    #about .addigital {
        display: none;
    }
    
    #about .info img {
        display: none;
    }

    #about .info .tecno-img-mobile img {
        display: block;
        margin-top: 1rem;
        padding-top: 0px;
    }

    .bg-play-blue-g {
        width: auto;
        height: 78vh;
        background-image: url(../img/play-blue-g.png);
        background-position: center -120px;
        background-repeat: no-repeat;
        background-size: 850px;
    }
    #inovation .tab-pane .tags{
        margin-bottom: 0.75rem;
    }
    .tab-content>.active{
        padding-bottom: 24px;
    }

    .bg-play-blue-g h1 {
        font-size: calc(1.375rem + 1.5vw);
        font-weight: bold;
        max-width: 100%;
        margin: 0 auto;
    }

    #inovation {
        margin: 0;
    }

    #inovation .nav-tabs .nav-link {
        font-size: 24px;
        line-height: 30px;
        padding-left: 50px;
    }

    #inovation .nav-tabs .nav-link::before {
        width: 18px;
        height: 21px;
        left: 10px;
    }

    #inovation .tab-pane p {
        display: none;
    }
    
    #inovation .tab-pane .title-mobile p {
        display: block;
        font-size: 14px !important;
        font-weight: 400;
        color: #fff;
        padding-right: 0;
    }

    #inovation .tab-pane .tab-pane-tags {
        padding-right: 0;
        margin-top: 1rem;
    }

    #inovation .tab-pane .tags {
        font-size: 11px;
        padding: 6px 15px;
    }

    #inovation .tab-pane a {
        font-size: 18px;
    }
    
    #play .play .desktop {
        display: none;
    }
    
    #play .play .mobile {
        display: block;
    }

    #counting {
        z-index: 9;
    }

    #counting .countinfo h1 {
        font-size: 3.5rem;
    }

    #counting .countinfo p {
        font-weight: 900;
        letter-spacing: 0;
        font-size: 12px;
    }

    .p-sm-0 {
        padding: 0;
    }

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

    .cases-img-mobile  {
        height: 16vh;
        overflow: hidden;
    }

    .cases-img-mobile img {
        display: block;
        position: absolute;
        top: -50px;
        left: 0;
    }
    .swiper-services {
        width: 100%;  
        max-width: 100%;  
    }
    .swiper-services .swiper-slide {
        width: auto !important;
        max-width: 340px;
        flex-shrink: 0;
        box-sizing: border-box;
    }
    #play .card{
        height: 38rem;
    }
    .swiper-services .swiper-slide {
        
    }

    .cases .case {
        width: 50%;
        height: 150px;
    }

    #cases {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .aspas {
        margin-top: 10rem; 
    }

    .aspas::after {
        width: 100%;
        height: 1286px;
        background-image: url(../img/aspas-blur.png);
        bottom: -180px;
        right: 0;
        background-size: contain;
    }

    #blog {
        margin-top: 0 !important;
    }

    #blog .img-blog {
        margin-bottom: 3rem;
    }

    #contact {
        margin-top: 0 !important;
    }

    #contact .card {
        padding: 60px 28px;
    }

    #contact .card-title {
        font-size: 26px;
        padding-bottom: 1rem;
    }

    #contact .input-group #full-name {
        width: 100%;
    }
    
    #contact .input-group #email-address {
        width: 100%;
    }

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

    #contact textarea {
        height: 70px;
    }

    #contact .button-submit button {
        font-size: 18px;
        padding: 16px 22px;
    }

    /* PACOTES */

    .fast-info-bg-attachment .imageTitle.mobile {
        height: 70vh;
    }

    .fast-info-bg-attachment .imageTitle.mobile .swiper-text h1 {
        font-size: 16px;
        color: #060144;
        width: 60%;
    }

    #fast-info {
        margin-top: 0 !important;
    }

    #fast-info .tx-sd p {
        width: 100%;
    }

    #fast-info .description {
        column-count: 1;
        gap: 0;
    }

    #fast-info .description .description-text {
        margin-top: 6rem;
    }

    #partners .partners-bg-attachment {
        background-image: none;
    }

    #partners .margin-between {
        display: grid;
        grid-template-columns: 1fr;
        margin-bottom: 0;
    }

    #partners .partner-photo {
        width: 100%;
    }

    #partners .partner-card {
        width: 100%;
        position: relative;
        top: 0;
        right: 0;
        padding: 65px 56px 56px 36px;
    }

    #for-who .tx-title {
        line-height: 70px;
    }

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

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

    #solution-packages .tab-pane .tags {
        font-size: 14px;
        padding: 6px 15px;
    }

    #solution-packages .content-box {
        margin-top: 2rem;
    }

    #solution-packages .content-box h3 {
        padding-right: 0;
    }

    #solution-packages .content-box .sub-title {
        padding-right: 0;
    }

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

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

    #solution-packages .background-text .background-image {
        width: 30rem;
        position: relative;
        top: 0;
        left: 0;
    }

    #solution-packages .background-text .background-play {
        position: absolute;
        top: 10%;
        left: 160px;
    }

    /* SERVIÇOS */

    .services-bg-top-attachment .imageTitle.mobile .swiper-text h1 {
        font-size: 16px;
        color: #060144;
        width: 60%;
    }

    #post-content .post {
        column-count: 1;
        gap: 0;
    }

    /* INDUSTRIA */

    #solution-packages .background-text .background-image.mobile-adjust {
        width: 100%;
        position: absolute;
        top: -200px;
        left: -50px;
    }

    #solution-packages .background-text .background-play.mobile-adjust {
        position: absolute;
        top: 10%;
        left: 150px;
    }

    #solution-packages .background-text .tx-title.text-mobile-adjust {
        width: 100%;
        position: relative;
        color: #060144;
        z-index: 9;
        margin: 0 auto;
    }

    /* CASES */

    .tree-bg .bg-swiper {
        height: 260px;
    }
    
    .tree-bg .grid-mobile {
        grid-template-columns: 1fr 5fr;
    }

    .tree-bg .img-play {
        width: 70%;
    }
    /* .accordion{
        display: block !important;
    }
    .accordion .item .srv-content{
        height: 0vh;
    } */
    .contact-bg-play-attachment {
        height: 100vh;
        background-position: 50px 520px;
    }
    .fast-info-bg-attachment .imageTitle .swiper-image {
        width: 100%;
    }
    .white .imageTitle .swiper-page-counter{
        display: none;
    }
    .white .imageTitle .swiper-slide-visible .swiper-text {
        right: 0;
    }
    #solution-packages .background-text .tx-title{
        position: relative;
        color: #060144;
        z-index: 9;
        margin: 0;
    }
    .tx-fd {
        font-size: 35px;
        font-weight: bold;
        line-height: 54px;
        text-align: center;
        width: 70%;
    }
    #solution-packages .background-text .background-image {
        position: absolute;
    }
    #solution-packages .tags{
        margin-bottom: 0.5rem;
        margin-right: 8px;
        font-size: 11px;
    }

    #time .time-tag {
        margin-top: 2rem;
    }
}