Added login and warranty along with toaster

dist/css/main.css

@@ -719,7 +719,10 @@ span.transform_fyro_text {
     border-left: 0px !important;
     border-bottom: 1px solid #0A1039 !important;
 }
-#get_otp,#proceed{
+#Login_btn,
+#register_btn,
+#proceed,
+#forgot_password_submit {
     border: none;
     background-color: #0A1039;
     text-transform: uppercase;
@@ -1524,4 +1527,72 @@ display: none;
   }
 }
   
-/* end new styles */
+/* end new styles */
+
+/* login verifiacation */
+/* Styles for verification */
+.pswd_info {
+    position: absolute;
+    top: 100%;
+    width: 250px;
+    padding: 10px;
+    background: #fefefe;
+    font-size: .7rem;
+    border-radius: 5px;
+    box-shadow: 0 1px 3px #ccc;
+    border: 1px solid #ddd;
+    display: none;
+}
+
+.pswd_info::before {
+    content: "\25B2";
+    position: absolute;
+    top: -12px;
+    left: 45%;
+    font-size: 14px;
+    line-height: 14px;
+    color: #ddd;
+    text-shadow: none;
+    display: block;
+}
+
+.pswd_invalid {
+    background: url(images/invalid.png) no-repeat 0 50%;
+    padding-left: 22px;
+    line-height: 24px;
+    color: #ec3f41;
+}
+
+.pswd_valid {
+    background: url(images/valid.png) no-repeat 0 50%;
+    padding-left: 22px;
+    line-height: 24px;
+    color: #3a7d34;
+}
+
+#toast-container > div{
+    opacity: 1 !important;
+    color: #000 !important;
+    margin-top: 20px !important;
+}
+/* .toast-close-button{
+    color:#000 !important;
+}
+.toast-success{
+    background: #fff !important;
+}
+.toast-error{
+    background: #fff !important;
+} */
+.h-50p {
+    height: 50px !important;
+}
+.warranty_row{
+    background: url(../assets/imgs/allin_imgs/desktop_bg.png);
+    background-size: cover;
+    background-position: center center;
+}
+.warranty-card .card{
+    background: rgb(22,62,96);
+background: linear-gradient(75deg, rgb(56 89 118) 51%, rgb(107 18 111) 89%)
+}

dist/css/style.css

@@ -31618,4 +31618,87 @@ h4.checkout-title::before {
 .sticky-bar{
   border-bottom: 1px solid #f9f9f9 !important;
   box-shadow: 0 3px 6px 0 rgba(0,0,0,.2) !important;
+}
+
+.order_details_btn {
+  width: 180px;
+  height: 30px;
+}
+
+
+/* added by rahul  */
+.authBox .form-floating label {
+  /* height: 58px; */
+}
+
+.loginContainer .form-floating label {
+  padding: 0.75rem 0.75rem;
+}
+
+/* otp box input css goes here */
+.otp-input-group .col {
+  margin: 0px 5px;
+}
+
+.otp-input-group .col input {
+  text-align: center;
+}
+
+.bg-gradient-anwi {
+  background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%);
+}
+
+.loginContainer .nav-pills .nav-link.active {
+  background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%) !important;
+  color: #fff;
+}
+
+.loginContainer .nav-pills .nav-link {
+  color: #272e47;
+  font-weight: 500;
+}
+
+/* login loader css  */
+.loader-btn {
+  position: relative;
+  display: inline-block;
+  padding: 12px 24px;
+  border-radius: 4px;
+  border: none;
+  background-color: #4CAF50;
+  color: #fff;
+  font-size: 18px;
+  text-align: center;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+  height: 38px;
+}
+
+.loader-btn .loader {
+  position: absolute;
+  top: 25%;
+  left: 48%;
+  /* transform: translate(-50%, -50%); */
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  border-top-color: #000;
+  animation: loader-rotate 0.8s linear infinite;
+  /* opacity: 0; */
+  transition: opacity 0.3s ease;
+}
+
+.loader-btn.loading .loader {
+  opacity: 1;
+}
+
+.loader-btn .btn-text {
+  z-index: 1;
+}
+
+@keyframes loader-rotate {
+  to {
+    transform: rotate(360deg);
+  }
 }