@media (max-width: 1600px) {
    .logo-omni {
        left: 150px;
    }

    .fixed-plan-infos {
        padding: 20px 0;
    }

    .fixed-plan-infos .prices-b .price-value .big-price {
        font-size: 34px;
        line-height: 50px;
    }

    .fixed-plan-infos .prices-b .price-value {
        margin-bottom: 10px;
    }

    .fixed-plan-infos p {
        margin-bottom: 10px;
    }

    .price {
        padding: 15px 20px;
    }

    .purpose-section {
        min-height: 340px;
    }

    .purpose-section .container .content .icon {
        left: -128px;
    }

    .do-part .container {
        padding: 110px 0 100px;
    }

    .do-part .image .iconGroup .left svg,
    .do-part .image .iconGroup .right svg {
        width: 230px;
    }

    .do-part .image .iconGroup {
        top: 190px;
        right: -120px;
        width: 600px;
    }

    .do-part .image:before {
        width: 23px;
    }

    .fixed-plan-infos .prices .price-value .big-price {
        font-size: 32px;
        line-height: 38px;
    }

    .fixed-plan-infos .prices .price-value .mid-price {
        font-size: 25px;
        line-height: 33px;
    }

    .fixed-plan-infos .prices .price-value .short-price {
        line-height: 35px;
    }

    .fixed-plan-infos .prices .btn-price {
        padding: 9px 0;
    }

    .popup-content {
        max-height: 730px;
    }

    .vacancies-number {
        bottom: 50px;
    }

    .popup-person {
        height: 80%;
    }
}

@media (max-width: 1536px) {
    .logo-omni {
        left: 60px;
    }

    .purpose-section .container .content .icon {
        left: -132px;
    }
}

@media (max-width: 1440px) {
    .s-numeros .image {
        width: 44%;
    }

    .bigger-container {
        padding-right: 50px;
        padding-left: 50px;
    }

    .fixed-plan-infos .prices-b {
        grid-gap: 30px
    }

    .materials .material-list {
        grid-gap: 50px 80px;
    }

    .purpose-section {
        min-height: 320px;
    }

    .purpose-section .container .content .icon {
        left: -135px;
    }

    .communication .content-header .image-title {
        margin-right: -50px;
        width: 80%;
    }

    .timeline h2 {
        color: #fff;
        margin-bottom: 50px;
    }

    .timeline .list-timeline {
        align-items: center;
        grid-gap: 55px 50px;
        padding: 0 51px;
    }

    .employees .swiper-slide h4 {
        width: 70%;
    }

    .communication .content-header .main-title h2 {
        width: 80%;
        margin-bottom: 20px;
        font-size: 33px;
    }

    .fixed-plan-infos .prices {
        grid-gap: 55px;
    }

    .vacancies-left {
        font-size: 30px;
    }

    .popup-btn {
        padding: 0px 115px;
    }

}

@media (max-width: 1400px) {

    .fixed-plan-infos .prices-b .big-price,
    .fixed-plan-infos .prices-b .price-value .mid-price {
        font-size: 28px;
        line-height: 42px;
    }

    .fixed-plan-infos .prices-b .price-value .short-price {
        line-height: 36px;
        white-space: nowrap;
    }

    .fixed-plan-infos .texts ul li {
        line-height: 32px;
        gap: 5px;
    }

    #mainNavbar .btn {
        font-size: 14px;
        white-space: nowrap;
    }

    .header-full .nav-link {
        font-size: 14px;
        white-space: nowrap;
    }
}

@media (max-width: 1366px) {
    .s-numeros .image {
        width: 42%;
    }

    .clientes-logos img {
        transform: scale(1.1);
    }

    .depositions-title {
        margin-bottom: 60px;
    }

    #depositions #swiper-depositions .deposition .quotation img {
        object-fit: contain;
        object-position: center;
        width: 60%;
    }

    #depositions #swiper-depositions .deposition .quotation {
        right: 50px;
        width: fit-content;
    }

    #depositions #swiper-depositions .deposition {
        padding: 25px 105px 40px;
    }

    #depositions #swiper-depositions .deposition .image {
        height: 140px;
        min-height: 140px;
        min-width: 140px;
        width: 140px;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        font-size: 1.2rem;
    }

    .logo-omni {
        bottom: 10px;
        left: 0;
    }

    .title-omni {
        font-size: 2.5rem;
        line-height: 115%;
        font-weight: 700;
    }

    .grid-fourth {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .sInt-email .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 950px;
    }

    .sInt-email .row .col-lg-4 {
        width: 100%;
    }

    .chat-card .thumbIcon h3 {
        width: 100% !important;
    }

    .otimize-10 .image,
    .otimize-04 .image {
        background-position: right !important;
    }

    .otimize-10 .button-two,
    .otimize-04 .button-two {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .otimize-10 .button-two .button-group,
    .otimize-04 .button-two .button-group {
        justify-content: flex-start;
    }

    .otimize-10 h2,
    .otimize-04 h2 {
        font-weight: 600 !important;
        max-width: 400px !important;
        text-align: end;
    }

    .otimize-10 p,
    .otimize-04 p {
        max-width: 400px !important;
        text-align: end;
    }

    .projects-section .row.justify-content-center {
        justify-content: space-between !important;
    }

    .projects-section .row .col-lg-4 {
        width: 45%;
    }

    .align-text-top-section-low {
        margin-top: -50px;
    }

    .arrow-down-effect {
        margin-top: 100px;
    }

    .numbers-wrapper h2 {
        color: #FFF;
        font-size: 32px;
    }

    .numbers-wrapper .numbers-grid .thumbIcon h3 {
        color: #000;
        font-size: 36px;
    }

    .numbers-wrapper .numbers-grid .thumbIcon h3 small {
        font-size: 24px;
        color: #FFF;
    }

    .statements .statements-container .statement {
        min-height: 455px;
    }

    #summit-modal .modal-content {
        width: 75% !important;
    }

    .prices-info .texts {
        width: 55%;
    }

    .about-container .section img.section-dot-img {
        margin-top: 0;
        margin-bottom: 40px;
        height: 190px;
    }

    .section .persons .item {
        height: 105px;
    }

    .fixed-plan-role {
        padding: 15px 25px;
        font-size: 17px;
    }

    .s-numeros .thumbIcon h2 {
        font-size: 1.7rem;
        line-height: 2.525rem;
    }

    .s-numeros .thumbIcon h2 small {
        font-size: 0.9rem;
    }

    .about-container {
        padding-top: 100px;
    }

    h1 {
        font-size: 33px;
        line-height: 38px;
    }

    h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .about-container .section h1 {
        margin-bottom: 50px;
    }

    .purpose-section .container .content .icon {
        left: -122px
    }

    .timeline .list-timeline {
        grid-gap: 70px 50px;
        padding: 0 40px;
    }

    .employees {
        padding: 80px 0;
    }

    .employees h2 {
        margin-bottom: 50px;
    }

    .employees .swiper-slide p {
        margin-bottom: 20px;
    }

    .employees .swiper-slide h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .helpdesk-section {
        padding: 140px 0;
    }

    .helpdesk-section .section .head-title {
        margin-left: -90px;
    }

    .helpdesk-section .section .head-title img {
        height: 50px;
    }

    .do-part .container {
        padding: 70px 0;
    }

    .do-part .container .content {
        width: 37%;
    }

    .do-part .image {
        width: 53%;
    }

    .do-part .container .content .buttons .dotGrid {
        height: 130px;
        top: 20px;
        left: -90px;
    }

    .do-part .container .content .buttons a {
        font-size: 15px;
        padding: 11px 30px;
    }

    .fixed-plan-infos {
        padding: 15px 0;
    }

    .fixed-plan-infos .texts {
        margin-bottom: 15px;
    }

    .fixed-plan-infos .prices .price-value .big-price {
        font-size: 28px;
        line-height: 33px;
    }

    .fixed-plan-infos .prices .price-value .mid-price {
        font-size: 21px;
        line-height: 29px;
    }

    .fixed-plan-infos .prices .price-value .short-price {
        line-height: 26px;
        font-size: 14px;
    }

    .fixed-plan-infos .prices .btn-price {
        padding: 6px 0;
        font-size: 15px;
    }

    .fixed-plan-infos .texts ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .press-office .press-card.first-press-item .press-title {
        font-size: 35px;
        line-height: 40px;
    }

    .vacancies-number {
        left: 30px;
    }

    .chamados-base-section .col-lg-5 {
        width: 50% !important;
    }

    .exit-popup .background {
        width: 700px;
    }

    .exit-popup .close-btn .iconify {
        font-size: 1.5rem;
    }

    .exit-popup .content a {
        bottom: 40px;
        height: 40px;
    }
}

@media (max-width: 1280px) {

    .chatgpt-section-1 .cta {
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 25px;
    }

    .chatgpt-section-2,
    .chatgpt-section-3,
    .chatgpt-section-4 {
        padding: 70px 0;
    }

    .chatgpt-section-3 .max-550 {
        max-width: 630px !important;
    }

    .chatgpt-section-3 .content .cardItem {
        height: 520px;
    }

    .chatgpt-section-4 h2 {
        line-height: 115%;
    }

    .chatgpt-section-5 .information p {
        max-width: 85%;
    }

    .chatgpt-section-5 {
        padding-top: 145px;
    }

    .otimize-999 h2 {
        font-size: 42px;
        line-height: 113%;
        max-width: 550px !important;
    }

    .otimize-999 a {
        margin-top: 0 !important;
    }


    /* ====================================== */

    .prices-info .texts {
        width: 45%;
    }

    .fixed-plan-infos .prices-b {
        grid-gap: 15px;
    }

    .s-planos.teste th {
        width: 17%;
    }

    .s-intro h1 {
        max-width: 470px;
    }

    .purpose-section .container .content .icon {
        left: -125px;
    }

    .communication .content-header .main-title {
        margin-left: -55px;
    }

    .communication .content-header .main-title img {
        height: 50px;
        margin-right: 20px;
    }

    .helpdesk-section .section .head-title img {
        margin-right: 20px;
        height: 40px;
    }

    .helpdesk-section .section .head-title {
        margin-left: -60px;
    }

    .popup-content {
        max-height: 600px;
    }

    .banner-title {
        font-size: 3.4rem;
        line-height: 4rem;
    }

    .s-numeros .image {
        width: 40%;
    }

    .s-numeros .image.bg {
        background-image: url(../uploads/images/numeros-mobile.png?vs=4);
        background-position: right;
    }

    .numbers-wrapper {
        width: 60%;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .otimize-01 .image {
        background-position: center;
    }

    .s-cta02 .image {
        background-image: url(../uploads/images/cta-image-2-mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }


    /* .button-group {
        width: 100%;
    } */


    .s-cta .image {
        width: 40%;
    }

    .s-cta.otimize-04 .image {
        width: 40%;
    }

    .button-group a {
        width: 255px;
    }

    .otimize-01 a {
        margin-top: 0;
    }

    .button-two {
        flex-wrap: nowrap;
        gap: 40px;
        margin-top: 35px;
    }

    #depositions #swiper-depositions .deposition .text {
        font-size: 16px;
    }

    #depositions #swiper-depositions .deposition .profile .author .name {
        font-size: 26px;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        font-size: 18px;
    }

    #depositions #swiper-depositions .deposition .image {
        width: 140px;
        height: 140px;
    }

    #depositions #swiper-depositions .deposition .quotation img {
        width: 50%;
    }
}

@media (max-width: 1200px) {
    .numbers-wrapper .numbers-grid .thumbIcon h3 {
        font-size: 2rem;
    }

    .purpose-section .container .content .icon {
        left: -130px;
    }

    .communication .content-header .main-title {
        margin-left: 0;
    }

    .communication .content-header .image-title {
        margin-right: 0;
    }

    .helpdesk-section .section .head-title {
        margin-left: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link,
    .header-full .external .btn {
        margin: 0 !important;
        max-width: 100% !important;
        white-space: nowrap;
        width: 100% !important;
    }

    .s-cta.otimize-01 .text {
        text-align: center;
    }

    .s-cta.otimize-01 .content {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .button-two .btn {
        margin-top: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .button-two .small-info {
        margin: 0 auto;
    }

    .button-two .button-group {
        width: 100% !important;
    }

    .navbar-expand-lg .navbar-nav {
        gap: 0;
    }

    #mainNavbar .btn {
        font-size: 12px;
    }

    #mainNavbar .btn.btn-border {
        padding: 0 20px;
    }

    .plans-dropdown .service-desk .dropdown-item-body,
    .plans-dropdown .help-desk .dropdown-item-body {
        background-size: cover !important;
        margin-top: auto;
    }

    .s-numeros .iconGroup svg {
        width: 200px;
        height: 45px;
    }

    .button-two {
        width: 100%;
    }

    .s-satisfacao .row,
    .s-organize .row {
        gap: 40px;
    }

    .s-satisfacao .col-lg-5,
    .s-satisfacao .col-lg-7,
    .s-organize .col-lg-5,
    .s-organize .col-lg-7 {
        width: 100%;
    }

    .s-satisfacao .image,
    .s-organize .image {
        margin: 0 auto;
        width: fit-content;
    }

    .s-satisfacao .image img,
    .s-organize .image img {
        height: 100%;
        width: 100%;
        margin-left: -10px;
    }

    .s-organize .listGroup ul {
        width: 50%;
    }

    .s-satisfacao p {
        max-width: 500px;
        margin-bottom: 30px;
    }

    .integrated {
        padding: 30px 0;
    }

    .chatgpt-section-1 .button-group a {
        width: 220px;
    }
}

@media (max-width: 1100px) {
    .chatgpt-section-1 .cta {
        flex-direction: column !important;
    }

    /* .chamados-base-section {} */

    .base-integrated-section .row {
        flex-direction: column-reverse;
    }

    .chamados-base-section .row {
        gap: 0 !important;
        margin-top: 0;
    }

    .chamados-base-section .col-lg-5,
    .chamados-base-section .col-lg-4 {
        width: 100% !important;
    }

    .chamados-geral-section p {
        text-align: center;
    }

    .sInt-right.chamados-geral-section .content {
        margin-top: 25px;
    }

    .chamados-chatgpt-section .content a {
        width: 345px;
    }

    .chamados-items-section .content .group {
        align-items: flex-start;
        width: 100%;
    }

    .chamados-items-section .content .group h4 {
        margin-right: auto;
    }

    .chamados-items-section .content .group ul {
        width: 100%;
    }

    .chamados-items-section .content {
        flex-direction: column;
        gap: 70px;
    }

    .clear-b {
        display: none;
    }

    .chamados-geral-section .text-black {
        max-width: 100% !important;
        width: 100% !important;
    }

    .chamados-grid .row {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .chamados-grid .row .col-lg-2 {
        max-width: 100%;
        width: 100%;
    }

    .chamados-geral-section .titleGroup {
        max-width: 100%;
        width: 100%;
    }

    .exit-popup .background {
        width: 600px;
    }
}

@media (max-width: 1024px) {

    .chatgpt-section-1 {
        min-height: 600px !important;
    }

    .chatgpt-section-1 h1 {
        /* line-height: 101%; */
        max-width: 300px;
        margin-right: auto;
    }

    .chatgpt-section-1 .title-desktop {
        display: none;
    }

    .chatgpt-section-1 .title-mobile {
        display: block;
    }

    .chatgpt-section br {
        display: none;
    }

    .s-banner .image.chatgpt {
        background-image: url(../uploads/images/chatgpt-banner-mobile.png) !important;
        background-position: center !important;
    }

    .s-banner .image.projects {
        background-image: url(../uploads/images/project-manager-bg-mobile.png) !important;
        background-position: center !important;
    }

    .chatgpt-section-5 .content {
        margin-top: 0 !important;
        width: auto !important;
    }

    .chatgpt-section-3 .content {
        width: auto !important;
    }

    .chatgpt-section-1 .cta {
        flex-wrap: wrap;
        gap: 25px;
    }

    .chatgpt-section-2 .items {
        flex-direction: column;
        gap: 30px;
    }

    .clientes-logos img {
        height: 230px;
        max-height: 230px;
        max-width: 230px;
        margin: 0 auto;
        object-fit: contain;
        transform: scale(1);
        /* width: 230px; */
    }

    .chatgpt-section-3 .content {
        gap: 35px;
        flex-direction: column;
        margin: 0 auto;
        width: 520px;
    }

    .otimize-04 .image {
        background-image: url(../uploads/images/otimize-04-mobile.png) !important;
        background-position: center !important;
        width: 50%;
    }

    .s-cta01 h2,
    .s-cta02 h2 {
        max-width: unset;
    }

    .s-cta.otimize-01 .text {
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 45%;
    }

    .s-cta.s-cta02 .text {
        text-align: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 45%;
    }

    .s-cta01 p {
        max-width: unset !important;
    }

    .s-cta02 p {
        max-width: unset !important;
    }

    .s-cta.s-cta02 .text {
        width: 100%;
    }

    .s-cta01 h2,
    .s-cta02 h2,
    .s-cta01 p,
    .s-cta02 p {
        max-width: 75% !important;
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }

    .s-numeros {
        display: block;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    #depositions #swiper-depositions .deposition {
        padding: 25px 50px 40px;
    }

    #depositions #swiper-depositions .deposition .quotation {
        right: 0;
    }

    #depositions #swiper-depositions .deposition .image {
        width: 120px;
        height: 120px;
    }

    .otimize-01 .image,
    .s-cta02 .image {
        display: none;
    }

    .s-cta.otimize-01 .text {
        width: 100%;
    }

    .numbers-wrapper {
        margin-left: auto;
        margin-right: auto;
    }

    .s-numeros .image.bg {
        display: none;
    }

    .s-numeros .image {
        width: 100%;
        height: 350px;
        position: relative;
        top: unset;
        right: unset;
    }

    .align-text-top-section {
        margin-top: 0;
    }

    .button-omni {
        flex-direction: column !important;
        gap: 25px !important;
    }

    .sInt-organize .row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .sInt-organize .col-lg-2 {
        width: 100%;
    }

    .sInt-organize .col-dots {
        display: none;
    }

    .lgpd-flex .lgpd-img {
        display: none;
    }

    .lgpd-flex .content {
        width: 100%;
    }

    .lgpd-access {
        padding: 25px;
    }

    .lgpd-flex .content {
        padding-left: 0px;
    }

    .lgpd-buttons {
        width: 100%;
    }

    .statements .container .row .buttons {
        width: 100%;
    }

    .s-planos.teste th {
        width: 10%;
    }

    .price.untitled {
        place-self: end;
    }

    .price .black-span {
        width: 50%;
        margin-bottom: 0px;
    }

    .prices-info {
        flex-direction: column;
    }

    .fixed-plan-infos .prices-b {
        grid-gap: 5px;
        width: 75%;
        margin-left: auto;
    }

    .fixed-plan-infos .prices-b .btn-price {
        width: 85%;
        padding: 5px 0;
        font-size: 13px;
    }

    .about-container .section {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .about-container .section .content {
        width: 100%;
    }

    .about-container .section img.section-dot-img {
        display: none;
    }

    .section .persons .item {
        height: 145px;
    }

    .materials .material-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .materials .material-list:before {
        left: 50%;
    }

    .materials .material-list:after {
        content: unset
    }

    .s-numeros .texto {
        height: 100px;
        margin-right: 20px;
    }

    /* .otimize-01 .image {
        display: none;
    } */

    /* .s-cta .content {
        display: block;
    } */

    .s-cta01 .icon {
        top: 110px;
        left: 80%;
    }

    .s-cta01 .dotGrid {
        width: 200px;
        height: 175px;
        position: absolute;
        bottom: 80px;
        left: 66%;
        z-index: auto;
    }

    .s-download {
        overflow: hidden;
    }

    .s-download .cta a+a {
        margin-left: 0px;
        margin-top: 10px;
    }

    .s-download .row .image {
        margin-bottom: -375px;
    }

    .s-sistema .cta .dotGrid {
        width: 190px;
        height: 140px;
    }

    .s-sistema .cta a {
        left: unset;
        bottom: 20px;
    }

    /* .s-numeros .image.bg {
        display: none;
    } */

    .s-numeros .content {
        margin-bottom: 0;
    }

    .s-numeros .texto {
        height: auto;
        margin-right: 0;
    }

    /* .s-numeros {
        min-height: unset;
        padding: 50px 0;
    } */

    .s-satisfacao .image {
        margin-top: 40px;
    }

    footer .social,
    footer .atendimento {
        padding-left: 0;
    }

    footer .atendimento {
        margin-top: 20px;
    }

    #position-fixed {
        position: relative;
    }

    .about-container .section:nth-child(2) {
        display: block;
        margin-bottom: 0;
    }

    .about-container .section .persons {
        width: 100%;
        margin-bottom: 80px;
    }

    .about-container .section .text {
        margin-right: 0px;
        width: 100%;
    }

    .infos-about .info-list {
        display: rid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 35px;
    }

    #mainNavbar {
        position: absolute;
        top: 87px;
        width: 100vw;
        left: 0;
        height: calc(100vh - 88px);
        overflow-y: auto;
        /* 88vh */
        background: #fff;
        padding: 20px 40px 0;
    }

    #mainNavbar:not(.show) {
        display: none !important;
    }

    #mainNavbar.show {
        display: block !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link,
    .header-full .external a {
        margin: 0 auto !important;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: column !important;
        height: auto;
    }

    /* 
    #mainNavbar::-webkit-scrollbar {
        width: 3px;
    }

    #mainNavbar::-webkit-scrollbar-track {
        background-color: #E2E2E2;
        border-radius: 30px;
    }

    #mainNavbar::-webkit-scrollbar-thumb {
        background: #0073E9;
        border-radius: 30px;
    } */

    .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }

    .header-full li+li {
        margin-left: 0;
    }

    .header-full .external {
        align-items: flex-start;
        flex-direction: row;
        gap: 30px;
        justify-content: flex-start;
        margin: auto 0 200px 0;
        padding-left: 0;
        padding-top: 35px;
    }

    .header-full .external li {
        width: 50%;
    }

    .header-full .external li+li {
        /* margin-left: 30px; */
        /* width: 100%; */
    }

    .header-full .external:after {
        width: 20%;
        height: 1px;
        top: 15px;
        left: 0px;
        background: #000 !important;
        opacity: 0.2 !important;
    }

    .header-full .nav-link {
        color: #000 !important;
    }

    .nav-link svg path,
    .header-light .nav-link svg path {
        fill: #fff !important;
        /* 2d2d2d */
    }

    .timeline .list-timeline {
        grid-template-columns: repeat(3, 1fr);
        padding: 0px 120px 0 30px;
        grid-gap: 80px 50px;
    }

    .timeline .container {
        background: url(../uploads/images/timeline-tablet-bg.png) no-repeat top/contain;
    }

    .timeline h2 {
        margin-bottom: 100px;
    }

    .navbar-dark .navbar-toggler {
        border: none;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: none;
        background: url('https://api.iconify.design/heroicons-outline/menu-alt-3.svg?color=white') no-repeat center center / contain;
    }

    .navbar-dark .navbar-toggler.show .navbar-toggler-icon {
        background: url('https://api.iconify.design/material-symbols/close.svg?color=%23000000') no-repeat center center / contain !important;
    }

    .header-fixed .navbar-dark .navbar-toggler-icon,
    .header-light .navbar-dark .navbar-toggler-icon {
        background: url('https://api.iconify.design/heroicons-outline/menu-alt-3.svg?color=%230073E9') no-repeat center center / contain;
    }

    .s-banner .image .dotGrid {
        left: 50px;
    }

    .otimize-02 .image {
        display: none;
    }

    .sInt-right .content {
        margin-top: 40px;
    }

    .otimize-03:not(.otimize-04) .image {
        display: none;
    }

    /* .s-cta02 .image {
        display: none;
    } */

    .s-cta02 .iconGroup {
        display: none;
    }

    .s-cta02 .dotGrid {
        width: 250px;
        bottom: 110px;
        left: 62%;
    }

    .sInt .thumbnails .col-lg-4,
    .sInt .thumbnails .col-lg-2 {
        margin-bottom: 20px;
    }

    .sInt {
        padding: 60px 0;
    }

    .sInt-breadCrumb {
        padding: 20px 0;
    }

    .carreira-flex {
        display: block;
    }

    .section .persons {
        width: 70%;
    }

    .carreira-flex .texto {
        width: 100%;
        margin-top: 40px;
    }

    .popup-content {
        max-height: 520px;
    }

    .vacancies-left {
        font-size: 22px;
    }

    .popup-btn {
        margin-top: 20px;
        padding: 0px 90px;
    }

    .fixed-plan-infos .container {
        display: block;
    }

    .fixed-plan-infos .texts {
        margin-bottom: 30px;
    }

    .fixed-plan-infos {
        position: unset;
    }

    .solution-dropdown {
        position: static !important;
        transform: none !important;
        width: 100% !important;
    }

    .solution-table table tr {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .solution-table table tr:last-child td:nth-child(3) {
        border-bottom: none !important;
    }

    .solution-table table td a {
        min-width: unset !important;
    }

    .solution-table table td {
        border: none !important;
        border-bottom: 1px solid #CCC !important;
        margin: 0 auto;
        width: fit-content;
    }

    .solution-table table .clear {
        display: none !important;
    }

    .plans-dropdown {
        width: 100% !important;
    }

    .dropdown-item-header {
        padding: 0 20px 0;
    }

    #whatsapp-link-p-t-q-r-milvus.whatsapp-chat-p-t-q-r-milvus {
        right: 20px !important;
        bottom: 63px !important;
        transform: scale(.8);
    }

    iframe[src="https://chat.widget.milvus.com.br/#/chat/button-toggle-chat"] {
        right: 13px !important;
        transform: scale(.8);
    }

    #a1.a7 {
        left: 40px !important;
    }

    .dropdown-item-header p {
        font-size: 14px;
    }

    .solution-dropdown {
        border: none !important;
    }

    .solution-dropdown .solution-table {
        padding: 0;
    }

    #mainNavbar .full-paginated {
        height: 100%;
    }

    #mainNavbar .hidden-paginated {
        display: none;
    }

    .navbar-dark .navbar-toggler.toggle-back.show .navbar-toggler-icon {
        background: url('https://api.iconify.design/ep/back.svg?color=%23000000') no-repeat center center / contain !important;
    }

    .plans-dropdown.dropdown-menu.dropdown-menu-end.show {
        position: relative !important;
        top: 0 !important;
    }

    .navbar-expand-lg .navbar-nav .nav-link,
    .header-full .external a {
        width: fit-content !important;
    }

    .otimize-999 h2,
    .otimize-999 p:not(.small-info) {
        margin-right: 0 !important;
        text-align: right !important;
    }

    .otimize-999 p:not(.small-info) {
        max-width: 100% !important;
        width: 100% !important;
    }

    .otimize-999 h2 {
        font-size: 32px;
    }

    .otimize-999 .button-two {
        /* flex-direction: column; */
        gap: 20px;
        margin-left: auto;
        width: 100% !important;
    }

    .otimize-1001 .s-cta .content {
        width: 50%;
    }

    .otimize-999 .button-two .button-group {
        justify-content: center;
    }

    .otimize-999 .button-two .button-group .small-info {
        max-width: 100% !important;
        width: 100% !important;
    }

    .otimize-999 .button-two a {
        box-sizing: border-box;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0;
        white-space: nowrap;
        width: 200px !important;
    }

    .otimize-999 .image {
        background-image: url(../uploads/images/numeros-mobile-bg.png) !important;
        background-position: center !important;
    }

    .sInt-organize .row.omnichannel .col-lg-2 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .s-banner .image.chamados {
        background-image: url(../uploads/images/chamados-banner-mobile.png) !important;
        background-position: top !important;
    }

    .otimize-1001 .s-cta .image {
        background-image: url(../uploads/images/tablet-otimize-1001.png) !important;
        background-position: left !important;
        width: 43%;
    }

    .otimize-999 .s-cta .image {
        width: 43%;
    }

    .otimize-999 .s-cta h2,
    .otimize-1001 .s-cta h2 {
        max-width: 100% !important;
    }
}

@media (max-width: 850px) {

    .chatgpt-section-1 h1 {
        max-width: 250px;
    }

    .s-banner .image.projects {
        background-image: url(../uploads/images/project-manager-bg-tablet.png) !important;
        background-position: center !important;
    }

    .chatgpt-section-1 .button-group {
        width: 100%;
    }

    .chatgpt-section-1 .button-group a {
        width: 100%;
    }

    .numbers-wrapper {
        width: 85%;
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }

    .clientes-logos {
        padding-top: 0;
        padding-bottom: 0;
    }

    .clientes-logos img {
        height: 275px;
        max-height: 275px;
        max-width: 275px;
        width: 275px;
    }

    #depositions #swiper-depositions .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    #depositions h2 {
        /* max-width: 75%; */
        font-size: 35px !important;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }

    #depositions {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .numbers-wrapper .numbers-grid .thumbIcon h3 {
        font-size: 2.5rem;
        line-height: 150%;
    }

    .s-intro .button-group {
        width: 100%;
    }

    .s-intro .cta {
        width: 100%;
    }

    .s-intro .container {
        height: 470px;
    }

    .arrow-down-effect {
        display: none;
    }

    .s-intro .button-group .btn {
        font-size: 1rem;
        height: 75px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .sInt-organize .row {
        grid-template-columns: repeat(3, 1fr);
    }

    .otimize-04 .button-two {
        flex-direction: column;
        gap: 25px;
    }

    .otimize-04 .text {
        width: 55% !important;
    }

    .otimize-04 h2 {
        font-size: 2rem;
    }

    .sInt-exclusive {
        padding: 60px 0 !important;
    }

    .sInt-exclusive .row {
        flex-direction: column;
        gap: 15px;
    }

    .sInt-exclusive .texto {
        margin: 0 auto;
    }

    .sInt-exclusive h2 {
        text-align: center;
    }

    .sInt-exclusive .btn {
        max-width: unset !important;
        min-width: unset !important;
        width: 100% !important;
    }

    .sInt-faixa .cta {
        justify-content: center;
        width: 100%;
    }

    .titleGroup {
        margin: 0 auto;
        width: 80%;
        text-align: center;
    }

    .logo-omni {
        display: none;
    }

    .row.justify-content-center.gap-5 {
        gap: 0 !important;
    }

    .col-lg-6 .image img {
        margin: 0 auto;
    }

    .mb-import {
        margin-bottom: 0 !important;
    }

    .col-lg-3,
    .col-lg-4,
    .col-lg-5 {
        height: 100%;
    }

    .sInt.sInt-breadCrumb .container {
        gap: 10px;
    }

    .banner-omni {
        min-height: 600px;
    }

    .banner-omni .cta {
        display: flex !important;
        flex-direction: column;
        gap: 15px;
    }

    .banner-omni .image {
        width: 50% !important;
    }

    .geral-section .all-dots {
        bottom: 20px !important;
        left: unset !important;
        transform: none;
        right: 20px;
    }

    .s-satisfacao h2,
    .s-organize h2 {
        font-size: 2.5rem;
        line-height: 120%;
        max-width: 450px;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .s-organize h2 {
        max-width: 500px;
    }

    .s-satisfacao p,
    .s-organize p {
        color: #000;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .s-organize p {
        margin-bottom: 30px;
    }

    .s-organize .btn-primary {
        display: none;
    }

    .s-organize .texto {
        width: 100%;
    }

    .s-organize .listGroup {
        justify-content: space-between;
        width: 100%;
    }

    .s-organize {
        padding-bottom: 50px;
    }

    .s-cta.s-cta02 h2 {
        max-width: 100%;
        width: 100%;
    }

    .s-satisfacao .col-lg-5 {
        margin: 0 auto;
        width: 80%;
    }

    .s-download {
        padding-bottom: 0 !important;
    }

    .s-download .row {
        align-items: center;
    }

    .s-download .content h2 {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .s-download .content p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 90%;
    }

    .s-download .cta {
        flex-wrap: nowrap;
    }

    .s-download .cta a {
        max-width: 100%;
        width: 100%;
    }

    footer .menu ul a {
        display: inline-block;
        width: fit-content;
    }

    footer .row {
        gap: 20px;
    }

    footer .col-lg-3 {
        width: 45%;
    }

    .s-cta.s-cta01.otimize-01 {
        overflow: hidden;
        padding: 70px 0;
    }

    .s-cta.s-cta02 {
        overflow: hidden;
        padding: 80px 0;
    }

    .s-cta.s-cta01.otimize-01 .container {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: center;
    }

    .s-cta.s-cta01.otimize-01 .text {
        width: 100%;
    }

    .s-cta.s-cta01.otimize-01 p:not(.small-info) {
        margin: 0 auto;
        width: 75%;
    }

    .small-info {
        width: 100% !important;
    }

    .s-cta.s-cta01.otimize-01 .image {
        height: 325px;
        left: unset;
        position: relative;
        top: unset;
        width: 150%;
    }

    .s-cta.s-cta02 .container {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 40px;
        justify-content: center;
    }

    .s-cta.s-cta02 .text {
        width: 100%;
    }

    .s-cta.s-cta02 p {
        margin: 0 auto;
        width: 75%;
    }

    .s-cta.s-cta02 .image {
        height: 325px;
        left: unset;
        position: relative;
        top: unset;
        width: 150%;
    }

    .integrated {
        padding: 40px 0;
    }

    .s-cta02 h2 {
        max-width: 95% !important;
    }

    .project-manager-section-1 .content {
        flex-direction: column;
        margin-top: 40px !important;
    }

    .project-manager-section-1 .content .full-image {
        width: 100%;
    }

    .chatgpt-section-4 .full-image {
        height: 395px;
    }

    .chatgpt-section .full-image:not(.mobile) {
        display: none;
    }

    .chatgpt-section .full-image.mobile {
        display: block;
    }

    .otimize-04 {
        padding: 80px 0;
    }

    .chatgpt-section-1 {
        padding-top: 50px;
        margin-top: 120px;
    }

    .s-download .image {
        display: none;
    }

    .s-download .image-mobile {
        display: block;
    }

    .s-download .row {
        gap: 0;
    }

    .chamados-grid .row {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .otimize-999 .button-two,
    .otimize-1001 .button-two {
        flex-direction: column;
    }

    .otimize-999 .button-two a,
    .otimize-1001 .button-two a {
        width: 100% !important;
    }

    .otimize-1001 .s-cta .content {
        width: 55%;
    }

    .otimize-999 .s-cta .content .text {
        width: 52%;
    }

    .otimize-1001 .s-cta .image {
        background-image: url(../uploads/images/mobile-otimize-1001.png) !important;
    }

    .otimize-999 .s-cta .content .text p:not(.small-info),
    .otimize-1001 .s-cta .content .text p:not(.small-info) {
        font-size: 14px;
    }

    .exit-popup .background {
        width: 600px;
    }

    .exit-popup .close-btn .iconify {
        font-size: 1.25rem;
    }
}

@media (max-width: 768px) {

    .s-cta01 h2,
    .s-cta02 h2,
    .s-cta01 p,
    .s-cta02 p {
        max-width: 80% !important;
    }

    .sInt-organize .row {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .s-banner .image.omnichannel {
        background-image: url(../uploads/images/background-omni-mobile.png);
        background-size: cover;
        background-position: center;
    }

    .title-omni {
        font-size: 36px;
    }

    .omni-grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .span-2,
    .span-3 {
        grid-column-end: auto;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .projects-section .row.justify-content-center {
        justify-content: center !important;
    }

    .projects-section .row .col-lg-4 {
        width: 100%;
    }

    .otimize-10 .image {
        display: none;
    }

    .otimize-10 {
        padding-bottom: 70px !important;
    }

    .otimize-10 .content {
        width: 100%;
    }

    .otimize-10 h2,
    .otimize-10 p {
        text-align: center;
    }

    /* #depositions #swiper-depositions .deposition .quotation {
        display: none;
    }

    #depositions #swiper-depositions .deposition .image {
        width: 100px;
        height: 100px;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        font-size: 14px;
    }

    #depositions #swiper-depositions .deposition .profile .author .name {
        font-size: 22px;
    }

   .exit-popup .background {
        width: 600px;
    } 

    #depositions #swiper-depositions .deposition {
        flex-direction: column-reverse;
        align-items: start;
        gap: 10px;
    } 

    #depositions #swiper-depositions .deposition .info {
        width: 100%;
    } */

    .exit-popup .background {
        width: 450px;
    }

    .header-full .external .btn,
    .header-light .external .btn {
        font-size: 12px;
    }

    .numbers-wrapper {
        width: 100%;

    }

    .banner-title {
        font-size: 3.3rem;
        line-height: 4.2rem;
    }



    .integrated .companies {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .integrated .companies img {
        width: 150px;
    }

    .statements .container .row .buttons {
        display: none;
    }

    .test-a-b-modal .modal-content {
        width: 100% !important;
    }

    .s-planos.teste {
        padding: 35px 0 70px;
    }

    .fixed-plan-infos .texts {
        width: unset;
    }

    .fixed-plan-infos .prices-b {
        margin-left: 0px;
        grid-gap: 10px;
    }

    .about-container .section {
        display: block;
        position: relative;
    }

    .section .persons .item {
        height: 115px;
    }

    .about-container .section img.section-dot-img {
        margin-top: 0;
        height: 120px;
        position: absolute;
        right: 0px;
        top: -50px;
    }

    .about-container .section h1 {
        margin-bottom: 40px;
    }

    .about-container .section p {
        width: 100%;
    }

    .purpose-section {
        min-height: unset;
        padding: 0;
    }

    .purpose-section .video-part-size {
        height: 320px;
        position: unset;
        width: 100%;
    }

    .purpose-section .container {
        display: block;
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .purpose-section .container .content {
        width: 100%;
    }

    .purpose-section .container .content .dotGrid {
        margin-right: 30px;
        height: 130px;
    }

    .purpose-section .container .content .icon {
        left: unset;
        right: 0;
        top: -90px;
        transform: rotate(90deg);
    }

    .what-we-do .itens-group {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .what-we-do .text-group:nth-child(2) {
        margin-bottom: 50px;
    }

    .communication .content-header .image-title {
        display: none;
    }

    .communication .content-header .main-title img {
        height: 50px;
        margin-right: 40px;
    }

    .communication .content-header .main-title h2 {
        width: 100%;
        margin-bottom: 20px;
        font-size: 33px;
    }

    .communication-ways {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
        margin-top: 80px;
    }

    .timeline .container {
        background: url(../uploads/images/timeline-mobile-bg.png) no-repeat top right/320px;
    }

    .timeline .list-timeline {
        display: none;
    }

    .timeline .list-timeline.mobile {
        display: block;
        padding: 0 150px;
    }

    .timeline .list-timeline.mobile .breakpoint {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 30px 0;
    }

    .timeline .list-timeline.mobile .breakpoint:nth-child(1) .line,
    .timeline .list-timeline.mobile .breakpoint:last-child .line {
        height: 40px;
    }

    .timeline .list-timeline.mobile .breakpoint .circle {
        height: 30px;
        border-radius: 999px;
        border: 3px solid #00D7A0;
        width: 30px;
    }

    .timeline .list-timeline.mobile .breakpoint .line {
        background: #00D7A0;
        border-radius: 10px;
        height: 20px;
        width: 5px;
    }

    .timeline h2 {
        margin-bottom: 30px;
    }

    .helpdesk-section .section {
        display: block;
        position: relative;
    }

    .helpdesk-section .section .image {
        position: absolute;
        height: 150px;
        width: 150px;
        right: 0;
        top: -60px;
    }

    .helpdesk-section .section .image img {
        max-width: 100%;
        max-height: 100%;
    }

    .helpdesk-section {
        padding: 100px 0;
    }

    .do-part .image {
        display: none;
    }

    .do-part .container .content {
        width: 100%;
    }

    .do-part .container .content .buttons .dotGrid {
        height: 120px;
        width: 90px;
        top: 0;
        left: 0;
    }

    .do-part .container .content .buttons {
        padding-left: 130px;
    }

    .s-banner .cta {
        display: block;
    }

    .s-banner .cta a+a {
        margin-left: 0px;
        margin-top: 20px;
    }

    .sInt-left .image {
        margin-top: 30px;
    }

    .s-banner .image {
        width: 40%;
    }

    .sInt .imageCenter {
        max-width: 100%;
    }

    .plan-container .section img {
        width: 150px;
    }

    .materials .header-material-options {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px 0;
        display: grid;
    }

    .press-office .press-card-list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 25px;
    }

    .press-office .press-card.first-press-item {
        display: none;
    }

    .press-section {
        padding-bottom: 50px;
    }

    .press-section .plan-container .content {
        width: 100%;
    }

    .press-section .plan-container .section img {
        display: none;
    }

    .lgpd-access .title img {
        margin-right: 30px;
        height: 40px;
    }

    .lgpd-title {
        font-size: 25px;
    }

    .breadcrumb-link {
        line-height: 30px;
        padding: 0;
    }

    #depositions #swiper-depositions .deposition {
        padding: 25px 35px 35px;
    }

    #depositions #swiper-depositions .deposition .image {
        height: 129px;
        margin-bottom: 10px !important;
        min-height: 129px;
        min-width: 129px;
        width: 129px;
    }

    #depositions #swiper-depositions .deposition .profile {
        gap: 15px;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        font-size: 1rem;
        line-height: 100%;
        gap: 10px;
    }

    #depositions #swiper-depositions .deposition .profile .author .name {
        font-size: 1.6rem;
        line-height: 105%;
    }

    #depositions #swiper-depositions .deposition .profile .btn {
        display: none;
    }

    #depositions #swiper-depositions .deposition .quotation {
        right: -30px;
    }

    #depositions #swiper-depositions .deposition .quotation img {
        width: 30%;
    }

    .chatgpt-section-1 {
        padding-top: 0 !important;
    }

    .otimize-999 .s-cta.s-cta01.otimize-10.otimize-gpt * {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        text-align: center !important;
        width: 100% !important;
    }

    .otimize-999 .s-cta.s-cta01.otimize-10.otimize-gpt {
        padding: 70px 0 !important;
    }

    .chatgpt-section-5 .center-section-title {
        flex-direction: column;
    }

    .chatgpt-section-5 .information p {
        font-size: 14px;
        max-width: 100%;
    }

    .chatgpt-section-1 .image {
        width: 50%;
    }

    .chatgpt-section-1 .center-dots {
        bottom: 15px !important;
        left: 170px !important;
    }

    .chatgpt-section-1 .cta {
        display: flex !important;
        gap: 15px;
    }

    .chatgpt-section-1 .center-dots img {
        aspect-ratio: 4/3;
        height: 190px;
        object-fit: contain;
        width: 190px;
    }

    .chamados-geral-section .image.more-width {
        justify-content: center !important;
    }
}

@media (max-width: 650px) {

    .chatgpt-section-1 {
        min-height: 500px !important;
    }

    .chatgpt-section-1 .image {
        display: none !important;
    }

    .chatgpt-section-1 .content .text {
        width: 100% !important;
    }

    .chatgpt-section-1 .button-group {
        width: 100%;
    }

    .chatgpt-section-1 .cta {
        display: flex !important;
    }

    .chatgpt-section-1 .button-group a {
        max-width: 100% !important;
        width: 100% !important;
    }

    .chatgpt-section-2 .items .item {
        width: 440px;
    }

    .chatgpt-section-3 .content .cardItem {
        height: 450px;
    }

    .banner-omni .btn,
    .banner-omni .button-group {
        max-width: 100% !important;
        width: 100% !important;
    }

    .s-intro h1 {
        text-align: center;
    }

    .button-two {
        flex-direction: column;
        gap: 15px;
        justify-content: center;
        margin-top: 30px;
    }

    footer .col-lg-3 {
        width: 100%;
    }

    .banner-omni h1 {
        width: 56%;
    }

    .sInt .omnichannel {
        display: flex !important;
        flex-direction: column;
        gap: 20px !important;
    }

    .banner-omni .image.omnichannel {
        display: none;
    }

    .banner-omni .content .text {
        width: 100% !important;
    }

    .sInt-organize .row.omnichannel {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .grid-fourth {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .phone-section h6 {
        display: none;
    }

    .phone-section .mb-import {
        margin-top: 0;
    }

    .otimize-10 .button-two,
    .otimize-04 .button-two {
        flex-direction: column;
    }

    .align-text-top-section-low {
        margin-top: 0;
    }

    .titleGroup {
        width: 100%;
    }

    .form-section .center-section-title {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    .sInt-faixa .cta {
        flex-direction: column;
        gap: 10px;
    }

    .otimize-04 .image {
        display: none;
    }

    .otimize-04 .text {
        width: 100% !important;
    }

    .otimize-04 h2 {
        text-align: center;
        font-size: 1.8rem;
        max-width: 100% !important;
        width: 100% !important;
    }

    .otimize-04 p {
        margin-left: auto;
        margin-right: auto;
        max-width: 80% !important;
        width: 100% !important;
        text-align: center;
    }

    .otimize-04 {
        padding: 70px 0 !important;

    }

    .s-organize .listGroup {
        flex-direction: column;
        gap: 15px;
    }

    .s-organize .listGroup ul+ul {
        margin-left: 0;
    }

    .header-section .cta {
        flex-direction: column;
        gap: 20px;
        width: 95% !important;
    }

    .header-section .button-group {
        width: 100% !important;
    }

    .header-section .cta .btn {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    .s-intro .cta {
        bottom: -120px !important;
    }

    .s-intro .arrow-down-effect {
        display: none !important;
    }

    .s-intro {
        min-height: 850px;
    }

    .numbers-wrapper .numbers-grid {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 45px;
        justify-content: center;
    }

    .numbers-wrapper h2 {
        line-height: 120%;
        margin-left: auto;
        margin-right: auto;
        width: 55%;
        text-align: center;
    }

    #depositions #swiper-depositions .deposition .quotation {
        display: none;
    }

    #depositions #swiper-depositions .deposition .profile {
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        text-align: center;
    }

    #depositions #swiper-depositions .deposition {
        gap: 20px;
        justify-content: flex-start;
        min-height: 290px;
        padding: 25px 30px 30px;
    }

    #depositions #swiper-depositions .deposition .text {
        font-size: 14px;
        text-align: center;
    }

    .button-two {
        gap: 25px;
    }

    .s-satisfacao .col-lg-5 {
        width: 100%;
    }

    .s-content {
        padding: 70px 0 40px;
    }

    .integrated .companies {
        flex-direction: column;
    }

    .integrated .companies img {
        height: 125px;
        width: auto;
    }

    .s-download .content {
        display: flex;
        align-items: center;
        padding: 0;
    }

    .s-download .cta {
        flex-direction: column;
    }

    .s-download .content h2 {
        font-size: 2.5rem;
        line-height: 120%;
    }

    .s-organize .listGroup ul {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 5px;
        justify-content: center;
        width: 100%;
    }

    .s-organize .listGroup li {
        align-items: center;
        display: inline-flex;
        gap: 5px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        padding: 0;
    }

    .s-organize .listGroup {
        align-items: center;
        justify-content: center;
    }

    .s-organize .listGroup li:after {
        color: #0073E9;
        content: "•" !important;
        background: none;
        display: block;
        font-size: 1rem;
        line-height: 100%;
        margin: auto 0;
        width: 19px;
        height: 19px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -23px;
    }

    .s-organize .listGroup li:before {
        color: #0073E9;
        content: "•" !important;
        display: block;
        font-size: 1rem;
        line-height: 100%;
        margin: auto 0;
        width: 19px;
        height: 19px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -23px;
    }

    .depositions-title {
        text-align: center;
        margin-bottom: 30px;
        margin-top: 20px;
    }

    #depositions #swiper-depositions .deposition {
        min-height: unset;
    }

    #depositions #swiper-depositions .deposition .text {
        font-size: 14px;
        margin-bottom: auto !important;
    }

    #depositions #swiper-depositions .deposition .profile .btn {
        margin-top: 5px !important;
    }

    #depositions #swiper-depositions .deposition .profile .author {
        /* font-size: 14px; */
        /* gap: 0; */
        margin: 0 auto;
    }

    #depositions #swiper-depositions .deposition .profile .author .name {
        /* font-size: 18px; */
    }

    #depositions #swiper-depositions .deposition .quotation {
        top: unset;
        right: 30px;
        bottom: 120px;
    }

    #depositions #swiper-depositions .deposition .quotation img {
        width: 50px;
    }

    #depositions #swiper-depositions .deposition {
        padding: 30px 20px;
    }

    #depositions #swiper-depositions .deposition .image {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    footer .menu,
    footer .endereco,
    footer .atendimento {
        text-align: center !important;
    }

    footer .social {
        margin: 0 auto;
    }

    footer .copyright .row {
        gap: 20px;
        flex-direction: column-reverse !important;
    }

    footer .copyright .col-lg-6 {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    footer .copyright .copy ul {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        margin-left: 0;
        margin-top: 8px;
        text-align: center;
    }

    footer .copyright .copy ul li {
        margin: 0 !important;
    }

    footer .social ul {
        margin-bottom: 50px;
    }

    footer .col-lg-3:nth-child(1) {
        order: 0;
    }

    footer .col-lg-3:nth-child(2) {
        order: 2;
    }

    footer .col-lg-3:nth-child(3) {
        order: 1;
    }

    footer .col-lg-3:last-child {
        order: 3;
    }

    .otimize-04 .content {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .s-cta01.otimize-04 h2 {
        font-size: 2rem !important;
        line-height: 120% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .s-cta.s-cta01.otimize-01 p:not(.small-info) {
        max-width: 100% !important;
        width: 100% !important;
    }

    .simple-message {
        font-size: 18px;
    }

    #depositions #swiper-depositions .deposition {
        border-radius: 20px;
    }

    .otimize-10 h2,
    .otimize-10 p {
        line-height: 125%;
    }

    .s-satisfacao h2,
    .s-satisfacao p {
        text-align: center;
    }

    .s-satisfacao h2 {
        line-height: 140%;
    }

    .s-download .content h2 {
        line-height: 140%;
        margin-left: auto;
        margin-right: auto;
        max-width: 70%;
    }

    .s-cta.s-cta02 h2 {
        line-height: 140%;
        max-width: 100% !important;
    }

    .s-cta.s-cta02 p {
        max-width: 100% !important;
        width: 100% !important;
    }

    .chatgpt-section-1 {
        margin-top: 150px;
    }

    .chatgpt-section-4 .full-image {
        height: 250px;
    }

    .chatgpt-section-4 {
        padding: 60px 0 !important;
    }

    .chatgpt-section-3 .content .cardItem img:first-child {
        height: 30px;
        margin: 0 auto;
        width: 30px;
    }

    .chatgpt-section-3 .content .cardItem img:last-child {
        height: 245px;
    }

    .chatgpt-section-3 .content .cardItem {
        height: 495px;
        padding: 25px 28px 28px;
        width: 100% !important;
    }

    .otimize-999 .s-cta .content {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .chatgpt-section-1 {
        margin-top: 120px;
    }

    .project-manager-section-1 .content .full-image {
        height: 285px;
    }

    .chamados-geral-section .mobile-list {
        display: grid !important;
    }

    .chamados-geral-section .desktop-list {
        display: none !important;
    }

    .chamados-items-section .content .group ul {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto;
        gap: 15px 40px;
    }

    .chamados-items-section .content {
        gap: 40px;
    }

    .chamados-base-section .image {
        height: 350px;
    }

    .chamados-base-section .image {
        margin: 0 !important;
        width: 100% !important;
    }

    .chamados-geral-section .ps-3 {
        padding-left: 0 !important;
    }

    .chamados-geral-section h2 {
        font-size: 22px !important;
    }

    .chamados-grid .row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .chamados-grid .row .col-lg-2:last-child {
        transform: translateX(50%);
    }

    .otimize-1001 .s-cta .content .text h2,
    .otimize-1001 .s-cta .content .text p:not(.small-info) {
        text-align: center !important;
    }

    .otimize-1001 .s-cta .content .text p:not(.small-info) {
        font-size: 16px;
        line-height: 150%;
    }

    .s-cta.otimize-04 .content .text h2,
    .s-cta.otimize-04 .content .text p:not(.small-info) {
        text-align: center !important;
    }

    .otimize-999 .s-cta .content .text p:not(.small-info):not(.br-clear),
    .otimize-1001 .s-cta .content .text p:not(.small-info):not(.br-clear) {
        display: none;
    }

    .otimize-999 .s-cta .content .text .br-clear,
    .otimize-1001 .s-cta .content .text .br-clear {
        display: block;
    }

    .s-cta.otimize-04 .content .text h2,
    .s-cta.otimize-04 .content .text p:not(.small-info) {
        max-width: 100% !important;
    }
}

@media (max-width: 550px) {
    .s-satisfacao h2 {
        line-height: 125%;
    }

    .s-download .content h2 {
        line-height: 125%;
        max-width: 80%;
    }

    .header-full .external {
        flex-direction: column;
        gap: 10px;
        margin: auto 0 200px 0;
        padding-top: 35px;
    }

    .header-full .external li {
        width: 100%;
    }

    .solution-table table td {
        padding: 25px 30px 20px 20px;
    }

    .solution-table table tr {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    #mainNavbar {
        padding: 20px 20px 0;
    }

    .top-header-bar .content a {
        font-size: 12px;
    }

    .dropdown-flex-container {
        flex-direction: column;
        gap: 10px;
        padding-top: 0;
        position: relative;
    }

    .dropdown-flex-container:after {
        background: #CCC;
        content: '';
        height: 1px;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
    }

    .plans-dropdown .service-desk,
    .plans-dropdown .help-desk {
        border: none;
        padding-top: 20px;
        width: 100%;
    }

    .plans-dropdown .service-desk .dropdown-item-body,
    .plans-dropdown .help-desk .dropdown-item-body {
        display: none;
    }

    .s-intro h1 span {
        margin-left: auto;
        margin-right: auto;
    }

    .solution-table table td {
        margin: 0;
        width: 100%;
    }

    .more-width {
        width: calc(100% + 60px) !important;
        max-width: unset !important;
        margin-left: -30px !important;
    }
}

@media (max-width: 500px) {

    .chatgpt-section-2 .items .item {
        width: 350px;
    }

    .s-cta01 h2,
    .s-cta02 h2,
    .s-cta01 p,
    .s-cta02 p {
        max-width: 90% !important;
    }
}

@media (max-width: 480px) {

    .chatgpt-section-3 .content .cardItem img:last-child {
        height: 205px;
    }

    .s-cta {
        overflow: hidden;
    }

    .s-cta .all-dots {
        position: absolute;
        left: 0px;
        bottom: -60px;
    }

    #depositions #swiper-depositions .deposition .profile {
        display: flex;
        align-items: start;
        gap: 5px;
        width: 100%;
        flex-direction: column;
    }

    .otimize-01 .all-dots {
        position: absolute;
        left: 0px;
        bottom: -80px;
    }

    .numbers-wrapper .numbers-grid {
        grid-template-columns: 1fr;
    }

    .numbers-wrapper .numbers-grid .thumbIcon {
        margin-bottom: 0;
        gap: 25px;
    }

    .numbers-wrapper .numbers-grid .thumbIcon h3 {
        font-size: 1.8rem;
        line-height: 110%;
    }

    .numbers-wrapper .numbers-grid .thumbIcon h3 small {
        font-size: 22px;
    }

    .banner-title {
        font-size: 2.8rem !important;
        line-height: 3rem !important;
    }

    .cardThumb {
        width: 90%;
        margin: 0px auto;
    }

    .statements .statements-container .statement .profile .info {
        flex-direction: column;
        align-items: start;
    }

    .stories-anchor {
        height: 400px !important;
    }

    .stories-anchor .modal-body {
        bottom: 35px !important;
    }

    .stories-anchor .modal-body .save-action {
        font-size: 13px !important;
    }

    .test-a-b-modal .modal-content svg.logo {
        width: 45%;
        height: auto;
        position: absolute;
        top: 50px;
        left: -5px;
        z-index: 1000;
    }

    .test-a-b-modal .modal-content .modal-body h3 {
        margin: 40px auto 35px;
        font-size: 26px;
        font-weight: bold;
        width: 90%;
        line-height: 45px;
    }

    .test-a-b-modal .modal-content .modal-body p {
        color: #000;
        font-size: 18px;
        width: 80%;
        margin: 0px auto 25px;
    }

    .test-a-b-modal .modal-content .modal-body .save-action {
        margin: 0px auto 25px;
    }

    .plans-dropdown {
        /* width: 300px; */
        /* position: absolute !important; */
        /* left: 80px !important; */
        right: unset !important;
        /* top: -100px !important; */
    }

    .plans-dropdown .dropdown-divider {
        display: none;
    }

    .plans-dropdown .dropdown-flex-container {
        justify-content: inherit;
        flex-direction: column;
    }

    .plans-dropdown .dropdown-flex-container .flex-item {
        width: 100%;
    }


    .bigger-container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .fixed-plan-infos .prices-b {
        grid-template-columns: repeat(2, 1fr);
        margin-left: 0;
        margin-right: 0;
    }

    .price.divider-price {
        border: none;
    }

    .lgpd-title {
        font-size: 18px;
    }

    .lgpd-buttons {
        display: block;
    }

    .btn-lgpd {
        min-width: 100%;
        margin-right: 0;
    }

    .btn-lgpd:first-child {
        margin-bottom: 15px;
    }

    .lgpd-access .title img {
        display: none;
    }

    .fixed-plan-role {
        padding: 20px 30px;
        font-size: 13px;
        right: 10%;
        bottom: 50px;
        width: 80%;
        text-align: center;
    }

    .section .persons {
        width: 100%;
        grid-gap: 10px;
    }

    .about-container .section .persons {
        margin-bottom: 50px;
    }

    .section .persons .item {
        height: 75px;
        width: 17%;
    }

    .section .persons .item.shadowed {
        background-size: cover !important;
        background-position: center !important;
    }

    .materials .material-list.hidden {
        opacity: 1;
        visibility: visible;
        height: auto;
        display: none;
    }

    .materials .material-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .materials .header-material-options {
        grid-template-columns: repeat(1, 1fr);
    }

    .materials .header-material-options .material-option {
        border-right: none;
        margin-right: 0;
        padding-right: 0px;
    }

    .materials .material-list:before {
        content: unset
    }

    .btn {
        width: 100%;
        height: 46px;
        font-size: 0.875rem;
    }

    .btn-link {
        font-size: 0.875rem;
    }

    h1 {
        font-size: 2.1rem !important;
    }

    h2 {
        font-size: 28px !important;
    }

    p {
        font-size: 0.875rem;
    }

    header {
        padding: 0;
    }

    header .navbar .navbar-brand img {
        width: 85%;
    }

    header .navbar .navbar-collapse {
        padding-top: 20px;
    }

    header .navbar .navbar-toggler {
        padding: 0;
    }

    /* header .navbar .navbar-toggler-icon {
        filter: brightness(0);
    } */

    header .navbar .active:after {
        display: none;
    }

    header .nav-item+.nav-item {
        margin-left: 0px;
    }

    header .btn {
        margin: 10px auto;
    }

    /* .header-full {
        position: fixed;
        top: 0px;
        background: transparent;
    } */

    /* .header-full .logo {
        width: 132px;
        height: 40px;
        background: url(../uploads/images/logo-blue-black.png) no-repeat center/contain;
    } */

    .s-intro {
        min-height: 700px;
        padding-top: 50px;
        background-position: top;
    }

    .s-intro h1 {
        height: 60%;
        margin-bottom: 10px;
        text-align: center;
    }

    .s-intro .cta {
        bottom: -40px !important;
    }

    .s-intro h1 span {
        display: block;
    }

    .s-intro p {
        margin-bottom: 32px;
        text-align: center;
    }

    .s-intro .cta {
        bottom: -90px;
        flex-direction: column;
        gap: 15px;
    }

    .s-intro .cta a {
        margin-bottom: 10px;
        white-space: nowrap;
    }

    .s-intro .cta a+a {
        margin-left: 0px;
    }

    .s-content {
        padding: 50px 0;
    }

    .s-sistema .titleGroup strong {
        display: block;
        font-size: 16px;
        text-align: center;
    }

    .s-sistema .titleGroup h2,
    .s-sistema .titleGroup p {
        text-align: center;
    }

    .s-sistema .cta .dotGrid,
    .s-sistema .cta svg {
        display: none;
    }

    .s-sistema .cta a {
        position: relative;
        bottom: 0px;
        left: 0px;
        margin-top: 10px;
    }

    .s-sistema .thumbnails {
        margin-top: 40px;
    }

    .col-6-mobile {
        width: 50%;
        display: flex;
        flex: auto;
        padding: 0;
        justify-content: center;
    }

    .thumbIcon {
        margin-bottom: 32px;
    }

    .thumbIcon h3 {
        font-size: 14px;
        line-height: 145%;
    }

    .s-satisfacao p {
        text-align: center;
    }

    /* .s-satisfacao .image {
        display: none;
    } */

    .s-satisfacao .progressGroup .info h3,
    .s-satisfacao .progressGroup .info span {
        font-size: 13px;
    }



    .s-download .content {
        padding: 0px 15px;
        text-align: center;
    }

    .s-download .cta a {
        margin-bottom: 20px;
        display: block;
    }

    .s-download .cta a+a {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .s-organize h2,
    .s-organize p {
        text-align: center;
    }

    .s-organize .listGroup {
        flex-direction: column;
        gap: 0;
    }

    .s-organize .listGroup li {
        font-size: 14px;
        padding-left: 0px;
        text-align: center;
    }

    .s-organize .listGroup ul+ul {
        margin-left: 0px;
        margin-top: 5px;
    }

    /* .s-organize .image {
        display: none;
    } */

    .s-cta01 .dotGrid {
        width: 120px;
        height: 105px;
        bottom: 260px;
        left: 68%;
    }

    .s-cta01 .icon {
        top: 20px;
        left: 85%;
    }

    .s-cta01 .icon svg {
        height: 25px;
        width: auto;
    }

    .s-satisfacao p {
        text-align: left;
    }

    .s-cta02 .cta {
        display: flex;
    }

    .s-cta02 .cta a+a {
        margin-left: 0px;
        margin-top: 20px;
    }

    .s-cta02 .dotGrid {
        width: 110px;
        bottom: 320px;
        height: 130px;
        left: 67%;
    }

    #mainNavbar {
        padding: 20px 20px 0;
    }

    .purpose-section .container .content p {
        width: 100%;
    }

    .what-we-do h3 {
        font-size: 23px;
    }

    .communication .content-header .main-title h2 {
        font-size: 23px;
    }

    .communication-ways {
        grid-template-columns: repeat(3, 1fr);
    }

    .communication-ways .item:last-child {
        grid-column: span 3;
    }

    .communication {
        padding: 80px 0 90px;
    }

    .timeline {
        padding: 70px 0;
    }

    .timeline .container {
        background: url(../uploads/images/timeline-mobile-bg.png) no-repeat top right/180px;
    }

    .timeline .list-timeline.mobile {
        padding: 0 50px;
    }

    .timeline h2 {
        font-size: 24px;
    }

    .employees .swiper-slide h4 {
        font-size: 22px;
        width: 100%;
    }

    .employees .swiper-slide {
        padding: 30px;
    }

    .employees .swiper-slide .item-employee .image img {
        height: 60px;
        width: 60px;
    }

    .employees .swiper-slide .item-employee h5 {
        font-size: 21px;
    }

    .infos-about .info-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .do-part .container .content .buttons a {
        width: 100%;
    }

    footer .menu,
    footer .endereco,
    footer .social,
    footer .atendimento {
        text-align: center;
        margin-bottom: 40px;
    }

    footer .social ul {
        justify-content: center;
    }

    footer .copyright .copy {
        display: block;
        margin-top: 10px;
    }

    footer .copyright .copy ul {
        margin-left: 0px;
        margin-top: 10px;
    }

    footer {
        padding: 50px 0;
    }

    footer .copyright {
        margin-top: 10px;
    }

    .s-banner .image {
        width: 40%;
        display: none;
    }

    .sInt-app .btn-download a+a {
        margin-left: 0px;
        display: block;
        margin-top: 20px;
    }

    .sInt-left .image img,
    .sInt-right .image img {
        max-width: 100%;
    }

    .sInt-play .image .circle {
        background-size: contain;
        width: 100%;
        height: 410px;
    }

    .plan-container .section img {
        width: 110px;
    }

    .fixed-plan-infos .prices {
        grid-gap: 20px;
    }

    .fixed-plan-infos .prices .price-value .big-price {
        font-size: 23px;
        line-height: 20px;
    }

    .fixed-plan-infos .prices .price-value .mid-price {
        font-size: 18px;
        line-height: 17px;
    }

    .fixed-plan-infos .prices .price-value .short-price {
        line-height: 15px;
        font-size: 11px;
    }

    .s-introCarreiras {
        background-position: center;
        background-size: 250%;
    }

    .s-introCarreiras h1,
    .s-introCarreiras p {
        text-align: left;
    }

    .s-introCarreiras h1 span {
        display: inline;
    }

    #valores .thumbnails {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
    }

    .bannerContato {
        height: 770px;
        padding-bottom: 100px;
    }

    .rd-section {
        border: none !important;
    }

    .bannerContato .content {
        width: 100%;
        padding-right: 0;
    }

    .bannerContato .form .msg {
        bottom: -60px;
    }

    .s-infoContato .info {
        margin-bottom: 30px;
    }

    .s-infoContato .mapa iframe {
        height: 400px;
    }

    .employees .swiper-slide {
        height: 100%;
    }

    .employees .swiper-wrapper {
        align-items: center;
    }

    .popup-content {
        max-height: 415px;
    }

    .vacancies-number {
        bottom: 30px;
        left: 20px;
    }

    .vacancies-left {
        font-size: 18px;
    }

    .popup-btn {
        padding: 0px 65px;
    }

    .s-cta .content {
        padding-right: 30px;
        padding-left: 30px;
    }

    .s-cta .text h2,
    .s-cta .text p {
        margin-left: auto;
    }


    .numbers-wrapper h2 {
        font-size: 28px;
        margin: 0px auto;
        width: 80%;
    }

    .fixed-plan-infos .prices-b .price-value {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .fixed-plan-infos .prices-b .price-value .short-price {
        line-height: 18px;
    }

    .fixed-plan-infos .prices-b .big-price {
        font-size: 28px;
    }

    .price .new-label {
        top: 10px;
        right: 10px;
    }

    .s-planos th h3 {
        display: flex;
        flex-direction: column;
    }

    .s-planos th {
        width: 40%;
    }

    footer .social {
        margin: 0px auto;
    }

    .go-to-top {
        top: unset;
        bottom: 50px;
        right: 10px;
        font-size: 14px;
    }

    .plans-dropdown .dropdown-flex-container {
        padding: 0px;
    }

    .dropdown-item-header {
        padding: 10px;
    }

    .dropdown-flex-container .service-desk {
        border: none;
    }

    .service-desk .dropdown-item-body {
        height: 150px;
    }

    .help-desk .dropdown-item-body {
        height: 150px;
    }

    .s-intro .btn {
        height: 58px !important;
    }

    /* .s-intro .cta {
        left: 50%;
        transform: translateX(-50%);
    }

    .arrow-down-effect {
        margin-top: 190px;
    } */

}

@media (max-width: 390px) {
    table.table td {
        padding: 0px;
    }
}

@media (max-width: 375px) {

    .plans-dropdown {
        width: 275px;
        left: 70px !important;
    }

    .fixed-plan-infos .prices .price-value .big-price {
        font-size: 18px;
        line-height: 17px;
    }

    .fixed-plan-infos .prices .price-value .mid-price {
        font-size: 16px;
        line-height: 15px;
    }

    .fixed-plan-infos .prices .price-value .short-price {
        line-height: 15px;
        font-size: 10px;
    }

    .s-cta01 .dotGrid {
        width: 100px;
        height: 105px;
        bottom: 290px;
        left: 68%;
    }

    .s-cta01 .dotGrid {
        width: 100px;
        height: 105px;
        bottom: 290px;
        left: 68%;
    }

    .popup-btn {
        margin-top: 20px;
        padding: 0px 20px;
    }

    .vacancies-left {
        font-size: 18px;
    }

    .vacancies-number {
        bottom: 10px;
    }

    .popup-content {
        max-height: 345px;
    }
}

@media (max-width: 375px) {
    .vacancies-left {
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .banner-omni h1 {
        width: 60%;
    }
}

/* container */

@media (min-width: 768px) {

    .container {
        max-width: 740px;
    }
}

@media (min-width: 992px) {

    .container {
        max-width: 90%;
    }
}

@media (min-width: 1200px) {

    .container {
        max-width: 90%;
    }
}

@media (min-width: 1400px) {

    .container {
        max-width: 80%;
    }
}

@media (min-width: 1400px) and (max-width: 1536px) {

    .container {
        max-width: 90%;
    }
}