.footer{background: black;
    color: white;
    padding: 20px;}
.footer p {    font-size: 16px;
    text-align: end;}


    .loading-screen {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        background-color: #007bff;
        width: 0%;
        height: 0%;
    }

    .loading-screen2 {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        background-color: #00ab58;
        width: 0%;
        height: 0%;
    }

    .loading-screen3 {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        background-color: #002678;
        width: 0%;
        height: 0%;
    }

    .load-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        z-index: 10;
        pointer-events: none;
    }

.txth1, .txt11 {opacity:0;}
.emphasized { font-style: italic; }

.txt11 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: hsla(0,0%,100%,0);
    text-decoration: none;}
    .txt11 div div {transition: color .5s;}
    .txt11 div div:hover {transition: color .5s;}
.txt11 div div:hover {color:black;}


#tlo-am{background-image:url(blob-scene-haikei2.svg);  background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:600px;
width: 100%;
display: flex;}

#tlo-ep{background-image:url(blob-scene-haikei3.svg);  background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:600px;
width: 100%;
display: flex;}

#tlo-ne{background-image:url(blob-scene-haikei1.svg);  background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:600px;
width: 100%;
display: flex;}

.intro_cs{display:flex;flex-wrap: wrap;margin-top:100px;margin-left:10%}
.txt1 a, .txt2 a, .txt3 a{color:black;text-decoration:none;}

#hook1, #hook2, #hook3, #hook4, #hook5 {display:flex;margin-top:150px;flex-wrap:wrap;}
#ep2 {background-image:url(esri-lp.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
#ep1 {background-image:url(esri-email.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
#ep3 {background-image:url(esri-edu.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
.cta {text-align: center;margin-top:200px}
.btndiv{text-align: center;margin-top:50px;margin-bottom:400px;}

#am2{background-image:url(Automarket-seo.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;background-size:contain;}
#am1{background-image:url(automarket-landingpage.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
#am3{background-image:url(automarket-gads.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;background-size:contain;}

#ne2{background-image:url(ne_cookies.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
#ne1{background-image:url(ne1.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;}
#ne3{background-image:url(ne_notifications.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;background-size:contain;}
#ne4{background-image:url(ne-remarketing.jpg);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;background-size:contain;}
#ne5{background-image:url(ne-seo.png);width:100%;height: 600px;background-position: 50% 0%;background-repeat:no-repeat;background-size:contain;}

    html{font-family: sans-serif;  scroll-behavior: smooth;        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */}

     p {font-size: 23px;
      line-height: 46px;}
    h1{font-size: 100px;}
    h2{font-size: 50px;    margin: 0;
        line-height: 70px;}

    @keyframes marquee {
      0% { transform: translate(0, 0); }
      100% { transform: translate(100%, 0); }
    }

    body{margin:0;  overflow-x: hidden;}
    .menu{width: 100%;position: fixed;top:0;font-size: 40px;
        margin: 10px;z-index: 500;font-weight:800;color:black;text-decoration:none;}

.exit{float: right;margin-right: 40px;color:black}

            .hero{height:100vh}
    .js-sliding-text a, .js-sliding-text2 a, .js-sliding-text3 a{display:inline-block;margin-right:3%;font-size:100px;font-weight:700;transition: color .3s;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: hsla(0,0%,100%,0);text-decoration: none;line-height: 2;}
  .js-sliding-text2, .js-sliding-text3 {margin-top:50px;}

    .is-absolute{
      width: 100%;}

          .js-sliding-text a:hover{color:#007bff;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: 0}
          .js-sliding-text2 a:hover{color: #002678;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: 0}
          .js-sliding-text3 a:hover{color:black;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: 0}



    .btn{
      border: black solid;
          padding: 10px;
        font-size:50px;font-weight:700;transition: color .3s;-webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        color: hsla(0,0%,100%,0);
        text-decoration: none;
      }

    .btn:hover{color: black}

    .txt_hero {margin: auto;
    color: white;}

    .txt_hero_year {-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: hsla(0,0%,100%,0);
    position: absolute;
    right: 0%;
    top: 500px;
    font-size: 70px;}

    .txt1,.txt2,.txt3,.txt33,.txt22, .txth1{font-weight: 800}




    .intro_cs_hooks{width:40%}

    .intro_cs_txt{width:50%;font-weight:300;}

    .first_cs_h{margin-left:10%;width:25%}

    .first_cs_txt{margin-top:30px;margin-left:5%}

    .first_cs_img{margin-top:100px;width:55%;margin-left:10%}







    @media (max-width: 1599.98px) {
      .intro_cs_hooks{width:80%}
      .intro_cs_hooks h2 {font-size:30px;line-height: 2;}
      .intro_cs_txt{width:80%;}
      .first_cs_h{margin:auto;width:80%}
      .first_cs_img{width:80%;margin:auto}

    }

    @media (max-width: 1100px) {
      #tlo-ne{background-image:url(blob-scene-haikei-mobile1.svg)!important;}
        #tlo-am{background-image:url(blob-scene-haikei-mobile2.svg)!important;}
            #tlo-ep{background-image:url(blob-scene-haikei-mobile3.svg)!important;}
      .txt_hero{padding: 20px;}
    .btn{font-size: 40px;}
    }

    @media (max-width: 767.98px) {
      .intro_cs_hooks{width:80%}
      .intro_cs_hooks h2 {font-size:30px;line-height: 2;}
      .intro_cs_txt{width:80%;}
      .first_cs_h{margin:auto;width:80%}
      .first_cs_img{width:80%;margin:auto}
    }



    @media (max-width: 575.98px) {
      .intro_cs_hooks{width:80%}
      .intro_cs_hooks h2 {font-size:22px;line-height: 2;}
      .intro_cs_txt{width:80%;}
      h1{font-size: 50px;}
      h2{font-size: 28px;line-height: 2;}
      p{font-size: 18px;}
    .btn{font-size: 27px;}
      .first_cs_h{margin:auto;width:80%}
      .first_cs_img{width:80%;margin:auto}

    #ne4{background-image:url(ne-remarketing-mobile.jpg)!important;}
    #ne3{background-image:url(ne_notifications_mobile1.jpg)!important;}
    #ne2{background-image:url(ne_cookies_mobile1.jpg)!important;}
    #ne1{background-image:url(ne1-mobile.jpg)!important;}
    #am1{background-image:url(automarket-landingpage-mobile.jpg)!important;}
    #ep3{background-image:url(esri-edu-mobile.jpg)!important;background-size: cover;}
    #ep2{background-image:url(esri-lp-mobile.jpg)!important;background-size: cover;}
    #ep1{background-size: cover;}
    }



    .field {
      display: flex;
      align-items: center;
      justify-content: space-around;
      width: 300px;
      margin:auto;
      margin-top:100px;
      opacity: 0;
    }
    .mouse {
      width: 50px;
      height: 90px;
      border: 3px solid #333;
      border-radius: 60px;
      position: relative;
    }

    .mouse::before {
      content: '';
      width: 12px;
      height: 12px;
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #333;
      border-radius: 50%;
      opacity: 1;
      animation: wheel 2s infinite;
      -webkit-animation: wheel 2s infinite;
    }


    @keyframes wheel {
      to {
        opacity: 0;
        top: 60px;
      }
    }

    @-webkit-keyframes wheel {
      to {
        opacity: 0;
        top: 60px;
      }
    }


    /* Hide scrollbar for Chrome, Safari and Opera */
    body::-webkit-scrollbar {
      display: none;
    }

    /* Hide scrollbar for IE, Edge and Firefox */
    body {
      -ms-overflow-style: none;  /* IE and Edge */
      scrollbar-width: none;  /* Firefox */
    }




    .welcometxt{margin-top:10%;margin-left:20%}
    .welcometxt2{margin-top:3%;margin-left:40%;}
    #ja{background-image:url(113.jpg);  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:400px;
    width: 40%;
    margin-left: 60%;}
    #ja2{text-align: center;margin-top:200px;}


      #about{display:flex;    flex-wrap: wrap;    align-items: center;}
    #about-txt{margin-top:100px;width:28%;margin-left:15%}
    #about-img{margin-top:100px;width:40%;margin-left:10%;display:flex;flex-wrap:wrap;}
#about-img img {width:45%;}

.projects_txt_div{text-align: center;margin-top:200px;margin-bottom:100px;}
.projects_txt {font-weight: 800}
.sliding_am{background: #999999;}
.sliding_ne{background: #666666;}
.sliding_ep{background: #333333;}

    @media (max-width: 1599.98px) {
      #about-txt{margin:auto;margin-top:100px;width:80%;padding: 30px;}
      #about-img{margin:auto;margin-top:100px;width:80%;padding: 30px;}

     }



     @media (max-width: 991.98px) {
         .welcometxt{margin-top:30%}
         h1{font-size: 75px;}
         h2{font-size: 40px;}
       .btn{font-size: 40px;}
         #about-txt{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}
         #about-img{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}

       .js-sliding-text a, .js-sliding-text2 a, .js-sliding-text3 a{font-size:50px;}


      }


      @media (max-width: 767.98px) {

        .welcometxt{margin-top:30%}
        h1{font-size: 75px;}
        h2{font-size: 40px;}
      .btn{font-size: 40px;}
        #about-txt{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}
        #about-img{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}

      .js-sliding-text a, .js-sliding-text2 a, .js-sliding-text3 a{font-size:50px;}

       }



    @media (max-width: 575.98px){
      .welcometxt{margin-top:30%}
      h1{font-size: 50px;}
      h2{font-size: 28px;}
    .btn{font-size: 27px;}
      #about-txt{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}
      #about-img{margin-top:100px;width:100%;margin-left: 0;padding: 30px;}

    .js-sliding-text a, .js-sliding-text2 a, .js-sliding-text3 a{font-size:25px;}


    }