* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: Arial;
}
html {
   font-size: 62.5%;
}
.main-div {
   width: 100vw;
   height: auto;
   display: grid;
   place-items: center;
   background-color: rgb(249,249,249);
   padding: 3.1rem 0 5.4rem 0;
}

      /*--form section start here--*/
form {
  width: 35rem;
  background-color: #fff;
  border: 1px solid lightgray;
  text-align: center;
  padding: 2rem 3rem 1.8rem 3rem;
}
input, button, span, a {
   display: block;
}
form img {
   width: 17.5rem;
   margin-top: -2.1rem;
   margin-bottom: 0.3rem;
}
form input {
   width: 27.3rem;
   margin: 0 auto 0.8rem auto;
   padding: 0.9rem 0.7rem;
   background-color: rgb(249,249,249);
   border: none;
   border: 1px solid rgb(234,234,234);
   outline: none;
   border-radius: 0.3rem;
}
::placeholder {
   color: rgb(137,137,137);
}
#log-btn {
   width: 27.3rem;
   margin: 1.5rem auto 1.5rem auto;
   border: none;
   outline: none;
   padding: 0.5rem 0;
   border-radius: 0.3rem;
   color: #fff;
   font-weight: 580;
   font-size: 1.4rem;
   background-color:rgba(40,176,246,0.4);
}
.or {
   font-size: 1.2rem;
   margin: 0.4rem 0 1.4rem 0 ;
   color:rgb(149,149,149);
   position: relative;
}
.or:before {
   content: "";
   border-top: 1px solid rgb(204,204,204);
   width: 38%;
   position: absolute;
   left: 8px;
   top: 7.5px;
}   
.or:after {
   content: "";
   border-top: 1px solid rgb(192,192,192);
   width: 38%;
   position: absolute;
   right: 8px;
   top: 7.5px;
}   
.log-in-fb {
   text-decoration: none;
   font-size: 1.45rem;
   color: rgb(25,88,159);
   position: relative;
   margin-top: 2.23rem;
}
.fb-logo {
   width: 1.5rem;
   position: absolute;
   left: 5.5rem;
   top: 2.1rem;
   background-color: rgb(18,71,130);
}
.fab {
   background-color: rgb(18,71,130);
   color: #fff;
   padding: 0.26rem 0.23rem 0 0.57rem;
   margin-right: 0.9rem;
}
.forgot-pass {
   text-decoration: none;
   margin-top: 1rem;
   font-size: 1.25rem;
   color:rgb(9,37,101);
}
      /*--form section ends here--*/
      
      /*---app section start here---*/
.sign {
   width: 35rem;
   border: 1px solid lightgray;
   padding: 2.1rem 0;
   margin: 1.15rem 0;
   text-align: center;
   background-color: #fff;
   
}
.sign p {
   font-size: 1.4rem;
   display: inline;
}
.sign a {
   text-decoration: none;
   display: inline;
   color: rgba(40,176,246);
   font-size: 1.4rem;
}

.get-app p {
   text-align: center;
   margin: 1rem 0 2.3rem 0;
   font-size: 1.35rem;
   
}
.get-app {
   width: 35rem;
  
}
.get-app2 {
   width: 27.9rem;
   margin: 0 auto;
}
.iphone {
   width: 13.4rem;
   background-color: black;
   color: #fff;
   margin: 0 auto;
   padding: 0.2rem 1rem 0.3rem 1rem;
   text-align: right;
   border-radius: 0.3rem;
   border: 1px solid grey;
   float: ;
   margin-right: 0.6rem;
   cursor: pointer;
   display: inline-block;
}
.iphone img {
   width: 2.3rem;
   margin: ;
   float: left;
   margin-right: 0.4rem;
}
.iphone p, h4 {
   display: inline;
}
.iphone p {
   font-size: 1rem;
}
.iphone h4 {
   font-size: 1.7rem;
   line-height: 17px;
}


.playstore {
   width: 13.4rem;
   background-color: black;
   color: #fff;
   margin: 0 auto;
   padding: 0.2rem 0.4rem 0.3rem 0.4rem;
   text-align: ;
   border-radius: 0.3rem;
   border: 1px solid grey;
   float: ;
   margin: ;
   cursor: pointer;
   display: inline-block;
}
.playstore img {
   width: 3rem;
height: 2.8rem;
   float: left;
   margin-right: 0.3rem;
}
.playstore-img {
   margin-top: 0.3rem;
}
.playstore p {
   font-size: 0.9rem;
}
.playstore h4 {
   font-size: 1.6rem;
   line-height: 17px;
}
.playstore p, h4 {
   display: inline;
}
      /*---app section ends here---*/
      
      
      /*---footer section start here---*/
.footer {
   width: ;
   margin: 5.2rem auto 0 auto;
   text-align: center;
}
.footer ul li {
   list-style-type: none;
   margin: 0;
   margin-right: 1.5rem;
   font-size: 1.3rem;
   color: rgb(121,121,121);
   cursor: pointer;
}
.footer ul {
   display: flex;
   justify-content: center;
   flex-direction: ;
   text-align: center;
   display: ;
   margin-bottom: 1.5rem;
}
.footer select {
   border: none;
   background-color: rgb(249,249,249);
   color: rgb(121,121,121);
   outline: none;
   font-size: 1.3rem;
}
.footer p {
   display: inline;
   font-size: 1.3rem;
   color: rgb(121,121,121);
   margin-left: 0.3rem;
}
      /*---footer section ends here---*/
      
      /*=== responship section start here ===*/
@media (max-width:410px) {
   .main-div {
      width: 100%;
      padding: 8rem 0 5.4rem 0;
   }
   form {
      width: 28rem;
      padding: 1.8rem 2rem 1.8rem 2rem;
   }
   form img {
   width: 17rem;
   margin-top: -2.1rem;
   margin-bottom: 0;
   }
   form input {
      width: 96%;
      padding: 0.7rem 0.7rem;
   }
   ::placeholder {
      font-size: 1.3rem;
   }
   #log-btn {
      width: 96%;
      padding: 0.4rem 0;
      font-size: 1.3rem;
   }
   .log-in-fb {
      font-size: 1.35rem;
   }
   .fb-logo {
      left: 5.7rem;
      width: 1.4rem;
   }
   .fab {
      margin-right: 0.7rem;
      padding: 0.22rem 0.22rem 0 0.55rem;
   }
   .sign {
      width: 28rem;
      padding: 1.8rem 0;
   }
   .sign p{
      font-size: 1.3rem;
   }
   .sign a {
      font-size: 1.3rem;
   }
   .get-app {
      width: 28rem;
   }
   .get-app > p {
      font-size: 1.3rem;
   }
   .iphone {
      width: 12rem;
       padding: 0.2rem 0.8rem 0.3rem 0.8rem;
   }
   .iphone img {
      width: 2rem;
      margin-right: 0.2rem;
   }
   .iphone h4 {
      font-size: 1.58rem;
      line-height: 14px;
   }
   .iphone p {
      font-size: 0.9rem;
   }
   .playstore {
      width: 12rem;
      padding: 0.2rem 0.4rem 0.2rem 0.5rem;
   }
   .playstore p {
      font-size: 0.9rem;
   }
   .playstore img {
      width: 2.1rem;
   }
   .playstore h4 {
      font-size: 1.52rem;
      line-height: 14px;
   }
   .get-app2 {
   width: 25rem;
   margin: 0 auto;
}
   .footer ul {
      flex-direction: ;
      flex-wrap: wrap;
   }
   .footer ul li {
      font-size: 1.2rem;
      line-height: 22px;
   }
   .footer p {
      font-size: 1.2rem;
   }
   .footer select {
      font-size: 1.2rem;
   }
}     
      
      /*=== responship section ends here ===*/