/* @import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@400&display=swap');
p,label,strong,h1,h2,h3,h4,h5,h6,a,small,th,td,button{
    /* font-family: 'Rubik', sans-serif !important; */
    font-family: 'Satoshi', monospace !important;
}
#maincontent{
    background: #F2F2F2;
}
.btn-custom{
    background: #3c23a97a !important;
    border: none !important;
    padding: 5px 20px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
}
.card-custom{
    border: none;
    border-radius: 15px !important;
}
input{
    outline: #C6C6C6 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}
input::placeholder{
    color: #BBBBBB !important;
    font-size: 14px !important;
}
.titlebanner{
    margin-top: 160px !important;
}
.linkpdf{
    display: block !important;
    position: absolute;
    left: 60px;
    font-size: 10px;
}
#checkterms{
    margin-top: 15px;
}

.background:before {
	background-color: rgba(0,0,0,0.6);
}
#imgAj{
    position: absolute !important;
    right: 70px !important;
    width: 220px !important;
    padding: 30px !important;
}


@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
     .backgroundDestop {
      display: none;
    }
    .backgroundMobile {
      display: none;
    }
    .backgroundTablet {
      display: block;
    }
}
@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
     .backgroundDestop {
      display: block;
    }
    .backgroundMobile {
      display: none;
    }
    .backgroundTablet {
      display: none;
    }
}
@media only screen and (min-width: 200px) and (max-width: 767px)  {
    /* Put your CSS here for 200px to 767px width devices (cover all width between 200px to 767px */
     .backgroundDestop {
      display: none;
    }
    .backgroundMobile {
      display: block;
    }
    .backgroundTablet {
      display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	/*Put your CSS here for 768px to 1024px width devices(covers all width between 768px to 1024px */
		.backgroundDestop {
      display: none;
    }
    .backgroundMobile {
      display: none;
    }
    .backgroundTablet {
      display: block;
    }
}

@media only screen and (min-width: 200px) and (max-width: 767px) and (orientation : portrait) {
	/*Put your CSS here for 200px to 767px width devices (cover all mobile portrait width */        
	.backgroundDestop {
		display: none;
	}
	.backgroundMobile {
		display: block;
	}
	.backgroundTablet {
		display: none;
	}
}






.DateInput_input{
  padding-bottom: 0px;
}
.DateInput_input__focused{
  border-bottom: none;
}
.row{
  margin:0 !important;
}
#containerCoupon > div > h4, #containerCoupon > div > div > h4 {
  font-family: Helvetica, sans-serif !important;
  font-weight: 300 !important;
  font-size: 17px !important;
}