@media(min-width:768px){
.navi-ai-set{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 80px;
  padding-bottom: 80px;
  width: 100%;
  display: block;
  max-width: 880px;
  margin: 0 auto;
}
.navi-ai-set-movie{
  padding-top: 27%;
  padding-left: 9%;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 3;
  padding-right: 100px;
}



.navi-ai-title-1{
  color: #000;
    font-size: 44pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:50pt;
}
.navi-ai-title-2{
  color: #000;
    font-size: 36pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:50pt;
}
.navi-ai-title-3{
  color: #111;
    font-size: 26pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:12pt;
}

.navi-ai-text-1{
  color: #5e5e5e;
      font-size: 26pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  /*! font-weight: 600; */
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 25px;
}

.navi-ai-text-1-vid{
  color: #5e5e5e;
      font-size: 26pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  /*! font-weight: 600; */
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 25px;
}


.navi-ai-text-2{
  color: #5e5e5e;
      font-size: 26pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  /*! font-weight: 600; */
  letter-spacing: 0.00em;
  line-height: 1.2;
  display: block;
  margin-bottom: 50px;
}

.navi-ai-text-2-vid{
  color: #5e5e5e;
      font-size: 26pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  /*! font-weight: 600; */
  letter-spacing: 0.00em;
  line-height: 1.2;
  display: block;
  margin-bottom: 50px;
}

.navi-ai-text-3{
  color: #5e5e5e;
      font-size: 20pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
}

.navi-ai-link-body{
  width: 100%;
  display: block;
  text-align: center;
}

.navi-ai-link-1{
  cursor: pointer;
outline: 0;
line-height: 1;
  text-decoration: none;
  display: inline-flex;
 align-items: center;
    justify-content: center;
      -webkit-appearance: none;
    appearance: none;


  padding: 10px 20px;
  border-radius: 50px;
  background-color: #479ef8;
  border: 1px solid #479ef8;
  color: #fff;
  font-size: 18pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  flex-shrink:0;
  margin: 0 auto;
}
.navi-ai-link-1:active{
    transition: all .25s;
  transform: scale(0.9);
}





.features{
    width:100%;
    margin:60px auto;
    display:flex;
    flex-direction:column;
    gap:55px;
}

.ai-feature{
    display:flex;
    align-items:flex-start;
    gap:35px;
}

.aiicon{
    flex:0 0 80px;
    display:flex;
    justify-content:center;
}

.aiicon img{
    width:60px;
    height:60px;
    object-fit:contain;
     pointer-events: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ai-content{
    flex:1;
}

.ai-vidgif{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  z-index: 2;
  position: relative;
}


  .ai-vidgif-desktop{
    width: 100%;
    display: block;
  }
.ai-vidgif-mobile{
  width: 100%;
  display: none;
}
}



@media(max-width:768px){

  .ai-vidgif-desktop{
    width: 100%;
    display: none;
  }
.ai-vidgif-mobile{
  width: 100%;
  padding-bottom: 100px;
  display: block;
}

.ai-vidgif{
  display: block;
  width: 600px;
transform: translateX(-100px);
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
  z-index: 2;
  position: relative;
}


.navi-ai-set{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  display: block;
  max-width: 880px;
  margin: 0 auto;
}

.navi-ai-set-movie{
  padding-top: 180px;
  padding-left: 30px;
  padding-right: 50px;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 3;

}



.navi-ai-title-1{
  color: #000;
    font-size: 26pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:35pt;
}
.navi-ai-title-2{
  color: #000;
    font-size: 26pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:40pt;
}
.navi-ai-title-3{
  color: #111;
    font-size: 18pt;
  font-family: 'MyriadPro-Semibold' ,"Lato" ,Arial,sans-serif;
  font-weight: 600;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom:12pt;
}

.navi-ai-text-1{
  color: #5e5e5e;
      font-size: 18pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 25px;
}
.navi-ai-text-1-vid{
  color: #5e5e5e;
      font-size: 18pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 25px;
}
.navi-ai-text-2{
  color: #5e5e5e;
      font-size: 18pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 50px;
}
.navi-ai-text-2-vid{
  color: #5e5e5e;
      font-size: 18pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
  margin-bottom: 50px;
}
.navi-ai-text-3{
  color: #5e5e5e;
      font-size: 16pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  line-height: 1.2;
  display: block;
}

.navi-ai-link-body{
  width: 100%;
  display: block;
  text-align: center;
}

.navi-ai-link-1{
  cursor: pointer;
outline: 0;
line-height: 1;
  text-decoration: none;
  display: inline-flex;
 align-items: center;
    justify-content: center;
  -webkit-appearance: none;
    appearance: none;


  padding: 10px 20px;
  border-radius: 50px;
  background-color: #479ef8;
  border: 1px solid #479ef8;
  color: #fff;
  font-size: 14pt;
  font-family: 'MyriadPro-Regular' ,"Lato" ,Arial,sans-serif;
  font-weight: 500;
  letter-spacing: .009em;
  flex-shrink:0;
  margin: 0 auto;
}
.navi-ai-link-1:active{
    transition: all .25s;
  transform: scale(0.9);
}





.features{
    width:100%;
    margin:60px auto;
    display:flex;
    flex-direction:column;
    gap:55px;
}

.ai-feature{
    display:flex;
    align-items:flex-start;
    gap:35px;
}

.aiicon{
    flex:0 0 80px;
    display:flex;
    justify-content:center;
}

.ai-content{
    flex:1;
}







    .ai-feature{
        gap:20px;
    }

    .aiicon{
        flex-basis:60px;
    }

    .aiicon img{
 pointer-events: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;

        width:45px;
        height:45px;
    }

}

.ai-main-bod{
  background-color: #fefefe;
  width: 100%;
  display: block;
}
.ai-vidgif-section{
width: 100%;
}
.ai-vidgif-container{
  width: 100%;
  height: 100%; /* or 100vh for full screen */
  overflow: hidden;
  position: relative;


  max-width: 1100px;
  margin: 0 auto;
}





.ai-seq-p2 {
    display: none;
}