/*===================
GLOBAL CSS
====================*/
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
body {
    font-family: 'Mulish', sans-serif;
    /* font-size: 14px; */
    color: #000000;
    background: #f5f5f5;
}

.contentloader{
  transition: height .2s linear;
}

.shadow-sm-red{
  box-shadow: 0 .125rem .25rem rgba(255,0,0,.075)!important;
}
.shadow-sm-green{
  box-shadow: 0 .125rem .25rem rgba(0,255,0,.075)!important;
}
.shadow-sm-blue{
  box-shadow: 0 .125rem .25rem rgba(0,0,255,.075)!important;
}
.shadow-sm-yellow{
  box-shadow: 0 .125rem .25rem rgba(255,255,0,.075)!important;
}

.shadow-red {
  box-shadow: 0 .5rem 1rem rgba(255,0,0,.15)!important;
}
.shadow-green {
  box-shadow: 0 .5rem 1rem rgba(0,255,0,.15)!important;
}
.shadow-blue {
  box-shadow: 0 .5rem 1rem rgba(0,0,255,.15)!important;
}
.shadow-yellow {
  box-shadow: 0 .5rem 1rem rgba(255,255,0,.25)!important;
}
.shadow-light {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.08)!important;
}

.shadow-lg-red {
  box-shadow: 0 1rem 3rem rgba(255,0,0,.175)!important;
}
.shadow-lg-green {
  box-shadow: 0 1rem 3rem rgba(0,255,0,.175)!important;
}
.shadow-lg-blue {
  box-shadow: 0 1rem 3rem rgba(0,0,255,.175)!important;
}
.shadow-lg-yellow {
  box-shadow: 0 1rem 3rem rgba(255,255,0,.175)!important;
}

.btn-anim-gradient {
  background: linear-gradient(105deg,#4285f4,#367cec,#2563c7,#1048a3,#7b2cd2,#6011a9,#7b2cd2,#1048a3,#2563c7,#367cec,#4285f4);
  background-size: 1000% 1000%;
  animation: btnbganim 4s linear infinite;
  -webkit-animation: btnbganim 4s linear infinite;
  -z-animation: btnbganim 4s linear infinite;
  -o-animation: btnbganim 4s linear infinite;
}
.btn-anim-gradient-warning {
  background: linear-gradient(
    130deg
    ,#ffc10794,#ffc107,#ffc107,#ffc107,#ffc107,#ffc10794,#ffc107,#ffc107,#ffc107,#ffc107);
  background-size: 200% 200%;
  animation: btnbganim 2s linear infinite;
  -webkit-animation: btnbganim 2s linear infinite;
  -z-animation: btnbganim 2s linear infinite;
  -o-animation: btnbganim 2s linear infinite;
}
.btn-anim-gradient-danger {
  background: linear-gradient(
    130deg
    ,#ff070794,#DD2D55,#DD2D55,#DD2D55,#DD2D55,#ff070794,#DD2D55,#DD2D55,#DD2D55,#DD2D55);
  background-size: 200% 200%;
  animation: btnbganim 2s linear infinite;
  -webkit-animation: btnbganim 2s linear infinite;
  -z-animation: btnbganim 2s linear infinite;
  -o-animation: btnbganim 2s linear infinite;
}
.btn-anim-gradient-purple {
  background: linear-gradient(
    130deg
    ,#6f42c194,#6f42c1,#6f42c1,#6f42c1,#6f42c1,#6f42c194,#6f42c1,#6f42c1,#6f42c1,#6f42c1);
  background-size: 200% 200%;
  animation: btnbganim 2s linear infinite;
  -webkit-animation: btnbganim 2s linear infinite;
  -z-animation: btnbganim 2s linear infinite;
  -o-animation: btnbganim 2s linear infinite;
}
.float-btn{
  position: fixed;
  bottom: 15px;
  width: calc(100% - 250px);
  margin: auto;
}

.font-6 {
  font-size: 6px;
}
.font-7 {
  font-size: 7px;
}
.font-8 {
  font-size: 8px;
}
.font-9 {
  font-size: 9px;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-16 {
  font-size: 16px;
}
.font-17 {
  font-size: 17px;
}
.font-18 {
  font-size: 18px;
}
.font-19 {
  font-size: 19px;
}
.font-20 {
  font-size: 20px;
}
.font-21 {
  font-size: 21px;
}
.font-22 {
  font-size: 22px;
}
.font-23 {
  font-size: 23px;
}
.font-24 {
  font-size: 24px;
}
.font-25 {
  font-size: 25px;
}
.font-26 {
  font-size: 26px;
}
.font-27 {
  font-size: 27px;
}
.font-28 {
  font-size: 28px;
}
.font-29 {
  font-size: 29px;
}
.font-30 {
  font-size: 30px;
}
.font-31 {
  font-size: 31px;
}
.font-32 {
  font-size: 32px;
}
.font-33 {
  font-size: 33px;
}
.font-34 {
  font-size: 34px;
}
.font-35 {
  font-size: 35px;
}
.font-36 {
  font-size: 36px;
}
.font-37 {
  font-size: 37px;
}
.font-38 {
  font-size: 38px;
}
.font-39 {
  font-size: 39px;
}
.font-40 {
  font-size: 40px;
}
.font-41 {
  font-size: 41px;
}
.font-42 {
  font-size: 42px;
}
.font-43 {
  font-size: 43px;
}
.font-44 {
  font-size: 44px;
}
.font-45 {
  font-size: 45px;
}
.font-46 {
  font-size: 46px;
}
.font-47 {
  font-size: 47px;
}
.font-48 {
  font-size: 48px;
}
.font-49 {
  font-size: 49px;
}
.font-50 {
  font-size: 50px;
}

.bg-red {
  background-color: #F44336 !important;
  color: #fff;
}
.bg-pink {
  background-color: #E91E63 !important;
  color: #fff;
}
.bg-purple {
  background-color: #9C27B0 !important;
  color: #fff;
}
.bg-deep-purple {
  background-color: #673AB7 !important;
  color: #fff;
}
.bg-indigo {
  background-color: #3F51B5 !important;
  color: #fff;
}
.bg-blue {
  background-color: #2196F3 !important;
  color: #fff;
}
.bg-light-blue {
  background-color: #03A9F4 !important;
  color: #fff;
}
.bg-cyan {
  background-color: #00BCD4 !important;
  color: #fff;
}
.bg-teal {
  background-color: #009688 !important;
  color: #fff;
}
.bg-green {
  background-color: #4CAF50 !important;
  color: #fff;
}
.bg-light-green {
  background-color: #8BC34A !important;
  color: #fff;
}
.bg-lime {
  background-color: #CDDC39 !important;
  color: #fff;
}
.bg-yellow {
  background-color: #ffe821 !important;
  color: #fff;
}
.bg-amber {
  background-color: #FFC107 !important;
  color: #fff;
}
.bg-orange {
  background-color: #FF9800 !important;
  color: #fff;
}
.bg-deep-orange {
  background-color: #FF5722 !important;
  color: #fff;
}
.bg-brown {
  background-color: #795548 !important;
  color: #fff;
}
.bg-grey {
  background-color: #9E9E9E !important;
  color: #fff;
}
.bg-blue-grey {
  background-color: #607D8B !important;
  color: #fff;
}
.bg-black {
  background-color: #000000 !important;
  color: #fff;
}
.bg-white {
  background-color: #ffffff !important;
}

.col-red {
  color: #F44336 !important;
}
.col-pink {
  color: #E91E63 !important;
}
.col-purple {
  color: #9C27B0 !important;
}
.col-deep-purple {
  color: #673AB7 !important;
}
.col-indigo {
  color: #3F51B5 !important;
}
.col-blue {
  color: #2196F3 !important;
}
.col-light-blue {
  color: #03A9F4 !important;
}
.col-cyan {
  color: #00BCD4 !important;
}
.col-teal {
  color: #009688 !important;
}
.col-green {
  color: #4CAF50 !important;
}
.col-light-green {
  color: #8BC34A !important;
}
.col-lime {
  color: #CDDC39 !important;
}
.col-yellow {
  color: #ffe821 !important;
}
.col-amber {
  color: #FFC107 !important;
}
.col-orange {
  color: #FF9800 !important;
}
.col-deep-orange {
  color: #FF5722 !important;
}
.col-brown {
  color: #795548 !important;
}
.col-grey {
  color: #9E9E9E !important;
}
.col-blue-grey {
  color: #607D8B !important;
}
.col-black {
  color: #000000 !important;
}
.col-white {
  color: #ffffff !important;
}

/*==============
 AdminOverride
|============== */
.bg-primary,.btn-primary{
  background: #FF8800;
  background: -moz-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  background: -webkit-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  /* background: linear-gradient(135deg, #FF8800 0%, #ff6a00 100%) !important; */
  background: linear-gradient(135deg, #000000 0%, #ff6a00 100%) !important;
  border:0px !important;
}
[class*=btn-]:hover{
  filter: brightness(.9);
}

.card-primary:not(.card-outline) > .card-header{
  background: #FF8800;
  background: -moz-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  background: -webkit-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  background: linear-gradient(135deg, #FF8800 0%, #ff6a00 100%) !important;
}
.card-primary.card-outline{
  border-top: 3px solid #1B98A2;
}

/*===================
SideBar CSS
====================*/
.main-sidebar .brand-link{
  background: #FF8800;
  background: -moz-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  background: -webkit-linear-gradient(-45deg, #FF8800 0%, #ff6a00 100%) !important;
  background: linear-gradient(135deg, #FF8800 0%, #ff6a00 100%) !important;
  border-color: #ff6a00 !important;
}
.main-sidebar .brand-link{
  background: var(--primary-bg);
}
.brand-link {
  line-height: 1;
}
.brand-link .brand-image {
  max-height: 43px;
}
a[class*=text-primary]:hover,
a [class*=text-primary]:hover,
a[class*=text-primary]:focus,
a [class*=text-primary]:focus
{
  color: #009688 !important;
}

[class*=sidebar-dark-],[class*=sidebar-light-]{
  background: #371e00;
}

[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link {
  color: #434242;
}

/*===================
Body CSS
====================*/
#go_to_top{
  right: 20px;
  bottom: -60px;
  position: fixed;
}
#go_to_top.show{
  bottom: 20px !important;
}

[class*="icheck-material"]>input:first-child+label::before, [class*="icheck-material"]>input:first-child+input[type="hidden"]+label::before {
  border: 1px solid #787878;
  border-radius: 50% !important;
}

.item .info-box-icon{
  box-shadow: 0 1px 3px rgba(0,0,0,0.07)!important;
}
.index-icon{
  font-size: 22px;
  border: 2px solid;
  text-align: center;
  padding: 7px 0px;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}
.info-box {
  box-shadow: 0 0 1px rgb(9 17 253 / 21%), 0 1px 3px rgb(39 226 45 / 25%);
  border-radius: .25rem;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  min-height: 55px;
  padding: .5rem;
  position: relative;
  width: 100%;
}
.info-box .info-box-text, .info-box .progress-description {
  line-height: 1.5;
}

/*Product Item*/
.property-action-btn{
  position: absolute;
  top: 0px;
  right: 0px;
}

/*Service*/
#step_1 label,#step_2 label{
  font-size: 18px;
  font-weight: 500;
  color: #757272;
}

/*===================
/*SideBar CSS
====================*/
/* .sidebar-dark-orange .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-orange .nav-sidebar>.nav-item>.nav-link.active {
  background-color: #b68d40;
  color: #1f2d3d;
} */

/*===================
/*Footer CSS
====================*/
footer a{
	cursor: pointer;
	color: #DD2D55 ;
}
footer a:hover,footer a:active{
	color: #ad8d04 ;
}
footer i{
	font-size: 20px;
}
.btn-add,footer i.fa-plus{
	font-size: 24px;
  border: 1px solid;
  text-align: center;
  padding: 7px 0px;
  border-radius: 50px;
  height: 40px;
  width: 40px;
}
footer a.active{
  background-color: #DD2D55;
  color: #000;
}
footer a.active:hover{
  background-color: #ad8d04;
  color: #fff;
}
.footer-sell{
  text-align: center;
  width: 100%;
  bottom: -70px;
  position: fixed;
  transition: 400ms;
}
.footer-sell>button{
  border: 2px solid #fff;
}
.footer-sell.active{
  width: 100%;
  bottom: 70px;
  position: fixed;
  transition: 400ms;
}



/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  footer{
    font-size: 90%;
  }
  .product-title{
    font-size: 16px !important;
    line-height: 19px!important;
    max-height: 57px!important;
    overflow: hidden;
  }
  .product-price{
    font-size: 18px;
  }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  .product-title{
    font-size: 18px;
    line-height: 21px;
    max-height: 63px;
    overflow: hidden;
  }
  .float-btn{
    width: 100%;
  }
  #go_to_top.show{
  bottom: 80px !important;
}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

}

/*keyframes....*/

@-webkit-keyframes btnbganim {
  0% {
    background-position: 100% 100%
  }
  to {
    background-position: 0 0
  }
}

@keyframes btnbganim {
  0% {
    background-position: 100% 100%
  }
  to {
    background-position: 0 0
  }
}
.rounded{
  border-radius: 0.75rem !important;
  /* overflow: auto; */
}
.rounded-lg{
  border-radius: 1rem !important;
  /* overflow: auto; */
}
.p_preimg{
  max-height: 100px;
  max-width: 100%;
  object-fit: contain;
  border-radius: 5px;
}
.remove_input{
  height: 40px;
  width: 40px;
  border-radius: 50%;
}

.list-card .address{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}


/*===================
/*PROPERTY PAGE
====================*/
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.property-card-image{
  position: relative;
  padding-bottom: 70%;
  height: 0;
}
.property-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.list-card-image-label{
  left: 8px;
  z-index: 1;
}
/*===================
/*OFFER CSS
====================*/

.banner-img{
  margin-top: -2rem !important;
}

.banner-code{
  left: 24px;
  top: -5px;
  padding: 0 10px;
  border-radius: 20px;
  box-shadow: 3px 3px 10px -3px #373737;
  font-size: 14px;
  position: absolute;
  background: #ffffff;
  color: #000000;
}
.offer-icon{
  height: 40px;
  width: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.h-160 {
  height: 160px;
  object-fit: cover;
}
.h-180 {
  height: 180px;
  object-fit: cover;
}
.h-200 {
  height: 200px;
  object-fit: cover;
}
.h-220 {
  height: 220px;
  object-fit: cover;
}
.h-240 {
  height: 240px;
  object-fit: cover;
}