@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&family=Vidaloka&display=swap');

body{
    font-family: 'Roboto', sans-serif;
    color: #2C2929;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Vidaloka', serif;
}
h1{
    font-size: 3rem;
}
h4{
  font-size: 1.4rem;
}
p {
    font-size: 1rem;
}
.invalid-feedback{
    margin-bottom: 0rem;
}
.padding-top{
  padding-top: 3rem;
}
.padding-bottom{
  padding-bottom: 3rem;
}
.middled{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.submit_btn{
  background-color: #CF1A24;
  color: #FFFFFF;
  align-self: center;
  padding: .2rem 2rem;
}
.rider_reg_btn{
    background-color: #000000 !important;
    color: #FFFFFF !important;
    align-self: center;
  }
  .rider_reg_btn:hover, .rider_reg_btn .active{
    background-color: #ffffff !important;
    color: #CF1A24 !important;
  }
.menu_btn{
  border: 1px solid #CF1A24;
  align-self: center;
}
.menu_btn:hover, .menu_btn .active{
  background-color: #CF1A24;
  color: #FFFFFF !important;
}
.menu_btn_login{
    background-color: #CF1A24;
    color: #FFFFFF !important;
    align-self: center;
}
.menu_btn_login:hover, .menu_btn_login .active{
  border: 1px solid #CF1A24;
  background-color: transparent;
  color: #000000 !important;
}
header{
/*    position: absolute;*/
    right: 0;
    left: 0;
    z-index: 999;
}
.container-fluid{
    padding-right: 0rem !important; 
    padding-left: 0rem !important;
}
.row {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
}
.jumbotron{
    border-radius: 0rem !important;
    padding: 1rem 0rem !important;
    margin-bottom: 0rem !important;
}
.costing_box {
    display: flex;
    justify-content: space-between;
}
.double-lined-border {
    height: 4px;
    border-top: 1px dotted #8c9ba5;
    border-bottom: 1px dotted #8c9ba5;
}
.nav-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
      max-width: 20rem;
}
.navbar-light .navbar-nav .nav-link{
    font-weight: 300;
    text-align: center;
    color: #000000;
}
.navbar-light .navbar-nav .nav-link.active{
    font-weight: 500;
    color: #CF1A24;
}
.dropdown:hover>.dropdown-menu{
    text-align: left;
}

.nav-item .nav-link:hover::before {
    width: 0.8rem;
    bottom: .9rem;
}
.nav-item{
    padding: 0.1rem 0.3rem;
}
.navbar{
    padding: 0rem 0rem;
}
.nav-content{
    padding: 0rem 0rem !important;
}

.navigation{
    padding: 0.5rem 0rem;
    box-shadow: 0px 4px 13px rgb(138 132 132 / 34%);
}
.contact-details p{
  font-size: .8rem
}
.marchent-form{
    display: flex;
    flex-flow: column;
    margin: 0 auto;
}
.marchent-form .form-control {
    width: 80%;
    background-color: #ededed;
    box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.25);
}
.marchent-form .input-group {
    width: 80%;
}
.marchent-form .form-group .file-upload-default {
    visibility: hidden;
    position: absolute;
}
.marchent-form .field_wrapper{
    width: 80%;
}
.marchent-form  .custom_field{
    width: 100%;
}
.marchent-form .upload_wrapper{
    width: 80%;
}
:not(.input-group)> .bootstrap-select .form-control:not([class*=col-]){
     width: 80%;
}
.bs-searchbox .form-control{
    width: 100% !important;
}
.bootstrap-select>.dropdown-toggle {
    background-color: #ededed;
    box-shadow: inset 2px 2px 6px rgb(0 0 0 / 25%);
}
.remove_button{
    background-color: #CF1A24;
    color: #FFFFFF;
    padding: 0.375rem 1rem;
}
.add_button{
    background-color: #5BA6BE;
    color: #FFFFFF;
    padding: 0.375rem .87rem;
}
.col-form-label{
    text-align: right;
}
.upload_btn{
    background-color: #CF1A24;
    color: #FFFFFF;
    padding: .2rem 1rem;
}

/*Service page css*/
.single_service_row{
    padding-bottom: 3rem;
}
.even_text{
    text-align: right;
}
/*End Service page css*/

/*Contact Us page css*/
.map {
    width: 100%;
    height: 300px;
}
.contact_form{
    display: flex;
    flex-flow: column;
}
.mendatory{
    color: #cf1a24;
}
/*Contact Us page css*/
.footer{
    background-color: #CF1A24;
    padding: 3rem 0rem 0rem 0rem;
}
.footer h1{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.footer p{
    color: #fff;
    font-size: .85rem;
    text-align: center;
}
.footer h5{
    color: #fff;
}
.footer a{
    color: #ffffff;
    font-size: 1.1rem;
    text-align: center;
}
.footer .social{
    justify-content: center;
}
.footer .social a{
    padding-right: 1rem;
}
/*.footer > div {
    padding-top: 1rem;
}*/
hr{
    border-top: 1px solid rgb(255 254 254) !important;
}
.copyright{
    padding-top: 1rem;
    padding-bottom: .5rem;
}
.footer a:hover {
  color: #000000;
  text-decoration: none;
}
.footer .nav-link {
    padding: 0.2rem 1rem;
}
.footer-text{

}
.footer{
    display: flex;
}
/*End Social media*/
@media screen and (max-width: 1366px){
    .footer a{
        font-size: 1rem;
    }
    .nav-item{
        color: #fff;
        font-weight: 600;
        font-size: 1.1rem;
        padding: 0.1rem 0.3rem;
    }
}
@media screen and (max-width: 1200px){
    .nav-item{
        font-size: 1.2rem;
    }
    .footer{
       padding-top: 2rem; 
    }  
    .navbar-nav .nav-item .active::before {
        bottom: 0.6rem;
    }  
    .footer a {
        padding: 0.5rem 0.5rem;
    }
}

@media screen and (max-width: 1024px){
    #main-nav {
        padding-left: 2rem;
    }
    .footer a {
        padding: 0.5rem 0.5rem;
    }
    .nav-item {
        font-size: 1.5rem;
    }
    .nav-link {
        display: block;
        padding: 0.5rem 1rem !important;
    }
}
@media screen and (max-width: 992px){
    h1{
      font-size: 2rem;
    }
  h3 {
    font-size: 1.4rem;
  }
  h4 {
    font-size: 1.2rem;
  }
  p{
    font-size: .9rem;
  }
    .padding-top{
      padding-top: 2rem;
    }
    .padding-bottom{
      padding-bottom: 2rem;
    }
    .dropdown:hover>.dropdown-menu{
        text-align: center;
    }
    .navbar-nav {
        position: relative;
        left: 0;
        right: 0;
        padding: 0;
        height: 100vh;
        top: 0;
        background: #fff;
    }
    .nav-item{
        
        font-size: 1.1rem;
        border-bottom: 1px solid #000;
    }
    .jumbotron{
        padding: 1.5rem 1.5rem !important;
    }
    .navbar-nav li a{ 
        text-align: center;
        color: #fff;
    }
    footer .footer-main-menu .navbar-nav .nav-item, footer .navbar .navbar-nav .nav-item{
      border-bottom: none;
    }
    footer .footer-main-menu .navbar-nav , footer .navbar .navbar-nav{
      height: auto;
    }
    .contact-details{
      text-align: center;
    }
    .footer-logo{
        display: block;
        text-align: center;
    }
    .copyright {
        padding-top: 1rem;
        padding-bottom: 0rem;
        text-align: center;
    }
    .wrapper {
      padding-top: 0.5rem;
      justify-content: center;
  }

}

@media screen and (max-width: 768px){
    /*Service page css*/
    .single_service_row{
        padding-bottom: 2rem;
    }
    .even_text,.odd_text{
        text-align: center;
    }
    /*End Service page css*/
    .hide-arrow{
        display: none;
    }
    .hide-img{
        display: none;
    }
    .col-form-label {
        text-align: left;
    }
    .marchent-form .form-control {
        width: 100%;
    }
    .marchent-form .field_wrapper{
        width: 100%;
    }
    :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){
     width: 100%;
    }
}
@media screen and (max-width: 500px){
    .jumbotron {
        padding: 1rem 1rem !important;
    }
    .copyright .mobile-order > div{
        padding: 0rem 0rem 1rem 0rem !important;
    }
    .footer-menu{
        padding: 0rem 0rem 1rem 0rem !important;
    }
}

.dropdown.bootstrap-select.form-control{
    max-width: 80% !important;
}