https://www.steve.ai/

ID da verificação: 9fc69a47-a030-4288-b5df-552b52cc6c3aConcluído
URL enviado:: https://steve.ai/Redirecionado
Relatório concluído:: 24 de out. de 2024, 18:11:43
Links · 22 encontrado(s)

Os links de saída identificados na página
Link	Texto
https://app.steve.ai/payments/p/bt/upgradepayment/?cc=U1RFVkVIQUxMT1dFRU4=&p=cHJv&t=eWVhcmx5	Level-up now!
https://support.steve.ai/en/	FAQs
https://bit.ly/SteveVideoMaker	Slack Community
https://app.steve.ai/pricing	Pricing
https://accounts.animaker.com/login/steveai/	Login
https://app.steve.ai/enterprise	Contact Sales
https://accounts.animaker.com/register/steveai/	Sign Up
https://steveaividfaq.netlify.app	Video FAQ
https://www.animaker.com/subtitle-generator	Animaker subtitleGenerate Captions& subtitles instantly with just a click.
https://www.animaker.com	Animaker AIPrompt to Animation in scale
Variáveis JavaScript · 31 encontrada(s)

Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
Nome	Tipo
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
$	function
jQuery	function
bootstrap	object
jQuery11100791742613715626	object
gtag	function
dataLayer	object
google_tag_manager	object
Mensagens de registro do console · 6 encontrada(s)

Mensagens registradas no console web
Tipo	Categoria	Log
log	javascript	URL https://www.steve.ai/assets/js/newheader.js Texto JSHandle@object
log	javascript	URL https://www.steve.ai/assets/js/newheader.js Texto JSHandle@object
error	network	URL https://pageimprove.io/ Texto Failed to load resource: net::ERR_CONNECTION_CLOSED
log	other	URL https://www.steve.ai/assets/js/newheader.js
error	network	URL https://www.steve.ai/assets/slick/ajax-loader.gif Texto Failed to load resource: the server responded with a status of 404 ()
log	other	URL https://www.steve.ai/assets/js/newheader.js Texto mobile
HTML

O corpo HTML bruto da página
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="5U2HpjWFvOcT-3KZKieqAntvwfwjsMLdY848f0e8dyc">
    <title>AI Video Generator - Create Videos from Text and Voice</title>
    <meta name="title" content="AI Video Generator - Create Videos from Text and Voice">
    <meta name="description" content="Patented AI video Generator to create +5 video styles. Best AI tool with Hyper-realistic voices, +300 Characters, and +50 GenerativeAI templates.">
    <link rel="shortcut icon" type="image/png" href="https://www.steve.ai/assets/img/steve_fav_icon.png">
    <meta property="og:site_name" content="Steve.AI">
    <meta property="og:title" content="AI Video Generator - Create Videos from Text and Voice">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://www.steve.ai/assets/stevehomepage/steveai_ogimage.webp">
    <meta property="og:image:url" content="https://www.steve.ai/assets/stevehomepage/steveai_ogimage.webp">
    <meta property="og:image:width" content="140">
    <meta property="og:image:height" content="140">
    <meta property="og:image:type" content="image/png">
    <meta property="og:description" content="Patented AI video Generator to create +5 video styles. Best AI tool with Hyper-realistic voices, +300 Characters, and +50 GenerativeAI templates.">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@steveaiHQ">
    <meta name="twitter:title" content="AI Video Generator - Create Videos from Text and Voice">
    <meta name="twitter:description" content="Patented AI video Generator to create +5 video styles. Best AI tool with Hyper-realistic voices, +300 Characters, and +50 GenerativeAI templates.">
    <meta name="twitter:image" content="https://www.steve.ai/assets/stevehomepage/steveai_ogimage.webp">
<!--
    faq links and packages -->

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">


    <script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-5F8M44V7XS&amp;cx=c&amp;_slc=1"></script><script async="" src="https://www.clarity.ms/s/0.7.49/clarity.js"></script><script async="" src="https://www.clarity.ms/tag/grh2wzoptv?ref=gtm2"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-5F8M44V7XS&amp;l=dataLayer&amp;cx=c"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-NZDCZKT"></script><script src="assets/js/jquery-1.11.0-v2.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>


    <link rel="canonical" href="https://www.steve.ai">
    <link rel="alternate" hreflang="en" href="https://www.steve.ai">
    <link rel="alternate" hreflang="es" href="https://www.steve.ai/es">
    <link rel="alternate" hreflang="pt" href="https://www.steve.ai/pt">
    <link rel="alternate" hreflang="x-default" href="https://www.steve.ai">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" rel="stylesheet">

    <!-- Vendor CSS -->
    <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> -->
    <link href="https://www.animaker.com/static_2.0/swiper-bundle-7.3.0.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <!-- Animaker CSS -->
    <link href="assets/css/reset.css" rel="stylesheet" type="text/css">
    <link href="assets/css/aos.css" rel="stylesheet" type="text/css">
    <link href="assets/css/newhome-min.css" rel="stylesheet" type="text/css">
  <!-- awards styles -->
    <link rel="stylesheet" href="assets/slick/slick.css">
    <link rel="stylesheet" href="assets/slick/slick-theme.css">
    <link rel="stylesheet" href="assets/css/awardsSlick.css">
    <link rel="stylesheet" href="assets/css/newheaderstyle.css">
    <link rel="stylesheet" href="assets/css/newheader.css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css" rel="stylesheet">
    <link href="https://www.picmaker.com/assets2/css/owl.carousel.min.css" rel="stylesheet" type="text/css">
    <style>
        .home_wrapper{
            background: transparent linear-gradient(180deg, #1F0512 0%, #1742AE 70%, #0498CE 100%) 0% 0% no-repeat padding-box;
            border-radius: 0px 0px 150px 150px;
            opacity: 1;

        }
        .hero-section-wrapper{
            padding: 130px 25px 180px 25px;
            margin-bottom: -8px;
            position: relative;
        }
        .header-inner{
            background: transparent;
        }
        .change-color{
            background: #1a1a1a;
        }
        .signUp-btn{
            background: transparent linear-gradient(111deg, #00BAFF 0%, #F765FD 100%) 0% 0% no-repeat padding-box;
            border-radius: 62px;
        }
        .hero-section-wrapper{
            padding: 130px 25px 180px 25px;
            margin-bottom: -8px;
        }
        .hero-section-content h1 {
            text-align: center;
            font: normal normal 800 80px/100px Inter;
            letter-spacing: 0px;
            color: #FFFFFF;
            margin:0px 0 15px 0 !important;
            margin-top:50px !important
        }
        .hero-section-content p{
            text-align: center;
            font: normal normal 500 20px/34px Inter;
            letter-spacing: 0px;
            color: #ECEFF5;
            margin: 0;
        }
        .hero-section-content button{
            width: 320px;
            height: 64px;
            text-align: center;
            font: normal normal 600 24px/24px 'Inter', sans-serif;;
            letter-spacing: 0px;
            color: #FFFFFF;
            background: transparent;
            border-radius: 50px;
            border-width: 5px;
            border-style: solid;
            border-image-source: linear-gradient(330deg, #9DFF71 0%, #FFD88D 30%, #FF76D5 65%, #55BEFF 100%);
            border-image-slice: 1;
            border-top-right-radius: 5px;
        }


    a.rainbow-btn{
    position: relative;
    background: linear-gradient(330deg, #9DFF71 0%, #FFD88D 30%, #FF76D5 65%, #55BEFF 100%);
    /* background-size: 50% 100%; */
    margin: 43px auto 62px auto;
    padding:0;
    width: 320px;
    height: 64px;
    text-align: center;
    color: #ffffff;
    display: block;
    cursor: pointer;
    border-radius: 40px;
    font:normal bold normal 25px/32px 'Inter', sans-serif;
    }
    a.rainbow-btn:before{
    content: '';
    z-index: 1;
    position: absolute;
    display: block;
    width: 100%;
    height: 70%;
    top: 15%;
    left: 0;
    transition: 0.3s opacity ease-in-out;
    filter: blur(5px);
    opacity: 0;
    background: transparent linear-gradient(330deg, #9DFF71 0%, #FFD88D 30%, #FF76D5 65%, #55BEFF 100%) 0% 0% no-repeat padding-box;
    /* background-size: 50% 100%; */
    }
    a.rainbow-btn:after{
    content: 'Create Videos with AI';
    text-align: center;
    color: white;
    background-color: #1F0512;
    font: normal bold normal 20px/34px 'Inter', sans-serif;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    top: 3px;
    left: 3px;
    border-radius: 40px;
    z-index: 5;
    position: absolute;
    display: block;
    padding: 10px;
    
    }
    .bottom-banner a.rainbow-btn:after{
      content: 'Make your first video now!';

    }
    a.rainbow-btn:focus:before,
    a.rainbow-btn:hover:before {
    opacity: 1;
    transition: 0.3s opacity ease-in-out;
    filter: blur(25px);
    background: transparent linear-gradient(330deg, #9DFF71 0%, #FFD88D 30%, #FF76D5 65%, #55BEFF 100%) 0% 0% no-repeat padding-box;
    /* background-size: 50% 100%; */
    /* animation: rainbow-btn .75s linear infinite; */
    }
    a.rainbow-btn:hover{
    text-decoration: none;
    color:white;
    }
    .star-sparkle{
    height: 50px;
    width: 40px;
     position: absolute;
    animation: spark 1s infinite;
  }
  .testimonials3{
    padding: 70px 100px !important;
  }
  .star-sparkle.first{
    right: 10px;
  }
  .star-sparkle.two{
    right: 10%;
    top: 30%;
  }
  .star-sparkle.three{
    right: 20%;
    bottom: 30%;
  }
  .star-sparkle.six{
    left: 20%;
    bottom: 30%;
  }
  .star-sparkle.four{
    left: 10%;  
    bottom: 10%;
  }
  .star-sparkle.five{
    left: 10%;  
   top: 20%;
  }
  .star-sparkle.bs1{
    left:5%;
    top:10%;
  }
  .star-sparkle.bs2{
    right:5%;
    top:12%;
  }
  .star-sparkle.bs3{
    left:10%;
    bottom:12%;
  }
  .star-sparkle.bs4{
    right:10%;
    bottom:12%;
  }
  .star-sparkle.bs5{
    right:15%;
    bottom:50%;
  }
  .star-sparkle.bs6{
    left:15%;
    bottom:50%;
  }
  @keyframes spark {
    0%{
      transform: scale(1.1);
    }
    100%{
      transform: scale(0.35);
    }
  }
    .video-holder {
    position: relative;
    }
    .video-placeholder {
    width: 100%;
    max-width: 1005px;
    margin: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,50%);
    }
    .d-flex{
    display: flex;
    }
    .brand-logo-hz-carousal {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: auto;
    max-width: 795px;
    }
    .brand-item {
    padding: 0 35px;
    }


    .user-count-content {
    text-align: center;
    text-align: center;
    max-width: 960px;
    margin: auto;
    }
    .user-count-content .d-flex .col {
    margin: auto;
    }
    .user-count-content .d-flex > .col:last-child{
    padding-left: 0;
    border-left: 1px solid #9CB1B5;
    }
    .user-count h1 {
    font: normal normal bold 28px/33px 'Inter',sans-serif;
    letter-spacing: 0px;
    color: #9CB1B5;
    margin: 12px 10px;
    }
    .user-count h2{
    font: normal normal bold 14px/26px 'Inter',sans-serif;
    letter-spacing: 5.6px;
    color: #9CB1B5;
    }
    .scroll-parent {
  position: relative;
  width: 100vw;
  height: 84px;
  overflow-x: hidden;
  max-width: 750px;
}

.scroll-element {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0%;
  top: 0%;
  animation: primary 10s linear infinite;
  padding-top: 25px;
}

.primary {
  animation: primary 10s linear infinite;
}

.secondary {
  animation: secondary 10s linear infinite;
}

.scroll-element .brand-logo {
  padding: 0 45px;
  vertical-align: middle;
}

@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

@keyframes secondary {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
}
.whysteve{
    padding: 500px 0 100px 0;
}
.whysteve h1{
    font: normal normal 800 68px/44px Inter;
    letter-spacing: 0px;
    color: #151425;
    text-align: center;
    margin-top:20px;
    

}
.whysteve p{
    font: normal normal 600 20px/30px Inter;
    letter-spacing: 0px;
    color: #767676;
    text-align: center;
    margin-top:10px;
}
.whysteve p.whystevedesc{
  margin-top:30px;
}
.ai_video_platform{
    
    border: 1px solid #E8E8E8;
    background: #fff;
    max-width: 1005px;
    margin: 0 auto;
    margin-top:70px;
    border-radius: 20px;
}
.ai_video_platform .row{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ai_video_platform h2{
    font: normal normal 800 28px/36px Inter;
    color: #161425;
    text-align: left;
}
.ai_video_platform p{
    font: normal normal 500 18px/26px Inter;
    letter-spacing: 0px;
    color: #383838;
    text-align: left;
}
.ai_video_platform.talkinghead{
    background: url('assets/stevehomepage/talikinghead_bg.png');
    background-color: #8BDFFF;
    margin-top: 20px;
    background-size: contain;
    background-repeat: no-repeat;
}
.desc-left{
   padding:0 70px;
}
.text_genAI{
    max-width: 1005px;
    margin: 0 auto;
    margin-top:20px;
    position: relative;

}
.text_genAI h2{
    text-align: left;
    font: normal normal 800 26px/36px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.text_genAI p{
    text-align: left;
    font: normal normal 500 17px/26px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top:5px;
}
.bg-img-content{
    position: absolute;
    left: 0;
    padding: 30px;
    width: 100%;
    bottom: 0;
}
.no-gutters > div{
    padding: 0 7px;
}
.ai_avatar_builder,.steve_assets_library{
    background: url(assets/stevehomepage/ai_character_builder.webp);
    background-size: 100%;
    padding: 350px 0 269px 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
}
.ai_avatar_builder .content-wrapper,.steve_assets_library .content-wrapper{
    max-width: 560px;
    margin: 0 auto;

}
.ai_avatar_builder .content-wrapper h1{
    font: normal normal 800 60px/24px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 40px;
}
.ai_avatar_builder .content-wrapper h2{
    text-align: left;
    font: normal normal 800 24px/32px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 30px;
}
.ai_avatar_builder .content-wrapper p,.steve_assets_library .content-wrapper p{
    text-align: left;
    font: normal normal 400 18px/30px Inter;
    letter-spacing: 0px;
    color: #ECEFF5;
    opacity: 1;
}
.steve_assets_library{
    background: url(assets/stevehomepage/library_collection.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 230px 0 230px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.steve_assets_library .content-wrapper h1{
    text-align: left;
    font: normal normal 800 60px/74px Inter;
    letter-spacing: 0px;
    color: #151425;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;

}
.steve_assets_library .content-wrapper h2{
    text-align: left;
    font: normal normal 800 24px/32px Inter;
    letter-spacing: 0px;
    color: #151425;
    text-transform: capitalize;
    opacity: 1;
    margin-bottom: 20px;
}
.steve_assets_library .content-wrapper p{
    text-align: left;
    font: normal normal medium 18px/30px Inter;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
}
.ai_advanced_editor{
    padding: 100px 0;
    background: transparent linear-gradient(180deg, #1F0512 0%, #142B36 61%, #1F0512 100%) 0% 0% no-repeat padding-box;
}
.ai_advanced_editor h1{

    font: normal normal 800 60px/60px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    margin-bottom: 30px;

}
.ai_advanced_editor p{

    font: normal normal 600 24px/26px Inter;
    letter-spacing: 0px;
    color: #ECEFF5;
    opacity: 1;
    text-align: center;

}

.ai_advanced_editor .slider_wrapper{

    margin-top:70px;

}

.ai_advanced_editor .slider_wrapper .slide{
    margin: 0 15px;
    width:320px;
}
.slick-slide img{
    width:320px;

}
.ai_advanced_editor .slick-list{
    width:100% !important;
}

.slick-slide{
    opacity: 0.6;
}
.slick-slide.slick-active{
    opacity: 1;
}

.ai_comparison{
    padding:100px 0 70px 0;
    background: #F9FBFC;
}
.ai_comparison .row{
    max-width: 1005px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap:10px;
    flex-wrap: nowrap;
}
.ai_comparison h2{
    text-align: center;
    font: normal normal 800 48px/32px Inter;
    letter-spacing: 0px;
    color: #151425;
    opacity: 1;
    padding-bottom: 40px;
}
.ai_comparison ul li{
    text-align: left;
    font: normal normal 600 28px/34px Inter;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
    margin-bottom: 25px;
    line-height: 1.2;
    position: relative;
}
.highlight-yellow{
    
    color:#FFEB00 ;
}
.otherai{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    opacity: 1;
    padding: 0;
    padding-top: 60px;
    /* height: 637px; */
}
.steveai2{
    background: transparent linear-gradient(147deg, #00BAFF 0%, #F765FD 56%, #925CFD 91%, #775AFD 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    opacity: 1;
    padding: 0;
    padding-top: 60px;
    /* height: 637px; */
}
.steveai2 ul li{
    color: #fff;
}
.otherai ul li::before{
    content: "";
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: url(assets/stevehomepage/redsmiley.png) no-repeat;
    background-size: 80%;
    position: absolute;
    left: -34px;
    top: 6px;
    

}
.steveai2 ul li::before{
    content: "";
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    background: url(assets/stevehomepage/whitesmiley.png) no-repeat;
    background-size: 80%;
    position: absolute;
    left: -34px;
    top: 6px;
}

.ai_comparison ul{
    margin-top: 50px;
    padding: 0 80px 20px 80px;
}
section.security-section {
    padding: 0 70px 0;
    background: #F9FBFC;
}
.security-section .container{
    max-width: 1005px;
    background: transparent linear-gradient(106deg, #1F0512 0%, #1742AE 59%, #9B04CE 73%, #B9044B 84%, #173039 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 35px #7C7C7C4D;
    border-radius: 20px;
    opacity: 1;
    padding: 40px 40px;
}
.security-section .d-flex {
  align-items: center;
  justify-content: center;
}
.security-section h4 {
   text-align: left;
    font: normal normal 800 38px/52px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.d-flex.security-badge-grp{
  align-items: center;
  justify-content: space-between;
}
.animaker-one-products{
    padding-bottom: 100px;
    background: #F9FBFC;
}

.animaker-one-products .container{
    max-width: 1050px;
}
.animaker-one-products-content .product-head{
    margin: 20px 0 50px 80px;
}
.animaker-one-products h1{
    font: normal normal 800 55px/65px 'Inter',sans-serif;
    letter-spacing: 0px;
    color: #151425;
    text-align: center;
    margin-bottom: 20px;
}
.animaker-one-products p{
    text-align: center;
    font: normal normal 800 24px/32px Inter;
    letter-spacing: 0px;
    color: #383838;
    text-transform: capitalize;
    opacity: 1;
}
.product-wrapper {
    position: relative;
}
.product-wrapper img.product-graphic{
    width: 100%;
    margin: 10px;
    width: calc(100% - 20px);
    border-radius: 20px;
    box-shadow: 0px 2px 4px 0px rgba(147, 162, 177, 0.25);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(147, 162, 177, 0.25);
    transition: all 200ms ease-in-out;

}
.product-wrapper.animaker img.product-graphic{

    width: calc(100% + 13px);
    box-shadow: none;
    margin: 0;
    border: none;

}
.product-wrapper .product-content{
    position: absolute;
    top: 80px;
    left: 20px;
    width: calc(100% - 70px);
    padding: 30px;
    pointer-events: none;
}
.product-wrapper.vmakerai .product-content{
    top: 0;
    padding-top: 40px;
}
.product-wrapper.animakerai-subtitle .product-content{
    padding: 0;
    bottom: 50px;
    top:unset;
    left:40px;
}

img.product-arrow{
    position: absolute;
    top: 30px;
    right: 30px;
}
.product-content img.product-arrow{
    width: auto;
}
.picmakercc .product-wrapper img.product-graphic{
    margin-top:0;
}
.product-cards .product-content p{
    font: normal normal medium 18px/26px Inter;
    letter-spacing: 0px;
    color: #ECEFF5;
    opacity: 1;
}
.product-cards .col-md-6{
    padding:0;
}
.product-icons{
    width: 32px;
    vertical-align: bottom;
}
.product-content span{
    text-align: left;
    font: normal normal 800 24px/26px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-left: 7px;
}
.product-wrapper.animakerai-subtitle .product-content span{
    font: normal normal 800 20px/26px Inter;
    letter-spacing: 0px;
    color: #0A0F40;
    opacity: 1;
}
.product-content p{
    text-align: left;
    font: normal normal 500 18px/26px Inter;
    letter-spacing: 0px;
    color: #ECEFF5;
    opacity: 1;
    margin-top:10px;
}
.product-wrapper.animakerai-subtitle .product-content p{
    font: normal normal medium 18px/26px Inter;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
}
.steveaione{
    background: transparent linear-gradient(108deg, #1F0512 0%, #1742AE 84%, #0498CE 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 20px;
}
.product-graphic:hover{
    /* border: 1px solid rgba(147, 162, 177, 0.25); */
    box-shadow: 0px 6px 10px 0px rgba(147, 162, 177, 0.25);
    -webkit-box-shadow: 0px 6px 10px 0px rgba(147, 162, 177, 0.25);
    transform: scale(1.015);
    -webkit-transform: scale(1.015);
    /* filter: brightness(1.3); */
    transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
    /* box-shadow: 0px 4px 8px 0px rgba(147, 162, 177, 0.25); */
    /* -webkit-box-shadow: 0px 4px 8px 0px rgba(147, 162, 177, 0.25); */
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

#section-3{
    padding:70px 0;
}

.reasons h2 {
    text-align: center;
    font: normal normal 800 68px/28px Inter;
    letter-spacing: 0px;
    color: #151425;
    opacity: 1;
    margin-bottom: 30px;
  }
  .subdesc{
    text-align: center;
    font: normal normal 800 24px/32px Inter;
    letter-spacing: 0px;
    color: #383838;
    /* text-transform: capitalize; */
    opacity: 1;
  }
  
  .reasons h5 + p {
    font-size: 1.125rem;
    line-height: 1.4;
    color: #54536C;
    text-align: center;
    margin: 0 auto 70px;
  }
  
  .reasons .flex {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  
  .reasons .desktopSlider {
    display: -webkit-box;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        /* justify-content: space-between; */
            justify-content: initial;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    /* width: 35%; */
    width: 42%;
    /* border-left: 3px solid #EDEDED; */
    border-radius: 4px;
    /* margin: 70px 0 70px 15px; */
    /* margin:82px 0 82px 15px; */
  }
  .reasons.cl-ir .desktopSlider{
    margin:70px 0 70px 15px;
  }
  .reasons.cr-il .desktopSlider{
    /* margin:82px 0 82px 15px; */
    margin:50px auto 50px 50px;
    width: 40%;
  }
  
  .reasons .desktopSlider .cust-nav {
    position: relative;
    cursor: pointer;
    padding: 30px;
    margin:0;
  }
  /* .reasons.cl-ir .desktopSlider .cust-nav{
    padding: 0 0 10px 46px;
  }
  .reasons.cr-il .desktopSlider .cust-nav{
    padding: 0 0 10px 46px;
  } */
  .reasons .desktopSlider .cust-nav.active{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    opacity: 1;
    border-radius: 25px;
    padding: 30px;
  }



  /* .reasons .desktopSlider .cust-nav:before {
    content: '';
    border: 0px;
    width: 8px;
    height: 0%;
    left: -5.5px;
    top: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
    background: #7D56FF;
    background: transparent radial-gradient(closest-side at 69% 27%, #7D56FF 0%, #B861FF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D56FF', endColorstr='#B861FF',GradientType=1 );
    position: absolute;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
  } */
  
  /* .reasons .desktopSlider .cust-nav:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    border: 0px;
    width: 8px;
    height: 0%;
    left: -14.5px;
    top: 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    
    background: #7D56FF;
    background: transparent radial-gradient(closest-side at 69% 27%, #7D56FF 0%, #B861FF 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D56FF', endColorstr='#B861FF',GradientType=1 );
    position: absolute;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    background: #F0F0F0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 3px 8px;
    vertical-align: middle;
  } */


  /* #subtitle1.reasons .desktopSlider .cust-nav:before{
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    left: -14.5px;
    top: 0px;

    background: #F0F0F0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 3px 8px;
    vertical-align: middle;

  } */


  

  .reasons .desktopSlider .cust-nav .title,
  .reasons .mobileSlider .title {
    font: normal normal 800 28px/24px Inter;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
    margin: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
  }
  
  .reasons .desktopSlider .cust-nav .title + p,
  .reasons .mobileSlider p {
    margin: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    height: 0px;
    overflow: hidden;
    line-height: 1.4;
    font: normal normal 500 18px/30px Inter;
    letter-spacing: 0px;
    color: #383838;
    opacity: 1;
  }

  .reasons .desktopSlider .cust-nav.active:before {
    height: 100%;
    bottom: 0;
  }
  
  
  
  .reasons .desktopSlider .cust-nav.active .title {
    margin: -5px 0 15px 0;
    font: normal normal 800 28px/24px Inter;
    letter-spacing: 0px;
    color: #151425;
    opacity: 1;
  }
  .reasons .desktopSlider .cust-nav .title br{
    display: none;
  }
  .reasons .desktopSlider .cust-nav.active .title br{
    display: block;
  }
  
  .reasons .desktopSlider .cust-nav.active .title + p,
  .reasons .mobileSlider .cust-nav.active p {
    /* height: 86px; */
    /* height: 125px; */
    height: auto;
    /* margin: 7px 0; */
  }
  
  .reasons .mobileSlider {
    /* margin-left: auto; */
    /* width: 670px; */
    width: 50%;
    display: -webkit-box;
    display: -ms-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reasons.cl-ir{
    margin-left: auto;
  }
  .reasons.cr-il{
    margin-left: auto;
  }
  .reasons.cr-il .flex{

  }
  .reasons .mobileSlider .title {
    display: none;
  }
  
  .reasons .mobileSlider p {
    display: none;
  }
  
  .reasons .mobileSlider .item img {
    /* margin: 30px 0; */
    max-width: 100%;
    height: auto;
    
  }

  .bottom-banner {
    padding: 70px 0;
    background: #F9FBFC;
  }
  .bottom-banner .container{
    background: transparent linear-gradient(179deg, #1F0512 0%, #1742AE 79%, #0498CE 100%) 0% 0% no-repeat padding-box;
    border: 1px solid #E8E8E8;
    border-radius: 40px;
    opacity: 1;
    max-width: 1005px;
    padding: 100px;
    position:relative;
  }
  .bottom-banner h2{
    text-align: center;
    font: normal normal bold 48px/60px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    max-width: 580px;
    margin: 0 auto;
  }
  .user_testimonials{
    padding: 20px 0 150px 0;
    background: #F9FBFC;
    position: relative;
  }
  .user_testimonials h2{
    text-align: center;
    font: normal normal 800 48px/65px Inter;
    letter-spacing: 0px;
    color: #151425;
    opacity: 1;
    max-width: 1000px;
    margin:0 auto;
  }
  .swiper-slide{
  width: 1004px;
  margin:0 auto;
  
}
.swiper-img-wrapper{
   height:500px;
   /* background: #00BAFF; */
   border-radius:25px;
}
.swiper-slide img{
    width:100%;
}
.steveai_awards{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 130px 100px;
}
.steveai_awards_content{
    text-align: left;
    font: normal normal 800 48px/60px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.testimonials2,.testimonials3{
    text-align: left;
    font: normal normal 800 28px/40px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.testimonials3 .steveai_awards_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex-direction: column; */
}
.profileblock{
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.user-name{
    text-align: left;
    font: normal normal 800 20px/32px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.user-designation{
    text-align: left;
    font: normal normal 600 18px/32px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

}
.steveai_awards_img img{
    width: 400px;
}
.swiper-button-prev, .swiper-button-next{
    display: unset;
    right:30px;
}
.swiper-arrow-block{
    position: absolute;
    top: 60%;
    z-index: 1;
    width: 100%;
}
.swiper-arrow-block img{
    width:56px;
}
.swiper-button-prev{
    left: 0;
    position: absolute;
}
.swiper-button-next{
    position: absolute;
}
.show-mobile{
  display:none;
}
.swiper-slide{
  opacity: 0.5;
}
.swiper-slide-active{
  opacity: 1;
}

@media only screen and (min-width:1800px){

  .swiper-button-prev{
    left: 13%;
  }
  .swiper-button-next{
    right: 15%;
  }

}

@media only screen and (min-width:1600px){
  .home_wrapper{
    border-radius: 0px 0px 250px 250px
  }
  .hero-section-wrapper{
    padding: 130px 25px 280px 25px;
  }
  .ai_comparison{
    padding: 100px 0 70px;
  }
  .ai_avatar_builder, .steve_assets_library{
    height: 1192px;
    background-size: 100%;
    padding:0;
    
  }
  .steve_assets_library{
    padding:0;
  }
  .ai_advanced_editor{
    padding: 180px 0;
  }
  .star-sparkle.six{
    left: 15%;
    bottom: 45%;
  }
  

}

@media only screen and (max-width:768px){
  .ai_avatar_builder, .steve_assets_library{
    padding: 213px 0 146px 0;
  }
  .steve_assets_library{
    padding: 180px 0 167px 0;
  }
}

@media only screen and (max-width:992px){
    .reasons .desktopSlider{
        display: none;
    }
    .reasons .mobileSlider .title,
    .reasons .mobileSlider p{
        display: block;
    }
    .reasons .mobileSlider{
        width: 100%;
        padding-bottom: 30px;
    }
    #subtitle2 h2,
    .reasons .mobileSlider .title {
        margin-bottom: 20px;
    }
    .reasons .mobileSlider .title{
        text-align: left;
        font: normal normal 800 24px/24px Inter;
        letter-spacing: 0px;
        color: #151425;
        opacity: 1;
    }
    .reasons .mobileSlider p{
        margin-top: 20px;
        height: auto;
        margin-bottom: 20px;
    }
    .reasons .mobileSlider .owl-nav {
        position: absolute;
        top: 97.5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .reasons .mobileSlider .owl-nav .owl-prev,
    .reasons .mobileSlider .owl-nav .owl-next{
        display: inline-block;
        padding: 0 10px !important;
    }
    .reasons .mobileSlider .owl-nav .owl-prev span{
        display: block;
        content: url('https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-left-arrow.svg');
    }
    .reasons .mobileSlider .owl-nav .owl-next span{
        display: block;
        content: url('https://www.animaker.com/static_2.0/img/subtitlegenerator/icon-right-arrow.svg');
    }
    .reasons .mobileSlider .owl-stage-outer{
        padding-bottom: 20px;
    }
    #section-3{
        padding: 70px 0;
    }
    .reasons h2{
        text-align: center;
        font: normal normal 800 48px/28px Inter;
        letter-spacing: 0px;
        color: #151425;
        opacity: 1;
    }
    .subdesc{
        font: normal normal 600 20px/34px Inter;
    }
    .mobileSlider .item{
        background: #fff;
        border-radius: 20px;
        padding: 30px;
        /* width: 345px; */
        border: 1px solid #E8E8E8;
        text-align: left;
    }
    .reasons .mobileSlider .item img {
        width: 300px;
        margin: 0 auto;
    }
    .video-placeholder{
      top: 58%;
    }
    .ai_avatar_builder{
    background-image: url(assets/stevehomepage/ai_character_builder-mob-top.png),url(assets/stevehomepage/ai_character_builder-mob-bottom.png);
    background-color: #000;
    background-position: top, bottom;
    padding: 500px 0;
  }
  .ai_avatar_builder .content-wrapper h1,.steve_assets_library .content-wrapper h1{

    text-align: left;
    font: normal normal 800 48px/54px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;

  }
  .ai_avatar_builder .content-wrapper h2,.steve_assets_library .content-wrapper h2{
    text-align: left;
    font: normal normal 800 20px/28px Inter;
    letter-spacing: 0px;
    /* color: #FFFFFF; */
    text-transform: capitalize;
    opacity: 1;
  }
  .ai_avatar_builder .content-wrapper p,.steve_assets_library .content-wrapper p{
    text-align: left;
    font: normal normal medium 16px/24px Inter;
    letter-spacing: 0px;
    /* color: #ECEFF5; */
    opacity: 1;
  }
  .steve_assets_library{
    background-image: url(assets/stevehomepage/library_collection_mob_top.png),url(assets/stevehomepage/library_collection_mob_bottom.png);
    background-color: #fff;
    background-position: top, bottom;
    padding: 500px 0;

  }
  .vertical-menu-header{
    background-color: transparent;
  }

    
}  



@media only screen and (max-width:768px){
    .user-count-content .d-flex > .col:last-child{
    border-left: none;
  }
  .user-count-content .d-flex,
  .security-section .d-flex,.ai_comparison .row{
    flex-direction: column;
  }
  .scroll-parent{
    width: 100%;
  }
  .scroll-element{
    display: flex;
  }
  .scroll-element .brand-logo {
    padding: 20px;
  }
  .hero-section-content h1{

    text-align: center;
    font: normal normal 800 48px/54px Inter;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    margin-top:0 !important;

  }
  .user-count-content .d-flex .col{
    margin: unset;
  }
  .hero-section-wrapper{
    padding: 168px 15px 70px 15px !important;
  }
  .star-sparkle,.video-placeholder{
    display: none;
  }
  #hero-video-mobile{
    width: 100%;
    margin-bottom: 50px;
  }
  .home_wrapper{
    border-radius: 0;
  }
  .whysteve{
    padding:80px 0;
  }
  .whysteve h1{
    font: normal normal 800 48px/54px Inter;
  }
  .ai_video_platform .row{
    flex-direction: column-reverse;
  }
  .desc-left{
    padding:0 30px 30px 30px;
  }
  .ai_video_platform h2{
    margin-top:20px;
    text-align: left;
    font: normal normal 800 24px/36px Inter;
  }
  .no-gutters > div{
    margin-bottom: 15px;
  }
  .text_genAI h2{
    font: normal normal 800 24px/36px Inter;
  }
  .text_genAI p{
    font: normal normal 500 16px/24px Inter;
  }
  .show-desktop{
    display:none !important;
  }
  .show-mobile{
    display:block !important;
  }
  .hidearrow{
    display: none;
  }
  .ai_advanced_editor,.ai_comparison{
    padding: 70px 0;
  }
  .ai_advanced_editor h1{
    font: normal normal 800 48px/60px Inter;
  }
  .ai_comparison h2{
    font: normal normal 800 32px/20px Inter;
    padding-bottom: 20px;
  }
  .ai_comparison ul{
    padding: 0 100px 30px 70px;
  }
  .ai_comparison ul li{
    font: normal normal 600 18px/15px Inter;
  }
  .otherai ul li::before,.steveai2 ul li::before{
    width: 20px;
    height: 20px;
    top:0;
  }
  .otherai,.steveai2{
    padding-top: 40px;
  }
  
  .ai_advanced_editor p{
    max-width: 350px;
    margin: 0 auto;
    line-height: 1.4;
 

  }
  .animaker-one-products-content .product-head{
    margin:0 0 50px 0;
  }
  .animaker-one-products h1{
    font: normal normal 800 48px/60px Inter;
  }
  .animaker-one-products{
    padding-bottom: 50px;
  }
  .product-wrapper.animakerai-subtitle .product-content{
    bottom: 30px;
  }
  .product-wrapper .product-content{
    top:0;
  }
  .security-section .container{
    padding: 80px 10px;
    text-align: center;
    background: transparent linear-gradient(139deg, #1F0512 0%, #1742AE 59%, #1742AE 73%, #1742AE 84%, #1742AE 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 15px 35px #7C7C7C4D;
    border-radius: 20px;
    opacity: 1;
  }
  .security-section h4{
    text-align: center;
    margin-bottom: 50px;
  }
  .security-section img{
    max-width:100px;
  }
  .d-flex.security-badge-grp{
    flex-direction: row;
    gap: 10px;

  }
  section.security-section{
    padding:0;
  }
  .bottom-banner .container{
    padding: 70px 40px;
  }
  .bottom-banner h2{
    font: normal normal bold 32px/40px Inter;
  }
  .swiper-slide{
  width: 100%;
  margin:0 auto;
  
}
.steveai_awards{
  padding: 30px;
  flex-direction: column;
}
.profileblock{
  /* flex-direction: column; */
  justify-content: unset;
}
.swiper-arrow-block img{
  width:40px;
}
.swiper-button-prev, .swiper-button-next{
  right:10px
}
.userdetails{
  margin-left: 30px !important;
}
.profileblock p{
  font-size: 20px;
  /* text-align: center; */
}
.testimonials3 .steveai_awards_content{
  flex-direction: column;
  align-items: flex-start;
}
.testimonials3 .reviewquotes{
  position: absolute;
  bottom: 30px;
  padding: 0 20px;
  left: 0;
}
.steveai_awards_content{
  font: normal normal 800 32px/48px Inter;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.testimonials3 .reviewquotes{
  font: normal normal 800 28px/40px Inter;
  margin-top: 50px !IMPORTANT;

}
.ai_video_platform.talkinghead{
  
  background: none;
  background-color: #00BAFF;
}
.product-wrapper.steveai-feature{
  margin-bottom: 0 !important;
}
.steveaione .product-content{
  position: relative;
  padding: 30px 10px;
}
.whysteve p{
  margin-top: 20px;
}
.ai_avatar_builder,.steve_assets_library{
  padding:300px 0;
}
.no-gutters > div{
  padding:0 15px;
}
.animaker-one-products .product-cards{
  padding:0 10px;
}
.bottom-banner{
  padding: 50px 0;
}

}




    </style>
        <!-- faq styles starts here -->

        <style>
            section.faq-questions-new h1 {
                text-align: center;
                font: normal normal 800 55px/46px 'Inter', sans-serif;
                letter-spacing: 0px;
                color: #0A0F40;
                margin-bottom: 80px;
            }
        
            #steve-faqs .steve-card,
            #steve-faqs .steve-card .steve-card-header {
                background: transparent;
            }
        
            #steve-faqs .steve-card .steve-card-header:not(.collapsed) {
                background: #FFFFFF;
                border-radius: 20px;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                padding-left: 31px;
                padding-right: 31px;
            }
            
            .collapse.in{
              display: unset;
            }
        
            #steve-faqs .steve-card .steve-card-body:not(.collapsed) {
                background: #FFFFFF;
                border-radius: 20px;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
            }
        
            #steve-faqs .steve-card .steve-card-header {
                border-radius: 4px;
                font: normal normal bold 18px/27px 'Inter', sans-serif;
                letter-spacing: 0px;
                color: #0A0F40;
                padding: 40px 20px 0;
                transition: all 0.3s linear;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                display: -webkit-box;
                display: -ms-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        
            #steve-faqs .steve-card .steve-card-header.collapsed {
                padding-left: 31px;
                padding-right: 31px;
                font-weight: normal;
                padding-bottom: 31px;
                border-bottom: 2px solid #C7D1DB;
                border-radius: 0;
            }
        
            #steve-faqs .steve-card .steve-card-body p {
                max-width: none;
                text-align: left;
                font: normal normal normal 18px/30px 'Inter', sans-serif;
                letter-spacing: 0px;
                color: #0A0F40;
            }
        
            #steve-faqs .steve-card {
                border: none;
                cursor: pointer;
            }
        
            #steve-faqs .steve-card .steve-card-body {
                padding: 20px 20px 40px;
                padding-left: 31px;
                padding-right: 31px;
                transition: all 0.3s linear;
                -webkit-transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                display: -webkit-box;
                display: -ms-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
        
            #steve-faqs .steve-card .steve-card-header:after {
        
                content: url('https://www.animaker.com/Animaker-Home/new-assets/icon-collapse.svg');
            }
        
            #steve-faqs .steve-card .steve-card-header.collapsed:after {
                content: url('https://www.animaker.com/Animaker-Home/new-assets/icon-expand1.svg');
            }
            .faq-questions-new{
              display: flex;
              justify-content: center;
              background: #F9FBFC;
            }
            section.faq-questions-new h1 {
                text-align: center;
                font: normal normal 800 55px/46px 'Inter', sans-serif;
                letter-spacing: 0px;
                color: #0A0F40;
                margin-bottom: 80px;
            }
        
            .steve-container {
                max-width: 975px;
            }
        
            .steve-faqs .steve-container,
            .first-video .steve-container {
                max-width: 1030px;
            }
        
        
        
            @media only screen and (max-width:767px) {
                section.faq-questions-new h1 {
                    font: normal normal 800 32px/42px 'Inter', sans-serif;
                }
        
                .why-steve-content #steve-faqs .steve-card .steve-card-body p {
                    text-align: left !important;
                    width: calc(100% - 30px);
                }
            }

            .home_outer_wrapper{
               background: #F9FBFC;;
            }
        </style>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-170215163-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-170215163-1');
    </script>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NZDCZKT');</script>
  <!-- End Google Tag Manager -->
<script id="70330746-8dc9-469e-8b5d-45339e6f2215" type="module" src="https://pageimprove.io"></script></head>
<body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0" style="">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZDCZKT"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div class="home_outer_wrapper">
        <div class="home_wrapper">
            <header-component>
      <div class="heloBar-wrapper active-helobar">
      <div class="helo-outer">
        <div class="heloLeft">
          <p>🎃 Grab 55% Yearly Savings this Halloween – Upgrade to Pro! 👻 </p>
          <div class="Redeem-outer">
            <a class="Redeem-btn" href="https://app.steve.ai/payments/p/bt/upgradepayment/?cc=U1RFVkVIQUxMT1dFRU4=&amp;p=cHJv&amp;t=eWVhcmx5">
              Level-up now!
            </a>
          </div>
        </div>
        <div class="heloRight">
          <img class="helobar_close" src="../assets/shortlandingpages/helobar_close.png" alt="helobar_close">
        </div>
      </div>
    </div>
      <div class="outer-header">
      <header class="header-inner">
        <div class="logo">
          <a href="/"><img src="../assets/shortlandingpages/[email protected]" alt="logo"></a>
        </div>
        <nav>
          <ul class="navMenus">
            <li class="useCase-menu">
              <div class="usecase-text-menu">
                <a class="hoverMenu" href="#">Use Cases</a>
              </div>
              <div class="down-arrow">
                <img src="../assets/shortlandingpages/[email protected]" alt="arrow">
              </div>
              <!-- hover menu usecase -->
              <div class="useCase-menu-outer">
                <div class="usecase-menu-content">
                <div class="business-area menu-one">
                        <p class="heading-usecase">Education</p>
                        <a href="https://www.steve.ai/audio-to-video">
                            <div class="business-items business-items0">
                                  <div>
                                      <img src="../assets/shortlandingpages/audio-to-video.svg" alt="icons">
                                  </div>
                              <p class="bussiness-aTag">Audio To Video</p>
                             </div>
                        </a>
                        <a href="https://www.steve.ai/educational-video-maker">
                             <div class="business-items business-items4">
                                    <div>
                                        <img src="../assets/shortlandingpages/Group 65718.svg" alt="icons">
                                    </div>
                                <p class="bussiness-aTag">Education Video Maker</p>
                            </div>
                        </a>

                         <a href="https://www.steve.ai/online-course-creation">
                                <div class="business-items business-items1">
                                    <div>
                                        <img src="../assets/shortlandingpages/onlinecoursecreation.svg" alt="icons">
                                    </div>
                                <p class="bussiness-aTag">Online Course Creation</p>
                            </div>
                        </a>

                         <a href="https://www.steve.ai/pdf-to-video">
                            <div class="business-items business-items5">
                                <div>
                                    <img src="../assets/shortlandingpages/pdf_menu.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">PDF to Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/instructional-video-maker">
                            <div class="business-items business-items8">
                                <div>
                                    <img src="../assets/shortlandingpages/instructional_menu.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Instructional Video Maker</p>
                            </div>
                        </a>
                   
                          <a href="/cartoon-video-maker">
                            <div class="business-items business-items9">
                                <div>
                                    <img src="../assets/shortlandingpages/Group 65713.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Cartoon Video Maker</p>
                            </div>
                        </a>

                                     <a href="/text-to-video-converter">
                            <div class="business-items business-items11">
                                <div>
                                    <img src="../assets/shortlandingpages/Group 64664.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Text to Video Converter</p>
                            </div>
                        </a>

                           <a href="/blog-to-video">
                            <div class="business-items business-items3">
                                <div>
                                    <img src="../assets/shortlandingpages/blog.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Blog to Video</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/timeline-video-maker">
                        <div class="business-items business-items11">
                            <div>
                                <img src="../assets/shortlandingpages/timelineheader.svg" alt="icons">
                            </div>
                                <p class="bussiness-aTag">Timeline Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/generative-ai-video-maker">
                            <div class="business-items business-items5">
                                <div>
                                    <img src="../assets/shortlandingpages/genai.svg" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Generative AI Video Maker</p>
                            </div>
                        </a>
                              <a href="https://www.steve.ai/video-maker">
                                <div class="business-items business-items5">
                                    <div>
                                        <img src="../assets/shortlandingpages/videoheader.svg" alt="icons">
                                    </div>
                                <p class="bussiness-aTag">AI Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/add-text-to-video">
                                <div class="business-items business-items5">
                                    <div>
                                        <img src="../assets/shortlandingpages/add_text_menu.svg" alt="icons">
                                    </div>
                                <p class="bussiness-aTag">Add Text to Video</p>
                            </div>
                        </a>
                    </div>

                        <div class="business-area menu-two">
                        <p class="heading-usecase">Training</p>

                        <a href="https://www.steve.ai/training-video-maker">
                        <div class="business-items business-items4">
                            <div>
                                <img src="../assets/shortlandingpages/trainingvideomaker.svg" alt="icons">
                            </div>
                                    <p class="bussiness-aTag">Training Video Maker</p>
                                </div>
                         </a>

                        <a href="https://www.steve.ai/ai-voice-over-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/voiceover.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Voice Over Video Maker</p>
                            </div>
                        </a>

                           <a href="https://www.steve.ai/microlearning-video">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/microlearning.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Microlearning Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/onboarding-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/onboardheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Onboarding Video Maker</p>
                            </div>
                        </a>


                         <a href="https://www.steve.ai/tutorial-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/tvm.png" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Tutorial Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/script-to-video">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/script_to_video_menu.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Script to Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/real-estate-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/realestateicon.png" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Real Estate Video Maker</p>
                            </div>
                        </a>

                      <a href="https://www.steve.ai/multi-language-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/multilanguageheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Multilanguage Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/internal-communication-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/internalcommunication.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Internal Communication Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/animated-video-maker">
                    <div class="business-items business-items3">
                        <div>
                            <img src="../assets/shortlandingpages/animated.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Animated Video Maker</p>
                            </div>
                        </a>
                    </div>
  
                  <div class="business-area menu-three">
              <p class="heading-usecase">Marketing</p>

                        <a href="https://www.steve.ai/marketing-video-maker">
                    <div class="business-items business-items3">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65719.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Marketing Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/product-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65721.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Product Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/explainer-video-maker">
                    <div class="business-items business-items2">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65720.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Explainer Video Maker</p>
                            </div>
                        </a>

                            <a href="https://www.steve.ai/promo-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65717.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Promo Video Maker</p>
                            </div>
                        </a>

                   <a href="/video-ad-maker">
                    <div class="business-items business-items6">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65716.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Video Ad Maker</p>
                            </div>
                        </a>

                         <a href="https://www.steve.ai/social-media-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/socialmedia_menu.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Social Media Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/corporate-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65714.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Corporate Video Maker</p>
                            </div>
                        </a>

                           <a href="https://www.steve.ai/slideshow-video-maker">
                    <div class="business-items business-items7">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65715.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Slideshow Video Maker</p>
                            </div>
                        </a>
                        <a href="https://www.steve.ai/outro-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/outroheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Outro Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/testimonial-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/testimonialheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Testimonial Video Maker</p>
                            </div>
                        </a>


                        <a href="https://www.steve.ai/video-meme-maker">
                        <div class="business-items business-items3">
                            <div>
                                <img src="../assets/shortlandingpages/videomeme.svg" alt="icons">
                            </div>
                                <p class="bussiness-aTag">AI Video Meme Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/facebook-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useFb.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Facebook Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/twitter-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useTwitter.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Twitter Video Maker</p>
                            </div>
                        </a>

                           <a href="/instagram-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useIG.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Instagram Video Maker</p>
                            </div>
                        </a>


                           <a href="https://www.steve.ai/linkedin-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useLinkedIn.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Linkedin Video Maker</p>
                            </div>
                        </a>
                        
                             <a href="/youtube-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useYT.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Youtube Video Maker</p>
                            </div>
                        </a>

                        
                  </div>
  
                  <div class="others-area business-area">
                    <p class="heading-usecase">Personal </p>
  
                 <a href="/photo-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/Group 64663.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Photo Video Maker</p>
                      </div>
                    </a>
  
                       <a href="https://www.steve.ai/invitation-video-maker">
                    <div class="business-items business-items11">
                        <div>
                            <img src="../assets/shortlandingpages/invitation.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Invitation Video Maker</p>
                      </div>
                    </a>
  
                     <a href="https://www.steve.ai/personalized-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/pvm.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Personalized Video Maker</p>
                      </div>
                    </a>
  
  
                         <a href="https://www.steve.ai/resume-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/resumemaker.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">AI Resume Video Maker</p>
                      </div>
                    </a>
                  <a href="https://www.steve.ai/travel-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/travelvideo_menu.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">AI Travel Video Maker</p>
                      </div>
                    </a>
                    <a href="https://www.steve.ai/birthday-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/birthday-Menu2.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Birthday Video Maker</p>
                      </div>
                    </a>
                       <a href="https://www.steve.ai/lyric-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/lyric.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Lyric Video Maker</p>
                      </div>
                    </a>
  
  
  
                    <!-- <div class="exportMore-Outer exportMore-Outer-usecase ">
                    <div class="exportMoreTemp">
                      <a href="https://www.steve.ai/templates">
                      Explore more use cases
                      </a>
                      <div>
                        <ion-icon class="export-templates-icon" name="chevron-forward-outline"></ion-icon>
                      </div>
                    </div>
                  </div> -->
                  </div>
                </div>
            </div></li>
  
            <!-- <li>
              <a class="hoverMenu" href="https://www.steve.ai/templates">Templates</a>
            </li> -->
  
            <!-- <li class="useCase-Click-item">
              <div><a href="https://www.steve.ai/about-us">Our Story</a></div>
            </li> -->
            <!-- <li>
              <div><a href="#">Solutions</a></div>
            </li> -->
            <!--hover features menu -->
            <li class="feature-menu-wrapper">
              <div class="feature-menu">
                <div class="feature-text-menu"><a class="hoverMenu" href="#">Features</a></div>
                <div class="down-arrow"><img src="../assets/shortlandingpages/[email protected]" alt="arrow"></div>
              </div>
  
              <div class="feature-menu-outer">
                <div class="feature-menu-Content">
                  <div class="ai-animation-item">
                    <p class="usecase_heading">Animation Video</p>
                    <a href="https://www.steve.ai/animation-video-with-text" class="featurePic featurePic1">
                      <div>
                        <img src="../assets/shortlandingpages/features1.png" alt="featues">
                      </div>
                      <p>AI Text to Animation Video</p>
                    </a>
                    <a href="https://www.steve.ai/animation-video-with-blog" class="featurePic featurePic4">
                      <div>
                        <img src="../assets/shortlandingpages/features4.png" alt="featues">
                      </div>
                      <p>AI Blog To Animation Video</p>
                    </a>
                    <a href="https://www.steve.ai/animation-video-with-audio" class="featurePic featurePic7">
                      <div>
                        <img src="../assets/shortlandingpages/features7.png" alt="featues">
                      </div>
                      <p>AI Voice to Animation Video</p>
                    </a>
                  </div>
  
                  <div class="ai-live-item">
                    <p class="usecase_heading">Live Video</p>
                    <a href="https://www.steve.ai/live-video-with-text" class="featurePic featurePic2">
                      <div>
                        <img src="../assets/shortlandingpages/features2.png" alt="featues">
                      </div>
                      <p>AI Text to Live Video</p>
                    </a>
                    <a href="https://www.steve.ai/live-video-with-blog" class="featurePic featurePic5">
                      <div>
                        <img src="../assets/shortlandingpages/features5.png" alt="featues">
                      </div>
                      <p>AI Blog to Live Video</p>
                    </a>
                    <a href="https://www.steve.ai/live-video-with-audio" class="featurePic featurePic8">
                      <div>
                        <img src="../assets/shortlandingpages/features8.png" alt="featues">
                      </div>
                      <p>AI Voice to Live Video</p>
                    </a>
                  </div>
  
                  <!-- <div class="ai-speak-item">
                    <p class="usecase_heading">Animated AI Avatar Speak</p>
                    <a href="#" class="featurePic featurePic3">
                      <div>
                        <img src="../assets/shortlandingpages/features3.png" alt="featues">
                      </div>
                      <p>Sports Presenter</p>
                    </a>
                    <a class="featurePic featurePic6">
                      <div>
                        <img src="../assets/shortlandingpages/features6.png" alt="featues">
                      </div>
                      <p>Sales Pitch</p>
                    </a>
                    <a class="featurePic featurePic9">
                      <div>
                        <img src="../assets/shortlandingpages/features9.png" alt="featues">
                      </div>
                      <p>Learning Courses</p>
                    </a>
                  </div> -->
  
                  <div class="exportMore-Outer">
                    <div class="exportMoreTemp">
                      <div>
                        <a href="https://www.steve.ai/features">
                        Explore More Features
                        </a>
                      </div>
                      <div>
                        <ion-icon class="export-templates-icon" name="chevron-forward-outline"></ion-icon>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </li>
            <!-- resources desktop menu -->
            <li class="resources-menu">
              <div class="resources-inner">
                <div>
                  <a class="hoverMenu" href="#">Resources</a>
                </div>
                <div class="down-arrow">
                  <img src="../assets/shortlandingpages/[email protected]" alt="arrow">
                </div>
              </div>
              <!-- resources menu -->
              <div class="resources-menu-outer">
                <div class="resources-menu-content">
  
                  <a href="https://www.steve.ai/blog/">
                    <div class="business-items business-items3">
                      <div>
                        <img src="../assets/shortlandingpages/blog.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Blog</p>
                    </div>
                  </a>
                  <a href="https://www.steve.ai/tutorials">
                    <div class="business-items business-items4">
                      <div>
                        <img src="../assets/shortlandingpages/tutorials.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Tutorials</p>
                    </div>
                  </a>
                  <a href="https://www.steve.ai/samples">
                    <div class="business-items business-items11">
                      <div>
                        <img src="../assets/shortlandingpages/samplesicon.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Sample Videos</p>
                    </div>
                  </a>
                  <!--  <a href="https://steveaividfaq.netlify.app">
                    <div class="business-items business-items1">
                      <div>
                        <img src="../assets/shortlandingpages/faq.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Video FAQ</p>
                    </div>
                  </a> -->
                  <a href="https://www.steve.ai/blog/case-studies/">
                    <div class="business-items business-items5">
                      <div>
                        <img src="../assets/shortlandingpages/casestudy.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Case Studies</p>
                    </div>
                  </a>
                 <a href="https://support.steve.ai/en/">
                    <div class="business-items business-items3">
                      <div>
                        <img src="../assets/shortlandingpages/faq.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">FAQs</p>
                    </div>
                  </a>
                  <a href="https://www.steve.ai/webinar">
                    <div class="business-items business-items9">
                      <div>
                        <img src="../assets/shortlandingpages/webinar.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Webinars</p>
                    </div>
                  </a>
                  <a href="https://www.steve.ai/guide/unlock-success-in-2024-with-AI-Driven-Marketing">
                    <div class="business-items business-items3">
                      <div>
                        <img src="https://www.steve.ai/assets/shortlandingpages/guide.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Guide</p>
                    </div>
                  </a>
                  <a href="https://bit.ly/SteveVideoMaker">
                    <div class="business-items business-items1">
                      <div>
                        <img src="https://www.steve.ai/assets/shortlandingpages/community.svg" alt="icons">
                      </div>
                      <p class="bussiness-aTag resource-p">Slack Commmunity</p>
                    </div>
                  </a>
  
                </div>
              </div>
            </li>
            <div>
  
            </div>
            <li><a class="hoverMenu" href="https://app.steve.ai/pricing">Pricing</a></li>
            <li><a class="hoverMenu" href="https://accounts.animaker.com/login/steveai/">Login</a>
            </li>
            <li>
              <a class="contactSales-btn" href="https://app.steve.ai/enterprise" style="border-radius: 62px;">Contact Sales</a>
            </li>
            <li>
              <a href="https://accounts.animaker.com/register/steveai/" class="signUp-btn">
              Sign Up
              </a>
            </li>
            <li class="languageicon langEnable" style="display: block;">
                <a class="globe" href="#"><img src="https://www.animaker.com/assets/img/header/globe_white.svg"></a>
  
                <div class="megamenu-panel nav-submenu socialmenu">
                <ul style="padding: 20px;">
                <li style="font-size: 18px;margin: 0;margin-bottom: 10px;">
                    <a onclick="selectLang(event)" target="_blank" name="en" style="color: #54536C;cursor:pointer">English</a>
                </li>
                <li style="font-size: 18px;margin: 0;margin-bottom: 10px;">
                    <a onclick="selectLang(event)" target="_blank" name="es" style="color: #54536C;cursor:pointer">Español</a>
                </li>
                <li style="font-size: 18px;margin: 0;margin-bottom: 10px;">
                    <a onclick="selectLang(event)" target="_blank" name="pt" style="color: #54536C;cursor:pointer">Português</a>
                </li>
            </ul>
                </div>
            </li>
  
          </ul>
        </nav>
      </header>
  
      <!-- mobile view menus-->
      <div class="overLay"></div>
      <section class="verticalMenu-sec">
        <div class="vertical-menu-header">
          <div class="logo">
            <img src="../assets/shortlandingpages/[email protected]" alt="logo">
          </div>
          <div class="menu">
            <!-- <ion-icon class="menu-icon" name="menu-outline"></ion-icon> -->
            <img class="menu-icon" src="../assets/shortlandingpages/menuicon.png" alt="menuicon">
          </div>
        </div>
        <div class="vertical-menu">
          <div class="close-wrapper">
            <!-- <ion-icon class="close-icon " name="close-outline"></ion-icon> -->
            <img class="close-icon" src="../assets/shortlandingpages/menucloseIcons.png" alt="menuicon">
          </div>
          <ul class="vertical-navMenus">
            <li class="useCase-Click-item">
              <div><a href="#">Use Cases</a></div>
              <div class="down-arrow usecase-downArrow"><img src="../assets/shortlandingpages/[email protected]" alt="arrow">
              </div>
            </li>
            <!-- mobile version -->
            <!-- usecase menu -->
            <div class="useCase-menu-outer">
              <div class="usecase-menu-content">
                <div class="socialMedia-area">
                  <p class="heading-usecase">Education</p>
              <a href="https://www.steve.ai/educational-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65718.svg" alt="icons">
                            </div>
                      <p class="bussiness-aTag">Education Video Maker</p>
                    </div>
                  </a>

                      <a href="https://www.steve.ai/online-course-creation">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/onlinecoursecreation.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Online Course Creation</p>
                    </div>
                  </a>


                    <a href="https://www.steve.ai/pdf-to-video">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/pdf_menu.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">PDF to Video Maker</p>
                    </div>
                  </a>


                
                <a href="https://www.steve.ai/instructional-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/instructional_menu.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Instructional Video Maker</p>
                    </div>
                  </a>

                      <a href="/cartoon-video-maker">
                    <div class="business-items business-items9">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65713.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Cartoon Video Maker</p>
                    </div>
                  </a>


           <a href="/text-to-video-converter">
                    <div class="business-items business-items11">
                        <div>
                            <img src="../assets/shortlandingpages/Group 64664.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Text to Video Converter</p>
                    </div>
                  </a>

            <a href="/blog-to-video">
                    <div class="business-items business-items3">
                        <div>
                            <img src="../assets/shortlandingpages/blog.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Blog to Video</p>
                    </div>
                  </a>

        <a href="https://www.steve.ai/timeline-video-maker">
                            <div class="business-items business-items11">
                                <div>
                            <img src="../assets/shortlandingpages/timelineheader.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Timeline Video Maker</p>
                    </div>
                  </a>

                <a href="https://www.steve.ai/generative-ai-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/genai.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Generative AI Video Maker</p>
                    </div>
                  </a>

                    <a href="https://www.steve.ai/video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/videoheader.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">AI Video Maker</p>
                    </div>
                  </a>

                   <a href="https://www.steve.ai/add-text-to-video">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/add_text_menu.svg" alt="icons">
                        </div>
                      <p class="bussiness-aTag">Add Text to Video</p>
                    </div>
                  </a>
                </div>



  
                <div class="business-area">
                  <p class="heading-usecase">Training</p>
  
                       <a href="https://www.steve.ai/ai-voice-over-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/voiceover.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Voice Over Video Maker</p>
                            </div>
                        </a>

                           <a href="https://www.steve.ai/microlearning-video">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/microlearning.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Microlearning Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/onboarding-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/onboardheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Onboarding Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/training-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/trainingvideomaker.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Training Video Maker</p>
                            </div>
                        </a>

                         <a href="https://www.steve.ai/tutorial-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/tvm.png" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Tutorial Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/script-to-video">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/script_to_video_menu.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Script to Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/real-estate-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/realestateicon.png" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Real Estate Video Maker</p>
                            </div>
                        </a>

                      <a href="https://www.steve.ai/multi-language-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/multilanguageheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Multilanguage Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/internal-communication-video-maker">
                    <div class="business-items business-items4">
                        <div>
                            <img src="../assets/shortlandingpages/internalcommunication.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Internal Communication Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/animated-video-maker">
                    <div class="business-items business-items3">
                        <div>
                            <img src="../assets/shortlandingpages/animated.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Animated Video Maker</p>
                            </div>
                        </a>
                </div>


                      <div class="business-area menu-three">
              <p class="heading-usecase">Marketing</p>

                        <a href="https://www.steve.ai/marketing-video-maker">
                    <div class="business-items business-items3">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65719.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Marketing Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/product-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65721.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Product Video Maker</p>
                            </div>
                        </a>

                          <a href="https://www.steve.ai/explainer-video-maker">
                    <div class="business-items business-items2">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65720.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Explainer Video Maker</p>
                            </div>
                        </a>

                            <a href="https://www.steve.ai/promo-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65717.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">AI Promo Video Maker</p>
                            </div>
                        </a>

                   <a href="/video-ad-maker">
                    <div class="business-items business-items6">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65716.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Video Ad Maker</p>
                            </div>
                        </a>

                         <a href="https://www.steve.ai/social-media-video-maker">
                    <div class="business-items business-items5">
                        <div>
                            <img src="../assets/shortlandingpages/socialmedia_menu.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Social Media Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/corporate-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65714.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Corporate Video Maker</p>
                            </div>
                        </a>

                           <a href="https://www.steve.ai/slideshow-video-maker">
                    <div class="business-items business-items7">
                        <div>
                            <img src="../assets/shortlandingpages/Group 65715.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Slideshow Video Maker</p>
                            </div>
                        </a>
                        <a href="https://www.steve.ai/outro-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/outroheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Outro Video Maker</p>
                            </div>
                        </a>
                          <a href="https://www.steve.ai/testimonial-video-maker">
                    <div class="business-items business-items8">
                        <div>
                            <img src="../assets/shortlandingpages/testimonialheader.svg" alt="icons">
                        </div>
                                <p class="bussiness-aTag">Testimonial Video Maker</p>
                            </div>
                        </a>


                        <a href="https://www.steve.ai/video-meme-maker">
                        <div class="business-items business-items3">
                            <div>
                                <img src="../assets/shortlandingpages/videomeme.svg" alt="icons">
                            </div>
                                <p class="bussiness-aTag">AI Video Meme Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/facebook-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useFb.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Facebook Video Maker</p>
                            </div>
                        </a>

                        <a href="https://www.steve.ai/twitter-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useTwitter.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Twitter Video Maker</p>
                            </div>
                        </a>

                          <a href="/instagram-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useIG.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Instagram Video Maker</p>
                            </div>
                        </a>


                           <a href="https://www.steve.ai/linkedin-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useLinkedIn.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Linkedin Video Maker</p>
                            </div>
                        </a>
                        
                   <a href="/youtube-video-maker">
                            <div class="business-items business-items4">
                                <div>
                                    <img src="../assets/shortlandingpages/useYT.png" alt="icons">
                                </div>
                                <p class="bussiness-aTag">Youtube Video Maker</p>
                            </div>
                        </a>

                        
                  </div>



                  <div class="others-area business-area">
                    <p class="heading-usecase">Personal </p>
  
               <a href="/photo-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/Group 64663.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Photo Video Maker</p>
                      </div>
                    </a>
  
                       <a href="https://www.steve.ai/invitation-video-maker">
                    <div class="business-items business-items11">
                        <div>
                            <img src="../assets/shortlandingpages/invitation.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Invitation Video Maker</p>
                      </div>
                    </a>
  
                     <a href="https://www.steve.ai/personalized-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/pvm.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Personalized Video Maker</p>
                      </div>
                    </a>
  
  
                         <a href="https://www.steve.ai/resume-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/resumemaker.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">AI Resume Video Maker</p>
                      </div>
                    </a>
                  <a href="https://www.steve.ai/travel-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/travelvideo_menu.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">AI Travel Video Maker</p>
                      </div>
                    </a>
                    <a href="https://www.steve.ai/birthday-video-maker">
                    <div class="business-items business-items10">
                        <div>
                            <img src="../assets/shortlandingpages/birthday-Menu2.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Birthday Video Maker</p>
                      </div>
                    </a>
                       <a href="https://www.steve.ai/lyric-video-maker">
                    <div class="business-items business-items1">
                        <div>
                            <img src="../assets/shortlandingpages/lyric.svg" alt="icons">
                        </div>
                        <p class="bussiness-aTag">Lyric Video Maker</p>
                      </div>
                    </a>
  
  
  
                    <!-- <div class="exportMore-Outer exportMore-Outer-usecase ">
                    <div class="exportMoreTemp">
                      <a href="https://www.steve.ai/templates">
                      Explore more use cases
                      </a>
                      <div>
                        <ion-icon class="export-templates-icon" name="chevron-forward-outline"></ion-icon>
                      </div>
                    </div>
                  </div> -->
                  </div>
   
  
                <div class="exportMore-Outer exportMore-Outer-usecase ">
                  <div class="exportMoreTemp">
                    <a href="https://www.steve.ai/templates">
                    Explore more use cases
                    </a>
                    <div>
                      <ion-icon class="export-templates-icon" name="chevron-forward-outline">
                      </ion-icon>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- <li>
              <a href="https://www.steve.ai/templates">Templates</a>
            </li> -->
  
            <!-- <li class="useCase-Click-item">
              <div><a href="https://www.steve.ai/about-us">Our Story</a></div>
            </li> -->
  
            <!-- <li>
              <div><a href="#">Solutions</a></div>
            </li> -->
            <li class="features-Click-item">
              <div><a href="#">Features</a></div>
              <div class="down-arrow features-downArrow"><img src="../assets/shortlandingpages/[email protected]" alt="arrow">
              </div>
            </li>
            <!-- features menu -->
            <div class="feature-menu-outer">
              <div class="feature-menu-Content">
                <p class="usecase_heading">Animation Video</p>
                <a href="https://www.steve.ai/animation-video-with-text">
                  <div class="featurePic featurePic1">
                    <div>
                      <img src="../assets/shortlandingpages/features1.png" alt="featues">
                    </div>
                    <p>AI Text to Animation Video</p>
                  </div>
                </a>
  
                <a href="https://www.steve.ai/animation-video-with-blog">
                  <div class="featurePic featurePic4">
                    <div>
                      <img src="../assets/shortlandingpages/features4.png" alt="featues">
                    </div>
                    <p>AI Blog To Animation Video</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/animation-video-with-text">
                  <div class="featurePic featurePic7">
                    <div> <img src="../assets/shortlandingpages/features7.png" alt="featues"> </div>
                    <p>AI Voice to Animation Video</p>
                  </div>
                </a>
                <p class="usecase_heading">Live Video</p>
                <a href="https://www.steve.ai/live-video-with-text">
                  <div class="featurePic featurePic2">
                    <div><img src="../assets/shortlandingpages/features2.png" alt="featues"> </div>
                    <p>AI Text to Live Video</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/live-video-with-blog">
                  <div class="featurePic featurePic5">
                    <div> <img src="../assets/shortlandingpages/features5.png" alt="featues"> </div>
                    <p>AI Blog to Live Video</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/live-video-with-audio">
                  <div class="featurePic featurePic8">
                    <div><img src="../assets/shortlandingpages/features8.png" alt="featues"> </div>
                    <p>AI Voice to Live Video</p>
                  </div>
                </a>
  
                <!-- <p class="usecase_heading">Animated AI Avatar Speak</p>
                  
                <div class="featurePic featurePic6">
                  <div><a href="#"> <img src="../assets/shortlandingpages/features6.png" alt="featues"> </a></div>
                  <p>Sales Pitch</p>
                </div>
                <div class="featurePic featurePic3">
                  <div><a href="#"> <img src="../assets/shortlandingpages/features3.png" alt="featues"> </a></div>
                  <p>Sports Presenter</p>
                </div>
                <div class="featurePic featurePic9">
                  <div><a href="#"> <img src="../assets/shortlandingpages/features9.png" alt="featues"> </a></div>
                  <p>Learning Courses</p>
                </div> -->
  
                <div class="exportMore-Outer">
                  <div class="exportMoreTemp">
                    <div>
                      <a href="https://www.steve.ai/features">
                      Explore More Features
                      </a>
                    </div>
                    <div>
                      <ion-icon class="export-templates-icon" name="chevron-forward-outline"></ion-icon>
                    </div>
                  </div>
                </div>
              </div>
  
            </div>
  
            <!--mobile resources menu -->
            <li class="resources-inner">
              <div>
                <a href="#">Resources</a>
              </div>
              <div class="down-arrow resources-downArrow">
                <img src="../assets/shortlandingpages/[email protected]" alt="arrow">
              </div>
            </li>
            <div class="resources-menu-outer">
              <div class="resources-menu-content">
                <a href="https://www.steve.ai/blog/">
                  <div class="business-items business-items3">
                    <div>
                      <img src="../assets/shortlandingpages/blog.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Blog</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/tutorials">
                  <div class="business-items business-items4">
                    <div>
                      <img src="../assets/shortlandingpages/tutorials.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Tutorials</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/samples">
                  <div class="business-items business-items11">
                    <div>
                      <img src="../assets/shortlandingpages/samplesicon.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Sample Videos</p>
                  </div>
                </a>
                <a href="https://steveaividfaq.netlify.app">
                  <div class="business-items business-items1">
                    <div>
                      <img src="../assets/shortlandingpages/faq.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Video FAQ</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/blog/case-studies/">
                  <div class="business-items business-items5">
                    <div>
                      <img src="../assets/shortlandingpages/case_studies.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Case Studies</p>
                  </div>
                </a>
                <a href="">
                  <div class="business-items business-items3">
                    <div>
                      <img src="../assets/shortlandingpages/casestudy.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">FAQs</p>
                  </div>
                </a> 
                <a href="https://www.steve.ai/webinar">
                  <div class="business-items business-items9">
                    <div>
                      <img src="../assets/shortlandingpages/webinar.svg" alt="icons">
                    </div>
                    <p class="bussiness-aTag resource-p">Webinars</p>
                  </div>
                </a>
                <a href="https://www.steve.ai/guide/unlock-success-in-2024-with-AI-Driven-Marketing">
                <div class="business-items business-items9">
                  <div>
                    <img src="../assets/shortlandingpages/guide.svg" alt="icons">
                  </div>
                  <p class="bussiness-aTag resource-p">Guide</p>
                </div>
              </a>    <a href="https://bit.ly/SteveVideoMaker">
              <div class="business-items business-items9">
                <div>
                  <img src="../assets/shortlandingpages/community.svg" alt="icons">
                </div>
                <p class="bussiness-aTag resource-p">Slack Commmunity</p>
              </div>
            </a>
  
              </div>
            </div>
            <li>
              <a href="https://app.steve.ai/pricing">Pricing</a>
            </li>
            <li>
              <a href="https://accounts.animaker.com/login/steveai/" class="login-btn">Login</a>
            </li>
            <li>
              <a href="https://app.steve.ai/enterprise" class="contactSales-btn">
              Contact Sales
              </a>
            </li>
            <li>
              <a href="https://accounts.animaker.com/register/steveai/" class="signUp-btn">Sign Up</a>
            </li>
          </ul>
        </div>
      </section>
    </div>
          </header-component>

        
            <section class="hero-section-wrapper">
                <div class="container">
                    <div class="hero-section-content">
                        <h1>An AI Tool Beyond <br>Text to Video</h1>
                        <p>Steve AI isn't just Text to Video, it's Text to <span style="font-weight: bold;">(Any Type Of)</span> Video.</p>
                        <!-- <button class="rainbow-btn"></button> -->
                        <a href="https://accounts.animaker.com/register/steveai/" class="rainbow-btn">Create Videos with AI</a>
                    </div>

                    <div class="show-mobile video-holder">
                      <!-- <img src="https://www.animaker.com/Animaker-Home/new-assets/Endless-possiblities-placeholder.webp" alt="" class="video-placeholder" /> -->
                      <video id="hero-video-mobile" class="desk-view hero-video" autoplay="" muted="" loop="" playsinline="" poster="assets/stevehomepage/loop-thumbnail.webp" title="AI Video Making Software" style="border-radius:20px;">
                        <source src="assets/stevehomepage/steve-loop-video.mp4" type="video/mp4" alt="AI Video Making Software">
                      </video>
                    </div>
                    
                    <div class="user-count-content">
                        <div class="d-flex">
                        <div class="col">
                            <div class="user-count">
                            <h1>3,000,000</h1>
                            <h2>USERS</h2>
                            </div>
                        </div>
                        <div class="col">
                            <div class="scroll-parent">
                            <div class="scroll-element primary">
                                <img src="assets/stevehomepage/Truist.svg" alt="Truist-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/Amazon.svg" alt="Amazon-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/Bosch.svg" alt="Bosch-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/Visa.svg" alt="Visa-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/Gsk.svg" alt="Gsk-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/McDonalds.svg" alt="McDonalds-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/United HealthCare.svg" alt="UnitedHealthCare-brand-logo" class="brand-logo">
                                <img src="assets/stevehomepage/Aptiv.svg" alt="Aptiv-brand-logo" class="brand-logo">
                            </div>
                        </div>
                        
                        </div>
                        </div>
                    </div>

                    <video id="hero-video-desktop" class="desk-view video-placeholder hero-video" autoplay="" muted="" loop="" playsinline="" poster="assets/stevehomepage/loop-thumbnail.webp" title="AI Video Making Software" style="border-radius:20px;">
                      <source src="assets/stevehomepage/steve-loop-video.mp4" type="video/mp4" alt="AI Video Making Software">
                  </video>
                </div>
                   <div class="star-sparkle first">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle two">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28.304" height="28.037" viewBox="0 0 28.304 28.037">
                      <path id="Path_88249" data-name="Path 88249" d="M37.986,14.7C25.86,13.59,24.956,12.7,23.838.68,22.718,12.7,21.814,13.591,9.682,14.7c12.132,1.1,13.036,2,14.156,14.019C24.956,16.7,25.86,15.8,37.986,14.7Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle three">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle four">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28.304" height="28.037" viewBox="0 0 28.304 28.037">
                      <path id="Path_88249" data-name="Path 88249" d="M37.986,14.7C25.86,13.59,24.956,12.7,23.838.68,22.718,12.7,21.814,13.591,9.682,14.7c12.132,1.1,13.036,2,14.156,14.019C24.956,16.7,25.86,15.8,37.986,14.7Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle five">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle six">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                
            </section>
               
        </div>
        
        <section class="whysteve aos-init" data-aos="fade-up">
            <div class="container">
                <h1 style="line-height: normal;">What’s in Steve AI Video Generator</h1>
                <p class="whystevedesc">Your Go-To <a href="https://www.steve.ai/video-maker" style="text-decoration: none;cursor: pointer;">AI Video Maker</a> for Effortless Content Creation
                      </p>

                <div class="ai_video_platform aos-init" data-aos="zoom-in-up">
                    <div class="row aos-init" data-aos="fade-up">
                        <div class="col-md-6 desc-left">
                            <h2>The #1 AI Video Generator</h2>
                            <p>Go from Prompt to Video, Script to Video, and Audio to Video with this patented AI tool to generate 7+ video output styles including Animations, GenAI, and Live training videos.</p>

                        </div>
                        <div class="col-md-6">
                            <img src="assets/stevehomepage/steve_ai_video_platform.webp" style="width:100%;" class="show-desktop" alt="AI Video Generator">
                            <img src="assets/stevehomepage/steveai-banner-mob.png" style="width:100%;display:none" class="show-mobile" alt="AI Video Maker">
                            
                        </div>

                    </div>

                </div>

                <div class="text_genAI aos-init" data-aos="zoom-in-up">
                    <div class="row no-gutters aos-init" data-aos="fade-up">
                        <div class="col-md-6">
                            <div class="bg-img-wrapper">
                                <img src="assets/stevehomepage/text_to_GenAI.webp" style="width:100%" alt="Text to Generative AI Video">

                            </div>
                            <div class="bg-img-content">
                                <h2>Text to Video (Generative AI)</h2>
                                <p>This AI video maker uses custom image generation technology to effortlessly turn your thoughts into captivating educational videos, kids’ storybooks, narrations, and more, bringing your creative visions to life.</p>

                            </div>

                        </div>
                        <div class="col-md-6">
                            <div class="bg-img-wrapper">
                                <img src="assets/stevehomepage/ai_voice_to_video.webp" style="width:100%" class="show-desktop" alt="AI Audio to Video">
                                <img src="assets/stevehomepage/ai_voice_to_video-mob.webp" style="width:100%;display:none" class="show-mobile" alt="Audio to Video">

                            </div>
                            <div class="bg-img-content">
                                <h2>AI Voice to Video</h2>
                                <p>Convert any audio files or voice-overs into mesmerizing long and short videos. Reach wider audiences with Text Animation Effects and Podcast-friendly Templates.</p>

                            </div>

                        </div>
                        
                    </div>

                </div>

                <div class="ai_video_platform talkinghead aos-init" data-aos="zoom-in-up">
                    <div class="row aos-init" data-aos="fade-up">
                        <div class="col-md-6 desc-left">
                            <h2 style="color:#fff;">Animated AI Talking Head Videos</h2>
                            <p style="color:#fff;">Experience Avatars come to life in multiple angles, perfectly synchronized with flawless lip-syncing. Create Text to Animation training videos with over 400 prebuilt AI Avatars.</p>

                        </div>
                        <div class="col-md-6">
                            <img src="assets/stevehomepage/talkinghead_videos.webp" style="width:100%;" class="show-desktop" alt="Animated Talking Head Video">
                            <img src="assets/stevehomepage/talikinghead_bg-mob.png" style="width:100%;" class="show-mobile" alt="AI Talking Head Video">
                            
                        </div>

                    </div>

                </div>
            </div>

        </section>

        <section class="ai_avatar_builder">
            <div class="container aos-init" data-aos="fade-up">
                <div class="content-wrapper">
                    <h1>300+ AI Avatars</h1>
                    <h2>Leave behind the limited Human-like Avatars and explore billions of unique characters.</h2>
                    <p>

                      Explore our collection of HD vector-based characters compared to low-quality Pixel-based ones that cannot be scaled. Create your own company Mascots or Avatars with our  <a href="https://www.steve.ai/cartoon-video-maker" style="cursor: pointer;text-decoration: none; color: white; font-weight: bold;">animated
                      character builder</a>. Training videos are now more engaging and personalized for your training needs.

                      
                      <!-- Global L&D teams use Steve AI <a href="https://www.steve.ai/cartoon-video-maker"
                            style="cursor: pointer;text-decoration: none; color: white; font-weight: bold;">animated
                            character builder</a>
                        to create
                        diverse Avatars
                        beyond reality. From
                        easy AI video creation to multiple customizations, make your courses fun and accessible.</p> -->

                </p></div>

            </div>

        </section>

        <section class="steve_assets_library">
            <div class="container">
                <div class="content-wrapper aos-init" data-aos="fade-up">
                    <h1 style="color:#151425">Create AI Videos with the Largest Human + AI Media Library</h1>
                    <!-- <h2 style="color:#151425">Don’t Let The Limited Collections Stop Your Creative Mind.</h2> -->
                    <p style="color:#151425">Access millions of human-created and AI-generated assets including videos, images, animations, properties, and voices to create engaging content for training, marketing, education, social media, and YouTube.</p>

                </div>
                
            </div>

        </section>

        <section class="ai_advanced_editor">
            <h1>Advanced AI Video Editor</h1>
            <p>40+ Video Editing tools</p>

            <div class="slider_wrapper slick-slider slick-initialized"><div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 30000px; transform: translate3d(-700px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/reverse-editor.webp" alt="Video Editing Software">
                    
                </div></div></div><div class="slick-slide" data-slick-index="0" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/ai_editor.webp" alt="AI Video Editor">

                </div></div></div><div class="slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/slow-editor.webp" alt="AI Video Editing">
                    
                </div></div></div><div class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/reverse-editor.webp" alt="Video Editing Software">
                    
                </div></div></div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/ai_editor.webp" alt="AI Video Editor">

                </div></div></div><div class="slick-slide" data-slick-index="4" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/slow-editor.webp" alt="AI Video Editing">
                    
                </div></div></div><div class="slick-slide" data-slick-index="5" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/reverse-editor.webp" alt="Video Editing Software">
                    
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="6" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/ai_editor.webp" alt="AI Video Editor">

                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="7" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/slow-editor.webp" alt="AI Video Editing">
                    
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="8" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/reverse-editor.webp" alt="Video Editing Software">
                    
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="9" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/ai_editor.webp" alt="AI Video Editor">

                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="10" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/slow-editor.webp" alt="AI Video Editing">
                    
                </div></div></div><div class="slick-slide slick-cloned" data-slick-index="11" aria-hidden="true" tabindex="-1"><div><div class="slide" style="width: 100%; display: inline-block;">
                    <img src="assets/stevehomepage/reverse-editor.webp" alt="Video Editing Software">
                    
                </div></div></div></div></div></div>


        </section>

        <section class="ai_comparison">
            <div class="container">
                <div class="row aos-init" data-aos="fade-up">
                    <div class="col-md-6 otherai">
                        <h2>Other AI</h2>
                        <hr>
                        <ul>
                            <li>Poor Acurracy</li>
                            <li>Limited Assets</li>
                            <li>1 Video Styles</li>
                            <li>Poor Data Training</li>
                            <li>Great to start a Video</li>
                        </ul>

                    </div>
                    <div class="col-md-6 steveai2">
                        <h2 style="color: #fff;">Steve AI</h2>
                        <hr style="border: 1px solid #7A89D8A8;">
                        <ul>
                            <li><span class="highlight-yellow">95% Accuracy</span></li>
                            <li><span class="highlight-yellow">Largest Assets</span></li>
                            <li><span class="highlight-yellow">8+ Video Styles</span></li>
                            <li><span class="highlight-yellow">3+ Yrs Data Training</span></li>
                            <li><span class="highlight-yellow">Great to Complete</span></li>
                        </ul>
                        
                    </div>
                </div>

            </div>

        </section>

        <section class="animaker-one-products">
            <div class="container">
                <div class="animaker-one-products-content">
                    <div class="product-head">
                        <div class="row aos-init" data-aos="fade-up">
                            <div class="col-md-12">
                                <h1>Join our 25+ Million “Do It All” Community of Video Professionals</h1>
                                <p>Experience Effortless Video Creation with Animaker's AI Video Ecosystem</p>

                            </div>

                        </div>

                    </div>
                    <div class="product-cards">
                        <div class="row no-gutters steveaione aos-init" data-aos="fade-up" style="margin: 0 -3px;">
                                <div class="product-wrapper steveai-feature" style="padding: 0; width: 100%;">
                                    <a href="https://www.steve.ai" target="_blank" style="display: flex;">
                                        <div class="col-md-6">
                                            <div class="product-content">
                                                <div clas="product-title">
                                                    <img src="assets/stevehomepage/steve-ai-icon.png" class="product-icons" alt="Steve AI">
                                                    <span>Steve AI</span>
                                                </div>
                                                <p>It isn’t just Text to Video,it’s Text to (Any Type Of) Video Generator.</p>
                                                
                                            </div>

                                        </div>
                                        <div class="col-md-6">
                                            <div class="product-img">
                                                <img src="assets/stevehomepage/steveai-banner.webp" style="width:100%;" alt="AI Video Creator">
    
                                            </div>

                                        </div>
                                        
                                    </a>

                                    <img src="assets/stevehomepage/product-icon-arrow.-white.svg" alt="Animaker Products" class="product-arrow">

                                </div>
                        </div>
                        <div class="row no-gutters animakercc aos-init" data-aos="fade-up">
                            <div class="col-md-4" style="padding: 0;">
                                <div class="product-wrapper animakerai-subtitle">
                                    <a href="https://www.animaker.com/subtitle-generator" target="_blank" style="display: block;">
                                        <img src="assets/stevehomepage/animaker_subtitle.webp" class="product-graphic" alt="Animaker Subtitle">
                                        <div class="product-content">
                                            <div clas="product-title">
                                                <img src="assets/stevehomepage/animaker-subtitle-icon.png" class="product-icons" alt="Animaker Subtitles">
                                                <span style="">Animaker subtitle</span>
                                            </div>
                                            <p>Generate Captions &amp; subtitles instantly with just a click.</p>
                                            
                                        </div>

                                    </a>
                                    <img src="assets/stevehomepage/product-icon-arrow.-white.svg" alt="Animaker Products" class="product-arrow">
                                </div>

                            </div>
                            <div class="col-md-8" style="padding: 0;">
                                <div class="product-wrapper animakerai-subtitle">
                                    <a href="https://www.animaker.com" target="_blank" style="display: block;">
                                        <img src="assets/stevehomepage/animaker_ai.webp" class="product-graphic show-desktop" alt="Animaker AI">
                                        <img src="assets/stevehomepage/animaker_ai_mob.png" class="product-graphic show-mobile" alt="Animaker AI">
                                        <div class="product-content">
                                            <div clas="product-title">
                                                <img src="assets/stevehomepage/animaker-ai-icon.png" class="product-icons" alt="Animaker AI">
                                                <span style="color:#fff;">Animaker AI</span>
                                            </div>
                                            <p style="color:#fff;">Prompt to Animation in scale</p>
                                            
                                        </div>

                                    </a>
                                    <img src="assets/stevehomepage/product-icon-arrow.-white.svg" alt="Animaker Products" class="product-arrow">
                                </div>

                            </div>
                        </div>

                        <div class="row no-gutters picmakercc aos-init" data-aos="fade-up">
                            <div class="col-md-4" style="padding: 0;">
                                <div class="product-wrapper animakerai-subtitle">
                                    <a href="https://www.picmaker.com" target="_blank" style="display: block;">
                                        <img src="assets/stevehomepage/picmaker_autopilot.png" class="product-graphic show-desktop" alt="Picmaker AI">
                                        <img src="assets/stevehomepage/picmaker_autopilot_mob.png" class="product-graphic show-mobile" alt="Picmaker AI">
                                        <div class="product-content">
                                            <div clas="product-title">
                                                <img src="assets/stevehomepage/picmaker-ai-icon.png" class="product-icons" alt="Picmaker AI">
                                                <span style="">Picmaker Autopilot</span>
                                            </div>
                                            <p>Generate 30-day Social Media Graphics &amp; schedule it using AI</p>
                                            
                                        </div>

                                    </a>
                                    <img src="assets/stevehomepage/product-icon-arrow-grey.svg" alt="Animaker Products" class="product-arrow">
                                </div>

                            </div>

                            <div class="col-md-4" style="padding: 0;">
                                <div class="product-wrapper vmakerai">
                                    <a href="https://www.vmaker.com" target="_blank" style="display: block;">
                                        <img src="assets/stevehomepage/vmaker_ai.webp" class="product-graphic show-desktop" alt="Vmaker AI">
                                        <img src="assets/stevehomepage/vmaker_ai_mob.webp" class="product-graphic show-mobile" alt="Vmaker AI">
                                        <div class="product-content">
                                            <div clas="product-title">
                                                <img src="assets/stevehomepage/vmaker-ai-icon.png" class="product-icons" alt="Vmaker AI">
                                                <span style="">Vmaker AI</span>
                                            </div>
                                            <p>Turn your Raw Video into Wow Video in minutes</p>
                                            
                                        </div>

                                    </a>
                                    <img src="assets/stevehomepage/product-icon-arrow.-white.svg" alt="Animaker Products" class="product-arrow">
                                </div>

                            </div>

                            <div class="col-md-4" style="padding: 0;">
                                <div class="product-wrapper animakerai-subtitle">
                                    <a href="https://www.getshow.io" target="_blank" style="display: block;">
                                        <img src="assets/stevehomepage/show_ai.png" class="product-graphic show-desktop" alt="Show AI">
                                        <img src="assets/stevehomepage/show_ai_mob.png" class="product-graphic show-mobile" alt="Show AI">
                                        <div class="product-content">
                                            <div clas="product-title">
                                                <img src="assets/stevehomepage/show-ai-icon.png" class="product-icons" alt="Show AI">
                                                <span style="">Show AI</span>
                                            </div>
                                            <p>Produce personalized drip emails across 25+ customer touchpoints within a minute.</p>
                                            
                                        </div>

                                    </a>
                                    <img src="assets/stevehomepage/product-icon-arrow-grey.svg" alt="Animaker Products" class="product-arrow hidearrow">
                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </section>

        <section class="security-section">
            <div class="container">
              <div class="d-flex">
                <div class="col-md-6">
                  <h4>All the security you will ever need</h4>
                </div>
                <div class="col-md-6">
                  <div class="d-flex security-badge-grp">
                    <img src="assets/stevehomepage/GDPR.png" alt="GDPR Security" class="security-badge" style="max-width: 125px;">
                    <img src="assets/stevehomepage/ISO.png" alt="ISO Certificate" class="security-badge" style="max-width: 113px;">
                    <img src="assets/stevehomepage/CyberGRX.png" alt="CyberGRX CyberSecurity" class="security-badge" style="max-width: 113px;">
                  </div>
                </div>
              </div>
            </div>  
        </section>

        <section id="section-3" class="light-bg" style="background: #F9FBFC">
            <div class="container">
              
              <div id="subtitle1" class="slider-section reasons cl-ir">
                <div class="row">
                  <div class="col-12">
                    <h2 data-aos="zoom-in" data-aos-duration="600" style="margin-bottom: 60px;" class="show-mobile aos-init aos-animate">Who is it for?</h2>
                    
                    
                  </div>
                </div>
                <div class="flex" style="margin-top: 0px;">
                  <div class="desktopSlider">
                    <h2 data-aos="zoom-in" data-aos-duration="600" style="margin-bottom: 60px;" class="aos-init aos-animate">Who is it for?</h2>  
                    <!-- Slide -->
                    <div class="cust-nav active" data-position="0">
                      <div class="title">L&amp;D Teams</div>
                      <p>Communicate better with videos and make learning fun and interactive while also catering to the global teams at scale.</p>
                    </div>
                    <!-- Slide -->
                    <div class="cust-nav" data-position="1">
                      <div class="title">Human Resources (HR)</div>
                      <p>Make employee advocacy a norm with swift onboarding and policy training videos your employees would love to share. With Steve AI by your side, you can get your performance metrics off the roof.</p>
                    </div>
                    <!-- Slide -->
                    <div class="cust-nav" data-position="2">
                      <div class="title">Content Marketers</div>
                      <p>Make your audiences come back for more with bite-sized videos for any social media platform. Get your followers growing by adding the AI spin to your content.</p>
                    </div>
                    <!-- Slide -->
                    <div class="cust-nav" data-position="3">
                        <div class="title">Educational Professionals</div>
                        <p>Nurture digitally enabled leaders by converting complex concepts into easily digestible videos. Steve AI's suite of classroom solutions will facilitate a two-way exchange of knowledge.</p>
                      </div>
                      <!-- Slide -->
                    <div class="cust-nav" data-position="4">
                        <div class="title">Everyone else</div>
                        <p>This AI movie maker lets you make a birthday wish, a wedding invite, or even a personal resume. Create anything you want, just the way you want!</p>
                      </div>
                    
                    
                  </div>
                    
                  <div class="owl-carousel mobileSlider owl-loaded owl-drag">
                    <!-- Slide -->
                    
                    <!-- Slide -->
                    
                    <!-- Slide -->
                    
                    <!-- Slide -->
                    
                    <!-- Slide -->
                    
                    
                    
                  <div class="owl-stage-outer"><div class="owl-stage" style="width: 7590px; transform: translate3d(-2070px, 0px, 0px); transition: all 0s ease 0s;"><div class="owl-item cloned" style="width: 690px;"><div class="item">
                      <div class="title">Content Marketers</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                      </video> -->
                      <p>Make your audiences come back for more with bite-sized videos for any social media platform. Get your followers growing by adding the AI spin to your content.</p>
                      <img src="assets/stevehomepage/marketers.webp" alt="Steve AI for Marketers" class="feature3">
                    </div></div><div class="owl-item cloned" style="width: 690px;"><div class="item">
                        <div class="title">Educational Professionals</div>
                        
                        <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                          <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                        </video> -->
                        <p>Nurture digitally enabled leaders by converting complex concepts into easily digestible videos. Steve AI's suite of classroom solutions will facilitate a two-way exchange of knowledge.</p>
                        <img src="assets/stevehomepage/educational_professionals.webp" alt="Steve AI for Education" class="feature3">
                      </div></div><div class="owl-item cloned" style="width: 690px;"><div class="item">
                        <div class="title">Everyone else</div>
                        
                        <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                        </video> -->
                        <p>This AI movie maker lets you make a birthday wish, a wedding invite, or even a personal resume. Create anything you want, just the way you want!</p>
                        <img src="assets/stevehomepage/everyone_else.webp" alt="Steve AI for Social Events &amp; Activities" class="feature3">
                    </div></div><div class="owl-item active" style="width: 690px;"><div class="item">
                      <div class="title">L&amp;D Teams</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Instantly Generate" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AutoSubtitles.mp4" type="video/mp4" alt="Instantly Generate">
                      </video> -->
                      <p>Communicate better with videos and make learning fun and interactive while also catering to the global teams at scale.</p>
                      <img src="assets/stevehomepage/L&amp;D.webp" alt="Steve AI for L&amp;D (Learning and Development) teams" class="feature1">
                    </div></div><div class="owl-item" style="width: 690px;"><div class="item">
                      <div class="title">Human Resources (HR)</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Format your subtitles" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/FormatSubtitles.mp4" type="video/mp4" alt="Format your subtitles">
                      </video> -->
                      <p>Make employee advocacy a norm with swift onboarding and policy training videos your employees would love to share. With Steve AI by your side, you can get your performance metrics off the roof.</p>
                      <img src="assets/stevehomepage/HR.webp" alt="Steve AI for Human Resources(HR)" class="feature2">
                    </div></div><div class="owl-item" style="width: 690px;"><div class="item">
                      <div class="title">Content Marketers</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                      </video> -->
                      <p>Make your audiences come back for more with bite-sized videos for any social media platform. Get your followers growing by adding the AI spin to your content.</p>
                      <img src="assets/stevehomepage/marketers.webp" alt="Steve AI for Marketers" class="feature3">
                    </div></div><div class="owl-item" style="width: 690px;"><div class="item">
                        <div class="title">Educational Professionals</div>
                        
                        <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                          <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                        </video> -->
                        <p>Nurture digitally enabled leaders by converting complex concepts into easily digestible videos. Steve AI's suite of classroom solutions will facilitate a two-way exchange of knowledge.</p>
                        <img src="assets/stevehomepage/educational_professionals.webp" alt="Steve AI for Education" class="feature3">
                      </div></div><div class="owl-item" style="width: 690px;"><div class="item">
                        <div class="title">Everyone else</div>
                        
                        <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                        </video> -->
                        <p>This AI movie maker lets you make a birthday wish, a wedding invite, or even a personal resume. Create anything you want, just the way you want!</p>
                        <img src="assets/stevehomepage/everyone_else.webp" alt="Steve AI for Social Events &amp; Activities" class="feature3">
                    </div></div><div class="owl-item cloned" style="width: 690px;"><div class="item">
                      <div class="title">L&amp;D Teams</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Instantly Generate" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AutoSubtitles.mp4" type="video/mp4" alt="Instantly Generate">
                      </video> -->
                      <p>Communicate better with videos and make learning fun and interactive while also catering to the global teams at scale.</p>
                      <img src="assets/stevehomepage/L&amp;D.webp" alt="Steve AI for L&amp;D (Learning and Development) teams" class="feature1">
                    </div></div><div class="owl-item cloned" style="width: 690px;"><div class="item">
                      <div class="title">Human Resources (HR)</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Format your subtitles" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/FormatSubtitles.mp4" type="video/mp4" alt="Format your subtitles">
                      </video> -->
                      <p>Make employee advocacy a norm with swift onboarding and policy training videos your employees would love to share. With Steve AI by your side, you can get your performance metrics off the roof.</p>
                      <img src="assets/stevehomepage/HR.webp" alt="Steve AI for Human Resources(HR)" class="feature2">
                    </div></div><div class="owl-item cloned" style="width: 690px;"><div class="item">
                      <div class="title">Content Marketers</div>
                      
                      <!-- <video class="desk-view" autoplay="" muted="" loop="" playsinline="" poster="https://www.animaker.com/static_2.0/img/ppttovideo/[email protected]" title="Cool Animations" height="100%" width="100%">
                        <source src="https://www.animaker.com/static_2.0/img/ppttovideo/AnimatedPre-Built.mp4" type="video/mp4" alt="Cool Animations">
                      </video> -->
                      <p>Make your audiences come back for more with bite-sized videos for any social media platform. Get your followers growing by adding the AI spin to your content.</p>
                      <img src="assets/stevehomepage/marketers.webp" alt="Steve AI for Marketers" class="feature3">
                    </div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots disabled"></div></div>
                </div>
              </div>
              </div>
            </section></div>
          

        

        <section class="user_testimonials">
            <h2>Awards,Accolades &amp; Happy Customers</h2>

            <div class="user_testimonials_wrapper">

                <!-- Slider main container -->
                <div class="swiper-container swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-pointer-events">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper" id="swiper-wrapper-0014dd639fa929e2" aria-live="off" style="cursor: grab; transition-duration: 1000ms; transform: translate3d(-4443px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -431.873px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards" style="display:flex">
                                    <div class="steveai_awards_content">
                                        <p>Consecutive AI Application of the Year Since Launch</p>
                                        
                                    </div>
                                    <div class="steveai_awards_img">
                                        <img src="assets/stevehomepage/steve_awards.png" alt="Steve AI Awards">
                                        
                                    </div>

                                </div>
                            </div>
                            
                        </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" role="group" aria-label="2 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -323.904px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2;">
                            <div class="swiper-img-wrapper" style="background: url('assets/stevehomepage/school_mission1.webp')">
                                <!-- <img src="https://www.steve.ai/assets/stevehomepage/talikinghead_bg.png" alt=""> -->
                                <div class="steveai_awards testimonials2" style="display:flex;position: absolute;bottom: 0;padding-bottom: 50px;">
                                    <p>Steve AI Aiding TomJoy School’s Mission to Create Digitally Enabled Leaders</p>
                                </div>
                                

                            </div>
                            
                        </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -215.936px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards testimonials3" style="display:block;">
                                    <div class="steveai_awards_content">
                                        <div class="profileblock">
                                            <div class="">
                                                <img src="assets/stevehomepage/peter.jpeg" style="width: 100px;border-radius: 50%;" alt="Steve AI Reviews">

                                            </div>
                                            <div class="userdetails" style="margin-left: 10px;"> 
                                                <p class="user-name">Eva Williams</p>
                                                <p class="user-designation">Manager at Fixthephoto.com</p>

                                            </div>
                                        </div>

                                        <img src="assets/stevehomepage/ratingstar.png" style="width: 132px;" alt="Steve AI Ratings">

                                    </div>
                                    <p style="margin-top: 30px;font-size: 23px;line-height: 33px;" class="reviewquotes">“ The biggest benefit of Steve AI is that its functionality is completely based on artificial intelligence technologies. This has allowed the developers to make it a universal tool for users of any experience level, allowing you to create video content for any purpose.<a href="https://fixthephoto.com/steve-ai-review.html"> Read more </a>”</p>
                                </div>
                                

                            </div>
                            
                        </div>
                        <!-- Slides -->
                        <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -107.968px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards" style="display:flex">
                                    <div class="steveai_awards_content">
                                        <p>Consecutive AI Application of the Year Since Launch</p>
                                        
                                    </div>
                                    <div class="steveai_awards_img">
                                        <img src="assets/stevehomepage/steve_awards.png" alt="Steve AI Awards">
                                        
                                    </div>

                                </div>
                            </div>
                            
                        </div>
                        <div class="swiper-slide swiper-slide-visible swiper-slide-active" data-swiper-slide-index="1" role="group" aria-label="2 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
                            <div class="swiper-img-wrapper" style="background: url('assets/stevehomepage/school_mission1.webp')">
                                <!-- <img src="https://www.steve.ai/assets/stevehomepage/talikinghead_bg.png" alt=""> -->
                                <div class="steveai_awards testimonials2" style="display:flex;position: absolute;bottom: 0;padding-bottom: 50px;">
                                    <p>Steve AI Aiding TomJoy School’s Mission to Create Digitally Enabled Leaders</p>
                                </div>
                                

                            </div>
                            
                        </div>
                        <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -107.968px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards testimonials3" style="display:block;">
                                    <div class="steveai_awards_content">
                                        <div class="profileblock">
                                            <div class="">
                                                <img src="assets/stevehomepage/peter.jpeg" style="width: 100px;border-radius: 50%;" alt="Steve AI Reviews">

                                            </div>
                                            <div class="userdetails" style="margin-left: 10px;"> 
                                                <p class="user-name">Eva Williams</p>
                                                <p class="user-designation">Manager at Fixthephoto.com</p>

                                            </div>
                                        </div>

                                        <img src="assets/stevehomepage/ratingstar.png" style="width: 132px;" alt="Steve AI Ratings">

                                    </div>
                                    <p style="margin-top: 30px;font-size: 23px;line-height: 33px;" class="reviewquotes">“ The biggest benefit of Steve AI is that its functionality is completely based on artificial intelligence technologies. This has allowed the developers to make it a universal tool for users of any experience level, allowing you to create video content for any purpose.<a href="https://fixthephoto.com/steve-ai-review.html"> Read more </a>”</p>
                                </div>
                                

                            </div>
                            
                        </div>
                    <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-prev" data-swiper-slide-index="0" role="group" aria-label="1 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -215.936px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards" style="display:flex">
                                    <div class="steveai_awards_content">
                                        <p>Consecutive AI Application of the Year Since Launch</p>
                                        
                                    </div>
                                    <div class="steveai_awards_img">
                                        <img src="assets/stevehomepage/steve_awards.png" alt="Steve AI Awards">
                                        
                                    </div>

                                </div>
                            </div>
                            
                        </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="1" role="group" aria-label="2 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -323.904px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2;">
                            <div class="swiper-img-wrapper" style="background: url('assets/stevehomepage/school_mission1.webp')">
                                <!-- <img src="https://www.steve.ai/assets/stevehomepage/talikinghead_bg.png" alt=""> -->
                                <div class="steveai_awards testimonials2" style="display:flex;position: absolute;bottom: 0;padding-bottom: 50px;">
                                    <p>Steve AI Aiding TomJoy School’s Mission to Create Digitally Enabled Leaders</p>
                                </div>
                                

                            </div>
                            
                        </div><div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-next" data-swiper-slide-index="2" role="group" aria-label="3 / 3" style="margin-right: 80px; transition-duration: 1000ms; transform: translate3d(0px, 0px, -431.873px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -3;">
                            <div class="swiper-img-wrapper" style="background: #00BAFF">
                                <div class="steveai_awards testimonials3" style="display:block;">
                                    <div class="steveai_awards_content">
                                        <div class="profileblock">
                                            <div class="">
                                                <img src="assets/stevehomepage/peter.jpeg" style="width: 100px;border-radius: 50%;" alt="Steve AI Reviews">

                                            </div>
                                            <div class="userdetails" style="margin-left: 10px;"> 
                                                <p class="user-name">Eva Williams</p>
                                                <p class="user-designation">Manager at Fixthephoto.com</p>

                                            </div>
                                        </div>

                                        <img src="assets/stevehomepage/ratingstar.png" style="width: 132px;" alt="Steve AI Ratings">

                                    </div>
                                    <p style="margin-top: 30px;font-size: 23px;line-height: 33px;" class="reviewquotes">“ The biggest benefit of Steve AI is that its functionality is completely based on artificial intelligence technologies. This has allowed the developers to make it a universal tool for users of any experience level, allowing you to create video content for any purpose.<a href="https://fixthephoto.com/steve-ai-review.html"> Read more </a>”</p>
                                </div>
                                

                            </div>
                            
                        </div></div>
                    <!-- If we need navigation buttons -->
                    <div class="swiper-arrow-block">

                        <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-0014dd639fa929e2">
                            <img src="assets/stevehomepage/[email protected]" alt="left-arrow-icon" class="nav-arrow-icon previous" style="transform: rotate(180deg);">
                        </div>
                        <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-0014dd639fa929e2">
                            <img src="assets/stevehomepage/[email protected]" alt="right-arrow-icon" class="nav-arrow-icon next">
                        </div>
                    </div>
                <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

            </div>

        </section>

           <!-- faq starts here -->

    <section class="faq-questions-new">
        <div class="steve-faqs">
            <div class="steve-container">
                <div class="row aos-init" data-aos-duration="600">
                    <div class="col-md-12">
                        <h1>Frequently Asked Questions</h1>
                    </div>
                </div>
                <div class="row aos-init" data-aos-duration="600">
                    <div class="col-md-12">
                        <div class="accordion" id="steve-faqs">
                            <!-- Quesion -->
                            <div class="steve-card">
                                <div class="steve-card-header " id="h1" data-toggle="collapse" data-target="#q1">
                                  What is Steve AI?
                                </div>
                                <div id="q1" class="collapse show" aria-labelledby="h1" data-parent="#steve-faqs" style="">
                                    <div class="steve-card-body">
                                        <p>Steve AI is an AI video generator that uses artificial intelligence to turn your ideas into engaging videos, even if you're not a pro editor.</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Quesion -->
                            <div class="steve-card">
                                <div class="steve-card-header collapsed" id="h2" data-toggle="collapse" data-target="#q2">
                                    How long does it take to create a video with Steve AI?
                                </div>
                                <div id="q2" class="collapse" aria-labelledby="h2" data-parent="#steve-faqs" style="">
                                    <div class="steve-card-body">
                                      <p>The video creation process is simple and you can turn your text to video in just a few seconds. You can create up to 20-minute videos with Steve AI.</p>
                                        <!-- <p>Sign up with a free account on <a href="https://www.animaker.com"
                                                target="_blank" style="color: #873DE9 !important;">animaker.com</a>,
                                            and
                                            that’s it. You can now use this awesome platform to create super
                                            cool videos.</p> -->
                                    </div>
                                </div>
                            </div>
                            <!-- Quesion -->
                            <div class="steve-card">
                                <div class="steve-card-header collapsed" id="h3" data-toggle="collapse" data-target="#q3">
                                    How to generate video with Steve AI and how it works?
                                </div>
                                <div id="q3" class="collapse" aria-labelledby="h3" data-parent="#steve-faqs">
                                    <div class="steve-card-body">
                                        <p>With Steve's AI video making tool, you can generate +5 types of videos including Generative AI, Animation, Live-action, TalkingHead, and Hybrid (mix of all) with a Prompt, Text/Script, Blog, Voice, or any Page URL as inputs. </p>
                                    </div>
                                </div>
                            </div>
                            <!-- Quesion -->
                            <div class="steve-card">
                                <div class="steve-card-header collapsed" id="h4" data-toggle="collapse" data-target="#q4">
                                    How much does Steve AI cost?
                                </div>
                                <div id="q4" class="collapse" aria-labelledby="h4" data-parent="#steve-faqs">
                                    <div class="steve-card-body">
                                        <p>It is free to generate AI videos on Steve AI. The premium plans start as low as $15/month and you can also get customizations as part of the Enterprise plan</p>
                                    </div>
                                </div>
                            </div>
                            <!-- Quesion -->
                            <div class="steve-card">
                                <div class="steve-card-header collapsed" id="h5" data-toggle="collapse" data-target="#q5">
                                    Can I add my own text, images, and audio to Steve AI generated videos?
                                </div>
                                <div id="q5" class="collapse" aria-labelledby="h5" data-parent="#steve-faqs">
                                    <div class="steve-card-body">
                                        <p>Yes, our text to video AI tool offers a bunch of customizations like adding your own logos, uploading your own media, adding GIFs and creating YouTube Intros and Outros.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


        <section class="bottom-banner" style="position: relative;">
            <div class="container" style="padding: 60px;">
                <h2 style="max-width: unset;">Stop Thinking, Start Creating</h2>
                <a href="https://accounts.animaker.com/register/steveai/" class="rainbow-btn" style="margin-bottom: 20px;">Make your first video now!</a>
                <div class="star-sparkle bs1">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle bs2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28.304" height="28.037" viewBox="0 0 28.304 28.037">
                      <path id="Path_88249" data-name="Path 88249" d="M37.986,14.7C25.86,13.59,24.956,12.7,23.838.68,22.718,12.7,21.814,13.591,9.682,14.7c12.132,1.1,13.036,2,14.156,14.019C24.956,16.7,25.86,15.8,37.986,14.7Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle bs3">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle bs4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="28.304" height="28.037" viewBox="0 0 28.304 28.037">
                      <path id="Path_88249" data-name="Path 88249" d="M37.986,14.7C25.86,13.59,24.956,12.7,23.838.68,22.718,12.7,21.814,13.591,9.682,14.7c12.132,1.1,13.036,2,14.156,14.019C24.956,16.7,25.86,15.8,37.986,14.7Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle bs5">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>
                   <div class="star-sparkle bs6">
                    <svg xmlns="http://www.w3.org/2000/svg" width="48.42" height="47.963" viewBox="0 0 48.42 47.963">
                      <path id="Path_88910" data-name="Path 88910" d="M58.1,24.661C37.357,22.766,35.811,21.242,33.9.68,31.984,21.242,30.436,22.767,9.682,24.661c20.754,1.885,22.3,3.43,24.217,23.982C35.811,28.091,37.357,26.546,58.1,24.661Z" transform="translate(-9.682 -0.68)" fill="#fff" opacity="0.179"></path>
                    </svg>
                   </div>

            </div>
               

        </section>

        

        <!-- Footer -->
        <footer id="footerwrapper">



  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- bootstrap -->
  <!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> -->
  <!-- fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap" rel="stylesheet">
  <title>footer</title>

 <style>
   * {
     font-family: 'Open Sans', sans-serif;
     margin: 0;
     padding: 0;
}
.ul-container {
     list-style: none;
     padding-left: 0;
}
 p {
     margin: 0;
}
 a {
     text-decoration: none;
     color: black;
}
.footer{
  all: unset;
}
.outer-foo{
all: unset;
}
.social-media-icon{
gap: unset !important;
}
 .footerwrapper{
     padding: 120px 138px;
}
 .outer-foo-items {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 30px;
    
}
 .underline-hover a {
     font-size: 16px;
     margin-top: 16px;
     display: inline-block;
     color: #1D1D1D;
}
 .underline-hover li:first-of-type {
     color: #1A1A1A;
     font-size: 18px;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
     margin-top: 20px;
}
 .outer-foo-items2{
     margin-top: 60px;
}
 .underline-hover a {
     position: relative;
}
 .underline-hover a:hover {
     color: #000;
}
 .underline-hover a::before {
     content: "";
     position: absolute;
     display: block;
     width: 100%;
     height: 1px;
     bottom: 0;
     left: 0;
     background-color: #1D1D1D;
     transform: scaleX(0);
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 .underline-hover a:hover::before {
     transform: scaleX(1);
}
 .enterprise-link:hover::before{
     all: unset;
}
 .social-media-icon li a:hover::before{
     all: unset;
}
 .address-foo a{
     margin: 0;
}
 .social-media-icon a{
     margin: 0;
}
 .higtlight_animaker {
     color: #F1821E;
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
}
 .steveAi-area {
     font-size: 18px !important;
     font-weight: 700;
     line-height: 1.4 !important;
}
 .steveai {
     font-size: 24px;
     font-weight: 600;
     font-family: 'Poppins', sans-serif;
     margin: 12px 0 7px 0;
     display: inline-block;
}
 .theWorlds {
     color: #AFAFAF;
     font-size: 12px !important;
     margin-top: 6px;
     font-weight: 500 !important;
}
 .social-media-icon img {
     height: 15px;
     margin-top: 15px;
}
 .social-media-icon {
     column-gap: 30px;
}
 .address-foo {
     font-size: 15px;
     line-height: 1.6;
     margin-top: 20px;
}
 .underline-hover a {
     font-size: 16px;
}
 .enterprise-link {
     color: #1C6BE8 !important;
     font-weight: 600;
     text-decoration: underline;
}
 @media only screen and (max-width: 1200px) {
     .footerwrapper{
         padding: 70px 40px;
    }
     .outer-foo-items {
         gap: unset;
    }
}
 @media only screen and (max-width: 768px) {
     .footerwrapper{
         padding: 70px 30px;
    }
     .underline-hover a{
         font-size: 15px;
    }
    /* .ul-container > li:first-of-type{
      margin-top: 0;
    } */
    .outer-foo-items {
      grid-template-columns: repeat(1,1fr);
         gap: unset;    
    }
    .outer-foo-items2{
      margin-top: 0;
    }
    .outer-foo-container{
      margin-top: 20px;
    }
}
 @media only screen and (max-width: 576px) {
     .footerwrapper{
         padding: 70px 40px;
    }
     .footerwrapper.col {
         width: 100%;
         flex: unset;
         margin-bottom: 30px 
    }
     .underline-hover a {
         margin-top: 9px;
    }
     .outer-foo-items2, .outer-foo {
         margin-top: unset;
    }
    .outer-foo-container{
      margin-top: 20px;
    }

}
 
 </style>



  <!-- <div class="footer--wrapper container-fluid"> -->
    <div>
      <div class="outer-foo-items underline-hover">
        <div class="">
          <ul class="ul-container company--outer">
            <li>Company</li>
            <li>
              <a href="https://www.steve.ai/about-us">Our Story</a>
            </li>
            <li>
              <a href="/terms-policy">Terms &amp; Conditions</a>
            </li>
            <li>
              <a href="/privacy-policy">Privacy Policy</a>
            </li>
            <li>
              <a href="/cookie-policy">Cookie Policy</a>
            </li>
            <li>
              <a href="https://trello.com/b/H1kFelxS/steve-ai-product-roadmap">Roadmap</a>
            </li>
            <li>
              <a href="https://www.steve.ai/affiliate">Affiliate</a>
            </li>
          </ul>
        </div>
        <div class="">
          <ul class="ul-container resources--outer">
            <li>Resources</li>
            <li>
              <a href="https://www.steve.ai/blog/">Blog</a>
            </li>
            <li>
              <a href="https://www.steve.ai/tutorials">Tutorials</a>
            </li>
            <li>
              <a href="https://www.steve.ai/samples">Sample Videos</a>
            </li>
            <!-- <li>
              <a href="https://steveaividfaq.netlify.app/">Video FAQ</a>
            </li> -->
            <li>
              <a href="https://www.steve.ai/blog/case-studies/">Case Studies</a>
            </li>
            <li>
              <a href="https://www.steve.ai/webinar">Webinars</a>
            </li>
            <li>
              <a href="https://support.steve.ai/en/">FAQs</a>
            </li>
            <li>
              <a href="https://www.steve.ai/guide/unlock-success-in-2024-with-AI-Driven-Marketing">Guide</a>
            </li>
            <li>
              <a href="https://bit.ly/SteveVideoMaker">Slack Community</a>
            </li>
          </ul>
        </div>
        <div class="">
          <ul class="ul-container support--outer">
            <li>Support</li>
            <li>
              <a href="https://app.steve.ai/support">Contact support</a>
            </li>
            <li>
              <a href="https://support.steve.ai/en/">FAQ</a>
            </li>
            <!-- <li>
              <a href="https://steveaividfaq.netlify.app/"> Video FAQ </a>
            </li> -->
            <li>
              <a href="https://bit.ly/SteveCommunity">Join Slack Community</a>
            </li>
            <li>
              <a class="enterprise-link" href="https://calendly.com/steve_ai/free_demo" target="_blank" rel="noopener noreferrer">Get Enterprise
                Demo</a>
            </li>
          </ul>
        </div>
        <div class="">
          <ul class="ul-container socialmedia--outer">
            <li>Social media</li>
            <li>
              <a href="https://www.steve.ai/facebook-video-maker">
                Facebook video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/twitter-video-maker">
                Twitter video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/instagram-video-maker">
                Instagram video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/linkedin-video-maker">
                Linkedin video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/youtube-video-maker">
                Youtube video maker
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="outer-foo-items outer-foo-items2 underline-hover">
        <div class="">
          <ul class="ul-container usecase--outer">
            <li class="foo--h">Use Cases</li>
            <li>
              <a href="https://www.steve.ai/cartoon-video-maker">Cartoon video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/photo-video-maker">Photo video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/text-to-video-converter">
                Text to video Converter
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/blog-to-video">
                Blog to video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/lyric-video-maker">
                Lyric video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/invitation-video-maker">
                Invitation Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/animated-video-maker">
                Animated video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/video-maker">
                Video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/timeline-video-maker">
                Timeline video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/social-media-video-maker">
                Social media Video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/birthday-video-maker">
                Birthday video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/add-text-to-video">
                Add Text to Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/video-meme-maker">
                AI Video Meme Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/resume-video-maker">
                AI Resume Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/tutorial-video-maker">
                Tutorial Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/real-estate-video-maker">
                Real Estate Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/personalized-video-maker">
                Personalized Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/ai-voice-over-video-maker">
                AI Voice Over Video Maker
              </a>
            </li>
          </ul>
        </div>
        <div class="">
          <ul class="ul-container business--outer">
            <li>Business</li>
            <li>
              <a href="https://www.steve.ai/product-video-maker">
                Product video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/explainer-video-maker">
                Explainer video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/marketing-video-maker">Marketing video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/educational-video-maker">Education video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/promo-video-maker">
                Promo video maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/video-ad-maker">Video Ad video maker</a>
            </li>
            <li>
              <a href="https://www.steve.ai/slideshow-video-maker">Slideshow video maker</a>
            </li>
            <li>
              <a href="https://www.steve.ai/corporate-video-maker">Corporate video maker</a>
            </li>
            <li>
              <a href="https://www.steve.ai/outro-video-maker">Outro video maker</a>
            </li>
            <li>
              <a href="https://www.steve.ai/training-video-maker">
                Training Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/internal-communication-video-maker">
                Internal Communication Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/testimonial-video-maker">
                Testimonial Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/online-course-creation">
                Online Course Creation
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/generative-ai-video-maker">
                Generative AI Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/microlearning-video">
                AI Microlearning Video Maker
              </a>
            </li>
            <li>
              <a href="https://www.steve.ai/audio-to-video">
                Audio to Video
              </a>
            </li>
          </ul>
        </div>
        <div class="">
        </div>
        <div class="">
          <div class="outer-foo-container">
            <div class="left-footer">
              <div>
                <img src="../assets/img/steveFooIcon.svg" alt="logo">
              </div>
              <p class="steveAi-area"> <span class="steveai">Steve AI</span> <br> <span>From the makers</span> <br>of<span class="higtlight_animaker"> Animaker!
                </span>
              </p>
              <p class="theWorlds">The world’s best DIY video creation tool </p>
            </div>
            <div class="rightFooter">
              <p class="address-foo">1160 Battery Street Suite 100,<br> San Francisco, CA 94111, USA.<br>
                <a href="mailto:[email protected]">[email protected]
                </a>
              </p>
              <ul class="ul-container social-media-icon d-flex align-items-center justify-content-start">
                <li style="margin-top: 0;">
                  <a href="https://www.facebook.com/steveaiHQ">
                    <img src="../assets/img/[email protected]" alt="icon">
                  </a>
                </li>
                <li>
                  <a href="https://www.youtube.com/channel/UCMY5CW7mnX1-V1cUrPY-eOQ/videos">
                    <img src="../assets/img/icon-youtube.svg" alt="icon">
                  </a>
                </li>
                <li>
                  <a href="https://twitter.com/steveaihq">
                    <img src="../assets/img/icon-twitter.svg" alt="icon">
                  </a>
                </li>
                <li>
                  <a href="https://www.linkedin.com/showcase/steve.ai/">
                    <img src="../assets/img/[email protected]" alt="icon">
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  <!-- </div> -->

  <!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
    crossorigin="anonymous"></script> -->


</footer>
    






<script src="assets/js/jquery-1.11.0-v2.min.js"></script>
<!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
<script src="https://www.animaker.com/static_2.0/swiper-bundle-7.3.0.min.js" type="text/javascript"></script>
<!-- <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> -->
<script src="assets/js/aos.js"></script>
<script src="assets/js/commonScript.js"></script>
<script type="text/javascript" id="" charset="">(function(){var a=document.createElement("script");a.id="70330746-8dc9-469e-8b5d-45339e6f2215";a.type="module";a.src="https://pageimprove.io";document.head.appendChild(a)})();</script><script type="text/javascript" id="" charset="">(function(a,e,b,f,g,c,d){a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)};c=e.createElement(f);c.async=1;c.src="https://www.clarity.ms/tag/"+g+"?ref\x3dgtm2";d=e.getElementsByTagName(f)[0];d.parentNode.insertBefore(c,d)})(window,document,"clarity","script","grh2wzoptv");</script><script src="assets/js/newheader.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script src="https://www.picmaker.com/assets2/js/owl.carousel.min.js"></script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "Steve.AI - The #1 AI Video Generator",
    "headline": "Create Stunning Videos in Minutes with Steve.AI, the Powerful AI Video Generator",
    "description": "Patented AI video Generator to create +5 video styles. Best AI tool with Hyper-realistic voices, +300 Charaters, and +50 GenAI templates. Explore for FREE! Steve.AI is a revolutionary AI-powered video creation platform that empowers anyone to create professional-looking videos from text in just minutes.",
    "keywords": [
      "AI video generator",
      "video creation software",
      "text to video",
      "AI video editing",
      "online video maker",
      "animated explainer videos",
      "live action video creation",
      "marketing video creation",
      "social media video content",
       "AI video creation",
      "text to video AI",
      "AI video editing software",
      "AI explainer video maker",
      "AI marketing video creation",
      "AI product demo video",
      "AI social media video content",
      "create video with AI",
      "make video with AI"
    ],
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "4.9",
      "bestRating": "5",
      "worstRating": "1",
      "reviewCount": "253"
    }
  }
  </script>
  
<script>
    
    $(document).ready(function() {
        $("#footerwrapper").load("newFooter.html");

        AOS.init({
          duration: 1200,
          disable: 'mobile',
        });

        $(".slick-slider").slick({
              slidesToShow: 1,
              infinite:false,
              slidesToScroll: 1,
              autoplay: true,
              autoplaySpeed: 80,
              speed:2000,
              arrows: false,
              infinite: true,
              draggable: true,
              variableWidth: true,
              responsive: [
              {
                breakpoint: 768,
                settings: {
                slidesToShow: 3,
                centerMode: false, /* set centerMode to false to show complete slide instead of 3 */
                slidesToScroll: 1
                }
              }
            ]
                // dots: false, Boolean
              // arrows: false, Boolean   
            });


            $('#subtitle1 .mobileSlider').owlCarousel({
                  loop:false,
                  margin:0,
                  nav:false,
                  dots:false,
                  items:1,
                  mouseDrag:false,
                  touchDrag:false,
                  responsiveRefreshRate: 200,
              responsiveBaseElement: window,
                  responsive:{
                      0:{
                          items:1,
                          nav:true,
                          mouseDrag:true,
                          touchDrag:true,
                          loop:true,
                      },
                      992:{
                          nav:false,
                          dots:false,
                          items:1,
                          mouseDrag:false,
                          touchDrag:false
                      }
                  }
              });

              var owl = $("#subtitle1 .mobileSlider");
              $(document).on('click', '#subtitle1 .cust-nav', function(){
                  var elem = $(this).attr('data-position');
                  $('#subtitle1 .cust-nav').removeClass('active');
                  $(this).addClass('active');
                  console.log(elem);
                  owl.trigger('to.owl.carousel', [elem, 600]);
              });

              var mySwiper = new Swiper('.swiper-container', {
              loop: true,
              spaceBetween: 80,
              centeredSlides:true,
              //loopAdditionalSlides:5,
              speed: 1000,
              autoplay: {
                  delay: 2000,
              },
              effect: 'coverflow',
              grabCursor: true,
              centeredSlides: true,
              slidesPerView: 'auto',
              coverflowEffect: {
                  rotate: 0,
                  stretch: 0,
                  depth: 100,
                  modifier: 1,
                  slideShadows: false,
              },

              // Navigation arrows
              navigation: {
                  nextEl: '.swiper-button-next',
                  prevEl: '.swiper-button-prev',
              },

          })

        
    })




   
</script></body><!-- Vendor's Javascript --></html>