@import url("https://fonts.googleapis.com/css?family=Roboto:300,900,800,600,500,400,700,italic|Poppins:700");
* {-webkit-font-smoothing: antialiased;box-sizing: border-box;}
html, body {margin: 0;height: 100%;font-family: "Roboto", Helvetica;background-color: #000000}
/* a blue color as a generic focus style */
button:focus-visible {outline: 2px solid #4a90e2 !important;outline: -webkit-focus-ring-color auto 5px !important;}
a {text-decoration: none;}
.relative { position: relative; }

/** Banner Section **/
.banner .overlay { 
background: linear-gradient(179deg, rgb(0 0 0 / 27%) -48.42%, rgb(0 0 0 / 13%) 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -99;
}
.banner {
background-image: url('https://joya11.net/files/banner2.png');
background-repeat: no-repeat;
background-size: cover;
padding: 65px 0px 150px 0px;
}
.banner-logo { max-width: 100%; }
.banner-dot { max-width: 95px }
.group-4 {
position: relative;
margin-bottom: 10px;
}
.group-4 .text-wrapper-5 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 28px;
font-weight: 700;
letter-spacing: 0;
line-height: normal;
padding-right: 20px;
border-right: 2px solid #fff;
display: inline-block;
}
.group-4 .text-wrapper-6 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 28px;
font-weight: 700;
letter-spacing: 0;
line-height: normal;
padding-left: 20px;
display: inline-block;
}
.group-4 .line-2 {
height: 26px;
left: 204px;
object-fit: cover;
position: absolute;
top: 4px;
width: 1px;
}
.overlap-2 {
background-image: url(https://joya11.net/files/group.png);
background-size: 100% 100%;
height: 78px;
position: relative;
top: 5px;
width: 206px;
margin: 0 auto;
}
.text-wrapper-7 {
color: #000000;
font-family: "Roboto", Helvetica;
font-size: 28px;
font-weight: 700;
left: 43px;
letter-spacing: 0;
line-height: normal;
position: absolute;
text-shadow: 0px 0px 4px #00f9bd;
top: 18px;
white-space: nowrap;
}
.img-2 {
height: 15px;
left: 155px;
position: absolute;
top: 27px;
width: 14px;
}
/** Intro  Section **/
.intro-section { padding: 35px 0px }
.facebook-2 {
object-fit: cover;
width: 65px;
}
.instagram-2 {
width: 65px;
object-fit: cover;
}
.telegram-2 {
width: 65px;
object-fit: cover;
}
.is-the-best {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 22px;
font-weight: 400;
letter-spacing: 0;
line-height: normal;
text-align: center;
}
.is-the-best-title-p {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 28px;
font-weight: 600;
letter-spacing: 0;
line-height: normal;
margin-bottom: 10px;
}
.cta-download-banner {
background-image: url('static/img/Frame-3-alt.png');
background-size: cover;
background-repeat: no-repeat;
}
.text-wrapper-8 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 35px;
font-style: italic;
font-weight: 900;
letter-spacing: 0;
line-height: normal;
text-align: center;
text-shadow: 0px 4px 18px #ef1b1b;
}
.text-wrapper-9 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 20px;
font-weight: 500;
letter-spacing: 0;
line-height: normal;
text-shadow: 0px 5px 18px #00694e;
}
.overlap-group-2 {
background: linear-gradient(180deg, rgb(244, 42, 64) 0%, rgb(93.5, 0, 10.18) 100%);
border-radius: 49.5px;
box-shadow: 0px 4px 27px #ff0000e0;
position: absolute;
max-width: 330px;
text-center: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 15px;
}
.text-wrapper-10 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 30px;
font-weight: 900;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}
.why-us-banner {
background-image: url('static/img/Frame-4.png');
background-size: cover;
background-repeat: no-repeat;
}
.steps-banner {
background-image: url('static/img/Frame-5.png');
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
}
.text-wrapper-18 {
color: #ffffff;
font-family: "Poppins", Helvetica;
font-size: 35px;
font-weight: 700;
letter-spacing: 0;
line-height: normal;
text-align: center;
}
.button-join-now-container {
background: linear-gradient(180deg, rgb(244, 42, 64) 0%, rgb(93.5, 0, 10.18) 100%);
border-radius: 49.5px;
box-shadow: 0px 4px 27px #ff0000e0;
max-width: 330px;
text-center: 0;
margin: 0 auto;
padding: 15px;
text-align: center;
}
.button-join-now-text {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 30px;
font-weight: 900;
letter-spacing: 0;
line-height: normal;
white-space: nowrap;
}
.partner-icon {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.footer-banner {
background-color: #000000;
box-shadow: 0px 4px 48px #00fabeba;
}
.footer-why {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 26px;
font-weight: 500;
letter-spacing: 0;
line-height: normal;
text-shadow: 0px 5px 18px #00694e;
top: 0;
white-space: nowrap;
}
.is-the-most {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
line-height: normal;
}
.ellipse-bullets {
text-align: center;
}
.ellipse-bullet {
display: inline-block;
background-color: #000000;
border-radius: 16.5px;
box-shadow: 0px 0px 25px #00f9bd;
margin: 5px 15px;
height: 20px;
width: 20px;
}
.overlap-4 {
border: 2px solid;
border-color: #00f9bd;
border-radius: 8px;
box-shadow: 0px 0px 6px #71ffda;
height: 60px;
left: 524px;
width: 200px;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}
.text-wrapper-13 {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 18px;
font-weight: 800;
letter-spacing: 0;
line-height: 55px;
white-space: nowrap;
}