.form-header {
          padding: 10px;
          background-color: #003bb3;
          color: white;
          background-size: 300px 100px;
      }

      html {
          overflow-x: hidden !important;
      }

      body {
          min-height: auto !important;
          display: flex;
          flex-direction: column;
          position: relative;
          overflow-x: hidden !important;
          transition: 0.2s;
          -webkit-transition: 0.2s;
          -moz-transition: 0.2s;
          -ms-transition: 0.2s;
          -o-transition: 0.2s;
          width: 100%;
          counter-reset: my-sec-counter my-sec-counter2 my-sec-counter3;
      }

      /* br::before{
            counter-increment: my-sec-counter;
          }*/

      body {
          position: relative;
          min-height: 100vh;
          margin: 0;
          background-color: #0c0b0b;
      }

      footer {
          position: absolute;
          margin-top: auto;
          height: 260px;
          bottom: 0px;
          color: white !important;
          font-size: 13px !important;
          font-family: SFPRODISPLAYREGULAR !important;
          width: 100%;
          backdrop-filter: blur(16px) saturate(207%);
          -webkit-backdrop-filter: blur(16px) saturate(180%);
          background-color: #09090991;
      }

      .bannerv7a {
          background-attachment: scroll;
          background-image: url("images/background.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          min-height: 100vh;
          background-position: 0px 0px;
          background-repeat: repeat-x;
          width: 100%;
      }

      .img1 {
          display: inline-block;
          align-items: center;
          justify-content: center;
          width: 35px;
      }

      .jumbo-header {
          font-size: 110px;
          margin-top: 85px !important;
          background-image: linear-gradient(60deg, #6a05e0, #d380f8);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Semibold !important;
          letter-spacing: -5px;
      }

      .subheadings {
          font-family: GrtskPeta-Bold !important;
          letter-spacing: -2px;
      }

      .subheadings_2 {
          font-family: GrtskPeta-Regular !important;
          line-height: 20px;
          font-size: 17px !important;
          letter-spacing: -0.7px;
      }

      .span1 {
          background-image: linear-gradient(60deg, #6a05e0, #d380f8);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Bold !important;
      }

      .span7 {
          background-image: linear-gradient(60deg, #6a05e0, #f500df);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Bold !important;
      }

      .span2 {
          background-image: linear-gradient(60deg, #429df0, #4a299b);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Bold !important;
      }

      .span3 {
          background-image: linear-gradient(60deg, #df4f50, #4a289b);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Bold !important;
      }

      .span4 {
          background-image: linear-gradient(60deg, #f79924, #4a299b);
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent;
          font-family: GrtskPeta-Bold !important;
      }

      .web3 {
          filter: drop-shadow(0px 0px 9px #b45ce4);
      }

      .customizeCode {
          filter: drop-shadow(0px 0px 9px #44acf4);
      }

      .gofrom {
          filter: drop-shadow(0px 0px 9px #e84c4c);
      }

      .build {
          filter: drop-shadow(0px 0px 9px #fc9c04);
      }

      .generate {
          filter: drop-shadow(0px 0px 9px #f500df);
      }

      .header_button_1 {
          background-image: linear-gradient(60deg, #6a05e0, #d380f8);
          font-size: 20px;
          border-radius: 40px;
          padding-top: 25px;
          padding-bottom: 25px;
          padding-left: 85px;
          padding-right: 85px;
          border: none;
          box-shadow: #6a05e0 0px 10px 40px !important;
      }

      .header_button_2 {
          background-image: linear-gradient(60deg, #6a05e0, #d380f8);
          font-size: 20px;
          border-radius: 40px;
          padding-top: 25px;
          padding-bottom: 25px;
          border: none;
          box-shadow: #6a05e0 0px 10px 40px !important;
      }

      .dot1,
      .dot2,
      .dot3 {
          height: 14px;
          width: 14px;
          border-radius: 50%;
          display: inline-block;
      }

      .dot1 {
          margin-left: 2px !important;
          background-color: #e84c4c;
          filter: drop-shadow(0px 0px 9px #e84c4c);
      }

      .dot2 {
          margin-left: 2px !important;
          background-color: #f79924;
          filter: drop-shadow(0px 0px 9px #f79924);
      }

      .dot3 {
          margin-left: 2px !important;
          background-color: #719f2c;
          filter: drop-shadow(0px 0px 9px #719f2c);
      }

      .nav_button_signin {
          border-radius: 30px;
          padding-top: 4px;
          padding-bottom: 4px;
          border-width: 1px !important;
          padding-left: 30px !important;
          padding-right: 30px !important;
          color: white;
          font-size: 13px;
      }

      .nav_button_getstarted {
          background-image: linear-gradient(60deg, #6a05e0, #d380f8);
          border-radius: 30px;
          padding-top: 4px;
          padding-bottom: 4px;
          border-width: 1px !important;
          padding-left: 45px !important;
          padding-right: 45px !important;
          color: white;
          font-size: 13px;
      }

      #nav2 {
          left: 300px;
          position: absolute;
          top: 7px;
      }

      .reveal {
          position: relative;
          transform: translateY(-30px);
          opacity: 0;
          transition: 0.7s all ease;
      }

      .reveal.active {
          transform: translateX(0);
          opacity: 1;
      }

      #home {
          position: relative;
          transform: translateY(-30px);
          opacity: 0;
          transition: 0.7s all ease;
      }

      #home.active {
          transform: translateX(0);
          opacity: 1;
      }

      /*.codeanimate {
            position: relative;
            transform: translateY(-30px);
            opacity: 0;
            transition: 0.7s all ease;
          }

          .codeanimate.active {
            transform: translateX(0);
            opacity: 1;
          }*/

      .footer-hidden-image {
          display: none;
      }

      /*
          body {
            /* Set "my-sec-counter" to 0 */
      /* counter-reset: my-sec-counter;*/
      /* } */
      .codeF {
          font-family: SF-Mono, "Inconsolata", monospace !important;
          font-size: 15px !important;
          font-weight: 700;
          line-height: 2px;
          /*font-weight: bold;*/
          vertical-align: baseline;
      }

      .code1::before {
          counter-increment: my-sec-counter;
          content: counter(my-sec-counter) " ";
          color: #343a40;
          font-size: 18px;
          font-style: SF-Mono !important;
          text-align: left;
      }

      .code2::before {
          counter-increment: my-sec-counter2;
          content: counter(my-sec-counter2) " ";
          color: #343a40;
          font-size: 18px;
          font-style: SF-Mono !important;
      }

      .code3::before {
          counter-increment: my-sec-counter3;
          content: counter(my-sec-counter3) " ";
          color: #343a40;
          font-size: 18px;
          font-style: SF-Mono !important;
      }

      /*Code Section*/
      .block {
          -webkit-animation: codescaledown 0.5s linear;
          -moz-animation: codescaledown 0.5s linear;
          animation: codescaledown 0.5s linear;
          transform-origin: 50% 50%;
          animation-fill-mode: forwards;
      }

      .block:hover {
          z-index: 100;
          -webkit-animation: codescale 0.5s linear;
          -moz-animation: codescale 0.5s linear;
          animation: codescale 0.5s linear;
          transform-origin: 50% 50%;
          animation-fill-mode: forwards;
      }

      @keyframes codescale {
          0% {
              transform: scale(1);
          }

          100% {
              transform: scale(1.1);
          }
      }

      @keyframes codescaledown {
          0% {
              transform: scale(1.1);
          }

          100% {
              transform: scale(1);
          }
      }

      /*Scale Up and Down for Patners section*/
      .block_2 {
          -webkit-animation: scaledown 0.3s linear;
          -moz-animation: scaledown 0.3s linear;
          animation: scaledown 0.3s linear;
          transform-origin: 50% 50%;
          animation-fill-mode: forwards;
      }

      .block_2:hover {
          z-index: 100;
          -webkit-animation: scale 0.3s linear;
          -moz-animation: scale 0.3s linear;
          animation: scale 0.3s linear;
          transform-origin: 50% 50%;
          animation-fill-mode: forwards;
      }

      @keyframes scale {
          0% {
              transform: scale(1);
          }

          100% {
              transform: scale(1.2);
          }
      }

      @keyframes scaledown {
          0% {
              transform: scale(1.2);
          }

          100% {
              transform: scale(1);
          }
      }

      /*Arrow lines animation*/
      /*Arrow sliding*/

      @-webkit-keyframes slide {
          0% {
              opacity: 0;
              transform: translateX(13vw);
          }

          20% {
              opacity: 1;
              transform: translateX(8vw);
          }

          100% {
              opacity: 0;
              transform: translateX(-8vw);
          }
      }

      @keyframes slide {
          0% {
              opacity: 0;
              transform: translateX(13vw);
          }

          20% {
              opacity: 1;
              transform: translateX(8vw);
          }

          100% {
              opacity: 0;
              transform: translateX(-8vw);
          }
      }

      .g_than {
          position: absolute !important;
          top: 75px;
      }

      .g_than_2 {
          position: absolute !important;
          top: 0px;
      }

      /*Faq styles*/
      .accordion-button {
          color: white;
      }

      button.accordion-button::after {
          background-image: url("images/down.png");
      }

      .accordion-button:not(.collapsed)::after {
          background-image: url("images/top.png");
          transform: none;
      }

      .accordion-header {
          --bs-accordion-active-bg: none;
      }

      .accordion-item:hover {
          background-color: rgba(58, 58, 58, 0.5);
      }


      /*media queries*/
      /* Structure for web application in phone view */





      @media only screen and (min-width: 1200.9px) {
          #firstcard {
              height: 860px !important;
          }

      }



      @media only screen and (max-width: 800px) {
          .form-tab {
              width: 370px;
              margin-top: 2px;
              margin-left: 2px;
          }
      }

      @media only screen and (max-width: 992px) {
          .header .primary-menu .login-button {
              margin-top: 75px;
          }
      }

      @media only screen and (max-width: 992px) {
          .header .primary-menu .login-button {
              margin-top: 150px;
              padding-bottom: 15px;
          }
      }

      @media only screen and (max-height: 667px) and (max-width: 992px) {
          .footer {
              position: absolute !important;
              bottom: 0px !important;
              width: 100%;
              top: 0vh;
          }
      }

      @media only screen and (max-height: 667px) and (max-width: 576px) {
          .footer {
              position: absolute !important;
              bottom: 0px !important;
              width: 100%;
              /*background: linear-gradient(
          150deg,
          #571A7F 42%,
          #B22873 100%
          )*/
          }
      }

      @media only screen and (max-height: 667px) and (max-width: 576px) {
          .footer {
              position: absolute !important;
              bottom: 0px !important;
              width: 100%;
              /*background: linear-gradient(
          150deg,
          #571A7F 42%,
          #B22873 100%
          )*/
          }
      }

      @media only screen and (max-width: 992px) {
          #second-c {
              margin-top: 100px;
              margin-bottom: 100px;
          }
      }

      @media only screen and (max-width: 992px) {
          .header .primary-menu .login-button {
              margin-top: 75px;
          }
      }

      @media only screen and (max-width: 444px) {
          #logoimage {
              /*content: url('images/maz_logo.png');*/
              width: 100px !important;
          }
      }

      @media screen and (max-width: 810.9px) {
          .codeF {
              font-family: SF-Mono, "Inconsolata", monospace !important;
              font-size: 13px !important;
              font-weight: 700;
              line-height: 2px;
              /*font-weight: bold;*/
              vertical-align: baseline;
          }
      }


      /* Responsive Design */
      @media screen and (max-width: 1200px) {
          #nav2 {
              left: 160px;
          }
      }

      @media screen and (max-width: 992px) {
          #nav2 {
              left: 160px;
              top: 0px;
          }
      }

      @media screen and (max-width: 951.9px) {
          #firstcard {
              height: 805px !important;
          }
      }


      @media screen and (max-width: 645.9px) {
          #firstcard {
              height: 844px !important;
          }
      }

      @media screen and (max-width: 992px) {
          .header {
              margin-top: 20px;
          }
      }

      @media screen and (max-width: 846px) {
          .jumbo-header {
              font-size: 80px;
          }

          .subheadings {
              font-size: 50px !important;
          }
      }





      @media screen and (max-width: 618px) {
          .jumbo-header {
              font-size: 80px;
          }

          .subheadings {
              font-size: 37px !important;
          }

          #firstcard {
              height: 857px !important;
          }
      }

      @media screen and (max-width: 474px) {
          .jumbo-header {
              font-size: 50px;
          }

          .subheadings {
              font-size: 30px !important;
          }
      }

      @media screen and (max-width: 478px) {
          .jumbo-header {
              font-size: 45px;
              letter-spacing: -3px;
          }

          .subheadings {
              font-size: 30px !important;
          }

          .subheadings_2 {
              font-size: 15px !important;
          }
      }

      @media screen and (max-width: 472.9px) {
          #firstcard {

              height: 899px !important;

          }
      }

      @media screen and (max-width: 429.9px) {
          #firstcard {

              height: 940px !important;

          }
      }

      @media screen and (max-width: 426.9px) {
          #firstcard {

              height: 950px !important;

          }
      }



      @media screen and (max-width: 374px) {
          .jumbo-header {
              font-size: 39px;
              letter-spacing: -3px;
          }

          .subheadings {
              font-size: 25px !important;
          }
      }

      @media screen and (max-width: 992px) {
          .footer-content {
              position: absolute;
              top: 90px;
              left: 30px;
          }
      }

      @media screen and (max-width: 900px) {
          .footer-mazzuma {
              position: absolute;
              right: 329px;
              bottom: 28px;
          }

          .info {
              position: absolute;
              left: 40px;
              top: 20px;
          }

          .dash {
              position: absolute;
              left: 350px;
              top: 20px;
          }

          .legal {
              position: absolute;
              left: 500px;
              top: 20px;
          }

          .dev {
              position: absolute;
              left: 650px;
              top: 20px;
          }

          #footer-cont {
              margin-top: -15px;
          }
      }


      @media screen and (max-width: 856.9px) {
          .footer-mazzuma {
              right: 277px;
              ;
          }
      }

      @media screen and (max-width: 852px) {
          .footer-mazzuma {
              position: absolute;
              right: 305px;
              bottom: 28px;
          }
      }

      @media screen and (max-width: 826.9px) {
          .footer-mazzuma {
              position: absolute;
              right: 259px;
              bottom: 28px;
          }
      }

      @media screen and (max-width: 800px) {
          .info {
              position: absolute;
              left: 40px;
              top: 5px;
          }

          .dash {
              position: absolute;
              left: 340px;
              top: 20px;
          }

          .legal {
              position: absolute;
              left: 440px;
              top: 20px;
          }

          .dev {
              position: absolute;
              left: 560px;
              top: 20px;
          }
      }

      @media screen and (max-width: 783.9px) {
          .footer-mazzuma {
              position: absolute;
              right: 265px;
              bottom: 28px;
          }
      }

      @media screen and (max-width: 767.9px) {
          .footer-mazzuma {
              right: 225px;
          }
      }

      @media screen and (max-width: 735.9px) {
          .footer-mazzuma {
              right: 208px;
          }
      }

      @media screen and (max-width: 714.9px) {
          .footer-mazzuma {
              right: 192px;
          }
      }

      @media screen and (max-width: 692.9px) {
          .footer-mazzuma {
              right: 182px;
          }
      }

      @media screen and (max-width: 671.9px) {
          .footer-mazzuma {
              right: 168px;
          }
      }

      @media screen and (max-width: 712px) {
          .info {
              position: absolute;
              left: 40px;
              top: 5px;
          }

          .dash {
              position: absolute;
              left: 280px;
              top: 5px;
          }

          .legal {
              position: absolute;
              left: 390px;
              top: 5px;
          }

          .dev {
              position: absolute;
              left: 500px;
              top: 5px;
          }
      }



      @media screen and (max-width: 416px) {
          .dark_b {
              display: none;
          }

          .dots_1 {
              display: none;
          }

          .dots_2 {
              display: block !important;
          }
      }

      .second-footer {
          display: none;
      }

      @media screen and (max-width: 360px) {
          .second {
              height: 500px !important;
          }
      }

      @media screen and (max-width: 500px) {
          .third {
              height: 500px !important;
          }
      }

      @media screen and (max-width: 368px) {
          .third {
              height: 650px !important;
          }
      }


      @media screen and (max-width: 620px) {
          #scene10 {
              top: 3500px !important;
              right: 100px !important;
          }
      }

      @media screen and (max-width: 991px) {

          .g_than,
          .l_than,
          .g_than_2,
          .l_than_2 {
              display: none;
          }

      }

      @media screen and (min-width: 992px) {
          .first2 {
              display: block !important;
          }

          /* .second2 {
              display: block !important;
          }*/
      }

      @media screen and (max-width: 991px) {
          #signin-button {
              display: none !important;
          }

          #nav_getstarted {
              display: none !important;
          }

          #logoimage {
              width: 120px !important;
          }

          #nav2 {
              top: 0px !important;
          }

          .header {
              margin-top: 40px;
          }

      }



      @media screen and (max-width: 668px) {
          #secondcard {
              height: 451px !important;
          }
      }



      @media screen and (max-width: 488px) {
          #thirdcard {
              height: 488px !important;
          }
      }


      @media screen and (max-width: 452.9px) {
          #thirdcard {
              height: 470px !important;
          }
      }

      @media screen and (max-width: 437px) {


          #secondcard {
              height: 508px !important;
          }

          #thirdcard {
              height: 498px !important;
          }
      }



      @media screen and (max-width: 416.9px) {
          #firstcard {
              height: 947px !important;
          }
      }

      @media screen and (max-width: 397.9px) {
          #firstcard {
              height: 1007px !important;
          }
      }

      @media screen and (max-width: 390.9px) {
          #firstcard {
              height: 1027px !important;
          }
      }



      @media screen and (max-width: 342px) {
          #firstcard {
              height: 1040px !important;
          }
      }

      @media screen and (max-width: 366px) {
          #thirdcard {
              height: 1000px !important;
          }
      }

      @media screen and (max-width: 336px) {
          #firstcard {
              height: 500px !important;
          }
      }

      @media screen and (max-width: 328px) {
          #secondcard {
              height: 700px !important;
          }
      }




      @media screen and (max-width: 296px) {
          #firstcard {
              height: 650px !important;
          }

          #secondcard {
              height: 750px !important;
          }

          #thirdcard {
              height: 1100px !important;
          }

          #icon-small {
              margin-left: -26px;
          }
      }

      @media screen and (max-width: 282px) {
          #secondcard {
              height: 800px !important;
          }
      }

      @media screen and (max-width: 276px) {
          #secondcard {
              height: 980px !important;
          }
      }

      @media screen and (max-width: 270px) {
          #thirdcard {
              height: 1200px !important;
          }
      }

      @media screen and (max-width: 258px) {
          #thirdcard {
              height: 1300px !important;
          }
      }

      @media screen and (max-width: 238px) {
          #firstcard {
              height: 800px !important;
          }
      }

      @media screen and (max-width: 280px) {
          #join_button {
              line-height: 20px;
          }
      }

      @media screen and (max-width: 569px) {

          #row1,
          #row2 {
              margin-top: 40px;
          }
      }

      @media screen and (max-width: 282px) {
          #get_started_b2 {
              line-height: 25px;
          }
      }

      @media screen and (max-width: 4000px) {

          #lthan,
          #lthan2 {
              left: 58vw !important;
          }
      }

      @media screen and (max-width: 3000px) {

          #lthan,
          #lthan2 {
              left: 57.5vw !important;
          }
      }

      @media screen and (max-width: 2000px) {

          #lthan,
          #lthan2 {
              left: 57.5vw !important;
          }
      }

      @media screen and (max-width: 1340px) {

          #lthan,
          #lthan2 {
              right: -2vw !important;
          }
      }

      @media screen and (max-width: 1300px) {

          #lthan,
          #lthan2 {
              right: -3vw !important;
          }
      }

      @media screen and (max-width: 1278px) {

          #lthan,
          #lthan2 {
              right: -4vw !important;
          }
      }

      @media screen and (max-width: 1260px) {

          #lthan,
          #lthan2 {
              right: -5vw !important;
          }
      }

      @media screen and (max-width: 1230px) {

          #lthan,
          #lthan2 {
              right: -6vw !important;
          }
      }

      @media screen and (max-width: 1200px) {

          #lthan,
          #lthan2 {
              right: -7vw !important;
          }
      }

      @media screen and (max-width: 1176px) {

          #lthan,
          #lthan2 {
              right: -8vw !important;
          }
      }

      @media screen and (max-width: 1166px) {

          #lthan,
          #lthan2 {
              right: -9vw !important;
          }
      }

      @media screen and (max-width: 1145px) {

          #lthan,
          #lthan2 {
              right: -9vw !important;
          }
      }

      @media screen and (max-width: 1130px) {

          #lthan,
          #lthan2 {
              right: -11vw !important;
          }

          #gthan,
          #gthan2 {
              right: -35vw !important;
          }
      }

      @media screen and (max-width: 1123px) {

          #lthan,
          #lthan2 {
              right: -12vw !important;
          }
      }

      @media screen and (max-width: 1100px) {

          #lthan,
          #lthan2 {
              right: -13vw !important;
          }
      }

      @media screen and (max-width: 1074px) {

          #lthan,
          #lthan2 {
              right: -14vw !important;
          }
      }

      @media screen and (max-width: 1054px) {

          #lthan,
          #lthan2 {
              right: -15vw !important;
          }
      }

      @media screen and (max-width: 1050px) {
          #lthan {
              top: 140px !important;
          }

          #gthan {
              top: 65px !important;
          }
      }

      @media screen and (max-width: 1038px) {

          #lthan,
          #lthan2 {
              right: -17vw !important;
          }

          #gthan,
          #gthan2 {
              right: -34vw !important;
          }
      }

      @media screen and (max-width: 1010px) {

          #lthan,
          #lthan2 {
              right: -18vw !important;
          }
      }

      @media screen and (max-width: 845px) {
          #ada {
              margin-left: 1px !important;
          }

          #coinbase {
              margin-right: 1px !important;
          }
      }

      @media screen and (max-width: 840px) {
          #nrow2 {
              margin-left: -60px !important;
          }
      }

      @media screen and (max-width: 675px) {
          #nrow2 {
              margin-left: -50px !important;
          }
      }

      @media screen and (max-width: 542px) {

          #ada,
          #poly,
          #concensys,
          #coinbase {
              width: 220px !important;
          }

          #nrow2 {
              margin-top: 40px !important;
          }
      }

      @media screen and (max-width: 420px) {

          #concensys,
          #coinbase {
              width: 180px !important;
              margin-left: 20px !important;
          }
      }

      @media screen and (max-width: 386px) {

          #concensys,
          #coinbase {
              width: 180px !important;
              margin-left: 20px !important;
          }
      }

      @media screen and (max-width: 348px) {

          #ada,
          #poly,
          #concensys,
          #coinbase {
              width: 170px !important;
              margin-left: 20px !important;
          }

          #ef,
          #cardano,
          #emurgo,
          #cvvc {
              width: 170px !important;
          }
      }

      @media screen and (max-width: 309px) {

          #cardano,
          #emurgo {
              margin-top: 30px !important;
          }

          #ada {
              margin-top: -30px !important;
          }
      }

      @media screen and (max-width: 373px) {

          .header_button_1,
          .header_button_2 {
              font-size: 15px !important;
              padding-top: 20px;
              padding-bottom: 20px;
              padding-left: 50px;
              padding-right: 50px;
          }
      }

      @media screen and (max-width: 284px) {
          #get_started_b2 {
              padding-top: 15px;
              padding-bottom: 15px;
          }
      }

      @media screen and (max-width: 288px) {
          .header_button_2 {
              padding-left: 30px;
              padding-right: 30px;
          }
      }

      @media screen and (max-width: 281px) {
          .header_button_2 {
              padding-top: 15px;
              padding-bottom: 15px;
          }
      }

      @media screen and (max-width: 234px) {
          .header_button_2 {
              padding-top: 15px;
              padding-bottom: 15px;
              padding-left: 20px;
              padding-right: 20px;
              font-size: 13px !important;
          }
      }



      @media screen and (max-width: 390px) {
          #dashboard-footer {
              display: none !important;
          }

          #dashboard-footer2 {
              margin-top: -10px;
              display: block !important;
          }
      }

      @media screen and (max-width: 329px) {
          #footer-cont {
              margin-top: -10px;
          }
      }



      @media screen and (max-width: 623.9px) {

          .codeF {
              font-size: 12px !important;
          }
      }




      @media screen and (max-width: 420.9px) {
          #thirdcard {
              height: 500px !important;
          }
      }

      @media screen and (max-width: 390.9px) {
          #thirdcard {
              height: 524px !important;
          }


      }

      @media screen and (max-width: 380.9px) {
          #firstcard {
              height: 1080px !important;
          }


      }

      @media screen and (max-width: 352.9px) {
          #firstcard {
              height: 1127px !important;
          }


      }

      @media screen and (max-width: 348.9px) {
          #firstcard {
              height: 1227px !important;
          }


      }



      @media screen and (max-width: 347.9px) {
          #thirdcard {
              height: 550px !important;
          }

          #secondcard {
              height: 505px !important;
          }
      }



      @media screen and (max-width: 338.9px) {
          #thirdcard {
              height: 600px !important;
          }

          #secondcard {
              height: 550px !important;
          }

          #firstcard {
              height: 1300px !important;
          }
      }


      @media screen and (max-width: 314px) {
          #firstcard {
              height: 1088px !important;
          }
      }

      @media screen and (max-width: 308px) {
          #firstcard {
              height: 1200px !important;
          }
      }


      @media screen and (max-width: 298.9px) {


          #thirdcard {
              height: 715px !important;
          }
      }

      @media screen and (max-width: 289.9px) {

          #secondcard {
              height: 605px !important;
          }

          #firstcard {
              height: 1250px !important;
          }

      }


      @media screen and (max-width: 283.9px) {


          #secondcard {
              height: 604px !important;
          }

          #thirdcard {
              height: 664px !important;
          }
      }



      @media screen and (max-width: 652px) {
          .footer-hidden-image {
              display: block;
          }

          .footer-content {
              display: none !important;
          }

          .second-footer {
              display: block;
          }

          .footer-mazzuma {
              display: none;
          }

          footer {
              height: 350px;
          }
      }

      @media screen and (max-width: 594px) {
          #footer-over {
              margin-right: 10vw !important;
          }
      }

      @media screen and (max-width: 576px) {
          #footer-over {
              margin-left: 11vw !important;
          }
      }

      @media screen and (max-width:584.9px) {
          .jumbo-header {
              font-size: 76px;
          }
      }


      @media screen and (max-width:575.9px) {
          .jumbo-header {
              font-size: 76px;
          }

          #firstcard_container,
          #secondcard_container,
          #thirdcard_container {
              width: 95%;
              margin: auto;
          }

      }

      @media screen and (max-width:575.9px) {
          .jumbo-header {
              font-size: 66px;
          }



      }

      @media screen and (max-width:575.9px) {
          .jumbo-header {
              font-size: 61px;
          }
      }

      @media screen and (max-width:442.9px) {
          .jumbo-header {
              font-size: 54px;
          }
      }

      @media screen and (max-width:399.9px) {
          .jumbo-header {
              font-size: 52px;
          }
      }

      @media screen and (max-width:386.9px) {
          .jumbo-header {
              font-size: 40px;
          }
      }

      @media screen and (max-width: 281.9px) {
          #thirdcard {
              height: 716px !important;
          }

          #firstcard {
              height: 1294px !important;
          }

          .smallwidth {
              width: 213px;
          }
      }

      .fa {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }

      @media screen and (max-width:400px) {
          .footer .foo-btm {
              /* background-color: rgba(0, 0, 0, 0.1); */
              padding: 25px;
              margin-top: 6px;
          }
      }

      @media screen and (max-width: 1200px) {
          #scene4 {
              position: absolute;
              width: 901px;
              right: 540px !important;
              top: 1671px;
              transform: translate3d(0px, 0px, 0px);
              transform-style: preserve-3d;
              backface-visibility: hidden;
          }
      }

      @media screen and (max-width: 992px) {
          #scene4 {
              position: absolute;
              width: 901px;
              right: 457px !important;
              top: 1671px;
              transform: translate3d(0px, 0px, 0px);
              transform-style: preserve-3d;
              backface-visibility: hidden;
          }
      }

      @media screen and (max-width: 860px) {
          #scene4 {

              right: 367px !important;
          }
      }

      @media screen and (max-width: 703.9px) {
          #scene4 {

              top: 1582px !important;

              right: 180px !important;
          }
      }

      @media screen and (max-width: 545.9px) {
          #scene4 {
              #scene4 {
                  top: 1582px !important;
                  right: 320px !important;
              }
          }
      }