@media screen and (max-width: 768px) {
    nav{
        .navbar-toggler{
            border: none;
    
            &:focus{
                border: none;
                box-shadow: none;
            }
        }
        .navbar-toggler-icon{
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23005D99' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }
        .navbar-toggler:not(.collapsed) {
            .navbar-toggler-icon{
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23005D99' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 4l22 22M4 26L26 4'/%3e%3c/svg%3e");
            }
        }

        ul{
            gap: 16px;

            .a-link {
                display: flex;
                justify-content: space-between;
                align-items: center;
                
                a{
                    width: 100%;
                }
            }

            .a-link::after {
                content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_156_280)'%3E%3Cpath d='M9 6L15 12L9 18' stroke='%23005D99' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_156_280'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
                display: inline-block;
                vertical-align: middle;
            }
            .btn-cta{
                margin-top: 40px;
            }
        }

        #navbarNav{
            margin-top: 80px;
            margin-bottom: 40px;

            /* position: absolute;
            background-color: #fff;
            top: -81px;
            z-index: 999;
            padding: 30px;
            width: 75vw;
            right: 0;
            border-radius: 30px; */
        }

    } 

    .hero-section {
        .video-container{
            background-position-x: 38%;
            /* video{
                width: auto;
                height: 100vh;
            } */
        }
        .hero-content{
            width: 90vw;
            h1{
                font-size: 6vw;
            }
        }
    }
    .hero-image{
        height: 50%;
    }

    .hero-left{
        display: flex;
        align-items: end;
    }
    .about-our{
        margin-top: 40px;
    }

    .highlights{
        padding: 16px;
        .info-items{
            display: none;
        }
        .info-items-mobile{
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .point{
            border-radius: 50%;
        }
        .point::before{
            content: '';
            display: inline-block;
            width: 12px !important;
            border-radius: 50%;
            margin-right: 8px;

        }
        .blue{
            background-color: #1A587A;
        }
        .green{
            background-color: #212121;
        }
        .orange{
            background-color: #D87C30;
        }
    }
    .nexialistas .description{
        margin-top: 40px;
    }

    #about{
        img{
            max-width: 200px;
        }
    }
    .service-left-image{
        width: 100%;
        margin-bottom: 32px;
    }
    .img-service{
        width: 80vw;
        height: 200px;
        object-fit: cover;
        object-position: center;

    }

    .service-left-title{
        top: 40px;
    }
    .services-section .number{
        right: 0;
        top: 30px;
        font-size: 80px;
    }

    .team-member{
        .description{
            margin-bottom: 24px;
        }
    }

    .nexialistas{
        display: flex;
        flex-direction: column-reverse;
        margin-top: 32px;
        margin-bottom: 32px;
        .description{
            margin-bottom: 24px;

            h3{
                margin-bottom: 24px;
            }
        }

    }

    .big-logo{

        top: 40px;
        /* right: -130px; */
        background-size: 490px;
        background-position-x: 280px;
        & img{
            max-width: 490px;
        }
    }

    .mission-inverse{
        display: flex;
        flex-direction: column-reverse; 
    }
    
    footer{

        .box-footer{
            display: flex;
            flex-direction: column;
            align-items: start;
    
            .logo{
                margin-top: 30px;
            }
            .social-icons{
                margin-top: 30px;;
            }
        }

        hr{
            margin: 30px 0;
        }
    }
}