@font-face {
    font-family: "Aloe";
    src: url("../../../font/AloeveraDisplay-Light.ttf") format("truetype");
}
@font-face {
    font-family: "AloeBold";
    src: url("../../../font/AloeveraDisplay-ExtraBold.ttf") format("truetype");
}


body{
    background: #fff;
    height: 100vh;
    background-attachment: fixed;
    font-family: "Aloe";
 }

 .blockOptincanal{
    display: none;
}

.main_view{

     -webkit-box-shadow: 1px 0px 38px 7px #221b1a;
     box-shadow: 1px 0px 38px 7px #221b1a;
     background: #fff;
    background:
    url('../../../images/clecod/goldenticket/Bg3.png') no-repeat,
    linear-gradient(171deg, #F9CAC4 1.06%, #FFF 73.74%);
    /* background-blend-mode: overlay; */
    background-size: 100%;
    background-position: top center;
     min-height: 100vh;
     color: #fff;
 }



 .borneview{
     background: #fff;
    background-image: url('../../../images/clecod/goldenticket/BGborne.png');
    background-blend-mode: overlay;
    background-size: 100%;
    background-position: 20% center;
    background-repeat: no-repeat;
     min-height: 100vh;
     color: #fff;
 }

 .bornesplash{
    background-color:#000;
     min-height: 100vh;
 }

 .borneright{
     background-color: #000;
      min-height: 100vh;
     color: #fff;
 }

 .card_custom{
    /* background-color: #00000073; */
    padding: 15px;
    border-radius: 15px;
 }

  .card_custom2{
    background-color: #bd252573;
    padding: 15px;
    border-radius: 15px;
 }

  input[type="text"],input[type="tel"],input[type="email"],input[type="number"]{
     border-radius: 10px;
     border-bottom: 2px solid var(--Color-2, #E63340);
    background: rgba(28, 36, 46, 0.10);

 }
 .form-select{
        border-radius: 10px;
         /* background-color: #EEC35E !important; */
         background: rgba(28, 36, 46, 0.10);

      border-bottom: 2px solid var(--Color-2, #E63340);

 }

 label{
    font-weight: 200;
    font-size: 15px;
    padding-left: 15px;
 }

 .select{
    border-bottom: 2px solid var(--Color-2, #E63340);
    background: rgba(28, 36, 46, 0.10);
     /* background-color: #EEC35E; */
     color: #1a1919;
 }
 option{
     background: rgba(28, 36, 46, 0.10);
     color: #000 !important;
    }

  input::placeholder{
     color: #000 !important;
  }

  .confetti {
background: rgb(166,124,0);
background: linear-gradient(0deg, rgba(166,124,0,1) 0%, rgba(191,155,48,1) 10%, rgba(255,191,0,1) 20%, rgba(255,207,64,1) 30%, rgba(255,220,115,1) 40%, rgba(255,216,99,1) 50%, rgba(255,220,115,1) 60%, rgba(255,207,64,1) 70%, rgba(255,191,0,1) 80%, rgba(191,155,48,1) 90%, rgba(166,124,0,1) 100%);
	border: 1px solid #A57C01;
	position: absolute;
	display: flex;
	width: 10px;
	height: 25px;
	top: -100px;
	}

.confetti:nth-child(1) {
	animation: fall 2.5s linear infinite;
	left: 10%;
	}

.confetti:nth-child(2) {
	animation: fall 2.3s linear infinite .2s;
	left: 20%;
	}

.confetti:nth-child(3) {
	animation: fall 2.4s linear infinite .4s;
	left: 30%;
	}

.confetti:nth-child(4) {
	animation: fall 2.7s linear infinite .1s;
	left: 40%;
	}

.confetti:nth-child(5) {
	animation: fall 2.6s linear infinite .7s;
	left: 50%;
	}

.confetti:nth-child(6) {
	animation: fall 2.4s linear infinite .2s;
	left: 60%;
	}

.confetti:nth-child(7) {
	animation: fall 2.1s linear infinite .7s;
	left: 70%;
	}

.confetti:nth-child(8) {
	animation: fall 2.4s linear infinite .9s;
	left: 80%;
	}

.confetti:nth-child(9) {
	animation: fall 2.9s linear infinite .9s;
	left: 90%;
	}



@keyframes fall {
	0% {top:-110px; transform: rotate(0deg) rotateY(-90deg); opacity:1;}
	100% {top:900px; transform: rotate(360deg) rotateY(180deg); opacity:0.7;}
}

@keyframes fall2 {
	0% {top:-110px; transform: rotate(0deg) rotateY(90deg); opacity:1;}
	100% {top:900px; transform: rotate(-360deg) rotateY(-180deg); opacity:0.5;}
}