body {
  overflow: hidden;
  background-color: #000;
  font-family: 'Poppins', sans-serif;
}

main{
/*   background-image: url('../img/client/tax-house.jpg');*/
    background-image: url('../img/client/ray-tax.png');
    height:100vh;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    position: relative;
    overflow:auto;
}
main.img-overlay::after {
  content:"";
  display:block;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-color: rgb(0 0 0 / 44%);
}

main.blur::after {
  content:"";
  display:block;
  position:fixed;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-color: rgb(0 0 0 / 72%);
}

.bg-color{
  position:relative;
  z-index:2;
}

.error {
            color: red;
        }

.required {
            color: red;
        }

.ray-tax .nav-link {
  font-size: 16px;
}


.ray-tax .subheading{
  font-size: 20px;
  font-weight: 400;
  color:#fff;
}
.ray-tax .heading{
  font-size: 48px;
  font-weight: 600;
  color:#fff;
}
.ray-tax .address-box{
  border:1px solid #d9d9d9;
  padding:20px;
  background-color: #fff;
}

.ray-tax .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: transparent;
}
.ray-tax .nav-pills .nav-link, .nav-pills .show>.nav-link{
  color: #fff;
  background-color: transparent;
}

.ray-tax .nav-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border:none;
}
.ray-tax .nav-tabs .nav-link {
   border:none; 
}
.ray-tax .nav-tabs {
  border:none;
}
.ray-tax .form-label{
  font-size: 16px;
  font-weight: 400;
  color:#585858;
}
.ray-tax .btn{
  font-size: 12px;
  font-weight: 400;
  color:#585858;
  border-color:#DEDEDE;

}
.spacing-80{
  padding:60px 0px;
}
.ray-tax .btn:hover{
  color:white;
}
.ray-tax .form-control{
  border-color:#DEDEDE;
}

@media (max-width:791px){
  .ray-tax .subheading{
    font-size: 18px;
  }
  .ray-tax .heading{
    font-size: 28px;
    margin-bottom:25px;
  }
}

@media (max-width:500px){
  .modal-sidebar {
     width: 360px!important; 
     right:0%!important;
  }
  .dark-btn-center{
    display:flex;
    justify-content: center;
  }
  .logo{
    width: 100% !important;;
  
  }
}

 .logo{
  width:35%;

}
/*.bg-color{
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  opacity: 92%;
  z-index:2;

}*/

.title{
  font-size: 16px;
  color:#585858;
  font-weight: 400;
  line-height:22px;
}
.sub-title{
  font-size: 18px;
  color:#000;
  font-weight: 700;
  margin-right:4px;
}
.sidebar-box{
  padding:15px 25px;
  background-color: #ffff;
  box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 5%);
}
.footer{
   font-size: 12px;
  color:#000;
  font-weight: 600;
  padding:4px;
}
 a{
  color:#000;
  font-size: 12px;
  font-weight: 400;
}
 a:hover{
  color:#21558D;;
}

.nav-link{
  color:#fff;
  font-size: 16px;
}
.nav-link:hover{
  color:#d9d9d9;
}
.ray-tax .nav-border:hover{
  border-bottom: 2px solid #000;
}
 .offcanvas.offcanvas-end {
  width:620px;
}
.ray-tax h5{
  font-weight: 500;
}
.modal-sidebar{
  position:absolute;
  top:0%;
  right:0%;
  bottom:0%;
  margin:0px;
  height:100vh;
  width:500px;
}
 .modal-title{
  font-size: 20px;
  color:#000;
  font-weight: 600;
}
 .modal-height{
  height:100vh;
  overflow: auto;
}

.ray-tax .blue-btn{
  background-color: #1a4574;
  color:#fff;
  border:1px solid #1a4574;
  padding:10px 20px;
  font-size: 14px;
  font-weight: 500;
}
.dark-btn{
  background-color: #606060;
  color:#fff;
  border:1px solid #606060;
  padding:10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
.dark-btn:hover{
  background-color: #fff;
  color:#606060;
  border:1px solid #606060;
}

.ray-tax .blue-btn:hover{
  background-color: #fff;
  color:#1a4574;
  border-color:#1a4574;
}

.my-modal {
    overflow: auto;
}

.green-img{
  background-image: url(../img/client/grey_location.png);
  background-repeat: no-repeat;
  padding:17px;
}
.green-img:hover{
  background-image: url(../img/client/green-location.png);
  background-repeat: no-repeat;
  padding:17px;

}

.remove-img{
  background-image: url(../img/client/remove_icon.png);
  background-repeat: no-repeat;
  padding:17px;
}

.selected-green-img{
  background-image: url(../img/client/green-location.png);
  background-repeat: no-repeat;
  padding:17px;

}