* {
      font-family: 'Prompt', sans-serif !important;
    }

    .img-feature-detail {
      display: grid;
    }

    .vbox-container img {
      max-width: 100%;
      height: auto;
      margin-bottom: 0px;
      margin-top: auto;
    }

    .vbox-container {
      overflow-y: hidden;
    }

    .venobox-content {
      width: 100%;
      height: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      position: relative;
      margin: 0;
    }

    .features_slider {
      cursor: pointer;
    }

    .icon-pop-out {
      /* background-color: whitesmoke; */
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      z-index: -1;
    }

     .store-image {
      max-width: 190px;
      margin-top: 30px;
    }

    #hero .hero-detail {
      padding-top: 10px;
      margin-bottom: 20px;
      max-width: 590px !important;
    }

    #hero .hero-short-text {
      color: #fff;
      margin-bottom: 0px;
      max-width: 540px !important;
    }

    .scetion-header {
      font-size: 28px !important;
      font-weight: 700;
    }

    .features_slider img {
      padding-right: 10px;
    }

    .features-detail-content {
      padding: 20px 20px 10px 30px !important;
    }

    .tabs-style-bar ul {
      background-color: #fff;
      border: 0 !important;
    }

    .tabs-style-bar li a {
      max-width: 140px;
      margin-top: 10px !important;
      font-size: 24px;
      line-height: 49px;
      margin-left: 0px !important;
      margin-right: 10px !important;
      height: 53px;
    }

    .content-wrap section {
      padding: 5px 10px 0px 0px !important;
    }

    .content-wrap section p {
      font-size: 17px;
      font-weight: normal;
      color: #444444;
      text-align: left;
      line-height: normal;
    }

    .content-wrap section li {
      font-size: 17px;
      text-align: left;
    }

    @media(min-width: 769px) {
      .content-wrap section {
        max-height: 320px !important;
        overflow-y: auto !important;
      }
    }

    @media (max-width: 991px) {
      #hero .icon-pop-out {
        max-width: 60% !important;
        height: auto;
        width: 7% !important
      }
    }

    @media (max-width: 1200px) {
      #hero .icon-pop-out {
        max-width: 80%;
        height: auto;
        width: 14%
      }
    }

    .features .features_slider>h3 {
      color: #010483;
      transition: ease-in-out 0.3s;
      font-size: 14px;
      line-height: 16px;
    }

    /* set time */
    .hero-img .move-up {
      transition: all 500ms ease;
      -webkit-transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -o-transition: all 500ms ease;
    }

    .hero-img .move-up-right {
      transition: all 600ms ease;
      -webkit-transition: all 600ms ease;
      -moz-transition: all 600ms ease;
      -o-transition: all 600ms ease;
    }

    .hero-img .move-right {
      transition: all 700ms ease;
      -webkit-transition: all 700ms ease;
      -moz-transition: all 700ms ease;
      -o-transition: all 700ms ease;
    }

    .hero-img .move-down-right {
      transition: all 800ms ease;
      -webkit-transition: all 800ms ease;
      -moz-transition: all 800ms ease;
      -o-transition: all 800ms ease;
    }

    .hero-img .move-down {
      transition: all 900ms ease;
      -webkit-transition: all 900ms ease;
      -moz-transition: all 900ms ease;
      -o-transition: all 900ms ease;
    }

    .hero-img .move-down-left {
      transition: all 1000ms ease;
      -webkit-transition: all 1000ms ease;
      -moz-transition: all 1000ms ease;
      -o-transition: all 1000ms ease;
    }

    .hero-img .move-left {
      transition: all 1100ms ease;
      -webkit-transition: all 1100ms ease;
      -moz-transition: all 1100ms ease;
      -o-transition: all 1100ms ease;
    }

    .hero-img .move-up-left {
      transition: all 1200ms ease;
      -webkit-transition: all 1200ms ease;
      -moz-transition: all 1200ms ease;
      -o-transition: all 1200ms ease;
    }

    /*end set time */


    /* set move line */
    .hero-img:hover .move-up {
      transform: translate(-50%, -560%);
      -webkit-transform: translate(-50%, -560%);
      -o-transform: translate(-50%, -560%);
      -moz-transform: translate(-50%, -560%);
    }

    .hero-img:hover .move-up-right {
      transform: translate(355%, -445%);
      -webkit-transform: translate(355%, -445%);
      -o-transform: translate(355%, -445%);
      -moz-transform: translate(355%, -445%);
    }

    .hero-img:hover .move-right {
      transform: translate(355%, -50%);
      -webkit-transform: translate(355%, -50%);
      -o-transform: translate(355%, -50%);
      -moz-transform: translate(355%, -50%);
    }

    .hero-img:hover .move-down-right {
      transform: translate(355%, 340%);
      -webkit-transform: translate(355%, 340%);
      -o-transform: translate(355%, 340%);
      -moz-transform: translate(355%, 340%);
    }

    .hero-img:hover .move-down {
      transform: translate(-50%, 460%);
      -webkit-transform: translate(-50%, 460%);
      -o-transform: translate(-50%, 460%);
      -moz-transform: translate(-50%, 460%);
    }


    .hero-img:hover .move-down-left {
      transform: translate(-455%, 340%);
      -webkit-transform: translate(-455%, 340%);
      -o-transform: translate(-455%, 340%);
      -moz-transform: translate(-455%, 340%);
    }

    .hero-img:hover .move-left {
      transform: translate(-455%, -50%);
      -webkit-transform:  translate(-455%, -50%);
      -o-transform: translat(-455%, -50%);
      -moz-transform: translate(-455%, -50%);
    }

    .hero-img:hover .move-up-left {
      transform: translate(-455%, -445%);
      -webkit-transform: translate(-455%, -445%);
      -o-transform: translate(-455%, -445%);
      -moz-transform: translate(-455%, -445%);
    }

    /* set move line */

    @media (min-width: 1201px) {
      .hero-img:hover .move-up {
        transform: translate(-50%, -525%);
        -webkit-transform: translate(-50%, -525%);
        -o-transform: translate(-50%, -525%);
        -moz-transform: translate(-50%, -525%);
      }

      .hero-img:hover .move-up-right {
        transform: translate(325%, -405%);
        -webkit-transform: translate(325%, -405%);
        -o-transform: translate(325%, -405%);
        -moz-transform: translate(325%, -405%);
      }

      .hero-img:hover .move-right {
        transform: translate(325%, -50%);
        -webkit-transform: translate(325%, -50%);
        -o-transform: translate(325%), -50%;
        -moz-transform: translate(325%, -50%);
      }

      .hero-img:hover .move-down-right {
        transform: translate(325%, 300%);
        -webkit-transform: translate(325%, 300%);
        -o-transform: translate(325%, 300%);
        -moz-transform: translate(325%, 300%);
      }

      .hero-img:hover .move-down {
        transform: translate(-50%, 420%);
        -webkit-transform: translate(-50%, 420%);
        -o-transform: translate(-50%, 420%);
        -moz-transform: translate(-50%, 420%);
      }

      .hero-img:hover .move-down-left {
        transform: translate(-425%, 300%);
        -webkit-transform: translate(-425%, 300%);
        -o-transform: translate(-425%, 300%);
        -moz-transform: translate(-425%, 300%);
      }

      .hero-img:hover .move-left {
        transform: translate(-425%, -50%);
        -webkit-transform: translate(-425%, -50%);
        -o-transform: translate(-425%, -50%);
        -moz-transform: translate(-425%, -50%);
      }

      .hero-img:hover .move-up-left {
        transform: translate(-425%, -4205%);
        -webkit-transform: translate(-425%, -405%);
        -o-transform: translate(-425%, -405%);
        -moz-transform: translate(-425%, -405%);
      }
    }