@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
body{
  font-family: 'Montserrat', sans-serif;  
 
}

::-webkit-file-upload-button {
    display: none;
}
::file-selector-button {
  display: none;
}
.link-pro {
    line-height: 0;
    margin-top: 0;
    position: relative;
    top: 0;
    overflow: hidden;
}

.btn-check:focus+.btn-dark, .btn-dark:focus {
  
    box-shadow: none!important;
}
.badge-data .bi.bi-bar-chart-line {
    background: #e3d6f1;
    padding: 4px 5px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}
.badge-data h4 {
    font-size: 18px;
    font-size: 17px;
    font-weight: 600;
    color: #222;
    border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
}
.commit-dashboard {
    float: left;
    width: 100%;
   background: #f3f6ff;
    padding: 40px; /*font-family: roboto;*/
}
.commit-dashboard p {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: normal;
}
.property-basicdetails-div {
    margin: 5px 5px 0;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}
.property-picture {
    margin: 60px 0;
    float: left;
    width: 100%;
}

.property-picture-div {
    background: white;
    float: left;
    width: 100%;
    padding: 11px 17px 16px;
    box-shadow: 0 0 20px #00000036;
    border-radius: 12px;
}
.list-buyers-div {
   background: white;
    float: left;
    width: 100%;
    padding: 20px 18px;
    box-shadow: 0 0 20px #00000036;
    border-radius: 12px;
    margin: 15px 0 0;
    line-height: 2;
    color: #666;
    font-size: 13px;
    font-weight: 600;
    
}
.list-buyers-div h4 {
    font-size: 17px;
    font-weight: 600; color: #222;border-bottom: 1px solid #ddd;
    padding-bottom: 14px;
}

.property-basicdetails-div h1 {
   margin-bottom: 12px;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
}
.property-basicdetails-div span {
  font-size: 14px;
    padding-right: 10px;
    font-weight: 400;
    color: #666;
}
.property-picture-div img {
    height: 350px;
    border-radius: 15px;
}

.property-basicdetails-div i {
   padding: 4px 5px;
    background: #e3d6f1;
    border: 2px solid #cbb4e3;
    border-radius: 30px;
    font-size: 13px;
    margin-right: 3px;color: #222222;
}
.property-buying-stats {
  
    float: left;
    width: 100%;
   /* padding: 30px 30px;
    border-radius: 15px;
    box-shadow: 0 0 20px #0000001c;*/
}
.pro-stats {
    float: left;
    width: 100%;
    padding: 20px 18px;
    border: 1px solid #ddd;
    margin: 0px 12px 14px 0;
    border-radius: 10px;
    min-height: 70px;
    box-shadow: 0 0 20px #00000014;
}
.list-buyers-div b {
    color: #222;
    float: right;
    text-align: right;font-weight: 700;
}
.pro-stats h4 {
    font-size: 14px;
    color: #666;
}
.pro-stats-data {
    float: right;
    text-align: right;
}


.pro-stats1 .pro-stats-icon i {
   border: 2px solid #68ab83;
    background: #77c296;
    padding: 7px 8px;
    color: #fff;
    border-radius: 28px;
}
.pro-stats2 .pro-stats-icon i {
   background: #0065FF;
    color: #0065FF;
    padding: 7px 8px;
    color: #fff;
    border-radius: 28px;
    border: 2px solid #0c59cd;
}
.pro-stats3 .pro-stats-icon i {
     background: #F4A978;
     color: #F4A978;
    padding: 7px 8px;
    color: #fff;
    border-radius: 28px;  border: 2px solid #db9160;
}
.pro-stats4 .pro-stats-icon i {
  background: #7e6fcd;
    border: 0px solid #bfb7e9;
    padding: 7px 8px;
    color: #fff;
    border-radius: 28px;  border: 2px solid #6b5db5;
}
.property-buying-stats-div .pro-stats1 {
    background: #fff;
    display: block;
    float: left;
    font-weight: 600;
    border: 0px solid #77c296;
    color: #222;
}

.property-buying-stats-div .pro-stats2 {
    background: #fff;
    color: #222;
    border: 0px solid #0065FF;
    display: block;
    float: left;
    font-weight: 600;

}


.property-buying-stats-div .pro-stats3 {
   background: #fff;
     color: #222;
  display: block;
    float: left;
    font-weight: 600;
   border: 0px solid#F4A978;
}
.property-buying-stats-div .pro-stats4 {
   background: #fff;
    border: 0px solid #bfb7e9;
    color: #222;
    display: block;
    float: left;
    font-weight: 600;
   
}

.badge-data {
    background: white;
    float: left;
    width: 100%;
    padding: 23px 18px;
    box-shadow: 0 0 20px #00000036;
    border-radius: 12px;
}

.num-attribute{
   padding: 3px 8px 3px 0px;
    box-shadow: none;
    border-radius: 30PX;
    line-height: 2;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    float: left;
    min-width: 373px;
}

.synclosing-price b {
   float: right;
    line-height: 2.5;
    font-size: 14px;
    text-align: right;
}
.synclosing-price i {
   background: #e3d6f1;
    padding: 4px 6px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}
.property-communication-div i {
    background: white;
    padding: 11px 13px;
    color: #222;
    border-radius: 50%;
    font-size: 20px;
    margin-bottom: 10px;
}
.flow-doc1 {
  border-radius:12px;
    border: 2px solid #77c296;
    background: #77c296;
   padding: 15PX 20px;
    color: #fff;
   
}
.flow-doc2 {
  border-radius: 12px;
    border: 2px solid  #0065FF;
   background: #0065FF;
  padding: 15PX 20px;
    color: #fff;
  
}
.flow-doc3 {
  border-radius: 12px;
    border: 2px solid #F4A978;
   background: #F4A978;
   padding: 15PX 20px;
    color: #fff;
   
}
.flow-doc4 {
  border-radius: 12px;
    background: #7e6fcd;
    border: 0px solid #bfb7e9;
   padding: 15PX 20px;
    color: #fff;
   
}

.flow-doc1:hover {
    border: 2px solid #63a57e;
}
.flow-doc2:hover {
    border: 2px solid #0a47a7;
}
.flow-doc3:hover {
    border:  2px solid #d7834d;
}

.property-communication-div {
   float: left;
    margin: 20px 0 10px;
    min-width: 167px;
    min-height: 137px;
}
.property-communication-div h4 {
      font-size: 18px;
    text-align: center;
    line-height: 22px;
}
.property-communication-div .btn-default {
    color: #fff;
    background-color: transparent!important;
    border-color: transparent!important;
    border-radius: 30px;
    padding: 0!important;
    text-align: center;
    font-size: 28px!important;
    display: block;
    margin: 0px auto 10px!important;
   
}
.property-buying-details-div .sales-data1 {
    background: #ffffff;
    float: none;
    padding: 17px 10px 15px;
    margin-bottom: 0px;
    border-radius: 10px;
    margin-top: 10px;
    border: 0px solid #eae1f3;
    box-shadow: 0 0 20px #ddd;float: left;position: relative;overflow: hidden;
    width: 100%;
}
iframe {
    width: 100%;
    border-radius: 18px;
}
.list-of-buyers {
    padding-left: 5px;font-weight: 500;
}
.list-buyers-div ul{
 padding: 0 7px;margin: 0;
}


.list-buyers-div li{
 list-style: none;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    line-height: 24px;
    margin-bottom: 8px;
}

i.bi.bi-check-circle-fill {
    color: #222;
    font-size: 13px;
    margin-right: 5px;
}

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
 position: relative;
    display: block;
    width: 111px;
    padding: 7px 0px;
    background-color: #63c786;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 11px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}
.ribbon-top-right {
  top: -1px;
    right: -44px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;display: none;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;display: none;
}
.ribbon-top-right span {
  left: 20px;
    top: 13px;
    transform: rotate(43deg);
}



.block-start .btn.btn-info {
    margin: 10px 0px 0!important;
    padding: 9px 20px!important;
    font-size: 13px!important;
    color: #f4f4f6;
    background-color: #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    line-height: 1;
    border: 1px solid #2B2838;
    float: left;
}
.blockbtn .btn.btn-lg.btn-info {
    margin: 10px 0px 0!important;
    padding: 10px 40px!important;
    font-size: 16px!important;
    color: #f4f4f6;
    background-color: #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    border: 1px solid #2B2838;
}
.blockbtn .btn.btn-lg.btn-info:hover {
background: #e3d6f1;
    border: 1px solid #cbcbfa7d;color:
    #222;
}
.sales-data {
    background: #faf5ff;
    float: left;
    padding: 12px 10px 10px;
    margin-bottom: 0px;
    border-radius: 10px;
    margin-top: 10px;
    border: 2px solid #eae1f3;
}

.property-buying-details-div .lis-attri1 i {
   background: #e3d6f1;
    padding: 4px 6px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}
.list-buyers-div .bi.bi-person {
    background: #e3d6f1;
    padding: 4px 6px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}

.lis-attri1 b {
    min-width: 224px;
    color: #222;margin-left: 8px;
}
.property-buying-details-div .lis-attri1:not(:last-child) {
    border-right: 1px solid #e1d5ed!important;
}
.property-buying-details-div .lis-attri1 {
    color: #666!important;
    margin-bottom: 5px;
    padding: 4px 8px 6px;
    box-shadow: none;
    border-radius: 1px;
    line-height: 2;
    font-size: 14px;
    font-weight: 500;
    background: #ffffff;
    margin-right: 8px;
    border-right: 0px solid #e1d5ed!important;
}
.list-buyers-div .bi.bi-person-video {
    background: #e3d6f1;
    padding: 4px 5px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}
.list-buyers-div .bi.bi-buildings {
    background: #e3d6f1;
    padding: 4px 5px;
    font-size: 16px;
    color: #000;
    border-radius: 30px;
    margin-right: 4px;
    border: 2px solid #cbb4e3;
}
.lis-attri1 i{
    color: #222;
  
}
.name1  p {
    font-size: 14px!important;
    line-height: 22px!important;
    margin-bottom: 0px;
}
.user-info {
   font-size: 16px!important;
    color: #333!important;
    font-weight: 600!important;
    margin: 0 0 2px!important;
    text-transform: capitalize;
}

.input-group-text {
    font-size: 14px;
}
.input-group-text i {
    font-size: 23px;
    color: #777;
}
.input-group-text span {
    font-size: 14px;
    padding: 0px 4px;
    position: relative;
    top: -3px;
    font-style: normal;
}
i.bi.bi-info-circle-fill {
    position: absolute;
    right: 8px;
    top: 17px;
}
.topbar-menu {
    position: relative;
    top: 1px;
}
.form-class .btn.btn-lg.btn-primary {
    border-radius: 30px;
    padding: 5px 25px;
    background:  #2B2838;
    font-weight: 600;
    line-height: 2;
    border: 0;
    color: #fff;
    font-size: 16px;
}
.form-class .btn.btn-lg.btn-primary .fa {
    font-size: 16px;
    margin-left: 6px;
    color: #fff;
}
.navbar-collapse {
    position: relative;
    right: 0px;
}
.warning-note {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 400;
    background: #6a696b;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 2px;
}
.form-class td {
    border-bottom: 0;
}
.form-class  tr:hover {
  background: transparent;
}
.form-class {
    float: none;
    width: 55%;
    background: white;
    padding: 20px 15px;
    margin: 20px auto;
    border-radius: 0px!important;
    border-bottom-width: 0px;
    display: block;
}
.admin-header {
    background: #2b2838;
    float: left;
    width: 100%;
}
.navbar {
 
    padding: 8px 10px;
    width: 100%;
    background-color: #2b2838!important;

}
ul.dropdown-menu li a {
    color: #222;
    font-size: 14px;padding: 5px 10px;
}

a.navbar-brand {
    width: 13%;
}
.navbar-nav .nav-link {
    color: #fff!important;
    font-weight: 500;
    margin: 0 5px;
    box-shadow: inset 0 0 0 0 #4b4874;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    border-radius: 5px;
    font-size: 15px;
}
.dropdown-item.active, .dropdown-item:active {
   color: #111;
    text-decoration: none;
    background-color: transparent;
}
.dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
.dropdown-menu li {
   padding: 0px 0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color:  #2B2838;
    background-color: transparent;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 500;
    color: #333;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
/*.nav-link :hover {
    background-color: #293872!important;
   
}*/
button.nav-link {
    padding: 8px 10px;
    font-size: 15px;
    color: #2B2838;
    background-color:  #E3D6F1;
    border-radius: 30px;
    text-align: center;
    border: 0px solid #d39d90b8;
    font-weight: 600;
}
.navbar-brand {
    width: 13%;
    padding: 0;
    float: left;
    font-size: 15px;
}
.navbar-brand {
   color: #fff!important;
}
a.nav-link:hover {
    background:transparent;
    color: #222;
    border-radius: 4px;
}
.navbar-nav .nav-link {
    font-size: 13px;
    color: #222;
    font-weight: 500;
   padding: 8px 12px!important;
   text-transform: uppercase;margin: 0;
}
.navbar-nav .nav-link:hover {
   color: #ffffff;
    background-color:  #2B2838;
    border-radius: 30px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}
.topbar-menu li {
    padding: 0 5px;
    line-height: 0;
    float: left;
}
.adminlogo{
    width: 146%;
    margin-left: 29px;
  }
.adminimg {
    width: 70%;
    margin: 5px 10px;
}
.sidebar-nav.dropdown-toggle {
    display: block;
}
.dropdown-toggle::after{
  display: none;
}
.topadmin {
    height: 300px;
    background: #5e72e4!important;
}
#wrapper {
  padding-left: 0;
  transition: all 0.5s ease;
  position: relative;
  float: left;
    width: 100%;
}

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  overflow-x: hidden;
 background: #4D45B5;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

.sidebar-brand {
  position: absolute;
  top: 0;
  width: 250px;
  text-align: center;
  padding: 20px 0;
}
.sidebar-brand h2 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
}
.navbar-brand {
  float: left;
  text-transform: uppercase;
    font-weight: 600;
}
.bi.bi-justify-left {
    font-size: 22px;
     color: #222;
}
.toptitle {
    float: left;
    margin-top: 5px
}
.toptitle h4 {
 font-size: 20px;
    color: #222;
}
.topbar-menu i {
   font-size: 13px;
   color: #4b4874;
}
.topbar-menu .bi.bi-bell {
    font-size: 22px!important;
}
/*.topbar-menu {
    display: inline-flex;
}*/

.sidebar-nav {
  position: absolute;
  top: 75px;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
  left: 0px;
}
.sidebar-nav > li {
  text-indent: 10px;
  line-height: 30px;
 /* margin: 5px 15px;*/
}
.sidebar-nav > li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
  font-size: 15px;
  padding: 0.4rem 1rem;
    margin: 5px 10px;
 
}
.flex-column {
    flex-direction: column!important;
    flex-direction: column !important;
    flex-flow: column nowrap;
}


.sidebar-nav > li > a:hover,
.sidebar-nav > li.active > a {
 text-decoration: none;
    color: #333;
   background: #f4f4ff;
    margin: 5px 10px;
    border-radius: 6px;
    padding: 0.4rem 1rem;
}
.sidebar-nav > li > a i {
 font-size: 20px;
    width: 65px;
    margin-left: -45px;
}
.navbar-header {
    margin-left: 0px;
}

.main-content {
    padding: 0px;
    box-shadow: 0 0 20px #ddd;
}
#navbar-wrapper {
    width: 100%;
    position: absolute;
    z-index: 2;
}
#wrapper.toggled #navbar-wrapper {
    position: absolute;
    margin-right: -250px;
}
#navbar-wrapper .navbar {
  border-width: 0 0 0 0;
  background-color:#fff;
  font-size: 24px;
  margin-bottom: 0;
  border-radius: 0;
}
#navbar-wrapper .navbar a {
  color: #fff;
  text-decoration: none;
}
#navbar-wrapper .dropdown li a:hover {
  color: #6958ee;
    text-decoration: none;
    background-color: rgb(110 88 238 / 17%);
}

#content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
  top: 100px;
}
#wrapper.toggled #content-wrapper {
  position: absolute;
  margin-right: -250px;
}
a.nav-link.balance {
    width: 102px;
}
.topbar-menu .nav-item a {
  padding: 8px 10px;
    font-size: 13px;
    color: #000000;
    border-radius: 30px;
    text-align: center;
    background: #e3d6f1;
    border: 0px solid #cbcbfa7d;
    font-weight: 600;
}
.topbar-menu .nav-item .dropdown-item {
  background: transparent!important;
    color: #040404!important;
    text-align: left!important;
    font-size: 13px!important;
    font-weight: 500;
}
.topbar-menu .nav-item .dropdown-item:hover {
    background: transparent!important;
    font-weight: 500;
    color:  #2B2838!important;
}
.topbar-menu .nav-item .dropdown-item i {
    color: #444;
    
}

.topbar-menu  .bi.bi-person{
    font-size: 14px;
    margin-right: 2px!important;
    position: relative;
    top: 1px;
}
.topbar-menu .nav-item a:hover i{
  color: #222;
    
}
.nav-link:hover {
   background-color: #fff!important;
   border-radius: 30px!important;color: #222!important;
}
.nav-link:hover i {
  color: #222;
}
.animation-blink {
    -webkit-animation: blink 2s infinite;
    animation: blink 2s infinite;
}
.notifi-badge {
    width: 10px;
    height: 10px;
    background: #df4545;
    border-radius: 50%;
    position: relative;
    top: 4px;
    right: 8px;
    z-index: 1;
}
.notification .card {
    width: 330px;
    padding: 0px 10px 10px;
}
.notification h5 {
    font-size: 15px;
    color: #333;
    font-weight: 600;
}
.notification .avatar {
    width: 12%;
}

.notification .nav-link {
    padding: 6px 6px!important;
    font-size: 24px!important;
    color: #fff!important;
  
    
}
.top-bar-mwnu .dropdown-menu li:not(:last-child) {
    border-bottom: 0px solid #eee!important;
}
.top-bar-mwnu .dropdown-menu li a: {
    border-bottom: 0px solid #eee;
}
.notification .nav-link i{
    color: #fff!important;
}
.notif-text {
    width: 100%;
}
.notification h6 {
    font-size: 14px;
    color: #333;
    line-height: 22px;
}
.topbar-menu i {
 color: #2b2838!important;font-size: 15px;
}
.notification .dropdown-menu.show {
  display: block;
    border-radius: 15px;
    padding-bottom: 0;
    padding-top: 0;
}
.notification .bg-danger {
    background-color: #dc35451f!important;
}
.noticon i {
    position: relative;
    top: 4px;
}
.dropdown-menu {
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 11px;
    box-shadow: 0 0 20px #00000021;padding: 8px 5px;
}
.text-body {
  color: #777!important;
    margin-bottom: 5px;
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
}
/*=================block-start========================*/
.section-userdata {
    width: 100%;
    min-height: 700px;
    margin: 70px 0;
    float: left;
}
.banner-info  {
    margin-bottom: 30px;
    color: #fff;
}
.banner-info p  {
   font-size: 14px;
    color: #ddd;
}
.banner-info h1 {
    font-size: 26px;
    color: #fff;
}

.block-start {
  position: relative;
 float: left;
    width: 100%;
    background: #fff;
    border: 0;
    border-radius: 15px;margin: 10px 0;
  }

.dblock-icon img {
   border-radius: 10px;
    width: 150px;
    position: relative;
    left: 48px;
}
.no-property {
    background:  #2B2838;
    padding: 7px 9px;
    position: absolute;
    z-index: 1;
    font-size: 15px;
    border-radius: 50%;
    color: #fff;
    border: 3px solid #fff;
    font-weight: 500;
    margin-left: 456px;
    margin-top: 0px;
}
.feature-card {
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 20px;
   transition: all .3s ease;

}
.dblock-icon {
       margin-bottom: 17px;
    float: left;
   

}

.dblock1 .dblock-icon i {
  background: #E3FCEF;
    color: #389b71;
    padding: 8px 9px 7px;
    border-radius: 50%;
    border: 3px solid #4fbc8e91;
    position: relative;
    font-size: 24px;
}
.dblock2 .dblock-icon i {
    background: #DEEBFF;
    padding: 8px 9px 7px;
    border-radius: 50%;
    color: #0065FF;
    border: 3px solid #0065ff61;
    position: relative;
    font-size: 24px;
}
.dblock3 .dblock-icon i {
   background: #FFEBE6;
    padding: 8px 9px 7px;
    border-radius: 50%;
    color: #FF5630;
    border: 3px solid #ff563085;
     position: relative;
    font-size: 24px;
}
.dblock4 .dblock-icon i {
    background: #EAE6FF;
    padding: 8px 9px 7px;
    border-radius: 50%;
    color: #6554C0;
    border: 3px solid #6554c066;
     position: relative;
    font-size: 24px;
}
.dblock-des {
    display: flow-root;
    text-align: right;min-height: 47px;
}
.dblock .feature-card {
   text-align: left;
    background: transparent;
    padding: 8px;
    border-radius: 20px;
    transition: all .3s ease;min-height: 115px;
}
.dblock {
    background: #ffffff;
   padding: 12px 20px;
    border-radius: 15px;
    height: 180px;
    border: 2px solid #0e0e0e;
}

.dblock1:hover {
filter: hue-rotate(10deg);
   
}

.dblock h3 {
  font-size: 16px;
    font-weight: 500;
    margin: 0 0 5px;
    color: #555;
}
.dblock  p {
 font-size: 20px;
    line-height: 26px;
    color: #111;
    margin: 4px 0 0;
    font-weight: 700;
    text-align: right;
}

.dblock .btn.btn-dark {
    font-size: 12px!important;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    margin: 0px!important;
    padding: 5px 8px!important;
    border: 2px solid #2b2838!important;
    background: #2b2838!important;float: right;position: relative;
    top: -10px;
}
.dblock .btn.btn-dark i {
    color: #fff!important;
   
}

.dblock .btn-dark:hover {
    background:#2B2838; color: #fff;
    
}
.order-des{
    font-size: 13px;
}
.dblock {
    background: #ffffff;
    padding: 12px 15px;
    border-radius: 15px;
    height: 180px;
    border: 2px solid #222;
}
.dblock1:hover {
    border: 2px solid #389b71;
}
.dblock2:hover {
    border: 2px solid #0065FF;
}
.dblock3:hover {
    border: 2px solid #FF5630;
}
.dblock4:hover {
    border: 2px solid #6554C0;
}
.dblock .feature-card1 {
    text-align: left;
    background: transparent;
    padding: 8px;
    border-radius: 20px;
    transition: all .3s ease;
}
.dblock .feature-card1 .dblock-des {
    display: flow-root;
    float: left;
    width: 54%;
}
.dashboard-user .dblock .feature-card1 .dblock-des{
      width: 63%;  
}
.dblock .feature-card1  .btn-dark {
    background: #212529;
    color: #fff;
    border-color: transparent;
    border-radius: 30px;
    font-size: 13px;
    margin-top: 10px;
}
/*---------------------------block-start-----------------*/
/*=================dashboardblock========================*/

.dashboardblock {
    float: left;
    width: 100%;margin-top: 30px;
}

.blockstart .card {
    padding: 0!important;
   
}
.blockstart .card img {
     border-radius: 15px;
     height: 250px;
}

.blockstart3 {
    background: #D6E7FA;
}
.blockstart4 {
    background: #d9f3e3;;
   
}
.blockstart  .card-img-overlay h1 {
   font-size: 29px;
    margin: 0;
    font-weight: 600;
    color: #fff;
   
}
.blockstart .card-img-overlay {
    border-radius: 15px;
    background: #03030333;
}
.blockstart2 .card-img-overlay {
    padding: 22px 30px!important;
}

.blockstart2 .btn.btn-primary {
    margin: 11px 0!important;
    padding: 8px 15px!important;
    font-size: 12px!important;
    color: #f4f4f6;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: -10px;
    text-decoration: none;
    line-height: 1;
    border: 1px solid  #2B2838;
}

.user-intro {
    margin: 20px 0px;
    padding: 16px 42px;
}

.blockstart .card-img-overlay {
   padding: 0;
}
.blockstart1 i {
   color: #ffffff;
    transition: all .3s ease-in-out;
    margin-right: 5px;
}
.blockstart2 i {
    color: #ed9830;
    transition: all .3s ease-in-out;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #ed983063;
    line-height: 1;
}
.blockstart3 i {
    color: #0f74e5;
    transition: all .3s ease-in-out;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #0f74e54a;
    line-height: 1;
}
.blockstart4 i {
    color: #417455;
    transition: all .3s ease-in-out;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #41745557;
    line-height: 1;
}
.blockstart1 .based {
    background: #5b28a380;
    color: #ffffff;
}
.blockstart2 .based {
    background: #5b28a380;
    color: #ffffff;
}
.blockstart3 .based {
    background: #5b28a380;
    color: #ffffff;
}
.blockstart4 .based {
    background: #5b28a380;
    color: #ffffff;
}

.dashboard-user .blockstart p {
    font-size: 15px;
    line-height: 26px;
    min-height: 0px;
    margin: 0 0 5px;
    color: #fff;
    font-weight: 500;
}
.dashboard-user .blockstart h3 {
    font-size: 24px;
    font-weight: 700;
    margin: 5px 0 5px;
    color: #222;
}
.dashboard-user .blockstart2 p {
    font-size: 15px;
    line-height: 26px;
    min-height: 0px;
    margin: 0 0 15px;
    color: #222;
    font-weight: 500;
}
.dashboard-user .blockstart2 .btn.btn-primary {
   margin: 5px 0px!important;
    padding: 9px 20px!important;
    font-size: 13px!important;
    color: #f4f4f6;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: -10px;
    text-decoration: none;
    line-height: 1;
    border: 1px solid  #2B2838!important;
}
.dashboard-user .dblock .feature-card1 .btn-dark {
  float: left;
    background: #212529;
    color: #fff;
    border-color: transparent;
    border-radius: 30px;
    font-size: 12px;
    margin-top: 12px;
    padding: 5px 20px
}
.dashboard-user .dblock h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    text-align: left;
}
.dashboard-user .dblock p {
   font-size: 14px;
    line-height: 26px;
    color: #666;
    margin: 0px 0 0;
    font-weight: 500;
    text-align: left;
}



.blockstart p {
  font-size: 17px;
    line-height: 26px;
    min-height: 0px;
    margin: 0 0 5px;
    color: #2b2838;
    font-weight: 600;
}
.blockstart h3 {
   font-size: 24px;
    font-weight: 700;
    margin: 10px 0 0;
    color: #fff;
}

.blockstart2 .card-img-overlay {
  border-radius: 15px;
    background: transparent!important;
    border: 2px solid #222;
}

/*.progress-bar-striped {
    background-image: linear-gradient(45deg,rgb(209 123 52) 25%, #2B2838 25%, #2B2838 50%,rgb(254 239 226) 50%,rgb(194 138 90) 75%, #2B2838 75%, #2B2838);
    background-size: 1rem 1rem;
}*/
.bs-tooltip-bottom .tooltip-arrow {
    bottom: 40px;
}
.blockstart .progressbar-outer {
    margin: 5px auto 10px;
    width: 70%;
    background: #ffffff;
    padding: 3px;
    border: 0px solid #b4b4b44a;
    border-radius: 45px;
    position: relative;
    display: block;
    float: none;
}
.blockstart .progress {
    border-radius: 20px;
    box-shadow: none;
    animation: animate-positive 2s;
    height: 12px;
}
.blockstart .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #389b71;
    transition: width .6s ease;
}

 .blockstart .progress .progress-value {
    font-size: 11px;
    font-weight: 700;
    color: #161616;
    position: absolute;
    top: 2px;
    right: 10px;
}

.total-rev {
    text-align: center;
    display: block;
    float: none;
    width: 100%;
}
.total-vale {
    text-align: center;
    width: 100%;
    float: left;
}
.headline h5 {
    color: #666;
    font-size: 14px;text-transform: capitalize;
    margin-bottom: 5px;
}
.headline h4 {
    color: #111;
    font-size: 18px;
    font-weight: 700;
}
.total-headling {
    float: left;
    width: 100%;margin: 35px 0 0;
}
.headline {
    margin: 20px 10px 0;
    text-align: center;
}
.order-des {
    font-size: 15px;
    line-height: 31px;
    margin-top: 15px;
    display: flow-root;
}
.blockstart1 .order-des p {
    float: right;
    line-height: 12px!important;
    font-weight: 700;
    color: #5b28a3;
    font-size: 14px;
}
.blockstart2 .order-des p {
    float: right;
    line-height: 12px!important;
    font-weight: 700;
    color: #ed9830;
    font-size: 14px;
}
.blockstart3 .order-des p {
   float: right;
    line-height: 12px!important;
    font-weight: 700;
    color: #0f74e5;
    font-size: 14px;
}
.blockstart4 .order-des p {
   float: right;
    line-height: 12px!important;
    font-weight: 700;
    color: #417455;
    font-size: 14px;
}
/*=================section-userdata========================*/

.section-userdata .card{
background: #fbfbfc;
  padding: 15px 40px 30px;
    border: 0;
    border-radius: 15px;
 font-family: 'Roboto', sans-serif;
 border: 0px solid #ddd; 
}
.section-userdata  .form-check-input {
   margin-left: 4px;
}
.pro-view {
    position: relative;
    top: -5px;
    padding: 5px 6px!important;
    font-size: 5px!important;
}
.pro-view i{
    font-size: 14px!important;
}
.pro-view1 {
    margin-top: -27px!important;
    position: relative;
    top: 20px;
   padding: 4px 8px!important;
}
.property-details a {
    color: #222!important;
    font-size: 15px;
    font-weight: 500;
}
.property-details a i {
    font-size: 14px!important;
    padding: 2px 0px !important;
}
.property-details {
    color: #333;
    text-align: left!important;
}
.section-userdata .btn.btn-light {
   font-size: 15px;
    color: #2b2838;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    background: #e3d6f1;
   margin: 5px;
   padding: 6px 10px;
    border: 2px solid #d7bcf5!important;
   
}
.section-userdata .btn.btn-dark {
   font-size: 15px;
    color: #2b2838;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    background: #e3d6f1;
   margin: 5px!important;
   padding: 8px 10px;
    border: 2px solid #d7bcf5;
   
}
.section-userdata .btn.btn-dark:hover {
    background-color: #2B2838!important;
}
.section-userdata .btn.btn-dark i {
    color: #6b4d8d;
    margin-right: 0;
    font-size: 16px;
}
.btn.btn-dark.btn-round.mb-0 {
    padding: 8px 12px;
    font-size: 16px;
    color: #222!important;
    background-color: transparent;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    line-height: 0;
    border: 0;
    text-decoration: underline;
}
.btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus {
    box-shadow: none!important;
}
.section-userdata .btn.btn-light i{
    color: #6b4d8d!important;
    margin: 0!important;font-size: 16px;
}
.section-userdata .btn.btn-light:hover {
    background-color: #2B2838!important;
}
.section-userdata .btn.btn-light:hover i {
   color: rgb(255, 255, 255) !important;
    
}
.section-userdata .btn.btn-dark:hover i {
   color: rgb(255, 255, 255) !important;
    
}
.section-userdata h4 {
   font-size: 20px;
    font-weight: 900;
    color: #222;text-align: center;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: transparent;
}

.rounded-end {
   /* border-top-right-radius: .10rem!important;
    border-bottom-right-radius: .10rem!important;*/
    border-top-right-radius: 20px!important;
}
.rounded-start {
    /*border-top-left-radius: .10rem!important;
    border-bottom-left-radius: .10rem!important;*/
     border-top-left-radius: 20px!important;
}
.table th {
    border-bottom-color: transparent;
    background:#2B2838;
    color: #fff;
    font-weight: 400;
  
}
tbody {
    border-color: inherit;
    border-style: solid;
    border-width: 1px;
}
.table>:not(caption)>*>* {
 padding: 0.7rem 1rem 0.5rem;
    font-size: 14px;
    line-height: 20px;vertical-align: top;
}
.section-userdata .card-header {
    padding: 15px 10px 15px;
    border: 0;
}
.section-userdata .card-header h3 {
    font-size: 22px;
    font-weight: 700;
}
.section-userdata .card-header {
     background: transparent;
}
table i {
    
     color: #777;
     margin-right: 3px;
}
i.bi.bi-person-badge {
    font-size: 20px;
   
}
i.bi.bi-shield-fill-check, .bi.bi-patch-check-fill {
    color: #2b2838!important;
}
.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: rgb(0 0 0 / 2%);
    color: var(--bs-table-hover-color);
}
.progress-bar {
  background-color: #7f72c3!important;
   
}
.form-class1 i {
    color: #fff;
    margin-right: 3px;
}
.section-userdata .btn.btn-link {
padding: 11px 30px;
    font-size: 15px;
    color: #f4f4f6;
    background-color: #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: 0px;
    text-decoration: none;
    line-height: 1;
}
.submitbtn {
   display: block;
    text-align: center;
    width: 100%;
}

.section-userdata .btn.btn-link:hover {
    background: #e3d6f1!important;
    color: #2b2838;
}
.table>:first-child>* {
     border-radius: 10px 0 0 10px!important;
}
.name1 {
    font-size: 14px;
}
.data-note {
  display: block;
    font-size: 13px;
    color: #999;
}
.name1 .badge {
    float: right;
    position: relative;
    top: -4px;
    left: 22px;
    font-size: 11px;
    min-width: 55px;
}
.name1 h5 i {
    float: left;
    margin-right: 6px;
}
.name1 h5 {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    margin: 0;
    display: flex;
}
.name1 a img {
    border-radius: 4px;
    width: 90px;
    margin-bottom: 0px;
}
.name1 i {
    margin-right: 5px;
}
/*.name1 .bi.bi-eye {
   margin: 0 5px 5px 0;
    background: #EAE6FF;
    padding: 5px 6px 4px;
    border-radius: 50%;
    color: #6554C0;
    border: 2px solid #6554C0;
    line-height: 2;
}*/
.name1  .bi.bi-file-arrow-down{
  margin: 0;
    background: #E3FCEF;
    padding: 4px 5px 4px;
    border-radius: 50%;
    color: #389b71;
    border: 2px solid #4FBC8E; line-height: 2;
}
.name1  .bi.bi-eye-slash {
    background: #FFEBE6;
    padding: 4px 5px 4px;
    border-radius: 50%;
    color: #FF5630;
    border: 2px solid #FF5630;line-height: 2;
}
.name1 h6 {
    font-size: 15px;
    color: #666;
    font-weight: 400;
    margin: 0;
    display: flex;
}
td span, td a, td span, td   {
   color: #666;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.5;
}
.lastdate {
   font-size: 14px;
}
.lastdate i {
  margin-right: 5px;
}
.status-info {
    float: left;
    width: 100%;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #777;
}
i.bi.bi-3-circle {
    opacity: 0;
} 
tr {
    border-style: initial;
  
}

.badge.text-bg-success {
    background: #2b2838!important;
    font-weight: normal;
}
.badge.text-bg-warning {
    background:  #2B2838;
    font-weight: normal;
}
.badge.text-bg-primary {
    background: #eb4d4d;
    font-weight: normal;
}
.btn.btn-primary {
  font-size: 15px;
    color: #2b2838;
    border-radius: 50%;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    background: #e3d6f1;
   margin: 5px!important;
    padding: 8px 10px!important;border: 2px solid #d7bcf5!important;
}
.btn.btn-primary:hover {
    background: #2B2838!important;
    border:1px solid #2B2838;
}
.btn.btn-primary:hover 1 {
    color: #fff!important;
}
.flow-doc {
    padding: 8px 9px!important;
    font-size: 16px;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    line-height: 1!important;
    border: 0!important;
    position: relative;
    top: 0!important;
   margin-bottom: 5px;
}
.flow-doc:hover {
    background-color: #e3d6f1!important;
}
.flow-doc i{
 color: #6b4d8d!important;margin-right: 0;font-size: 16px;
}
.flow-doc:hover i {
    color: #fff!important;
}
.pro-sta1{
margin: 0 5px 5px 0;
    background: #E3FCEF;
    padding: 4px 5px 4px;
    border-radius: 50%;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 2;
    display: block;
    float: left;
    font-weight: 600;border: 2px solid #77c296;
    color: #77c296;
}
.pro-sta2{
margin: 0 5px 5px 0;
    background: #DEEBFF;
    padding: 4px 5px 4px;
    border-radius: 50%;
    color: #0065FF;
    border: 2px solid #0065FF;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 1.6;
    display: block;
    float: left;
    font-weight: 600;
    font-size: 15px;
}
.pro-sta3{
margin: 0 5px 5px 0;
    background: #ffe9db;
    padding: 4px 5px 4px;
    border-radius: 50%;
    color: #F4A978;
    border: 2px solid#F4A978;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 2;
    display: block;
    float: left;
    font-weight: 600;
}
.pro-sta4{
margin: 0 5px 5px 0;
    background: #EAE6FF;
    padding: 4px 5px 4px;
    border-radius: 50%;
   border: 2px solid #bfb7e9;
    color: #6554C0;
    width: 38px;
    text-align: center;
    height: 38px;
    line-height: 2;
    display: block;
    float: left;
}
.ptoperty-status {
    float: left;
    width: 100%;
}
.progressbar-outer{
 margin: 6px 0 0;
    float: left;
    width: 70%;
    background: #fff;
    padding: 3px;
    border: 2px solid #b4b4b44a;
    border-radius: 45px;
    position: relative;
}

.progress  {
    border-radius: 20px;
    box-shadow: none;
    animation: animate-positive 2s; height: 9px;
}
.lis-attri {
    background: #f4f2ff;
    padding: 3px 8px 3px 8px;
    box-shadow: none;
    border-radius: 30PX;
    line-height: 3;
    border: 2px solid #bfb7e9;
    color: #6554C0;
    font-size: 13px;
    font-weight: 500;background: #f8f2ff;
    border: 2px solid #d7bcf5!important;
}
.lis-attri b {
    color: #6554C0;
   
}
.status-badge {
    background: #fff6f0;
    padding: 3px 8px 3px 8px;
    box-shadow: none;
    border-radius: 30PX;
    line-height: 1.2;
    border: 2px solid #F4A978;
    color: #F4A978!important;
    font-size: 13px;
    font-weight: 500;
    text-align: center;width: 130px;
}
.num-attri {
   background: #e4f9ec;
    padding: 3px 8px 3px 8px;
    box-shadow: none;
    border-radius: 30PX;
    line-height: 2;
    border: 2px solid #77c296;
    color: #77c296;
    font-size: 13px;
    font-weight: 500;
}
.num-attri i {
    color: #77c296;
}
.badge.rounded-pill {
    background: #e4f9ec;
    padding: 3px 8px 3px 8px;
    box-shadow: none;
    border-radius: 30PX;
    line-height: 1;
    border: 2px solid #77c296;
    color: #77c296;
    font-size: 11px;
    font-weight: 500;
    margin-bottom: 4px;
}
.attrib {
    font-size: 14px;
    line-height: 22px;
    color: #444;
    float: left;
    text-align: left;
    width: 100%;
    text-transform: capitalize;
}
/*=================section-userdata========================*/

.features-values {
    float: left;
    width: 100%;
    margin: 10px 5px 0;
}
.features-values .row {
    float: left;
    width: 33%;position: relative;
}
.features-values .form-check-label {
    font-size: 14px;
    float: left;
    min-width: 260px;
}

.features-values .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 0rem!important;
}
/*----------------------------------------page-property------------------------------------*/


.page-property {
    float: left;
    width: 100%;
    padding: 50px 0 70px;
    
}
.admin-property {
    background: transparent!important;
}

.page-property .card-img-top {
    margin: 20px;
    width: 100%;
    height: 244px;
    text-align: center;
    margin: auto;
    border-radius: 0;
   box-shadow: none;
    border-radius: 15px 15px 0 0;
  }
.page-property  .bg-success {
   background-color:#22a971!important;
    float: left;
    margin: 0 10px;
    padding: 5px;
}
.page-property .bg-danger {
    background-color: #f1384a!important;
    padding: 6px;
}
.page-property h3 {
    text-align: center;
    color: #8930EA;
    font-size: 20px;
    font-weight: 600;
    
}
.page-property .card-v {
    margin: 20px 0;
}
.page-property h1 {
    font-size: 28px;
    font-weight: 700;
}
.page-property  .nav-link {
  padding: 0px 0;
    color: #333;
    font-size: 18px;
    float: left;
    width: 100%;
    font-weight: 600;
    text-align: left;font-family: 'Roboto', sans-serif;
}
.pro-add {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
.pro-add i {
    font-size: 13px;
    position: relative;
    position: relative;
    top: 1px;
}
.page-property .nav-link:hover{
background :transparent;
color: #333!important;
}
.page-property .btn.btn-lg.btn-danger {
    font-size: 15px;
   background-image: linear-gradient( 68.3deg, #7a23ec 0.4%, #8e45ed 100.2% );
    border: 0;
   border-radius: 0 0 5px 5px;
}
.page-property .card-body {
   min-height: 120px;
}
.page-property .sale {
    color: #222 !important;
    font-size: 14px;
    font-weight: 600!important;
    float: left;
   
}
.pbadge {
    position: absolute;
   top: 20px;
    left: 10px
}
.forsale{
 float: left;  
}
.page-property .col-lg-4 {
    padding: 0 20px 20px;
    margin: 15px 0;
}
.price {
    font-weight: 700!important;
    float: right;
    margin: 0px 0px;
}

.avatar-col {
    font-size: 11px;
    line-height: 1;
}
.page-property .card-footer {
    background:transparent!important;
   border-top: 1px solid #ddd;
   padding: 10px 20px 10px;
}
.page-property .footer-icons {
    float: left;
    margin-right: 6px;
     position: relative;
    top: 2px;
}
.page-property .card-footer img {
  float: left;
    margin-right: 8px;
    width: 16%;
    position: relative;
    top: 2px;
}
.page-property .card-footer .avatar-name {
   color: #666 !important;
    font-size: 15px;
    font-weight: normal;
}
.bath {
    float: left;
    color: #262525;
    font-weight: 500;
    font-size: 14px;font-family: 'Roboto', sans-serif;
}
.fa.fa-bath {
    position: relative;
    top: -2px;
}
.bed{
   font-weight: 300;
    color: #666;
}

.view .btn-primary {
    font-weight: 500;
    font-size: 12px!important; border-color: transparent;
    border: 0;
    color: #fff;
    background-color:#2B2838;
    border:2px solid #2B2838!important;
    border-radius: 30px;
    top: 0;
    padding: 3px 15px!important; 
}
.view .btn-primary:hover{
    background:  #2B2838!important; 
    border-color: transparent;border: 0px solid transparent;
}
.nav-link.stretched-link {
    position: relative;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow: 0 0 20px #0000002b!important;
}
.section-userdata .page-property .card {
    background: transparent;
    padding: 0;
    border: 0;
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    border: 0px solid #ddd;
}
/*----------------------------------------page-property------------------------------------*/

/*=================modal========================*/
.modal-header {
    background: #2b2838;
    border-radius:14px 14px  0 0 ;
}
.modal-header h1 {
   font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #f4f4f6;
    font-weight: 400;
    text-transform:capitalize;
}
.modal-title {
     color: #fff;
    font-size: 16px;
}
.modal-content {
  background-color: transparent;
     border: 0px solid rgba(0,0,0,.2);
    outline: 0;
}
.modal-body {
    border-radius: 0 0 14px 14px;
    padding: 1.2rem 1.5rem 1rem;
    background: #fff;
}

.modal-dialog {
    margin: 1.50rem auto;
}
.form-floating>.form-control, .form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    font-size: 15px;
}
.btn-close {
    background: url(../userassets/times.png)!important;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    background-size: 50%!important;
    background-repeat: no-repeat!important;
}
.contactbtn {
    margin-top: 25px!important;
    display: block;
    text-align: center;
}
.contactbtn .btn.btn-primary {
    padding: 14px 30px;
    font-size: 16px;
    color: #f4f4f6;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: -10px;
    text-decoration: none;
    line-height: 1;
    border: 1px solid  #2B2838;
}
.contactbtn .btn.btn-primary:hover {
   border: 1px solid #293872;
}
/*=================topsearch========================*/
.topsearch .row .col {
   padding: 0 5px;
}
.topsearch {
    float: left;
    width: 100%;
    margin: 20px 0;
}
.topsearch .card {
  padding: 30px 40px;
    border: 0;
}
input.btn.btn-default {
   background-color:  #2B2838;
    border-radius: 5px;
    text-align: center;
    border: 3px solid #d39d90b8;
    padding: 10px 50px;
   font-weight: 600;
    line-height: 2;
   color: #fff;
    font-size: 16px;
    overflow: hidden;
    text-decoration: none;
    position: relative;
}
input.btn.btn-default:hover {
 background-color: #293872!important;
    border: 3px solid #465b70;  
}

.modal-body .btn.btn-lg.btn-primary .fa  {
    color: #fff!important;
}

.submit-btn {
    float: left;
    width: 100%;
}
.modal-footer {
    display: none;
}
.form-control {
   padding: 1rem 0.75rem;
    font-size: 14px;
    border-color: #f3f6f9;
    color: #333;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
    background: transparent;
    transition: all .2s linear;
    height: 55px;
    margin-bottom: 10px;
}
.input-group-text {
   height: 55px;
}
textarea {
    height: 120px!important;
}
.searchby {
    font-size: 14px;
    color: #777;
}
.topsearch .form-inline {
    margin: 0;
}
.linkshow {
    text-decoration: underline;
}
.linkshow:hover {
   color: #293872;
}
/*=================topsearch========================*/


.file > label {
    cursor: pointer;
    outline: 0;
    user-select: none;
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    align-items: center;
   /* width: 100%;*/
    border-color:#f4f4f6;
    color: #333;
    background:#f4f4f6;
    margin: 10px 0px;
    opacity: 1!important;
    font-size: 17px;
    font-weight: 500;
    height: 60px;
}
/*.btn-tooltip.inform {
    position: absolute;
    right: 45px;
    bottom: 121px;
    font-weight: bold;
    font-size: 16px;
    border: 0;
    background: transparent;
}*/
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 10px;
    line-height: 1.5;
}
.file > label > i {
    padding-right: 9px;
    font-size: 35px;
}
.submitbtn .btn.btn-lg.btn-primary {
    border-radius: 30px;
    padding: 6px 30px!important;
    background: #2B2838;
    font-weight: 500;
    line-height: 2;
    border: 0;
    color: #fff;
    font-size: 15px;
    border: 2px solid#2B2838!important;
}
.submitbtn .btn.btn-lg.btn-primary:hover {
    background: #e3d6f1!important;
    border: 2px solid #e3d6f1!important;color:#222;
}
.submitbtn .btn.btn-lg.btn-primary:hover i{
  color:#222!important;
}
textarea#floatingTextarea {
    padding-top: 30px;
}
/*-------------------------------form-alart-----------------------------*/
.form-top.alert.alert-danger {
    background: transparent;
    border: 0;
    text-align: center;
    line-height: 0;
    color: #ef0d23;
    padding: 5px;
    margin: 0;
}
.form-top .alert-danger {
    color: #ff2828;
    background-color: #fee;
    border-color: #fdd8d8;
    padding: 4px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
}
.form-top.alert.alert-danger ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #ff0018;
    box-shadow: 0 0 0 0.25rem rgb(241 71 87 / 25%);
}

/*.form-control {
    padding: 1rem 0.75rem;
    font-size: 15px;
    line-height: 2.5;
    border-color: #f3f6f9;
    color: #777;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
    background: white;
    transition: all .2s linear;
    height: 60px!important;
    margin-bottom: 10px;
}*/
.form-floating>label {
    font-size: 15px;
    color: #222;
    font-weight: 500;
}

/*-------------------------------form-alart-----------------------------*/
/*-------------------------------offcanvas-----------------------------*/
.offcanvas-header {
   display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    background:  #2B2838;
    border-bottom: 4px solid #2b2838;
}
.offcanvas-header .btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url(../adminassets/close.png) center/1em auto no-repeat!important;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}
.offcanvas-header h5{
   margin: 4px 0 0;
    color: #fff;
    line-height: 24px;
    font-size: 17px;
}
.offcanvas-end {
   border-left: 0px solid rgba(0,0,0,.2);
  }
.offcanvas {
   background-color: #f4f4f6;
    border-left: 0px solid rgba(0,0,0,.2)!important;box-shadow: 0 0 20px #00000030;
}

.offcanvas h3 {
    font-size: 15px;
    font-weight: normal;
    color: #fff!important;
    margin: 0 0 2px;
}
.canvas-format-bubble span {
    color: #293872!important;
    font-weight: normal;
    font-size: 13px;
}
.offcanvas-body {
  padding: 1.1rem 1.2rem;
   }

 .canvas-format-note {
   line-height: 2;
    color: #293872!important;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 15px 15px 15px;
}  
.offcanvas .canvas-format-bubble {
    line-height: 2.5;
    font-size: 14px;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 10px 10px 10px;
}
.canvas-format-note:hover, .canvas-format-bubble:hover{
    background: #00000013;
}
.canvas-format-bubble  h5 {
    font-size: 13px;
    margin: 0;
    color: #293872;
    font-weight: normal;
}
.canvas-format-note a {
    color:  #2B2838!important;
    text-decoration: underline;
    font-weight: 600;
}
.canvas-format-bubble i {
    float: left;
    position: relative;
    top: -8px;
    right: 2px;
}
.offcanvas .canvas-format-bubble:hover i {
    color: #293872;
}
.offcanvas .data b {
  min-width: 150px;
    float: left;
    color: #293872!important;
    font-weight: 600;
    font-size: 14px;
}
.offcanvas  .data {
    margin: 10px 0;
    font-size: 14px;
}
 .offcanvas  .btn.btn-link {
    padding: 12px 15px;
    font-size: 15px;
    color: #f4f4f6!important;
    background-color: #293872!important;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    line-height: 1;
    top: 0!important;
}
.offcanvas .btn.btn-link:hover {
    color: #f4f4f6!important;
    background-color:  #2B2838!important;
   
}
.offcanvas .btn.btn-default {
    border: 1px solid #293872;
    font-size: 15px;
    border-radius: 30px;
    font-weight: 500;
    padding: 7px 15px;
    color: #293872!important;
    text-decoration: none;
}
.offcanvas .btn.btn-default:hover {
    background:  #2B2838;
    color: #fff!important;
     border: 1px solid  #2B2838;
}

.canvas-format-bubble h3 a {
    color: #141f2b!important;
    text-decoration: underline;
    font-weight: 600;
}

.list-group-item p {
    color: #555;
    font-weight: 400;line-height: 20px;
}
.form-floating>.form-control, .form-select {
    padding: 1rem 0.75rem;
    font-size: 13px;
    border-color: #f3f6f9;
    color: #888;
    border: 2px solid #ebebeb;
    box-shadow: none;
    border-radius: 0.25em;
    background: white;
    transition: all .2s linear;
    height: 55px;
    margin-bottom: 10px;
}
.notify .badge {
   background: #e4f9ec;
    padding: 3px 8px 2px 8px;
    box-shadow: none;
    border-radius: 30PX;
   border: 2px solid #77c296;
    color: #77c296;font-weight: normal;
    
}
.list-group-item {
   position: relative;
    display: block; border: 2px solid #ebebeb;
    padding: 0.5rem 0.7rem;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #ebebeb;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 0 20px #00000008;
    border-radius: 5px!important;
}

.notify  {
  padding: 0;
}
.notify .list-group-item p {
    color: #666;
    font-weight: 400;
    line-height: 17px;
    font-size: 13px;
    margin-bottom: 5px;margin-top: 3px;
}

.notify .list-group-item {
  font-size: 13px;
    line-height: 1.5;
    padding: 11px 12px;
}
li.list-group-item a i{
    margin-left: 8px;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    background: #e3d6f1;
    border: 2px solid #d7bcf5!important;
    font-size: 11px;
    position: relative;
    top: 1px;
    
}

.canvas-format-bubble{
    margin-bottom: 20px;
}

 /*.btn-tooltip.inform1 {
    font-weight: bold;
    font-size: 15px;
    border: 0;
    background: transparent;
    position: relative;
    left: 8px;
    top: 1px;
}*/
.exclamation-title i {
    background: #eb4d4d;
    padding: 3px 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 10px;
    margin-right: 3px;
}

.exclamation-title {
    color: #666;
    font-size: 14px;
    background: #e3e6e6;
    display: inline-table;
    padding: 10px 15px;
    border-radius: 4px;
    margin-top: 0px;
}
.verification-title i {
   margin-right: 3px;
}
.verification-title, .verification-title a {
    color: #666;
    font-size: 15px;
    margin: 0 5px;
}
.verification-title a:hover {
    color: #293872;
}
.verification-title .alert-sucess{
    background: #e3e6e6;
   display: inline-table;
   padding: 12px 15px;
    border-radius: 4px;
   margin-bottom: 10px;
}
.alert.alert-sucess li, .alert.alert-sucess li i {
    color: green!important;
}
/*-------------------------------offcanvas-----------------------------*/
/*chat-box*/
.row.user-data {
    display: inline;
}
.chat-sidebar {
    float: left;
    width: 30%;
    margin-right: 30px;
}
.chatwindow {
    float: left;
    width: 67%;
    margin-right: 0px;
}
.chat-box .user-image {
    float: left;
    width: 52px;
    height: 52px;
    margin-right: 5px;
}
.chat {
    padding: 20px;
    box-shadow: 0 0 20px #0000;
    border-radius: 10px;
    background: #fff;
}
.chat-left-aside > .d-flex {
    margin-bottom: 15px;
}
.call-chat-sidebar .card-body {
  padding: 20px;
    box-shadow: 0 0 20px #ddd;
    border-radius: 10px;
}
.call-chat-sidebar .card {
    padding: 0;
}
.chat-box .people-list ul {
    padding: 0;
}
.chat-box .people-list ul li {
  font-size: 14px;
    line-height: 2;
    list-style: none;padding: 6px;
}
.group-active {
  background: #f1f1f1;
    border-radius: 5px;
    padding: 6px;
}
.chat-left-aside ul li {
    position: relative;
}
.theme-form .form-group {
    margin-bottom: 15px;
}
.chat-box .people-list .search .form-control {
    border: 1px solid #eeeeee;
    text-transform: capitalize;
    border-radius: 10px;
}
.chat-box .people-list .search .input-group-text {
    background-color: transparent;
}
.input-group-text {
    border-radius: 10px;
    border-color: #eeeeee;
}
.chat-box .people-list .search .input-group-text i {
    font-size: 14px;
    color: #a2a1a1;
}
.input-group-text i {
    line-height: 1.5;
}

.chat-box .about .name {
    color: #222;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
}
.chat-box .about {
    float: left;
    margin-top: 5px;
    padding-left: 10px;
}
.chat-box .status {
    color: #a2a1a1;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 5px;
}
.status-circle {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 44px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.away {
    background-color: #e6ae30;
}
.online {
    background-color: #61ae41;
}
.offline {
    background-color: #f81f58;
}

.chat-box .chat-right-aside .chat .chat-header {
    padding: 0 10px 20px;
    border-bottom: 1px solid #eeeeee;
    background: #f1f1f1;
    border-radius: 10px 10px;
}
.chat-box .chat-right-aside .chat .chat-msg-box .my-message {
    border: 1px solid #eeeeee;
    border-radius: 10px;
   
}
a.name-title {
   font-size: 17px;
    font-weight: 600;
    position: relative;
    top: 11px;
}

.chat-box .chat-right-aside .chat .chat-msg-box .message {
    color: #444;
    padding: 20px 25px;
    line-height: 1.9;
    letter-spacing: 0px;
    font-size: 13px;
    margin-bottom: 0px;
    width: 50%;
    position: relative;
    background:#f1f1f1;
    /*overflow-y: scroll;*/
    height: auto;
    border: 1px solid transparent!important;
    margin-bottom: 12px;
}
.chat-box .people-list ul li:hover {
    background: #fafafa;
    border-radius: 10px;
    /*border: 1px solid #eee;*/
}
.chat-message .form-control {
    padding: 1rem 0.75rem;
    font-size: 14px;
    border-color: #f3f6f9;
    color: #333;
    border: 2px solid #f0f0f0;
    box-shadow: none;
    border-radius: 0.25em;
    transition: all .2s linear;
    height: 55px;
    margin-bottom: 10px;background: #fff;
}
.unique-floating-button {
    right: 0px;
    background:#2B2838!important;
    color: #fff;
    font-size: 14px;
    transition: all .3s;
    padding: 4px 24px!important;
    border: 0;
    border-radius: 4px!important;
    float: right;
    line-height: 0;
    height: 39px;
    border:1px solid transparent;margin-top: -47px;right: 10px;
}
.message-data{
    margin-bottom: 2px;
}
.chat-box .chat-right-aside .chat .chat-msg-box .chat-user-img {
    margin-top: -35px;
}
.img-30 {
    width: 30px !important;
}
.chat-box .chat-right-aside .chat .chat-msg-box .message-data-time {
    letter-spacing: 1px;
    font-size: 12px;
    color:  #2B2838;
    font-weight: 600;
}
.OtherClass span {
    color: #888!important;
}
.chat-box .chat-right-aside .chat .chat-msg-box {
        padding: 25px;
    overflow-y: scroll;
    height: 520px;
    margin-bottom: 40px;
    background: url(../adminassets/patterns.png);
    border-radius: 15px;
    box-shadow: 0 0 20px #14141421;
    margin: 24px 0;
}
#custom-scrollbar-y {
 height: 400px;
    max-height: 350px;
    position: relative;
    overflow: auto;
    display: flex;
    flex-direction: column-reverse;
}
.reply-msg {
    margin: 0px 10px;
}
.reply-msg {
    margin: 0px 10px;
}
.reply-msg textarea{
    background: #fff!important;border-radius: 6px!important;
    box-shadow: 0px 3px 0px #0000000d!important;border: 0!important;
}
span.message-data-time {
    font-size: 13px;
    color: #a4a4a4;
}
i.bi.bi-person-circle {
    color: #a4a4a4;
}
#chat-messages {
   list-style: none;
    padding: 0 10px 0;
    margin-bottom: 10px;
}
.YouClass {
    background: white;
    padding: 8px 15px 5px;width: 70%;
    border-radius: 6px;box-shadow: 0px 3px 0px #0000000d;float: left;margin-bottom: 15px;
}
.OtherClass {
   background: #2b2838f2;
    padding: 8px 15px 5px;
    border-radius: 6px;
    box-shadow: 0px 3px 0px #0000000d;
    color: #ddd;
    font-size: 14px;width: 70%;
    float: right;margin-bottom: 15px;
}
.chat-box .chat-right-aside .chat .chat-msg-box .other-message {
    border: 1px solid #eeeeee;
    border-radius: 10px;
   
}
.call-chat-body .card, .call-chat-body ul {
    padding: 0;
}
.call-chat-body .card, .call-chat-body li {
    list-style: none;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgb(52 49 66 / 14%)!important;
}
.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #eeeeee!important;
}
.chat-message {
    padding: 10px 15px 30px;
}
.message img {
    margin-top: -35px;
    width: 30px!important;
    height: 30px!important;
}
.attachment {
    background: #dddddd;
    border-radius: 5px 0 0 5px;
    align-items: center;
    justify-content: center;
   padding: 15px;
}
.attachment svg {
    color: rgba(43, 43, 43, 0.7);
    font-size: 20px;
    cursor: pointer;
}
.YouClass:hover  .bi.bi-trash{
    display: block;float: right;
}
.YouClass .bi.bi-trash {
    font-size: 14px;
    display: none;transition: all .3s ease-in-out;
}

.offcanvas-body {
   padding: 1.1rem 1.3rem 1.1rem 1.3rem;
}

.reply-note-text {
    font-size: 14px;
}
.submitbtn .btn.btn-lg.btn-primary .fa {
    font-size: 15px;
    margin-left: 6px;
    color: #fff;
}


* {
  scrollbar-width: 7px;
  scrollbar-color: #efefef;
  scrollbar-background:#ddd;
}

*::-webkit-scrollbar {
    width: 6px;
}

   *::-webkit-scrollbar-track {
    background: #efefef;
}

    *::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 0px solid #ddd;
}


.sidenav {
 width: 50px;
    position: fixed;
    z-index: 0;
    top: 175px;
    right: 10px;
    overflow-x: hidden;
    padding: 8px 0;
}
.sidenav ul {
    list-style: none;
    padding: 0;
}
.sidenav a {
 text-decoration: none;
    display: block;
    padding: 9px 8px;
    font-size: 18px;
    color: #f4f4f6!important;
    background-color:  #2B2838;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    line-height: 0;
    border: 0;
    margin: 8px 5px;
}
.sidenav a:hover {
color: #f4f4f6!important;
    background-color: #222;
   
}
.sidenav a:hover {
  color: #064579;
}

.main {
  margin-left: 140px; /* Same width as the sidebar + left position in px */
  font-size: 28px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/*-------------------------------loginpage-----------------------------*/
.section.userlogin{
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
     background: #f6f6fd;
}

.userlogin .container {
    width: 75%;
}

.login {
  padding: 20px 30px;
}

.login h4 {
    font-weight: 600;
    font-size: 26px;
}


.loginstart {
 background: #fff;
 border-radius: 0px; box-shadow:none;
 padding: 0 0px 0px 0px;
 
}
.loginstart form {
    margin: 25px 0 15px;
}
.loginlogo img {
    width: 40%!important;
    display: block!important;
    height: auto!important;
}
.loginlogo {
   position: absolute;
    top: 35px;
    left: 50px;
    z-index: 99;
}
.loing-form {
    padding: 60px 100px;
}

.loginstart img {
  border-radius: 0;
  margin: 0px;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0;height: auto;
}
.loginstart .form-check-input[type=checkbox] {
    display: block!important;
    float: left;
    margin-right: 10px;
}
.loginstart h3 {
    font-size: 30px;
    font-weight: 700;
}
.loginbtn {
    float: left;
    width: 100%;
}
.loginbtn2 {
   width: 75%;
    display: block;
    margin: auto;
}
.login-form h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}
.loginstart h2 {
     font-family: 'Poppins', sans-serif;
    font-size: 35px;
    margin: 20px 0 0;
    font-weight: 700;
}
.loginstart .form-check-label a {
    color: #222;
    font-weight: 600;
    text-decoration: none;
}
.loginstart h6 {
   font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px!important;
}
.loginstart h1 {
    text-align: center;
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 700;
}

.loginstart ::placeholder {
    opacity: 0!important;
}
.form-check-input:checked {
    background-color:  #2B2838!important;
    border-color: #2B2838!important;
}
.login-form h6 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
   line-height: 1.8;
}

.loginstart .fa.fa-check {
    font-size: 70px;
    color: #6ec969;
}
.btn-primary a {
    color: #fff;
    text-decoration: none;
}
img.conimg {
    height: 643px!important;
}


.loginuser{
    width: 100%;
    margin: auto;
}
.login-logo img {
    display: none;
}

.loginbtn .btn.btn-default {
   background-color: #2b2838!important;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 50px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 0;
}
.loginbtn2 .btn.btn-default:hover {
  background: #2B2838!important;
    color: #fff;
  
}
.loginbtn2 .btn.btn-default {
   background-color: #2b2838!important;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 50px;
    text-transform: uppercase;
    border-radius: 40px;
    border: 0;
}
.loginbtn .btn.btn-default:hover {
  background: #2B2838!important;
    color: #fff;
  
}
.loginbtn .btn.btn-default:hover i {
    transform: translateY(-2px);
}

.loginbtn .bi.bi-arrow-up-right {
    background: #1e705e;
    padding: 4px 7px;
    border-radius: 50%;
    border: 2px solid #ffffff82;
    font-size: 12px;
    color: #fff;
}

.loginbtn .fa.fa-arrow-right {
    background: #309d9d;
    padding: 10px;
    border-radius: 50%;
    position: relative;
    left: 0px;
    transform: translate3d(5px, 0, 0);
}
.lost {
    text-align: center;
    display: block;
}
.lost a {
    font-size: 16px;
   text-align: center;
    text-decoration: none;
    color: #4b4874;
    font-weight: 600;
}
.lost a:hover {
   color: #333;
   text-decoration: underline;
}
.bottombtn {
    text-align: center;
}
.bottombtn .btn img {
    width: 23px;
    margin-right: 4px;
}
.bottombtn .btn {
    font-size: 13px;
    padding: 10px 6px;
    border: 1px solid #ddd;
    color: #666;
    margin: 0px 2px;
    background-color: transparent;
}
.account {
  text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.account a {
    font-size: 16px;
  text-align: center;
    text-decoration: none;
    color:  #2B2838!important;
    font-weight: 600;
}
.account a:hover {
   color: #333;
   text-decoration: underline;
}
.contact-title img {
    width: 14%;
    margin-bottom: 18px;
}

.highlight {
        border: 2px solid blue!important;
    }

.box {
     display: inline-block;
    border: 2px solid #ebebeb;
    text-align: center;
    cursor: pointer;
    margin-top: 34px;
    font-size: 14px;
    border-radius: 4px;
    color: #333;
    font-weight: 500;
    padding: 11px 7px;
    min-width: 147px;
    }
label.select-div {
    padding: 5px  0 0;
    font-size: 14px;
}
.select-pro {
    margin-top: -12px;
}

@media only screen and (max-width: 1060px){
.loing-form {
    padding: 20px 40px;
}
.loginstart h1 {
    font-size: 36px;
}
}
@media only screen and (max-width: 768px){
.loginstart h1 {
   font-size: 36px;
}
 .login-logo img {
    display: block;
    width: 25%;
    margin: auto;display: none;
}

.loginlogo img {
    width: 40%!important;
    margin: 15px auto 7px!important;
}
 .login {
    padding: 30px 20px 20px;
    width: 100%;
}
.account {
    
 font-size: 15px;
}
.loginstart {
    margin: 20px 0;
}
}
@media only screen and (max-width: 480px){
.userlogin .container {
    width: 95%;
}
.text-body {
    text-align: left;
}
.lis-attri {
    line-height: 1;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
}
.num-attri {
    padding: 4px 6px 4px 6px;
   line-height: 1.2;
   font-size: 12px;
    display: inline-block;border-radius: 10px;
}
section.commit-dashboard {
   padding: 10px;
   margin: 65px 0px;
}
table i {
    color: #777;
    margin-right: 2px;
}
.property-picture-div img {
    height: 200px;
   
}
.num-attribute {
    min-width: 200px;
}
.property-buying-details-div .lis-attri1 {
    width: 100%;
  
}
.loginstart h1 {
   font-size: 28px;
}
.loginstart h2 {
   font-size: 24px;
    margin: 10px 0 0;
}
.loginbtn .btn.btn-default {
  font-size: 14px;
    padding: 15px 30px;
}
.loginstart h6 {
    font-size: 15px;
}
.admin-header .navbar {
    margin-top: 0;
    height: 90px;
}
.lost a {
    font-size: 14px;
   
}
.account {
    font-size: 14px;
    margin: 0!important;
}
.loing-form {
    padding: 0px 15px;
}
.login-logo img {
    display: block;
    width: 35%;
    margin:0 auto 15px;display: none;
}
.loginstart .g-2, .gy-2 {
    --bs-gutter-y: 0!important;
}
}


/*-------------------------------loginstart-----------------------------*/
/*=====================cookie-widget==========================*/

.cookie-wrapper {
    float: left;
    width: 100%;
    text-align: center;
    position: fixed;
    z-index: 9999;
    bottom: 40px;
}
.cookie-widget {
    animation: slide-in .5s ease-out forwards;
}

.cookie-widget {
    align-items: center;
    border-radius: 100vw;
    display: inline-flex;
    gap: 5px 10px;
    margin: 10px;
    max-width: 100%;
    padding: 4px 15px;
    white-space: nowrap;
    text-align: center;
    background: #f5f5f5;
    box-shadow: 0 0 20px #1a1a1a40;
    font-size: 13px;
    font-weight: 500;
}
.cookie-widget .btn:hover {
    opacity: .9;
    transform: translateY(-5%);
}
.cookie-widget .btn.btn-primary {
    padding: 6px 10px;
    font-size: 13px;
    color: #f4f4f6;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 500;
    position: relative;
    top: 0;
    text-decoration: none;
    line-height: 1;
    border: 1px solid  #2B2838;
    transition: .2s ease-in-out;
}
.cookie-widget .btn.btn-primary:hover {
    border:0;
}
.cookie-widget .btn.btn-default {
    border: 1px solid#ddd;
    padding: 4px 10px;
    font-size: 13px;
    border-radius: 30px;
    font-weight: 600;
    color: #222;
    transition: .2s ease-in-out;
}
.cookie-widget {
   
  /*  transform: translateX(-50%);*/
}

.gt-cookie-widget {
    background-color: #ddd;
    box-shadow: 0 2px 8px #0003;
    color: #666;
    position: fixed;
    z-index: 9999;
}

/*=====================cookie-widget==========================*/
/*=====================Modal2==========================*/

.Modal2 .modal-header {
    border-radius: 14px 14px 0 0;
    border: 0;
    padding: 0;
}
.Modal2 .modal-body {
    border-radius: 0 0;
    padding: 1.5rem;
    background: #fff;
    padding: 20px 30px;
}
.Modal2 .modal-title {
    margin-bottom: 5px;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 700;
}
.Modal2 p {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500;
    color: #555;
}
.Modal2 p a {
   font-size: 12px;
    font-weight: 500;
    
}
.Modal2 label {
    display: inline-block;
    font-size: 12px;
    color: #111;
    font-weight: 700;
    width: 100%;
}
.Modal2 .checkbox-description {
    font-size: 12px;
}
.Modal2 .checkbox-wrapper {
    padding: 5px 0;
}
.Modal2 .modal-footer {
  background: #fffffe;
    border-radius: 0 0 10px 10px;
    display: block;
    border: 0;
    padding-bottom: 30px;
    padding-top: 5px;
}
.Modal2 .btn.btn-default {
    font-weight: 700;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 12px;
    color: #111;
    margin-right: 10px;
}
.Modal2 .btn.btn-primary {
    padding: 10px 15px;
    font-size: 12px;
    color: #ffffff;
    background-color:  #2B2838;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    position: relative;
    top: 0;
    text-decoration: none;
    line-height: 1;
    border: 1px solid  #2B2838;
}
.Modal2  .btn-close {
    background: url(../userassets/times.png)!important;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
    background-size: 40%!important;
    background-repeat: no-repeat!important;
    margin-top: 0px!important;
    position: relative;
    top: 5px;
}
/*=====================Modal2==========================*/
@media (max-width: 1024px){
.topbar-menu i {
    font-size: 13px;
  
}

.loing-form {
    padding: 60px 50px;
}

.loginstart img {
    height: 713px;
}
.loginlogo img {
    height: auto;
}
.list-buyers-div li {
     display: flex;
    line-height: 26px;
}
.num-attribute {
   min-width: 260px;
}
.pro-stats h4 {
    font-size: 13px;
   
}
.property-buying-details-div .lis-attri1 {
   width: 48%;
    display: inline-block;
}

.property-communication-div {
    padding: 12PX 13px;
}
.property-communication-div h4 {
    font-size: 16px;
    line-height: 20px;
}
.box {
min-width: 60px;
}
.dblock .feature-card1 .dblock-des {
   width: 45%;
}

.section-userdata .btn.btn-light {
    margin-bottom: 5px;
}
.section-userdata .btn.btn-link, .btn.btn-primary {
 font-size: 14px;
}
.no-property {
     margin-left: 375px;
  
}
.topbar-menu .nav-item a {
    padding: 8px 8px;
    font-size: 11px;
  }
.topbar-menu li {
    padding: 0 3px;
   
}
.dblock-icon {
  margin: 10px 0;
  
}
.nav-link:hover {
    background-color: transparent!important;
    border-radius: 30px!important;
    color: #fff!important;
}

.topbar-menu .bi.bi-bell {
    font-size: 17px!important;
}

.topbar-menu a {
    padding: 3px 3px;

}
.navbar-collapse {
   right: 18px;
}

.navbar-nav .nav-link {
    font-size: 11px;
     margin: 0;padding: 6px 5px!important;
}
.dblock h3 {
    font-size: 17px!important;
   
}
.dblock1 i, .dblock2 i, .dblock3 i, .dblock4 i {
    line-height: 0;
}
th {
    font-size: 14px;
}
td a, td {
    color: #4B4874!important;
    font-weight: 700;
    font-size: 14px;
}
i.bi.bi-text-left {
    color: #fff;
    font-size: 22px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 11px;
}
.container-fluid {
    padding: 0;
}
}

@media (max-width: 768px){
.dashboard-user .dblock p {
    font-size: 14px;
    
}
.template1 {
    width: 100%;
}
.property-communication-div {
  
    width: 100%;
}
.property-buying-details-div .lis-attri1:not(:last-child) {
    border-right: 0px solid #e1d5ed!important;
}
.property-buying-stats {
   margin-top: 16px;
}
.dashboard-user .dblock .feature-card1 .dblock-des {
    width: 53%;
}
.box {
    min-width: 60px;
}

.admin-header .navbar-collapse {
    position: absolute;
    left: 0px;
    top: 52px;
    background:#2b2838!important;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
  width: 100%;
  z-index: 99;
}
.dashboard-user .dblock .feature-card1 .btn-dark {
   font-size: 12px;
    margin-top: 10px;
    padding: 5px 10px;
}
.no-property {
    margin-left: 267px;
    font-size: 11px;
}
.section-userdata {
     margin-top: 53px;
}
.admin-header .navbar {
   margin-top: 0;
   
}
.topbar-menu {
   right: 100px;
}
.admin-header .navbar-light .navbar-toggler {
    border-color: transparent;
    position: relative;
   right: -474px;
}
.main-dashboard {
 padding: 90px 0 60px;
}
.dblock {
   margin-bottom: 20px;
}
.manager-title {
    width: 40%;
    margin-top: -9px;
}
.num-attri {
   
    border-radius: 10PX;
    line-height: 1.2;
   font-size: 13px;
     display: block;
}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
}
@media screen and (max-height: 425px) {
.section-userdata .card {
   padding: 15px 20px 30px;
    
}
.loginstart .g-2, .gy-2 {
    --bs-gutter-y: 0;
}
}

@media (max-width: 480px){

.admin-header .navbar-light .navbar-toggler {
   border-color: transparent;
    position: relative;
   right: -2px;
    top: -1px;
}
.box {
    min-width: 60px;
    font-size: 13px;
}
.total-headling {
    margin: 0px 0 0;
    display: block!important;
}
.form-floating>label {
    font-size: 16px;
   
}
.dblock p {
    min-height: auto;
  font-size: 14px;
    line-height: 24px;
}
.dblock-icon img {
    width: 110px;
   left: 25px;
}
a.navbar-brand {
  position: relative;
    left: 8px;
}

.dblock .btn-dark {
    font-size: 12px;
   
}
.blockstart .card-img-overlay h1 {
    font-size: 24px;
}
.dashboardblock {
   padding: 10px 15px;
}
.dashboard-user .dblock .feature-card1 .dblock-des {
    width: 63%;
}
.dashboard-user .dblock-icon {
     width: 25%;
}

.dblock h3 {
    font-size: 16px!important;
}

.dblock1 {
   padding: 8px 12px;
   
}
.section-userdata {
    margin-top: 94px;
}
.no-property {
    margin-left: 280px;
}
.topbar-menu {
    right: 0px;
}
.banner-info {
    padding: 10px 15px 0;
}
.banner-info h1 {
    font-size: 20px;
    font-weight: 600;
}

.admin-header .navbar-collapse {
   top: 43px;
    border-top: 4px solid #ddd;
}
.dropdown-menu li a {
    font-size: 13px;
  }
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 13px;
}
.topbar-menu .nav-item a {
    padding: 8px 9px;
    font-size: 12px;
   margin-bottom: 8px;
}
a.nav-link.balance {
    width: 90px;
}
.section-userdata h4 {
    font-size: 20px;
   text-align: left;
}

.topbar-menu {
  display: inline-flex;
    margin-right: -18px;
    position: relative;
    top: 3px;
}

.section-userdata .card {
   padding: 15px 15px 30px;
    border: 0;
    
}
.col {
    flex: none;
}
.container {
   width: 100%;
}
.sidenav a {
  padding: 6px 5px;
    font-size: 15px;
    margin: 6px 10px;
}
.sidenav {
    right: 9px;
}
.manager-link {
    position: relative;
    top: 8px;
}
.section-userdata .btn.btn-link, .btn.btn-primary {
    font-size: 13px;
    padding: 8px 10px;
    display: inline-block;margin-bottom: 10px
}
.section-userdata .card-header {
   display: block!important;
    padding: 5px 5px 5px;
    border: 0!important;
}
p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
.num-attri {
   
    border-radius: 10PX;
    line-height: 1.2;
   font-size: 13px;
     display: block;
}

}

/*------------------------pagination----------------------------*/

.pagination-block {
    float: left;
    width: 100%;
    padding: 40px 0;
}
.pagination-block .text-muted {
    color: #6c757d!important;
    display: none;
}
.pag-in-ation {
    margin: 60px 0 0;
}
.pag-in-ation .border {
    border: 0px solid #dee2e6!important;
}
.pag-in-ation span {
    padding: 4px;
    border-radius: 3px;
    background: #e9e9e9;
     padding: 6px 12px;
}
.leading-5 {
    line-height: 40px;
    position: relative;
    top: 7px;
    right: 10px;
}
.container.pagination1 p {
    display: none;
}
.container.pagination1 {
   width: 100%;
}
.page-numbers p {
    display: none;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
   padding: 20px 0;
}
.page-item.active .page-link {
    z-index: 3;
    background-color: #2b2838;
    border-color: #2b2838;
    color: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 15px rgb(0 0 0 / 35%);
    border-radius: 30px;
    cursor: pointer;
    padding: 6px 12px;
}
.page-item.active .page-link:hover {
    background: #333;
}
.page-link {
    font-size: 14px;
     padding: 6px 12px;
    position: relative;
    display: block;
    border-radius: 30px;
    color: #131313;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.page-link:hover {
     border-radius: 30px;
}
li.page-item {
    margin: 0 6px;
    background: white;
    border-radius: 30px;
    border: 2px solid #eee;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
    border-radius: 30px!important;
}
li.page-item:hover {
    border-radius: 30px;
}
/*------------------------pagination----------------------------*/
.footer {
    float: left;
    width: 100%;
    background:#151a31;
    padding: 10px;
}
.footer ul {
    margin: 0;
}
.footer li, .footer li a, .footer p {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.footer .text-left {
    float: left;
}
.footer .text-right {
    float: right;
}

.footer .text-muted {
    color: #dddddd!important;
}
@media screen and (min-width: 1440px) and (max-width: 3500px){

  .dblock .feature-card1 .dblock-des {
   width: 60%;
}
.dashboard-user .dblock .feature-card1 .dblock-des{
      width: 65%;  
}

.no-property {
     margin-left: 556px;
   
}
.section-userdata {
    min-height: 780px;
}
.form-class {
    float: none;
    width: 45%;
  }
.navbar-nav .nav-link {
    font-size: 15px;
    color: #222;
    font-weight: 500;
}
.container {
 max-width: 1500px;
   
}
.navbar-brand {
   font-size: 17px;
}
.name1 .badge {
   float: right;
    position: relative;
    top: -4px;
    left: -7px;
}
a.nav-link.balance {
    width: 112px;
}
}
@media screen and (min-width: 1500px) and (max-width: 4000px) { 
    .box {
     min-width: 60px;
    }
  #custom-scrollbar-y {
    height: 600px;
}  
}
@media (max-width: 480px){
.footer .text-left  {
    float: none;
    text-align: center;
}
 .footer p {
   text-align: center;
}
form .g-2, .gy-2 {
    --bs-gutter-y: 0rem;
}

}
.g-2, .gy-2 {
    --bs-gutter-y: 0rem;
}