@font-face {
   font-family: 'alethiapro-regular';
   src: url('../font/alethiapro-regular.otf')
}
@font-face {
   font-family: 'alethiapro-italic';
   src: url('../font/alethiapro-italic.otf')
}

@font-face {
   font-family: 'AnandaBlackPersonalUseRegular';
   src: url('../font/AnandaBlackPersonalUseRegular-rg9Rx.ttf')
}
.redidential {
   position: relative;
   margin-top: 90px;
}

p,
h1,
h2,
h3,
h4,
h5,
span,
a,
div,
button,
input,
label {
   /* font-family: optima; */
   text-transform: capitalize;
}

.redidential .row1 .img-res {
   /* background-image: url(../images/residentail/10020.jpg); */
   height: 650px;
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.row1>div {
   padding: 0;
}

.row1 .col-6 .img-res2 {
   /* background-image: url(../images/residentail/10016.jpg); */
   min-height: 325px;
   height: 325px;
   background-size: 100% 100%;

   background-repeat: no-repeat;
}

.row1 .col-6 .img-res3 {
   /* background-image: url(../images/residentail/10017.jpg);    min-height: 250px; */
   height: 325px;
   background-size: 100% 100%;

   background-repeat: no-repeat;
}

.row1 .row>div:first-child {
   padding-right: 0;
}

.row1 .row>div:last-child {
   padding-left: 0;
}

.row1 .col-6 .img-res4 {
   /* background-image: url(../images/residentail/10018.jpg);    height: 325px; */
   height: 325px;
   background-size: 100% 100%;
   
   background-repeat: no-repeat;
}

.row1 .col-6 .img-res5 {
   /* background-image: url(../images/residentail/10019.jpg);    height: 325px; */
   height: 325px;
   background-size: 100% 100%;
   
   background-repeat: no-repeat;
}

.img-res,
.img-res2,
.img-res3,
.img-res4,
.img-res5 {
   position: relative;
}

.overlay-res {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 9;
   width: 100%;
   cursor: pointer;
   height: 100%;
   background-color: #444;
   opacity: 0;
   transition: all ease-in-out .5s;
}

.img-res:hover .overlay-res,
.img-res2:hover .overlay-res,
.img-res3:hover .overlay-res,
.img-res4:hover .overlay-res {
   opacity: .1;
}

.overlay-res-last {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 9;
   width: 100%;
   cursor: pointer;
   height: 100%;
   background-color: #333;
   opacity: .4;
   transition: all ease-in-out .5s;

}

.img-res5 span {
   position: absolute;
   top: 50%;
   margin-top: -10px;
   color: #fff;
   z-index: 10;
   font-size: 16px;
   font-weight: 700;
   cursor: pointer;
   pointer-events: none;
   right: 50%;
   width: 200px;
   text-align: center;
   margin-right: -100px;
   /* font-family: 'optima' !important; */
}

.img-res5:hover .overlay-res-last {
   opacity: 0;
}

.for-sale {
   width: 1200px;
   margin: 0 auto;
   padding: 0 15px 30px 15px;
   position: relative;


}

.for-sale .labels>div {
   border-radius: 3px;
   background-color: #1d467a;
   padding: 6px 14px;
   display: inline-block;
   color: #fff;
   margin: 0 0 0 7px;
   line-height: 1;
}

.labels {
   left: 10px;
   position: relative;
}

.labels span {
   color: white;
   text-decoration: none;
   /* font-family: optima; */
   font-size: 13px;
   background-color: #DDA74F ;
}

.body-forsale {
   background-color: #f7f7f7 !important;

}

.notice-area {
   border-radius: px !important;
   padding: 10px 20px !important;
   border:1px solid #DDA74F;
   /* box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%) !important; */
   background-color: #111010;
   color:#fff!important
}

.notice-area h1 {
   margin-bottom: 0;
   float: left;
   width: auto;
   max-width: 75%;
   font-size: 26px;
   line-height: 1.1;
   letter-spacing: -1px;
   margin: 0 0 30px;
   font-weight: 700;
   word-break: break-word;
   color: #fff;
   /* font-family: optima; */
}

.notice-area .price-area {
   font-size: 30px;
   padding: 0;
   float: right;
   font-weight: 600;
   letter-spacing: -1px;
   min-height: 1px;
   color: #DDA74F;
   /* font-family: optima; */
   padding-bottom: 20px !important;

}

.notice-area>div {
   justify-content: space-between;
   align-items: center;
}

.categs .fa-map-marker-alt {
   margin-right: 3px;
   font-size: 12px;
   font-weight: 900;
   color: #5c727d
}

.categs .dubai {
   color: #fff;
   font-size: 14px;

}

.categs div:first-child a {
   color: #111010;
   font-size: 14px;
   text-decoration: none;

}

.categs .social-icons>div {
   background: #fff;
   padding: 7px 14px;
   border-radius: 3px;
   box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%);
   font-weight: 700;
   line-height: 10px;
   font-size: 12px;
   color: #222;
   float: left;
   margin-left: 10px;
   cursor: pointer;
   text-transform: capitalize;
   width: auto;
   height: auto;
   border: 0;
}

.social-icons i {
   margin-right: 7px;
   color: #222;
   margin-left: 0;
   font-size: 12px;
}

.labels {}

.overview {
   margin-top: 45px !important;
   width: 97.5%;
   margin: auto;

}

.updated-on {
   border-radius: 0px !important;
   border:1px solid #DDA74F;
   background-color: #111010;
   padding: 30px;
   margin-bottom: 30px;
   width: 100%;
   min-height: 1px;
   display: inline-block;
   line-height: 1.65em;
   /* box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%); */
}

.updated-on h4 {
   color: #fff;
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: 800;
}

.updated-on .overview-element {
   list-style: none;
   margin: 10px 0 0 0;
   float: left;
   width: 19%;

}

.overview-element2 {
   padding-left: 0;
   margin: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

.overview-element li {
   text-align: left;
   font-weight: 800;
   font-size: 14px;
   color: #fff;
   margin-bottom: 4px;
   line-height: 20px;
}

.overview-element li:last-child {
   font-weight: 600;
}

.updated-on p {
   margin-bottom: 0 !important;
   font-size: 14px;
   color: #fff;
   word-break: break-word;
}

.tooltip-inner {
   font-size: 12px;
   /* font-family: optima; */
   background-color: #222;
   position: relative;
   border-radius: 0;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {}

.social-icons a {
   text-decoration: none;
   color: black;
}

.accordion-item:last-of-type {
   border-radius: 0px !important;
   border:1px solid #DDA74F;
   background-color: #111010;

   margin-bottom: 30px;

   /* box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%); */
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
   /* border-radius: 20px; */

}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
   /* border-color: transparent; */
   box-shadow: none;
   background-color: inherit;
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
   color: #fff;

   font-size: 16px;
   font-weight: 800;
   transition: all ease-in-out .5;
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {}

.accordion-header {
   padding-top: 10px;

}

.accordion-button:not(.collapsed)::after {
   color: #DDA74F!important;
   font-size: 16px;
   font-weight: 800;
   transition: all ease-in-out .5;
   /* background-image: var(--bs-accordion-btn-icon); */
}

.accordion {
   border: none;
}

.accordion-body {
   padding-top: 0;
   padding-left: 20px;
   padding-right: 20px;
   padding-bottom: 40px;
}

.accordion-body p {
   color: #fff;
   font-weight: 700;
   font-size: 14px;
}

.accordion-body span {
   color: #fff;
   font-size: 14px;
   font-weight: 700;

}

.accordion-body a {
   background-color: #111010;
   color: #fff !important;
   padding: 1px 6px;
   border-radius: 0;
   clear: both;
   float: left;
   margin-top: 10px;
border:1px solid #DDA74F;
   transition: all .1s linear;
   font-size: 13px;
   font-weight: 700;
   border-radius: 2px;
   line-height: 1.65em;
   text-decoration: none;
}

.accordion-body a:hover,
.accordion-body a:focus {
   background-color: #fff;
   color: #DDA74F!important;
}

.accordion-item:first-of-type .accordion-button:hover,
.accordion-item:last-of-type .accordion-button:hover.collapsed {
   /* color: #1d467a */
}

.accordion-header .accordion-button:not(.collapsed)::after {
   color: #1d467a
}

.accordion-body i {
   margin-right: 7px;
   font-size: 16px;

}

#accordionPanelsStayOpenExample3 .accordion-body>div {
   width: 100%;
   height: 400px;
}

#accordionPanelsStayOpenExample3 .accordion-body>div ul li .blue {
   margin-right: 10px;
   color: #5b6e8c;
   font-style: initial;
}

#accordionPanelsStayOpenExample3 .accordion-body>div {
   position: relative;
}

#accordionPanelsStayOpenExample3 .accordion-body>div ul {
   position: absolute;
   top: 110px;
   left: 15px;
   padding-left: 0;
   list-style: none;
}

#accordionPanelsStayOpenExample3 .accordion-body>div ul li i {
   color: #5b6e8c
}

#accordionPanelsStayOpenExample3 .accordion-body>div ul li {

   background-color: #fff;
   color: #444;
   font-size: 16px;
   margin-bottom: 5px;

   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   cursor: pointer;
   font-weight: 300;

   box-sizing: border-box;
   z-index: 99;
   transition: all .5s ease;
   pointer-events: auto;
   opacity: .95;
   border-radius: 2px;
}



#gmapzoomplus_sh {
   background-color: red;
}

.chart-circle {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.chart-circle>div {
   position: absolute;
   text-align: center;
}

.chart-circle>div p {
   margin-bottom: 0;
   font-size: 17px;
   color: #333;
   font-weight: 800;
}

.chart-circle>div span {
   font-size: 14px;
   font-weight: 500;

}

.perc p {
   font-size: 13px;
   margin-top: 7px;
   color: #5c727d;
   font-weight: 400;
   margin-bottom: 0;
}

.perc span {
   width: 10px;
   height: 7px;
  /* background-color: #0073e1;*/
   background-color: #DDA74F;
   display: inline-block;
   margin-right: 3px;
}

input {
   font-size: 13px;
   padding: 9px 0 9px 9px;
   color: #fff;
   border: 1px solid #DDA74F;
   background-color: #111010;
   box-shadow: none;
   -webkit-appearance: none;
   width: 100%
}
input::placeholder{
   color: #fff!important;
}
textarea{
   color: #fff!important;
   /* border: 1px solid #DDA74F!important; */
   background-color: #111010!important;
}
label {
   display: inline-block;
   width: 100%;
   margin-bottom: 0;
   margin-top: 10px;
   color: #222;
   font-weight: 700;
   /* font-family: optima; */
   font-size: 13px;

}

::placeholder {
   color: #757575 !important;

}

input:focus-visible,
select:focus-visible {
   outline: none !important;
}

.inputs {
   display: flex;
}

.inputs>input:first-child {
   width: 80%
}

.inputs>input:last-child {
   width: 20%
}

.mylistening h3 {
   letter-spacing: -1px;
   font-size: 24px;
   line-height: 1.3em;
   margin-bottom: 15px;
   font-weight: 900;
}

.card-similar {
   box-shadow: unset!important;
   width: 100% !important;
   background-color: #111010;
   overflow: hidden;
}


.carousel-control-next,
.carousel-control-prev {
   opacity: 1;
}

.carousel-control-prev-icon i,
.carousel-control-next-icon i {
   font-size: 31px;
   font-weight: 900;
   color: white
}


.carousel-control-prev-icon,
.carousel-control-next-icon {
   background-image: none;
}

.card-similar p {
   font-size: 20px;

   color: #111010;
   font-weight: 500;
   margin-bottom: 0;
   margin-top: 15px;


}

.card-similar p a {

   color: #DDA74F !important;
   font-size: 16px;
   font-weight: 500;
   text-decoration: none;
}

.p0 {
   padding-top: 0;
}


.card-similar h4 a {

   font-weight: 400;
   font-size: 11px;
   line-height: 1.3em;
   color: #111010;
   text-decoration: none;
}
.card-similar h4 a:hover{
   color: #111010;

}

.card-similar img {
   width: 15px;
 

}

.card-similar span {
   font-size: 11px;
   color: #757575
}

.card-similar .row span {
   font-size: 10px;
   color: #757575
}

.card-similar .row img {
   margin-right: 0px;
}

.card-similar .row {
   margin-top: 15px;
}

.card-similar .row .col-4 {
   padding-right: 0;
}

.card-similar {
   position: relative;
   margin-bottom: 30px;
}

.card-similar .for-sale a {
   text-decoration: none;
   color: white;
}

.card-similar .for-sale {
   z-index: 99;
   position: absolute;
   top: 20px;
   right: 20px;
   background: #DDA74F;
   width: auto;
   padding: 5px 10px;
   text-align: center;
   color: #fff;
   border-radius: 3px;
}

.sudaif {
   box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%);
   background: #111010;
   padding: 30px;
   border: 1px solid #DDA74F;
   margin-bottom: 30px;
   border-radius: 20px;
}

.img-sudaif {
   background-image: url(../images/residentail/10024.jpg);
   width: 100px !important;
   height: 100px !important;
   background-size: cover;
   background-position: center;
}

.name-sudaif h4 a {
   font-size: 18px;
   line-height: 1.3em;
   margin-bottom: 15px;
   font-weight: 800;
   text-decoration: none;
   color: #fff
}

.name-sudaif h4 {
   margin-bottom: 0;
   padding-bottom: 0;
}

.name-sudaif span {
   font-size: 13px;
   color: #fff;
   font-weight: 600;
}

.name-sudaif {
   margin-left: 15px;
}

.schedule {
   background-color: #111010 !important;
   margin-top: 30px;
   margin-bottom: 35px;
   color: #fff !important;
   padding: 3px 15px 3px;
   font-size: 13px;
   font-weight: 600;
   line-height: 20px;
   border:1px solid #DDA74F;
   border-radius: 2px;
   transition: all ease-in-out .5s;
   cursor: pointer;
}

.schedule:hover {
   background-color: #fff !important;
   color: #DDA74F!important;
}

.sudaif input,
.sudaif select {
   margin-bottom: 15px;
}

.sudaif input:focus,
.sudaif select:focus {
   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #1d467a30;
   border-color: #1d467ad9
}

textarea {
   color: #DDA74F;
   font-size: 13px;
}

textarea ::placeholder {
   color: #757575;
   font-size: 13px;
}

.form-select {
   color: #8593a9;
   font-size: 13px;
   height: 40px
}

.form-control:focus {
   outline: none;


   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #1d467a30;
   border-color: #1d467ad9
}

textarea::-webkit-input-placeholder {
   color: #757575;
}

textarea:-moz-placeholder {
   /* Firefox 18- */
   color: #757575;
}

textarea::-moz-placeholder {
   /* Firefox 19+ */
   color: #757575;
}

textarea:-ms-input-placeholder {
   color: #757575;
}

textarea::placeholder {
   color: #757575;
}

.send,
.call {
   display: block;
   font-size: 15px;
   font-weight: 700;
   width: 100%;
   background-color: #111010;
   color: white;
   border: 1px solid #DDA74F;
   border-radius: 0px;
   padding: 13px;
   text-align: center;
   margin-top: 10px;
   cursor: pointer;
   transition: all ease-in-out .5;



}

.calls {
   padding-right: 10px
}

.calls>.col-6 {
   padding-right: 2px
}

.call {
   text-decoration: none;
   color: white;
   font-size: 14px;
}

.send:hover,
.call:hover {
   background-color: #fff;
   color: #DDA74F;
}

.media h3 {
   font-size: 17px;
   line-height: 26px;
   color: #fff;
   margin: 0 0 15px 0;
   font-weight: 800
}

.media img {
   border-radius: 8px;
   width: 100%;
   height: 70px;
   transition: all ease-in-out .5s;
}

.content-media p {
   font-size: 14px;
   font-weight: 800;
   color: #fff;
   margin-bottom: 0;
   word-wrap: break-word;
   transition: all ease-in-out .5s;

}

.content-media span {
   display: block;
   margin-top: 5px;
   font-size: 13px;
   font-weight: 700;
   color: #DDA74F
}

.media .row {
   margin-bottom: 10px;
   cursor: pointer;
}

.media .recent:hover .content-media p {
   /* color: #1a3668 */
}

.img-media {
   overflow: hidden;
   border-radius: 8px;
}

.media .recent:hover img {
   transform: scale(1.2);
}

.recent {
   cursor: pointer;
}

.nav-next {
   position: fixed;
   height: 110px;
   top: 50%;
   width: 250px;
   background: #fff;
   color: #222;
   margin-top: -55px;
   text-decoration: none;
   z-index: 200;
   right: -210px;
   margin-left: -40px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
   cursor: pointer;
   transition: all ease-in-out .5s;
}

.nav-prev {
   position: fixed;
   height: 110px;
   top: 50%;
   width: 250px;
   background: #fff;
   color: #222;
   margin-top: -55px;
   text-decoration: none;
   z-index: 200;
   left: -210px;
   margin-right: -40px;
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   cursor: pointer;
   transition: all ease-in-out .5s;
}

.nav-next i {
   margin-left: 5px;
   margin-right: 10px;
   position: absolute;
   left: 12px;
   font-size: 20px;
   line-height: 22px;
   top: 50%;
   margin-top: -11px;
   font-weight: 900;
   color: #222
}

.nav-prev i {
   margin-right: 5px;
   margin-left: 10px;
   position: absolute;
   right: 12px;
   font-size: 20px;
   line-height: 22px;
   top: 50%;
   margin-top: -11px;
   font-weight: 900;
   color: #222
}


.nav-next p a {
   margin-left: 40px;
   line-height: 20px;
   padding-left: 1PX;
   display: inline;
   float: left;
   font-weight: 700;
   color: #222;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   width: 210px;
   text-decoration: none;
}

.nav-next:hover {
   right: 0
}

.nav-prev p a {


   line-height: 20px;
   padding-right: 10PX;
   display: inline;
   float: right;
   font-weight: 700;
   color: #222;
   top: 50%;
   position: absolute;
   transform: translateY(-50%);
   width: 210px;
   text-decoration: none;
   margin-right: 40px;
   text-align: right;
}



.nav-prev:hover {
   left: 0
}


.redidential .modal.show .modal-dialog {
   max-width: 86%;
   display: flex;
   align-items: center;
}

.redidential .modal {
   z-index: 9999999999999999;

}

.redidential .modal.show .modal-dialog {
   height: 90%;
}

.redidential .modal-body {
   padding-bottom: 0;
   padding-top: 0;
   margin: 0;
   padding: 0;
   display: flex;
}

.fade1 .modal-content {
   border-radius: 0;
}

.fade1 .carousel-control-prev-icon i {
   font-size: 55px;
   position: relative;
   right: 30px;

}

.fade1 .carousel-control-next-icon i {
   font-size: 55px;
   position: relative;
   left: 30px;

}

.fade1 {
   background: rgba(0, 0, 0, .3);
}

.fade1 .close {
   position: absolute;
   top: 20px;
  /* background-color: #1d467a !important; */
   background-color: #DDA74F !important;

   right: 0;
   z-index: 99;

}

.fade1 .close i {
   color: #fff;
   cursor: pointer;
   font-size: 20px;
   width: 40px;
   height: 40px;
   text-align: center;
   margin: 0 auto;
   line-height: 40px;
   z-index: 99;
}

.overview .col-md-8 {
   width: 70%
}

.small-gallery {
   display: none;
}

.card-similar {
   overflow: hidden;
   cursor: pointer;
}

.card-similar,
.card-similar img {
   transition: all ease-in-out .5s;
}

.card-similar:hover {
   transform: translate(0%, -10px)
}



.card-similar:hover img {
   transform: scale(1.1);
}

.hide-inputs {
   height: 0;
   overflow: hidden;
   margin-bottom: 0;
   opacity: 0;
   transition: all ease-in-out .5s;
}

.mystyleshow {
   opacity: 1;
   height: auto;
   margin-bottom: 15px;
}

.recent {
   display: flex;
   margin-bottom: 15px;
}

.recent .col1 {
   width: 40%;
   margin-right: 13px;
}

.recent .col2 {
   width: 60%;
}

.carousel-item {}

.carousel-item img {
   height: 100%;
   width: 100% !important;
}

.mylistening h3 {
   margin-top: 20px;
}

@media (min-width: 789px) {
   .content-similar h4 {
      height: fit-content;
   }

   .over30 {
      width: 30%
   }

   .sudaif-mobile {
      display: none;
   }

   .redidential .modal .carousel-item {
      height: 623px !important;

   }

   .card-similar .row .col-4:nth-child(2),
   .card-similar .row .col-4:nth-child(3) {
      padding-left: 0 !important;



   }
}

@media (max-width:788px) {

   .redidential .modal {
      padding-right: 0 !important
   }

   .redidential {
      margin-top: 0;
   }

   .pt45 {
      padding-top: 10px !important;
   }

   .for-sale {
      padding: 0
   }

   .redidential .row1 .img-res {
      height: 300px;
   }

   .redidential .row1 .img-res2 {
      height: 150px;
      min-height: 150px;
   }

   .redidential .row1 .img-res3 {
      height: 150px;
      min-height: 150px;
      margin-left: 13px;
   }

   .small-gallery {
      display: block;
   }

   .big-gallery {
      display: none;
   }

   .row1 .col-6 .img-res5 {
      height: 150px;
      min-height: 150px;
   }

   .row1 .col-6 .img-res4 {
      height: 150px;
      min-height: 150px;
   }

   .for-sale {
      width: auto
   }

   .notice-area>div {
      flex-direction: column;
      align-items: baseline;
   }

   .notice-area h1 {
      max-width: 100%;
      font-size: 26px;
      margin-bottom: 7px;
      line-height: 36px;

   }

   .updated-on .overview-element,
   .updated-on .overview-element,
   .updated-on .overview-element {
      display: flow-root;

   }

   .updated-on>ul:nth-child(3),
   .updated-on>ul:nth-child(4) {
      width: 50%;

   }


   .notice-area .price-area {
      font-size: 28px;
   }

   .for-sale .row {
      padding-top: 15px;
   }

   .labels a {
      font-size: 13px;
   }

   .categs .dubai {
      font-size: 13px;
   }

   .categs .social-icons>div {
      padding-left: 0;
      margin-top: 7px;
   }

   .overview {
      margin-top: 15px !important;
   }

   .overview .col-md-8 {
      width: 100%
   }

   .overview .col-md-4 {
      width: 100%
   }

   .updated-on .overview-element {
      width: 100%
   }

   .updated-on .overview-element {
      padding-left: 0;
   }

   .nav-next,
   .nav-prev {
      display: none;
   }

   .overview .accordion-body .col-md-4 {
      width: 100%
   }

   .accordion-body p {
      margin-bottom: 10px;
   }

   .chartjs-render-monitor {
      transform: scale(1.2);
      margin-bottom: 10px;
   }

   .chart-circle>div {
      margin-top: 20px;
   }

   .mylistening .col-md-4 {
      width: 100%;

   }

   .overview>div {
      width: 100%;
   }

   .call {
      display: none;
   }

   .redidential .modal.show .modal-dialog {
      max-width: 100%;
      padding: 0;
      margin: 0;
   }

   .redidential .modal-content {
      height: 200px;
   }

   .redidential .modal-content img {
      height: auto;
   }

   .redidential .modal-body {
      padding: 0;
   }

   .fade1 .carousel-control-next-icon i {
      left: 0
   }

   .fade1 .carousel-control-prev-icon i {
      right: 0
   }

   .redidential .modal.show .modal-dialog {
      height: 100%;
   }

   .card-similar:hover h4 a {
      /* color: #1a3668 */
   }

   .sudaif-mobile {
      display: flex;
      justify-content: space-between;
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      background-color: #fff;
      border: 1px solid #f0f3f7;
      box-shadow: 0 3px 14px 0 rgb(7 152 255 / 9%);
      padding: 10px;
      z-index: 105;
      align-items: center;
   }

   .sudaif-mobile>div {
      display: flex;
   }

   .sudaif-mobile .img-sudaif-mobile {
      background-image: url(../images/residentail/10025.jpg);
      width: 40px;
      height: 40px;
      display: inline-block;
      float: left;

      margin-right: 5px;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat
   }

   .sudaif-mobile a {
      font-size: 14px;
      color: #333;
      font-weight: 600;
      text-decoration: none;
   }

   .sudaif-mobile .d-flex {
      align-items: center;
   }

   #myBtns {
      display: none;
   }

   .social-icons-mobile {
      width: 50%
   }

   .social-icons-mobile span {
      color: #fff;
      margin-right: 10px;
      font-size: 17px;
      background: #DDA74F;
      position: relative;
      width: 40px;
      height: 40px;
      line-height: 40px;
      display: inline-block;
      text-align: center;
      border-radius: 2px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .social-icons-mobile i {
      font-size: 17px;
      color: #fff;



   }

   .card-similar h4 {
      height: 56px;
      align-items: center;
      display: flex;

   }

   .card-similar .row {
      flex-direction: column;
   }

}

.card-similar:hover h4 a {
   /* color: #1a3668 !important */
}

.img-media .carousel-item {
   height: 70px !important
}

@media (max-width:1525px) {

   .redidential .modal-body .carousel {
      width: 100%;
   }

   .lightbox {
      display: none;
   }


}

@media (min-width:1525px) {
   .redidential .modal-body .carousel {
      width: 75%;
      background-color: red;
   }

   .modal .carousel-item {}

   .redidential.modal-body {
      display: flex;
   }

   .redidential .modal-body .lightbox {
      background-color: white;
      width: 25%;
      right: 0;
      position: relative;
      padding-right: 15px;
      padding-left: 15px;
      display: flex;
      flex-direction: column
   }

   .lightbox span:first-child {
      margin-top: 4rem !important;
      display: block;
      margin: 0 15px 0 15px;
      line-height: 1.3em;
      color: #222;
      font-size: 26px !important;
      float: left;
      width: auto;
      max-width: 75%;
      letter-spacing: -1px;
      font-weight: 700;
      word-break: break-word
   }

   .lightbox h4 {
      margin-top: 15px;
      margin-left: 15px;
      width: auto;
      margin-bottom: 0;
      box-shadow: none;
      padding: 0 15px 0 0;
      float: left;
      font-size: 18px;
      line-height: 1.3em;
      font-weight: 800;
      color: #222;

   }

   .form-lightbox {
      margin-top: 15px;
      margin-right: 15px;
      margin-left: 15px;
      margin-bottom: 0;
      width: auto;
      padding: 0;
      box-shadow: none;

   }

   .form-lightbox input,
   .form-lightbox textarea {
      margin-bottom: 15px;
      font-size: 13px;
      padding: 9px 0 9px 9px;
      color: #757575;
      border: 1px solid #eee;
      box-shadow: none;
      width: 100%;
   }

}

.content-similar {
   padding: .5rem 1rem;
}

.dropdown .dropdown-menu.show {
   background-color: #fff;
   width: 120px !important;
   font-size: 12px !important;
   padding: 10px !important;
   top: 28px !important;
   z-index: 9 !important;
   box-shadow: none !important;
   margin-top: 7px !important;
   box-shadow: 0 10px 31px 0 rgb(7 152 255 / 9%) !important;
   min-width: 120px !important;
   border-radius: 0 !important;

}

.dropdown .dropdown-item {
   height: auto !important;
   font-size: 13px !important;
   font-weight: 700 !important;
   vertical-align: initial !important;
   line-height: 1em !important;
   width: 100% !important;
   float: left !important;
   text-align: left !important;
   transition: color .3s linear !important;
   border-bottom: 0 !important;
   padding: 5px 10px 5px 3px !important;
   transition: color .3s linear;
}

.dropdown .dropdown-item span {
   color: #222
}

.dropdown .dropdown-item i {
   font-size: 15px !important;
}

.dropdown.dropdown-item:hover,
.dropdown.dropdown-item:hover span,
.dropdown.dropdown-item span:hover,
.dropdown .dropdown-item:hover i {
   color: #1d467a !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
   background-color: transparent !important;
}
.for-sale .labels > div{
   background-color: #DDA74F;
}
#panelsStayOpen-collapseOne5 .btn-primary {
   background-color: #DDA74F!important;
   border:none!important;
   box-shadow: none!important;
   border:1px solid #DDA74F!important;
}
#panelsStayOpen-collapseOne5 .btn-primary:hover {
   background-color: white!important;
   color:#DDA74F!important;
}




.card-similar p,.card-similar h4 a,.card-similar p a , .card-similar .row span{
   color: #fff!important;
}
.card-similar span{
   color: #DDA74F;
   margin-left: 5px;
}
.card-similar .row{
   border-top: 1px solid #DDA74F;
   border-bottom: 1px solid #DDA74F;

}
.card-similar{
   background-color: #111010;
}

.card-similar .for-sale{
   border: 1px solid #DDA74F;
   color: #fff;
   background-color: #111010;
}
.card-similar .for-sale a{
   color: #fff;
   background-color: inherit;
}
.body-forsale{
   background-color: #111010!important;
}
.d-flex img {
   width:10px!important
}

#pagination nav>.hidden div>span .inline-flex{
   margin-right: 5px;
}

.view-map img {
   width:15px
}