@charset "UTF-8";
/*
Template Name: Rider App
File: Main Css File
*/

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
}

body {
  margin: 0 auto;
}

/*button {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 0.6em 1.2em;
  font-size: 1em;
  font-weight: 500;
  font-family: inherit;
  background-color: #1a1a1a;
  cursor: pointer;
  transition: border-color 0.25s;
}

button:hover {
  border-color: #646cff;
}

button:focus,
button:focus-visible {
  outline: 4px auto -webkit-focus-ring-color;
}*/





@font-face {
    font-family: 'betmregular';
    src: url('../webfonts/betmsemilight.woff2') format('woff2'),
         url('../webfonts/betmsemilight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmblack';
    src: url('../webfonts/betmblack.woff2') format('woff2'),
         url('../webfonts/betmblack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmbold';
    src: url('../webfonts/betmbold.woff2') format('woff2'),
         url('../webfonts/betmbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmlight';
    src: url('../webfonts/betmlight.woff2') format('woff2'),
         url('../webfonts/betmlight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmmedium';
    src: url('../webfonts/betmmedium.woff2') format('woff2'),
         url('../webfonts/betmmedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmsemibold';
    src: url('../webfonts/betmsemibold.woff2') format('woff2'),
         url('../webfonts/betmsemibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmextrablack';
    src: url('../webfonts/betmextrablack.woff2') format('woff2'),
         url('../webfonts/betmextrablack.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'betmextralight';
    src: url('../webfonts/betmextralight.woff2') format('woff2'),
         url('../webfonts/betmextralight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'NoyhBold';
    src: url('../webfonts/NoyhBold.woff2') format('woff2'),
        url('../webfonts/NoyhBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhHeavyRegular';
    src: url('../webfonts/NoyhHeavyRegular.woff2') format('woff2'),
        url('../webfonts/NoyhHeavyRegular.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhBlackBold';
    src: url('../webfonts/NoyhBlackBold.woff2') format('woff2'),
        url('../webfonts/NoyhBlackBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhMedBold';
    src: url('../webfonts/NoyhMedBold.woff2') format('woff2'),
        url('../webfonts/NoyhMedBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhRBlackBold';
    src: url('../webfonts/NoyhRBlackBold.woff2') format('woff2'),
        url('../webfonts/NoyhRBlackBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhLightBold';
    src: url('../webfonts/NoyhLightBold.woff2') format('woff2'),
        url('../webfonts/NoyhLightBold.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhThinHairline';
    src: url('../webfonts/NoyhThinHairlineRegular.woff2') format('woff2'),
        url('../webfonts/NoyhThinHairlineRegular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NoyhRegular';
    src: url('../webfonts/NoyhRegular.woff2') format('woff2'),
        url('../webfonts/NoyhRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.rider-app {
	font-family: 'NoyhRegular';
	width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff; margin:0 auto;
}
.rider-login{
	background:#fff;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.login-title {
	font-family: 'NoyhBlackBold';
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    margin: 0px; padding:20px 15px 30px; line-height:30px;
}
.login-screen {
    background: #3e9aa7;
    padding: 0px;
    display: flex;
    justify-content: center;
}
.login-screen img
 {
    max-width: 60%;
    height: auto;
}
.login-footer {
    position: fixed;
    bottom: 0;
    background: #fff;
    padding: 15px 15px;
    border-top: 1px solid #e5e7eb;
	width:94%; box-shadow:0 -2px 10px rgba(0, 0, 0, 0.05);
}
.login-btn {
	font-family: 'betmsemibold';
    width: 100%;
    height: 50px;
    background: #007139;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 25px;
    font-weight: normal;
    cursor: pointer;
}
.login-form{background:#3e9aa7;}
.login-box{background:#fff; border-radius:30px 30px 0px 0px; padding:15px 0px; padding-bottom:10px;}
.form-input{ font-family: "Open Sans", sans-serif;
	height: 45px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px; width:90%; margin-bottom:10px; color:#666;}
.form-input:focus {
    outline: none;
    border-color: #16c35b;
}
.resend-otp{margin:12px 0px;}
.resend-timer{color:#777; font-size:14px; font-family:'betmregular';}
.resend-otp button{background:none; border:0px; color:#e0ab0f; font-size:17px; font-family:'betmmedium'; padding:0px; margin:0px;}
.back-login{background:none; border:none;}