.open_menu_ai{
    position: relative;
    float: right;
    display: inline-block;
    width: 29px;
    transform: rotate(0deg);
    height: 29px;
    transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
}
.open_menu_ai span{
    width: 8px;
    height: 8px;
    border-radius: 28px;
    background-color: white;
    position: absolute;
    transition: transform 1s;
}
.open_menu_ai span:nth-child(1){
    left:0px;
    top: 0px;
    transform: rotate(45deg);
}

.open_menu_ai span:nth-child(2){
    right:0px;
    top: 0px;
    transform: rotate(137deg);
}

.open_menu_ai span:nth-child(3){
    left:0px;
    bottom:0;
    transform: rotate(137deg);
}

.open_menu_ai span:nth-child(4){
    right:0px;
    bottom:0;
    transform: rotate(45deg);

}

.open_menu_ai.active,
.open_menu_ai:hover {
    transform: rotate(360deg);
}

.open_menu_ai.active span:nth-child(1){
    left: -2px;
    width: 20px;
    height: 5px;
    top: 5px;
}

.open_menu_ai.active span:nth-child(2){
    right: -3px;
    width: 20px;
    height: 5px;
    top: 5px;
}

.open_menu_ai.active span:nth-child(3){
    left: -3px;
    width: 20px;
    height: 5px;
    bottom: 5px;
}

.open_menu_ai.active span:nth-child(4){
    right: -3px;
    width: 20px;
    height: 5px;
    bottom: 5px;
}
.logo{opacity:1}
.menu-opened .second-menu-header,
.menu-opened .logo{opacity: 0}
.second-menu-header,
.nav_content_ai{transition: all 0.5s cubic-bezier(0.07, 0.72, 0.29, 0.96);}
.nav_content_ai li a,
.open_menu_ai span{-webkit-transition: all !important;-webkit-transition-timing-function: ease-out !important;-webkit-transition-duration: 100ms !important;-moz-transition: all !important;-moz-transition-timing-function: ease-out !important;-moz-transition-duration: 100ms !important;}
.nav_content_ai .container>div >ul{
    min-height: 424px;
}
.nav_content_ai .container>div{
    width:33.3%;
    height:100vh;
}
.nav_content_ai .container{
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
}

 
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0% 50%
    }
}


.nav_content_ai{
    opacity: 0;
    display: flex;
        background: linear-gradient(270deg, #03164a, #0049a6);
            background-size: 400% 400%;
        
            -webkit-animation: AnimationName 30s ease infinite;
            -moz-animation: AnimationName 30s ease infinite;
            animation: AnimationName 30s ease infinite;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    color: white;
    padding: 0;
    -webkit-transform: scale(0,0);
    transform-origin: top right;
}
.nav_content_ai.active li a{
    color: white !important;
}
.nav_content_ai li a{
    position: relative;
    color: black !important;
}
.nav_content_ai.active{
    opacity: 1;
    -webkit-transform: scale(1,1);
}
.child_menu_content_ai ul,
.parent_menu_content_ai ul{
    margin:0;
    padding:0;
    list-style: none;
}
.child_menu_content_ai ul li a,
.parent_menu_content_ai ul li a{
    color:white;
}
.child_menu_content_ai ul li a{
   text-transform: uppercase;
   font-family:"Oswald";
   font-weight: 900;
   font-size: 1.5vw;
   list-style: none;
}
.parent_menu_content_ai ul li{
    text-transform: uppercase;
    font-family:"Oswald";
    font-weight: 900;
    font-size: 2.6vw;
    list-style: none;
}

.nav_content_ai li{
    margin-bottom: 10px;
}

.parent_menu_content_ai ul li.active a:before,
.child_menu_content_ai ul li a:hover:before,
.parent_menu_content_ai ul li a:hover:before {
    width: 100% !important;
}

.parent_menu_content_ai ul li.active a:before,
.child_menu_content_ai ul li a:before,
.parent_menu_content_ai ul li a:before {
    content:"";
    position: absolute;
    transition: all 0.2s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    bottom: 0;
    left: 0;
    background-color: white;
        height: 3px;
        width: 0%;

}

.sm-ai ul li a{
    display: inline-block;
    padding: 8px 0;
    letter-spacing: 0px;
    font-size: 1vw;
    opacity: .8;
}
.sm-ai ul li{
    margin: 0;
    line-height: 1;
    font-size: 1.4vw;
}
.sm-ai ul{
    height: auto
}
.sm-ai{
    border-top: 1px solid #ffffff30;
    padding-top: 20px;
    height: fit-content;
    min-height: 0;
    display: block;
    position: relative;
    width: 100%;
    float: left;
    display: block;
    top: 300px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}