body{
    font-family: 'Poppins', sans-serif;
    background: url("../images/bg.png") no-repeat top center #960000;
    background-size: 100% auto;
    overflow-x: hidden;
}

header{
    height: 5.78vw;
    background: rgba(255,255,255,0);
}

.logo{
    height: 5vw;
    width: 14vw;
    margin: 1.04vw 0 0 2.76vw;
}

.header-btns{
    margin:0 2.76vw 0 auto;
    order: 2;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn-signup{
    width: 7.86vw;
    height: 2.65vw;
    border-radius: 24px;
    margin: 1.35vw 0 0 0.31vw;
    color: #fff;
    	
    background-color:  #C51111;

    border: 0;
    font-size: 1.14vw;
    font-weight: 600;
}

.btn-signup:hover{
    color: #fff;
}

.btn-login{
    width: 7.86vw;
    height: 2.65vw;
    border-radius: 24px;
    margin: 1.35vw 0 0 0.31vw;
    color: rgb(255, 255, 255);

    background-color: #7B1414;
    font-size: 1.14vw;
    font-weight: 600;
}

.btn-login:hover{
    color: #FFF;
    background-color: #7B1414;
}

.btn-cta{
    width: 24.89vw;
    height: 5.98vw;
    border-radius: 41px;
    color: #fff;
background: rgb(121,9,9);
background: linear-gradient(100deg, rgba(121,9,9,1) 35%, rgba(255,0,0,0.700717787114846) 100%);
  font-size: 3vw;
    font-weight: 700;
    text-transform: uppercase;
	border: 0;
}

.hero-text{
    margin: 4vw 0vw 0 41vw;
    color: #C51111;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 4vw;
	padding-top: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.hero-text .p1{
    font-size: 6.354vw;
    text-align: center;
}

.hero .btn-cta{
    margin: 1.09vw 0 0 0;
}

.player-mobile{
    height: 42vw;
    width: 100%;
    background: url('../images/bg-desk.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 7vw;
    z-index: -1;
}

.steps{
    margin: 32.41vw 0 0 0;
    text-align: center;
}

.steps .step{
    width: 210px;
    height: 210px;
    margin: 0 auto;
	
}
.steps h2{
    color: #fc0a0e;
    font-size: 1.66vw;
    font-weight: 800;
    margin-top: 0.729vw;
}

.steps p{
    color: #393939;
    font-size: 1.25vw;
    font-weight: 500;
    margin-top: 1.66vw;
}

.section-mid{
    margin: 0;
    min-height: 81vw;
    z-index: 100;
    position: relative;
    text-align: center;
    overflow-x: hidden;
	background: url("../images/bottom-section.svg");
    background-size: 100% auto;
	
}

.section-mid h3{
    font-size: 5.15vw;
    font-weight: 700;
    color: #c51111
    margin-top: 80vw;
}

.bg-mid{
    overflow: hidden;
    width: 100%;
}

.btn-cta-mid{
width: 542px;
height: 130px;
border-radius: 41px;
background: linear-gradient(#c51111 0%, #630909 100%);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



	
footer{
    padding: 20vw 0 2vw 0;
    text-align: center;
    font-weight: 400;
    color: #FFF;
}