body{
  font-family: 'Montserrat', sans-serif;
  color: #323232;
  overflow-x: hidden;
}
nav.navbar.navbar-expand-lg.navbar-light {
  padding: 5px 70px;
}
.container-fluid.menu, nav.navbar.navbar-expand-lg.navbar-light {
  background: #000;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
  color: #fff;
  font-size: 14px;
}
table.dataTable thead .sorting_desc::after , table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting::after {
  content: ""!important;
}
.shyppo-send-drive-img{
  max-width: 350px;
}
.form-inline{
  display: block!important;
}
span.box-heading.same-text{
  font-size: 29px;
}
.right-send.up-to img.small-sign-img {
  margin-top: 20px;
}
.right-send.up-to img {
  margin-top: 26px;
}
.helping-text {
  width: 80%;
  display: inline-block;
}
table th, table td{
  padding: 12px 10px!important;
}
a.navbar-brand {
  color: #ffffff!important;
  text-transform: uppercase;
  font-size: 26px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-item.active .nav-link{
  color: #ff6600!important;
  transition: all 0.2s ease-in-out;
}
.container.innner-margin {
  margin-top: 40px;
  margin-bottom: 40px;
}
.container-fluid.main-bg::after{
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  background: url("../images/bg-orange.png");
  height: 230px;
  width: 262px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
.d-block.dft-btn.upload input {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
.container-fluid.main-bg::before{
  position: absolute;
  content: '';
  left: 0;
  width: 253px;
  height: 148px;
  background: url("../images/bg-blue.png");
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
}
input[type="date"]:focus {
  font-size: 15px;
}

input[type="date"] {
  font-size: 14px;
  font-weight: 300;
  color: #323232;
  font-weight: 400;
}
span.input-box{
  position: relative;
}
.terms-checkbox .sub-checkbox {
  float: none;
}
.terms-checkbox .sub-checkbox .checkmark{
  top: 5px;

}
/*************HOME CSS STARTS************************/
span.details p {
    line-height: 24px;
}

.input-box i.fa.fa-question-circle-o.hoverImg .overlay {
    position: absolute;
    display: none;
}
.input-box i.fa.fa-question-circle-o.hoverImg:hover .overlay {
    display: block;
}
.input-box i.fa.fa-question-circle-o.hoverImg:hover{
  cursor: pointer;
}
.sign-up-btn{
  background: #fff;
  transition: all 0.2s ease-in-out;
}
.navbar-light .navbar-nav .nav-link.sign-up-btn {
  color: #000;
  transition: all 0.2s ease-in-out;
  text-align: center;
}
.navbar-light .navbar-nav .nav-link.sign-up-btn:hover{
  background: #ff6000;
  color: #fff!important;
  transition: all 0.2s ease-in-out;
}

a.nav-link.sign-in {
  margin-right: 20px;
}
.banner {
  margin-left: -15px;
  padding: 0 15px;
  margin-right: -15px;
  background: url(../images/banner.png);
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
a.drive-btn button:hover, a.send-btn button:hover {
  background: #ff6000!important;
  transition: all 0.2s ease-in-out;
}

.banner-text-container {
  font-family: 'Montserrat', sans-serif;
  float: right;
  width: 500px;
  height: 500px;
  background: #fff;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px;
  right: 70px;
  position: relative;
}
.banner-text-container h1 {
  font-weight: 700;
  font-size: 41px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 55px;
}
.banner-text-container h6 {
  font-size: 16px;
  color: #313131;
  line-height: 29px;
}
h6.small-text-learn a, .see-all a{
  color: #323232;
}
.see-all a, .learn-more a{
  color: #323232;
}
h6.small-text-learn a:hover, .see-all a:hover, .learn-more a:hover  {
  color: #ff6000;
  transition: all 0.2s ease-in-out;
}
button.btn.btn-primary.to-drive, button.btn.btn-primary.to-send {
  background: #000000;
  border: none;
  height: 55px;
  width: 180px;
  border-radius: 0px;
  font-weight: 600;
  margin-top: 40px;
}
button.btn.btn-primary.to-send{
  margin-left: 10px;
}
h6.small-text-learn {
  margin-top: 25px;
  border-bottom: 1px solid #e4e4e4;
  width: auto;
  float: left;
}
.main-content section{
  margin: 100px 0;
}
section.send-drive a {
  width: 500px;
  display: inline-block;
  text-align: left;
}
section.send-drive.shyppoit a {
  width: 400px;
}
section.send-drive.shyppoit .box.row{
  height: 145px;
}
section.send-drive.shyppoit .right-send {
  padding: 0 15px;
}
section.about-us {
  margin-bottom: 70px;
}
.box.row{
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 7px 0px rgba(159, 159, 159, 0.63);
  height: 185px;
  z-index: 57;
  align-items: center;
  margin: 0;
  border-radius: 15px;
}
.left-send.col-sm-4.col-4 {
  background: #ff6600;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
span.box-heading {
  font-family: 'Roboto', sans-serif;
  font-size: 45px;
  font-weight: 100;
  top: 12px;
  display: inline-block;
  position: relative;
}
.right-send p {
  font-size: 14px;
  font-weight: 500;
  color: #323232;
}
.right-send {
  padding: 0 25px;
}
.right-send img{
  margin-top: 31px;
}
a .right-send, a:hover {
  color: #000;
  text-decoration: none;
}
h1.main-heading {
  font-size: 40px;
  font-family: "Montserrat";
  color: rgb(8, 8, 8);
  font-weight: 600;
  line-height: 0.725;
  z-index: 129;
}
.heading-border {
  height: 4px;
  background: #ff6600;
  width: 70px;
  margin: 15px 0 40px 0;
}
span.numbering {
  border-radius: 50%;
  background-color: rgb(255, 102, 0);
  width: 27px;
  height: 27px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
span.process-text {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
}
span.process-text {
  margin-left: 10px;
}
span.process-step {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 102, 0);
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  width: 188px;
  margin: 0 auto;
  display: flex;
  margin-top: 40px;
  justify-content: center;
  height: 42px;
  align-items: center;
}
span.process-img {
  display: block;
  height: 150px;
}
span.process-img img {
  max-width: 100%;
}
.process-left {
  float: left;
  width: 229px;
}
.process-right{
  float: right;
}
.process-right {
  display: flex;
  justify-content: unset;
  align-items: flex-end;
  height: 220px;
  left: 16px;
  position: relative;
}
span.commitment-text, section.about-us p {
  font-size: 16px;
  font-weight: 500;
  line-height: 34px;
}
span.commitment-img img{
  max-width: 100%;
}
span.icon-heading{
  font-size: 22px;
  display: block;
}
span.heading-main {
  font-size: 20px;
  color: #323232;
  font-weight: 600;
  margin: 15px 0;
  display: block;
}
p.learn-more {
  border-bottom: 1px solid #e4e4e4;
  display: inline-block;
  line-height: 28px!important;
}
footer {
  background: #000;
  color: #fff;
  border-top: 2px solid #ff6600;
}
footer ul{
  padding: 0;
  margin: 0;
}
footer ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  float: left;
  width: 100%;
  line-height: 29px;
  font-size: 13px;
}

ul.quick-links li {
  width: 50%;
}
ul.quick-links li a {
  color: #fff;
  transition: all 0.2s ease-in-out;
}
ul.quick-links li a:hover {
  color: #ff6600;
  transition: all 0.2s ease-in-out;
}
.heading-footer{
  position: relative;
}
.heading-footer h1{
  font-size: 20px;
  margin-top: 15px;
  line-height: 36px;
}
.footer-heading-border {
  border-bottom: 2px solid #c9c9c9;
  width: 100%;
  margin: -7px 0 10px 0;
  float: left;
  position: relative;
  line-height: 0;
}
.footer-heading-border::before {
  left: 0;
  position: absolute;
  content: "";
  border: 1px solid #ff6600;
  top: 0;
  width: 50px;
}
h1.heading-footer.logo-heading{
  font-size: 26px;
  font-weight: 600;
}
ul.follow-us li img:hover {
  opacity: 0.8;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
footer ul li img {
  margin-left: 15px;
}
footer ul li img:first-child {
  margin-left: 0px;
}
.copyright {
  font-size: 13px;
  margin: 20px 0;
}
.copyright span {
  font-weight: bold;
  color: #ff6600;
}
.col-12.col-sm-4.second-child {
  margin: 0 5%;
}
footer .col-12.col-sm-4 {
  max-width: 30%;
}
img{
  max-width: 100%;
}

/*-------------HOME CSS ENDS************/


/*-------------SEND-DRIVE CSS STARTS************/

h1.internal-main-heading span.shyppo-org {
  color: #ff6600;
  text-shadow: 2px 2px 2px #afafaf;
  top: 0;
}
h1.internal-main-heading.shyppo-text {
  font-size: 40px;
}

/*-------------SEND-DRIVE CSS ENDS************/



/*-------------LOGIN CSS STARTS************/

.left-login-box {
  align-items: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.container-fluid.main-bg{
  padding: 0px;
  position: relative;
}
.content-bg{
  border-radius: 30px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px 32px 0px rgba(204, 204, 204, 0.35);
}
.content-bg.forgot-content{
  padding-bottom: 5rem!important;
  padding-top: 5rem!important;
}
.content-bg.login-content{
  padding-top: 5rem!important;
  padding-bottom: 2rem!important;
}
span.input-box {
  width: 80%;
  background-color: #e7e5e4;
  border-radius: 5px;
  line-height: 30px;
  padding-left: 15px!important;
  padding-right: 6px!important;
}
#shypper_profile_image {
  margin-left: 0;
}
.shyper-sign-btn{
  position: relative;
}
span.input-box input {
  display: inline-flex;
  width: 87%;
  border: none;
  background: #e7e5e4;
  top: 1px;
  position: relative;
  margin-left: 0;
}
span.input-box input:focus{
  outline: none;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
  font-weight: 300;
  font-size: 14px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}
.content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
h1.internal-main-heading {
  font-size: 30px;
  text-transform: uppercase;
  color: #080808;
  font-weight: 600;
  letter-spacing: 1px;
}
span.d-block.helping-text.text-center {
  font-size: 16px;
}
span.text-chekbox {
  font-size: 15px;
  display: inline;
  position: relative;
}
a{
  color: #323232;
  transition: all 0.3s ease-in-out;
}
a:hover{
  color: #ff6600;
  transition: all 0.3s ease-in-out;
}
.dft-btn .btn {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  min-width: 138px;
  border-radius: 0;
  font-size: 18px;
  padding: 8px 15px;
  font-family: roboto;
  font-weight: 100;
  background: #ff6600;
  border: none;
  font-weight: 100;
}
.dft-btn .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00bcea;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.dft-btn .btn:hover, .dft-btn .btn:focus, ..dft-btn .btn:active {
  color: white;
  background: #000;
}
.dft-btn .btn:hover:before, .dft-btn .btn:focus:before, .dft-btn .btn:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* The checkbox-container */
.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 19px;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 2px solid #ff6600;
  border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: none;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #ff6600;
  border: 2px solid transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 4px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.skip-txt span{
  color: #ff0000;
  border-bottom: 1px solid #ff0000;
  }.sep{
    color: #ff0000;
  }
  .invalid-feedback {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .content-box form{
    width: 80%;
  }
  /*-------------LOGIN CSS ENDS************/

  .input-box i, .input-box img {
    width: 15px;
  }
  .row.reoccuring-box .sub-checkbox {
    float: none;
    margin-left: 25px;
    margin-top: 10px;
  }
  /*-------------Sign Up CSS Starts************/
  .vehicle-type-box, .vehicle-color-box {
    display: inline;
  }
  .vehicle-type, .vehicle-color {
    width: 72%;
    border: none;
    background: transparent!important;
    text-align: left;
    display: inline;
    font-size: 14px;
    top: 2px;
    padding-right: 0;
    position: relative;
    font-weight: 300;
    font-family: Montserrat;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 0px;
    height: 32px;
    box-shadow: none!important;
    color: #000;
  }
  .caret-down{
    position: relative;
  }
  .caret-down::before {
    position: absolute;
    content: '';
    right: 30px;
    width: 8px;
    height: 6px;
    background: url(../images/caret-down.png);
    top: 26px;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  select.vehicle-color.form-control:focus{
    background: #e7e5e4;
    box-shadow: none;
  }
  .driver.profile-page-2, .shypper.signup-page-2,   .need-to-shyppo.page-2, .need-to-shyppo.page-3, .extra-space.page-2, .extra-space.page-3{
    display: none ;
  }
  .driver-sign-up span.input-box {
    width: 100%;
  }
  .driver-sign-up span.input-box input {
    width: 79%;
  }
  span.upload-img {
    width: 120px;
    background: #fbfbfb;
    border: 1px solid #ff0000;

    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    border-radius: 5px;
  }
  .col-md-5.col-5.profile-pic {
    padding-right: 10px;
  }
  span.upload-img img {
    max-width: 100%;
    height: 100%;
  }
  .driver-content p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
  }
  label.error {
    left: 0;
    top: 44px;
    position: absolute;
    color:
    #f00;
  }
  .d-block.dft-btn.upload input {
    margin-top: 10px;
  }
  .driver-sign-up .driver-bottom-left-section span.input-box, .driver-sign-up .driver-bottom-right-section span.input-box, .form-bottom-right-section span.input-box, .form-bottom-left-section span.input-box {
    width: 94%;
  }
  .driver-sign-up .driver-bottom-right-section span.input-box, .form-bottom-right-section span.input-box {
    float: right;
  }
  .hr-color hr{
    border-color: #ff0000;
  }
  .all-padding{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .legally span.text-chekbox {
    font-size: 14px;
  }
  label.checkbox-container.legally {
    line-height: 8px;
    margin-top: 20px;
  }
  .driver-sign-up span.input-box input.banking-info, .driver-sign-up span.input-box input.cc-details {
    width: 85%;
  }
  .input-box .fa-question-circle-o {
    top: 2px;
    position: relative;
  }
  .input-box img {
    max-width: 15px;
  }
  .driver profile-page-2{
    display: none;
  }
  .agree-terms span{
    color: #00afe8;
  }
  /*-------------Sign Up ENDS************/


  /*-----------MY PROFILE STARTS----------***/

  .my-profile-pic .upload-img {
    margin: 0 auto;
    float: none;
    height: 240px;
    width: 240px;
  }
  span.myprofile-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 34px;
    display: block;
    color: #323232;
  }

  /*-----------------------------------------*/


  /*-------------CONTACT US CSS Starts************/

  section.contact-us {
    border: 3px solid #ff6600;
  }
  h1.internal-main-heading span {
    background: #fff;
    /* top: -21px; */
    position: relative;
    width: 100%;
    display: block;
}
  .contact-us h6 {
    font-weight: 300;
    font-size: 17px;
  }
  .contact-us span.dft-btn {
    position: relative;
    top: 23px;
    background: #fff;
    width: 235px;
    display: inline-block;
  }
  .dft-btn .contact-btn {
    width: 210px;
    height: 48px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
  }
  section.contact-us input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #323232;
  }
  :focus{
    outline: none;
  }
  section.contact-us textarea {
    width: 100%;
    border-bottom: 1px solid #323232;
    resize: none;
    height: 175px;
  }
  .input-marg{
    margin-top: 40px;
  }
  .textarea-marg {
    margin-top: 85px;
    margin-bottom: 0;
  }
  span.email-text, .or-text {
    font-size: 22px;
    } {
      font-size: 22px;
    }
    span.email-text a {
      color: #ff6600;
    }
    span.email-text a:hover {
      color: #000;
    }
    .price-inbox input {
      margin-left: 8px!important;
    }

    /*-------------CONTACT US CSS ENDS************/


    /*-------------NEED TO SHYPPO CSS STARTS************/
    i.fa.fa-question-circle-o.multiple-shipments {
      top: 4px;
    }
    span.d-inline-block.small-heading.canada-based.reoccuring-trip-text {
      float: left;
      padding-top: 10px;
    }
    i.fa.fa-question-circle-o.reoccuring-cal-btn {
      top: 3px;
      position: relative;
    }
    .row.reoccuring-box .sub-checkbox {
      float: none;
      margin-left: 25px;
    }
    .sub-heading h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 0;
    }
    .sub-heading .heading-border {
      height: 3px;
      width: 44px;
      margin: 4px 0 27px 0;
    }
    .need-to-right{
      margin-left: 4%;
    }
    .need-to-shyppo span.input-box {
      width: 96%;
    }
    .need-to-shyppo span.input-box input{
      width: 100%;
      margin-left: 0px;
    }
    .sub-heading .d-inline-block.marg-l {
      margin-left: 4%;
    }
    .sub-checkbox {
      float: right;
      margin-right: 3%;
    }
    .sub-checkbox .checkmark {
      height: 16px;
      width: 16px;
      top: 0px;
    }
    .checkbox-container .checkmark::after {
      left: 4px;
      top: 0px;
      width: 5px;
    }
    .left-checkbox-margn {
      margin-right: 0;
    }
    .width-box {
      width: 97.5%;
    }
    .padd-zero-right {
      padding-right: 0;
    }
    .padding-zero-left {
      padding-left: 5px;
    }
    button.btn.btn-default.calendar-btn {
      position: absolute;
      background: #ff6600;
      z-index: 1;
      color: #fff;
      top: 0;
      height: 48px;
      right: 0px;
      width: 48px;
    }
    .need-to-shyppo .width-box span.input-box input{
      width:90%;
    }
    .size-qty .vehicle-type, .size-qty .vehicle-color {
      width: 100%;
      margin-left: 0px;
      padding-right: 36px;
    }
    .need-to-shyppo span.input-box input.value-input {
      width: 61%;
      display: inline-block;
      margin-left: 10px;
    }
    span.input-box.value-box {
      width: 89%;
    }
    span.input-box.value-box {
      width: 76%;
      margin-left: 13%;
    }
    span.input-box.price-inbox{
      width: 66%;
      margin-left: 23%;
    }
    span.usd {
      font-size: 21px;
      top: 3px;
      position: relative;
      left: 0;
    }
    .small-heading h6 {
      font-size: 14px;
      font-weight: 600;
      line-height: 48px;
    }
    .small-heading.canada-based h6{
      line-height: 30px;
    }
    textarea.brief {
      width: 96%;
      background: #e7e5e4;
      border-radius: 5px;
      border: none;
      padding: 15px 0 0 20px;
      height: 115px;
      resize: none;
    }
    .delivery-notes {
      float: right;
      width: 50%;
    }
    .delivery-notes textarea{
      height: 80px;
      padding: 10px 10px 10px 15px;
    }
    /*-------------NEED TO SHYPPO CSS ENDS************/

    /*-------------EXTRA SPACE CSS STARTS************/
    /*button.btn.btn-default.calendar-btn {
    position: relative;
    }*/
    span.input-box.how-far {
      width: 86%;
    }
    .extra-checkbox .checkmark {
      top: -2px;
    }
    .sub-checkbox.extra-checkbox {
      float: left;
    }
    .canada-based.how-far h6 {
      font-size: 17px;
    }
    span.d-inline-block.note-text {
      font-size: 15px;
    }
    span.note {
      color: #FF6600;
    }
    .extra-space span.input-box.how-far, .extra-space span.input-box.min-price {
      width: 87%;
    }
    .extra-space span.input-box{
      width: 96%;
    }
    .extra-space span.input-box input.leaving, .not-sure{
      width:85%;
    }
    .pick-up-time .checkmark {
      top: 14px;
    }
    span.input-box.min-price input{
      width: 78%;
    }
    .small-heading.extra-single-heading h6 {
      line-height: 25px;
    }
    span.input-box.price-box {
      width: 100%;
    }
    span.input-box.price-box input.value-input {
      width: 72%;
    }
    span.input-box.price-box   span.usd {
      left: 5px;
    }
    .regardless {
      width: 80%;
    }
    .regardless-checkbox {
      line-height: 56px;
    }
    button.btn.btn-default.colored-price {
      background: #ff6600;
      color: #fff;
      font-size: 22px;
      height: 48px;
      width: 100%;
      transition: all 0.3s ease-in-out;
    }
    button.btn.btn-default.colored-price:hover, button.btn.btn-default.colored-price:focus{
      background: #000;
      transition: all 0.3s ease-in-out;
      box-shadow:  none;
    }
    .extra-space span.input-box.shipment-box .value-input {
      width: 61%;
      margin-left: 10px;
    }
    .multiple-shipments {
      top: 14px;
      position: relative;
    }
    /*-------------EXTRA SPACE CSS ENDS************/


    /*-------------DRIVE SEARCH CSS STARTS************/

    .drivers-available .table .thead-dark th{
      font-size: 14px;
      font-weight: 600;
      background-color: #000;
      border-color: #000;
      text-align: center;
      vertical-align: middle;
    }
    .drivers-available .table tr:last-child td , .drivers-available .table tr:last-child th{
      border-bottom: 1px solid #dee2e6;
    }
    .drivers-available .table-hover tbody tr:hover {
      background: rgba(0,0,0,.03);
    }
    .drivers-available .table-hover tbody tr:hover th, .table-hover tbody tr:hover td{
      color: #ff6600;
    }
    .drivers-available .table  th{
      font-size: 14px;
      text-align: center;
      vertical-align: middle;
    }
    .drivers-available .table td{
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      vertical-align: middle;
    }
    .ratings{
      color: #ffae00;
    }
    span.price-offered {
      font-size: 15px;
      font-weight: 600;
    }
    a.hire img {
      max-width: 25px;
    }
    .no-exact-match {
      display: none;
    }
    .no-exact-match-txt {
      font-size: 16px;
      color: #ff6600;
    }
    .slightly-higher{
      display: none;
    }
    h2.slightly-higher{
      font-size: 15px;
    }
    .post-ad {
      display: none;
    }
    .slightly-higher .bottom-txt {
      color: #000;
      font-size: 15px;
    }
    .drivers-available, .drivers-available .table-responsive {
      height: 320px;
    }
    span.oops {
      height: 248px;
      display: flex;
      justify-content: center;
      align-items: center;
      display: none;
    }
    span.oops .text-oops {
      font-size: 28px;
      font-weight: 600;
      color: #000;
      display: inline-block;
    }
    span.oops img {
      max-width: 55px;
      margin-top: 36px;
      left: 10px;
      position: relative;
    }
    .table tr.opps td {
      border: none!important;
    }
    span.found-text{
      display: inline-block;
      font-weight: 600;
      color: #000;
      font-size: 24px;
      letter-spacing: 1px;
    }
    .drivers-available .table .thead-dark th{
      font-size: 13px;
    }
    .drivers-available.table-tabs, .drivers-available.table-tabs .table-responsive{
      height: 400px;
    }
    .driver-tabs ul#pills-tab {
      justify-content: center;
    }
    .driver-tabs .nav-pills .nav-link{
      border-radius: 0px;
      border: 1px solid #000;
      width: 245px;
      font-size: 14px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .driver-tabs .nav-pills .nav-link.active, .driver-tabs .nav-pills .show>.nav-link{
      background-color: #000;
    }
    .driver-tabs li.nav-item{
      margin: 0 2px;
    }
    /*-------------DRIVE SEARCH CSS ENDS************/
    td.dataTables_empty {
      font-weight: bold !important;
      font-size: 20px !important;
    }
    .sign-month{
      max-width: 95px;
      display: inline-flex;
      padding: 0px;
    }
    .sign-day{
      max-width: 75px;
      display: inline-flex;
      padding: 0px;
    }
    .sign-year{
      display: inline-flex;
      width: auto;

    }

    .driver-center-section select {
      display: inline-flex;
      width: initial;
    }
    .driver-center-section select#dob_month {
      width: 92px;
      padding: 3px;
    }
    .driver-center-section select#dob_day {
      width: 75px;
      padding: 3px;
    }


    .right-login .checkbox-container{
      line-height: 10px
    }

    .rating-shyppo .alert.alert-danger {
      margin-bottom: 60px;
    }
    input#profileImage {
      border-bottom: 0;
      margin-top: 10px;
    }
    .row.terms-privacy ol li {
        margin-bottom: 20px;
    }
    .row.terms-privacy div {
        margin-bottom: 20px;
    }
    .row.terms-privacy div cite  {
        font-weight: normal!important;
        font-style: normal;
    }
    .close-btn-notification {
        position: absolute;
        top: 9px;
        right: 13px;
        z-index: 1;
        transition: all 0.3s ease-in-out;
    }
    .close-btn-notification img {
        width: 20px;
    }
    .close-btn-notification:hover img {
        opacity: 0.5;
        transition: all 0.3s ease-in-out;
        cursor: pointer;
    }



    /*******RESPONSIVE MEDIA STARTS********/
    @media (min-width: 1920px) {
      .container{
        max-width: 1640px;
      }
    }

    @media (min-width: 1367px) {
      .container{
        max-width: 1440px;
      }
    }
    @media (min-width: 1600px) {
      .container{
        max-width: 1440px;
      }
      .process-left{
        width: 302px;
      }
    }
  }
  @media (min-width: 1200px) {
    .content-pic{
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 37.666667%;
      max-width: 37.666667%;
    }
    .profile-inputs {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 62.333333%;
      max-width: 62.333333%;;
    }
  }


  @media (min-width: 992px) and (max-width: 1024px) {
    section.send-drive a {
        width: 100%;
    }
    .vehicle-type, .vehicle-color{
      width: 89%;
    }
    .my-profile-pic .upload-img {
      margin: 0;
    }
    .right-send p {
      font-size: 16px;
    }
    footer ul li img {
      max-width: 32px;
    }
    footer ul li{
      font-size: 13px;
    }
    .process-left {
      width: 183px;
    }
    .banner-text-container{
      right: 30px;
    }
    .banner{
      height: 550px;
    }
    nav.navbar.navbar-expand-lg.navbar-light {
      padding: 10px 30px 3px 30px ;
    }
    span.input-box input {
      width: 85%;
    }

  }

  @media (min-width: 768px) and (max-width: 991px) {
    section.send-drive a {
        width: 100%;
    }
    span.input-box {
      padding-left: 15px!important;
      padding-right: 15px!important;
    }
    .vehicle-type, .vehicle-c  olor{
      width: 88  %;
    }
    .driver-sign-up span.input-box input {
      width: 82%;
    }
    span.myprofile-text{
      max-width: 100%;
    }
    span.d-block.helping-text {
      margin-bottom: 25px;
    }
    .banner-text-container {
      right: 0px;
    }
    footer ul li img {
      max-width: 32px;
    }
    ul.quick-links li {
      width: 100%;
    }
    footer ul li{
      font-size: 13px;
    }
    .right-send p {
      font-size: 16px;
    }
    .right-send {
      padding: 0 15px;
    }

    .process-left {
      width: 124px;
    }
    .process-right {
      left: 27px;
      height: 180px;
    }
    span.numbering{
      width: 25px;
      height: 25px;
    }
    .process-right img{
      max-width: 18px;
    }
    span.process-step{
      width: 153px;
    }
    span.process-step{
      margin-top: 0px;
    }
    span.process-text {
      margin-left: 1px;
      font-size: 12px;
    }
    .left-login-box img{
      max-width: 300px;
    }
    span.input-box {
      width: 100%!important;
    }
    span.input-box input {
      width: 85%;
    }

  }
  @media (min-width: 1025px) and (max-width: 1199px) {
    section.send-drive a {
        width: 100%;
    }
    .process-left {
        width: 183px;
    }
    .main-content section.about-us {
        margin-top: 30px;
    }
    .main-content section.our-commitment {
        margin-bottom: 0px;
    }
}


  @media (max-width: 768px) {
ul#notification_div {
    width: auto!important;
  }
}
  @media (max-width: 767px) {
  .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
}
ul#notification_div {
    left: 0px!important;
  }

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
    .padding-zero-left {
    padding-left: 15px;
}
    ul#notification_div p {
    line-height: 29px;
}
ul#notification_div a {
    line-height: 29px;
}
li#header_notification_bar ul#notification_div{
  width: auto;
}
    label.left-margin {
        margin-left: 0;
    }
    span.d-block.helping-text.text-center {
        width: 80%;
        display: inline-block;
        margin: 0px auto 15px auto;
        font-size: 13px;
    }
    .form-inline.my-2.my-lg-0 ul.navbar-nav.mt-2, .form-inline.my-2 {
      margin-top: 0px!important;
    }
    li#header_notification_bar {
      line-height: 0;
      margin-bottom: 5px;
    }
    span.heading-main {
      font-size: 13px;
    }
    span.commitment-text, section.about-us p {
      font-size: 13px;
      line-height: 24px;
    }
    span.oops{
      flex-direction: column;
    }
    span.oops img {
      margin-top: 10px;
      left: 0;
    }
    .row.reoccuring-box span.checkmark {
      top: 3px;
    }
    .reoccuring-cal-btn {
      top: 3px;
      position: relative;
    }
    .terms-checkbox .sub-checkbox .checkmark{
      top: 0px;
    }
    .padd-zero-right{
      padding-right: 15px;
    }
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      font-size: 13px!important;
    }
    span.d-inline-block.note-text {
      font-size: 13px;
    }
    span.input-box.min-price input {
      width: 73%;
    }
    .canada-based.how-far h6 {
      font-size: 15px;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: #000000;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
      color: #000000;
    }
    span.usd {
      font-size: 21px;
      top: 3px;
      position: relative;
      left: 0;
    }

    span.input-box {
      padding-left: 7px!important;
      padding-right: 7px!important;
    }
    span.text-chekbox {
      font-size: 13px;
      width: 100%;
      line-height: 25px;
      float: left;
      display: inline-block;
      margin-top: -6px;
    }
    span.d-block.text-center.or-txt.mb-4 {
      margin-top: 1.5rem;
    }
    .legally .checkmark{
      top: 4px;
    }
    .driver-sign-up span.input-box input.banking-info, .driver-sign-up span.input-box input.cc-details{
      width: 83%;
    }
    label.checkbox-container.legally{
      float: left;
    }
    .legally  span.text-chekbox{
      margin-top: 0px;
    }
    .small-heading h6{
      font-size: 11px;line-height: 25px!important;
    }
    .small-heading.single-heading h6 {
      line-height: 45px!important;
    }

    .value-dollar{
      padding-left: 0px;
    }
    .extra-space span.input-box.shipment-box .value-input {
      width: 51%;
    }
    .allowed-drop.customer-ship {
      width: 86%;
    }
    .multiple-shipments {
      top: 12px;
    }
    .checkbox-container{
      margin-bottom: 0px;
    }
    .extra-space.page-3 .row.mt-5 {
      margin-top: 2rem!important;
    }
    .vehicle-type, .vehicle-color{
      font-size: 13px;
      padding-left: 5px;
    }
    .caret-down::before {
      right: 15px;
    }
    .regardless {
      float: left;
    }
    textarea.brief {
      width: 100%;
      height: 100px;
    }
    .delivery-notes textarea{
      height: 60px;
    }
    .allowed-drop {
      width: 91%;
    }

    span.input-box.price-inbox {
      margin-left: 0;
    }
    span.input-box.value-box {
      margin-left: 0;
    }
    span.input-box {
      padding-left: 10px!important;
      padding-right: 10px!important;
    }
    button.btn.btn-default.calendar-btn, button.btn.btn-default.calendar-btn.left-space{
      right: 0;
    }
    .width-box {
      width: 100%;
    }
    .sub-heading h2{
      font-size: 16px;
    }
    .sub-heading .d-inline-block.marg-l{
      margin-left: 0px;
    }
    .sub-checkbox {
      margin-right: 0;
      line-height: 0;
    }
    .need-to-right {
      margin-left: 0;
    }
    .profile-text {
      text-align: center;
    }
    span.myprofile-text {
      font-size: 13px;
      line-height: 28px;
    }
    .my-profile-pic .upload-img {
      height: 150px;
      width: 150px;
    }
    .main-content section {
      margin: 70px 0;
    }
    section.about-us {
      margin-bottom: 45px;
    }
    .driver-center-section {
      margin-top: 25px;
    }
    .margn-col-mob {
      margin-bottom: 0!important;
    }
    section.send-drive.shyppoit .row.mt-5 {
      margin-top: 0px!Important;
    }
    .content-bg.login-content, .content-bg.forgot-content {
      padding-top: 1rem!important;
      padding-bottom: 1rem!important;
    }
    span.d-block.text-center.dft-btn.mb-4 {
      margin-bottom: 0!important;
    }
    footer ul li a{
      font-size: 13px;
    }
    ul.quick-links li {
      width: 100%;
    }
    h6.internal-main-heading {
      font-size: 14px;
      font-weight: 400;
    }
    .content-v-padding{
      padding-top: 1rem!important;
      padding-bottom: 1rem!important;
    }
    h1.internal-main-heading {
      font-size: 21px;
    }
    .left-login-box img{
      max-width: 300px;
    }
    span.input-box {
      width: 100%!important;
    }
    span.input-box input {
      width: 85%;
      margin-left: 0;
    }
    .content-bg {
      border-radius: 30px;
      background-color: rgb(255, 255, 255);
      box-shadow: none;
      padding: 0px!important;
    }
    .container-fluid.main-bg::before, .container-fluid.main-bg::after{
      display: none;
    }
    .navbar-toggler:focus, .navbar-toggler:hover {
      outline: none;
    }
    .navbar-light .navbar-toggler{
      border: none;
    }
    .container-fluid.menu{
      padding: 0;
    }
    nav.navbar.navbar-expand-lg.navbar-light{
      padding: .5rem 1rem;
    }
    .navbar-light .navbar-toggler {
      color: #fff;
      border-color: #fff;
      background: #fff;
    }
    form.form-inline.my-2.my-lg-0, form.form-inline.my-2.my-lg-0 .mt-2 {
      margin-top: 0!important;
    }
    a.nav-link.sign-up-btn {
      margin-top: 10px;
      max-width: 300px;
    }
    .banner{
      max-height: 353px;
    }
    .banner-text-container {
      height: 265px;
      max-width: 285px;
      padding: 15px;
      right: 0;
    }
    .banner-text-container h6 {
      font-size: 13px;
      color: #313131;
      line-height: 24px;
    }
    .banner-text-container h1 {
      font-size: 14px;
      color: #313131;
      line-height: 24px;
    }
    button.btn.btn-primary.to-drive, button.btn.btn-primary.to-send {
      height: 38px;
      width: 120px;
      margin-top: 25px;
      font-size: 13px;
      padding: 0;
    }
    h6.small-text-learn {
      margin-top: 10px;
    }
    .right-send p {
      font-size: 13px;
      font-weight: 500;
      color: #323232;
    }
    .box.row {
      height: 165px;
    }
    .box.row {
      height: 139px;
    }
    span.box-heading {
      font-size: 35px;
    }
    .right-send img {
      margin-top: 29px;
      max-width: 20px;
    }
    .left-send.col-sm-4.col-4 {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
    }
    .box.row.first-box{
      margin-bottom: 20px;
    }
    span.commitment-img img {
      max-width: 100%;
      margin-bottom: 30px;
    }
    .box.row{
      border-radius: 5px;
    }
    h1.main-heading {
      font-size: 26px;
    }
    .col-12.col-sm-6.d-lg-block {
      display: none;
    }
    footer .col-12.col-sm-4 {
      max-width: 100%;
    }
    .col-12.col-sm-4.second-child{
      margin: 0;
    }
    .right-send p {
      font-size: 12px;
    }
    .right-send {
      padding: 0 15px;
    }
    section.send-drive.shyppoit a {
        width: 100%;
        margin: 10px 0;
    }
    span.process-step{
      margin-top: 15px;
    }
    .order-placed {
      display: block;
    }
    .process-left{
      width: 100%;
      text-align: center;
    }
    .process-right{
      display: block;
      left: 0;
      height: auto;
      width: 100%;
      text-align: center;
    }
    span.process-img {
      height: auto;
    }
    .process-right img{
      transform: rotate(90deg);
      margin: 30px 0 ;
    }
    .copyright {
      font-size: 12px;
    }
    span.process-text {
      margin-left: 10px;
    }

  }
  @media (max-width: 414px) {
   .dft-btn input#submit_btn, .dft-btn .btn {
    font-size: 16px;
}
    button#sec_3_back_btn, input#submit_btn, input#delete_btn {
    width: 280px;
    margin: 0 0 5px 0;
}
    .rating.rating-page {
    justify-content: center;
    display: flex;
}
.rating.rating-page label {
    width: 64px !important;
}
.rating.rating-page label:after {
    font-size: 40px !important;
}
    .ui-timepicker-wrapper {
    height: 369px !important;
  }
    .delivery-notes {
    float: right;
    width: 100%;
}

input#submit_btn.finalsave{
    margin-top: 0px;
}
    span.process-text {
      font-size: 12px;
      margin-left: 4px;
    }
    .row.driver-tabs ul li:last-child {
      margin-top: 15px;
    }
    .vehicle-type, .vehicle-color{
      margin-left: 1%;
    }
    a.nav-link.sign-up-btn, a.nav-link.sign-up-btn {
      max-width: 414px;
    }
    section.send-drive a {
        width: 100%;
    }
  }


  @media (max-width: 375px) {
span.box-heading.same-text, span.box-heading {
    font-size: 24px;
    width: 100%;
}
.right-send img {
    margin-top: 34px !important;
}
}

  @media (max-width: 360px) {

    .banner-text-container {
      right: 29px;
    }
    .right-send p {
      font-size: 12px;
    }
  }
  @media (max-width: 320px) {
    span.box-heading.same-text, span.box-heading {
    font-size: 20px;
}
    .banner-text-container {
      right: 0px;
    }
    span.process-text {
      margin-left: 10px;
    }
    .right-send p {
      font-size: 11px;
    }
    .right-send {
      padding: 0 5px;
    }
    .left-send img{
      max-width: 50px;
    }

    h1.main-heading {
      font-size: 22px;
    }
  }




  /*******************************************/


    .driver-tabs .nav-pills .nav-link.active, .driver-tabs .nav-pills .show > .nav-link {
      background-color: #ff6600;
      border: 1px solid #ff6600;
    }


  /*-------------MESSAGE BOX CSS STARTS************/

  .inbox_people {
    float: left;
    overflow: hidden;
    border-right:1px solid #e6e6e6;
    padding: 0px;
  }
  .inbox_msg {
    border: 1px solid #e6e6e6;
    clear: both;
    overflow: hidden;
  }
  .top_spac{ margin: 20px 0 0;}
  .mesgs .srch_bar{
    top: 7px;
  }

  .recent_heading {
    display: inline-block;
    float: left;
  }
  .srch_bar {
    display: inline-block;
    text-align: right;
    float: right;
    position: relative;
  }
  .headind_srch{ padding:25px 20px 25px 30px; overflow:hidden;}

  .recent_heading h4 {
    color: #ff6600;
    font-size: 18px;
    margin: auto;
    line-height: 30px;
  }
  span.input-group-addon .fa {
    color: #a9abac;
  }
  .mesgs .headind_srch {
    padding: 14px 15px;
    border-bottom: 1px solid #e6e6e6;
  }
  a.call-driver-chat {
    margin-right: 10px;
  }
  .stylish-input-group input::placeholder{
    font-size: 15px;
    color: #a9abac;
  }
  .srch_bar input{ border:none; border-width:0 0 1px 0; width:27%; padding:2px 0 4px 6px; background:none; transition: all 0.3s ease-in-out}
  .srch_bar input:focus{
    width: 80%;
    background:none; transition: all 0.3s ease-in-out
  }
  .srch_bar .input-group-addon button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    color: #707070;
    font-size: 18px;
  }
  .active_chat-right .chat_ib {
    max-width: 250px;
  }


  .chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
  .chat_ib h5 span{ font-size:14px; float:right;}
  .chat_ib p{ font-size:14px; color:#bebfbf; margin:auto}
  .chat_img {
    float: left;
    width: 18%;
  }
  .chat_ib {
    float: left;
    padding: 0 0 0 15px;
    width: 82%;
    top: 7px;
    position: relative;
  }
  .chat_img img {
    border-radius: 50%;
  }

  .chat_people{ overflow:hidden; clear:both;}
  .chat_list {
    margin: 0;
    padding: 23px 20px 23px 25px;
    background: #f4f6f7;
    display: block;
  }
  .inbox_chat { height: 394px; overflow-y: auto;}

  .active_chat{ background:#fff;}
  .active_chat-right .chat_img {
    width: 53px;
  }
  .active_chat .chat_ib{
    max-width: 270px;
  }
  .incoming_msg_img {
    display: inline-block;
    width: 6%;
  }
  .received_msg {
    display: inline-block;
    vertical-align: top;
    width: 70%;
  }
  .received_withd_msg p {
    background: #f4f6f7 none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 14px;
    margin: 0;
    line-height: 24px;
    padding: 5px 10px 5px 12px;
    width: 100%;
  }
  .time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
  }
  .received_withd_msg { width: 100%;}
  .mesgs {
    float: left;
    padding: 0px;
  }

  .sent_msg p {
    background: #fdf5ef none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0; color:#2e2e2e;
    padding: 5px 10px 5px 12px;
    width:100%;
  }
  .outgoing_msg{ overflow:hidden; margin:30px 0 30px;}
  .sent_msg {
    float: right;
    width: 70%;
  }
  .input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 42px;
    padding: 0 15px;
    width: 71%;
    border: 1px solid #e6e6e6;
    margin-left: 15px;
  }
  .dft-btn.my-profile-btn.chat-send-btn  .btn{
    min-width: 114px;
  }

  .type_msg {position: relative;}

  .messaging { padding: 0 0 15px 0;}
  .msg_history {
    height: 335px;
    overflow-y: auto;
    padding: 20px 15px 25px 15px;
  }
  .input_msg_write img {
    margin: 0 5px;
  }
  /*-------------MESSAGE BOX CSS ENDS************/


  /* css for notification pop up in header */
  ul.dropdown-menu-list.scroller {
    padding: 0 20px;
    margin: 0;
  }

  ul#notification_div {
    width: 347px;
    margin-top: 11px;
    height: 200px;
    overflow-y: auto;
    box-shadow: 0 0 2px #c3c3c3;
    border: none;
    left: -59px;
    position: absolute;
  }

  ul#notification_div li {
    font-size: 13px;
    margin-bottom: 20px;
    display: inherit;
  }

  ul#notification_div li h3 {
    font-size: 16px;
    font-weight: 300;
    color: #ff6600;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 10px;
  }

  ul#notification_div li.external {
    margin-bottom: 0;
  }

  li#header_notification_bar .dropdown-toggle::after {
    display: none;
  }

  li#header_notification_bar .dropdown-toggle {
    font-size: 16px;
    top: 5px;
    position: relative;
    margin-right: 25px;
  }

  li#header_notification_bar .badge-success:hover {
    background: #ff6600;
    transition: all 0.3s;
  }

  /* css for FAQS page*/
  .bs-example.faq-container {
    max-width: 966px;
    margin: 0 auto;
  }
  .accordion .fa{
    margin-right: 0.5rem;
  }
  h6.faq-p-heading {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 30px;
    font-weight: 600;
  }
  div#accordionExample .card-header {
    padding: 0.45rem 0.5rem;
  }
  .bs-example.faq-container .accordion .fa {
    margin-right: 0;
  }
  span.question {
    float: left;
    font-weight: normal;
    font-size: 14px;
  }

  .btn:focus {
    box-shadow: none;
  }

  span.answer {
    width: 100%;
    float: left;
    line-height: 26px;
    font-size: 14px;
    padding-bottom: 35px;
  }
  /* end css for FAQS page*/

  /* css for ABOUT US page*/
  about-us-text p {
    line-height: 40px;
  }

  .about-us-img img {
    box-shadow: 0 0 10px #dadada;
    float: right;
  }

  .about-us-text {
    justify-content: center;
    align-items: baseline;
    flex-direction: column;
    display: flex;
  }
  .about-us-text h1 {
    font-size: 30px;
    font-weight: 600;
  }
  .about-us-text h2 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
  }
  .about-us-img img, .about-us-img-2 img {
    max-width: 95%;
  }
  .terms-privacy h4, .terms-privacy h5 {
    font-weight: 600;
  }

  /* end css for ABOUT US page*/


  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  /* Firefox */
  input[type=number] {
    -moz-appearance: textfield;
  }
}

div#preview_img img {
  margin-bottom: 0;
}

.rating.rating-page {
  width: 400px;
}
.rating.rating-page label {
  width: 80px;
  height: auto;
}
.rating.rating-page label:after{
  font-size:80px;
}