/* WHY NOQTA */
#whyNoqta{
    padding-top: 100px;
}
.why-card{
    border: 1px solid #30312f;
    border-radius: 20px;
}
.why-header{
    font-size: 24px;
    text-align: center;
    color: #839A78;
    padding-top: 25px;

}
.why-para{
    padding: 75px 100px;
    font-size: 20px;
    color: #000;
    font-style: italic;
}
.why-card-header{
    background-color: #FFFFFF;
    border: none;
}
.why-mockup{
    width: 654px;
    height: 433px;
}
.get-us-para{
    font-weight: bold;
}
/* NOQTA'S sERVICES */
#services{
    padding: 100px 0px;
}
.service-card{
    border: none;
}
.service-header{
    padding-top: 70px;
    padding-left: 20px;
    color: #000000;
    font-weight: bold;
}
.service-para{
    padding-left: 20px;
    font-size: 20px;
}
.service-img{
    padding-left: 150px;
    height: 200px;
}
.hr-color{
    color: #8ec95e;
    border: 1px solid;
}
.margin-loc-error{
    margin: 0px 500px;
}
/* Order steps */
.order-step-head{
    padding: 40px 40px;
    font-family: cursive;
}
.step-card{
    border-radius: 18px;
    border: 1px solid #839A78;
}
.step-no{
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 100px;

    /* Created with https://www.css-gradient.com */
    background: linear-gradient(to bottom right, #DFE8D8, #BAE694);
    font-weight: bold;
    font-size: 22px;
    display:inline-block;
    margin:10px;
}
.find-rest-img{
     width: 120px;
     height: 150px;   
}
.step-para{
    color: #707070;
    font: normal normal normal 25px Segoe UI;
}

/* BECOME A PARTNER */

#become-partner{
    padding-top: 100px;
}
.becomePartner-image{
    height: 150px;
}
.sign-up-business{
    padding-left: 20px 20px;
    border: 2px solid #839A78;
    background-color: #839A78;
    color: #FFFFFF;
}
.become-header{
    font-size: 24px;
    color: #000000;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.location-size{
    width: 60px;
    height: 25px;
}
/*scroll bar started here..*/
.scrollmenu {
    background-color: #839A78;
    overflow: auto;
    white-space: nowrap;
    border-radius: 10px;
  }
  
  .scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  
  .scrollmenu a:hover {
    background-color: #777;
  }
/*scroll bar ends here..*/

.current-order {
    width: 200px;
    border: 1px solid white;
    margin: 5px;
    border-radius: 10px;
}
.error-msg {
    display: block !important;
    margin-top: 10px !important;
}
.location-error-alert{
    width: 83%;
    padding: .5rem .5rem;
}
/* .input-group:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -10px;
    border-width: 5px;
    border-style: solid;
    border-color: #f00 transparent transparent transparent;
} */

@media (min-width: 1200px) and (max-width: 1600px) {
    /* Your CSS code for laptop screens goes here */
    #whyNoqta{
        padding-top: 20px;
    }
    #currentOrders{
        padding-top: 10px;
    }
    .why-para {
        padding: 75px 120px;
    }
}

@media (max-width: 575px) {

    .location-size{
        width: 15px;
        height: 15px;
    }
    #whyNoqta{
        padding-top: 20px;
    }
    .why-header{
        font-size: 16px;
        padding-top: 15px;
    }
    .why-mockup{
        width: 254px;
        height: 133px;
        padding-left: 25px;
    }
    .why-para{
        padding: 4px 0px;
        font-size: 14px;
    }
    .why-card{
        border-radius: 10px;
        border: 1px solid #DFE8D8;
    }
    #services{
        padding: 10px 0px;
    }
    .service-header{
        padding-top: 0px;
        padding-left: 0px;
    }
    .service-para{
        padding-left: 0px;
        font-size: 16px;
    }
    .service-img{
        padding-left: 0px;
        height: 100px;
        
    }
    .order-step-head{
        padding: 10px 0px;
    }
    .step-card{
        border-radius: 10px;
        margin: 5px;
    }
    .step-no{
        width: 30px;
        height: 30px;
        font-size: 16px;
        margin:5px;
    }
    .find-rest-img{
        width: 100px;
        height: 85px;
    }
    .step-para {
        font: normal normal normal 10px Segoe UI;
    }
    #become-partner {
        padding-top: 10px;
    }
    .become-header{
        font-size: 18px;
    }
    .sign-up-business{
        padding-left: 5px 5px;
        border: 1px solid #839A78;
       
    }
    .becomePartner-image {
        height: 80px;
    }
    
    #footer {
        padding-top: 20px;
    }
    .get-us-icon {
        padding-left: 150px;
        width: 250px;
        height: 30px;
    }
    #currentOrders{
        padding-top: 10px;
    }
}