*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    }
    .container-header {
    width: 100%;
    background-color: #2F344F;
    position: fixed;
    top: 0;
    z-index: 9999;
    }
    .container-header__nav{
    max-width: 1280px;
    margin: 0 auto;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    }
    .progress-container {
    width: 100%;
    height: 3px;
    background: #fff;
    }
    /*FLAGS ICONS*/
	.flags {
		margin-right: 25px;
	}
    .flags ul {
        display: flex;
        gap: 10px;
        align-items: center;
        align-content: center;
        margin: 0 auto;
	}
	.flags__item {
        width: 30px;
	}
    .flags__item:hover {
        background: none !important;
    }
	.flags__img {
		cursor: pointer;
	}
    @media (max-width: 1100px) {
        .flags {
            line-height: 60px;
            margin-right: 0;
            padding-left: 25px !important;
        }
        .flags ul {
            width: 100%;
        }
    }
    /*PROGRESS BAR*/
    .progress-bar {
    height: 3px;
    background: linear-gradient(90deg, #4fc1f0, #905fef, #7641b2);
    width: 0%;
    }
    .container-header__nav .container-header__ul{
    background-color: rgba(47, 52, 79, .9);
    position: relative;
    }
    .container-header__nav .container-header__ul li{
    display: inline-block;
    }
    .container-header__nav .container-header__ul li a{
    color: white;
    display: block;
    padding: 0 15px;
    line-height: 70px;
    font-size: 14px;
    }
    .container-header__nav .container-header__ul li a:hover{
    font-weight: bold;
    color: #2F344F;
    background-color: white !important;
    }
    .container-header__nav .container-header__ul li a.active{
    color: #23dbdb;
    font-weight: bold;
    }
    .container-header__nav .container-header__ul li a.active:hover{
    color: #2F344F;
    font-weight: bold;
    }
    .container-header__nav .container-header__ul .container-header__ul__ul{
    position: absolute;
    top: 85px;
    opacity: 0;
    visibility: hidden;
    background-color: #2F344F;
    }
    .container-header__nav .container-header__ul .container-header__ul__ul li a{
        font-weight: bold;
    }
    .container-header__nav .container-header__ul li:hover > .container-header__ul__ul{
    top: 70px;
    opacity: 1;
    visibility: visible;
    transition: .3s all;
    }
    .container-header__nav .container-header__ul li:hover > .container-header__ul__ul li:hover{
    background: linear-gradient(90deg, #4fc1f0, #905fef, #7641b2);
    color: #2F344F !important;
    }
    .container-header__nav .container-header__ul li:hover > .container-header__ul__ul li a:hover{
    color: #2F344F !important;
    }
    .container-header__nav .container-header__ul .container-header__ul__ul li{
    display: list-item;
    position: relative;
    border-bottom: 1px solid white;
    border-top: none;
    }
    .container-header__nav .container-header__ul .container-header__ul__ul li a{
    text-align: center;
    line-height: 50px;
    }
    .container-header__nav .container-header__ul li:first-child:hover > a {
    font-weight: bold;
    color: #2F344F !important;
    }
    .lineGradient {
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #4fc1f0, #905fef, #7641b2);
    }
    .buttonSolicitaDemo {
    background: linear-gradient(90deg, #4fc1f0, #905fef, #7641b2);
    border-radius: 50px;
    font-weight: 700;
    line-height: 40px !important;
    color: #2f344f !important;
    margin-right: 25px;
    }
    .buttonSolicitaDemo:hover {
    background: white;
    color: #2f344f !important;
    }
    #check{
    display: none;
    }
    .checkbtn{
    cursor: pointer;
    display: none;
    margin-left: 25px;
    width: 25px;
    position: relative;
    }
    .checkbtn span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: 6px;
    transform-origin: 0px 100%;
    transition: all 300ms;
    }
    .activeline1__bars-menu{
    transform: rotate(45deg) translate(-2px, 1px); 
    }
    .activeline2__bars-menu{
    opacity: 0;
    margin-left: -30px; 
    }
    .activeline3__bars-menu{
    transform: rotate(-45deg) translate(-1px, 0px);
    }
    .logoBigDevices {
        margin-left: 25px;
    }
    @media (max-width: 1100px) {
        .lineGradient {
        display: none;
        }
        .buttonSolicitaDemo {
        margin-right: 0;
        }
        .logoBigDevices {
        margin-right: 25px;
        text-align: end;
        }
        .logoBigDevices img {
        max-width: 220px;
        }
        .container-header__ul {
        background-color: #2F344F !important;
        position: absolute !important;
        width: 20%;
        min-width: 200px;
        height: calc(100vh - 70px);
        display: flex;
        flex-direction: column;
        top: 70px;
        left: -100%;
        text-align: left;
        transition: all .5s;
        border-right: 3px solid white;
        overflow-y: scroll;
        }
        .container-header__ul li {
        display: block;
        }
        .container-header__ul li a {
        padding-left: 25px !important;
        }
        .container-header__ul li a:hover {
        font-weight: bold;
        color: #2F344F !important;
        }
        .container-header__ul__ul {
        width: 100%;
        margin: 0 auto;
        height: 35vh;
        }
        .container-header__ul__ul a {
        text-align: left !important;
        padding-left: 10px !important;
        }
        .buttonSolicitaDemo {
        border-radius: 0;
        line-height: 100%;
        }
        .checkbtn {
        display: block;
        }
        #check:checked ~ .container-header__ul{
        left: 0 !important;
        }
    }