@font-face {
  font-family: OpenSans-Regular;
  src: url(font/OpenSans-Regular.ttf);
}

@font-face {
  font-family: OpenSans-Bold;
  src: url(font/OpenSans-Bold.ttf);
}
@font-face {
  font-family: BebasNeue-Regular;
  src: url(font/BebasNeue-Regular.ttf);
}


@font-face {
    font-family: Poppins-Bold;
    src: url(font/Poppins-Bold.ttf);
  }

  @font-face {
    font-family: Poppins-Light;
    src: url(font/Poppins-Light.ttf);
  }

  @font-face {
    font-family: Poppins-Medium;
    src: url(font/Poppins-Medium.ttf);
  }

  @font-face {
    font-family: Poppins-Regular;
    src: url(font/Poppins-Regular.ttf);
  }

  @font-face {
    font-family: Poppins-SemiBold;
    src: url(font/Poppins-SemiBold.ttf);
  }

body{
	font-family:"Poppins-Regular";
}

.logo{
    width: auto;
    max-width: auto;
    cursor: pointer;
    height: 77px;

}
h1{
	font-family:"Poppins-Bold";
}

a {
    color: #AD841F;
}


.text-bottom{
	font-family:"Poppins-Regular";
	color:#7F7F7F;
	font-size:1rem;
	text-align:justify;
}

.link-bottom{
	font-family:"Poppins-Regular";
	color:#7F7F7F;
	font-size:1rem;
	text-align: center;

}
.link-bottom a{
	font-family:"Poppins-Regular";
	color: #AD841F;
	font-size:1rem;
	text-align: center;

}
.custombtn{
width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 100%;
    border: 1px solid #D41B78;
    border-radius: 0.7vw;
    color: #fff;
    text-decoration: none;
    font-size: 1.1vw;
    background: #D41B78;
}

.img100{
	width:100%;
}

.banner{
	width:100%;
	        width: 90%;
        max-width: 28vw;
        margin-top: -31px;
        margin-bottom: 30px;
    
}

.pointer{
	cursor:pointer;
}

.grey-section{
	background:#1C1B1E;border-radius:15px;
	margin:auto;
    font-family: "BebasNeue-Regular";
    font-size: 1vw;
    line-height: 1.8rem;
	/*width: 56vw !important;*/
    margin-top: -3vw; 
}
.gradient{
    background: linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.partner{
font-family: 'Poppins-Bold';
    line-height: 2.4;
    text-transform: uppercase;
    color: #313131;
    font-size: 1.4vw;
}

.partner-section{
	max-width:80%;margin:auto;
    text-align: center;
    justify-content: center;
}

 .getApple,.getGoogle,.getContact{
		text-align:center;
    }
	

@media (max-width: 800px) {
    .h1, h1 {
        font-size: 2rem!important;
    }
	 .h2, h2 {
        font-size:1rem!important;
    }
    .custombtn{
	font-size: 1.5rem;
        min-height: 66px;
        border-radius: 10px;
	}

    .grey-section{
         margin-top: 5rem;
        max-width: 100vw !important;
        padding: 1rem 1rem !important;
        margin: 0;
        width: initial !important;
		        font-size:0.8rem!important;
				margin-top: 0.8rem;
				line-height: 1rem;
    }
	
	table{
		    width: 96vw;
    overflow: scroll;
    display: inline-block;

	}

    .grey-section .col-md-3{
        margin-bottom: 1rem;
		width: 50%!important;
		
        padding: 0px 19px !important;
    }
	
	 .grey-section img{
        height: 53px!important;
    }
	
	 .grey-section .col-md-12{
      
    }
	
	.25marginmobile{
	    margin-top: 1rem !important;
	}


    .logo{
        max-width: 20% !important;
        height: auto;
        width: 76px;
        object-fit: contain;
        margin-right: 0%;
    }

    .logod h1{
        font-size: 1.2rem !important;
        line-height: 1.2!important;
    }
	
	.align-items-start-mobile{
		align-items: self-start!important;
		margin-top: -5%!important;
	}

    .getApple,.getGoogle,.getContact{
        margin-top: 1rem;
    }

    .banner-mobile {
        display: block;
        float: right;
        width: 75%;
        object-fit: contain;
    }
    .banner{
        display: none;
    }
	
	.getApple, .getGoogle {
        width: 50%;
    }
	 .getGoogle {
        width: 50%;
		padding-right: 1%;
    }
	.getApple{
        width: 50%;
		        padding-left: 1%;

    }
	
	.partner {
		text-align: center;
	}
	.partner-section div{
		text-align: center;
	}
	.partner-section img{
		margin:auto;
	}
	.logod {
		padding-left: 0px !important;
	    margin-bottom: 20px !important;
	}
	

}

@media (min-width: 801px) {
	.h1, h1 {
        margin-bottom:1.5rem;
    }
	.banner{
          width: 90%;
        max-width: 28vw;
        margin-top: -31px;
        margin-bottom: 15px;
	}

    .banner-mobile{
        display: none;
    }


}



@media (max-width: 1500px) and (min-width: 1152px)  {
    .grey-section {  margin-top: -3vw !important;
    }

    .banner {
        width: 100%;
        max-width: 28vw;
    }
}
@media (max-width: 1205px) and (min-width: 801px)  {
	    .grey-section {
        font-size: 0.8vw!important;
		line-height: 1vw;
    }
	.grey-section img{
		    max-height: 6vw;
	}

	.partner {
		font-family: 'Poppins-Bold';
		line-height: 1.4vw;

		font-size: 1.4vw;
	}

	.partner-section img{
		 max-height: 4vw;
	}
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 3.9rem;
    }
	 .h2, h2 {
        font-size: 1.9rem;
    }
}



@media (min-width: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 78%;
    }
	
	.getApple img,.getGoogle img ,.getContact a{
    width: auto;
    max-width: 100%;
    }
}

@media (max-width: 1920px) {
    .h1, h1 {
        font-size: 3.3vw;
    }
	 .h2, h2 {
        font-size: 1.7vw;
    }
    .mb-5 {
        margin-bottom: 1vw !important;
    }
    .banner{
        width: 90%;
        max-width: 28vw;
	}
	
	.grey-section{
		font-size: 1.3vw;
	}
}

@media (min-width: 1921px) {
    .h1, h1 {
        font-size: 3.7vw;
    }
	 .h2, h2 {
        font-size: 1.7vw;

}
    .banner{
        width: 100%;
        max-width: 29vw;
	}
	.getApple  {
        margin-left:-20px;
    }
	
	.getGoogle  {
        margin-left:-40px;
    }
	.getApple img, .getGoogle img, .getContact a {
        width: auto;
        max-width: 92%!important;
    }
}