body {margin:0;padding:0;overflow-x:hidden;width: 100%;height:100%;color:#fff;letter-spacing:0.3px;}
a {transition:all 0.2s ease-in-out;}
a:hover {color: #0056b3 !important;}
.bg_image {background: #263c93  url('../img/bg_img.png')no-repeat center center/cover;height: 100vh;}
.main_box { box-shadow: 0 0 10px rgba(0, 0, 0, 0.48); width: 30%; background: #263c93 ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 15px 20px; border-radius: 7px; }
select {-webkit-appearance:none;}
.submit_btn {background: #eb6320; padding: 8px; font-size: 14px; text-align: center; width: 100%; border: none; border-radius: 50px; color: #fff; font-weight: 600; letter-spacing: 0.5px;transition:all 0.2s ease-in-out;}
.main_box h2 {font-size: 24px; width: 90%; margin: 10px auto 18px; line-height: 1.3; text-align: center; }
select.form-control {border-radius: 50px; border: none; padding: 0px 15px; position: relative; outline:none; font-weight:600; color:#000; }
.form-group {position: relative;}
button:focus {outline:none;}
.banner_img img {width: 100%;border-radius: 10px; overflow: hidden;}
.header_links {width: 100%;position:relative; display: flex; align-items: center; justify-content: space-between; }
.header_links a {font-size:16px;color: #eb6320;font-weight: 500;text-transform: uppercase;}
.banner_img {margin-top: 10px;}
.header_links a:hover {color: #796cf9;}
.submit_btn:hover { transform: translateY(-3px); background: #968fda; color: #263c93 ;}
.form-group:before { content: ''; position: absolute; background: url(../img/down.png)no-repeat center center/cover; top: 15px; right: 15px; z-index: 1; width: 10px; height: 8px; display: inline-block; }
.prod_heading {font-size:16px;color:#fff;text-transform: capitalize;margin-top: 8px;}
.purchase_detail li {margin-bottom: 10px;font-size: 14px;line-height: 1.4;}
.purchase_detail {padding: 0 0px 0 20px; margin-bottom: 10px;}
.purchase_detail li a { color: #eb6320;font-weight: 600;text-decoration: underline;}
.purchase_box {padding: 5px 10px;background: #2840a1;border-radius: 8px;}
.purchase_box h4 {font-size: 18px;font-weight: 500;}
.tem_con {text-align: center;font-size:15px;}
.tem_con a { display: block; color: #eb6320;font-weight: 600; text-decoration: underline;}
.tem_con a:hover {color:#796cf9;}
.purchase_box ul {list-style: none;padding-left: 0px;}
.purchase_box ul label {width: 100%;display: block; font-size: 14px;} 
ul.payment_box {padding: 10px 10px; border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.22);}
.payment_box li {display:flex; justify-content: space-between; border-bottom: 1px solid rgba(151, 151, 151, 0.46); padding: 5px; font-size: 14px;}
.cnf_input button {width: 30%;background:#eb6320;border:none;box-shadow: none; color: #fff; font-weight: 600; font-size: 13px; height: 34px; border-radius: 50px;}
.cnf_input input {width: 100%;padding:5px 15px;outline: none;border: none;border-radius: 50px;}
.cnf_input {display: flex; width: 100%; align-items: center; background: #fff; border-radius: 50px; padding: 2px; }
.purchase_box ul label a {color: #eb6320;}
ul.from_detail li {margin-bottom:8px;}
.color_org {color:#eb6320;font-weight:700;}
hr.hr_line {width: 100px; background:#eb6320;height: 1px;margin-top:0px;} 
.customer_box ul li {border: 2px solid #968fda;border-radius: 50px;margin: 15px 0 20px;} 
.customer_box ul {list-style:none;padding:0; margin-bottom: 0;}
/*.customer_box ul li input {width:100%;background: transparent; border: none; box-shadow: none; padding: 5px 15px; color: #fff;outline: none; text-align: center;}*/
.customer_box ul li input {
    width: 90%;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 5px 15px;
    color: #fff;
    outline: none;
}
.customer_box ul li .fa {color:#eb6320;} 
.com_para {text-align: center; font-size: 15px; margin-bottom: 0; margin-top: 7px; text-transform: uppercase; color: #00c1ff; font-weight: 600; border-bottom: 1px solid #eb6320; max-width: max-content; margin: 10px auto;}
.customer_box .form-control {background: transparent; color: #fff; font-weight: 400;}
.customer_box .form-group:before {right: 25px; background: url(../img/down-org.png)no-repeat center center/cover;} 
::placeholder {color: #fff; opacity: 1;}
.from_detail input::placeholder {color: #b5b5b5; opacity: 1;} 
.customer_box select option {margin: 40px; background: #00c1ff; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); border-top-left-radius:50px;} 
.btn_set  {justify-content:space-between;}
.btn_set .submit_btn {max-width: 180px;}
/*.login_btn {background:#009bc6;}*/ 
.customer_register {display: none;}
.customer_login_In {display: none;}
.customer_register_In {display: block;}
 
.customer_box ul li .w_80 {text-align: center;}
input#verify_OTP {width: 100%; }
input#mobile {width: 74%;}
/**/ 
.w_80 {width: 70% !important;}
.login_select {width: 13%; padding-left: 5px; margin-left: 10px; border: none; background: #fff; border-radius: 50px; font-weight: 600; background: #fff url('../img/down.png')no-repeat center center/cover; background-size: 10px; background-position: 85% 60%; }
.inputs input {width: 50px; height: 60px; line-height: 100%; background-color: transparent; border: 0; outline: 0; color: white; font-size: 60px; word-spacing: 0px; overflow: hidden; text-align: center; }
#inputs {text-align: center; }
#inputs input {background: #03a9f482; border-radius: 50%; width: 50px; height: 50px; display: inline-block; font-size: 30px; line-height: 50px; margin: 15px; color: #fff; } 
.center_btn {width: 160px; margin: 10px auto 0;}
.resend_otp:hover {text-decoration: underline;}
.resend_otp {text-align: center; display: block; margin: 0px 0 15px; text-transform: capitalize; color: #eb6320;font-weight: 600;} 
/**/ 
/*===== Preloader Style =====*/ 
.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; }
.preloader .color-1{background-color: #eb6320 !important; }
.rubix-cube {border: 1px solid #FFF; width: 48px; height: 48px; background-color: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.rubix-cube .layer{width:14px; height:14px; background-color:#263c93; border:1px solid #FFF; position:absolute; }
.rubix-cube .layer-1{left:0px; top:0px; -webkit-animation: rubixcube4 2s infinite linear; animation: rubixcube4 2s infinite linear; }
.rubix-cube .layer-2{left:16px; top:0px; -webkit-animation: rubixcube3 2s infinite  linear; animation: rubixcube3 2s infinite  linear; }
.rubix-cube .layer-3{left:32px; top:0px; }
.rubix-cube .layer-4{left:0px; top:16px; -webkit-animation: rubixcube5 2s infinite linear; animation: rubixcube5 2s infinite linear; }
.rubix-cube .layer-5{
left:16px;
top:16px;
-webkit-animation: rubixcube2 2s infinite linear;
animation: rubixcube2 2s infinite linear; 
}
.rubix-cube .layer-6{
left:32px;
top:16px;
-webkit-animation: rubixcube1 2s infinite linear;
animation: rubixcube1 2s infinite linear; 
}
.rubix-cube .layer-7{
left:0px;
top:32px;
-webkit-animation: rubixcube6 2s infinite linear;
animation: rubixcube6 2s infinite linear; 
}
.rubix-cube .layer-8{
left:16px;
top:32px;
-webkit-animation: rubixcube7 2s infinite linear;
animation: rubixcube7 2s infinite linear; 

}

.disp_flex {
display: flex;
justify-content: space-between;
}
.alert-danger { 
text-align: center;
} 
.alert-success { 
text-align: center;
}
.resnd_otp a {
display: block;
max-width: max-content;
text-align: center;
margin: 0 auto 10px;
} 
.back_btn .resend_otp {
text-align: left;
color: #eb6320;
font-weight: 600;
text-transform: uppercase;
margin: 0;
display: inline-block;
}
.invld_mes {
    color: #eb6320;
    text-transform: capitalize;
    font-size: 14px;
    padding-top: 5px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
}
.btn_danger.remove-coupon {
padding: 4px 10px;
border-radius: 50px;
background-color: #d00014;
border-color: #d00014;
}
.disp_cart_mt {margin-top: 10px; margin-bottom: 10px;}

.innerpage_topview {
position: relative;
top: 0;
left: 0;
transform: initial;
padding: 10px 15px 15px;
margin: 10px auto;}

/*#verify_OTP {
padding-left: 15px;
letter-spacing: 42px;
border: 0;
background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 50px 1px;
background-repeat: repeat-x;
background-position-x: 35px;
width: 220px;
min-width: 220px;
}

#divInner{
left: 0;
position: sticky;
}

#divOuter{
width: 190px; 
overflow: hidden;
}*/
@-webkit-keyframes rubixcube1{
    20%{ top:16px; left:32px;}
    30%{ top:32px; left:32px;}
    40%{ top:32px; left:32px;}
    50%{ top:32px; left:32px;}
    60%{ top:32px; left:32px;} 
    70%{ top:32px; left:32px;} 
    80%{ top:32px; left:32px;} 
    90%{ top:32px; left:32px;} 
    100%{ top:32px; left:16px;}

}
@keyframes rubixcube1{
    20%{ top:16px; left:32px;}
    30%{ top:32px; left:32px;}
    40%{ top:32px; left:32px;}
    50%{ top:32px; left:32px;}
    60%{ top:32px; left:32px;} 
    70%{ top:32px; left:32px;} 
    80%{ top:32px; left:32px;} 
    90%{ top:32px; left:32px;} 
    100%{ top:32px; left:16px;}

}
@-webkit-keyframes rubixcube2{
    30%{ left:16px;}
    40%{ left:32px;}
    50%{ left:32px;}
    60%{ left:32px;}
    70%{ left:32px;}
    80%{ left:32px;}
    90%{ left:32px;}
    100%{ left:32px;}
}
@keyframes rubixcube2{
    30%{ left:16px;}
    40%{ left:32px;}
    50%{ left:32px;}
    60%{ left:32px;}
    70%{ left:32px;}
    80%{ left:32px;}
    90%{ left:32px;}
    100%{ left:32px;}
}

@-webkit-keyframes rubixcube3{
    30%{ top:0px;}
    40%{ top:0px;}
    50%{ top:16px;}
    60%{ top:16px;}
    70%{ top:16px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}

@keyframes rubixcube3{
    30%{ top:0px;}
    40%{ top:0px;}
    50%{ top:16px;}
    60%{ top:16px;}
    70%{ top:16px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@-webkit-keyframes rubixcube4{
    50%{ left:0px;}
    60%{ left:16px;}
    70%{ left:16px;}
    80%{ left:16px;}
    90%{ left:16px;}
    100%{ left:16px;}
}
@keyframes rubixcube4{
    50%{ left:0px;}
    60%{ left:16px;}
    70%{ left:16px;}
    80%{ left:16px;}
    90%{ left:16px;}
    100%{ left:16px;}
}
@-webkit-keyframes rubixcube5{
    60%{ top:16px;}
    70%{ top:0px;}
    80%{ top:0px;}
    90%{ top:0px;}
    100%{ top:0px;}
}
@keyframes rubixcube5{
    60%{ top:16px;}
    70%{ top:0px;}
    80%{ top:0px;}
    90%{ top:0px;}
    100%{ top:0px;}
}
@-webkit-keyframes rubixcube6{
    70%{ top:32px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@keyframes rubixcube6{
    70%{ top:32px;}
    80%{ top:16px;}
    90%{ top:16px;}
    100%{ top:16px;}
}
@-webkit-keyframes rubixcube7{
    80%{ left:16px;}
    90%{ left:0px;}
    100%{ left:0px;}
}
@keyframes rubixcube7{
    80%{ left:16px;}
    90%{ left:0px;}
    100%{ left:0px;}
}
 

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1366px) {
/*.disp_cart_mt {margin-top: 70px;}*/
}


@media only screen and (max-width: 1280px) {
.main_box {position: relative; top:0; left:0; transform:initial; padding:15px 20px; margin:30px auto; width:50%; }
}
@media only screen and (max-width: 1200px) {
.main_box { 
width: 40%; 
}
}
@media only screen and (max-width: 990px) {
.main_box { 
width: 50%; 
padding: 15px 20px;
}
}
@media only screen and (max-width: 767px) {
.main_box h2 {
font-size: 18px; 
}
.main_box {
width: 80%;
}
.customer_box ul li input { 
font-size: 13px;
}
.btn_set .submit_btn { 
font-size: 12px;
}
.main_box {
position:relative;
top:0;
left:0;
transform:initial;
padding:15px 20px;
margin:30px auto;
width:70%;
}
}
@media only screen and (max-width:576px){
.btn_set .submit_btn {max-width: max-content; padding: 8px 15px; }
.customer_box .form-group:before {right: 15px; }
.main_box {
width: 80%;
}
}


@media only screen and (max-width: 480px) {
.w_80 {
width: 70% !important;
}
.login_select {
width: 18% !important;
margin-left: 5px;
}
.cnf_input input { 
padding: 5px 7px; 
font-size: 12px;
}
}

@media only screen and (max-width: 400px) {
.customer_box ul li input {
font-size: 14px;
}
.login_select {
width: 25% !important;
}
.main_box h2 {
font-size: 16px;
}
.main_box {
width: 90%;
}
input#mobile {width: 60%; padding-left: 1px; font-size: 14px; padding-right: 0; }
}
