@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
::placeholder {
  color: #2074d5;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #2074d5;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #2074d5;
}

:root {
    --violet-color-bg: #7C5AED;
    --gray-color-bg: #F1F2F2;
    --dark-gray-color-bg: #E6E7E8;
    --white-color: #ffffff;
    --text-color:#000000;
    --text-color-dark:#000000;
   --light-pink-color-bg:#f8f2fe;
     --dark-pink-color-bg:#8700FF;
}

@media (min-width: 1401px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 80%;
  }
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

h1, h2, h3, h4,  {
    font-family: "Red Hat Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}




body {
  color: var(--text-color);
  padding: 0px;
  margin: 0px;
  font-size: 16px;
background: #0C0618;
  line-height: 21px;
    color: #fff;
       font-family: "Red Hat Display", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

p{
    font-size: 1.2rem
}

h1 {
  font-size: 5.6rem;
  margin: 0;
  line-height: 1.2;
  font-weight: 300;
     color: var(--white-color);
}

.hero-banner h3 {
  font-size: 2.4rem;
  font-weight: 200;
    color: var(--white-color)!important;
    margin-bottom: 40px;
}

h2 {
  font-size: 1.9rem;
  margin: 0px;
  margin-bottom: 20px;
  line-height: 2.4rem;
  font-weight: 400;
     color: var(--text-color-dark);
}
h3 {
  margin: 0px;
  padding: 0px;
  font-size: 1.6rem;
  display: block;
     color: var(--text-color-dark);
}
h4 {
    font-weight: 500;
}
p {
  padding-bottom: 15px;
  margin: 0px;
  line-height:28px;
}
.p-100{padding:100px 0px;}
.hero-banner {
    position: relative;
    min-width: 100%;
    min-height: 100vh;
    background: #080a14 url('../images/desktop-banner.png') no-repeat center center;
    background-size: cover;
    position: relative;
     background-size: 100%;
}

.hero-banner:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 200px;
    bottom: 0;
    left: 0;
    display: block;
     
    background: rgb(12,6,24);
background: linear-gradient(180deg, rgba(12,6,24,0) 0%, rgba(12,6,24,1) 100%);
    
}

@media (max-width: 991px) {
    .hero-banner {
        min-height: 70vh;
        background: #080a14 url('../images/mobile-banner.png') no-repeat center center;
        background-size: 100%;
    } 
}

.main-banner {
    min-width: 100%;
}

.logo {
    position: absolute;
    top: 70px;
    right: 5%;
    width: 70px;
}
.intro-section {
    margin-bottom: 100px;
}

.card-stack {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  
}



.icon-card {
    text-align: center;
 
}

.icon-card-details {
    padding-left: 90px;
}
.icon-card-details ul{padding-bottom:0px; margin-bottom:0px;}
@media (max-width: 991px) {
	
	.icon-card-details {
    padding-left:50px;
}
	
}




.container-card-flex {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  gap: 32px 32px;
  grid-auto-flow: row;
  grid-template-areas:
    "grid-title-1 grid-title-2 grid-title-3"
    "grid-card-1 grid-card-3 grid-card-6"
    "grid-card-1 grid-card-3 grid-card-6"
    "grid-card-1 grid-card-4 grid-card-7"
    "grid-card-2 grid-card-4 grid-card-7"
    "grid-card-2 grid-card-5 grid-card-8"
    "grid-card-2 grid-card-5 grid-card-8";
  width: 100%;
}

.grid-title-1 { grid-area: grid-title-1;
align-self: end;

}

.grid-title-2 { grid-area: grid-title-2; align-self: end;}

.grid-title-3 { grid-area: grid-title-3; align-self: end;}

.grid-card-1 { grid-area: grid-card-1; }

.grid-card-2 { grid-area: grid-card-2; }

.grid-card-3 { grid-area: grid-card-3; }

.grid-card-4 { grid-area: grid-card-4; }

.grid-card-5 { grid-area: grid-card-5; }

.grid-card-6 { grid-area: grid-card-6; }

.grid-card-7 { grid-area: grid-card-7; }

.grid-card-8 { grid-area: grid-card-8; }



.container-card-flex h2 {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 0;
}






.container-flex {  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 32px 32px;
  grid-auto-flow: row;
  grid-template-areas:
    "grid-1 grid-1 grid-2 grid-2 grid-2"
    "grid-1 grid-1 grid-3 grid-3 grid-3"
    "grid-4 grid-4 grid-5 grid-5 grid-5"
    "grid-6 grid-6 grid-6 grid-7 grid-7";
  width: 100%;
}

.grid-2 { grid-area: grid-2; }

.grid-1 { grid-area: grid-1; }

.grid-3 { grid-area: grid-3; }

.grid-4 { grid-area: grid-4; }

.grid-5 { grid-area: grid-5; }

.grid-6 { grid-area: grid-6; }

.grid-7 { grid-area: grid-7; }



.card-stack {
    min-height: 100%;
    display: flex;
    padding: 2px;
    border-radius: 20px;
    background: #120925;
    border:1px solid #868686
}
}


.card-stack p {
    font-size: 1rem;
    color: #ffffff;
}
.cards-h {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%
   
}
.icon {
    min-width: 100%;
}

.cards-v {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
     width: 100%;
    text-align: center
}

.cards-h .icon-holder {
    margin-right: 10%;
    
}
.cards-v .icon-holder {
    margin-top: 10%;
    width: 40%;
    margin: 0 auto;
}
.icon-holder img {
    max-width: 100%;
}





.prize-card-stack {
    min-height: 100%;
    display: flex;
    padding: 2px;
    border-radius: 20px;
    background: rgb(175,172,178);
background: linear-gradient(-45deg, rgba(175,172,178,1) 0%, rgba(134,134,134,1) 47%, rgba(58,58,58,1) 100%);
 
}
.border-wrapper-prize {
    display: flex;
    min-width: 100%;
    min-height: 100%;
    padding: 40px;
    border-radius: 20px;
    background: #120925;
}



.prize-cards-h {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%
   
}
/*.prize-cards-v {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
     width: 100%
}*/

/*.prize-cards-h .prize-icon-holder {
    margin-right: 10%;
    width: 100px;
}
.prize-cards-v .prize-icon-holder {
    margin-top: 10%;
    width: 40%
}*/

/*.prize-icon-holder img {
    max-width: 100%;
    width: 140px;
}
*/
.prize-card-stack h3{
    font-size: 1.4rem;
    color: #D09BFF
}

.prize-card-stack p{
    font-size: 1rem;
    color: #ffffff
}

.top-line-img {
    margin-bottom: 20px;
    min-width: 100%;
    max-width: 100%;
}

.bottom-line-img {
    margin-top: 20px;
    min-width: 100%;
    max-width: 100%;
}
.cta-box {
    padding-left: 3rem;
}


.btn-primary {
   color:#fff;
}

.cta-box h4 {
    color: #fff;
    font-size: 1.6rem
}

.cta-box h3 {
    color: #D09BFF;
    margin-bottom: 30px;
    font-size: 2rem
}

.float-icon-card {
    min-height: 100%;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    padding: 2rem 2rem 2rem 0;
    position: relative;
    margin: 0 45px;
          border-radius:20px;
  
}
.float-icon-card p {
    color: #fff;
}

.float-icon {
    width: 92px;
    height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    
    left: -45px;
    border-radius: 45px;
    z-index: 21;
    padding: 2px;
    font-size: 2rem
    
      
}
.bg-dark-violet .float-icon {
    
    background: rgb(132,45,255);
background: linear-gradient(45deg, rgba(132,45,255,1) 0%, rgba(208,155,255,1) 50%, rgba(132,45,255,1) 100%);
}
.bg-light-violet .float-icon {
    
    background: rgb(132,45,255);
background: linear-gradient(45deg, rgba(132,45,255,1) 0%, rgba(208,155,255,1) 50%, rgba(132,45,255,1) 100%);
}
.float-icon-wrapper {
       display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    background: #120925;
    
    border-radius: 45px;
}
.bg-dark-violet {
    background: #7543DA;
}
.bg-light-violet {
    background: #4958DC;
}

.awards-wrapper {
    border-radius: 40px;
    padding: 80px 6rem 0 6rem;
    color: #000;
}
.awards-blocks h3 {
    margin-bottom: 80px;
    
}
.awards-blocks h3 span {
    font-weight: 300
}
.awards-blocks {
    margin-bottom: 80px;
     margin-top: 80px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 80px
        
}

.awards-wrapper .awards-blocks:nth-child(1) {
    margin-top: 0px;
}
.awards-wrapper .awards-blocks:last-chld {
    border-bottom: none;
}

.title-image {
    margin-top: 240px;
    margin-bottom: 90px;
    max-width: 90%;
}
.awards-wrapper .icon-card h4 {
    margin-top: 20px;
}
@media (max-width: 991px) {
    .cta-box {
        padding-left: 0;
        margin-top: 30px
    }
    .container-card-flex {
        grid-template-columns: auto;
    grid-template-rows: auto;
        grid-template-areas:
            "grid-title-1"
            "grid-card-1"  
            "grid-card-2"
            "grid-title-2"
            "grid-card-3"
            "grid-card-4"
            "grid-card-5"
            "grid-title-3"
            "grid-card-6"
            "grid-card-7"
            "grid-card-8";
            grid-auto-rows: max-content!important;
    }
    .grid-title-2 { margin-top: 40px;}
    .awards-wrapper .icon-card {
        margin-bottom: 30px;
    }
    .awards-blocks {
        padding-bottom: 50px
    }
    .title-image {
    margin-top: 140px;
    margin-bottom: 50px;
    max-width: 90%;
}
    
}

@media (max-width: 1197px) {
  .container-flex {
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas:
    "grid-1 grid-2"
    "grid-3 grid-4"
    "grid-5 grid-6"
    "grid-7 grid-7";
  width: 100%;
}

.prize-cards-h {
    flex-direction: column!important;
text-align: center;
}
.prize-icon-holder{
padding:0px;
margin: 0px!important;
padding-bottom:20px;
}
.prize-card-details{
    text-align: center;
}
.border-wrapper-prize{
    align-items: center;
}

.prize-cards-v {
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse!important;
}
}
.prize-cards-h .prize-icon-holder {
   /* margin-right: 10%;
    width: 100px;*/
}
.prize-cards-v .prize-icon-holder {
    /*margin-top: 10%;
    width: 40%*/
}
.prize-cards-h {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    width: 100%;
        gap: 40px;
}
.prize-cards-v {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
     width: 100%;
gap: 40px;
}

.prize-icon-holder {
    width: 10vw;
}
.prize-card-details {
   /* width: calc(100% - 10vw)*/
	width: 100%;
}

.container-card-flex .iicon-holder {
    width: 10vw;
}
.container-card-flex .card-details {
    width: calc(100% - 10vw)
}
.container-card-flex .card-stack h3 {
   font-size: 1.4rem;
}
@media (max-width: 1197px) {
    .container-card-flex .cards-h {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    
    .container-card-flex .card-stack h3 {
        margin-top: 30px;
        font-size: 1.4rem
    }
    
    .container-card-flex .card-details {
    width: calc(100% - 0vw);
}
    .container-card-flex .cards-h .icon-holder {

        margin-right: 0;
}
    .container-card-flex .iicon-holder img {
        margin: 0 auto;
    }
    .grid-title-1, .grid-title-2, .grid-title-3 {
        text-align: center;
    }
}


.social {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top:0px;
    padding-bottom:0px;
    font-size: 1.4rem;
    color: #D09BFF;
    
}
.social-icon {
    margin-left: 30px;
}
.btn-primary {
       display: inline-block;
    padding: 15px 60px;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    background: rgb(160,82,255);
background: -moz-radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
background: radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a052ff",endColorstr="#7300ff",GradientType=1);

    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);
    transition: all 0.3s ease;
border:1px solid #7300FF;
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.6);
    color: white;
    background: linear-gradient(45deg, #8B31E0, #6D35D6);
border:1px solid #7300FF;
}

.btn-primary:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(124, 58, 237, 0.4);
}

.How-it-works .float-icon-card {
          -webkit-box-shadow: -1px 39px 272px -25px rgba(132,0,255,0.5);
-moz-box-shadow: -1px 39px 272px -25px rgba(132,0,255,0.5);
box-shadow: -1px 39px 272px -25px rgba(132,0,255,0.5);
}
.work-flow{
	background:#2C2C2C;
	margin: 0px;
	padding:10px 0px;
	border-bottom:1px solid #5F5F5F;
	font-size:21px;
}
.work-flow .center-block{
	display: flex;
	    justify-content: center;
    align-items: center;
    gap: 20px;
}
.prize-card-details p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.card-stack h3 {
    font-size: 2rem;
    color: #D09BFF!important;
}
.card-stack p {
    color:#fff;
    
}
@media (min-width: 992px) {
.prize-cards-v .prize-icon-holder {
    width: 100%;
}
}

@media (max-width: 767px) {
  .container-flex {
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas:
    "grid-1"
      "grid-2"
      "grid-3"
      "grid-4"
      "grid-5"
      "grid-6"
      "grid-7";
  width: 100%;
}
    .prize-icon-holder {
    width: 100px;
}
    .prize-cards-h {
        gap:0px;
    }
    
    .awards-wrapper{
        padding: 80px 2rem 0 2rem;
    }
    
    .title-image {
        margin-top: 100px;
    }
    .intro-section {
        margin-bottom: 100px;
    }
	
	.work-flow .center-block{
    flex-wrap: wrap;
		gap:10px;
}
}



.privacy ul{margin: 0px 0px 15px 0px; padding: 0px;}
.privacy ul li{margin:0px 0px 0px 45px; padding: 0px 0px 10px 0px; line-height:21px; font-size:1.2rem}
.privacy ul li ul{margin: 15px 0px 0px 0px; padding: 0px;}
.privacy h3{color:#ffffff; padding:15px 0px 10px 0px;}
footer .text-muted{color:#ffffff!important;}
footer .w-50{width:30%!important;}

#form-submit .btn-primary{
	padding: 10px 30px!important;
}
#form-submit .btn-outline-secondary{
	padding: 14px 30px!important;
}


/*note*/
.note{font-size:14px; line-height: normal;}
/*video-box*/
.video-box {
    margin:100px 0px!important;
    overflow: hidden;
}
iframe {
    background-color: black;
    width: 100%;
}



.swiper{
	padding:0px;
	width:80%!important;
}
.swiper-button-prev:after{
	background-image: url("../images/swipper-arrow.svg");
	background-size: cover;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
	rotate: 180deg;
}
.swiper-button-prev:hover:after{
	background-image: url("../images/swipper-arrow-hover.svg");
}
.swiper-button-next:after{
    background-image: url("../images/swipper-arrow.svg");
	background-size: cover;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}
.swiper-button-next:hover:after{
	background-image: url("../images/swipper-arrow-hover.svg");
}

.swiper-button-next:after, .swiper-button-prev:after {    font-family: inherit!important; content: ''!important;}
.swiper-button-next, .swiper-button-prev{
	width:70px!important;
	height: 70px!important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:-40px!important;
}
.swiper-pagination-bullet {
    width:15px!important;
    height:15px!important;
    background:#D09BFF!important;
}
@media (max-width: 992px) {
	
	.swiper{padding:0px;width:100%!important;}
	.swiper-button-next, .swiper-button-prev {  display: none!important;}
}




nav .btn-primary {
       display: inline-block;
    padding: 10px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    text-decoration: none;
    background: rgb(160,82,255);
background: -moz-radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
background: radial-gradient(circle, rgba(160,82,255,1) 0%, rgba(115,0,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a052ff",endColorstr="#7300ff",GradientType=1);

    border-radius: 100px;
    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.4);
    transition: all 0.3s ease;
border:1px solid #7300FF;
}

nav .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(124, 58, 237, 0.6);
    color: white;
    background: linear-gradient(45deg, #8B31E0, #6D35D6);
border:1px solid #7300FF;
}

nav .btn-primary:active {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(124, 58, 237, 0.4);
}

nav .btn-outline-secondary{
	padding: 10px 20px;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
	border-radius: 100px;
}
nav .btn-outline-secondary:hover{	border:1px solid #7300FF; background: #000;}

@media (min-width:769px){
	.bg-black{
	background:none!important;
}
}
@media (max-width:769px){
		.navbar-brand img{width:50%;}
}
@media (max-width: 992px) {
	nav .btn{width:100%; margin:10px 0px;}
}

@media (max-width: 767px) {
    .winner-table {
      font-size: 0.80rem !important;
    }
    td.sub-head {
        font-size: 1rem !important;
     }
        
  }