@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #000;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

html {
  scroll-behavior: smooth;
}
body {
	font-family: 'Poppins', sans-serif;
	line-height: 1;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.crypto_wrap .hide{  height: 0; overflow: hidden; visibility: hidden; }
.crypto_wrap .show{ height: auto; overflow: inherit; visibility: visible; }

.overlay{position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    box-sizing: border-box;
    background-color: rgba(000,000,000,0.8);
    z-index: 99;
    display: none; }
.crypto_popup{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; display: flex;
    justify-content: center;
    align-items: center;
     }

 .popup_text{max-width: 60%; position:absolute; background-color: #fff; padding: 20px; font-size: 18px; line-height: 25px; }
 .popup_text a{color:#1f72ef;}

  .crypto_popup .closed{ width: 30px; height: 30px; background-color: #000; font-size: 14px; text-align: center; line-height: 30px; color: #fff; position: absolute;
    right: -11px;
    top: -10px;
    border-radius: 50%; cursor: pointer; }

.crypto_wrap {
	margin: auto;
}
.crypto_wrap p{ line-height: 25px; }

.crypto_wrap .heading {
	font-size: 45px;
	color: #f0aa39;
	padding: 20px 0;
	display: block;
}

.crypto_container {
	max-width: 1244px;
	margin: auto;
}

.crypto_wrap .header{ background-color: #fff; position: sticky; top:0; z-index: 9; }

.header .crypto_container .nav_icon {
	width: 20px;
	height: 24px;
	position: absolute;
	left: 15px;
	top: 0px;
	border-bottom: 2px #263b79 solid;
	cursor: pointer;
	display: none;
	z-index: 9;
	outline: none;
}

  .crypto_container .nav_icon:before {
	content: '';
	position: absolute;
	height: 2px;
	background: #263b79;
	left: 0;
	right: 0;
	bottom: 10px;
}

.header .crypto_container .nav_icon:after {
	content: '';
	position: absolute;
	height: 2px;
	background: #263b79;
	left: 0;
	right: 0;
	bottom: 4px;
}

.header .crypto_container {
	background-color: #fff;
	padding: 15px 0 10px;
}

.header .crypto_container .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.header .crypto_container .row nav {
	margin-right: auto;
}

.header .crypto_container .row nav a {
	color: #000;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px #000 solid;
	outline: none;
	font-weight: bold;
	color:#5a5a5a;
}
.header .crypto_container .row nav a.active{ color:#f0aa39; font-weight: 500; }
.header .crypto_container .row nav a:active{ outline: none; }

.header .crypto_container .row nav a:last-child {
	border-right: 0;
}

.header .crypto_container .back_to {
	width: 128px;
	display: block;
	text-align: center;
}

.crypto_container.header .back_to em {
	width: 90px;
	white-space: nowrap;
	color: #000;
	font-size: 12px;
	font-style: normal;
	padding-right: 10px;
	padding-top: 5px;
}

.header .crypto_container .back_to a {
	display: flex;
	align-items: center;
}

.header .crypto_container .back_to a em {
	width: 90px;
	white-space: nowrap;
	color: #000;
	font-size: 12px;
	font-style: normal;
	padding-right: 10px;
	padding-top: 9px;
}

.header .crypto_container .back_to a img {
	max-width: 70px;
}

.banner{
	
background: rgb(229,229,229);
background: -moz-linear-gradient(left,  rgba(229,229,229,1) 0%, rgba(203,235,255,1) 47%, rgba(223,223,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(203,235,255,1) 47%,rgba(223,223,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(229,229,229,1) 0%,rgba(203,235,255,1) 47%,rgba(223,223,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.banner > div {
	margin: auto;
	text-align: center;
}

.banner img {
	max-width: 100%;
	margin:auto;
	vertical-align: top;
}

.crypto_wrap .exchange {
	padding: 5px 10px;
	box-shadow: 0 8px 6px -6px #a5a5a5;
	background-color: #fff;
	display: flex;
	align-items: center;
}



.crypto_wrap .exchange .marquee {
	width: 90%;
}

.crypto_about .row {
	display: flex;
	justify-content: center;
}

.crypto_about .row img {
	max-width: 390px;

}

.exchange-slider {
	display: flex;
	align-items: center;
}

.sub-exchange {
	padding: 3px 26px 16px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #000;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #e2e2e2;
}

.ticker_img {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 9px;
	top: 4px;
	transition: filter 0.5s;
}

.curr-stat-wrap {
	position: relative;
}
.exchange > span{ min-width: 90px; display: block; font-weight: bold; }

.exchange-slider .curr-stat {
	display: inline-block;
	vertical-align: top;
	margin-left: 14px;
	text-transform: uppercase;
}

.exchange-slider .cur {
	color: #8e8e8e;
}

.exchange-slider .curr-percent {
	position: absolute;
	left: 14px;
	bottom: -15px;
	color: #ed3f3f;
	font-size: 12px;
	font-weight: 500
}
.exchange-slider .curr-percent.green{ color:#3cc022; }

.exchange-slider .money {
	margin-left: 5px;
	font-size: 12px;
}

.crypto_about {
	background: url('https://images.news18.com/static_news18/pix/ibnhome/news18/images/microsite/crypto/images/about_right.png') no-repeat;
	background-position: top right;
	margin-top: 50px;
	background-size: contain;
}

.crypto_about img {
	margin-right: 20px;
}

.crypto_about .about_text {
	max-width: 600px;
}

.crypto_about p {
	font-size: 14px;
	line-height: 25px;
	text-align: justify;
}

.crypto_article {
	margin: 20px 0;
}

.crypto_article .heading {
	text-align: center;
}

.crypto_article ul {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.crypto_article ul .slick-list{ flex-grow: 1; }

.crypto_article ul li {
	width: 32%;
	background-color: #fdf0dd;
	padding-bottom: 15px;
	margin:0 10px;
	min-height: 549px;
	min-width: 350px;
}

.crypto_article ul li .slide_title {
	font-size: 16px;
	font-weight: 600;
	padding: 15px;
	color: #b36f18;
	line-height: 20px
}

.crypto_article ul li p {
	font-size: 14px;
	line-height: 25px;
	padding: 15px;
}

.crypto_article ul li a {
	font-weight: 500;
	padding: 15px;
}

.crypto_article ul li img {
	width: 100%;
}

.crypto_article ul li span {
	display: block;
}

.register .crypto_container {
	background-color: #fdf0dd;
	border-radius: 20px;
	padding: 30px 0;
	text-align: center;
	margin: 40px auto;
}

.register .crypto_container h3 {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 0;
	color: #b36f18;
}

.register .crypto_container span {
	display: block;
	font-size: 20px;
	color: #b36f18;
	font-weight: 500;
	padding: 5px 0;
}

.register .register_now {
	background-color: #f0aa39;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	padding: 15px 20px;
	border-radius: 20px;
	display: block;
	margin: 10px auto 0;
	max-width: 180px;
}

.video_section{ background: url('https://images.news18.com/static_news18/pix/ibnhome/news18/images/microsite/crypto/images/video_bg.png') no-repeat; background-size: contain; }
.video_section .crypto_container{ background-color: #fff; }

.video_section .crypto_container .tab_crypto {
	display: flex;
	flex-grow: 1;
	background-color: #fbd9ab;
	border-radius: 20px;
	position: relative;
	top: 16px;
}

.video_section .crypto_container .tab_crypto li {
	text-align: center;
	border-radius: 20px;
	padding: 10px;
	background-color: #fbd9ab;
	font-size: 20px;
	color: #b36f18;
	flex-grow: 1;
	border-left: 1px #f0aa39 solid;
}

.video_section .crypto_container .tab_crypto li:first-child {
	border-left: 0;
}

.video_section .crypto_container .tab_crypto li.active {
	background-color: #f0aa39;
	color: #fff;
}

.video_section .crypto_container .cypto_tab_details {
	border: 1px #f0aa39 solid;
	border-top: 0;
	padding:30px 40px 10px;
}



.video_section .crypto_container .small_video ul {
	display: flex;
	justify-content:flex-start;
	width: 100%;
}
.video_section .crypto_container .small_video ul .slick-list{ flex-grow: 1; }

.video_section .crypto_container .small_video ul li {
	width: 33%;
	margin:0 20px;
	min-width: 240px;
	min-height: 190px;
	
}
.video_section .crypto_container .small_video .slick-slider .slick-track{  min-width: 25px;  }
.video_section .crypto_container .small_video ul li img{ width: 100%; }

.video_section .crypto_container .big_video {
	margin-bottom: 20px;
	text-align: center;
}
.video_section .crypto_container .big_video p{ padding: 10px; font-size: 14px; }
.video_section .crypto_container .big_video iframe{
	height: 400px;
	max-width: 850px;
}

.zebpay {
	margin: 40px 0;
}

.zebpay .logo_zebpay {
	max-width: 700px;
	margin: auto;
	border: 1px #1f72ef solid;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1f72ef;
}
.zebpay .logo_zebpay .logo_zebpay_box{ flex-grow: 1; }
.zebpay .logo_zebpay .logo_zebpay_box a{display: flex;
    justify-content: center;
    align-items: center;}

.logo_zebpay span {
	width: 50%;
	position: relative;	
	background: #fff;
	padding: 10px;
	text-align: center;
}

.subscribe {
	background-color: #fdf0dd;
	margin-top: 20px;
}

.subscribe .crypto_container {
	width: 100%;
	max-width: inherit;
}

.subscribe .crypto_container {
	display: flex;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}

.subscribe .crypto_container .sub {
	width: 24%;
	background-color: #f0aa39;
	padding: 15px 10px 15px 60px;
}

.subscribe .crypto_container .sub span {
	color: #fff;
	font-size: 16px;
}

.subscribe .crypto_container .sub h4 {
	color: #fff;
	font-size: 24px;
	padding: 10px 0;
	font-weight: 500;
}

.crypto_wrap .pra{ margin:20px auto; }

.logo_zebpay span:last-child {
	background-color: #1f72ef;
	color:#fff;
}

.subscribe .crypto_container .sub_input {
	margin-left: 40px;
	margin-right: 200px;
}

.subscribe .crypto_container .sub_input span {
	font-size: 14px;
	line-height: 20px;
	position: relative;
}

.subscribe .crypto_container .sub_input span button {
	position: absolute;
	right: 0;
}

.subscribe .crypto_container .sub_input .form {
	margin-top: 5px;
}

.subscribe .crypto_container .sub_input .form input[type="text"] {
	outline: none;
	border: none;
	border-radius: 20px;
	padding: 10px;
	padding-right: 100px;
	width: 85%;
	padding-left: 10px;
}

.subscribe .crypto_container .sub_input .form button {
	cursor: pointer;
	background-color: #f0aa39;
	text-align: center;
	color: #fff;
	padding: 10px;
	border-radius: 20px;
	border: none;
}

.crypto_wrap footer {
	background-color: #b36f18;
	padding: 10px;
	color:#fff;
	
}
.crypto_wrap footer .crypto_container{ display: flex; justify-content: space-between; }
.crypto_wrap footer span{ position: relative; }
   .crypto_wrap footer span:last-child{ cursor: pointer;
   animation: animation 1s linear 2s infinite alternate; }
@keyframes animation {
  from {color: #fff;}
  to {color:#000;}
}

.crypto_wrap footer span p{ position: absolute;
    min-width: 200px;
    padding: 10px 5px;
    background: #efce98;
    display: block;
    bottom: 0px;
    left: 0;
    color: #000;
    border: 1px #b36f18 solid;
    border-radius: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 40px;
    display: none; }
    .crypto_wrap footer span:hover .tooltip{ display: block; }
    .crypto_wrap footer span p:after{
    position: absolute;
    content: '';
   	 width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b36f18;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -10px;
    }

  button.slick-arrow {
      outline: none;
      transform: translateY(-50%);
      cursor: pointer;
      position: absolute;
      top: 40%;
      left: 0;
      width: 1.8rem;
      padding: 2px 3px 3px;
      text-align: center;
      color: #da6727;
      font-weight: bold;
      transition: 0.6s ease;
      border-radius: 5rem;
      border: 1px solid #da6727;
      user-select: none;
      display: flex;
      font-size: 0;
      width: 28px;
      height: 28px;
      background: #fff;

  }

  button.slick-next.slick-arrow {
      right: -16px;
      left: auto;
  }

  button.slick-prev.slick-arrow {
 left: -13px;
 z-index: 8;
  }

  button.slick-prev.slick-arrow:after {
    content: " ";
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-right: 10px solid #ff813d;
      top: 6px;
      left: 6px;
      bottom: 0;
      position: absolute;
  }

  button.slick-next.slick-arrow:after {
      content: " ";
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      border-left: 10px solid #ff813d;
      top: 6px;
      left: 9px;
      bottom: 0;
      position: absolute;

  }

  .slick-disabled{ visibility: hidden; }



@media screen and (max-width: 768px){
	.heading{font-size: 35px; padding: 15px 0;}
	.crypto_about{margin-top:10px;}
	.header .crypto_container{border-bottom: 1px #000 solid;}
	.header .crypto_container .row{padding: 0 15px;}
	.header .crypto_container .row nav{  display: none; position: absolute; top: 33px; background-color: #fff; left: 0; right: 0; }
	.header .crypto_container .row nav a{ display: block; padding: 10px; border-right: 0; border-bottom: 1px #ccc solid; }
	.header .crypto_container .back_to{ margin-left: auto; }
	.crypto_wrap .exchange{ justify-content: space-between; }
	.crypto_wrap .exchange .marquee{ width: 75%; }
	.crypto_about .row{flex-direction: column;}
	.banner img{ max-width: inherit; width: 100%; }
	.crypto_about .row img{ display: none; }
	.crypto_about .about_text{text-align: center; margin: auto; padding: 0 20px;}
	.crypto_article ul{ flex-direction: column; margin:0 10px; width: inherit; }
	.crypto_article ul li{ width: 100%; margin-bottom: 20px; min-height: inherit; min-width: inherit;}
	.video_section .crypto_container .big_video iframe{ width: 100%; height: auto; }
	.video_section .crypto_container .tab_crypto{ white-space: nowrap; margin: 0 10px; border-radius: 0; overflow: auto;}
	.video_section .crypto_container .tab_crypto li{ border-radius: 0; font-size: 14px; padding-bottom: 15px; padding-top: 15px; }
	.zebpay{ margin:10px 0; }
	.video_section .crypto_container .small_video ul li{margin: 0 5px; min-width: 102px; min-height: 78px; }

	.video_section .crypto_container .cypto_tab_details{ border:none; }
	.register .crypto_container h3{font-size: 18px;}
	.register .crypto_container span{ font-size: 16px; }
	.zebpay .logo_zebpay{ margin:0 20px; flex-direction: column; }
	.zebpay .logo_zebpay .logo_zebpay_box{ width: 100%; }
	.zebpay .logo_zebpay .logo_zebpay_box a{ flex-direction: column; }
	.logo_zebpay span{width: 100%; }
	.subscribe .crypto_container{ flex-direction: column; }
	.subscribe .crypto_container .sub{width: 100%; padding: 3px 20px;}
	.subscribe .crypto_container .sub h4{ padding:5px 0; font-size:26px; }
	.subscribe .crypto_container .sub_input{margin: 0 20px;
    padding: 10px 0;}
    .subscribe .crypto_container .sub_input span{ line-height: 24px; }
    .crypto_container.pra p{ line-height: 25px; padding: 10px 20px; font-size: 14px; }
    .register .crypto_container{margin:40px 10px;}
    .header .crypto_container .nav_icon{display: block;}
    button.slick-prev.slick-arrow{ left: 0; }
    button.slick-next.slick-arrow{ right: 0; }
    .popup_text{ max-width: 80%; max-height: 80vh; }
    .popup_text .zpay{max-height: 70vh; padding: 0 10px;
    overflow: auto;
    display: block;}
}