@import url("https://fonts.googleapis.com/css?family=Montserrat");
        * {
          box-sizing: border-box;
        }
        .slider {
          position: relative;
          width: 100%;
          height: auto;
        }

        .wrapper {
          overflow: hidden;
          position: relative;
          z-index: 1;
        }

        #items {
          width: 10000px;
          position: relative;
          top: 0;
        }

        #items.shifting {
          transition: left .2s ease-out;
        }

        .slide {
          width: 365px;
          height: auto;
          cursor: pointer;
          float: left;
          display: flex;
          flex-direction: column;
          justify-content: center;
          transition: all 1s;
          position: relative;
        }

        @media only screen and (max-width: 380px) {
          .slide {
            width: 345px;
            height: auto;
            cursor: pointer;
            float: left;
            display: flex;
            flex-direction: column;
            justify-content: center;
            transition: all 1s;
            position: relative;
          }
        }

      @font-face {
        font-family: "Century Gothic-Regular";
        font-style: normal;
        font-weight: 400;
        src: url('https://anima-uploads.s3.amazonaws.com/projects/63732af25a06ed5bc212da37/fonts/century-gothic.ttf') format("truetype");
      }
      @import url("https://px.animaapp.com/64993ca58390e92afab9c410.64993ca73c96d1d441e24f11.Owkr16w.hch.png");

      

      * {
        box-sizing: border-box;
      }

      :root {
        --black: #000000;
        --white: #ffffff;
        --font-size-l: 14px;
        --font-size-m: 13px;
        --font-size-s: 12px;
        --font-size-xl: 15px;
        --font-size-xs: 11px;
        --font-size-xxs: 10px;
        --font-family-century_gothic-regular: "Century Gothic-Regular", Helvetica;
        --font-family-oxygen: "Oxygen", Helvetica;
        --font-family-roboto: "Roboto", Helvetica;
      }

      .h3style{font-size: 14px; font-weight: bold;}
    .boxtop {margin-top: 1em}
        .textDiv_Seconds {display: none;}
        .timerstyle { width: 150px; height: 93px; margin-left: -0.6em; margin-top: -0.6em}
         .group-1099-b5FBd4 {
            background-color: #fff;
            border-radius:50%;
            border: 2px solid #ccc;
            height: 76px;
            right: -30px;
            position: absolute;
            top: 26px;
            width: 76px;
          }
        .item {
            position: relative;
            top: -43px;
            left: -45px;
        }

        .item h2 {
            text-align:center;
            position: relative;
            line-height: 5px;
            width: 100%;
        }

        svg {
            transform: rotate(-90deg);
        }

        .circle_animation {
            stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
            stroke-dashoffset: 440;
            transition: all 1s linear;
        }
        .pdleft {padding-left: 0px}
        .pdright {padding-right: 0px}
        hr {
            margin-top: 0rem;
            margin-bottom: 0rem;
            border: 0;
            border-top: 2px solid rgb(255 255 255);
        }
        .mthalf{margin-top: 0.5em;}
        .token {color: #000; text-align: center; font-size: 11px; margin-top: 1em}
        .token .number { font-weight:bold; }
        .token .joinnow{margin-top: 2.3em}
        .joinnowbg {background: #FFF500; border: 6px solid #00D142;}