@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-Regular.woff2') format('woff2'),
        url('../fonts/BebasNeue-Regular.woff') format('woff'),
        url('../fonts/BebasNeue-Regular.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
body{
   font-family: 'Montserrat', sans-serif;
}
.fw-300{
   font-weight: 300;
}
.fw-400{
   font-weight: 400;
}
.fw-500{
   font-weight: 500;
}
.fw-600{
   font-weight: 600;
}
.fw-700{
   font-weight: 700;
}
.fw-800{
   font-weight: 800;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-18 {
    font-size: 18px!important;
    line-height: 1.2;
}
.fs-20{
   font-size: 20px!important;
}
.lh-1{
   line-height: 1.1;
}
.icf-banner{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffff01+0,ffff01+85,ffffff+100 */
   background: linear-gradient(to bottom,  #ffff01 0%,#ffff01 69%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.icf-banner h4 span{
   font-size: 35px;
}
/*.icf-banner img{
   filter: brightness(1.05);
}*/
.blue-card {
   color: #fff;
   padding: 20px 50px;
   min-height: 400px;
   display: flex;
   align-items: center;
   position: absolute;
   top: 50%;
   left: 0;
   right: 0;
   margin: 0 auto;
   max-width: 900px;
   transform: translate(0,-50%);
}
.earned-chances{
   position: relative;
}
.icf-ribbon {
   position: relative;
   pointer-events: none;
   margin: 0 auto;
   display: block;
   max-width: 1200px;
   width: 100%;
   min-height: 420px;
}
.chances-earned{
   text-transform: uppercase;
   line-height: 1;
}
.chances-earned .ce-lg{
   font-size: 4rem;
}
.chances-earned .ce-md{
   font-size: 3rem;
}
.chances-earned .ce-xl{
   font-size: 9rem;
}

.chances-earned span {
   text-shadow: 0px 2px 11px rgba(0,0,0,0.3);
}
.chances-earned{
   border-width:2px ;
   border-color: #fff;
}
.ev-box {
   border: 2px solid #fff;
   font-weight: 700;
   font-size: 6rem;
   padding: 10px;
   text-align: center;
   border-radius: 16px;
   line-height: 1;
   width: 170px;
   display: block;
   color: #fff;
}
.ev-box small{
   font-size: 1.2rem;
   display: block;
   font-weight: 600;
}
.ev-total{
   text-align: center;
   padding: 10px;
   font-size: 3rem;
   font-weight: 600;
   display: block;
   line-height: 1;
}
.blue-card hr{
   border-width: 2px;
   border-color: #fff;
}
.bw-chances{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff9f9+0,fff9f9+8,fffe03+100 */
   background: linear-gradient(to bottom,  rgba(255,249,249,1) 0%,rgba(255,249,249,1) 8%,rgba(255,254,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   max-height: 510px;
}
.bw-card {
   background: #fff;
   text-align: center;
   font-weight: 600;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   padding: 20px;
   box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
   width: 90%;
   margin: 0 auto;
   font-size: 20px;
   font-weight: 700;
   position: relative;
   height: 100%;
}
.bw-plus{
   font-size: 8rem;
   font-weight: 700;
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#14cffe+0,0065f6+100 */
   background: linear-gradient(to right,  rgba(20,207,254,1) 0%,rgba(0,101,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   width: 75px;
   margin: 0 auto;
   line-height: 0.9;
}
.bw-title{
   height: 75px;
   background: #0789F9;
   color: #fff;
   line-height: 1;
   padding: 20px;
   margin:25px -30px 10px -30px;
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
}
.bw-title:hover, .bw-title:focus{
   color: #fff;
   text-shadow: 0px 2px 11px rgba(0,0,0,0.3);
}
.bw-blue{
   background: #0789F9;
}
.bw-gradient1{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#60d1cb+0,0290b4+100 */
   background: linear-gradient(to right,  rgba(96,209,203,1) 0%,rgba(2,144,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bw-gradient2{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3ff1fe+0,01adff+100 */
   background: linear-gradient(to right,  rgba(63,241,254,1) 0%,rgba(1,173,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.bw-info {
   position: absolute;
   right: 15px;
   top: 10px;
   color: #666;
   border: 1px solid #666666;
   display: inline-block;
   width: 20px;
   height: 20px;
   line-height: 1;
   border-radius: 25px;
   font-size: 12px;
   padding: 4px;
   font-weight: 800;
}
.icf-upcoming{
   padding-top: 120px;
}
.icf-sharing {
   display: flex;
   align-items: center;
}
.icf-link {
   background: #f2f2f2;
   height: 60px;
   font-size: 28px;
   font-weight: 700;
   letter-spacing: 2px;
   padding: 8px 15px;
   text-align: center;
   width: 100%;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: center;
}
.icf-link p{
   white-space: normal;
   word-break: break-all;

}
.icf-copy, .icf-share{
   height: 60px;
   min-width: 60px;
   padding:8px;
   text-align: center;
   color: #fff;
   font-size: 22px;
   font-weight: 600;
   display: flex;
  justify-content: center;
  align-items: center;
}
.icf-copy:hover, .icf-share:hover,
.icf-copy:focus, .icf-share:focus{
   color: #fff;
}
.icf-copy i, .icf-share i{
   font-size: 30px;
   margin-left: 10px;
}
.icf-arrow {
   position: absolute;
   bottom: 50px;
   left: 11px;
   width: 45px;
}
.ue-card{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008fb4+71,60d1cb+100 */
   background: linear-gradient(to bottom,  rgba(0,143,180,1) 71%,rgba(96,209,203,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   color: #fff;
   border-radius: 24px;
   overflow: hidden;
   display: block;
   transition: 0.2s ease;
   height: 100%;
   position: relative;
}
.ue-card:hover, .ue-card:focus{
   color: #fff;
   box-shadow: 0px 5px 15px rgba(0,0,0,0.2);
   transition: 0.2s ease;
}
.ue-details{
   padding: 15px;
   height: calc(100% - 300px);
   display: flex;
   flex-direction: column;
}
.ue-card img{
   width: 100%;
   border-radius: 24px;
   height: 312px;
   object-fit: contain;
}
.count-board {
   background: linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(25,25,25,1) 100%);
   text-align: center;
   font-size: 7rem;
   font-weight: 800;
   width: 100%;
   margin: 0 8px;
   line-height: 1;
   border-radius: 16px;
   box-shadow: 0px 3px 4px rgba(0,0,0,0.4);
   position: relative;
}
.count-number{
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7e7e7+0,9d9d9d+100 */
   background: linear-gradient(to bottom,  rgba(231,231,231,1) 0%,rgba(157,157,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: inline-block;
   text-shadow: 0px 2px 4px rgba(0,0,0,0.1);
   font-family: 'Bebas Neue', sans-serif;
}
.count-number.text-red{
   background: transparent;
   -webkit-text-fill-color: initial;
   color: #fe0000;
}
.text-red{
   color: #fe0000 !important;
}
.count-pair{
   display: flex;
}
.count-desc {
   display: block;
   text-align: center;
   font-weight: 700;
   margin-top: 10px;
   font-size: 20px;
}
.icf-counter{
   text-align: center;
   margin-top: -150px;
   position: relative;
   padding-left: 20px;
   padding-right: 20px;
}
.icf-counter img{
   max-width: 300px;
   margin: 0 auto;
}
.count-board::after {
   position: absolute;
   content: '';
   height: 20px;
   width: 15px;
   left: -5px;
   top: 50%;
   background-image: url(../img/tv/lock-left.png);
   z-index: 1;
   background-size: 13px;
   background-repeat: no-repeat;
   background-position: center center;
   margin-top: -10px;
}
.count-board::before {
   position: absolute;
   content: '';
   height: 20px;
   width: 15px;
   right: -5px;
   top: 50%;
   background-image: url(../img/tv/lock-right.png);
   z-index: 1;
   background-size: 13px;
   background-repeat: no-repeat;
   background-position: center center;
   margin-top: -10px;
}
.count-number:after{
   position: absolute;
   height: 1px;
   width: 100%;
   content: '';
   top: 50%;
   background: #000000;
   left: 0;
   box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
}
.nd-title{
   display: block;
   position: relative;
   margin-bottom: 20px;
}
.nd-title:after{
   position: absolute;
   height: 2px;
   width: 300px;
   content: '';
   top: 50%;
   left: -20px;
   margin-top: -1px;
   background: #000000;
   box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
}
.nd-title:before{
   position: absolute;
   height: 2px;
   width: 300px;
   content: '';
   top: 50%;
   right: -20px;
   margin-top: -1px;
   background: #000000;
   box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
}
.icf-counter:after{
   position: absolute;
   height: 108px;
   width: 18px;
   content: '';
   top: 28px;
   right: 0;
   margin-top: -1px;
   background: transparent;
   box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
   width: 18px;
   border-right: 2px solid #000;
   border-bottom: 2px solid #000;
}
.icf-counter::before {
   position: absolute;
   height: 108px;
   content: '';
   top: 28px;
   left: 0;
   margin-top: -1px;
   background: transparent;
   box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
   width: 18px;
   border-left: 2px solid #000;
   border-bottom: 2px solid #000;
}
.ev-box:hover{
  -webkit-animation-name: shake;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
  color: #fff;
}
.bw-card:hover{
    -webkit-animation-name: shake;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-transform-origin: 50% 100%;
}
.icf-arrow .svg {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
svg .draw-arrow {
  stroke-width: 5;
  stroke: red;
  fill: none;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: draw;
  -moz-animation-name: draw;
  animation-name: draw;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  animation-duration: 4s;
}
svg .draw-arrow.tail-1 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: draw;
  -moz-animation-name: draw;
  animation-name: draw;
  animation-duration: 4s;
}
svg .draw-arrow.tail-2 {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: draw;
  -moz-animation-name: draw;
  animation-name: draw;
  animation-duration: 4s;
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-moz-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(-2px, 0px) rotate(1deg);
  }
  30% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    -webkit-transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    -webkit-transform: translate(-2px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(1px, -2px) rotate(-1deg);
  }
}
.attendMC {
   position: relative;
   padding-right: 75px;
   font-weight: 500;
   border-top: 1px solid #ddd;
   padding-top: 10px;
}
.attendMC span {
   font-size: 3rem;
   font-weight: 600;
   position: absolute;
   right: 0;
   top: 5px;
   line-height: 1;
}
.eva-card{
   background: #fff;
   padding: 20px 30px;
   border-radius: 20px;
   box-shadow: 5px 6px 15px rgba(0,0,0,0.5);
}
.eva-card::after{
   position: absolute;
   content: '';
   height: calc(100% - 160px);
   background: #0883ed;
   border-radius: 20px;
   bottom: 5px;
   left: 5px;
   right: 5px;
   z-index: -1;
   position: ;
   pointer-events: none;
}
.eva-modal .modal-body {
   background-image: url(../img/tv/img-bg-434234.png);
   padding-top: 110px;
   background-repeat: no-repeat;
   background-position: top right;
   background-size: 200px;
}
.evr-modal .eva-card {
   background-image: url(../img/tv/ribbon-bg.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   min-height: 400px;
   
}
.evr-modal#earnedReferrals .eva-card {
   background-image: url(../img/tv/bg-img-43423.png);
   background-repeat: no-repeat;
   background-size: 40%;
   background-position: bottom right;
   min-height: 300px;
   max-height: 500px;
   overflow: auto;
   scrollbar-width: thin;
   scrollbar-color: #aab7cf transparent;
}
.table-referrals td, .table-referrals th {
   padding: 5px 15px 5px 0;
}
.chances-card{
   background: #a0e0e0;
   border-radius: 20px;
   box-shadow: 0px 4px 12px rgba(0,0,0,0.3);
   padding-top: 30px;
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   width: 100%;
}
.chances-card .bw-info{
   padding: 4px 7px;
}
.chances-card img{
    width: 100px;
    /*height: 150px;*/
    margin: 0 auto;
    display: block;
    margin-top: auto;
    margin-bottom: 30px;
}
#eventsAttend .eva-card{
   max-height: 400px;
  overflow: auto;
     scrollbar-width: thin;
   scrollbar-color: #aab7cf transparent;
}
.ch-badge {
   position: absolute;
   top: 10px;
   right: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: rgba(255,255,255,0.95);
   height: auto;
   width: auto;
   max-width: 80px;
   padding: 6px;
   font-weight: 600;
   line-height: 1.2;
   border-radius: 15px;
   box-shadow: 0px 4px 7px rgba(0,0,0,0.3);
}
.ch-badge-text{
  /* background: linear-gradient(to right, rgba(20,207,254,1) 0%,rgba(0,101,246,1) 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color: #000;
  padding-top: 0;
  text-align: center;
  font-size: 18px;
}
.ch-badge small {
   font-size: 9px;
   font-weight: 600;
   vertical-align: top;
}
.event-over .ue-details{
   filter: grayscale(1);
}
.ue-card.event-over{
   background: #a4a4a4;
}
@media screen and (max-width:1199px){
   .ev-box{
      width: 140px;
      font-size: 4rem;
   }
   .ev-total{
      line-height: 0.5;
   }
   .ev-box small {
      font-size: 1rem;
   }
   .blue-card{
      padding-left: 60px;
      padding-right: 60px;
   }
   .count-board{
      font-size: 6rem;
   }
   .icf-counter::before, .icf-counter::after{
      height: 99px;
   }
}
@media screen and (max-width:991px){ 
   .count-board {
      font-size: 5rem;
   }
   .blue-card{
      padding-left: 100px;
      padding-right: 100px;
   }
   .chances-earned .ce-lg{
      font-size: 3rem;
   }
   .chances-earned .ce-md {
      font-size: 2.5rem;
   }
   .nd-title::before, .nd-title::after{
      width: 220px;
   }
   .icf-counter::before, .icf-counter::after{
      height: 90px;
   }
   .icf-upcoming {
      padding-top: 100px;
   }
   .ue-card img {
      min-height: 250px;
      height: 250px;
   }
   .icf-link{
      font-size: 20px;
      padding: 0 15px;
      line-height: 1.2;
   }
   .bw-chances{
      max-height: initial;
      padding-bottom: 50px;
   }
   .bw-card {
      max-width: 330px;
      margin: 0 auto 15px auto;
      height: auto;
   }
      .chances-card {
      max-width: 330px;
   }
      .icf-upcoming {
      padding-top: 60px;
   }
   .chances-card{
      height: 258px;
      width: 90%;
   }
  
  
}
@media screen and (max-width:810px){

   .ue-card img {
      min-height: 210px;
      height: 210px;
   }
}
@media screen and (max-width:767px){ 


   .icf-banner h4 {
      font-size: 1.2rem;
   }
   .icf-banner h4 span {
      font-size: 28px;
   }
   .chances-earned .ce-lg {
      font-size: 2.5rem;
   }
   .chances-earned .ce-md {
      font-size: 2rem;
   }
   .chances-earned .ce-xl {
      font-size: 7rem;
   }
   .ev-box {
      width: 120px;
      font-size: 3rem;
   }
   .icf-ribbon{
      min-height: 350px;
   }
   .icf-counter{
      margin-top: -70px;
   }
   .count-board::before, .count-board::after{
      height: 16px;
      width: 12px;
      margin-top: -7px;
   }
   .nd-title::before, .nd-title::after {
      width: 130px;
   }
   .bw-card{
      font-size: 18px;
      padding: 15px;
   }
   .bw-title{
      height: 70px;
      padding: 10px;
      margin: 10px -30px 0 -30px;
   }

   .ue-card{
      margin: 0 auto 20px auto;
      max-width: 330px;
   }
   .blue-card {
      padding-left: 80px;
      padding-right: 80px;
   }
   .count-board{
      border-radius: 8px;
   }
   .ue-card{
      height: auto;
   }
   .ue-card img {
      width: 100%;
      border-radius: 24px;
      min-height: initial;
      height: 300px;
   }
   .chances-card img{
      margin-bottom: 0;
   }

   .chances-card{
      height: 238px;
      margin-bottom: 20px;
   }
   .bw-card{
      margin-bottom: 20px;
      padding-bottom: 50px;
       height: auto;
   }
   .icf-arrow{
      display: none;
   }
   .bw-card{
      padding-bottom: 30px;
   }
    .chances-card p{
      font-size: 14px;
      line-height: 1.2;
   }

}
@media screen and (max-width:667px){
   .count-board {
      font-size: 3rem;
   }
   .icf-counter::before, .icf-counter::after {
      height: 64px;
      top: 20px;
   }
   .icf-counter img {
      max-width: 200px;
   }
   .count-desc{
      font-size: 14px;
   }
   .count-board::before, .count-board::after {
      height: 12px;
      width: 8px;
   }
   .chances-earned .ce-lg {
      font-size: 2.2rem;
   }
   .chances-earned .ce-md {
      font-size: 1.5rem;
   }
}
@media screen and (max-width:576px){
   .bw-chances{
      max-height: initial;
   }
   .bw-card{
      height: auto;
   }
   
   .icf-arrow{
      display: none;
   }
   .icf-link {
      font-size: 16px;
      padding: 14px 5px;
      height: 52px;
   }
   .icf-copy, .icf-share {
      height: 50px;
      min-width: 50px;
      font-size: 24px;
   }
   .blue-card{
      flex-direction: column;
   }
   .chances-earned{
      width: 100%;
   }
   .chances-earned .ce-xl {
      font-size: 5rem;
   }
   .earnedVia  {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .ev-box{
      height: 110px;
   }
   .blue-card hr{
      display: none;
   }
   .chances-earned{
      text-align: center;
   }
   .blue-card{
      min-height: 280px;
      padding-left: 30px;
      padding-right: 30px;
   }
   .nd-title::before, .nd-title::after {
      width: 75px;
   }
   .icf-upcoming {
      padding-top: 40px;
   }
   .count-board{
      margin: 0 5px;
   }
   .count-board::before{
      right: -3px;
   }
   .count-board::after{
      left: -3px;
   }
   .icf-copy, .icf-share {
      font-size: 18px;
   }
   .icf-copy i, .icf-share i {
      font-size: 22px;
      margin-left: 5px;
   }
   .chances-card .nd-img{
      height: auto;
   }
   .chances-card h4{
      font-size: 1.2rem;
   }
   .chances-card img{
      width: 85px;
   }
}
@media screen and (max-width:480px){
   .icf-link {
      padding: 5px 15px;
      height: 52px;
      line-height: 1.3;
   }
   .icf-counter {
      margin-top: -20px;
   }
   .count-board{
      padding: 0 5px;
   }
   .nd-title::before, .nd-title::after {
      width: 50px;
   }
   .count-desc {
      font-size: 10px;
   }
   .count-board::before, .count-board::after {
      height: 10px;
      width: 6px;
      margin-top: -5px;
   }
   .count-board {
      margin: 0 4px;
   }
   .ev-total{
      padding: 5px;
   }
   .ev-box small {
      font-size: 14px;
   }
   .ev-box {
      height: 105px;
   }
   .icf-copy, .icf-share {
      height: 50px;
      min-width: 40px;
   }
   .icf-link{
      font-size: 14px;
   }
   .icf-copy, .icf-share {
      font-size: 16px;
   }
   .icf-copy i, .icf-share i {
      font-size: 20px;
      margin-left: 5px;
   }
   .bw-plus{
      font-size: 6rem;
   }
   .chances-card .d-block {
     display: inline !important;
   }
   .chances-card img{
      width: 85px;
   }
    .chances-card p{
      font-size: 13px;
   }
    .chances-card{
      padding-top: 15px;
   }
   .bw-card, .chances-card{
      width: 100%;
   }
   .bw-title {
      margin: 10px -25px 0 -25px;
   }

}

.text-line1 {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.text-line2 {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}