@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --primary: #F26522;
  --primary-40: #FFEAE1;
  --grey: #F6F6FA;
  --dark-grey: #1F2122;
  --dark-grey-80: #2F2E2E;
  --light-grey-100: #78797A;
  --light-grey-80: #8F8F95;
  --light-grey-70: #F0F0F2;
  --light-grey-60: #FAFAFB;
  --red: #FF4E4E;
  --white: #FFFFFF;
}

* {
  margin: 0;
  box-sizing: border-box;
}
body {   font-family: "Roboto", sans-serif;}


h2,
.h2 {
  font-size: 26px;
}
img {
  border: none;
  outline: none;
  max-width: 100%;
}
a {
  outline: none;
  text-decoration: none;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  color: #f26522;
}
a:hover {
  color: #191814;
  text-decoration: underline;
}
body a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input[type="submit"] {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
input:focus {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
textarea:focus {
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: "Roboto-Reguler";
  overflow-x: hidden;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
textarea {
  font-family: "Roboto-Reguler";
}
button,
input[type="submit"] {
  cursor: pointer;
}
header,
footer,
nav,
section,
article {
  display: block;
}
header:after,
header:before,
footer:after,
footer:before,
nav:after,
nav:before,
section:after,
section:before,
article:after,
article:before {
  display: table;
  clear: both;
  content: "";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  font-weight: 700;
}
img[src=""] {
  display: none;
}
.col_lg3 {
  display: block;
}
.col_lg3:after,
.col_lg3:before {
  display: table;
  clear: both;
  content: "";
}
.col_lg3 .col1 {
  float: left;
  width: 33.3%;
}
.col_lg4 {
  display: block;
}
.col_lg4:after,
.col_lg4:before {
  display: table;
  clear: both;
  content: "";
}
.col_lg4 .col1 {
  float: left;
  width: 25%;
}
.col_lg5 {
  display: block;
}
.col_lg5:after,
.col_lg5:before {
  display: table;
  clear: both;
  content: "";
}
.col_lg5 .col1 {
  float: left;
  width: 20%;
}
.container {
  width: 1170px;
  margin: 0px auto;
}
.container:after,
.container:before {
  display: table;
  clear: both;
  content: "";
}
.warper {
  display: block;
}
.warper:after,
.warper:before {
  display: table;
  clear: both;
  content: "";
}
.clear {
  clear: both;
}
hr {
  float: left;
  width: 100%;
  border: solid 1px #d9d9d9;
  margin: 22px 0px;
}
.no_margin {
  margin: 0px !important;
}
.no_padding {
  padding: 0px !important;
}
.float_left {
  float: left !important;
}
.float_right {
  float: right !important;
}
.text_align_left {
  text-align: left;
}
.text_align_right {
  text-align: right;
}
.site_content {
  width: 100%;
  padding-bottom: 0px;
}
.site_content:after,
.site_content:before {
  display: table;
  clear: both;
  content: "";
}
.full_row {
  display: block;
}
.full_row:after,
.full_row:before {
  display: table;
  clear: both;
  content: "";
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-collapse: collapse;
  display: table;
  text-align: left;
  border: 1px solid #c9c9c9;
}
table th {
  padding: 10px;
  border-top: 1px solid #c9c9c9;
  text-transform: capitalize;
  background: #f4f4f6;
  border-right: 1px solid #c9c9c9;
}
table tr th:first-child {
  border-radius: 5px 0px 0px 0px;
}
table tr th:last-child {
  border-radius: 0px 5px 0px 0px;
}
table td {
  padding: 10px;
  border-top: 1px solid #c9c9c9;
  border-bottom: 1px solid #c9c9c9;
  border-right: 1px solid #c9c9c9;
  font-size: 14px;
  color: #1b1b1b;
}
table tr:last-child td:first-child {
  border-radius: 0px 0px 0px 5px;
}
table tr:last-child td:last-child {
  border-radius: 0px 0px 5px 0px;
}
/*table tr:last-child td{border-bottom:none;}*/
body table tr:nth-child(even) td {
  background: #fff;
}
body table tr:nth-child(odd) td {
  background: #f7f7f7;
}

@font-face {
  font-family: "Roboto-Reguler";
  src: url("../fonts/901367188-Roboto-Regular.eot");
  src: url("../fonts/901367188-Roboto-Regular.eot?#iefix")
  format("embedded-opentype"),
  url("../fonts/901367188-Roboto-Regular.svg#Roboto") format("svg"),
  url("../fonts/901367188-Roboto-Regular.woff") format("woff"),
  url("../fonts/901367188-Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/447387696-Roboto-Bold.eot");
  src: url("../fonts/447387696-Roboto-Bold.eot?#iefix")
  format("embedded-opentype"),
  url("../fonts/447387696-Roboto-Bold.svg#Roboto") format("svg"),
  url("../fonts/447387696-Roboto-Bold.woff") format("woff"),
  url("../fonts/447387696-Roboto-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/roboto-medium.eot");
  src: url("../fonts/roboto-medium.eot") format("embedded-opentype"),
  url("../fonts/roboto-medium.woff2") format("woff2"),
  url("../fonts/roboto-medium.woff") format("woff"),
  url("../fonts/roboto-medium.ttf") format("truetype"),
  url("../fonts/roboto-medium.svg#RobotoMedium") format("svg");
}

@font-face {
  font-family: "Dosis-Medium";
  src: url("../fonts/Dosis-Medium.eot?") format("eot"),
  url("../fonts/Dosis-Medium.woff") format("woff"),
  url("../fonts/Dosis-Medium.ttf") format("truetype"),
  url("../fonts/Dosis-Medium.svg#Dosis-Medium") format("svg");
}

header {
  /*position:fixed;*/
  left: 0;
  top: 0;
  width: 100%;

  position: relative;
  z-index: 999;
}
header .top-header {
      padding: 15px 0px;
  position: relative;
      z-index: -1;

}
.logo {
  float: left;
  width: 200px;
}
.head_right {
    
    
    flex: 1;
       
}

.advertise_button a {
  display: block;
  height: 40px;
  line-height: 37px;
  font-family: "Roboto-Bold";
  padding: 0px 25px;
  border-radius: 5px;
  font-size: 14px;
  color: #fdfdfd;
  text-transform: capitalize;
  background: url(../images/button_bg.png) no-repeat;
  background-size: 100% 40px;
  outline: none;
  display: inline-flex;
}
body header .advertise_button a {
  display: block;
  height: 40px;
  line-height: 37px;
  font-family: "Roboto-Bold";
  padding: 0px 25px;
  border-radius: 50px;
  font-size: 14px;
  color: #fdfdfd;
  text-transform: capitalize;
  background: linear-gradient(-45deg, #4063d1, #6764c5, #b665aa, #b465aa);
  background-size: 400% 400%;
  -webkit-animation: Gradient 17s ease infinite;
  -moz-animation: Gradient 17s ease infinite;
  animation: Gradient 17s ease infinite;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.login_button{
    display: flex;
    align-items: center;}

.login_button >a {
    background: rgb(242,106,41);
    background: -moz-linear-gradient(left, rgba(242,106,41,1) 0%, rgba(122,58,71,1) 100%);
    background: -webkit-linear-gradient(left, rgba(242,106,41,1) 0%,rgba(122,58,71,1) 100%);
    background: linear-gradient(to right, rgba(242,106,41,1) 0%,rgba(122,58,71,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26a29', endColorstr='#7a3a47',GradientType=1 );
    display: block;
    height: 40px;
    line-height: 37px;
    font-family: "Roboto-Bold";
    padding: 0px 15px;
    border-radius: 50px;
    font-size: 14px;
    color: #fdfdfd;
    text-transform: capitalize;
        min-width: 116px;

}

.login_button > img{ margin-left:10px }
.login_button a:hover {
  color: #fff;
}


.search_button a {
  display: block;
  width: 34px;
}
.language_button a {
  font-size: 16px;
  color: #f26522;
  font-family: "Roboto-Bold";
}
.language_button a:hover {
  color: #fff;
}
.map_section {
  position: absolute;
  left: 0;
  top: 81px;
  width: 100%;
  height: -moz-calc(100% - 166px);
  height: -webkit-calc(100% - 166px);
  height: -o-calc(100% - 166px);
  height: -ms-calc(100% - 166px);
  height: calc(100% - 166px);
}
.map_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.map_form_box {
  position: fixed;
  bottom: 125px;
  left: 0;
  width: 100%;
  z-index: 1;
  } /*#f1b664*/
  .map_form_inner {
    background: url(../images/tr01.png) repeat;
    border: solid 2px #dda761;
    border-radius: 5px;
    padding: 20px;
    display: block;
    width: 100%;
    position: relative;
  }
  .map_form_inner {
    display: block;
  }
  .form_select_box {
    display: block;
  }
  .form_select_box label {
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
    display: block;
    padding-bottom: 7px;
    min-height: 20px;
  }
  .form_select_box select {
    /*background: url(../images/drop_arrow.png) no-repeat right center #fff;*/
    border-radius: 5px;
    font-size: 16px;
    color: #959595;
    padding: 10px;
    border: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
  .expend_button {
    position: absolute;
    right: 5px;
    top: 5px;
  }
  .padding-left {
    padding-left: 0;
  }
  .padding-right {
    padding-right: 0;
  }
  .mr-bottom-20 {
    margin-bottom: 20px;
  }
  .mr-bottom-30 {
    margin-bottom: 30px;
  }
  body .btn-danger {
    display: block;
    line-height: 40px;
    font-family: "Roboto-Bold";
    padding: 0px 25px;
    border-radius: 5px;
    font-size: 16px;
    color: #fdfdfd;
    text-transform: uppercase;
    background: #f26522;
  }
  .btn-danger:hover,
  .btn-danger:focus {
    background: #191814;
  }
/*.modal {
  z-index: 99999999999;
  }*/
  .modal-content .modal-header {
    background: #d2d0d2;
    padding: 20px 25px;
    border-radius: 5px 5px 0 0;
  }
  .modal-content .modal-header h4 {
    font-size: 24px;
    font-family: "Roboto-Bold";
    color: #333;
    text-align: center;
    padding-top: 6px;
  }
  .modal-content .modal-header .close {
    color: #333;
    text-shadow: none;
    font-size: 45px;
    opacity: 1;
  }
  .modal-content .modal-header .close:hover {
    color: #333;
    opacity: 0.8;
  }
  .modal-content .modal-body {
    padding: 0;
  }
  .modal-content .modal-body .login_form {
    padding: 58px 58px 25px 58px;
    border-radius: 0px 0px 5px 5px;
  }
  .login_form .form-control {
    height: 45px;
    padding: 6px 15px;
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    box-shadow: none;
    background-image: none;
  }
  .login_form label {
    font-size: 15px;
    color: #494949;
  }
  .login_form .form-group {
    margin-top: 10px;
  }
  .login_form .forgot {
    margin: 15px 0 35px;
    display: block;
    position: relative;
    z-index: 99;
  }
  .login_form .forgot:after,
  .login_form .forgot:before {
    display: table;
    clear: both;
    content: "";
  }
  .login_form .newUser {
    margin-top: 30px;
  }
  .login_form .newUser a {
    color: #f26522;
    font-size: 18px;
    text-decoration: underline;
    font-family: "RobotoMedium";
  }
  .login_form .forgot a {
    font-size: 18px;
    color: #f26522;
    font-family: "Roboto-Bold";
  }
  .login_form .forgot a:hover,
  .login_form .newUser a:hover {
    color: #191814;
  }
  .login_form h2 {
    font-size: 24px;
    color: #494949;
    font-family: "Roboto-Bold";
    margin-bottom: 15px;
  }
  .login_form h4 {
    font-size: 18px;
    font-family: "Roboto-Bold";
    margin: 20px 0 15px;
  }
  .choose-option ul li {
    display: inline-block;
    width: 20%;
  }
  .modal-content .modal-body .login_form.register {
    padding: 15px 30px 25px 30px;
  }
  .navbar-default {
    min-height: auto;
    border-radius: 0;
    border: 0;
    margin: 10px 0 0;
    background: #f46b34;
    background: -moz-linear-gradient(top, #f46b34 0%, #7d020e 100%);
    background: -webkit-linear-gradient(top, #f46b34 0%, #7d020e 100%);
    background: linear-gradient(to bottom, #f46b34 0%, #7d020e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46b34', endColorstr='#7d020e',GradientType=0);
  }
  .navbar-default .navbar-collapse {
    padding: 0;
  }
  .navbar-default .nav li a {
    color: #fff;
    padding: 9px 25px;
    border-radius: 6px;
    font-size: 17px;
    font-family: "Roboto-Bold";
    text-transform: capitalize;
    font-weight: normal;
  }
  .navbar-default .nav li + li {
    margin-left: 10px;
  }
  .navbar-default .nav li a:hover,
  .navbar-default .nav li a:focus,
  .navbar-default .nav li.active a,
  .navbar-default .nav li.active a:hover {
    background-color: #fff;
    color: #000000;
  }
  .inner_map_section {
    padding-top: 170px;
    position: relative;
  }
  .inner_map_section_background {
    background-color: #efefef;
  }
  .all_inner_part {
    padding: 15px 0 140px;
  }
  .my_account {
    background-color: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    margin: 10px 0 100px;
    border-radius: 5px;
  }
  .my_account h2 {
    font-size: 30px;
    color: #333;
    padding: 16px;
    text-align: center;
    font-family: "Roboto-Bold";
    background: #d2d0d2;
    border-radius: 5px 5px 0px 0px;
  }
  .divForm {
    padding: 30px;
  }
  .divForm .form-control {
    height: 45px;
    padding: 8px 15px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-image: none;
  }
  .divForm label {
    font-size: 18px;
    color: #494949;
  }
  .divForm .form-group {
    margin-top: 10px;
  }
  .divForm .form-control::-webkit-input-placeholder {
    font-size: 18px;
  }
  .divForm .form-control::-moz-placeholder {
    font-size: 18px;
  }
  .divForm .form-control:-ms-input-placeholder {
    font-size: 18px;
  }
  .divForm .form-control:-moz-placeholder {
    font-size: 18px;
  }
  .inner_header {
    border: 0;
  }
  .properties {
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #c7c7c7;
  }
  .properties figure {
    border-radius: 4px;
    overflow: hidden;
    height: 125px;
    position: relative;
  }
  .properties figure img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .property_details {
    position: relative;
  }
  .property_details h3 {
    font-size: 14px;
    color: #262626;
    font-family: "Roboto-Bold";
    padding-right: 42px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
  }
  .property_details h3 span {
    position: absolute;
    right: 0;
    top: 0;
  }
  .property_details h3 span a + a {
    margin-left: 5px;
  }
  .property_details h2 {
    font-size: 22px;
    color: #f26522;
    margin: 6px 0;
  }
  .property_details h4 {
    font-size: 14px;
    color: #747474;
    font-family: "Roboto-Bold";
  }
  .property_details p {
    color: #747474;
    font-size: 13px;
    margin: 0;
  }
  .property_details p span {
    width: 135px;
    display: inline-block;
  }
  .property_details .btn-danger {
    bottom: 0;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0 30px;
    position: absolute;
    right: 0;
    width: auto;
    background: #f26522;
  }
  .property_details .btn-danger:hover {
    background: #191814;
  }
  .property_profile_details {
    padding: 40px; /*padding-bottom: 0;*/
  }
  .property_profile_details .carousel-indicators {
    position: static;
    margin: 20px 0;
    width: 100%;
    text-align: left;
  }
  .property_profile_details .carousel-indicators li {
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: 18.5%;
    box-shadow: none;
    text-indent: 0;
  }
  .property_profile_details .carousel-indicators li.active {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    box-shadow: none;
  }
  .property_profile_details .carousel-indicators li + li {
    margin-left: 1% !important;
  }
  .property_profile_details .left-side p {
    font-size: 16px;
    color: #494949;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
  }
  .property_profile_details .right-side ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .property_profile_details .right-side ul li strong,
  .property_profile_details .right-side ul li span {
    font-size: 14px;
    color: #494949;
  }
  .property_profile_details .carousel-inner .item {
    height: 200px;
    position: relative;
    background: #ececec;
  }
  .property_profile_details .carousel-inner .item img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .home_inner_map_section {
    padding-top: 86px;
  }
  .home_inner_map_section .all_inner_part {
    padding: 26px 0 70px;
  }
  .about-us {
    background-color: #fff;
    padding: 30px 40px 40px;
    position: relative;
    border-radius: 0px 0px 6px 6px;
  }
  .about-us h2 {
    text-align: center;
    font-size: 30px;
    color: #494949;
    margin-bottom: 40px;
    font-family: "Roboto-Bold";
  }
  .about-us p {
    text-align: justify;
    margin-bottom: 30px;
    color: #494949;
  }
  .form_div input[type="text"],
  .form_div select,
  .form_div textarea,
  .form_div .fileType {
    width: 100%;
    border: none;
    padding: 8px 0px;
    border-radius: 4px;
    height: 45px;
    font-size: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color:#000;
  }
  .form_div textarea {
    height: 90px;
    max-width: 100%;
  }
  .mr-bottom-15 {
    margin-bottom: 15px;
  }
  .form_div label {
    font-size: 18px;
    font-weight: normal;
    color: #494949;
  }
  .form_div .input-group-addon {
    padding: 0;
    border: 0;
    padding-left: 20px;
    position: relative;
  }
  .form_div .input-group-addon input[type="file"],
  .form_div .fileType input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  .form_div .input-group-addon a {
    margin: 0;
    height: auto;
    font-size: 16px;
    height: 45px;
    padding: 4px 35px;
    background: #f46b34;
    background: -moz-linear-gradient(top, #f46b34 0%, #7d020e 100%);
    background: -webkit-linear-gradient(top, #f46b34 0%, #7d020e 100%);
    background: linear-gradient(to bottom, #f46b34 0%, #7d020e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46b34', endColorstr='#7d020e',GradientType=0);
  }
  .form_div .input-group-addon a:hover,
  .form_div .input-group-addon a:focus {
    background: #7d020e;
    background: -moz-linear-gradient(top, #7d020e 0%, #f46b34 100%);
    background: -webkit-linear-gradient(top, #7d020e 0%, #f46b34 100%);
    background: linear-gradient(to bottom, #7d020e 0%, #f46b34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d020e', endColorstr='#f46b34',GradientType=0);
  }
  .other_facilities:after,
  .other_facilities:before {
    display: table;
    content: "";
    clear: both;
  }
  .other_facilities {
    margin: 10px 0 0;
  }
  .other_facilities li {
    float: left;
    width: 33.333%;
    margin: 5px 0;
  }
  .other_facilities li label {
    color: rgba(73, 73, 73, 0.4);
  }
  .form_div .fileType {
    position: relative;
  }
  .form_div h4 {
    font-size: 18px;
    margin: 0 0 5px;
  }
  .agreement_details h3 {
    font-size: 24px;
    color: #494949;
    font-family: "Roboto-Bold";
    margin-bottom: 10px;
  }
  .form-checkbox,
  .form-radio {
    display: none;
  }
  .form-checkbox-label,
  .form-radio-label {
    cursor: pointer;
  }
  .form-checkbox-label:before,
  .form-radio-label:before {
    background: url(../images/img_sprite.png) no-repeat scroll 0 0 / cover;
    content: "";
    display: block;
    float: left;
    height: 30px;
    margin-right: 5px;
  }
  .form-checkbox-label:before {
    background-position: 0 0;
    width: 26px;
  }
  .form-checkbox:checked + .form-checkbox-label:before {
    background-position: 0 -38px;
  }
  .check_style .form-checkbox-label:before,
  .form-radio-label:before {
    background: url(../images/img_sprite.png) no-repeat scroll 0 0 / cover;
    content: "";
    display: block;
    float: left;
    height: 26px;
    margin-right: 5px;
  }
  .check_style .form-checkbox-label:before {
    background-position: 0 -86px;
    width: 30px;
  }
  .check_style .form-checkbox:checked + .form-checkbox-label:before {
    background-position: 0 -126px;
  }
  .form_div .check_style .form-checkbox-label:before {
    width: 38px;
    background-position: 0 -112px;
    margin-right: 0;
  }
  .form_div .check_style .form-checkbox:checked + .form-checkbox-label::before {
    background-position: 0 -163px;
  }
  footer {
       background: #343333;
    /*position: fixed;*/
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 75px 0 0;
    z-index: 0;
    margin-bottom: 0px;
    z-index: ;
  }
  .foot_menu {
    float: left;
    padding-left: 40px;
  }
  .foot_menu ul {
    display: inline-block;
  }
  .foot_menu ul li {
    float: left;
    padding: 0px 7px;
  }
  .foot_menu ul li:last-child {
    padding-right: 0;
  }
  .foot_menu ul li a {
    font-size: 14px;
    font-family: "Roboto-Bold";
    color: #fff;
    padding: 0 15px;
    text-transform: none;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    text-transform: capitalize;
  }
  .foot_menu ul li a:hover {
    color: #f26522;
  }
  .foot_menu ul li.contact_us_button a:hover {
    color: #fff;
  }

/*
.inner_footer{position:relative;}
*/

.map-pointer {
  pointer-events: none;
}
.contact-us {
  padding: 40px;
}
.contact-us h2 {
  text-align: left;
  color: #000;
}
.contact-us .contact-info {
  background-color: #191814;
  margin-left: -105px;
  margin-right: 30px;
  min-height: 700px;
  padding: 55px 42px 42px;
}
.contact-us .contact-info h2 {
  color: #fff;
}
.contact-us .contact-form {
  padding: 55px 60px 0 42px;
}
.contact-info .media + .media {
  margin-top: 30px;
}
.contact-info .media .media-left {
  width: 12%;
}
.contact-info .media .media-body h4 {
  color: #fff;
  font-size: 20px;
}
.contact-info .media .media-body p,
.contact-info .media .media-body p a {
  color: #fff;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}
.form_div label.label-text {
  color: rgba(73, 73, 73, 0.4);
}
.input_fields_wrap figure {
  display: block;
  position: relative;
  width: 100%;
  margin: 30px 0 15px;
}
.input_fields_wrap figure input[type="file"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.all_add_box {
  display: inline-block;
  width: 100%;
}
.input_fields_wrap .add_box {
  float: left;
  width: 8%;
  height: 90px;
  border: 1px solid #ddd;
  padding: 8px 12px;
  position: relative;
  background: url(../images/add_more_photo.png) no-repeat center center;
  overflow: hidden;
}
.input_fields_wrap .add_box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.input_fields_wrap .add_box img[id*="mainImage"] {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.input_fields_wrap .add_box + .add_box {
  margin-left: 2%;
}
.input_fields_wrap .add_box input[type="file"] {
  opacity: 0 !important;
  position: absolute !important;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.input_fields_wrap .add_box .remove_field {
  position: absolute;
  left: 0;
  bottom: -20px;
  color: #ee2d34;
  font-size: 12px;
}
.add_field_button {
  position: relative;
  z-index: 999;
}
#map {
  height: 220px !important;
  max-width: 515px !important;
  width: auto !important;
}
.login_button {
  position: relative;
      margin-left: 10px;
  
}
.acoount-hover-list:before {
  content: "";
  border-bottom: solid 10px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 10px;
  top: -10px;
}
.arabicbody .acoount-hover-list:before {
  content: "";
  border-bottom: solid 10px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: auto;
  transform: rotate(0deg);
  right: 10px;
  top: -10px;
}
.acoount-hover-list li {
  display: block;
  border-bottom: solid 1px #eeeeee;
}
.acoount-hover-list li:last-child {
  border-bottom: none;
}
.acoount-hover-list li a {
  padding: 8px 15px;
  display: block;
  transition: 0.3s;
  font-family: "Roboto-Reguler";
  font-size: 14px;
  color: #191814;
  text-transform: capitalize;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.acoount-hover-list li a i {
  width: 30px;
}
.acoount-hover-list li a span {
  padding-left: 10px;
}
.arabicbody .acoount-hover-list li a span {
  padding-left: 0;
  padding-right: 10px;
}

.acoount-hover-list li:first-child a {
  border-radius: 5px 5px 0px 0px;
}
.acoount-hover-list li:last-child a {
  border-radius: 0px 0px 5px 5px;
  align-items: center;
  justify-content: center;
}
.login_button:hover .acoount-hover-list {
  transform: scale(1);
  transform: -moz-scale(1);
  transform: -webkit-scale(1);
  transform: -o-scale(1);
  transform: -ms-scale(1);
}
.acoount-hover-list li a:hover {
  background: #f5f5f5;
  color: #191814;
}
.advertise {
  width: 80%;
  margin: 100px auto;
  padding: 0px;
}
.is-empty is-fileinput figure {
  width: 100% !important;
  margin: 0px;
}
.advertise .form-group {
  margin: 5px 0px;
}
.new-title h2 {
  font-size: 30px;
  color: #fff;
  padding: 16px;
  text-align: center;
  font-family: "Roboto-Bold";
  background: #f46b34;
  background: -moz-linear-gradient(top, #f46b34 0%, #7d020e 100%);
  background: -webkit-linear-gradient(top, #f46b34 0%, #7d020e 100%);
  background: linear-gradient(to bottom, #f46b34 0%, #7d020e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f46b34', endColorstr='#7d020e',GradientType=0);
}
.advertise-box {
  padding: 30px 55px 40px 55px;
}
.advertise-box:after {
  display: table;
  clear: both;
  content: "";
}
.search-filter img {
  width: 20px;
}
.search-filter {
  background: #f26522;
  padding: 10px;
  color: #fff;
  left: 0px;
  right: auto !important;
  position: fixed;
  bottom: 85px;
  top: auto;
}
.search-filter:hover {
  background: #191814;
}
.search-filter a {
  color: #fff;
}
.top-header {
  text-align: center;
}
.top-header .container {
  position: relative;
}

.foot_copyright {
       display: block;
    text-align: center;
    padding-top: 40px;
    width: 100%;
    padding-bottom: 35px;
}
.foot_copyright p {
    font-size: 14px;
    color: rgb(255 255 255 / 47%);
    margin: 0;
}

.foot_copyright p a:hover {
  color: #f26522;
}
.gray-background {
  background-color: #f3f3f3;
}
.inner_page_content {
  display: block;
  background: #efefef;
}
.inner_page_content:after,
.inner_page_content:before {
  display: table;
  clear: both;
  content: "";
}
.breadcrumb_menu {
  display: block;
}
.breadcrumb_menu:after,
.breadcrumb_menu:before {
  display: table;
  clear: both;
  content: "";
}
.breadcrumb_menu ul li {
  float: left;
  padding: 0px 10px;
  background: url(../images/breadcrumb_sap.png) no-repeat right center;
}
.breadcrumb_menu ul li a {
  display: block;
  font-size: 14px;
  color: #474747;
  text-transform: capitalize;
  height: 55px;
  line-height: 55px;
}
.breadcrumb_menu ul li:first-child {
  padding-left: 0;
  padding-right: 15px;
}
.breadcrumb_menu ul li:last-child {
  background: none;
}
.breadcrumb_menu ul li a:hover {
  color: #ff9900;
}
.breadcrumb_menu ul li.active a {
  color: #ff9900;
}
.who_weare_section {
  background: #f3f3f3;
  padding: 30px 0px;
}
.who_we_image {
  display: block;
}
.who_we_image a {
  display: block;
}
.who_we_image a img {
  width: 100%;
  height: auto;
}
.who_we_des {
  display: block;
}
.who_we_des h2 {
  font-size: 32px;
  color: #474747;
  font-weight: normal;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.who_we_top {
  display: block;
  padding-left: 30px;
  border-left: solid 2px #ffffff;
  position: relative;
  margin: 35px 0px;
}
.who_we_top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 45%;
  border-left: solid 10px #fff;
  border-top: solid 7px transparent;
  border-bottom: solid 7px transparent;
}
.who_we_top p {
  font-size: 17px;
  color: #474747;
  line-height: 26px;
}
.who_we_mid {
  display: block;
}
.who_we_mid p {
  font-size: 14px;
  color: #5d5d5d;
  line-height: 24px;
}
.who_we_bottom {
  display: block;
}
.who_we_bottom:after,
.who_we_bottom:before {
  display: table;
  clear: both;
  content: "";
}
.who_we_bottom ul li {
  float: left;
  width: 50%;
  border-bottom: solid 1px #e2e2e2;
  border-right: solid 1px #e2e2e2;
  padding: 10px 0px;
}
.who_we_bottom ul li:nth-child(2) {
  border-right: none;
  padding-left: 30px;
}
.who_we_bottom ul li:nth-child(4) {
  border-right: none;
  border-bottom: none;
  padding-left: 30px;
}
.who_we_bottom ul li:nth-child(3) {
  border-bottom: none;
}
.who_we_bottom ul li i {
  float: left;
}
.who_we_bottom ul li span {
  float: left;
  font-size: 17px;
  color: #474747;
}
.effortless_shopping_section {
  background: #fff;
}
.effortless_shopping_head {
  display: block;
  text-align: center;
  padding: 50px 0px;
}
.effortless_shopping_head h2 {
  font-size: 36px;
  color: #474747;
  font-weight: bold;
}
.effortless_list {
  display: block;
}
.effortless_list ul li {
  display: block;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #e2e2e2;
}
.effortless_list ul li:after,
.effortless_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.effortless_list ul li .effortless_icon {
  float: left;
  width: 130px;
  margin-right: 35px;
}
.effortless_list ul li:last-child {
  border-bottom: none;
}
.effortless_des {
  float: left;
  width: 85%;
  padding-top: 20px;
}
.effortless_des h4 {
  font-size: 20px;
  color: #474747;
  font-weight: bold;
  padding-bottom: 10px;
}
.effortless_des p {
  font-size: 16px;
  color: #5d5d5d;
  line-height: 24px;
}
.selling_markatou_section {
  background: #f3f3f3;
  padding: 55px 0px;
}
.selling_markatou_head {
  display: block;
}
.selling_markatou_head h2 {
  font-size: 30px;
  color: #212121;
  background: url(../images/sap01.png) no-repeat left bottom;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.selling_markatou_top {
  display: block;
}
.selling_markatou_top p {
  font-size: 14px;
  color: #74757a;
}
.selling_markatou_top a {
  color: #0089cd;
}
.customer_service {
  display: block;
  padding-top: 25px;
}
.customer_service h2 {
  font-size: 16px;
  color: #74757a;
  font-weight: bold;
  padding-bottom: 10px;
}
.customer_service p {
  font-size: 14px;
  color: #74757a;
}
.page_title_head {
  display: block;
  text-align: center;
  padding-bottom: 50px;
}
.page_title_head h2 {
  font-size: 40px;
  font-family: "Roboto-Bold";
}
.mapstartdiv {
  position: relative;
  border: solid 2px #af2b1e;
  border-radius: 4px;
  width: 304px;
  height: 170px;
}
.mapstartdiv .carousel .item img {
  width: 100%;
  height: 168px;
  object-fit: cover;
}
.gm-style-iw .gm-style-iw-d {
  overflow: auto !important;
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.mapstartdiv .carousel .carousel-indicators {
  display: none;
}
.mapstartdiv .carousel-control {
  z-index: 99;
}
.map-project-div{
  color: #fff;
  min-width: 130px;
  text-align: center;
}
.map-project-div span {
    color: #000;
    padding: 5px;
    width: calc(100% - 15px);
    display: inline-block;
}
.map-project-title{
  background: #f26423;
  padding: 5px;
  position: relative;
  width: 80%;
  color: #fff;
  left: 0;
  top: 20px;
  display: block;
  margin: auto;
}
.map-project-image{
  width: 70px;
  height: 100px;
  border-radius: 2%;
  margin-top:13px;
}
.gm-style-iw-d .maptext {
  padding: 25px !important;
}
.gm-style .gm-style-iw-t:after {
  transform: none !important;
  background: none !important;
  box-shadow: none !important;
  border-top: solid 8px #fff;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  z-index: 999;
  top: 8px !important;
  left: -8px !important;
}
.mapstartdiv .left span {
  background: url(../images/left_arrow.png) no-repeat center center !important;
  width: 30px;
  height: 30px !important;
  background-size: 30px 30px !important;
  position: absolute;
  left: 20px;
  top: 42%;
  z-index: 9;
}
.mapstartdiv .right span {
  background: url(../images/right_arrow.png) no-repeat center center !important;
  width: 30px;
  height: 30px !important;
  background-size: 30px 30px !important;
  position: absolute;
  right: 20px;
  top: 42%;
  z-index: 9;
}
.mapstartdiv .carousel-control {
  opacity: 1 !important;
}
.mapstartdiv .carousel .carousel-control {
  width: 50px;
  height: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.heart_icon_span {
  position: absolute;
  right: 10px;
  top: 10px;
}



  .logo {
    margin-left: 0px;
  }
  #contactUs .modal-dialog {
    width: 55% !important;
  }
  .contact-us .contact-form {
    padding: 0px;
  }
  .contact-us .contact-form .form-group {
    margin: 0px;
  }
  .contact-us .contact-info {
    min-height: 547px;
  }
  .map_box_bg .form-group {
    margin: 0;
    padding: 0;
  }
  body .map_box_bg #pac-container {
    padding-bottom: 0;
  }
  .property_profile_details .right-side.two_coulm_list ul li {
    float: left;
    width: 50%;
  }
  .right-side {
    display: block;
  }
  .right-side:after,
  .right-side:before {
    display: table;
    clear: both;
    content: "";
  }
  .information_head > h2 {
    font-size: 20px;
  }
  .information_head {
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .property_profile_details .right-side ul li .col-sm-4 {
    width: 35%;
  }
  .property_profile_details .right-side ul li .col-sm-8 {
    width: 65%;
  }
  .full_address_bg {
    display: block;
  }
  .full_address_bg:after,
  .full_address_bg:before {
    display: table;
    clear: both;
    content: "";
  }
  .full_address_row {
    display: block;
    margin-bottom: 10px;
  }
  .full_address_row:after,
  .full_address_row:before {
    display: table;
    clear: both;
    content: "";
  }
  .full_address_bg ul li {
    float: left;
    width: 48%;
  }
  .full_address_bg ul li:nth-child(even) {
    float: right;
  }
  .full_address_row label {
    display: block;
    font-size: 14px;
    color: #333;
  }
  .full_address_row input {
    border: none;
    border-bottom: solid 1px #d2d2d2;
    font-size: 14px;
    color: #333;
    padding: 5px 0px;
  }
  .inner_page_content_bg {
    display: block; /*padding-top:86px;*/
  }
  .central_western_box {
    background: #fafafa;
    border-radius: 7px;
    margin-bottom: 25px;
  }
  .central_western_box:last-child {
    margin-bottom: 0;
  }
  .central_western_region_list {
    padding: 35px 0px;
  }
  .central_western_box_head {
    display: block;
  }
  .central_western_box_head h2 {
    font-size: 18px;
    border-radius: 5px 5px 0px 0px;
    position: relative;
    padding: 0px 15px 0px 15px;
    color: #333;
    text-transform: capitalize;
    background: #d2d0d2; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e15b2e', endColorstr='#941615',GradientType=0 ); /* IE6-9 */
  }
  .central_western_box_head h2:before {
    content: "";
    width: 45px;
    height: 17px;
    background: url(../images/arrow_img1.png) no-repeat;
    position: absolute;
    left: 0;
    top: 16px;
  }
  .central_western_content {
    display: block;
    padding: 0px 15px;
  }
  .central_western_content:after,
  .central_western_content:before {
    display: table;
    clear: both;
    content: "";
  }
  .central_western_content .central_western_list {
    float: left;
    width: 80%;
    border-right: solid 1px #e4e0e0;
  }
  .central_western_list {
    display: block;
  }
  .central_western_list ul li {
    display: block;
    border-bottom: solid 1px #e4e0e0;
    padding: 0px 0px 0px 0px;
    position: relative;
    display: flex;
  }
  .central_western_list ul li:before {
    content: "";
    width: 16px;
    height: 16px;
    background: #f26522;
    position: absolute;
    left: 0;
    top: 17px;
  }
  .central_western_list ul li:after,
  .central_western_list ul li:before {
    display: table;
    clear: both;
    content: "";
  }
  /*.central_western_list ul li:last-child{border-bottom:none;}*/
  .central_western_list ul li h3 {
    font-size: 20px;
    color: #000000;
    font-family: "Roboto-Bold";
    padding-bottom: 10px;
  }
  .central_western_list ul li p {
    margin: 0;
  }
  .central_western_list ul li h3 sub {
    font-size: 12px;
    color: #000000;
    font-weight: normal;
    font-family: "Roboto-Reguler";
  }
  .subject_announcements_postbg {
    display: block;
    padding: 35px 0px;
    overflow: auto;
  }
  .subject_announcements_postbg:after,
  .subject_announcements_postbg:before {
    display: table;
    clear: both;
    content: "";
  }
  .subject_announcements_head {
    display: block;
    border-radius: 5px 5px 0px 0px;
    background: #e15b2e; /* Old browsers */
    background: -moz-linear-gradient(
      top,
      #e15b2e 0%,
      #941615 100%
      ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
      top,
      #e15b2e 0%,
      #941615 100%
      ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
      to bottom,
      #e15b2e 0%,
      #941615 100%
      ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e15b2e', endColorstr='#941615',GradientType=0 ); /* IE6-9 */
  }
  .subject_announcements_head:after,
  .subject_announcements_head:before {
    display: table;
    clear: both;
    content: "";
  }
  .subject_announcements_head ul li {
    float: left;
    font-size: 18px;
    color: #ffffff;
    font-family: "Roboto-Bold";
    padding: 15px;
    width: 60%;
  }
  .subject_announcements_head ul li:first-child {
    width: 20%;
    text-align: center;
  }
  .subject_announcements_head ul li:last-child {
    width: 20%;
  }
  .subject_announcements_list {
    display: block;
    background: #fafafa;
  }
  .subject_announcements_list:after,
  .subject_announcements_list:before {
    display: table;
    clear: both;
    content: "";
  }
  .subject_announcements_list ul li {
    display: block;
    border-bottom: solid 1px #dadada;
  }
  .subject_announcements_list ul li:after,
  .subject_announcements_list ul li:before {
    display: table;
    clear: both;
    content: "";
  }
  .subject_announcements_list ul li:last-child {
    border-bottom: none;
  }
  .subject_box {
    font-size: 15px;
    color: #000000;
    width: 108px;
    text-align: center;
  }
  .announcements_box h4 {
    font-size: 15px;
    color: #000000;
    font-family: "Roboto-Bold";
  }
  .announcements_box p {
    font-size: 13px;
    color: #000000;
  }
  .last_post {
    min-width: 150px;
  }
  .last_post span {
    display: block;
    font-size: 14px;
    color: #000000;
  }
  .last_post h5 {
    font-size: 14px;
    color: #000000;
    margin: 0;
    padding: 0;
  }
  .last_post a {
    color: #931515;
    font-style: italic;
  }
  .staircase_apartments_bg {
    display: block;
    background: #fafafa;
    margin: 35px 0px;
    padding: 20px;
    border-radius: 5px;
  }
  .staircase_apartments_bg .h2 {
    font-size: 34px;
    color: #f26522;
    font-family: "Roboto-Bold";
    padding-bottom: 10px;
  }
/*.staircase_apartments_bg h2{font-size:34px; color:#901314; font-family:"Roboto-Bold"; padding-bottom:10px;} 
.staircase_apartments_bg span{font-size:14px; color:#000000;}*/
.staircase_apartments_des {
  display: block;
}
.staircase_apartments_des p {
  font-size: 14px;
  color: #000000;
  margin: 0;
}
.staircase_apartments_des p strong {
  font-weight: normal;
  font-family: "Roboto-Bold";
}
.staircase_apartments_des h5 {
  font-size: 16px;
  color: #000000;
  font-family: "Roboto-Bold";
  padding: 10px 0px;
}
.staircase_image_list {
  display: block;
  margin: 25px 0px;
}
.staircase_image_list:after,
.staircase_image_list:before {
  display: table;
  clear: both;
  content: "";
}
.staircase_image_list ul li {
  float: left;
  margin-right: 15px;
  width: 24%;
}
.staircase_image_list ul li:last-child {
  margin-right: 0;
}
.staircase_image_list ul li a {
  display: block;
  width: 100%;
  height: 175px;
  border-radius: 4px;
  overflow: hidden;
}
.staircase_image_list ul li a img {
  width: 100%;
  height: auto;
}
.notification_list {
  display: block;
  border-top: solid 1px #e5e5e5;
}
.notification_list ul li {
  display: block;
  padding: 15px 0px;
  border-bottom: solid 1px #e5e5e5;
}
.notification_list ul li:after,
.notification_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.notification_list ul li figure {
  float: left;
  width: 36px;
}
.notification_list ul li figcaption {
  float: left;
  width: 90%;
  font-size: 14px;
  color: #000000;
  padding-left: 15px;
  padding-top: 7px;
}
.comment_box {
  display: block;
  border-bottom: solid 1px #e5e5e5;
}
.comment_box:after,
.comment_box:before {
  display: table;
  clear: both;
  content: "";
}
.comment_message_box {
  float: left;
  width: 70%;
  border: 1px solid;
  border-radius: 5px;
}
.comment_message_box textarea {
  border: none;
  font-size: 14px;
  color: #000000;
  width: 100%;
  padding: 5px;
  resize: none;
}
.send_button {
  float: right;
  margin-top: 20px;
}
.send_button input {
  height: 31px;
  border: none;
  padding: 0px 15px;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  border: none;
  background: #f26522;
}
.send_button input:hover {
  background: #191814;
}
.action_post {
  min-width: 140px;
}
body .cke_chrome {
  float: none;
}
body.arabicbody {
  direction: rtl;
}
/*body.arabicbody .form_select_box select{background-position:left;background-position-x:6px;}*/
body.arabicbody .contact-us h2 {
  text-align: right;
}
body.arabicbody .about-us .col-sm-6 {
  float: right;
}
/*body.arabicbody button.close{float:left;}*/
body.arabicbody .modal-header > h3 {
  left: 15px;
}
body.arabicbody .map_form_inner .col-md-2 {
  float: right;
}
body.arabicbody .expend_button {
  left: 5px;
  right: auto;
}
body.arabicbody .login_form .col-sm-6 {
  float: right;
}
body.arabicbody .properties .col-sm-5 {
  float: right;
}
body.arabicbody .properties .col-sm-7 {
  float: right;
  padding-left: 10px;
  padding-right: 0px;
}
body.arabicbody .property_profile_details .right-side ul li .col-sm-2 {
  float: right;
}
body.arabicbody .property_profile_details .right-side ul li .col-sm-10 {
  float: right;
}
body.arabicbody
.property_profile_details
.right-side.two_coulm_list
ul
li
.col-sm-4,
body.arabicbody
.property_profile_details
.right-side.two_coulm_list
ul
li
.col-sm-8 {
  float: right;
}
body.arabicbody .check_style .form-checkbox-label::before,
body.arabicbody .form-radio-label::before {
  float: right;
  margin-left: 5px;
  margin-right: 0px;
}
body.arabicbody .maptext .map_text_left,
body.arabicbody .maptext .map_text_right {
  float: right;
}
body.arabicbody .acoount-hover-list {
  text-align: right;
  right: 3px;
}
body.arabicbody .property_details .btn-danger {
  left: 0;
  right: auto;
}
body.arabicbody .property_details h3 span {
  left: 0;
  right: auto;
}
body.arabicbody .property_details h3 {
  padding-left: 42px;
  padding-right: 0px;
}
body.arabicbody .news_comments .form-group .col-md-1 {
  float: right;
}
body.arabicbody .news-arb-btn .col-md-9 {
  float: right;
}
body.arabicbody .flag_btn .dropdown-menu > li > a {
  text-align: right;
}
#QuoteOfTheDay_modal .modal-content {
  border-radius: 20px;
  overflow: hidden;
}
.new-accordion .card-body {
  padding-top: 0px;
  border-top: 1px solid #ccc;
}
.new-accordion .card {
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
.new-accordion .card-header h5 a {
  color: #921515;
  position: relative;
  font-size: 14px;
  display: block;
  background: url(../images/arw2.png) no-repeat;
  background-size: 40px;
  background-position: right;
  padding: 15px;
}
.new-accordion .card-header h5 a.collapsed {
  display: block;
  background: url(../images/arw.png) no-repeat;
  background-size: 40px;
  background-position: right;
}
body.arabicbody .new-accordion .card-header h5 a {
  display: block;
  background: url(../images/arw2.png) no-repeat;
  background-size: 40px;
  background-position: left;
  padding: 10px;
}
body.arabicbody .new-accordion .card-header h5 a.collapsed {
  display: block;
  background: url(../images/arw.png) no-repeat;
  background-size: 40px;
  background-position: left;
  padding: 10px;
}
.new-accordion .card-header h5 a span {
  position: absolute;
  width: 98%;
  text-align: center;
  font-weight: bold;
  color: #333;
}
.ContainerMinHeight {
  min-height: 750px;
}
.graph_content_bg {
  display: block;
  padding-bottom: 45px;
}
.graph_box_head {
  display: block;
  padding: 20px 0px;
}
.graph_box_head h2 {
  font-size: 30px;
  color: #464646;
  font-family: "Roboto-Bold";
  text-transform: capitalize;
  text-align: center;
}
.graph_content {
  background: #ffffff;
}
.filter_box1 {
  display: flex;
}
.filter_box1:after,
.filter_box1:before {
  display: table;
  clear: both;
  content: "";
}
.filter_left {
  padding: 15px 15px 0px 15px;
}

.filter_left h2 {
  font-size: 18px;
  color: #a5251b;
  padding-top: 15px;
  font-family: "Roboto-Bold";
  padding-bottom: 10px;
}
.filter_select_list {
  display: block;
}
.filter_select_list ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.filter_select_list ul li {
  display: block;
  margin-bottom: 0px;
  flex: 176px;
  max-width: 176px;
  margin-right: 20px;
}
.filter_select_list ul li:last-child {
  margin-right: 0;
}
.filter_select_list ul li select {
  display: block;
  width: 100%;
  background: url(../images/select_arrow.png) no-repeat right center #efefef;
  height: 37px;
  border-radius: 4px;
  font-size: 14px;
  color: #000000;
  border: none;
  padding: 0px 10px;
  float: none;
  border-radius: 50px;
}
.filter_right {
  width: 100%;
}
.properties_space_box {
  display: block;
}
.properties_space_box:after,
.properties_space_box:before {
  display: table;
  clear: both;
  content: "";
}
.properties_space_box {
  display: block;
  overflow: auto;
  padding: 15px;
}
.properties_space_box table {
  width: none;
  border: solid 1px #e4e0e0;
}
.properties_space_box table tr th {
  background: #efefef;
  font-family: "Roboto-Bold";
  font-size: 18px;
  color: #f26522;
  font-weight: normal;
  text-align: center;
}
.properties_space_box table tr th:first-child {
  border-right: none;
}
.properties_space_box table tr td {
  font-size: 14px;
  color: #000000;
  width: 33.3%;
  text-align: center;
  font-weight: normal;
}
.filter_box2 {
  display: block;
  margin: 15px 0px;
}
.filter_box2:after,
.filter_box2:before {
  display: table;
  clear: both;
  content: "";
}
.filter_box2 ul {
  display: flex;
}

.filter_box2 ul li {
  margin-right: auto;
  margin-right: 15px;
  width: 49%;
  background: #fff;
  border-radius: 4px;
  padding: 15px;
}
.filter_box2 ul li:last-child {
  margin-right: 0;
  margin-left: auto;
}
.filter2_head {
  display: block;
}
.filter2_head h3 {
  font-size: 18px;
  color: #a5251b;
  font-family: "Roboto-Bold";
  padding-bottom: 10px;
}
.filter_select_list {
  display: block;
}
.filter_select_list:after,
.filter_select_list:before {
  display: table;
  clear: both;
  content: "";
}
.filter_select_list select {
  float: left;
  width: 31%;
  margin-right: 10px;
  height: 37px;
  background: url(../images/select_arrow.png) no-repeat right center #efefef;
  font-size: 12px;
  color: #000000;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding-right: 20px;
  border-radius: 50px;
  padding-left: 10px;
}
.filter_select_list .input:last-child select {
  margin-right: 0px;
}
.sold_rented_box {
  display: block;
  padding: 50px 0px;
}
.sold_rented_box table {
  width: 100%;
}
.filter_content {
  min-height: 250px;
}
.filter_box3 {
  display: block;
  background: #ffffff;
  margin-top: 20px;
  position: relative;
  padding: 15px;
  border-radius: 4px;
}
.filter_box3:after,
.filter_box3:before {
  display: table;
  clear: both;
  content: "";
}
.filter_box3:before {
  width: 100%;
  height: 2px;
  background: #f8f7f7;
  position: absolute;
  top: -10px;
  left: 0;
}
.filter3_head {
  display: block;
}
.filter3_head h3 {
  font-size: 18px;
  color: #a5251b;
  padding-bottom: 10px;
  font-family: "Roboto-Bold";
}
.user_visitors_box {
  display: block;
  margin-bottom: 15px;
}
.user_visitors_box:after,
.user_visitors_box:before {
  display: table;
  clear: both;
  content: "";
}
.daily_select_box {
  float: left;
}
.daily_select_box select {
  background: url(../images/select_arrow.png) no-repeat right center #efefef;
  font-size: 14px;
  color: #000000;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  padding-right: 20px;
  width: 189px;
  height: 37px;
  border-radius: 50px;
  padding-left: 10px;
}
.user_visitors_count {
  float: right;
}
.user_visitors_count ul li {
  float: left;
  margin-right: 10px;
}
.user_visitors_count ul li a {
  font-size: 16px;
  color: #ffffff;
  font-family: "RobotoMedium";
  height: 37px;
  line-height: 37px;
  border-radius: 50px;
}
.user_visitors_count a {
  display: block;
  width: 149px;
  height: 37px;
  background: #191919;
  font-size: 16px;
  color: #ffffff;
  font-family: "RobotoMedium";
  text-align: center;
}
.user_visitors_count .visitors a {
  background: #f26522;
}
.user_visitors_count .count input {
  width: 149px;
  height: 37px;
  border: solid 1px #e4e0e0;
  text-align: center;
  border-radius: 50px;
}
.filter3_graph {
  display: block;
}
.filter3_graph img {
  width: 100%;
}
.subject_announcements_postbg table {
  border: none;
}
.subject_announcements_postbg tr th {
  color: #464646;
  border: none;
  font-weight: normal;
  font-family: "Roboto-Bold";
  font-size: 18px;
  background: #d2d0d2;
}
.subject_announcements_postbg tr td {
  background: #fafafa;
  border-bottom: solid 1px #dadada;
}
.filter_box1_coulm1 {
  flex: 0 0 64%;
  margin-right: auto;
  max-width: 64%;
  background: #fff;
  border-radius: 4px;
}
.filter_box1_coulm2 {
  flex: 0 0 33.3%;
  margin-left: auto;
  max-width: 33.3%;
  background: #fff;
  border-radius: 4px;
  padding: 15px;
}
.filter_box1_coulm2 .sold_rented_box {
  padding: 0px 0 23px 0px;
}
.filter_box1_coulm2 .filter_content {
  min-height: 100px;
}
.quoteperday {
  padding: 30px 60px;
}
.quoteperday blockquote:after {
  content: "";
  width: 40px;
  height: 35px;
  background: url(../images/rightQ.png);
  position: absolute;
  background-size: 98%;
  margin-left: 10px;
  bottom: 0px;
  right: -35px;
}
.quoteperday blockquote:before {
  content: "";
  width: 40px;
  height: 35px;
  background: url(../images/leftQ.png);
  position: absolute;
  background-size: 98%;
  left: -40px;
  top: 5px;
}
.quoteperday blockquote {
  text-align: center;
  position: relative;
  border: none;
}
.arabicbody .bootstrap-select.btn-group .btn .caret {
  right: auto;
  left: 12px;
}
.arabicbody .bootstrap-select.btn-group .btn .filter-option {
  text-align: right;
}
.maptext .map_text_left {
  position: relative;
  z-index: 9;
}
.maptext .map_text_right {
  position: relative;
  z-index: 9;
}
.mapstartdiv .new_add {
  position: absolute;
  top: 0;
  left: 0;
}
.maptext:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url(../images/black_tr.png) no-repeat;
  height: 128px;
}
.map_form_head {
  position: absolute;
  left: -10px;
  top: -78px;
}
.map_form_head h5 {
  background: url(../images/title_sap.png) no-repeat;
  width: 204px;
  height: 76px;
  padding-top: 27px;
  padding-left: 35px;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.central_western_list ul li .reply_left_box {
  float: left;
  width: 400px;
  padding: 15px 0 15px 30px;
  border-right: solid 1px #e4e0e0;
}
.central_western_list ul li .reply_right_box {
  float: left;
  width: 314px;
  padding: 15px;
}
.central_western_box_head h2:after {
  display: table;
  clear: both;
  content: "";
}
.central_western_box_head h2 span {
  position: relative;
}
.central_western_box_head h2 span:first-child {
  float: left;
  width: 400px;
  position: relative;
  padding-left: 45px;
}
.central_western_box_head h2 span:after {
  content: "";
  width: 1px;
  height: 49px;
  background: #b1b1b1;
  position: absolute;
  right: 0;
  top: -15px;
}
.central_western_box_head h2 span:nth-child(2) {
  float: left;
  padding-left: 20px;
  width: 315px;
}
.central_western_box_head h2 span:nth-child(3) {
  float: left;
  padding-left: 20px;
  width: 250px;
}
.central_western_box_head h2 span:nth-child(4) {
  float: left;
  padding-left: 20px;
  width: 190px;
}
.central_western_box_head h2 span:nth-child(4):after {
  content: none;
}
.topic_box {
  float: left;
  border-left: solid 1px #e4e0e0;
  padding: 15px;
  width: 250px;
}
.topic_box span {
  font-size: 14px;
  color: #333;
}
.replies_box {
  float: left;
  border-left: solid 1px #e4e0e0;
  padding: 15px;
  width: 190px;
}
.replies_box span {
  font-size: 14px;
  color: #333;
}
.central_western_list ul li h3:after {
  display: table;
  clear: both;
  content: "";
}
.central_western_list ul li h3 a {
  float: left;
  min-width: 30%;
  color: #333;
}
.central_western_list ul li h3 {
  padding-bottom: 0px;
}
.central_western_list ul li h3 .reply-user {
  float: right;
  font-size: 16px;
  text-align: right;
}
.reply-user span {
  font-size: 14px;
  font-weight: normal !important;
  font-family: "Roboto-Reguler";
  display: inline-block;
  padding-right: 10px;
}
.reply-user a {
  float: none !important;
  display: block;
  width: 100% !important;
}
.central_western_list ul li h3 {
  font-size: 18px;
}
.central_western_box_head h2 span {
  font-size: 17px;
}
.arabicbody .central_western_box_head h2 span:first-child {
  float: right;
  padding-right: 43px;
  width: 29%;
}
.arabicbody .central_western_box_head h2 span:last-child {
  float: left;
}
.arabicbody .central_western_list ul li .reply_left_box {
  text-align: right;
  float: right;
  border-left: 1px solid #e4e0e0;
  padding: 20px;
  border-right: none;
  width: 317px;
}
.arabicbody .central_western_list ul li .reply_right_box {
  float: right;
  text-align: left;
  width: 314px;
  text-align: right;
}
.arabicbody .central_western_list ul li:before {
  left: auto;
  right: 7px;
}
.arabicbody .central_western_box_head h2:before {
  left: auto;
  right: 15px;
}
.arabicbody .central_western_list ul li h3 a {
  float: right;
  color: #333;
}
.arabicbody .central_western_list ul li {
  padding-left: 0;
}
.arabicbody .central_western_box_head h2 {
  padding-left: 15px;
}
.arabicbody .map_form_head {
  left: auto;
  right: -10px;
}
.arabicbody .map_form_head h5 {
  background: url(../images/title_sap2.png) no-repeat;
  padding-left: 0;
  padding-right: 45px;
}
.arabicbody table tr th:last-child {
  border-radius: 5px 0 0;
}
.arabicbody table tr th:first-child {
  border-radius: 0 5px 0 0;
}
.arabicbody table tr:last-child td:last-child {
  border-radius: 0 0 0 5px;
}
.arabicbody table tr:last-child td:first-child {
  border-radius: 0 0 5px;
}
.arabicbody .values_vision_des h2 span:before {
  left: -190px;
}
body.arabicbody .faq_section .panel-heading a {
  padding: 15px 35px 15px 15px;
}
body.arabicbody .faq_section .panel-heading a:after {
  right: auto;
  left: 10px;
}
body.arabicbody .faq_section .panel-heading a:before {
  left: auto;
  right: 10px;
}
body.arabicbody .happy_clients_section .carousel-indicators {
  left: 0;
  width: 100%;
}
body .modal {
  overflow: auto;
}
.btn.btn-danger,
.btn.btn-danger.active,
.navbar .navbar-nav > li > a.btn.btn-danger,
.navbar .navbar-nav > li > a.btn.btn-danger.active,
.open > .btn.btn-danger.dropdown-toggle,
.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle {
  background: #f26522;
  border: none;
  box-shadow: none;
  color: #fff;
}

.btn.btn-danger.active:focus,
.btn.btn-danger.active:hover,
.btn.btn-danger:active,
.btn.btn-danger:active:focus,
.btn.btn-danger:active:hover,
.btn.btn-danger:focus,
.btn.btn-danger:hover,
.navbar .navbar-nav > li > a.btn.btn-danger.active:focus,
.navbar .navbar-nav > li > a.btn.btn-danger.active:hover,
.navbar .navbar-nav > li > a.btn.btn-danger:active,
.navbar .navbar-nav > li > a.btn.btn-danger:active:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:active:hover,
.navbar .navbar-nav > li > a.btn.btn-danger:focus,
.navbar .navbar-nav > li > a.btn.btn-danger:hover,
.open > .btn.btn-danger.dropdown-toggle:focus,
.open > .btn.btn-danger.dropdown-toggle:hover,
.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:focus,
.open > .navbar .navbar-nav > li > a.btn.btn-danger.dropdown-toggle:hover {
  background: #41254b;
  border: none;
  box-shadow: none;
  color: #fff;
}
body .Social {
  background: #f26522;
}
body .about_tumb {
  border: 3px solid #f26522;
}
.login_form label a {
  color: #f26522;
}
.login_form label a:hover {
  color: #191814;
  text-decoration: underline;
}
body .dropdown-menu > li > a {
  color: #191814 !important;
}
body .dropdown-menu > li > a:hover {
  background: #41254b !important;
}
body .dropdown-menu > li.selected > a {
  background: #41254b !important;
  color: #fff !important;
}
body .dropdown-menu > li.selected > a span {
  color: #fff !important;
}
body .input_fields_wrap .add_box .remove_field_edit {
  color: #f26522;
}
.Agreement_text a {
  color: #f26522;
}
.Agreement_text a:hover {
  color: #191814;
  text-decoration: underline;
}
.btn.btn-success,
.btn.btn-success.active,
.navbar .navbar-nav > li > a.btn.btn-success,
.navbar .navbar-nav > li > a.btn.btn-success.active,
.open > .btn.btn-success.dropdown-toggle,
.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle {
  background: #f26522;
  border: solid 1px #f26522;
}
.btn.btn-success.active:focus,
.btn.btn-success.active:hover,
.btn.btn-success:active,
.btn.btn-success:active:focus,
.btn.btn-success:active:hover,
.btn.btn-success:focus,
.btn.btn-success:hover,
.navbar .navbar-nav > li > a.btn.btn-success.active:focus,
.navbar .navbar-nav > li > a.btn.btn-success.active:hover,
.navbar .navbar-nav > li > a.btn.btn-success:active,
.navbar .navbar-nav > li > a.btn.btn-success:active:focus,
.navbar .navbar-nav > li > a.btn.btn-success:active:hover,
.navbar .navbar-nav > li > a.btn.btn-success:focus,
.navbar .navbar-nav > li > a.btn.btn-success:hover,
.open > .btn.btn-success.dropdown-toggle:focus,
.open > .btn.btn-success.dropdown-toggle:hover,
.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:focus,
.open > .navbar .navbar-nav > li > a.btn.btn-success.dropdown-toggle:hover {
  background: #191814;
  border: solid 1px #191814;
}
.btn,
.btn.active,
.btn.btn-default,
.btn.btn-default.active,
.navbar .navbar-nav > li > a.btn,
.navbar .navbar-nav > li > a.btn.active,
.navbar .navbar-nav > li > a.btn.btn-default,
.navbar .navbar-nav > li > a.btn.btn-default.active,
.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle,
.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle {
  background: #41254b;
  border: solid 1px #41254b;
}
.btn.active:focus,
.btn.active:hover,
.btn.btn-default.active:focus,
.btn.btn-default.active:hover,
.btn.btn-default:active,
.btn.btn-default:active:focus,
.btn.btn-default:active:hover,
.btn.btn-default:focus,
.btn.btn-default:hover,
.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.navbar .navbar-nav > li > a.btn.active:focus,
.navbar .navbar-nav > li > a.btn.active:hover,
.navbar .navbar-nav > li > a.btn.btn-default.active:focus,
.navbar .navbar-nav > li > a.btn.btn-default.active:hover,
.navbar .navbar-nav > li > a.btn.btn-default:active,
.navbar .navbar-nav > li > a.btn.btn-default:active:focus,
.navbar .navbar-nav > li > a.btn.btn-default:active:hover,
.navbar .navbar-nav > li > a.btn.btn-default:focus,
.navbar .navbar-nav > li > a.btn.btn-default:hover,
.navbar .navbar-nav > li > a.btn:active,
.navbar .navbar-nav > li > a.btn:active:focus,
.navbar .navbar-nav > li > a.btn:active:hover,
.navbar .navbar-nav > li > a.btn:focus,
.navbar .navbar-nav > li > a.btn:hover,
.open > .btn.btn-default.dropdown-toggle,
.open > .btn.btn-default.dropdown-toggle:focus,
.open > .btn.btn-default.dropdown-toggle:hover,
.open > .btn.dropdown-toggle,
.open > .btn.dropdown-toggle:focus,
.open > .btn.dropdown-toggle:hover,
.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:focus,
.open > .navbar .navbar-nav > li > a.btn.btn-default.dropdown-toggle:hover,
.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:focus,
.open > .navbar .navbar-nav > li > a.btn.dropdown-toggle:hover {
  background: #41254b;
  border: none;
  color: #fff;
}

.header_menu ul li {
  float: left;
  position: relative;
}
.header_menu ul li a {
  padding: 10px 15px; /*border-right:solid 2px #fff;*/
}
.header_menu ul li:first-child a {
  border-right: none;
}
.header_menu ul li:first-child a i {
  position: relative;
  top: -5px;
}
/*
.header_menu ul li ul{position:absolute; top:0; left:0; background:#fff;}
*/
.header_menu ul li ul li {
  padding: 0;
  float: none;
  display: block;
  border-right: none;
}
.header_menu ul li ul li a {
  font-family: "Roboto-Reguler";
  font-weight: normal;
  font-size: 14px;
  color: #191814;
  text-transform: capitalize;
}
.header_menu ul li:hover ul {
  transform: scale(1);
  transform: -moz-scale(1);
  transform: -webkit-scale(1);
  transform: -o-scale(1);
  transform: -ms-scale(1);
}
.header_menu ul li ul li {
  position: relative;
}
.header_menu ul li ul li ul.acoount-hover-list {
  position: absolute;
  z-index: 99;
  background: #fff;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  width: 300px;
  left: 200px;
  top: 0px;
  transition: 0.3s;
  text-align: left;
  border-radius: 5px;
  transform: scale(0);
  transform: -moz-scale(0);
  transform: -webkit-scale(0);
  transform: -o-scale(0);
  transform: -ms-scale(0);
}
.acoount-hover-list:before {
  content: "";
  border-bottom: solid 10px transparent;
  border-right: solid 10px #fff;
  border-bottom: solid 10px transparent;
  position: absolute;
  left: 12px;
  top: 0;
  transform: rotate(-45deg);
}
.header_menu ul li ul li:hover ul.acoount-hover-list {
  transform: scale(1);
  transform: -moz-scale(1);
  transform: -webkit-scale(1);
  transform: -o-scale(1);
  transform: -ms-scale(1);
}
.header_menu ul li ul li:first-child a {
  border-radius: 5px 5px 0px 0px;
}
.header_menu ul li ul li:last-child a {
  border-radius: 0px 0px 5px 5px;
}
.header_menu ul li:first-child {
  border-right: none;
}
.header_menu ul li a {
    display: block;
    font-size: 14px;
    color: #000;
    text-transform: capitalize;
    font-family: "RobotoMedium";
}
.header_menu ul li a:hover {
  color: #f26522;
}
.footer_menu_box {
  text-align: center;
  display: block;
  width: 100%;
}
.footer_menu_inner {
  display: inline-block;
}

.contact_us_button a,.btn-bg {
  display: block;
  height: 40px;
  line-height: 36px;
  padding: 0px 25px;
  border-radius: 5px;
  font-size: 14px;
  color: #fdfdfd;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: 100% 40px;
  text-transform: capitalize;
        display: inline-flex;

      border: 0;
          justify-content: center;
}
.locate_map_bg {
  display: block;
}
.locate_map_bg:after,
.locate_map_bg:before {
  display: table;
  clear: both;
  content: "";
}
.locate_map_bg .location_address_bg {
  margin-top: 0;
}

/*--------------------------------------------------------------------------------------*/
/*about-us-page-css-here
/*--------------------------------------------------------------------------------------*/

@font-face {
  font-family: "Lato-Reguler";
  src: url("../fonts/924316407-Lato-Reg.eot");
  src: url("../fonts/924316407-Lato-Reg.eot?#iefix") format("embedded-opentype"),
  url("../fonts/924316407-Lato-Reg.svg#Lato") format("svg"),
  url("../fonts/924316407-Lato-Reg.woff") format("woff"),
  url("../fonts/924316407-Lato-Reg.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Black";
  src: url("../fonts/Lato-Black_gdi.eot");
  src: url("../fonts/Lato-Black_gdi.eot?#iefix") format("embedded-opentype"),
  url("../fonts/Lato-Black_gdi.woff") format("woff"),
  url("../fonts/Lato-Black_gdi.ttf") format("truetype"),
  url("../fonts/Lato-Black_gdi.svg#Lato-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-25CA;
}

.new_page_content {
  display: block; /*padding-top:86px;*/
}
.slider_section_bg {
  display: block;
  display: flex;
  width: 100%;
  overflow: hidden;
  position: relative; /*position:sticky; top:86px;*/
}
.slider_section_bg .carousel {
  width: 100%;
  height: 100%;
}
.slider_section_bg .carousel .carousel-inner {
  width: 100%;
  height: 100%;
}
.slider_section_bg .carousel .item {
  width: 100%;
  height: 100%;
}
.slider_section_bg .carousel .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.slider_section_bg .carousel-control {
  cursor: pointer !important;
}
.slider_section_bg .left {
  background: url(../img/prev_arrow.png) no-repeat left center !important;
  width: 100px;
}
.slider_section_bg .right {
  background: url(../img/next_arrow.png) no-repeat right center !important;
  width: 100px;
}
.slider_section_bg .carousel-control:hover {
  opacity: 1;
}
.slide_content_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
}
.slide_content_box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.slide_content_inner {
  display: block;
  text-transform: uppercase;
  width: 100%;
}
.slide_content_inner h4 {
  font-size: 28px;
  color: #ffffff;
  font-family: "Lato-Black";
  position: relative;
  z-index: 999;
  padding-bottom: 10px;
}
.slide_content_inner h1 {
  font-size: 45px;
  color: #ffffff;
  position: relative;
  z-index: 999;
  font-family: "Lato-Black";
  padding-bottom: 30px;
}
.btn_effect a {
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: 300ms;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;
  border-radius: 4px;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Lato-Reguler";
  background: #f26522;
  color: #fff;
}
.btn_effect a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -120%;
  transition: 300ms;
  background: rgba(255, 255, 255, 0.52);
  transform: skew(-30deg);
}
/*.btn_effect a:hover:before{left:120%;}
.btn_effect a:hover{box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3); cursor:pointer;}*/
.btn_effect button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: 300ms;
  height: 38px;
  line-height: 38px;
  padding: 0px 20px;
  border-radius: 4px;
  font-size: 13px;
  text-transform: uppercase;
  font-family: "Lato-Reguler";
  background: #f26522;
  color: #000000;
}
.btn_effect button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: -130%;
  transition: 300ms;
  background: rgba(255, 255, 255, 0.52);
  transform: skew(-30deg);
}
.btn_effect button:hover:before {
  left: 130%;
}
.btn_effect button:hover {
  box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.about_aqarat_section {
  display: block;
  padding: 80px 0px;
  background: #fff;
  position: relative;
  z-index: 9;
}
.about_aqarat_box {
  border: solid 3px #f26522;
  border-radius: 4px;
  padding: 30px;
}
.about_aqarat_head {
  display: block;
  margin-top: -57px;
}
.about_aqarat_head h2 {
  display: inline-block;
  background: #fff;
  padding: 0px 10px 6px 10px;
  background: #fff;
  font-size: 40px;
  color: #f26522; /*text-transform:uppercase;*/
  font-family: "Lato-Black";
}
.about_aqarat_des h2 {
  font-size: 22px;
  color: #424242;
  font-family: "Roboto-Bold";
  padding-bottom: 15px;
}
.about_aqarat_des .row {
  display: flex;
  align-items: center;
}
.about_aqarat_des figcaption {
  display: block;
  padding-top: 40px;
}
.about_aqarat_des figcaption h2 {
  font-size: 26px;
  color: #424242;
  font-family: "Roboto-Bold";
  text-transform: uppercase;
  padding-bottom: 15px;
}
.about_aqarat_des figcaption p {
  font-size: 15px;
  color: #898989;
  line-height: 24px;
  margin: 0;
  padding-bottom: 15px;
}
.about_aqarat_des figure {
  display: block;
  overflow: hidden;
  border-radius: 4px;
}
.about_aqarat_des figure a {
  display: block;
}
.about_aqarat_des figure img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
/*.about_aqarat_des:hover figure img{transform:scale(1.2) rotate(10deg); transform: -moz-scale(1.2) rotate(10deg); transform: -webkit-scale(1.2) rotate(10deg); transform: -o-scale(1.2) rotate(10deg); transform: -ms-scale(1.2) rotate(10deg);}*/
.values_vision_box {
  display: block;
  margin: 30px 0px;
}
.values_vision_des {
  display: block;
  border: solid 3px #f26522;
  padding: 30px;
  height: 100%;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.values_vision_des:hover {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 6px 9px rgba(0, 0, 0, 0.2);
}
.values_vision_des h2 {
  font-size: 22px;
  color: #424242; /*text-transform:uppercase*/
  font-family: "Roboto-Bold";
  padding-bottom: 15px;
  position: relative;
}
.values_vision_des h2 span {
  position: relative;
}
.values_vision_des h2 span:before {
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  width: 0px;
  height: 5px;
  position: absolute;
  left: 110%;
  top: 14px;
  content: "";
  background: #f26522;
}
/*.values_vision_des:hover h2 span:before{width:50px;}*/
.values_vision_des p {
  font-size: 15px;
  color: #898989;
}
.values_vision_des p:last-child {
  margin-bottom: 0;
}
.values_vision_box .row {
  display: flex;
}
.our_services_section {
  background: url(../images/service_bg.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover; /*position: sticky; top: 86px;*/
}
.our_services_head {
  display: block;
  padding: 45px 0px;
  text-align: center;
}
.our_services_head h2 {
  font-size: 40px;
  color: #ffffff; /*text-transform:uppercase;*/
  font-family: "Lato-Black";
  padding-bottom: 10px;
}
.our_services_head span {
  font-size: 14px;
  color: #ffffff;
}
.our_service_list {
  display: block;
}
.our_service_list:after,
.our_service_list:before {
  display: table;
  clear: both;
  content: "";
}
.our_service_list ul li {
  float: left;
  width: 25%;
  position: relative;
}
/*.our_service_list ul li:hover .read_more a{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility:hidden; perspective: 1000px;}*/
.our_service_list ul li:before {
  content: "";
  width: 0;
  height: 9px;
  position: absolute;
  left: -100%;
  bottom: 0;
  background: #f26522;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
.service_box {
  display: block;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 35px;
}
.service_box figcaption {
  padding-top: 15px;
}
.service_box figcaption h4 {
  font-size: 17px;
  color: #fff; /*text-transform:uppercase;*/
  font-family: "Lato-Black";
  padding-bottom: 30px;
}
.service_box figcaption p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
.service_box .read_more {
  margin: 30px 0px;
}
.our_service_list ul li:nth-child(even) .service_box {
  background: rgba(0, 0, 0, 0.6);
}
.our_service_list ul li:hover:before {
  width: 100%;
  left: 0;
}
.view_all_button {
  display: block;
  padding: 40px 0px;
  text-align: center;
}
.view_all_button a {
  display: inline-block;
}
.faq_section {
  background: #ffffff;
  padding: 50px 0px;
  position: relative;
  z-index: 99;
}
.faq_head {
  display: block;
  padding: 30px 0px;
  text-align: center;
}
.faq_head h1 {
  font-size: 40px;
  color: #424242; /*text-transform:uppercase;*/
  font-family: "Lato-Black";
}
body .faq_section .panel-group {
  border: solid 1px #d4d4d4;
}
body .faq_section .panel {
  border: none;
  border-bottom: solid 1px #d4d4d4;
  border-radius: 0px;
}
body .faq_section .panel:last-child {
  border-bottom: none;
}
body .faq_section .panel-heading {
  background: #ffffff;
  border: none;
  padding: 0;
}
body .faq_section .panel-heading a {
  float: none;
  display: block;
  padding: 15px 15px 15px 35px;
  font-size: 14px;
  color: #272727;
  position: relative;
}
body .faq_section .panel-heading a[aria-expanded="true"] {
  background: #f26522;
}
body .faq_section .panel-heading a:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #f26522;
  border-radius: 100%;
  position: absolute;
  left: 10px;
  top: 19px;
}
body .faq_section .panel-heading a[aria-expanded="true"] {
  color: #fff;
}
body .faq_section .panel-heading a[aria-expanded="true"]:before {
  background: #fff;
}
body .faq_section .panel-heading a:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  background: #fff;
  right: 10px;
  top: 22px;
}
.happy_clients_section {
  padding: 100px 0px;
  background: url(../images/testimonal_bg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-bottom: 45px;
  position: relative;
  z-index: 99;
}
.happy_clients_head {
  display: block;
  padding: 40px 0px;
  text-align: center;
}
.happy_clients_head h2 {
  font-size: 40px;
  color: #fff; /*text-transform:uppercase;*/
  font-family: "Lato-Black";
}
.testimonal_des {
  display: block;
  background: url(../images/quote.png) no-repeat top center;
  padding-top: 60px;
  text-align: center;
}
.testimonal_des p {
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
}
.client_name {
  display: block;
}
.client_name a {
  font-size: 14px;
  color: #f26522;
  font-style: italic;
}
.happy_clients_section .carousel-indicators {
  bottom: 0px;
  margin-top: 35px;
  text-align: center;
  position: relative;
  margin-bottom: 0;
}
.happy_clients_section .carousel-indicators li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
  text-indent: 0;
  border: none;
  box-shadow: none;
  background: none;
  opacity: 0.8;
  position: relative;
}
.happy_clients_section .carousel-indicators li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
.happy_clients_section .carousel .carousel-indicators .active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.happy_clients_section .carousel-indicators li:hover {
  opacity: 1;
}
.happy_clients_section .carousel-indicators li:before {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  background: rgba(255, 255, 255, 0.7);
  content: "";
  position: absolute;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.happy_clients_section .carousel-indicators li:hover:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(1);
  transform: scale(0);
}
.happy_clients_section .carousel-indicators li.active:before {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(1);
  transform: scale(0);
}
.social_media_section {
  background: #f4f4f4;
  padding: 15px 0px;
  position: relative;
  z-index: 99;
}
.social_media_section h2 {
  float: left;
  font-size: 30px;
  color: #b8860b;
  font-family: "Lato-Black";
  text-transform: uppercase;
  padding-top: 5px;
}
.social_media_section ul {
  float: right;
}
.social_media_section ul li {
  float: left;
  margin-right: 35px;
}
.social_media_section ul li:last-child {
  margin-right: 0;
}
.social_media_section ul li a {
  display: block;
}
.social_media_section ul li a:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.social_media_section ul:hover li a:not(:hover) {
  filter: blur(3px);
  opacity: 0.5;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.btn_effect2 a:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.btn_effect2 button:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
.btn_effect2 input:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

/*--------------------------------------------------------------------------------------*/
/*Agreement-page-css-here
/*--------------------------------------------------------------------------------------*/

.agreement_section {
  display: block;
  background: #fff;
  position: relative;
  z-index: 99; /*position:sticky; top:86px;*/
}
.agreement_section:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #f0f0f0;
}
.arabicbody .agreement_section:before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #f0f0f0;
}
.agreement_inner_content {
  display: block;
  position: relative;
  background: #f0f0f0;
  min-height: 100px;
  text-align: left;
}
.agreement_inner_content:before {
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  right: -100px;
  background: #fff;
  transform: skew(-20deg);
  transform: -moz-skew(-20deg);
  transform: -webkit-skew(-20deg);
  transform: -ms-skew(-20deg);
  transform: -o-skew(-20deg);
}
.arabicbody .agreement_inner_content:before {
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  right: auto;
  left: -100px;
  background: #fff;
  transform: skew(-20deg);
  transform: -moz-skew(-20deg);
  transform: -webkit-skew(-20deg);
  transform: -ms-skew(-20deg);
  transform: -o-skew(-20deg);
}
.agreement_inner_content .row {
  display: flex;
  align-items: center;
}
.agreement_des_box {
  display: block;
  padding: 35px 0px 35px 35px;
}
.agreement_head {
  display: block;
}
.agreement_head:after,
.agreement_head:before {
  display: table;
  clear: both;
  content: "";
}
.agreement_head i {
  float: left;
}
.agreement_head h1 {
  float: left;
  font-size: 42px;
  color: #f26522;
  font-family: "Lato-Black";
  text-transform: uppercase;
  padding-left: 10px;
  width: 75%;
}
.agreement_des_box h3 {
  font-size: 26px;
  color: #424242;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  padding: 15px 0px;
  margin-bottom: 15px;
}
.agreement_des {
  display: block;
}
.agreement_des p {
  font-size: 15px;
  color: #898989;
  padding-bottom: 10px;
}
.agreement_image_box {
  margin: 35px 0px;
  display: block;
  width: 100%;
}
.agreement_image_box a {
  box-shadow: 0px 0px 5px #999999;
  display: block;
  width: 100%;
  height: 355px;
  overflow: hidden;
}
.agreement_image_box a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}
/*.agreement_inner_content:hover .agreement_image_box a img{transform:scale(1.3) rotate(-5deg); transform:-moz-scale(1.3) -moz-rotate(-5deg); transform:-webkit-scale(1.3) -webkit-rotate(-5deg); transform:-o-scale(1.3) -o-rotate(-5deg); transform:-ms-scale(1.3) -ms-rotate(-5deg);}*/
.white_bg {
  background: #fff;
  position: relative;
  z-index: 99;
}
.real_estate_section {
  display: block;
  background: #fff;
  position: relative;
  z-index: 99;
  margin: 60px 0px; /*position:sticky; top:86px;*/
}
.real_estate_section:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #212121;
}
.arabicbody .real_estate_section:before {
  content: "";
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #212121;
}
.real_estate_inner_content:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #212121;
}
.arabicbody .real_estate_inner_content:before {
  content: "";
  position: absolute;
  right: auto;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #212121;
}
.real_estate_inner_content {
  display: block;
  position: relative;
  background: #212121;
  min-height: 100px;
  text-align: left;
}
.real_estate_inner_content:before {
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  left: -100px;
  background: #fff;
  transform: skew(20deg);
  transform: -moz-skew(20deg);
  transform: -webkit-skew(20deg);
  transform: -ms-skew(20deg);
  transform: -o-skew(20deg);
}
.arabicbody .real_estate_inner_content:before {
  content: "";
  width: 250px;
  height: 100%;
  position: absolute;
  left: auto;
  right: -100px;
  background: #fff;
  transform: skew(20deg);
  transform: -moz-skew(20deg);
  transform: -webkit-skew(20deg);
  transform: -ms-skew(20deg);
  transform: -o-skew(20deg);
}
.arabicbody .commission_head i {
  float: right;
}
.arabicbody .commission_head h1 {
  float: right;
  text-align: right;
  padding-left: 0;
  padding-right: 15px;
}
.real_estate_inner_content .row {
  display: flex;
  align-items: center;
}
.real_estate_des {
  display: block;
}
.real_estate_des h2 {
  font-size: 26px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  text-transform: uppercase;
  padding-bottom: 25px;
}
.real_estate_des p {
  font-size: 15px;
  color: #ffffff;
  padding-bottom: 10px;
}
/*.real_estate_inner_content:hover .agreement_image_box a img{transform:scale(1.3) rotate(-5deg); transform:-moz-scale(1.3) -moz-rotate(-5deg); transform:-webkit-scale(1.3) -webkit-rotate(-5deg); transform:-o-scale(1.3) -o-rotate(-5deg); transform:-ms-scale(1.3) -ms-rotate(-5deg);}  */
.commission_section {
  position: relative;
  background: #fff;
  padding-bottom: 60px;
  z-index: 99;
  padding-top: 30px; /*position:sticky;
  top:86px;*/
}
.commission_head {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 20px;
}
.commission_head:after,
.commission_head:before {
  display: table;
  clear: both;
  content: "";
}
.commission_head i {
  float: left;
}
.commission_head h1 {
  float: left;
  width: 85%;
  margin-top: 0;
  margin-bottom: 0px;
  font-size: 42px;
  color: #f26522;
  text-transform: uppercase;
  font-family: "Lato-Black";
  padding-left: 15px;
}
.commission_des {
  display: block;
}
.commission_des ul {
  list-style: number;
  padding-left: 15px;
}
.commission_des ul li {
  font-size: 14px;
  color: #898989;
  font-weight: normal;
  padding-bottom: 10px;
}
.bank_account_section {
  background: url(../images/bank_account_bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 0px;
  position: relative;
  z-index: 99; /*position:sticky; top:86px;*/
}
.table_bg {
  overflow: auto;
  display: block;
}
.table_bg table {
  width: 100%;
  border: solid 1px #fff;
}
.table_bg table tr th {
  font-size: 22px;
  color: #424242;
  text-transform: uppercase;
  background: #ffffff;
  padding: 10px;
  text-align: center;
  border: none;
  border-radius: 0;
  border-bottom: none;
  width: 33.3%;
}
.table_bg table tr td {
  border-right: solid 1px #ffffff;
  border-bottom: solid 1px #ffffff;
  background: none !important;
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 20px;
}
.termuse_section {
  background: #fff;
  position: relative;
  z-index: 99;
  min-height: 600px;
}
.termuse_head {
  display: block;
  background: #e9e9e9;
  position: relative;
  text-align: center; /*position:sticky; top:86px;*/
}
.termuse_head:before {
  background: url(../images/term_bg_sap.png) no-repeat center bottom;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
  min-height: 285px;
  content: "";
  background-size: 100% 285px;
  z-index: -1;
}
.termuse_head h1 {
  display: inline-block;
  background: url(../images/term_icon.png) no-repeat left center;
  min-height: 70px;
  font-size: 55px;
  color: #f26522;
  text-transform: uppercase;
  padding-left: 95px;
  font-family: "Lato-Black";
  position: relative;
  top: 105px;
}
.termuse_des_box {
  display: block;
  padding-top: 255px;
}
.termuse_des_box h3 {
  font-size: 40px;
  color: #b68629;
  text-transform: uppercase;
  font-family: "Lato-Black";
  padding-bottom: 20px;
}
.termuse_des_box ul {
  list-style: number;
  padding-bottom: 25px;
  padding-left: 15px;
}
.termuse_des_box ul li {
  font-size: 16px;
  color: #898989;
  padding-bottom: 25px;
}
.the_treaty_section {
  background: #e9e9e9;
  padding: 25px 0px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 9;
}
.the_treaty_section p {
  font-size: 18px;
  color: #f26522;
  font-family: "Lato-Black";
  margin: 0;
}
.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.in .modal-dialog {
  left: 0;
}
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
  right: 0;
}
.modal-content {
  border-radius: 5px;
  border: none;
}
.modal-header {
  border-bottom-color: #eeeeee;
  background-color: #fafafa;
}
.demo {
  padding-top: 60px;
  padding-bottom: 110px;
}
.btn-demo {
  margin: 15px;
  padding: 10px 15px;
  border-radius: 0;
  font-size: 16px;
  background-color: #ffffff;
}
.btn-demo:focus {
  outline: 0;
}
.demo-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 15px;
  background-color: #212121;
  text-align: center;
}
.demo-footer > a {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
}
#quote .modal-header {
  padding: 8px 25px;
}
#quote .modal-content .modal-header .close {
  font-size: 40px;
}
#quote .modal-content .modal-header h4 {
  font-size: 26px;
}
.citiesDiv .bootstrap-select.btn-group .dropdown-menu li:nth-child(2) a {
  background: #f26522;
  color: #fff;
  font-family: "Roboto-Bold";
}
.citiesDiv .bootstrap-select.btn-group .dropdown-menu li:nth-child(2) a span {
  color: #fff;
}
.quote_box_bg {
  position: fixed;
  bottom: 86px;
  right: 0;
  top: 150px;
  border-left: solid 10px #f26522;
  width: 10px;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  padding-top: 100px;
  z-index: 99999;
}
.quote_button {
  position: absolute;
  left: -40px;
  top: 100px;
  z-index: 9999;
}
.quote_button a {
  display: block;
  width: 30px;
  height: 88px;
  background: url(../images/toggelsap.png) no-repeat;
  background-size: 30px 88px;
}
.quote_content_des {
  display: block;
  padding: 25px;
  font-size: 14px;
  color: #333;
}
.quote_content_des p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.quote_content_des p:last-child {
  margin: 0;
}
.quote_box_bg.active {
  width: 350px;
  background: #fff;
}
.central_map_box {
  float: left;
  width: 20%;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.arabicbody .quote_box_bg {
  right: auto;
  left: 0;
  border-left: none;
  border-right: solid 10px #f26522;
}
.arabicbody .quote_button {
  left: auto;
  right: -40px;
}
.arabicbody .quote_button a {
  background: url(../images/toggelsap2.png) no-repeat;
  background-size: 30px 88px;
}
body .map_form_inner .bootstrap-select > .btn {
  font-size: 14px !important;
}
body .inner_footer {
  position: relative;
}
.subject_announcements_postbg table tr th:first-child {
  border-right: 1px solid #bababa;
}
.subject_announcements_postbg table tr th:last-child {
  border-left: 1px solid #bababa;
}
.gm-style-iw + div {
  right: 35px !important;
  top: 10px !important;
}
.arabicbody .gm-style-iw + div {
  right: auto !important;
  top: 10px !important;
  left: 40px !important;
}
.form_head_section {
  background: url(../images/form_banner.png) no-repeat right bottom;
  background-size: cover;
  padding: 70px 0px;
}
.form_head_section h2 {
  font-size: 26px;
  color: #fff;
  font-family: "Roboto-Bold";
  text-align: center;
}
.map_view {
  position: absolute;
  right: 25px;
  top: 10px;
  z-index: 9 !important;
}
.sar_title {
  float: left;
}
.sar_box {
  margin-left: 10px;
  position: relative;
  top: 0px;
  z-index: 999;
  margin-right: 10px;
  display: inline-block;
}
.sar_icon {
  display: inline-block;
  width: 22px;
  cursor: pointer;
}
.sar_drop_down {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 200px;
  background: #000;
  border-radius: 4px;
  border: solid 1px #f5f5f5;
  display: none;
}
.sar_drop_down a {
  display: block;
  padding: 3px;
  font-size: 14px;
  color: #fff;
  border-bottom: solid 1px #f5f5f5;
}
.sar_drop_down span {
  display: block;
  padding: 3px;
  font-size: 14px;
  color: #fff !important;
  border-bottom: solid 1px #f5f5f5;
}
.sar_box:hover .sar_drop_down {
  display: block;
}
.arabicbody .subject_announcements_postbg table tr th:first-child {
  border-right: none;
  border-left: 1px solid #bababa;
}
.arabicbody .subject_announcements_postbg table tr th:last-child {
  border-left: none;
  border-right: 1px solid #bababa;
}
.arabicbody .location_filter_box .row .col-md-4 {
  float: right;
}
.arabicbody .central_western_box_head h2 span:first-child {
  position: relative;
}
.arabicbody .central_western_box_head h2 span:first-child:after {
  content: "";
  width: 1px;
  height: 49px;
  background: #b1b1b1;
  position: absolute;
  left: -26px;
  top: -15px;
  right: auto;
}
.arabicbody .agreement_des_box {
  text-align: right;
  padding: 35px 35px 35px 0px;
}
.arabicbody .agreement_head i {
  float: right;
}
.arabicbody .agreement_head h1 {
  padding-left: 0;
  padding-right: 10px;
  float: right;
}
.arabicbody .real_estate_des {
  padding-left: 35px;
}
.arabicbody .termuse_head h1 {
  background-position: right center;
  padding-left: 95px;
  padding-right: 95px;
}
.arabicbody .central_western_content .central_western_list {
  float: right;
  border-right: none;
  border-left: solid 1px #e4e0e0;
}
.arabicbody .central_western_box_head h2 span:first-child:after {
  content: none;
}
.arabicbody .central_western_box_head h2 span:nth-child(2) {
  float: right;
  padding-left: 0px;
  padding-right: 15px;
}
.arabicbody .central_western_box_head h2 span:nth-child(3) {
  float: right;
  padding-left: 0;
  padding-right: 15px;
}
.arabicbody .central_western_box_head h2 span:nth-child(4) {
  float: right;
  padding-left: 0;
  padding-right: 15px;
}
.arabicbody .topic_box {
  border-right: solid 1px #e4e0e0;
  border-left: none;
  width: 171px;
}
.arabicbody .replies_box {
  border-right: solid 1px #e4e0e0;
  border-left: none;
  width: 180px;
}
.arabicbody .central_map_box {
  padding-left: 0;
  padding-right: 15px;
}
.properties_registered_bg {
  display: block;
}
.properties_from_box {
  display: block;
  position: relative;
  text-align: center;
}
.properties_from_top_head {
  display: block;
  text-align: center;
  margin-top: 27px;
}
.properties_from_top_head:after,
.properties_from_top_head:before {
  display: table;
  clear: both;
  content: "";
}
.properties_from_inner {
  display: inline-block;
  margin-right: -100px;
}
.properties_from_inner h5 {
  font-size: 20px;
  color: #ffffff;
  float: left;
  padding-top: 6px;
  padding-right: 10px;
}
.properties_from_inner span {
  float: left;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #fff;
  border-radius: 100%;
  font-size: 20px;
  color: #000000;
  font-family: "Roboto-Bold";
}
.add_property_button {
  float: right;
}
.add_property_button a {
  display: inline-block;
  height: 40px;
  line-height: 37px;
  padding: 0px 25px;
  border-radius: 5px;
  font-size: 14px;
  color: #fdfdfd;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: 100% 40px;
  text-transform: capitalize;
}
.properties_form {
  display: block;
  text-align: center;
}
.properties_form_inner {
  display: inline-block;
}
.properties_fild {
  float: left;
  width: 250px;
  margin-right: 30px;
}
.properties_fild:last-child {
  margin-right: 0;
}
.properties_fild .form-control {
  background: none;
  border: solid 1px #afafb1;
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  border-radius: 4px;
  height: 40px;
}
.properties_fild select.form-control option {
  color: #333;
}
.properties_fild .form-control:focus {
  background: none;
}
.properties_fild .form-control::-webkit-input-placeholder {
  color: #fff;
}
.properties_fild .form-control::-moz-placeholder {
  color: #fff;
}
.properties_fild .form-control:-ms-input-placeholder {
  color: #fff;
}
.properties_fild .form-control:-moz-placeholder {
  color: #fff;
}
.properties_registered_list {
  display: block;
}
.properties_registered_list:after,
.properties_registered_list:before {
  display: table;
  clear: both;
  content: "";
}
.properties_registered_list ul li {
  float: left;
  width: 48.5%;
  background: #ffffff;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 35px;
}
.properties_registered_list ul li:nth-child(even) {
  float: right;
}
.properties_registered_list ul li figure {
  float: left;
  width: 180px;
  height: 160px;
  overflow: hidden;
  border-radius: 4px;
}
.properties_registered_list ul li figure a {
  display: block;
}
.properties_registered_list ul li figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.properties_registered_list ul li figcaption {
  float: left;
  width: -moz-calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  width: calc(100% - 180px);
  padding: 0px 10px;
}
.pro_reg_list_head {
  display: block;
}
.pro_reg_list_head:after,
.pro_reg_list_head:before {
  display: table;
  clear: both;
  content: "";
}
.pro_reg_left {
  float: left;
  width: 70%;
}
.pro_reg_left h4 {
  font-size: 20px;
  color: #000000;
  font-family: "Roboto-Bold";
  padding-bottom: 5px;
}
.pro_reg_left span {
  font-size: 14px;
  color: #464646;
}
.pro_reg_right {
  float: right;
  max-width: 30%;
  padding-left: 10px;
}
.pro_edit_delete {
  display: block;
}
.pro_edit_delete:after,
.pro_edit_delete:before {
  display: table;
  clear: both;
  content: "";
}
.pro_edit_delete a {
  float: left;
  margin-right: 5px;
}
.pro_edit_delete a:last-child {
  margin-right: 0;
}
.status_select {
  display: block;
}
.status_select:after,
.status_select:before {
  display: table;
  clear: both;
  content: "";
}
.status_select .form-group {
  margin-top: 20px;
  margin-bottom: 5px;
}
.status_select .form-control {
  background: none;
  border: solid 1px #afafb1;
  font-size: 12px;
  color: #464646;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
  color: #464646;
  width: 70%;
}
.status_select .form-control:focus {
  background: none;
}
.renting_button {
  display: block;
}
.renting_button a {
  display: block;
  border-radius: 4px;
  font-size: 16px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  height: 42px;
  padding: 0px 10px;
  border-radius: 4px;
  background: #f26522;
  text-transform: uppercase;
  line-height: 42px;
  text-align: center;
}
.renting_form_bg {
  display: block;
}
.renting_form_box {
  display: block;
}
.renting_information_head {
  display: block;
  padding: 34px 0px;
  text-align: center;
}
.renting_information_head h2 {
  font-size: 30px;
  color: #ffffff;
  font-family: "Roboto-Bold";
}
.renting_form_head {
  display: block;
  margin-bottom: 30px;
}
.renting_form_head h3 {
  font-size: 22px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  text-transform: capitalize;
  border-bottom: solid 1px #5dcf16;
  padding-bottom: 15px;
}
.renting_form_inner_row {
  display: block;
}
.renting_form_inner_row h4 {
  font-size: 18px;
  color: #ffffff;
  text-transform: capitalize;
  padding-bottom: 20px;
}
body .form_fild input.form-control {
  background: none;
  border: solid 1px #afafb1;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  height: 40px;
}
body .form_fild input.form-control:focus {
  background: none;
}
.form_fild.form-group {
  margin-top: 0;
  position: relative;
}
.form_fild .form-control::-webkit-input-placeholder {
  color: #fff;
}
.form_fild .form-control::-moz-placeholder {
  color: #fff;
}
.form_fild .form-control:-ms-input-placeholder {
  color: #fff;
}
.form_fild .form-control:-moz-placeholder {
  color: #fff;
}
.type_radio_list {
  display: block;
}
.type_radio_list:after,
.type_radio_list:before {
  display: table;
  clear: both;
  content: "";
}
.type_radio_list ul li {
  float: left;
  width: 33.3%;
  margin-bottom: 10px;
}
.radio_button {
  display: block;
}
.radio_button input {
  display: none;
}
.radio_button label {
  display: block;
  background: url(../images/radio.png) no-repeat left bottom;
  min-width: 25px;
  height: 25px;
  padding-left: 38px;
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  padding-top: 4px;
  text-transform: capitalize;
}
.radio_button input:checked + label {
  background-position: left 2px;
}
.renting_form_inner_row.type_row {
  margin-bottom: 20px;
}
.form_fild.date_box input {
  background: url(../images/cal.png) no-repeat right center !important;
  padding-right: 45px;
}
.checkbox_box {
  display: block;
}
.checkbox_box input {
  display: none;
}
.checkbox_box label {
  background: url(../images/checkbox.png) no-repeat left bottom;
  min-width: 25px;
  height: 28px;
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  padding-left: 38px;
  padding-top: 5px;
}
.checkbox_box input:checked + label {
  background-position: left 1px;
}
.rent_checkbox {
  display: block;
}
.rent_checkbox:after,
.rent_checkbox:before {
  display: table;
  clear: both;
  content: "";
}
.rent_checkbox ul li {
  float: left;
  width: 50%;
}
.attach_button {
  position: absolute;
  right: 10px;
  top: 9px;
  cursor: pointer;
}
.attach_button input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: none !important;
}
.form_fild.form-group.is-focused input {
  background: none !important;
}
.save_update_button {
  display: block;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 40px;
}
.save_update_button button {
  height: 40px;
  line-height: 37px;
  padding: 0px 25px;
  border-radius: 5px;
  font-size: 16px;
  color: #fdfdfd;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: 100% 40px;
  text-transform: capitalize;
  border: none;
}
.menu_toggel {
  position: static;
  width: 40px;
  right: 0;
  top: 4px;
  right: 15px;
  cursor: pointer;
  display: none;
}
.simpleLens-big-image-container {
  display: flex !important;
  height: 100%;
}
.simpleLens-big-image-container a {
  /* height: 100%; */
  height: 560px;
  width: 100%;
  text-align: center;
}
.simpleLens-big-image-container a img {
  /* min-height: auto;
  max-height: 100%;
  min-width: auto;
  max-width: 100%; */
  object-fit: contain;
}
.simpleLens-thumbnails-container a {
  /* height: 50px;
  overflow: hidden; */
  height: 60px;
  overflow: hidden;
  display: inline-block;
}
.simpleLens-thumbnails-container a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Confirmation_delete_box .modal-header {
  padding: 15px 25px;
}
.Confirmation_des {
  display: block;
  padding: 25px;
  text-align: center;
}
body .Confirmation_des p {
  font-size: 16px;
}
.Confirmation_delete_box .modal-footer {
  padding: 0px 15px 15px 15px;
  border-top: solid 1px #efefef;
}
.Confirmation_delete_box .modal-footer .btn {
  margin-top: 15px;
}
.propertypriceDiv {
  position: relative;
}
.vatDiv {
  position: relative;
}
.sellingprice_box .sellingpriceDiv {
  float: none;
  margin: auto;
  padding: 0;
  position: relative;
}
.arabicbody .sellingpriceDiv:before {
  left: auto;
  right: -35px;
}
.arabicbody .sar_title {
  float: right;
}
.onhold_button {
  float: left;
  width: 250px;
  margin: 27px 0px;
}
.onhold_button button {
  text-align: center;
  background: none;
  border: solid 1px #afafb1;
  font-size: 14px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  border-radius: 4px;
  height: 40px;
  width: 100%;
}
.subject_table_bg {
  display: block;
  overflow: auto;
}
.arabicbody .propertypriceDiv {
  float: right;
}
.arabicbody .vatDiv {
  float: right;
}
.mypost_table_bg {
  display: block;
  overflow: auto;
}
.announcements_box h4 {
  font-size: 14px;
}
.arabicbody .properties_registered_list ul li figure {
  float: right;
}
.arabicbody .properties_registered_list ul li figcaption {
  float: left;
}
.arabicbody .pro_reg_right {
  float: left;
  padding-left: 0;
  padding-right: 10px;
}
.arabicbody .pro_reg_left {
  float: right;
}
.arabicbody .properties_from_inner h5 {
  float: right;
  padding-right: 0;
  padding-left: 10px;
}
.arabicbody .properties_from_inner span {
  float: left;
}
.arabicbody .properties_fild {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}
.arabicbody .add_property_button {
  float: left;
}
.arabicbody .radio_button label {
  background-position: right bottom;
  padding-left: 0;
  padding-right: 38px;
}
.arabicbody .radio_button input:checked + label {
  background-position: right 2px;
}
.arabicbody .col-md-1,
.arabicbody .col-md-10,
.arabicbody .col-md-11,
.arabicbody .col-md-12,
.arabicbody .col-md-2,
.arabicbody .col-md-3,
.arabicbody .col-md-4 .arabicbody .col-md-5,
.arabicbody .col-md-6,
.arabicbody .col-md-7,
.arabicbody .col-md-8,
.arabicbody .col-md-9 {
  float: right;
}
.arabicbody .checkbox_box label {
  background-position: right bottom;
  padding-left: 0;
  padding-right: 38px;
}
.arabicbody .checkbox_box input:checked + label {
  background-position: right 1px;
}
.arabicbody .attach_button {
  right: auto;
  left: 10px;
}
.location_box {
  position: absolute;
  right: 21px;
  top: 50px;
}
.arabicbody .location_box {
  right: auto;
  left: 21px;
}
.location_box a {
  display: block;
  width: 40px;
  height: 40px;
  background: #089ee2;
  border-radius: 100%;
  padding: 10px;
  text-align: center;
  line-height: 17px;
}
.location_box a img {
  max-width: 100%;
  max-height: 100%;
}
.map_form_inner .col-md-2 {
  width: 15.667%;
}
.model-text {
  font-size: 25px;
  color: red;
  text-align: center;
}

/*06-19-2018*/
.contact-us .col-sm-5 {
  display: none;
}
.contact-us .col-sm-7 {
  width: 100%;
}
/*.contact-us { background: url("http://192.168.1.87/realestate/webroot/img/login_bg.jpg") no-repeat;background-size: cover; }*/
/*#contactUs .modal-header { background: url("http://192.168.1.87/realestate/webroot/img/login_bg.jpg") no-repeat;background-size:100% 100%; }*/
.filter_select_list .input:last-child select {
  margin-right: 0px;
}

/*26-06-2018*/
.WeServeBanner {
  background: url(../images/we-serve-banner.jpg) no-repeat;
  background-size: cover;
}
.HeadBanner {
  min-height: 300px;
}
.HeadBanner h1 {
  color: #fff;
  font-size: 34px;
  font-family: "Roboto-Bold";
  text-align: center;
  margin-top: 85px;
}
.HeadBannerMid {
  display: flex;
  align-items: center;
}
.HeadBannerMid h1 {
  margin: 0px;
}
.InnerWrap {
  min-height: 750px;
  background: #f4f5f7;
  padding-bottom: 40px;
}
.BtnGreen {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-image: linear-gradient(
    to bottom,
    #fff,
    #f26522,
    #3c234b
    ) !important;
  padding: 10px 20px;
  border: 1px solid #f26522;
  border-radius: 10px;
  font-size: 16px;
  font-family: "Roboto-Bold";
  margin: 0px;
  box-shadow: inset 0 -1px 1px #fff;
}

.da-thumbs {
  list-style: none;
  position: relative;
  padding: 0;
}
.da-thumbs > li {
  float: left;
  background: #fff;
  position: relative;
  width: 33.33%;
}
.da-thumbs li > a.MainBox {
  height: 330px;
  display: flex;
  align-items: center;
}
.da-thumbs li > a.MainBox,
.da-thumbs li a img {
  position: relative;
}
.da-thumbs li > a.MainBox {
  overflow: hidden;
}
.da-thumbs li > a.MainBox > div {
  position: absolute;
  background: rgba(242, 101, 34, 0.8);
  width: 100%;
  height: 100%;
  text-align: center;
  top: 100%;
  padding: 40px;
  display: flex;
  align-items: center;
}
.da-thumbs li > a article span {
  color: #fff;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
}
.da-thumbs li > a article button {
  padding: 10px 30px;
  background: #338300;
  border: none;
  color: #fff;
  font-size: 18px;
  font-family: "Roboto-Bold";
}
.da-thumbs li > a article button:hover {
  background: #2d7202;
}
.da-thumbs > li {
  border-right: 1px solid #e5e6e7;
  border-bottom: 1px solid #e5e6e7;
}
.da-thumbs li > a > img {
  margin: 0px auto;
}
.DirectionBox {
  position: relative;
  top: -80px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}
.ProListing {
  padding-top: 30px;
}
.FilterLeft {
  position: sticky;
  top: 15px;
  float: left;
  width: 280px;
  background: #fff;
  border: 1px solid #e3e4e6;
}
.FilterLeft #accordion .panel-default:lastc-child {
  border-bottom: none;
}
.DropList a {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  position: relative;
  display: block;
  padding: 15px;
}
.DropList a img {
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  transform: rotate(180deg);
  position: absolute;
  width: 15px;
  right: 15px;
  opacity: 0.6;
}
.DropList a.collapsed img {
  transform: rotate(0deg);
}
.DropList a span {
  color: #000;
}
.ListFilter li {
  position: relative;
  padding-right: 50px;
}
.ListFilter li label {
  font-weight: normal;
  font-size: 13px;
}
.ListFilter li span {
  position: absolute;
  top: 0;
  right: 0;
  color: #f26522;
}
.DropLi {
  padding: 15px;
  padding-top: 0px;
}
.DropList {
  border-bottom: 1px solid #e3e4e6;
}
.ListingRight {
  width: calc(100% - 300px);
  float: right;
}
.ListingResult article {
  border: 1px solid #e3e4e6;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}
.ListingResult .list-item {
  border: 1px solid #e3e4e6;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
  display: block;
}
.ListingResult article figure a {
  display: block;
  width: 200px;
  height: 170px;
  overflow: hidden;
  border-radius: 5px;
  overflow: hidden;
}
.ListingResult article figure a img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.ListingResult .list-item figure img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.ListingResult article figure {
  float: left;
}
.ListingResult article figcaption {
  min-height: 170px;
  float: left;
  width: calc(100% - 200px);
  padding-left: 20px;
  position: relative;
  padding-bottom: 30px;
}
.ListingResult .list-item figcaption {
  min-height: 170px;
  float: left;
  width: calc(100% - 200px);
  padding-left: 20px;
  position: relative;
  padding-bottom: 0px;
}
.ListingResult article figcaption h4 {
  color: #464646;
  font-size: 24px;
  font-family: "Roboto-Bold";
  display: inline-block;
}
.ListingResult .list-item figcaption h4 {
  color: #464646;
  font-size: 24px;
  font-family: "Roboto-Bold";
  display: inline-block;
}
.ListingResult article figcaption span.LoctionPro a {
  color: #a0a0a0;
  display: block;
  margin-top: 5px;
}
.ListingResult article figcaption span.LoctionPro i {
  color: #62d916;
}
.ListingResult article figcaption h6.PriceList {
  color: #e51b46;
  font-size: 24px;
  font-family: "Roboto-Bold";
  margin-top: 5px;
}
.ListingResult .list-item figcaption h6.PriceList {
  color: #e51b46;
  font-size: 24px;
  font-family: "Roboto-Bold";
  margin-top: 5px;
}
.ListingResult article figcaption .SellBtn {
  padding: 5px 15px;
  border-radius: 5px;
  background: #f58a1d;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.LikeDislike {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ListingResult .list-item figcaption .SellBtn {
  padding: 5px 15px;
  border-radius: 5px;
  background: #f58a1d;
  display: inline-block;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.LikeDislike {
  position: absolute;
  bottom: 0;
  right: 0;
}
.LikeDislike .like_unlike {
  color: #a0a0a0;
  display: inline-block;
  margin-right: 15px;
}
.LikeDislike .like_unlike i {
  position: relative;
  font-size: 20px;
}
.LikeDislike a.active {
  color: #62d916;
}
.ProListHead {
  margin-bottom: 25px;
}
.ProListHead .pull-left h3 {
  color: #464646;
  font-size: 24px;
  font-family: "Roboto-Bold";
  display: inline-block;
  margin-top: 10px;
}
.SitePagination {
  text-align: right;
}
.SitePagination ul li a {
  color: #464646;
  width: 35px;
  height: 35px;
  border: 1px solid #464646;
  color: #2e419d;
  border-radius: 0px !important;
}
.SitePagination ul li a i {
  position: relative;
  top: 3px;
  color: #464646;
}
.SitePagination ul li {
  margin-left: 2px;
  display: inline-block;
}
.SitePagination ul li.active a {
  background: #62d916 !important;
  border-color: #62d916;
}
.city-wall {
  background: url(../images/city-wall.jpg) no-repeat left bottom;
  background-size: cover;
}

/*Ctiy list*/
.CtiyBlockInner ul li {
  float: left;
  padding: 5px;
}
.CtiyBlockInner ul li:nth-child(1),
.CtiyBlockInner ul li:nth-child(2),
.CtiyBlockInner ul li:nth-child(6),
.CtiyBlockInner ul li:nth-child(7),
.CtiyBlockInner ul li:nth-child(11),
.CtiyBlockInner ul li:nth-child(12) {
  width: 50%;
}
.CtiyBlockInner ul li:nth-child(3),
.CtiyBlockInner ul li:nth-child(4),
.CtiyBlockInner ul li:nth-child(5),
.CtiyBlockInner ul li:nth-child(8),
.CtiyBlockInner ul li:nth-child(9),
.CtiyBlockInner ul li:nth-child(10),
.CtiyBlockInner ul li:nth-child(13),
.CtiyBlockInner ul li:nth-child(14),
.CtiyBlockInner ul li:nth-child(15) {
  width: 33.333%;
}
.CtiyBlockInner ul {
  margin: -5px;
}
.CtiyBlockInner {
  padding: 20px;
  position: relative;
  z-index: 1;
  top: -80px;
  box-shadow: 0px 20px 40px rgb(208 208 208 / 47%);
  background: #fff;
}
.CtiyBlockInner ul li article {
  position: relative;
  overflow: hidden;
}
.CityTopHead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.CityTopHead h4 {
  color: #fff;
  font-size: 24px;
  display: inline-block;
  font-size: 24px;
  font-family: "Roboto-Bold";
  margin-bottom: 5px;
}
.CityTopHead .pull-left img {
  width: 40px;
  position: relative;
  top: -5px;
  left: 5px;
}
.CityTopHead .pull-right h6 {
  margin-top: 7px;
  color: #fff;
  font-size: 16px;
  text-transform: capitalize;
}
.CityTopHead {
  padding: 10px;
}
.PriceHighlights {
  background: #f26522;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 15px;
}
.PriceHighlights span {
  display: block;
  color: #fff;
  font-size: 13px;
}
.PriceHighlights strong {
  display: block;
  font-weight: normal;
  color: #fff;
  font-size: 15px;
  font-family: "Roboto-Bold";
}
.PriceHighlights:after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 50px solid #f26522;
  border-right: 35px solid transparent;
  position: absolute;
  top: 0;
  right: -35px;
}
.CtiyBlockInner figure {
  background: #000;
  height: 320px;
  overflow: hidden;
}
.CtiyBlockInner figure img {
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.CtiyBlockInner article:hover figure img {
  opacity: 0.6;
  transform: scale(1.05);
}
.form-group-round .form-control {
  border: 1px solid #e3e4e6;
  height: 42px;
  line-height: 40px;
  border-radius: 4px;
  background-image: none !important;
}
.form-group-round {
  margin: 0px;
  margin-bottom: 15px;
  padding: 0;
}
.PMSFilter {
  padding: 20px 15px;
}
.buttonOrg button {
  background-color: #f26522;
  font-size: 16px;
  font-family: "Roboto-Bold";
  text-align: center;
  padding: 10px;
  width: 100%;
  border: none;
  border-radius: 4px;
  color: #fff;
}
.buttonOrg button:hover {
  background-color: #41254b;
}

/*TableStyle*/
.TableStyle table {
  border: 1px solid #e3e4e6;
}
.TableStyle table tr th {
  border: none;
  border-bottom: 1px solid #e3e4e6;
  background-color: #fff;
}
.TableStyle table tr td {
}
.TableStyle table tr td figure {
  width: 100px;
  height: 60px;
  border-radius: 5px;
  overflow: hidden;
}
.TableStyle table tr td figure img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.TableStyle table tr th {
  padding: 30px 15px;
  font-weight: normal;
  font-size: 16px;
  font-family: "Roboto-Bold";
  color: #000;
}
.TableStyle table tr td {
  padding: 15px;
  color: #7e9191;
}
.TableStyle table tr td {
  border: none;
}
.TableStyle table tbody tr:nth-child(odd) td {
  background: #f6fafd;
}
.TableStyle table select {
  height: 30px;
  line-height: 30px;
  padding: 0px 10px;
  border-radius: 4px;
  border: 1px solid #e3e4e6;
  width: 140px;
}
.TableStyle table .text-green {
  color: #f26522;
  font-family: "Roboto-Bold";
}
.Actionedit {
  color: #10a2ee;
}
.ActionDel {
  color: #f1315e;
}
.TableAction a {
  font-size: 20px;
  margin-right: 10px;
}
.PropertyNum h4 {
  font-size: 18px;
  font-family: "Roboto-Bold";
  color: #505050;
}
.PropertyNum span {
  padding: 2px 5px;
  background: #f26522;
  color: #fff;
  border-radius: 5px;
}
.PropertyNum {
  margin-top: 10px;
}
.VAT-table tr th {
  width: 50%;
  text-align: center;
}
.VATpage .PraTextBox {
  margin: 40px 0px;
}
.PraTextBox p {
  margin-bottom: 5px;
}

/*chat*/
.chat_bg {
  position: relative;
  background: url(../images/chat_ger.png) repeat #f3f5f7;
  margin-top: -250px;
  height: 75vh;
  box-shadow: 5px 5px 15px rgba(46, 65, 157, 0.2);
}
.chat_bg .form-group {
  margin: 0;
  padding: 0;
}
.chat_bg .form-group .form-control {
  margin: 0;
  background-image: none !important;
}
.chat_left_sidebar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 320px;
  background: #323131;
  z-index: 999;
}
.chat_user_profile_box {
  display: block;
  background: #767676;
}
.chat_user_image_des {
  display: block;
  padding: 15px;
  border-bottom: solid 1px #848484;
}
.chat_user_image_des:after,
.chat_user_image_des:before {
  display: table;
  clear: both;
  content: "";
}
.chat_user_image_des figure {
  float: left;
  width: 55px;
  margin: 0;
}
.chat_user_image_des figure a {
  display: block;
  width: 100%;
  height: 55px;
  overflow: hidden;
  border-radius: 100%;
}
.chat_user_image_des figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.chat_user_image_des figcaption {
  float: left;
  width: calc(100% - 55px);
  padding-left: 10px;
  padding-top: 10px;
}
.chat_user_image_des figcaption h4 {
  font-size: 15px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  margin: 0;
}
.chat_user_image_des figcaption span {
  display: block;
  font-size: 12px;
  color: #fff;
}
.chat_search_box {
  position: relative;
}
.chat_search_box i {
  position: absolute;
  left: 15px;
  top: 16px;
  font-size: 16px;
  color: #fff;
}
.chat_search_box .form-control {
  background: none;
  border: none;
  font-size: 12px;
  color: #c2a4e7;
  height: 49px;
  padding-left: 45px;
}
.chat_search_box .form-control:focus {
  box-shadow: none;
  background-image: none !important;
}
.chat_search_box .form-control::placeholder {
  color: #c2a4e7;
  opacity: 1;
}
.chat_search_box .form-control:-ms-input-placeholder {
  color: #c2a4e7;
}
.chat_search_box .form-control::-ms-input-placeholder {
  color: #c2a4e7;
}
.chat_user_list {
  height: calc(100% - 135px);
  overflow: auto;
}
.chat_user_list ul {
  background: #323131;
}
.chat_user_list ul li {
  display: block;
  position: relative;
  padding: 15px;
  border-left: solid 3px transparent;
}
.chat_user_list ul li:after,
.chat_user_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.chat_user_list ul li figure {
  float: left;
  width: 55px;
  margin: 0;
}
.chat_user_list ul li figure a {
  display: block;
  width: 100%;
  height: 55px;
  overflow: hidden;
  border-radius: 100%;
}
.chat_user_list ul li figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.chat_user_list ul li figcaption {
  float: left;
  width: calc(100% - 55px);
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
}
.chat_user_list ul li figcaption h4 {
  font-size: 15px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  margin: 0;
  padding-right: 50px;
}
.chat_user_list ul li figcaption span {
  display: block;
  font-size: 12px;
  color: #fff;
}
.chat_user_list ul li figcaption time {
  position: absolute;
  right: 0;
  top: 11px;
  font-size: 10px;
  color: #696969;
}
.chat_user_list ul li.active {
  background: #1c1b1b !important;
  border-left: solid 5px #66e217;
}
.chat_message_bg {
  display: block;
  height: 100%;
  padding-left: 320px;
}
.message_top_user_box {
  display: block;
  background: #606060;
  padding: 15px;
}
.message_top_user_box:after,
.message_top_user_box:before {
  display: table;
  clear: both;
  content: "";
}
.message_top_user_box figure {
  float: left;
  width: 55px;
  margin: 0;
}
.message_top_user_box figure a {
  display: block;
  width: 100%;
  height: 55px;
  overflow: hidden;
  border-radius: 100%;
}
.message_top_user_box figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.message_top_user_box figcaption {
  float: left;
  width: calc(100% - 55px);
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
}
.message_top_user_box figcaption h4 {
  font-size: 15px;
  color: #ffffff;
  font-family: "Roboto-Bold";
  margin: 0;
  padding-right: 50px;
}
.message_top_user_box figcaption span {
  display: block;
  font-size: 12px;
  color: #fff;
}
.send_message_box .send_button {
  margin-top: 0px;
}
.chat_message_list {
  display: block;
  height: calc(100% - 196px);
  overflow: auto;
  padding: 15px;
}
.chat_message_list ul li {
  display: block;
  margin-bottom: 15px;
}
.chat_message_list ul li:after,
.chat_message_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.chat_message_list ul li :last-child {
  margin-bottom: 0;
}
.message_box {
  display: block;
  margin-bottom: 15px;
}
.chat_message_list ul li .message_box:last-child {
  margin-bottom: 0;
}
.message_box:after,
.message_box:before {
  display: table;
  clear: both;
  content: "";
}
.message_box figure {
  float: left;
  width: 55px;
  margin: 0;
}
.message_box figure a {
  display: block;
  width: 100%;
  height: 55px;
  overflow: hidden;
  border-radius: 100%;
}
.message_box figure a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.message_box figcaption {
  float: left;
  max-width: calc(100% - 250px);
  padding-left: 15px;
  padding-top: 0px;
  position: relative;
}
.message_box figcaption video {
  width: 100%;
}
.message_box figcaption .message {
  display: inline-block;
  box-shadow: 0px 8px 25px rgba(46, 65, 157, 0.12);
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 15px;
  padding: 15px;
  font-size: 14px;
  color: #717e8b;
}
.chat_message_list ul li.User-Me .message_box figure {
  float: right;
}
.chat_message_list ul li.User-Me .message_box figcaption {
  float: right;
  padding-left: 0;
  padding-right: 15px;
}
.chat_message_list ul li.User-Me .message_box figcaption .message {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #e3e3e3;
  background-color: #ededed;
}
.chat_message_list ul li.User-Me .message_box figcaption .message {
  color: #717e8b;
}
.send_message_box {
  border-radius: 15px;
  box-shadow: 0 0 16px rgba(46, 65, 157, 0.04);
  background-color: #ffffff;
  margin: 20px 15px;
  position: relative;
}
.send_message_box .form-control {
  border: none;
  resize: none;
  background: none;
  height: 71px;
  font-size: 14px;
  color: #717e8b;
  padding: 15px 125px 15px 75px;
}
.send_button_chat {
  width: 40px;
  position: absolute;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  box-shadow: 0 0 18px rgba(102, 226, 23, 0.47);
  right: 15px;
  top: 15px;
  cursor: pointer;
  z-index: 9;
  height: 40px;
  border-radius: 100%;
  background: #66e217;
}
.send_message_box button {
  width: 40px;
  cursor: pointer;
  color: #fff;
  height: 40px;
  border: none;
  background: none;
  font-size: 22px;
  outline: none;
}
.send_message_box .form-control:focus {
  border-radius: 15px;
}
.send_button_chat:hover {
  background: #54cc07;
}
.chat_user_list ul li:hover {
  background: #000;
}
.chat_search_box .form-control {
  padding: 13px;
  padding-left: 45px;
  color: #fff;
}
.chat_search_box .form-control::-webkit-input-placeholder {
  color: #fff !important;
}
.chat_search_box .form-control::-moz-placeholder {
  color: #fff !important;
}
.chat_search_box .form-control:-ms-input-placeholder {
  color: #fff !important;
}
.chat_search_box .form-control:-moz-placeholder {
  color: #fff !important;
}
.ChatWrap {
  min-height: auto;
}
.TableStyle tbody tr:hover td {
  background: #f2f2f2 !important;
}

.emoji_button_chat {
  width: 40px;
  position: absolute;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  box-shadow: 0 0 18px rgba(102, 226, 23, 0.47);
  left: 15px;
  top: 15px;
  cursor: pointer;
  z-index: 9;
  height: 40px;
  border-radius: 100%;
  background: #66e217;
}
.attached_button_chat {
  width: 40px;
  position: absolute;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  box-shadow: 0 0 18px rgba(102, 226, 23, 0.47);
  right: 65px;
  top: 15px;
  cursor: pointer;
  z-index: 9;
  height: 40px;
  border-radius: 100%;
  background: #66e217;
}

/*ads page*/
.AdsMidBlk {
  display: flex;
  flex-flow: row wrap;
}
.AdsMidBlk .col-md-8 {
  display: flex;
  align-items: center;
  text-align: center;
}
.AdsMidBlk .col-md-8 img {
  margin: 0px auto;
  max-width: 500px;
}
.PraTextBox ul {
  list-style: disc;
  color: #f26522;
}
.PraTextBox ul li p {
  color: #464646;
}
.PraTextBox ul {
  padding-left: 15px;
}
.PraTextBox ul li {
  margin-bottom: 15px;
}
.PraTextBox h2 {
  color: #2b2b2b;
  font-size: 22px;
  font-family: "Roboto-Bold";
  margin-bottom: 20px;
}
.AdsPage .PraTextBox {
  margin-top: 30px;
}
.AdsPage .AdsContent {
  margin-top: 40px;
}
.AdsPage .AdsContent h4 {
  color: #2b2b2b;
  font-size: 22px;
  font-family: "Roboto-Bold";
  margin-bottom: 20px;
}
.AdsTit {
  margin-top: 40px;
  margin-bottom: 15px;
}
.AdsTit h1 {
  text-align: center;
  color: #f58a1d;
  font-size: 34px;
  font-family: "Roboto-Bold";
}
.PraTextBox b {
  font-weight: normal;
  font-family: "Roboto-Bold";
}
.propertymodal label i img {
  width: 18px;
  margin-right: 10px;
  top: -2px;
  position: relative;
}
.propertymodal .other_facilities li label {
  color: #000;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 100%; /* or set a fixed width like 200px */
}

/*FormsPageAds*/
.FormsPageAds .FormsAdsleft,
.FormsPageAds .FormsAdsRight {
  width: 140px;
  float: left;
  text-align: center;
  position: sticky;
  top: 25px;
}
.FormsPageAds:after {
  display: table;
  clear: both;
  content: "";
}
.FormsPageAds .central_western_region_list {
  float: left;
  width: calc(100% - 280px);
  padding: 0px;
}
.FormsAdsTopBottom {
  margin: 25px 0px;
}
.Social_Media_Share {
  position: fixed;
  height: 100%;
  z-index: 123;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
}
.Social_Media_Share article {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  position: relative;
}
.Social_Media_Share article .Social_Media_ShareName {
  width: 146px;
  text-align: center;
  display: flex;
  align-items: center;
  transform-origin: left top 0;
  transform: rotate(-90deg);
  position: absolute;
  left: 0px;
  padding: 8px;
  background: #fff;
  bottom: 60px;
  font-size: 16px;
}
.Social_Media_Share article .Social_Media_ShareName span {
  font-family: "Roboto-Bold";
}
.Social_Media_Share article .Social_Media_ShareName img {
  margin: 0px auto;
}
.Social_Media_Share article .Social_Media_ShareName h4 {
  transform: rotate(270deg);
  position: relative;
  left: -19px;
}
.Social_Media_Share article .Social_Media_ShareIocns {
  float: left;
  margin-left: 40px;
}
.Social_Media_Share article .Social_Media_ShareIocns a {
  width: 45px;
  height: 45px;
  display: block;
  text-align: center;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
article .Social_Media_ShareIocns a:nth-child(1) {
  background: #3b5998;
}
article .Social_Media_ShareIocns a:nth-child(2) {
  background: #1da1f2;
}
article .Social_Media_ShareIocns a:nth-child(3) {
  background: #833ab4;
}
article .Social_Media_ShareIocns a:nth-child(4) {
  background: #fffc00;
}
article .Social_Media_ShareIocns a:nth-child(5) {
  background: #ff0000;
}
article .Social_Media_ShareIocns a:nth-child(6) {
  background: #0088cc;
}
article .Social_Media_ShareIocns a:nth-child(7) {
  background: #dd4b39;
}
.Social_Media_Share article .Social_Media_ShareIocns a:hover {
  background: #000;
  transform: scale(1.3);
}
.advertiseButton {
  text-align: center;
  margin-top: 15px;
}
.advertiseButton a {
  display: inline-block;
  margin: 0px !important;
  width: auto;
  float: none !important;
  min-width: 150px;
}
#myModalLogout .modal-footer {
  text-align: center;
  padding-top: 20px;
}
#myModalLogout .modal-footer a {
  float: none !important;
  margin: 0px;
  margin: 0px 5px;
  background: #d2d0d2;
  border: solid 1px #d2d0d2;
  box-shadow: none;
  color: #333;
}
#myModalLogout .modal-footer a:hover {
  background: #9b9b9b;
  border: solid 1px #9b9b9b;
  box-shadow: none;
  color: #fff;
}
.AdsWithUS {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9dd53a+0,a1d54f+50,4c4c4c+50,4c4c4c+100 */
  background: #9dd53a; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    #9dd53a 0%,
    #a1d54f 50%,
    #4c4c4c 50%,
    #4c4c4c 100%
    ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    #9dd53a 0%,
    #a1d54f 50%,
    #4c4c4c 50%,
    #4c4c4c 100%
    ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    #9dd53a 0%,
    #a1d54f 50%,
    #4c4c4c 50%,
    #4c4c4c 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 */
}
.AdsWithUS .col-md-8 {
  background: #9dd53a;
  padding: 50px 0px;
}
.AdsWithUS .container {
  width: 30%;
}
.AdsWithUS .col-md-8 h4 {
  font-size: 40px;
  color: #fff;
  font-family: "Roboto-Bold";
}
.AdsWithUS .col-md-4 a {
  margin-top: 52px;
}
.VATflag .container {
  width: 100%;
  text-align: center;
}
.VATflag .container a {
  width: 200px;
  display: inline-block;
  overflow: hidden;
  border-radius: 25px;
  margin: 25px 10px;
  border: 5px solid #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
.VATflag .container a img {
  width: 100%;
  height: auto;
}
.VATflag .container a:hover {
  border-color: #f26522;
}
.ChatWelcome {
  display: flex;
  align-items: center;
  background: #fff;
}
.ChatWelcome article {
  margin: 0px auto;
}
.ChatWelcome article h2 {
  font-family: "Roboto-Bold";
  font-size: 26px;
  text-align: center;
  margin-top: 20px;
}

/* july 2018 arabic changes */
body.arabicbody .CityTopHead .pull-left {
  float: right !important;
}
body.arabicbody .CityTopHead .pull-right {
  float: left !important;
}
body.arabicbody .CityTopHead .pull-left img {
  left: -5px;
}
body.arabicbody .PriceHighlights {
  right: 0;
  left: auto;
}
body.arabicbody .PriceHighlights::after {
  left: -35px;
  right: auto;
  border-left: 35px solid transparent;
  border-right: none;
}
body.arabicbody .DropList button {
  text-align: right;
}
body.arabicbody .DropList button img {
  left: 15px;
  right: auto;
}
body.arabicbody .ListFilter li {
  padding-right: 00px;
  padding-left: 50px;
}
body.arabicbody .ListFilter li span {
  left: 0;
  right: auto;
}
body.arabicbody .FilterLeft {
  float: right;
}
body.arabicbody .ListingRight {
  float: left;
}
body.arabicbody .ListingResult article figure {
  float: right;
}
body.arabicbody .ListingResult article figcaption {
  float: left;
  padding-left: 0;
  padding-right: 20px;
}
body.arabicbody .ListingResult article figcaption .SellBtn {
  left: 0;
  right: auto;
}
body.arabicbody .LikeDislike {
  right: auto;
  left: 0;
}
body.arabicbody .ProListHead .pull-left {
  float: right !important;
}
body.arabicbody .ProListHead .pull-right {
  float: left !important;
}
/*body.arabicbody .Social_Media_Share { right: 0;left: auto; }
body.arabicbody .Social_Media_Share article .Social_Media_ShareIocns { margin-left: -8px;padding-right: 40px;  }
body.arabicbody .Social_Media_Share article .Social_Media_ShareName { top: 60px;bottom: auto;left: 77px;transform: rotate(90deg); width: 170px;} */
body.arabicbody .Social_Media_Share article .Social_Media_ShareName {
  width: 180px;
}
body.arabicbody .Social_Media_ShareName span {
  position: relative;
  left: -45px;
}
body.arabicbody .AdsWithUS .col-md-8 {
  background: #4c4c4c;
}
body.arabicbody .chat_left_sidebar {
  left: auto;
  right: 0;
}
body.arabicbody .chat_message_bg {
  padding-right: 320px;
  padding-left: 0px;
}
body.arabicbody .chat_user_list ul li {
  border-left: 0;
  border-right: 5px solid transparent;
}
body.arabicbody .chat_user_list ul li.active {
  border-right: solid 5px #66e217;
}
body.arabicbody .chat_user_list ul li figure {
  float: right;
}
body.arabicbody .chat_user_list ul li figcaption h4 {
  padding-right: 0px;
  padding-left: 50px;
}
body.arabicbody .chat_user_list ul li figcaption {
  padding-left: 0px;
  padding-right: 10px;
}
body.arabicbody .chat_user_list ul li figcaption time {
  left: 0;
  right: auto;
}
body.arabicbody .chat_user_image_des figure {
  float: right;
}
body.arabicbody .chat_user_image_des figcaption,
body.arabicbody .message_top_user_box figcaption {
  padding-left: 0px;
  padding-right: 10px;
}
body.arabicbody .message_top_user_box figure {
  float: right;
}
body.arabicbody .message_top_user_box figcaption h4 {
  padding-right: 0px;
  padding-left: 50px;
}
body.arabicbody .send_message_box .form-control {
  padding: 15px 15px 15px 85px;
  padding-right: 65px;
}
body.arabicbody .send_button_chat {
  right: auto;
  left: 15px;
}

.FilterNav {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding: 5px 0px;
  border-bottom: 1px solid #ccc;
  display: none;
}
.FilterNav .btn {
  margin: 0px;
}
.FilterNav h4 {
  font-size: 20px;
  font-family: "Roboto-Bold";
  margin-top: 5px;
}
.FilterClose {
  text-align: right;
  display: none;
}
.FilterCloseBtn {
  font-size: 20px;
  margin-right: 15px;
}
.FilterLeft {
  transition: 0.3s ease-in;
  overflow: auto;
}
.ChatNav {
  background: #fff;
  padding: 10px;
  display: none;
}
.ChatNav a i {
  font-size: 24px;
}
.chat_left_sidebar,
.chat_message_bg {
  transition: 0.3s ease-in;
}
.ChatNav .pull-left {
  font-family: "Roboto-Bold";
  font-size: 22px;
}

section.range-slider {
  position: relative;
  width: 200px;
  height: 35px;
  text-align: center;
}

section.range-slider input {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 22px;
  width: 200px;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

section.range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
}
section.range-slider input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
}
section.range-slider input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: rgba(0, 0, 0, 1);
  border: 0;
}
section.range-slider input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}
section.range-slider input[type="range"]::-moz-focus-outer {
  border: 0;
}
.facilitiesIcon i img {
  width: 18px;
  margin-right: 10px;
  top: -2px;
  position: relative;
}
.filter {
  height: 150px;
  overflow: auto;
}

.form_post_bg {
  display: block;
}
.form_post_bg .form_post_inner {
  margin: 20px;
  border-radius: 0;
  border: solid 1px #e3e4e6;
  display: block;
}
.form_post_inner:after,
.form_post_inner:before {
  display: table;
  clear: both;
  content: "";
}
.form_post_left {
  float: left;
  width: 267px;
  position: sticky;
  top: 10px;
  background: #fff;
}
.post_user_profile_box {
  display: block;
}
.post_user_head {
  display: block;
  background: #2c2c2c;
  padding: 10px;
}
.post_user_head:after,
.post_user_head:before {
  display: table;
  clear: both;
  content: "";
}
.post_user_head i {
  float: left;
}
.post_user_head h4 {
  float: left;
  font-size: 14px;
  color: #ffffff;
  width: 80%;
  padding-left: 5px;
  padding-top: 3px;
  margin-bottom: 0;
}
.post_user_des {
  display: block;
  text-align: center;
  padding: 15px;
}
.post_user_des figure {
  display: block;
}
.post_user_des figure a {
  display: inline-block;
  width: 111px;
  height: 111px;
  overflow: hidden;
  border-radius: 100%;
  border: solid 3px #e5e5e5;
}
.post_user_des figure h5 {
  font-size: 20px;
  color: #0e0e0e;
  text-transform: capitalize;
  font-family: "Roboto-Bold";
  padding-top: 10px;
}
.post_user_des figcaption {
  display: block;
  background: #f2f2f2;
  margin-top: 30px;
}
.post_user_des figcaption ul {
  display: block;
}
.post_user_des figcaption ul li {
  display: flex;
  padding: 5px 10px;
  font-size: 14px;
  color: #0e0e0e;
  text-align: left;
}
.post_user_des figcaption ul li.active {
  background: #d7d7d7;
}
.post_user_des figcaption ul li:hover {
  background: #d7d7d7;
}
.post_user_des figcaption ul li span {
  font-family: "Roboto-Bold";
  min-width: 82px;
}
.form_post_right {
  float: left;
  width: calc(100% - 267px);
  border-left: solid 1px #e3e4e6;
  padding: 20px;
  background: #fff;
}
.staircase_apartments_head {
  display: block;
}
.staircase_apartments_head h2 {
  font-size: 22px;
  color: #2c2c2c;
  font-family: "RobotoMedium";
  margin: 0 0 15px 0px;
  padding: 0;
}
.form_post_right p {
  font-size: 14px;
  color: #2c2c2c;
  margin-bottom: 15px;
}
.comment_bg {
  display: block;
}
.comment_form_box {
  display: block;
  position: relative;
}
.comment_form_box:after,
.comment_form_box:before {
  display: table;
  clear: both;
  content: "";
}
.comment_form_box .comment_message_box {
  float: none;
  display: block;
  width: 100%;
  border: none;
}
.comment_form_box .comment_message_box textarea {
  border: solid 1px #ebebeb;
  border-radius: 0;
  padding: 15px;
  font-size: 14px;
  color: #000;
  padding-right: 65px;
}
.comment_form_box .send_button {
  position: absolute;
  right: 0px;
  top: -8px;
  width: auto;
}
.comment_form_box .send_button input {
  text-indent: -9999px;
  border: none;
  background: url(../images/send.png) no-repeat transparent;
  width: 70px;
  height: 70px;
}
body .form_notification_list {
  margin-top: 15px;
  border: none;
}
body .form_notification_list ul li {
  padding: 10px 0px;
  border: none;
  position: relative;
  padding-right: 72px;
}
body.arabicbody .form_notification_list ul li {
  padding-right: 0;
  padding-left: 72px;
}
body .form_notification_list ul li figure {
  width: 55px;
  height: 55px;
  overflow: hidden;
  border-radius: 100%;
}
body .form_notification_list ul li figure img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}
body .form_notification_list ul li figcaption {
  display: block;
}
body .form_notification_list ul li figcaption h4 {
  font-size: 16px;
  color: #2c2c2c;
  font-family: "Roboto-Bold";
  padding-bottom: 10px;
}
body .form_notification_list ul li figcaption span {
  font-size: 14px;
  color: #b2b2b2;
  font-family: "RobotoMedium";
  padding-left: 15px;
}
body .form_notification_list ul li figcaption p {
  font-size: 14px;
  color: #2c2c2c;
}
.change-pass .col-md-6 {
  float: none;
  margin: 0px auto;
}
.ChangePassContainer {
  padding-top: 30px;
}
.filterClear {
  padding: 5px 10px !important;
  background: #e0e0e0 !important;
  display: inline-block !important;
  margin-bottom: 10px;
  width: auto !important;
  color: #000;
}
.filterClear:hover {
  background: #c9c9c9 !important;
}
.DropList .range-slider {
  margin-bottom: 15px;
  width: 100%;
}
.DropList .range-slider #rangePrice {
  width: 100%;
}
.DropList .range-slider #minRange {
  width: 100%;
  background: none;
}

body.arabicbody .form_post_left {
  float: right;
}
body.arabicbody .notification_list ul li figure {
  float: right;
}
body.arabicbody .comment_form_box .send_button {
  right: auto;
  left: 10px;
}
body.arabicbody .notification_list ul li figcaption {
  float: right;
  padding-left: 0px;
  padding-right: 15px;
}
body.arabicbody .post_user_des figcaption ul li {
  text-align: right;
}

.modal.custom .modal-dialog {
  width: 20%;
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 0;
}
.trackModal {
  pointer-events: none;
}
.ratingModal {
  pointer-events: initial;
}
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.rating-stars ul > li.star {
  display: inline-block;
}

/* Idle State of the stars */

.rating-stars ul > li.star > i.fa {
  font-size: 2.5em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}

/* Hover state of the stars */

.rating-stars ul > li.star.hover > i.fa {
  color: #ffcc36;
}
/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color: #ff912c;
}
/* If no rating is given*/
.rating-stars ul > li.nostar {
  display: inline-block;
}
.rating-stars ul > li.nostar > i.fa {
  font-size: 2.5em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}
/* rating showing on therapist page*/
.rating-stars ul > li.noratestar {
  display: inline-block;
}
.rating-stars ul > li.noratestar > i.fa {
  font-size: 1.5em; /* Change the size of the stars */
  color: #ccc; /* Color on idle state */
}
.rating-stars ul > li.ratestar {
  display: inline-block;
}
.rating-stars ul > li.ratestar > i.fa {
  font-size: 1.5em; /* Change the size of the stars */
  color: #ff912c; /* Color on idle state */
}
.active-emoji {
  filter: grayscale(100%);
  opacity: 1;
}
.message .emoji-outer {
  font-size: 5.345em;
}
.EmojiWrap {
  border: none;
  position: absolute;
  bottom: 78px;
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.EmojiWrap.ActiveEmoJi {
  border: 1px solid #ccc;
}
.EmojiWrap:after {
  display: table;
  clear: both;
  content: "";
}
.EmojiWrapLeft {
  width: 150px;
  float: left;
  border-right: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
}
.EmojiWrapLeft .emoji-outer {
  font-size: 70px !important;
}
.EmojiWrapRight {
  width: calc(100% - 150px);
  -webkit-width: calc(100% - 150px);
  -ms-width: calc(100% - 150px);
  -moz-width: calc(100% - 150px);
  float: left;
}
.EmojiWrapRight .emoji-div {
  height: 100px;
  overflow: auto;
  padding: 10px;
}
.EmojiWrap .emoji-outer {
  transition: 0.3s;
  cursor: pointer;
}
.EmojiWrap .emoji-outer:hover {
  transform: scale(1.2);
}
.EmojiWrapRight .emoji-bottomDiv {
  padding: 10px;
  border-top: 1px solid #ccc;
  padding-bottom: 0px;
}
.emoji-bottomDiv .emoji-inner:hover {
  filter: grayscale(0);
}
/*09-11-2018*/
#trackModal .modal-content {
  border-radius: 0;
}
#trackModal .modal-content .getlaid {
  margin-top: 7px;
  text-align: center;
}
#trackModal .modal-content .modal-header {
  border-radius: 0px;
  padding: 5px 30px;
}
#trackModal .modal-content .ratingModal {
  width: 360px;
}
#trackModal .login_form {
  background: #fff;
  padding: 50px;
}
#trackModal .rating-stars {
  margin-bottom: 25px;
}
#trackModal .form-group {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.RatingFixBtn {
  position: fixed;
  bottom: 0;
  right: 0;
  background: #f26522;
  padding: 10px;
  color: #fff;
  z-index: 9999;
  cursor: pointer;
  border-radius: 5px 5px 0px 0px;
  font-size: 14px;
}
.RatingFixBtn:hover {
  background: #333;
}
.WeatherTop {
  margin-top: 40px;
}
.WeatherTop .col-md-4 article {
  position: relative;
  background: #fff;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.02);
  border-radius: 5px;
}
.WeatherTop .col-md-4 article figure {
  width: 115px;
  text-align: center;
  padding: 25px 0px;
  margin: 0;
}
.WeatherTop .col-md-4 article figcaption {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0px 20px 0px 0px;
  color: #fff;
}

.WeatherTop .col-md-4 article figure img {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
}

.WeatherTop .col-md-4 article figcaption span {
  font-size: 18px;
}
.WeatherTop .col-md-4 article figcaption .dropdown {
  position: static;
}
.WeatherTop .col-md-4 article figcaption .dropdown-menu {
  padding: 15px;
  width: 100%;
}
.WeatherTop .col-md-4 article figcaption .dropdown-menu li {
  width: 50%;
  float: left;
}
.WeatherTop .col-md-4 article figcaption .dropdown-menu:after {
  display: table;
  content: "";
  clear: both;
}
/*Check box*/
.form-check label {
  position: relative;
  cursor: pointer;
  color: #666;
}
.form-check input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  right: 9000px;
}
.form-check input[type="checkbox"] + .label-text:before {
  content: "\f096";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
  font-size: 20px;
}
.form-check input[type="checkbox"]:checked + .label-text:before {
  content: "\f14a";
  color: #f26522;
  animation: effect 250ms ease-in;
}
.form-check input[type="checkbox"]:disabled + .label-text {
  color: #aaa;
}
.form-check input[type="checkbox"]:disabled + .label-text:before {
  content: "\f0c8";
  color: #ccc;
}
@keyframes effect {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(1.3);
  }
  75% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}
body.arabicbody .form-check input[type="checkbox"],
body.arabicbody input[type="radio"] {
  position: static;
  opacity: 1;
}
body.arabicbody .attached_button_chat {
  left: 70px;
  right: auto;
}
body.arabicbody .emoji_button_chat {
  right: 15px;
  left: auto;
}

/*09-11-2018*/

.AdsWithNew {
  background-image: linear-gradient(
    to bottom,
    #fff,
    #f26522,
    #47255c
    ) !important;
  text-align: center;
}
.AdsWithNew .container {
  padding: 50px 0px;
}
.AdsWithNew h4 {
  text-transform: uppercase;
  color: #333;
  font-family: "Roboto-Bold";
  font-size: 30px;
  margin-bottom: 30px;
  text-shadow: none;
  min-height: 66px;
}
.AdsWithNew .BtnGreen {
  height: 55px;
  line-height: 55px;
  padding: 0px 30px;
}
.customscroll-topnews {
  max-height: 420px;
  overflow: hidden;
}
.customscroll-latestnews {
  height: 530px;
  overflow: hidden;
}
.customscroll-popularnews {
  height: 410px;
  overflow: hidden;
}
.ProListHead .clearfix {
  position: relative;
}
.ProListHead .clearfix .pull-left {
  position: absolute;
  top: 5px;
  left: 0;
  text-align: center;
  width: 100%;
  pointer-events: none;
}
.ProListHead .clearfix .pull-left h3 {
  width: 65%;
  margin: 0px auto;
}
.FormBtnTabs ul {
  padding: 10px;
  width: 80%;
  margin: 0px auto;
  margin-bottom: 15px;
}
.FormBtnTabs ul li {
  float: left;
  width: 50%;
}
.FormBtnTabs ul li a {
  position: relative;
  width: 100%;
  background: #d2d9dc;
  display: block;
  color: #31353a;
  padding: 15px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  font-family: "Roboto-Bold";
}
.FormBtnTabs ul li a:after {
  content: "\f0da";
  font-family: "FontAwesome";
  font-size: 30px;
  position: absolute;
  right: -9px;
  top: 5px;
  color: #41254b;
  z-index: 1;
}
.FormBtnTabs ul li.active a {
  background: #41254b;
  color: #f26522;
}
.FormBtnTabs ul li:last-child a:after {
  opacity: 0;
}
.BankIcon {
  margin-top: 45px;
  text-align: center;
}
.BankIcon img {
  margin: 0px 30px;
  width: 150px;
}
.contactIconClass .dropdown-menu img,
.contactIconClass .dropdown-toggle span img {
  width: 30px;
  margin-right: 10px;
}

/*evaluators-page-css-here*/

.page_title_bg {
  position: relative;
}
.page_title_bg img {
  width: 100%;
  height: 431px;
  object-fit: cover;
  min-height: 360px;
}
.new_page_title {
  position: absolute;
  left: 0;
  top: 150px;
  width: 100%;
  text-align: center;
}
.new_page_title h2 {
  font-size: 34px;
  color: #ffffff;
  font-family: "Roboto-Bold";
}
.evaluators_page_content {
  display: block;
  padding-bottom: 80px;
  margin-top: -80px;
  position: relative;
  z-index: 9;
}
.why_how_box {
  background: #fff;
  background: #fff;
  padding: 30px;
}
.why_how_box h3 {
  font-size: 26px;
  color: #000000;
  font-family: "Roboto-Bold";
  padding-bottom: 15px;
}
.why_how_box p {
  font-size: 14px;
  color: #464646;
  line-height: 24px;
}
.why_how_box p:last-child {
  margin-bottom: 0;
  padding: 0;
}
.evaluators_box {
  display: block;
  margin-top: 10px;
  background: #fff;
  padding: 30px;
}
.evaluators_box h3 {
  font-size: 26px;
  color: #000000;
  font-family: "Roboto-Bold";
}
.region_city_box .form-control {
  border: solid 1px #e3e4e6;
  background: #fff;
  border-radius: 4px;
  height: 40px;
  font-size: 14px;
  color: #7e9191;
}
.region_city_box .form-control:focus {
  background: #fff;
}

.evaluators_list {
  display: block;
  border: solid 1px #e5e6e7;
}
.evaluators_list:after,
.evaluators_list:before {
  display: table;
  clear: both;
  content: "";
}
.evaluators_list ul li {
  float: left;
  width: 33.3%;
  border-bottom: solid 1px #e5e6e7;
  border-right: solid 1px #e5e6e7;
}
.evaluators_list ul li a {
  display: block;
  height: 304px;
  overflow: hidden;
}
.evaluators_list ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.evaluators_list ul li:nth-child(3),
.evaluators_list ul li:nth-child(6) {
  border-right: none;
}
.evaluators_list ul li:nth-child(4),
.evaluators_list ul li:nth-child(5),
.evaluators_list ul li:nth-child(6) {
  border-bottom: none;
}
.request_add_button {
  display: block;
  text-align: center;
  margin-top: 50px;
}
.request_add_button a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: auto auto;
  background-size: 100% 42px;
  height: 42px;
  line-height: 37px;
  padding: 0px 36px;
}
.openings_head {
  display: block;
  margin-bottom: 20px;
}
.openings_head h3 {
  font-size: 26px;
  color: #2b2b2b;
  font-family: "Roboto-Bold";
}
.openings_list {
  display: block;
}
.openings_list ul li {
  display: block;
  border: solid 1px #f0f1f2;
  background: #f4f5f7;
  padding: 15px;
  margin-bottom: 10px;
}
.openings_list ul li:after,
.openings_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.openings_list_left {
  float: left;
  width: calc(100% - 215px);
}
.openings_list_left h4 {
  font-size: 20px;
  color: #2b2b2b;
  font-family: "RobotoMedium";
  padding-bottom: 10px;
}
.openings_list_left p {
  font-size: 14px;
  color: #2b2b2b;
}
.openings_list_left span {
  display: block;
  font-size: 16px;
  color: #f26524;
}
.apply_button {
  float: right;
  margin-top: 42px;
}
.apply_button a {
  height: 42px;
  line-height: 34px;
  font-size: 18px;
  color: #fff;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: 100% 42px;
  display: inline-block;
  padding: 0px 35px;
}
.team_page_content .new_page_title h2 {
  color: #000;
}
.team_page_top_des {
  display: block;
}
.team_page_top_des p {
  font-size: 15px;
  color: #464646;
  line-height: 24px;
}
.team_list {
  display: block;
  padding: 30px 0px;
}
.team_list:after,
.team_list:before {
  display: table;
  clear: both;
  content: "";
}
.team_list ul {
  margin: 0px -10px;
}
.team_list ul li {
  float: left;
  padding: 0px 10px;
  width: 25%;
}
.team_list ul li figure {
  height: 261px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team_list ul li figure img {
  width: auto;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
}
.team_list ul li figcaption {
  padding: 20px 0px;
  text-align: center;
}
.team_list ul li figcaption h4 {
  font-size: 22px;
  color: #2b2b2b;
  font-family: "RobotoMedium";
}
.members_box {
  background: #f4f5f7;
  padding: 30px;
}
.members_head {
  display: block;
  margin-bottom: 20px;
}
.members_head h3 {
  font-size: 26px;
  color: #2b2b2b;
  font-family: "Roboto-Bold";
}
.members_list {
  display: block;
}
.members_list ul li {
  display: block;
  background: #fff;
  padding: 25px;
  border: solid 1px #f0f1f2;
  margin-bottom: 10px;
}
.members_list ul li:last-child {
  margin-bottom: 0;
}
.members_list ul li:after,
.members_list ul li:before {
  display: table;
  clear: both;
  content: "";
}
.members_list ul li figure {
  float: left;
  width: 113px;
  height: 113px;
  border-radius: 100%;
  overflow: hidden;
  border: solid 2px #da8101;
}
.members_list ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.members_list ul li figcaption {
  float: left;
  width: calc(100% - 113px);
  padding-left: 25px;
  padding-top: 8px;
}
.members_list ul li figcaption h4 {
  font-size: 20px;
  color: #2b2b2b;
  font-family: "RobotoMedium";
  padding-bottom: 10px;
}
.members_list ul li figcaption p {
  font-size: 15px;
  color: #2b2b2b;
  margin: 0;
}

/*news-detail-page-css-here*/

.news_detail_content {
  padding: 55px 0px;
  background: #f4f5f7;
}
.news_detail_des {
  display: block;
}
.news_detail_image {
  display: block;
  background: #fff;
  padding: 6px;
  border-radius: 4px;
}
.news_detail_image img {
  width: 100%;
  display: block;
}
.news_des {
  display: block;
}
.news_des h3 {
  font-size: 34px;
  color: #464646;
  padding: 15px 0px;
}
.news_des p {
  font-size: 14px;
  color: #464646;
  line-height: 24px;
  margin-bottom: 20px;
}
.related_news_box {
  display: block;
  background: #ffffff;
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0px 4px 4px rgba(209, 209, 209, 0.35);
}
.related_news_head {
  display: block;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.related_news_head h2 {
  font-size: 20px;
  color: #000000;
}
.related_news_list {
  display: block;
}
.related_news_list ul li {
  display: block;
  margin-bottom: 10px;
}
.related_news_list ul li:last-child {
  margin-bottom: 0;
}
.news_content_box {
  display: block;
  border: solid 1px #f2f2f2;
  border-radius: 4px;
}
.news_content_box figure {
  display: block;
  height: 139px;
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
}
.news_content_box figure img {
  width: 100%;
  height: 100%;
  border-radius: 4px 4px 0px 0px;
}
.news_content_box figcaption {
  display: block;
  padding: 15px;
  font-family: "RobotoMedium";
}
.news_content_box figcaption h4 {
  font-size: 18px;
  color: #545454;
  padding-bottom: 8px;
}
.news_content_box figcaption p {
  font-size: 12px;
  color: #9b9b9b;
  margin: 0;
}

/*sales-block-page-css-here*/

.sales_blocks_content {
  display: block;
  padding: 0px 0px 55px 0px;
}
.sales_blocks_content:after,
.sales_blocks_content:before {
  display: table;
  clear: both;
  content: "";
}
.sales_filter_box {
  float: left;
  width: 250px;
}
.sales_filter_box h1 {
  font-size: 25px;
  color: #464646;
  font-family: "Roboto-Bold";
  margin-bottom: 30px;
}
.sales_filter {
  background: #fff;
  border: solid 1px #e3e4e6;
  /* min-height: 537px; */
}
.sales_filter h2 {
  font-size: 19px;
  color: #464646;
  border-bottom: solid 1px #e3e4e6;
  padding: 15px;
  font-family: "Roboto-Bold";
}
.name_box {
  padding: 15px;
  display: block;
}
.name_box h3 {
  font-size: 16px;
  color: #464646;
  padding-bottom: 15px;
  font-family: "Roboto-Bold";
}
.name_box ul li {
  display: block;
  font-size: 13px;
  color: #8c8985;
}
.name_box ul li label {
  font-weight: normal;
}
.name_box ul li input {
  margin-right: 4px;
  margin-top: 2px;
}
.sale_filter_right {
  float: right;
  width: calc(100% - 275px);
}
.sale_filter_right .form-group {
  margin: 0;
}
.sale_filter_right .form-group .form-control {
  margin: 0;
}
.sale_filter_grap {
  border: solid 1px #e3e4e6;
  margin-top: 9px;
}
.request_add_button2 {
  display: block;
  text-align: center;
  margin-bottom: 100px;
}
.request_add_button2 a {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-family: "Roboto-Bold";
  background: url(../images/button_bg.png) no-repeat;
  background-size: auto auto;
  background-size: 100% 42px;
  height: 42px;
  line-height: 37px;
  padding: 0px 36px;
}

/*books-articles-page-css-here*/

.books_articles_content {
  padding: 254px 0 70px 0px;
}
.books_articles_slider {
  position: relative;
  margin-top: 40px;
  direction: ltr;
}
.books_articles_slider .owl-prev {
  position: absolute;
  left: -26px;
  top: 33%;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #a1422f !important;
  line-height: none;
}
.books_articles_slider .owl-prev span {
  font-size: 70px;
  position: relative;
  color: #fff;
  top: -29px;
}
.books_articles_slider .owl-next {
  position: absolute;
  right: -26px;
  top: 33%;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  background: #a1422f !important;
  line-height: none;
}
.books_articles_slider .owl-next span {
  font-size: 70px;
  position: relative;
  color: #fff;
  top: -29px;
}

/*consultants-services-page-css-here*/

.consultants_services_bg {
  background: #f4f5f7;
  padding: 80px 0px;
  direction: ltr;
}
.consultants_slide_box {
  display: block;
  background: #fff;
  padding: 30px;
  text-align: center;
}
.consultants_slide_box h3 {
  font-size: 21px;
  color: #000000;
}
.consultants_slide_box h2 {
  font-size: 26px;
  color: #000000;
  background: #f4f5f7;
  font-family: "RobotoMedium";
  margin: 20px 0px;
  padding: 10px;
}
.consultants_slide_box p {
  font-size: 15px;
  color: #9fa4af;
  margin: 0;
  line-height: 24px;
}
.consultants_slider .owl-item.active:nth-child(2) .item {
  transform: scale(1.2);
}
.books_articles_box {
  display: block;
  text-align: center;
  margin-bottom: 300px;
}
.books_articles_inner {
  display: inline-block;
  position: relative;
}
.books_articles_big_pic {
  display: block;
  width: 514px;
  background: #fff;
  padding: 6px;
  height: 690px;
  position: relative;
  z-index: 99;
}
.books_articles_big_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book_box {
  overflow: hidden;
}
.book_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.book_box1 {
  position: absolute;
  left: -200px;
  bottom: 44px;
  width: 203px;
  height: 252px;
}
.book_box2 {
  position: absolute;
  left: -254px;
  bottom: 292px;
  width: 255px;
  height: 253px;
}
.book_box3 {
  position: absolute;
  left: -86px;
  top: -169px;
  width: 255px;
  height: 315px;
}
.book_box4 {
  position: absolute;
  left: 168px;
  top: -86px;
  width: 255px;
  height: 86px;
}
.book_box5 {
  position: absolute;
  right: -114px;
  top: -12px;
  width: 206px;
  height: 242px;
}
.book_box6 {
  position: absolute;
  right: -245px;
  top: 230px;
  width: 246px;
  height: 253px;
}
.book_box7 {
  position: absolute;
  right: -168px;
  top: 481px;
  width: 411px;
  height: 250px;
}
.book_box8 {
  position: absolute;
  right: -15px;
  top: 729px;
  width: 256px;
  height: 202px;
}
.book_box9 {
  position: absolute;
  right: 241px;
  top: 691px;
  width: 244px;
  height: 98px;
}
body.arabicbody .other_facilities li label {
  position: relative;
}
body.arabicbody .other_facilities li label i {
  position: absolute;
  top: 0;
  left: -25px;
}
body.arabicbody .form_div.advertise-box label {
  position: relative;
}
/*body.arabicbody .form_div.advertise-box label i {
  position: absolute;
  top: 0;
  left: auto;
  right: 150px;
  width: 45px;
  }*/
  .project-pop .modal-body {
    padding: 30px;
  }
  .modal-cls {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .modal-cls button {
    color: #333;
  }
  .img-slider-new {
    position: relative;
  }
  .slider-pro-ctrl {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  .slider-pro-ctrl {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0;
  }
  .slider-pro-ctrl a {
    width: 15%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    pointer-events: initial;
    display: flex;
    align-items: center;
    text-align: center;
  }
  .slider-pro-ctrl a span {
    width: 100%;
  }
  .slider-pro-ctrl a span img {
    opacity: 0.5;
    width: 55px;
  }
  .slider-pro-ctrl a.right-ctrl {
    position: absolute;
    right: 0;
    top: 0;
  }
  .slider-pro-ctrl a.left-ctrl {
    position: absolute;
    left: 0;
    top: 0;
  }
  .slider-pro-ctrl a:hover {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .top-news-section .right-story a {
    margin-bottom: 30px;
    display: block;
  }
  .top-news-section .right-story a:last-child {
    margin-bottom: 0px;
  }
  .news_button {
    float: left;
  }
  .news_button a {
    display: block;
    height: 40px;
    line-height: 37px;
    padding: 0px 25px;
    border-radius: 5px;
    font-size: 14px;
    color: #fdfdfd;
    font-family: "Roboto-Bold";
    background: url(../images/button_bg.png) no-repeat;
    background-size: 100% 40px;
    text-transform: capitalize;
  }
  .salesbyblocks.evaluators_list {
    margin-bottom: 30px;
  }
  .salesbyblocks.evaluators_list ul li {
    width: 25%;
  }
  .salesbyblocks.evaluators_list ul li a {
    height: 214px;
  }
  .salesbyblocks.evaluators_list ul li:nth-child(4),
  .salesbyblocks.evaluators_list ul li:nth-child(5),
  .salesbyblocks.evaluators_list ul li:nth-child(6) {
    border-bottom: solid 1px #e5e6e7;
    border-right: solid 1px #e5e6e7;
  }
  .arabicbody .apply_button {
    float: left;
  }
  .arabicbody .openings_list_left {
    float: right;
  }
  .central_western_head_inner {
    float: left;
    width: 80%;
    padding: 15px 0px;
    border-right: solid 1px #b1b1b1;
  }
  body .gm-style-iw {
    top: 10px !important;
  }
  .location_filter_box .form-group {
    margin-top: 0;
  }
  .location_filter_box .form-group .btn-group .dropdown-menu li {
    float: none;
    display: block;
    width: 100%;
  }
  .location_filter_box .form-group .btn-group .dropdown-menu li a:hover {
    color: #fff !important;
  }
  body.arabicbody .location_filter_box .col-md-5,
  body.arabicbody .location_filter_box .col-md-2 {
    float: right;
  }
  .owl-nav button {
    outline: none !important;
  }
  body.arabicbody .central_western_head_inner {
    float: right;
  }
  .acoount-hover-list ul:before {
    content: "";
    border-bottom: solid 10px transparent;
    border-right: solid 10px #333;
    border-bottom: solid 10px transparent;
    position: absolute;
    left: -6px;
    top: 17px;
    transform: rotate(-136deg);
  }
  body.arabicbody .header_menu ul li ul li ul.acoount-hover-list {
    left: auto;
    right: 100%;
  }
  body.arabicbody .acoount-hover-list ul:before {
    right: -7px;
    top: 15px;
    border-right: solid 10px #333;
    border-bottom: solid 10px transparent;
    transform: rotate(45deg);
  }
  .arabicbody .contact-form .dropdown-menu > li > a {
    text-align: right;
  }
  .bootstrap-select.btn-group .dropdown-menu li > a:hover {
    color: #fff !important;
  }
  .advertise_button {

    padding-left: 15px;
  }

  .re-market-menu-li {
    display: none !important;
  }
  body.arabicbody .bootstrap-select.btn-group .btn .filter-option img,
  body.arabicbody .contactIconClass .dropdown-menu img {
    margin: 0px;
    margin-left: 10px;
  }
  .central_western_box_head h2 span:nth-child(1) {
    width: 35%;
  }
  .central_western_box_head h2 span:nth-child(2) {
    width: 35%;
  }
  .central_western_box_head h2 span:nth-child(3) {
    width: 15%;
  }
  .central_western_box_head h2 span:nth-child(4) {
    width: 15%;
  }
  .central_western_list ul li .reply_left_box {
    width: 35%;
  }
  .central_western_list ul li .reply_right_box {
    width: 35%;
  }
  .topic_box {
    width: 15%;
  }
  .replies_box {
    width: 15%;
  }
  .AdsWithNew article {
    /*background:rgba(255, 255, 255, 0.9);*/
    padding: 30px;
  }
  .advertise_graphic_box {
    display: block;
    padding-top: 30px;
    border-top: solid 2px #f26522;
    padding-bottom: 25px;
  }
  .advertise_graphic_box ul {
    display: block;
  }
  .advertise_graphic_box ul:after,
  .advertise_graphic_box ul:before {
    display: table;
    clear: both;
    content: "";
  }
  .advertise_graphic_box ul li {
    float: left;
    width: 33.33%;
    padding: 15px;
    text-align: center;
    color: #f26522;
    font-size: 15px;
  }
  .advertise_graphic_box ul li a {
    display: block;
  }
  .advertise_graphic_box ul li a img {
    max-width: 100%;
    max-height: 300px;
  }
  .advertise_graphic_box ul li a .infographicImg {
    border: solid 1px #47294a;
    border-radius: 5px;
    width: 100%;
  }
  .consultants_slide_box .owl-item {
    text-align: center;
  }
  .consultants_slide_box .owl-item img {
    width: auto !important;
    height: auto !important;
  }

  .information_password_bg {
    padding-top: 80px;
  }
  .information_password_bg .form-group {
    margin-bottom: 0;
  }
  .information_password_bg .all_inner_part {
    padding-bottom: 30px;
  }

  body.arabicbody .central_western_box_head h2 span:nth-child(1) {
    width: 34.95%;
  }
  body.arabicbody .central_western_box_head h2 span:nth-child(2) {
    width: 35%;
  }
  body.arabicbody .central_western_box_head h2 span:nth-child(3) {
    width: 15%;
  }
  body.arabicbody .central_western_box_head h2 span:nth-child(4) {
    width: 15%;
  }
  body.arabicbody .central_western_list ul li .reply_left_box {
    width: 35%;
  }
  body.arabicbody .central_western_list ul li .reply_right_box {
    width: 35%;
  }
  body.arabicbody .topic_box {
    width: 15%;
  }
  body.arabicbody .replies_box {
    width: 15%;
  }
  body.arabicbody .central_western_head_inner {
    border-right: solid 0px #b1b1b1;
    border-left: solid 1px #b1b1b1;
  }
  .arabicbody .central_western_list ul li h3 a {
    padding-right: 10px;
  }
  body.arabicbody .central_western_box_head h2 span:nth-child(4):after {
    content: "";
    width: 1px;
    height: 49px;
    background: #b1b1b1;
    position: absolute;
    right: 0;
    top: -15px;
  }
  body.arabicbody .FormBtnTabs ul li {
    float: right;
  }
  body.arabicbody .FormBtnTabs ul li a:after {
    left: -9px;
    right: auto;
    top: 8px;
    transform: rotate(180deg);
  }
  .advertise-box .col-md-6 {
    text-align: center;
  }
  .advertise-box button.btn {
    display: inline-block;
    width: auto;
  }
  .room_details {
    margin-top: 25px;
  }
  .room_details ul {
    display: inline-block;
    border: 1px solid #e3e4e6;
    border-radius: 10px;
  }
  .room_details ul li {
    display: inline-block;
    padding: 5px 15px;
    border-right: 1px solid #e3e4e6;
    text-align: center;
  }
  .room_details ul li span {
    font-family: "Roboto-Bold";
    color: #464646;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
  }
  .room_details ul li p {
    font-family: "Roboto-Bold";
    font-size: 14px;
    color: #929296;
    margin: 0;
  }
  .room_details ul li:last-child {
    border-right: none;
  }
  .AdsBgTop {
    padding: 35px 0;
  }
  .AdsBannerBg {
    position: -webkit-sticky; /* Safari */
    position: sticky;
  }
  .section .cat-box {
    float: none;
  }
  .section .breaker:before {
    right: 15px;
  }
  .arabicbody .categories-main .cat-title-box li {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
    margin-right: 18px;
    text-align: right;
  }
  .arabicbody .categories-main .cat-title-box li:before {
    left: auto;
    right: 15px;
  }
  .arabicbody .categories-main .cat-title-box h2 {
    text-align: right;
  }
  .arabicbody .serv-main .serv {
    text-align: right;
  }
  .arabicbody .header_menu ul li ul li {
    text-align: right;
  }
  .arabicbody .region_city_box .col-md-4 {
    float: right !important;
  }
  #snackbar {
    visibility: hidden;
    min-width: 250px;
    width: 25%;
    margin-right: -10px;
    margin-top: 10px;
    background-color: #f26522;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 10px;
    position: fixed;
    z-index: 1;
    right: 30px;
    font-size: 15px;
  }

  #snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
  }

  @-webkit-keyframes fadein {
    from {
      right: 0;
      opacity: 0;
    }
    to {
      right: 30px;
      opacity: 1;
    }
  }

  @keyframes fadein {
    from {
      right: 0;
      opacity: 0;
    }
    to {
      right: 30px;
      opacity: 1;
    }
  }

  @-webkit-keyframes fadeout {
    from {
      right: 30px;
      opacity: 1;
    }
    to {
      right: 0;
      opacity: 0;
    }
  }

  @keyframes fadeout {
    from {
      right: 30px;
      opacity: 1;
    }
    to {
      right: 0;
      opacity: 0;
    }
  }

  .gm-svpc {
    display: none;
  }
  body.arabicbody .room_details ul li:last-child {
    border-right: 1px solid #e3e4e6 !important;
  }
  body.arabicbody .room_details ul li:first-child {
    border-right: none;
  }

  .c-btn-group {
    text-align: right;
  }
  .c-btn-group button {
    display: inline-block;
    margin-top: 0;
  }
  body.arabicbody .c-btn-group {
    text-align: left;
  }
  body.arabicbody .account-hover-wrapper ul li a i {
    right: 90%;
  }
  .account-hover-wrapper {
    pointer-events: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    width: 750px;
    transform: translateY(-15px);
    transition: 0.3s ease-in-out;
    text-align: left;
    display: flex;
    opacity: 0;
    left: -77px;
    border-radius: 5px;
  }
  .re-market-menu .account-hover-wrapper {
    right: auto;
    left: 0;
  }

  .account-hover-wrapper .ac-left,
  .account-hover-wrapper .ac-right {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .acoount-hover-list {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    width: 200px;
    top: 35px;
    transition: 0.3s;
    text-align: left;
    border-radius: 5px;
    transform: scale(0);
    transform: -moz-scale(0);
    transform: -webkit-scale(0);
    transform: -o-scale(0);
    transform: -ms-scale(0);
  }
  .ac-fourms ul li {
    border-bottom: 1px solid #dcdcdc;
  }
  .ac-fourms ul li:last-child {
    border-bottom: none;
  }

  .ac-fourms ul li a {
    width: 70%;
    float: left;
  }
  .ac-fourms .ac-left,
  .ac-fourms .ac-right {
    padding: 15px;
  }
  .ac-recenter .ac-left ul {
    margin-top: 16px;
  }
  .ac-remarket .ac-right {
    padding: 20px;
    border-radius: 0 5px 5px 0;
  }
  .account-hover-wrapper ul li a {
    position: relative;
  }
  .account-hover-wrapper ul li a i {
    display: inline-block;
    width: 24px;
    position: absolute !important;
    right: 15px;
    top: 50% !important;
    transform: translateY(-50%);
  }
  .ac-fourms ul li .post-number {
    display: inline-block;
    width: 30%;
    padding: 10px;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcc;
  }
  .ac-fourms .ac-right figure a {
    position: relative;
    padding: 0;
    width: 100%;
    height: 164px;
    overflow: hidden;
  }
  .ac-fourms .ac-right figure a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .ac-fourms .ac-right figure a:hover {
    color: #fff;
  }
  .ac-fourms .ac-right figure a h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
  }
  .ac-fourms .ac-right figure a span.post-num {
    background-color: orange;
    padding: 10px 15px;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .ac-fourms .ac-right figure a span.post-num:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 40px solid #ffa500;
    border-left: 39px solid transparent;
    top: 0;
    position: absolute;
    left: -39px;
  }
  .header_menu > ul > li:hover .account-hover-wrapper {
    opacity: 1;
    transform: translateY(3px);
    pointer-events: initial;
  }

  .account-hover-wrapper .CtiyBlockInner {
    top: 0;
    border-radius: 0 5px 5px 0;
  }
  .arabicbody .account-hover-wrapper .CtiyBlockInner {
    border-radius: 5px 0 0 5px;
  }

  .account-hover-wrapper .CtiyBlockInner ul li {
    width: 100% !important;
  }
  .account-hover-wrapper .CtiyBlockInner ul li a {
    padding: 0;
  }
  .account-hover-wrapper .CtiyBlockInner figure {
    height: 235px;
  }
  .account-hover-wrapper .story {
    position: relative;
  }
  .account-hover-wrapper .story .content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #9a9a9a;
    background: linear-gradient(transparent, #000);
    width: 100%;
  }
  .account-hover-wrapper .story {
    height: 100%;
  }
  .account-hover-wrapper .story .pic {
    width: 100%;
    height: 250px;
    overflow: hidden;
  }
  .account-hover-wrapper .story .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .account-hover-wrapper .story .content h3 {
    font-family: "Roboto-Bold";
    color: #fff;
    border-left: 2px solid #f26522;
    line-height: 22px;
    margin: 0 0 10px;
    padding: 0 10px;
    font-size: 22px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .account-hover-wrapper .story .content .meta {
  }
  .account-hover-wrapper .story .content .meta ul li {
    list-style: none;
    display: inline-block;
    padding-right: 20px;
    font-size: 14px;
    color: #9a9a9a;
  }

  .account-hover-wrapper::before {
    content: "";
    border-bottom: solid 10px transparent;
    border-right: solid 10px #fff;
    border-bottom: solid 10px transparent;
    position: absolute;
    left: 13%;
    top: -5px;
    transform: rotate(-45deg);
  }
  body.arabicbody .account-hover-wrapper::before {
    left: auto;
    right: 13%;
  }

  .date-accordian-wrapper .panel-default > .panel-heading {
    background: #fff;
  }
  .date-accordian-wrapper .panel-title > a {
    position: relative !important;
    display: block;
  }
  .date-accordian-wrapper .panel-title > a:hover {
    text-decoration: none;
  }
  .date-accordian-wrapper .panel-title > a i {
    position: absolute;
    right: 0;
    width: 12px;
  }
  .date-accordian-wrapper .month-list {
    margin-bottom: 0;
  }
  .date-accordian-wrapper .month-list li {
    padding: 8px 0;
    font-size: 16px;
  }
  .date-accordian-wrapper .panel-default ul li a:hover {
    text-decoration: none;
  }
  .date-accordian-wrapper .panel-default .panel-body {
    padding-top: 0;
    padding-bottom: 0;
  }
  .month-post-wrapper ul {
    margin-bottom: 0;
  }
  .month-post-wrapper ul li {
    border-bottom: 1px solid #ddd;
  }
  .month-post-wrapper ul li:last-child {
    border-bottom: none;
  }
  .month-post-wrapper ul li a {
    display: block;
    padding: 12px 15px;
    padding-right: 75px;
    position: relative;
    font-size: 15px;
    font-family: "Roboto-Bold";
    color: #454545;
    border-left: 2px solid #f26522;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .month-post-wrapper ul li a:hover {
    text-decoration: none;
  }
  .month-post-wrapper ul li a span {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #979797;
  }
  .month-post-wrapper .tab-content .tab-pane {
    border: 1px solid #ddd;
  }
  .sales_filter .form-check input[type="checkbox"],
  .sales_filter input[type="radio"] {
    position: relative;
    margin-right: 8px;
    right: 0;
  }

  .re-market-menu .account-hover-wrapper:before {
    left: 12px;
    right: auto;
  }
  body.arabicbody .re-market-menu .account-hover-wrapper:before {
    left: 12px;
    right: auto;
  }

  body.arabicbody .month-post-wrapper ul li a span {
    right: auto;
    left: 15px;
  }
  body.arabicbody .month-post-wrapper ul li a {
    padding-right: 15px;
    padding-left: 75px;
  }
  body.arabicbody .date-accordian-wrapper .panel-title > a i {
    right: auto;
    left: 0;
  }
  body.arabicbody .loop-story .title h3 {
    margin: 10px 15px;
  }
  body.arabicbody .ac-fourms ul li a {
    float: right;
  }
  body.arabicbody .ac-fourms ul li span.post-number {
    float: left;
    border-right: 1px solid #dcdcdc;
    border-left: none;
  }
  .ac-fourms .ac-left ul {
    border: 1px solid #dcdcdc;
  }
  .ac-remarket .ac-left {
    position: relative;
    z-index: 99;
  }
  .ac-remarket .ac-left {
    position: relative;
    z-index: 5;
  }
  .remarket-submenu ul {
    left: calc(100% + 20px) !important;
  }
  .remarket-submenu ul::before {
    content: none !important;
  }
  body.arabicbody .arrow-cdc {
    transform: translateY(-50%) rotate(180deg);
  }
  .news_detail_content > .container > .row {
    position: relative;
  }
  .news_detail_content .row .ads-left-pos {
    position: absolute;
    left: -101px;
    top: 0;
  }
  body.arabicbody .news_detail_content .row .ads-left-pos {
    left: auto;
    top: 0;
    right: -101px;
  }
  .news_detail_des .form_post_right {
    width: 100%;
  }
  .news_detail_des .form_post_right:after,
  .news_detail_des .form_post_right:before {
    display: table;
    clear: both;
    content: "";
  }
  .like-dislike a i {
    font-size: 28px;
    color: #8c8c8c;
    transition: 0.15s ease-in-out;
    margin-right: 5px;
  }
  .like-dislike a {
    margin-right: 15px;
    display: flex;
    align-items: center;
  }
  .like-dislike a:hover i {
    color: #f26522;
  }
  .like-social {
    padding: 15px;
    background-color: #f5f5f5;
    margin: 20px 0;
    box-shadow: 0px 4px 4px rgba(209, 209, 209, 0.35);
  }
  .like-social .like-dislike {
    float: left;
    margin-top: 3px;
    display: flex;
  }
  .like-social .social-btn {
    float: right;
  }
  .like-social .social-btn label {
    float: right;
  }
  .news-head marquee {
    line-height: 20px;
  }
  body.arabicbody .account-hover-wrapper .story .content .meta ul li {
    float: right;
    padding-right: 0;
    padding-left: 20px;
  }
  body.arabicbody .account-hover-wrapper .story .content .meta ul li i {
    top: auto !important;
  }
  body.arabicbody .archive-section .row:last-child .col-md-4 {
    float: right;
  }
  body.arabicbody .account-hover-wrapper .story .content h3 {
    border-right: 2px solid #f26522;
    border-left: none;
  }
  .forum-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0, 0.4);
  }

  body.arabicbody .members_list ul li figure {
    float: right;
  }
  body.arabicbody .members_list ul li figcaption {
    padding-left: 0;
    padding-right: 25px;
  }
  body.arabicbody .sales_filter .form-check input[type="checkbox"],
  body.arabicbody .sales_filter input[type="radio"] {
    position: relative;
    margin-left: 8px;
    right: 0;
  }
  body.arabicbody .advertise-box .form-group input[type="radio"] {
    position: relative;
    margin-left: 14px;
    right: auto;
  }
  .advertise-box .form-group input[type="radio"] {
    position: relative;
    margin-right: 2px;
    top: 2px;
    right: auto;
  }

  /*.location_filter_box{position: fixed; left: 0; bottom: 100px; background: #fff; width: 100%; z-index: 999999999999;}*/
  .post-action-btn {
    position: absolute;
    top: 15px;
    right: 10px;
  }
  .post-action-btn a i {
    font-size: 22px;
  }
  .post-action-btn a {
    display: inline-block;
    margin: 0 5px;
  }
  .post-action-btn a.add-btn i {
    color: #5a83ff;
  }
  .post-action-btn a.del-btn i {
    color: #9c0013;
  }

  body.arabicbody .post-action-btn {
    right: auto;
    left: 10px;
  }
  .post-date {
    display: inline-flex;
    align-items: center;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 14px;
  }
  .post-date i {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
  }

  body.arabicbody .post-date i {
    margin-right: 0;
    margin-left: 10px;
  }
  .modal-comment-sec .form_post_right {
    float: none;
    width: 100%;
    border-left: none;
  }
  .modal-comment-sec a {
    display: block;
    font-size: 16px;
    color: #454545;
    text-align: center;
    text-decoration: none;
    border-top: 1px solid #ccc;
    padding: 15px 0;
    font-weight: bold;
    position: relative;
  }
  .modal-comment-sec a i {
    position: absolute;
    right: 0;
    width: 14px;
  }
  .modal-comment-sec a:hover {
    text-decoration: none;
  }
  .modal-comment-sec .login_form {
    background-image: none !important;
    padding: 20px !important;
  }
  .modal-comment-sec .collapse {
    border-top: 1px solid #ccc;
  }
  .modal-like-social .social-btn {
    float: left;
  }
  .modal-like-social > label {
    float: right;
  }
  body.arabicbody .modal-like-social .social-btn {
    float: right !important;
  }
  body.arabicbody .modal-like-social > label {
    float: left !important;
  }
  body.arabicbody .modal-comment-sec a i {
    position: absolute;
    right: auto;
    left: 0;
    width: 14px;
  }
  .post-date-wrapper {
    display: flex;
  }

  body.arabicbody
  .modal-comment-sec
  .comment_form_box
  .comment_message_box
  textarea {
    padding-right: 15px;
    padding-left: 65px;
  }

  /*-----------------------------New Pages css----------------------------*/
  .listing-filter {
    background: #e1e1e1;
    padding: 15px 0;
  }
  .listing-filter .row {
    display: flex;
    justify-content: center;
  }
  .listing-filter .bootstrap-select > .btn {
    background: url(../images/drop_arrow.png) no-repeat right center #fff !important;
    border-radius: 5px !important;
    font-size: 16px !important;
    color: #959595 !important;
    padding: 10px !important;
    border: none !important;
    width: 100% !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: "";
  }

  .listing-filter
  .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
  }
  .map-n-listing {
    display: flex;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 20px 0px;
    padding-top: 10px;
  }
  .map-n-listing .auction-listing,
  .map-n-listing .auction-listing .map-wrpper {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .auction-date-dd {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 0;
    color: #454545;
    display: inline-flex;
    margin: 0 10px;
    margin-top: 20px;
  }
  .auction-date-dd i {
    padding-right: 5px;
  }
  .auction-date-dd-wrap {
    margin: 0 -10px;
  }
  .online-auction-wrapper .ListingResult article figure a {
    height: 183px;
  }
  .online-auction-wrapper .ListingResult .list-item figure {
    height: 183px;
  }
  .map-n-listing .auction-listing {
    padding: 20px;
  }
  /*.auction-date-dd.end-date{background: #e51b46;}*/
  .online-auction-wrapper .ListingResult article figcaption {
    padding-bottom: 0;
  }
  .auction-property-btn {
    margin-top: 20px;
  }
  .auction-property-btn button {
    margin: 0 auto;
  }
  .map-wrpper {
    width: 100%;
    overflow: hidden;
/*    padding: 20px;*/
    padding-bottom: 0;
  }
  .map-wrpper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .map-n-listing .auction-listing {
    height: 744px;
    border-left: 1px solid #333;
    overflow-y: hidden;
  }
  .map-n-listing .auction-listing:hover {
    overflow-y: auto;
  }

  .property-box-xx figure {
    width: 130px;
    margin: 0 auto;
  }
  .property-box-xx .adButton {
    margin: 0 auto;
    margin-top: 20px;
  }
  .auction-your-property .modal-body {
    padding: 50px 30px;
  }
  .form-divider {
    height: 2px;
    background-color: #454545;
    margin: 30px 0;
  }
  .listing-filter h4 {
    color: #fff;
    font-size: 24px;
    font-family: "Roboto-Bold";
    display: inline-block;
  }
  .listing-filter .title {
    margin-bottom: 15px;
    text-align: center;
    position: relative;
  }
  .listing-filter .title span {
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
  }
  .add-auction-wraper .listing-filter .title {
    margin: 25px;
  }
  .add-auction-wraper .listing-filter .title h4 {
    margin: 0;
  }
  .add-auction-wraper > .container {
    background: #fff;
    box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.1);
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 30px 30px;
  }

  /*.map-n-listing .ListingResult article figcaption{padding-bottom: 25px;}*/
  .map-n-listing .LikeDislike a {
    margin-right: 0;
  }
  .listing-filter-1 {
    background-image: url("../webroot/icons/banner-bg-1.jpg");
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: center;
  }
  .listing-filter {
    position: relative;
  }
  .listing-filter:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .listing-filter .container {
    position: relative;
  }

  .opening-bid-table td,
  .opening-bid-table th {
    font-size: 28px;
  }
  /*.opening-bid-table table th, .opening-bid-table table td{background-color: #f7f7f7 !important;}*/
  .opening-bid-table td {
    color: #f26522;
  }

  .mtb-20 {
    margin: 20px 0;
  }

  .make-bid-btn .btn {
    min-width: 250px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
  }
  .chat-wrapper {
    border: 2px solid #009bd1;
    position: relative;
  }

  .chat-wrapper.private .chat-header {
    background-color: #f26522;
  }
  .chat-wrapper .chat-header {
    padding: 20px 0;
    text-align: center;
    background-color: #5d64c8;
    position: relative;
  }
  .chat-wrapper .chat-header:after,
  .chat-wrapper .chat-header:before {
    display: table;
    clear: both;
    content: "";
  }
  .user_list_button {
    float: left;
    margin-left: 15px;
  }
  .chat_user_list01 .chat-header .user_list_button {
    float: right;
    margin-right: 15px;
    margin-left: 0;
  }
  .user_list_button a {
    display: block;
    width: 24px;
  }
  .chat_user_list01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    padding-top: 10px;
  }

  .chat_user_list01 ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    overflow: auto;
    background: #fff;
    border-right: solid 1px #ccc;
  }
  .chat_user_list01 ul li {
    display: block;
    padding: 10px;
    border-bottom: solid 1px #e8e8e8;
  }
  .chat_user_list01 ul li:after,
  .chat_user_list01 ul li:before {
    display: table;
    clear: both;
    content: "";
  }
  .chat_user_list01 ul li figure {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0;
    overflow: hidden;
  }
  .chat_user_list01 ul li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .chat_user_list01 ul li figcaption {
    float: left;
    width: calc(100% - 50px);
    padding-left: 15px;
    padding-top: 10px;
  }
  .chat_user_list01 ul li figcaption h4 {
    font-size: 14px;
    color: #333;
    font-family: "RobotoMedium";
    text-transform: capitalize;
    padding-bottom: 0px;
  }
  .chat_user_list01 ul li figcaption time {
    font-size: 10px;
    color: #a8a8a8;
  }
  .close_chat {
    position: absolute;
    right: -36px;
    top: 0px;
    width: 35px;
    text-align: center;
    height: 35px;
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 35px;
  }
  .close_chat a {
    color: #333;
    text-align: center;
    display: block;
  }
  .chat_user_list01 ul li.active {
    background: #f1f1f1;
  }
  .chat_user_list01 ul li.active figcaption time {
    color: #f26522;
  }

  .chat-wrapper .chat-body ul {
    height: 400px;
    overflow-y: auto;
  }
  .chat-wrapper .chat-header h4 {
    font-size: 22px;
    color: #fff;
  }
  .chat-wrapper .chat-body ul li {
    width: 70%;
    margin-bottom: 15px;
  }
  .chat-wrapper .chat-body ul li:last-child {
    margin-bottom: 0;
  }
  .chat-wrapper .chat-body ul li.my-msg {
    float: right;
  }
  .chat-wrapper .chat-body ul li.my-msg span {
    text-align: right;
  }
  .chat-wrapper .chat-body ul li.your-msg {
    float: left;
  }
  .chat-wrapper .chat-body ul li span {
    display: block;
    font-size: 12px;
  }
  .chat-wrapper .chat-body ul li .msg {
    background: #fff;
    padding: 10px 15px;
    border-radius: 8px;
  }
  .chat-wrapper .chat-body ul li p {
    color: #8e8e8e;
  }
  .chat-wrapper .chat-body {
    padding: 20px;
  }
  .chat-control textarea {
    resize: none;
    border: none;
    border-radius: 50px;
    width: 100%;
    padding: 10px 15px;
    height: 60px;
    padding-right: 70px;
    outline: none;
  }
  .chat-control button {
    --webkit-appearance: none;
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    background-color: #f26522;
    border-radius: 50%;
    box-shadow: none;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    outline: none;
  }
  .chat-control button i {
    font-size: 26px;
    line-height: 48px;
    color: #fff;
  }
  .chat-control {
    position: relative;
    margin-top: 20px;
  }
  .property-auction-wrapper .termuse_des_box {
    padding-top: 0;
  }
  .property-auction-wrapper .table-heading {
    font-size: 20px;
  }
  .opening-bid-wrap {
    margin: 50px 0;
  }

  /*-----------------------------arabic css--------------------------*/
  body.arabicbody .chat-control button {
    right: auto;
    left: 15px;
  }
  body.arabicbody .chat-control textarea {
    padding-left: 70px;
    padding-right: 15px;
  }
  .auction-your-property table th {
    background-color: #f26522;
    color: #fff;
  }

  body.arabicbody .property-auction-wrapper table td,
  body.arabicbody .property-auction-wrapper table th {
    text-align: right;
  }
  .bid-list {
    height: 358px;
    overflow: auto;
  }
  .chat-wrapper.public-chat .chat-body ul li {
    width: 100%;
  }
  .property-auction-wrapper .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .list-item {
    display: block;
  }
  .list-item figure {
    display: block;
    width: 200px;
    height: 170px;
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden;
    float: left;
  }
  .FormBtnTabs-inner {
    margin-top: 40px;
    mix-width: 300px;
  }
  .btn-purpul {
    display: inline-block !important;
    margin: 0;
    background: #41254b !important;
  }
  .btn-purpul:hover {
    background: #f26522 !important;
  }
  .termuse_des_box-in {
    padding-top: 20px !important;
    border-top: 1px solid #ccc;
  }
  body.englishbody .map-n-listing .auction-listing {
    border-left: 0px;
    border-right: 1px solid #333;
  }
  .property-auction-wrapper .fa {
    margin-right: 3px;
  }
  .property-auction-wrapper table tr:nth-child(2n + 1) td {
    background-color: #fff !important;
  }
  .property-auction-wrapper table,
  .property-auction-wrapper table td,
  .property-auction-wrapper table th {
    border-color: #009bd1 !important;
    border-width: 2px;
  }
  .property-auction-wrapper table {
    border-radius: 5px;
  }
  .add-images-wrap.input_fields_wrap .add_box {
    width: 100%;
    float: none;
  }
  .add-images-wrap .owl-nav button {
    font-size: 64px !important;
    color: #f26522 !important;
  }
  .add-images-wrap .owl-nav button.disabled {
    color: #979797 !important;
  }
  .add-images-wrap .owl-nav .owl-prev {
    position: absolute;
    top: 20px;
    left: -35px;
  }
  .add-images-wrap .owl-nav .owl-next {
    position: absolute;
    top: 20px;
    right: -35px;
  }
  .add-images-wrap {
    width: 50%;
    float: right;
    padding: 0 0px;
  }
  .all_add_box_dash .add_box {
    width: 23% !important;
  }
  /*.add-images-wrap-wrap{padding: 0 50px;}*/
  .table-ftrte th {
    background: #b8cce4;
  }
  .btn-purpul.no-hover {
    float: right;
  }
  body.arabicbody .btn-purpul.no-hover {
    float: left;
  }
  .btn-purpul.no-hover:hover {
    background: #41254b !important;
  }
  #chatWelcomeDiv {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .chatWelcome_content h2 {
    font-size: 18px;
    color: #333;
    font-family: "RobotoMedium";
    padding-top: 20px;
  }
  .chat-wrapper .chat-body {
    min-height: 520px;
  }

  .listed_bid_button_bg {
    display: block;
    text-align: center;
    padding-bottom: 30px;
  }
  .listed_bid_button_bg ul {
    display: inline-block;
  }
  .listed_bid_button_bg ul li {
    float: left;
    margin-right: 15px;
  }
  .listed_bid_button_bg ul li:last-child {
    margin-right: 0;
  }
  .listed_bid_button_bg ul li a {
    background: url(../images/button_bg.png) no-repeat;
    height: 45px;
    line-height: 40px;
    padding: 0px 25px;
    border-radius: 5px;
    font-size: 14px;
    color: #fdfdfd;
    background-size: 100% 45px;
    text-transform: capitalize;
    font-family: "Roboto-Bold";
    display: block;
  }
  #map-auction {
    max-width: 526px;
    width: auto !important;
  }
  .edit-delete-bg {
    position: absolute;
    right: 30px;
    bottom: 20px;
  }
  .edit-delete-bg a {
    float: left;
    padding: 10px 15px;
    border-radius: 4px;
    background: #f26522;
    font-size: 14px;
    color: #fff;
    font-family: "RobotoMedium";
    margin-right: 5px;
  }
  .edit-delete-bg a:last-child {
    margin-right: 0;
  }
  .edit-delete-bg a:hover {
    background: #41254b;
  }
  .member_price_table_bg .modal-dialog {
    width: 900px;
  }
  .member_button {
    float: right;
    margin-top: -7px;
    position: relative;
    top: 4px;
  }
  .member_button a {
    font-size: 22px;
    color: #333;
    padding-right: 8px;
  }
  .member_button a:hover {
    color: #f26522;
  }
  .member_button a:last-child {
    padding-right: 0;
  }
  .yes_no_button a {
    display: block;
    background: #f26522;
    font-size: 14px;
    color: #fff;
    font-family: "RobotoMedium";
    padding: 8px 10px;
    border-radius: 3px;
    width: 45px;
    text-align: center;
  }
  .yes_no_button a:hover {
    background: #333;
  }
  .arabicbody .chat_user_list01 {
    left: auto;
    right: 0;
  }
  .arabicbody .close_chat {
    right: auto;
    left: -35px;
  }
  .arabicbody .chat_user_list01 ul li figure {
    float: right;
  }
  .arabicbody .chat_user_list01 ul li figcaption {
    padding-left: 0;
    padding-right: 15px;
  }
  .arabicbody .user_list_button {
    float: right;
    margin-left: 0;
    margin-right: 15px;
  }
  .arabicbody .list-item figure {
    float: right;
  }
  .arabicbody .ListingResult .list-item figcaption {
    padding-left: 0;
    padding-right: 20px;
  }
  .arabicbody .ListingResult .list-item figcaption .SellBtn {
    left: 0;
    right: auto;
  }
  .arabicbody .add-images-wrap .owl-nav .owl-next {
    direction: ltr;
  }
  .arabicbody .add-images-wrap .owl-nav .owl-prev {
    direction: ltr;
  }
  .arabicbody .chat_user_list01 {
    border-left: solid 1px #ccc;
    border-right: none;
  }
  .arabicbody .chat_user_list01 .chat-header .user_list_button {
    float: left;
    margin-right: 0;
    margin-left: 15px;
  }
  .arabicbody .chat_user_list01 ul {
    left: auto;
    right: 0;
  }
  .arabicbody .owl-carousel {
    direction: ltr;
  }
  .arabicbody .edit-delete-bg {
    right: auto;
    left: 30px;
  }
  .tablebg {
    display: block;
    overflow: auto;
  }
  .changeBidStatus {
    padding: 10px;
    font-size: 12px;
    color: #333;
  }
  .arabicbody .search_table_list .checkbox {
    text-align: right;
  }
  .arabicbody .price-table {
    text-align: right;
  }
  .arabicbody .quik_link_bg ul li a {
    background: url(../images/menu_arrow2.png) no-repeat right center;
    padding: 10px 30px 10px 10px;
  }
  .arabicbody .pre_number_list {
    text-align: right;
  }
  .arabicbody .pre_number_list ul {
    padding-left: 0;
    padding-right: 15px;
  }
  .arabicbody .like-dislike a {
    margin-right: 0;
    margin-left: 15px;
  }
  .arabicbody .like-dislike a i {
    margin-right: 0;
    margin-left: 5px;
  }
  .arabicbody .like-dislike a:last-child {
    margin-left: 0;
  }
  .arbic_logo {
    display: none;
  }
  .arabicbody .english_logo {
    display: none;
  }
  .arabicbody .arbic_logo {
    display: block;
  }
  .arabicbody .content_page_bg .updated_date {
    text-align: left;
  }
  .arabicbody .my_account_content_section .my_account h2 {
    text-align: right;
  }
  .arabicbody .price-table tr td:first-child {
    text-align: right;
  }
  .arabicbody .cat-box .notification_list ul {
    text-align: right;
  }

/*------------------------------------------------------------------
Phase9-page-css-here
------------------------------------------------------------------*/

/*search-page-css*/

.search_engine_section {
  background: url(../images/search_banner01.jpg) no-repeat left center;
  background-size: cover;
  min-height: 355px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.search_engine_section h2 {
  font-size: 50px;
  font-weight: 500;
  color: #ffffff;
  font-family: "Roboto-Bold";
}
.search_engine_des {
  padding: 0px 0 40px 0px;
}
.search_engine_des h3 {
  font-size: 18px;
  font-family: "Roboto-Bold";
  padding: 15px;
  background: #f26522;
  color: #fff;
  background: url(../images/title_banner.jpg) no-repeat;
  background-size: cover;
}
.search_table_list {
  overflow: auto;
}
.search_table_list table {
  border: none;
}
.search_table_list table tr td {
  background: #f5f5f5 !important;
  border: solid 1px #dbe1e4;
  padding: 15px;
  width: 25%;
}
.search_table_list table tr:nth-child(even) td {
  background: #e4e9ec !important;
}
.search_table_list .checkbox {
  margin: 0;
}
.search_table_list .checkbox label {
  padding-left: 0px;
  color: #464646;
}
.search_table_list input[type="checkbox"] {
  display: none;
}
.search_table_list input[type="checkbox"] + .box:before,
.search_table_list input[type="checkbox"] + .box:after {
  transition: all 0.3s;
}
.search_table_list input[type="checkbox"] + .box:after {
  position: absolute;
  left: 4px;
  top: 3px;
  margin-top: -5px;
  margin-left: -4px;
  display: inline-block;
  content: " ";
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 2px;
  background-color: #fff;
  z-index: 1000;
}
.search_table_list input[type="checkbox"]:checked + .box:after {
  background-color: #f57e20;
  border-color: #f57e20;
}
.search_table_list input[type="checkbox"]:checked + .box:before {
  transform: rotate(45deg);
  position: absolute;
  left: 7px;
  top: 0px;
  width: 6px;
  height: 13px;
  border-width: 2px;
  border-style: solid;
  border-top: 0;
  border-left: 0;
  border-color: #fff;
  content: "";
  z-index: 10000;
}
.checkbox input[type="checkbox"]:checked + .checkbox-material .check {
  background: #f26522;
}
.bedroom_bathroom_landara_bg .search_table_list table tr td {
  width: 33.3%;
}
.fild input {
  width: 100%;
  height: 45px;
  background: #fff;
  font-size: 14px;
  color: #333;
  border: solid 1px #ccc;
  text-align: center;
  border-radius: 4px;
}
.dash_devide {
  text-align: center;
  font-size: 30px;
  color: #333;
  font-weight: bold;
}
.bedroom_bathroom_landara_bg .col-md-12 .search_table_list table tr td {
  width: 20%;
}
.region_city_bg {
  padding: 15px 15px;
  background: #dce1e4;
}
.region_city_select select {
  width: 100%;
  height: 45px;
  border: solid 1px #ccc;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
  padding: 5px 15px;
}
.region_city_select input {
  width: 100%;
  height: 45px;
  border: solid 1px #ccc;
  font-size: 14px;
  color: #333;
  border-radius: 4px;
  padding: 5px 15px;
}
.search_button_bg {
  text-align: center;
  margin-top: 25px;
}
.search_button_bg .btn {
  display: inline-block;
  background: #f26522;
  border: solid 1px #f26522;
  font-weight: bold;
  height: 45px;
  min-width: 150px;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  margin: 0;
  line-height: 45px;
  padding: 0 30px;
}

/*search-result-page-css*/

.search_result_bg {
  position: relative;
}
.price_down_up_bg {
  display: flex;
  padding: 15px 15px 0px 15px;
}
.price_down_up_btn {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border: solid 1px #333;
  border-bottom: none;
}
.price_down_up_btn label {
  font-size: 22px;
  color: #333;
  font-weight: bold;
}
.up_down {
  display: flex;
  margin-left: 15px;
}
.up_down a {
  margin-right: 10px;
}
.up_down a:last-child {
  margin-right: 0;
}
.up_down_btn {
  position: absolute;
  left: 0;
  top: 48%;
  background: #bfbfbf;
  padding: 10px 10px;
  z-index: 9;
}
.up_down_btn a {
  display: block;
  margin-bottom: 8px;
}
.up_down_btn a:last-child {
  margin-bottom: 0;
}
.region_city_area_bg {
  background: #dce1e4;
  padding: 15px;
}
.property_requests_list {
  padding: 30px 0px;
}
.property_requests_list ul li {
  display: flex;
  border: solid 1px #009bd1;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.property_requests_list ul li:last-child {
  margin-bottom: 0;
}
.property_requests_list_top {
  display: flex;
  width: 100%;
  flex: 0 0 100%;
  flex-wrap: wrap;
}
.property_requests_left {
  flex: 0 0 20%;
  max-width: 20%;
  border-right: solid 1px #dce1e4;
  display: flex;
  flex-wrap: wrap;
}
.property_title {
  background: url(../images/small_title_banner.jpg);
  background-size: cover;
  padding: 8px 5px;
  text-align: center;
  display: flex;
  flex: 0 0 100%;
  justify-content: center;
  align-items: center;
}
.property_title h4 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #fff;
}
.sell_logo_bg {
  display: flex;
  flex: 0 0 100%;
}
.sell_logo_in {
  flex: 0 0 50%;
  width: 50%;
  border-right: solid 1px #009bd1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.sell_logo_in:last-child {
  border-right: none;
}
.sell_title {
  font-size: 16px;
  color: #f26522;
}
.sell_logo a {
  display: block;
  max-width: 55px;
  padding: 2px;
}
.property_requests_mid {
  flex: 0 0 40%;
  width: 40%;
  border-right: solid 1px #009bd1;
  display: flex;
  flex-wrap: wrap;
}
.land_price_rang_box {
  display: flex;
  border-bottom: solid 1px #009bd1;
  flex: 0 0 100%;
}
.land_price_rang_box:last-child {
  border-bottom: none;
}
.land_price_title {
  flex: 0 0 30%;
  width: 30%;
  background: #b8cce4;
  padding: 8px;
  color: #000;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.land_price_des {
  flex: 0 0 70%;
  width: 70%;
  display: flex;
  margin: 0;
}
.land_price_des .col-md-4 {
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.land_price_des .col-md-12 {
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}
.property_requests_right {
  flex: 0 0 40%;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
}
.more_list_box {
  display: flex;
  flex: 0 0 100%;
}
.more_list_box button {
  padding: 9px;
  display: flex;
  border: none;
  width: 100%;
  border-top: solid 1px #dce1e4;
  color: #fff;
  font-size: 14px;
  font-family: "RobotoMedium";
  background: url(../images/arrow01.png) no-repeat right center,
  url(../images/more_bg.jpg) repeat-x;
}
.arabicbody .more_list_box button {
  background: url(../images/arrow01.png) no-repeat 10px center,
  url(../images/more_bg.jpg) repeat-x;
}

.property_requests_view_more_bg {
  padding: 15px;
}
.property_requests_view_more_content {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 100%;
  border: solid 1px #009bd1;
}
.other_information {
  display: flex;
  flex: 0 0 100%;
  border-bottom: solid 1px #009bd1;
  border-right: solid 1px #009bd1;
  border-left: solid 1px #009bd1;
}
.other_information .land_price_title {
  width: 32%;
  flex: 0 0 32%;
}
.other_information .land_price_des {
  width: 68%;
  flex: 0 0 68%;
}

/*membership-page-css-here*/

.search_engine_section.membership_bg_section {
  background: url(../images/member_banner01.jpg) no-repeat left center;
  background-size: cover;
}
.membership_content_bg {
  padding: 30px 0px;
}
.price-table {
  width: 100%;
  border-collapse: collapse;
  border: 0 none;
}
.price-table tr:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.price-table tr td img {
  min-width: 30px;
}
.price-table tr td {
  border-left: 1px solid #c9c9c9;
  padding: 8px 24px;
  font-size: 14px;
  background: #f1f1f1 !important;
  text-align: center;
}
.price-table tr td:first-child {
  text-align: left;
}
.price-table tr td h4 {
  color: #f26522;
  font-family: "Roboto-Bold";
  font-size: 16px;
}
.price-table tr td a {
  color: #333;
}
.price-table tr:nth-child(even) td {
  background: #fff !important;
}
.price-table .fa-check {
  color: #5336ca;
}
.price-table .fa-times {
  color: #d8d6e3;
}
.price-table tr:nth-child(2n) td:nth-child(2) {
  background-color: rgba(216, 214, 227, 0.25);
}
.price-table tr td:nth-child(2) {
  background-color: rgba(216, 214, 227, 0.15);
  padding: 8px 48px;
}
.price-table tr td:nth-child(2) .fa-check,
.price-table tr:nth-child(2n) td:nth-child(2) .fa-check {
  /* color: #ffffff; */
}
.price-table tr.price-table-head td {
  font-size: 16px;
  background: transparent;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
.price-table tr.price-table-head {
  background-color: #f26522;
  color: #ffffff;
}
.price-table tr.price-table-head td {
  font-family: "Roboto-Bold";
  font-weight: normal;
}
.price-table td.price {
  color: #f43f54;
  padding: 16px 24px;
  font-size: 20px;
  font-weight: 600;
  font-family: "Montserrat";
}
.price-table td.price img {
  height: 70px;
  margin-bottom: 15px;
}
.price-table td.price a {
  background-color: #5336ca;
  color: #ffffff;
  padding: 12px 32px;
  margin-top: 16px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Montserrat";
  text-transform: uppercase;
  display: inline-block;
  border-radius: 64px;
}
.price-table td.price-table-popular {
  border-top: 3px solid #5336ca;
  color: #5336ca;
  text-transform: uppercase;
  font-size: 12px;
  padding: 12px 48px;
  font-weight: 700;
}
.price-table .price-blank {
  background-color: #fafafa;
  border: 0 none;
}
.member_inner_head {
  font-size: 22px;
  font-family: "Roboto-Bold";
}

/*privacy-policy-page-css-here*/

.search_engine_section.privacy_policy_bg {
  background: url(../images/privacy_policy_banner.jpg) no-repeat center center;
  background-size: cover;
}
.content_page_bg {
  padding: 30px 0px;
}
.content_page_bg h3 {
  font-size: 24px;
  color: #b68629;
  text-transform: uppercase;
  font-family: "Lato-Black";
  padding-bottom: 20px;
  padding-top: 15px;
}
.content_page_bg p {
  font-size: 16px;
  color: #898989;
}
.content_page_bg ul {
  padding-left: 30px;
}
.content_page_bg ul li {
  font-size: 16px;
  color: #898989;
}
.content_page_bg .updated_date {
  margin-top: -43px;
  text-align: right;
}
.search_engine_section.terms_conditions_bg {
  background: url(../images/terms_conditions_bg.jpg) no-repeat center center;
  background-size: cover;
}

/*commissions-page-css-here*/

.pay_commissions_btn {
  text-align: center;
  margin-top: 50px;
}
.pay_commissions_btn a {
  display: inline-block;
  background: #fff;
  border: none;
  color: #f26522;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: bold;
}
.pay_commissions_btn a:hover,
.pay_commissions_btn a:focus,
.pay_commissions_btn a:active {
  border: none;
  box-shadow: none;
  background: #f26522 !important;
  color: #fff;
}

/*form styles*/
#msform {
  text-align: center;
  position: relative;
  margin-top: 30px;
}
#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 0px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 90%;
  margin: 0 5% 5% 5%;
  position: relative;
}
#msform fieldset:not(:first-of-type) {
  display: none;
}
#msform input,
#msform textarea,
#msform select {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 0px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;

  color: #2c3e50;
  font-size: 13px;
}
#msform input:focus,
#msform textarea:focus {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #f26522;
  outline-width: 0;
  transition: All 0.5s ease-in;
  -webkit-transition: All 0.5s ease-in;
  -moz-transition: All 0.5s ease-in;
  -o-transition: All 0.5s ease-in;
}
#msform .action-button {
  width: 100px;
  background: #f26522;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 25px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}
#msform .action-button:hover,
#msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #f26522;
}
#msform .action-button-previous {
  width: 100px;
  background: #c5c5f1;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 25px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
}
#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #c5c5f1;
}
.fs-title {
  font-size: 18px;
  text-transform: uppercase;
  color: #2c3e50;
  margin-bottom: 10px;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}
#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  counter-reset: step;
}
#progressbar li {
  list-style-type: none;
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  width: 33.33%;
  float: left;
  position: relative;
  letter-spacing: 1px;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 24px;
  height: 24px;
  line-height: 26px;
  display: block;
  font-size: 12px;
  color: #333;
  background: white;
  border-radius: 25px;
  margin: 0 auto 10px auto;
}
/*progressbar connectors*/
#progressbar li:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #ccc;
  position: absolute;
  left: -53%;
  top: 9px;
  z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,
#progressbar li.active:after {
  background: #f26522;
  z-index: 1;
  color: white;
}
#progressbar li span {
  position: relative;
  z-index: 2;
}

/* Not relevant to this form */
.dme_link {
  margin-top: 30px;
  text-align: center;
}
.dme_link a {
  background: #fff;
  font-weight: bold;
  color: #f26522;
  border: 0 none;
  border-radius: 25px;
  cursor: pointer;
  padding: 5px 25px;
  font-size: 12px;
}
.dme_link a:hover,
.dme_link a:focus {
  background: #c5c5f1;
  text-decoration: none;
}
.property_des {
  text-align: left;
  padding-bottom: 15px;
}
.property_des p {
  margin-bottom: 5px;
}
.help_box {
  display: block;
  text-align: center;
  margin-top: 15px;
}
.help_box a {
  display: inline-block;
  padding: 8px 15px;
  border: solid 1px #efefef;
}
.complete_des {
  border: solid 1px #efefef;
  padding: 15px;
  margin: 10px 0px;
}
.search_engine_section.myaccount_bg {
  background: url(../images/my_account_banner.jpg) no-repeat;
  background-size: cover;
}
.pricing_plan_bg {
  margin-bottom: 30px;
}
.pricing_plan_bg .row {
  display: flex;
}
.pricing_plan_bg .row .col-md-4 {
  display: flex;
}
.priceing_box {
  width: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 5px #ccc;
  padding: 15px 30px;
  position: relative;
}
.most_popular_shell {
  border: solid 5px #b0d038;
}

/* .priceing_box:hover {
  border: solid 2px #f26522;
  } */

  .priceing_box figcaption {
    text-align: center;
  }
  .priceing_box figcaption h3 {
    font-size: 28px;
    margin: 20px 0;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 300;
    background: url(../images/title_sap.jpg) no-repeat bottom center;
  }
  .priceing_box figcaption h2 {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 30px;
  }
  .pre_des p {
    font-size: 14px;
    color: #3c3c3b;
    text-align: left;
  }
  .pre_number_list {
    text-align: left;
    padding-top: 15px;
  }
  .pre_number_list h5 {
    font-size: 14px;
    color: #3c3c3b;
    font-weight: 700;
    padding-bottom: 10px;
  }
  .pre_number_list ul {
    list-style: disc;
    padding-left: 15px;
  }
  .pre_number_list ul li {
    padding-bottom: 5px;
  }
  .pre_number_list ul li:last-child {
    padding-bottom: 0;
  }

  /*my-account-page-css-here*/

  .my_account_content_section {
    padding: 30px 0px;
  }
  .my_account_content_section .my_account {
    margin-bottom: 30px;
    margin-top: 0;
    width: 100%;
  }
  .my_account_content_section .my_account:last-child {
    margin-bottom: 0;
  }
  .my_account_content_section .my_account h2 {
    text-align: left;
    background: #f26522;
    color: #fff;
    font-size: 20px;
  }
  .my_account_content_section .btn {
    height: 45px;
  }
  .my_account_row {
    display: flex;
  }
  .my_account_row .col-md-8 {
    display: flex;
    flex-wrap: wrap;
  }
  .my_account_row .col-md-4 {
    display: flex;
    flex-wrap: wrap;
  }
  .quik_link_bg {
    background-color: #fff;
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
    width: 100%;
  }
  .quik_link_head h2 {
    background: #292929;
    font-size: 20px;
    font-family: "Roboto-Bold";
    padding: 16px;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
  }
  .quik_link_bg ul {
    padding: 10px;
  }
  .quik_link_bg ul li {
    border-bottom: solid 1px #f0f0f0;
  }
  .quik_link_bg ul li:last-child {
    border-bottom: none;
  }
  .quik_link_bg ul li a {
    font-size: 14px;
    color: #6a6a6a;
    padding: 10px 10px 10px 30px;
    display: block;
    background: url(../images/menu_arrow.png) no-repeat 10px center;
  }
  .quik_link_bg ul li a:hover {
    color: #f26522;
  }
  .account_testimonal {
    margin-bottom: 30px;
    background: #783546;
    text-align: center;
    padding: 30px;
    width: 100%;
    border-radius: 5px;
  }
  .account_testimonal h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
  }
  .account_testimonal p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    margin: 0;
    padding: 0;
  }
  .account_testimonal .owl-dots {
    text-align: center;
    position: relative;
    top: 8px;
  }
  .account_testimonal .owl-dots .owl-dot {
    display: inline-block;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    margin-right: 5px;
  }
  .account_testimonal .owl-dots .owl-dot:last-child {
    margin-right: 0;
  }
  .account_testimonal .owl-dots .owl-dot.active {
    background: #f26522;
  }
  .requestPropertyBg {
    padding-top: 40px;
  }

  /*Statistics-page-css-here*/

  .statistical_commission_banner {
    margin: 30px 0px;
  }
  .statistical_commission_banner img {
    width: 100%;
    border-radius: 5px;
  }
  #calender article {
    background: url(../images/cal_banner01.png) no-repeat;
    background-size: cover;
  }
  #sun article {
    background: url(../images/sun_banner01.png) no-repeat;
    background-size: cover;
  }
  #masjid article {
    background: url(../images/masjid_banner01.png) no-repeat;
    background-size: cover;
  }
  #masjid article .btn {
    background: none;
    border: none;
  }
  .properties_space_box table tr th:first-child {
    text-align: left;
  }
  .properties_space_box table tr td:first-child {
    text-align: left;
  }
  .auction_filter_bg {
    padding-bottom: 30px;
    padding-top: 30px;
    background: #fff;
  }
  .auction_filter_bg .row {
    display: flex;
    justify-content: center;
  }
  .auction_filter_bg select {
    width: 100%;
    height: 42px;
    background: #fff;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
  }
  .auction_filter_bg input {
    width: 100%;
    height: 42px;
    background: #fff;
    border-radius: 4px;
    border: solid 1px #ccc;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
  }
  .auction_filter_bg .btn {
    margin: 0;
  }
  .filter_feature {
    display: flex;
    align-items: center;
  }
  .filter_feature_title {
    font-size: 16px;
    color: #333;
    font-family: "Roboto-Bold";
  }
  .blog_post_bg .form_post_right {
    float: none;
    width: 100%;
    border-left: none;
  }
  .cat-box .like-social {
    background: #fff;
  }
  .account-hover-wrapper.subMenuBg {
    width: 265px;
  }
  .main-container.news-page {
    padding: 0px;
  }
  .content_with_add_bg {
    position: relative;
  }
  .content_with_add_bg:after,
  .content_with_add_bg:before {
    display: table;
    clear: both;
    content: "";
  }
  .content_with_add_bg .FormsAdsleft {
    float: left;
  }
  .content_with_add_bg .FormsAdsRight {
    float: right;
  }
  .content_with_add_bg .main-container {
    float: none;
    width: 100%;
  }
  .content_with_add_bg .main-container:after,
  .content_with_add_bg .main-container:before {
    display: table;
    clear: both;
    content: "";
  }
  .content_with_add_bg .CtiyBlock {
    float: left;
    width: calc(100% - 280px);
  }
  .cities_Propertieslists_bg .FormsAdsleft {
    margin-top: 50px;
  }
  .cities_Propertieslists_bg .FormsAdsRight {
    margin-top: 50px;
  }
  .blog_des_bg .categories-main {
    margin-top: 0;
  }
  .blog_des_bg .categories-sec {
    margin-top: 0;
  }
  .signup_head {
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .signup_head h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .form_logo {
    text-align: center;
    margin: 10px 0 25px 0px;
  }
  .form_logo a {
    display: inline-block;
    width: 150px;
  }
  .signup_foprm_des p {
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .signup_foprm_des figure {
    margin: 20px 0px;
    text-align: center;
  }
  .auction_menus_des {
    padding: 30px;
    width: 100%;
  }
  .auction_menus_des .col-md-4 a {
    display: block;
    text-align: center;
    padding: 0;
  }
  .auction_menus_des .col-md-4 figure img {
    width: 100px;
  }
  .auction_menus_des .col-md-4 figcaption {
    padding-top: 15px;
    opacity: 1;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
  }
  .auction_menus_des .col-md-4:hover figcaption {
    opacity: 1;
  }
  .auction_menus_des .col-md-4 figcaption h3 {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
  }
  .auction_menus_des .col-md-4 figcaption p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-family: "Roboto-Reguler";
  }
  .checkbox .checkbox-material .check:before {
    left: 0;
  }
  .table_bg_price {
    overflow: auto;
  }
  .radio label p {
    padding-left: 15px;
    color: #464646;
  }
  .sell_logo {
    display: flex;
  }
  .makePaymentBox {
    padding-top: 15px;
    margin-top: 15px;
    border-top: solid 1px #ccc;
  }
  .makePaymentBox h3 {
    text-align: left;
    padding-bottom: 15px;
    font-size: 18px;
    text-transform: uppercase;
    color: #2c3e50;
    letter-spacing: 2px;
    font-weight: bold;
  }
  .valueBox {
    text-align: left;
    padding-bottom: 10px;
  }
  .imageBox {
    display: flex;
    text-align: left;
    align-items: center;
  }
  .imageBox span {
    padding-right: 15px;
  }
  .imageBox img {
    height: 25px;
  }
  .fixed .AdsBannerBgTop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
  }

  .cat-box .notification_list ul {
    padding: 0;
    border: none;
    background: none;
  }

  .cat-box .notification_list ul {
    text-align: left;
  }
  .cat-box .notification_list li a {
    padding-left: 0;
  }

  .adsModal .msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
  }
  .adsModal .msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 90%;
    margin: 0 5% 5% 5%;
    position: relative;
  }
  .adsModal .msform fieldset:not(:first-of-type) {
    display: none;
  }
  .adsModal .msform input,
  .adsModal .msform textarea,
  .adsModal .msform select {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;

    color: #2c3e50;
    font-size: 13px;
    height: auto;
  }
  .adsModal .msform input:focus,
  .adsModal .msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #f26522;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
  }
  .adsModal .msform .action-button {
    width: 100px;
    background: #f26522;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
  }
  .adsModal .msform .action-button:hover,
  .adsModal .msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #f26522;
  }

  /*marketing-page-css-here*/

  .marketingsection {
    padding: 50px 0;
    background-color: #f2f2f2;
    background: linear-gradient(to right, #f2f2f2, #f3f3f3, #fafafa);
  }
  .marketingtitle {
    text-align: center;
  }
  .marketingtitle h3 {
    letter-spacing: 0.8px;
    font-weight: 700;
    font-size: 27px;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 50px;
    display: inline-block;
    color: #fff;
    background: rgb(87, 44, 74);
    background: linear-gradient(to left, rgb(87, 44, 74), rgb(237, 98, 33));
  }
  .marketingshell {
    margin-top: 50px;
    /*background: url(images/center_content_bg_img.png); */
    background-repeat: no-repeat;
    background-position: 0px -170px;
  }
  .marketingshell .col-lg-6,
  .marketingshell .col-lg-4 {
    padding: 0;
  }
  .cbox {
    text-align: center;
    height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .micon {
    height: 60px;
    width: 70px;
    margin: 0 auto 10px;
  }
  .mtitle h5 {
    font-weight: 800;
    font-size: 16px;
  }
  .mdescp p {
    background: -webkit-linear-gradient(#763742, #e85d22);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 40%;
    margin: 0 auto;
    position: relative;
  }
  .marketingbox1 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: 0px -170px;
  }
  .marketingbox1 .marketingboxinside {
    transform: translate(19%, 5%);
  }

  .arabicbody .marketingbox1 .marketingboxinside {
    transform: translate(13%, 5%);
  }

  .arabicbody .marketingbox6 .marketingboxinside {
    transform: translate(37%, -25%);
  }
  .marketingbox2 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: -585px -170px;
  }
  .marketingbox2 .marketingboxinside {
    transform: translate(-19%, 0%);
  }

  .marketingbox2 .mdescp p {
    width: 60%;
  }
  .marketingbox3 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: -15px -510px;
    height: 210px;
  }
  .marketingbox3 .marketingboxinside {
    transform: translate(5%, -50%);
  }

  .marketingbox3 .mdescp {
    margin-left: 10px;
  }
  .marketingbox3 .mdescp ul p:before {
    content: "";
    background: #000;
    height: 7px;
    width: 7px;
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: -15px;
  }
  .marketingbox3 .mdescp ul p {
    width: 100%;
  }
  .marketingbox3 .mdescp ul {
    text-align: left;
    width: 80%;
    margin: 0 auto;
  }

  .marketingbox4 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: 0px -720px;
    height: 190px;
  }
  .marketingbox4 .marketingboxinside {
    transform: translate(40%, -55%);
  }

  .social_icons ul {
    display: flex;
    align-items: center;
  }

  .social_icons ul li {
    height: 25px;
    width: 25px;
    margin-right: 15px;
  }

  .social_icons ul img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .media_points ul {
    text-align: left;
    width: 70%;
    margin: 0 auto;
  }
  .media_points {
    margin-top: 20px;
  }
  .marketingbox4 .mdescp ul p:before {
    content: "";
    background: #000;
    height: 7px;
    width: 7px;
    display: block;
    position: absolute;
    border-radius: 50%;
    top: 7px;
    left: -15px;
  }
  .media_points p {
    width: 100%;
  }
  .marketingbox5 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: -585px -720px;
    height: 190px;
  }
  .marketingbox5 .mdescp p {
    width: 65%;
  }
  .marketingbox5 .marketingboxinside {
    transform: translate(-22%, -50%);
  }

  .marketingbox6 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: 0px -910px;
    height: 200px;
  }
  .marketingbox6 .marketingboxinside {
    transform: translate(40%, -30%);
    width: 60%;
    text-align: left;
  }

  .marketingbox6 .micon {
    height: 80px;
    width: 70px;
  }
  .marketingbox6 .mdescp p {
    width: 100%;
  }

  .marketingbox7 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    background-position: -390px -910px;
    height: 200px;
  }
  .marketingbox7 .marketingboxinside {
    transform: translate(0%, -35%);
  }

  .marketingbox7 .micon {
    height: 80px;
    width: 100px;
  }

  .marketingbox8 {
    background: url(../images/center_content_bg_img.png);
    /* background-size: 210%; */
    background-repeat: no-repeat;
    height: 200px;
    background-position: -780px -910px;
  }
  .marketingbox8 .marketingboxinside {
    transform: translate(0%, 55%);
  }

  .marketingbox8 .mdescp p {
    width: 65%;
    text-align: left;
    font-weight: 700;
    margin: initial;
    font-size: 20px;
  }

  /* Table CSS Starts */

  .marketingtable {
    margin-top: 50px;
  }

  .marketingtable tbody {
    text-align: center;
  }

  .marketingtable thead th {
    text-align: center;
    color: #e2a235;
    font-size: 22px;
    letter-spacing: 0.5px;
    border-top: 5px solid #277c9a;
    border-left: 5px solid #277c9a;
  }
  .marketingtable .social_icons ul {
    justify-content: center;
  }
  .marketingtable table {
    border: none;
  }
  .marketingtable table tr th:last-child {
    border-top: none;
    background: transparent;
    border-right: none;
  }
  .marketingtable table td {
    border: 5px solid #277c9a;
  }

  .marketingtable thead th span {
    display: block;
  }

  .marketingtable .foursquare-check-in {
    width: 50px;
    height: 50px;
  }
/* .table_availimg {
  border: 3px solid #277c9a;
}
.table_unavailimg {
  border: 3px solid #c6522a;
  } */
  .tableimg {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .marketingtable .marketingimages {
    height: 50px;
  }

  .marketingtable tbody tr:last-child td h4 {
    font-weight: 800;
  }

  .marketingtable tbody tr:last-child td {
    color: #e2a235;
    font-size: 22px;
    letter-spacing: 0.5px;
    padding: 30px 10px;
    font-weight: 800;
  }

  /* Arabic Changes CSS Starts */

  .arabicbody .marketingtable table tr th:first-child {
    border-right: 5px solid #277c9a;
  }
  .arabicbody .marketingtable table tr th:last-child {
    border-left: none;
  }

  /* Responsive Starts */

  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .marketingshell {
      margin-top: 20px;
    }
    .cbox {
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.14);
      margin: 15px auto;
      border-radius: 5px;
    }
    .marketingshell .col-lg-6,
    .marketingshell .col-lg-4,
    .marketingtable {
      padding: 0 15px;
    }

    .marketingtable {
      overflow: auto;
    }
    .marketingtable thead th {
      font-size: 18px;
    }
    .marketingtable .foursquare-check-in,
    .tableimg {
      width: 40px;
      height: 40px;
    }
    .marketingtable .marketingimages {
      height: 40px;
    }
    .marketingtable tbody tr:last-child td {
      padding: 10px 10px;
      font-size: 18px;
    }

    .media_points p {
      width: 100% !important;
    }
    .mdescp p {
      width: 60%;
    }
    footer {
      margin-top: 0 !important;
    }
    .marketingbox1 .marketingboxinside,
    .marketingbox2 .marketingboxinside,
    .marketingbox3 .marketingboxinside,
    .marketingbox4 .marketingboxinside,
    .marketingbox5 .marketingboxinside,
    .marketingbox6 .marketingboxinside,
    .marketingbox7 .marketingboxinside,
    .marketingbox8 .marketingboxinside {
      transform: translate(0%, 0%) !important;
      text-align: center !important;
    }
    .marketingbox1,
    .marketingbox2,
    .marketingbox3,
    .marketingbox4,
    .marketingbox5,
    .marketingbox6,
    .marketingbox7 {
      height: 280px;
      background: none;
    }
    .marketingbox8 {
      box-shadow: none;
      background: none;
      margin: 45px auto 0;
    }
    .marketingbox8 .mdescp p {
      margin: 0 auto;
      text-align: center;
    }
  }

  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .marketingshell {
      margin-top: 20px;
    }
    .cbox {
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.14);
      margin: 15px auto;
      border-radius: 5px;
    }
    .marketingshell .col-lg-6,
    .marketingshell .col-lg-4,
    .marketingtable {
      padding: 0 15px;
    }

    .marketingtable {
      overflow: auto;
      padding: 0;
      margin: 0px 0px;
    }
    .marketingtable thead th {
      font-size: 16px;
    }
    .marketingtable .foursquare-check-in,
    .tableimg {
      width: 25px;
      height: 25px;
    }
    .marketingtable .marketingimages {
      height: 25px;
    }
    .marketingtable tbody tr:last-child td {
      padding: 10px 10px;
      font-size: 18px;
    }

    .media_points p {
      width: 100% !important;
    }
    .mdescp p {
      width: 60%;
    }
    footer {
      margin-top: 0 !important;
    }
    .marketingbox1 .marketingboxinside,
    .marketingbox2 .marketingboxinside,
    .marketingbox3 .marketingboxinside,
    .marketingbox4 .marketingboxinside,
    .marketingbox5 .marketingboxinside,
    .marketingbox6 .marketingboxinside,
    .marketingbox7 .marketingboxinside,
    .marketingbox8 .marketingboxinside {
      transform: translate(0%, 0%) !important;
      text-align: center !important;
    }
    .marketingbox1,
    .marketingbox2,
    .marketingbox3,
    .marketingbox4,
    .marketingbox5,
    .marketingbox6,
    .marketingbox7 {
      height: 280px;
      background: none;
    }
    .marketingbox8 {
      box-shadow: none;
      background: none;
      height: unset;
      margin: 20px auto 20px;
    }
    .marketingbox8 .mdescp p {
      margin: 0 auto;
      text-align: center;
    }
  }

  @media only screen and (max-width: 479px) {
    .width_100 {
      width: 100%;
    }
    .marketingbox8 {
      height: unset;
    }
  }

  /* Header CSS Starts */

  .flag_btn .dropdown-menu {
    left: auto;
    right: 0;
  }

  .flag_btn .dropdown button.btn.dropdown-toggle .show_menu {
    opacity: 1;
    display: block;
    visibility: visible;
    top: 65px;
    padding: 0px 0;
  }
  .flag_btn .dropdown button.btn.dropdown-toggle {
    box-shadow: none !important;
    background-color: transparent !important;
  }

  .flag_btn .dropdown-toggle {
    margin-top: 0px;
    padding: 1px 14px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none !important;
    height: 32px;
  }

  .flag_btn .dropdown-menu > li > a {
    margin: 0;
    padding: 5px;
    border-radius: 0;
  }

  .flag_btn .header_flag_icon {
    height: 16px;
    width: 24px;
  }

  .flag_btn .dropdown-menu > li > a:hover {
    color: #fff !important;
  }
.header_shell_flag {
    width: 24px;
    border-radius: 50%;
    height: 24px;
    margin-right: 5px;
}
  /* Header CSS Ends */

  /* Header Slider CSS Starts */

  #HeaderSlider .owl-nav button.owl-prev {
    left: 5px;
  }
  #HeaderSlider .owl-nav button.owl-next {
    right: 5px;
  }

  #HeaderSlider .owl-dots {
    text-align: center;
    padding-top: 15px;
  }
  #HeaderSlider .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background: #ccc;
    margin: 0 3px;
  }
  #HeaderSlider .owl-dots button.owl-dot.active {
    background-color: #000;
  }
  #HeaderSlider .owl-dots button.owl-dot:focus {
    outline: none;
  }
  #HeaderSlider .owl-nav button span {
    height: 21px;
  }
  #HeaderSlider .owl-nav button {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
    font-size: 30px;
    border-radius: 50%;
    line-height: 15px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }
  .dropdown_icon {
    width: 13px;
  }
  /* Header Slider CSS Ends */

  .widgetCalcForm button {
    border-radius: 0;
    border: 1px solid #0000 !important;
  }

  .accountData .address ul li span {
    min-width: 60px;
    width: unset !important;
  }

  .accountData .address.propertydetails ul li span {
    min-width: 120px;
  }
  ul#tabsJustified {
    background: transparent;
  }

  .nav-tabs > li > a,
  .nav-tabs > li > a:focus,
  .nav-tabs > li > a:hover {
    color: unset !important;
    border: 1px solid #f26522 !important;
  }
  #tabsJustifiedContent.tab-content > .active {
    margin-top: -21px !important;
  }

  @media only screen and (max-width: 768px) {
    .flag_btn button.btn.dropdown-toggle .show_menu {
      transform: translate(-100px, -20px);
    }
  }

  .d_flex {
    display: flex;
    align-items: center;
  }

  .d_flex img {
    height: 25px;
    position: unset !important;
  }
  .d_flex h4 {
    margin-right: 5px;
  }

  /* New CSS Dated 19-03-2020 Start */

  .most_popular_shell .most_pop_circ {
    text-transform: capitalize;
    position: absolute;
    right: -65px;
    top: -40px;
    transform: rotate(45deg);
    background-color: #b0d038;
    color: #fff;
    height: 110px;
    width: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    border-radius: 70%;
    padding-top: 40px;
  }

  /* New CSS Dated 19-03-2020 Ends */

  .register-btn {
    margin-top: 15px;
  }
  .register-btn .btn {
    margin: 0;
    display: block;
    width: 100%;
    padding: 10px;
    background: #ff5200;
    border-color: #ff5200;
  }
  .title-icon {
    display: flex;
    align-items: center;
  }
  .title-icon i {
    width: 25px;
  }
  .title-icon span {
    padding-left: 15px;
  }
  .arabicbody .title-icon span {
    padding-left: 0;
    padding-right: 15px;
  }
  .thanks-message-box {
    padding: 30px;
    text-align: center;
  }
  .thanks-message-box h3 {
    margin: 0 0 25px 0;
    font-size: 24px;
  }
  .thanks-message-box p {
    font-size: 18px;
  }
  .thanks-bottom-message {
    padding-top: 25px;
    margin-top: 25px;
    border-top: solid 1px #e8e8e8;
  }
  .thanks-bottom-message p {
    margin: 0;
    padding: 0;
  }
  .add-images-wrap.add-images-wrap2 {
    float: none;
    width: 100%;
  }
  .add-images-wrap.add-images-wrap2 .owl-nav .owl-next {
    top: 0;
  }
  .add-images-wrap.add-images-wrap2 .owl-nav .owl-prev {
    top: 0;
  }
  .add-images-wrap.add-images-wrap2.input_fields_wrap .add_box {
    margin: 0;
  }
  .foot-logo {
    text-align: center;
    padding-bottom: 25px;
  }
  .foot-logo a {
    display: inline-block;
    max-width: 210px;
  }
  .chat-inner li {
    list-style: none;
  }
  .mr-10 {
    margin-right: 10px;
  }
  .chat-section .tab-pane {
    position: relative;
  }
  .chat-section .chat-header {
    padding: 20px 0;
    text-align: center;
    position: relative;
  }
  .chat-section .chat-header h4 {
    font-size: 22px;
    color: #fff;
    margin: 0;
  }
  .information-bg .check_style {
    text-align: left;
    padding-left: 15px;
  }
  .information-bg .check_style .form-checkbox-label:before {
    position: relative;
    top: -3px;
  }
  .premium-membership-box {
    display: flex;
    align-items: center;
  }
  .premium-membership-box figure {
    max-width: 110px;
    flex: 0 0 110px;
  }
  .premium-membership-box figcaption {
    padding-left: 20px;
    text-align: left;
    width: 100%;
  }
  .premium-membership-box figcaption h4 {
    font-size: 18px;
    font-weight: bold;
  }
  .premium-membership-box figcaption p {
    font-size: 18px;
    margin: 0;
  }
  .start-date-end-date-bg {
    text-align: left;
    padding: 15px 0px;
    border-bottom: solid 1px #e0e0e0;
    margin-bottom: 15px;
  }
  .start-date-end-date-bg p {
    font-size: 14px;
  }
  .payment-information-form-bg h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: left;
  }
  .PraTextBox.text-right {
    text-align: left;
  }
  .arabicbody .PraTextBox.text-right {
    text-align: right;
  }
  .checkboxBtn {
    padding: 15px 0px;
  }
  .h1,
  .h2,
  .h3,
  h1,
  h2,
  h3 {
    margin: 0;
    padding: 0;
  }
  .sort-filter-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 35px;
  }
  .sort-filter-bg select {
    background: #fff;
    border: solid 1px #ccc;
    font-size: 14px;
    color: #000;
    background: #fff;
    min-width: 150px;
    margin-right: 15px;
    padding: 10px 10px;
  }
  .sort-filter-bg select:last-child {
    margin-right: 0;
  }
  .sort-filter-bg select.sort-by {
    min-width: 250px;
  }
  #cardEmail {
    margin-top: 15px;
  }
  .TableStyle {
    overflow: auto;
  }
  .FilterLeft .btn.BtnGreen {
    margin-top: 15px;
  }
  .arabicbody .errorMsgCom {
    float: right;
  }
  .arabicbody .information-bg .check_style {
    text-align: right;
  }
  .arabicbody .bootstrap-select > .btn {
    padding-left: 25px;
    padding-right: 12px;
  }
  .arabicbody .rating-stars.text-center {
    text-align: right;
  }
  .arabicbody #addServicesRating .btn.dropdown-toggle.selectpicker {
    margin-left: auto;
    float: right;
  }
  .arabicbody .dropdown-menu .selectpicker li > a {
    text-align: right;
  }

  .radio label input {
    opacity: 0 !important;
  }
  .checkbox label,
  .radio label {
    display: flex;
    align-items: center;
  }
  .arabicbody .checkbox .checkbox-material {
    padding-right: 0;
    padding-left: 5px;
  }
  .arabicbody .radio label span {
    left: auto;
    right: 0;
  }
  .arabicbody .radio label p {
    padding-right: 30px;
    padding-left: 0px;
  }

  body.arabicbody .login_form .form-check input[type="checkbox"] {
    opacity: 0 !important;
  }
  body.arabicbody .fs-title {
    text-align: right;
  }
  body.arabicbody .pervious-next-btn {
    direction: ltr;
  }

  body.arabicbody table {
    text-align: right;
  }
  .arabicbody .simpleLens-lens-element {
    right: 105%;
    left: initial;
  }

  .simpleLens-big-image-container a img {
  /* min-height: initial; 
    max-height: initial;
     min-width: initial; 
     max-width: initial; */
     /* object-fit: contain; */
     object-fit: cover;
     height: 100%;
     width: 100%;
   }
   .arabicbody .simpleLens-lens-element img {
    transform: translate(640px, 0px);
  }

  /* New Css */

  .section-padding {
    padding: 40px 0;
  }
  .banner-content {
    position: relative;
    text-align: center;
  }
  .banner-section {
    height: 700px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
  }
  .banner-img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .banner-img::before {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #0000003d;
  }
  .banner-img img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
  }
  .banner-content h4 {
    font-size: 50px;
    text-transform: capitalize;
    font-weight: 500;
    color: #ffffff;
    font-family: "Roboto-Bold";
  }

  .other-form-input {
    margin: 0 0 1rem;
  }
  .other-form-input .form-control {
    border: 1px solid #e9e9e9;
    background-image: none;
    background-color: #fff;
    border-radius: 4px;
    padding: 13px;
    min-height: 50px;
  }
  .other-form-input .form-control::placeholder {
    text-transform: capitalize;
    color: #717171;
    letter-spacing: 1px;
    font-size: 16px;
  }
  .grey-bg-only {
    background-color: #f7f7f7;
  }
  textarea.form-control {
    min-height: 120px !important;
  }

  .section-title {
    font-size: 34px;
    color: #f26522;
    text-transform: capitalize;
    font-family: "Lato-Black";
  }

  .map-section {
    height: 500px;
    overflow: hidden;
  }
  .map-section #gmap_canvas {
    height: 100%;
    width: 100%;
    display: block;
  }
  .flex-form {
    display: flex;
    align-items: center;
  }
  .flex-form .form-group {
    flex: 1;
    margin: 0 5px;
  }
  .other-form-input select.form-control {
    background-image: url("../images/down-arrow.png") !important;
    background-repeat: no-repeat !important;
    appearance: none;
    -webkit-appearance: none;
    background-size: 18px !important;
    background-position: calc(100% - 8px) !important;
  }
  .location-section .section-title {
    margin-bottom: 15px;
  }
  .grey-form-group.other-form-input .form-control {
    background-color: #f7f7f7;
  }
  .form-section {
    border-bottom: 2px solid #e9e9e9;
  }
  .file-upload-form {
    display: flex;
    align-items: center;
  }
  .file-upload-form label {
    letter-spacing: 1px;
    font-size: 20px;
    margin-right: 20px;
  }
  .inner-file-upload {
    position: relative;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    padding: 13px 40px;
    font-size: 16px;
    text-transform: capitalize;
    color: #717171;
    letter-spacing: 1px;
    border-radius: 4px;
  }
  .inner-file-upload input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
  }
  #sync1 .item {
    height: 500px;
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
  }
  #sync2 .item {
    background: #c9c9c9;
    margin: 5px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    height: 120px;
    cursor: pointer;
  }
  #sync2 .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #sync2 .current .item {
    background: #0c83e7;
  }
  .owl-theme .owl-nav [class*="owl-"] {
    transition: all 0.3s ease;
  }
  .owl-carousel.owl-theme {
    position: relative;
  }
  .owl-carousel.owl-theme .owl-next,
  .owl-carousel.owl-theme .owl-prev {
    width: 22px;
    height: 40px;
    position: absolute;
    top: 40%;
  }
  .owl-carousel.owl-theme .owl-prev {
    left: -40px;
  }
  .owl-carousel.owl-theme .owl-next {
    right: -40px;
  }
  .owl-carousel .animated {
    animation-duration: 1.5s !important;
  }
  .owl-carousel svg {
    width: 22px !important;
    color: #cbcbcb;
  }
  .properties-section .section-title {
    margin-bottom: 30px;
    margin-top: 0;
  }
  .prop-slider-content figure {
    height: 350px;
  }
  .prop-slider-content figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .prop-slider-content-shell {
    display: flex;
    align-items: center;
  }
  .prop-slider-content ul {
    display: flex;
    align-items: center;
    margin-top: 5px;
  }
  .prop-slider-content ul li {
    margin: 0 3px;
    flex: 1;
    min-width: 60px;
    height: 60px;
  }
  .prop-slider-content ul li img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .slide-num {
    font-size: 50px;
    margin-right: 10px;
  }
  .prop-slider-content {
    flex: 1;
  }
  .border-0 {
    border: 0 !important;
  }
  .form-btn-box .btn {
    border: 1px solid #f26522;
    background-color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 20px;
    color: #f26522;
    padding: 7px 30px;
    box-shadow: none;
    border-radius: 4px;
    min-height: 58px;
    min-width: 195px;
  }
  .form-btn-box .btn:hover {
    background-color: #f26522;
    color: #fff;
  }
 
  .projects-showcase .form-btn-box {
    margin-top: 0;
  }

  .sm-banner-section {
    background-color: #f7f7f7;
  }
  .dev-slider figure {
    height: 150px;
    width: 100%;
  }
  .dev-slider figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }
  .site-banner figure {
    height: 160px;
    width: 100%;
  }
  .site-banner figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .our-res-list {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .our-res-list li {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .our-res-list figure {
    margin-bottom: 15px;
  }
  .our-res-list figure img {
    height: 65px;
  }
  .our-res-list figcaption {
    text-transform: capitalize;
    font-size: 20px;
    font-family: "Lato-Black";
  }
  .project-unit-content {
    border: 4px solid #f26522;
    height: 400px;
    display: flex;
  }
  .project-unit-content figure {
    flex: 0 0 60%;
    height: 100%;
  }
  .project-unit-content figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .project-unit-content figcaption {
    flex: 1;
    background: #f7f7f7;
    padding: 30px;
  }
  .project-unit-content .unit-name {
    text-transform: capitalize;
    font-size: 30px;
    font-family: "Lato-Black";
    margin-bottom: 30px;
  }
  .unit-price,
  .unit-status {
    font-size: 18px;
    text-transform: capitalize;
  }
  .unit-btn.btn {
    border: 1px solid #f26522;
    color: #f26522;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px 35px;
  }
  .unit-btn.btn:hover {
    color: #fff;
    background: #f26522;
    border-color: #f26522;
  }

  .pb-0 {
    padding-bottom: 0 !important;
  }
  .project-section .map-section iframe {
    height: 500px;
  }
  .sm-banner-section .section-title,
  .latest-projects-section .section-title,
  .projects-showcase .section-title,
  .contact-info-section .section-title {
    margin-bottom: 25px;
  }
  .sm-banner-section.white-bg {
    background-color: #fff;
  }
  .latest-projects-section {
    background-color: #f7f7f7;
    padding-bottom: 0;
  }
  .project-info-shell {
    border: 2px solid #e9e9e9;
    background-color: #fff;
    margin: 15px 0;
  }
  .project-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  .project-name {
    font-size: 18px;
    font-family: "Lato-Black";
    text-transform: capitalize;
    margin: 0;
  }
  .project-icon {
    max-width: 160px;
    max-height: 60px;
    object-fit: contain;
  }
  .project-body {
    height: 300px;
    position: relative;
  }
  .project-body figure {
    height: 100%;
    width: 100%;
  }
  .project-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .project-body figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .project-location {
    color: #fff;
    font-size: 22px;
    padding: 0px 15px;
    text-transform: capitalize;
  }
  .project-body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000054;
  }
  .project-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
  }
  .project-footer .unit-btn.btn {
    margin-top: 0;
  }
  .light-bg-only {
    background-color: #f7f7f7 !important;
  }
  .request-developer-section figure {
    width: 100%;
    height: 320px;
  }
  .request-developer-section figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .request-developer-section figcaption {
    text-align: center;
    margin-top: 30px;
  }
  .request-developer-section figcaption .btn {
    border: 1px solid #f26522;
    color: #f26522;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: none;
    font-size: 18px;
    text-transform: capitalize;
    padding: 20px 55px;
  }
  .request-developer-section figcaption .btn:hover {
    background: #f26522;
    color: #fff;
    border-color: #f26522;
  }

  .breadcrumb-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }
  .breadcrumb-list li {
    padding: 20px 40px;
    background-color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
  }
  .breadcrumb-list li.active:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #41254d;
    position: absolute;
    right: -10px;
    z-index: 1;
  }
  .breadcrumb-list li.active {
    color: #f26522;
    background-color: #41254d;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
.form-label {
    font-size: 22px;
    color: #000000;
    font-family: "Roboto-Reguler";
    font-weight: normal;
}
  .btn1 {
    border: 1px solid #e9e9e9;
    color: #717171;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    font-size: 20px;
    padding: 15px 65px;
    text-transform: capitalize;
  }
  .text-center {
    text-align: center;
  }
  .follow-us-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .follow-us-list li {
    border: 2px solid #e9e9e9;
    background-color: #fff;
    min-height: 50px;
    text-transform: capitalize;
    color: #717171;
    letter-spacing: 1px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 45%;
    margin: 0 5px 10px;
  }

  .flex-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .flex-title .section-title {
    margin: 0;
  }
  .flex-title .form-btn-box {
    margin: 0;
  }
  .flex-title .form-btn-box .btn {
    min-height: 50px;
    min-width: 160px;
    font-size: 18px;
  }
  #sync1 .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .property_form {
    margin: 10px 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 20px;
  }
  .sec-address-text {
    font-size: 20px;
    letter-spacing: 0.8px;
  }
  .sec-address-text span {
    text-transform: capitalize;
  }
  .common_box .section-title {
    
    margin-bottom: 0;
    padding-bottom: 0 !important;
    margin: 0;

  }
  .banner-below-content {
    height: 340px;
    width: 100%;
  }
  .banner-below-content img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .add-social-icons {
    display: flex;
    align-content: center;
    margin-top: 30px;
  }
  .add-social-icons li:last-child a {
    margin-right: 0;
  }
  .add-social-icons a:hover {
    color: #0072d8;
    background: #ccc;
  }
  .add-social-icons a {
    color: #fff;
    height: 45px;
    width: 45px;
    display: inline-flex;
    border-radius: 6px;
    background: #000;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 10px;
  }
  .properties-listing-box {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    max-height: 400px;
    overflow: auto;
  }
  .properties-list-inner {
    display: flex;
    flex: 0 0 49%;
    margin: 5px;
    margin-bottom: 15px;
  }
  .properties-list-inner figure {
    flex: 0 0 270px;
    /*height: 280px;*/
  }
  .properties-list-inner figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .properties-list-inner figcaption {
    padding: 10px;
    background-color: #f7f7f7;
  }
  .prop-features-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #4d4d4d;
    padding-top: 10px;
  }
  .prop-list-name {
    font-size: 20px;
  }
  .prop-distance {
    text-transform: capitalize;
  }
  .prop-descp {
    font-size: 14px;
    letter-spacing: normal;
    line-height: 25px;
    max-height: 202px;
    min-height: 175px;
    overflow: auto;
  }
  .featured-project-section .section-title {
    margin-bottom: 50px;
  }
  .project-name-content p {
    font-size: 16px;
    line-height: 30px;
  }
  .project-name-content {
    border: 1px solid #e9e9e9;
    padding: 30px;
    background-color: #f7f7f7;
    margin-top: 100px;
  }
  .f-project-icons {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: -100px;
  }
  .f-project-icons i {
    flex: 0 0 270px;
    height: 130px;
    margin: 0 10px;
    border: 1px solid #e9e9e9;
    text-align: center;
    padding: 10px;
    background-color: #f7f7f7;
  }
  .f-project-icons i span {
    font-size: 16px;
    padding-top: 5px;
    display: block;
    font-style: initial;
    font-weight: 600;
  }
  .img-full-area img {
    height: 100% !important;
  }
  .f-project-icons i img {
    height: calc(100% - 30px);
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
  .f-project-points {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .f-project-points li {
    flex: 0 0 50%;
    margin: 10px 0;
    font-size: 14px;
    padding: 0 25px;
    line-height: 26px;
    position: relative;
  }
  .f-project-points li:before {
    content: "";
    background-image: url("../images/right-arrow.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    position: absolute;
    left: 0;
    height: 16px;
    width: 16px;
    top: 4px;
  }
  .f-project-descp {
    max-width: 500px;
    margin: 0 auto 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .f-project-list {
    font-size: 24px;
    flex: 0 0 50%;
    padding: 5px 10px;
  }
  .post-info-section {
    margin-top: -150px;
    position: relative;
  }
  .post-info-box {
    display: flex;
    align-items: center;
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
  }
  .post-info-box p {
    margin-bottom: 0;
  }
  .post-info-box .fa {
    margin-right: 10px;
  }
  .post-figure-icon {
    width: 365px;
    height: 188px;
    margin-left: auto;
    border: 5px solid #d1d1d1;
    margin-bottom: 40px;
    background-color: #fff;
  }
  .post-figure-icon img {
    height: 100%;
    width: 100%;
    object-fit: contain;
  }
  .map-section.map-2x {
    height: 450px;
    overflow: hidden;
  }
  .project-listing-section .properties-list-inner figcaption {
        background-color: #fff;
    padding-bottom: 0;
    padding: 0px 0px 0 20px;
  }
  .project-listing-section .properties-list-inner figcaption .btn {
    margin-top: 0;
    padding: 8px 0;
    width: 100%;
    border: 0;
  }
  .project-listing-section .properties-list-inner figure {
    border: 2px solid #d1d1d1;
    height: 280px;  
  }
  .project-listing-section .properties-list-inner figure img {
    height: calc(100% - 30px);
  }
  .project-listing-section .properties-list-inner figure span {
    font-size: 20px;
    text-transform: capitalize;
    padding-left: 10px;
  }
  .why-damac-section {
    padding: 200px 0;
    background-image: url("../webroot/icons/banner-bg-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
  }
  .why-damac-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #00000066;
  }
  .why-damac-section .section-title {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font-size: 50px;
  }
  .why-damac-section .f-project-points li {
    color: #fff;
    font-size: 18px;
  }
  .why-damac-section .f-project-points li:before {
    background-image: url("../images/right-arrow-white.svg");
  }
  .dmac-icon {
    margin-bottom: 15px;
  }
  .flex-100 {
    flex: 0 0 100% !important;
  }
  .banner-file-edit {
    position: relative;
  }
  .banner-file-edit .file-upload-form {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #0000005c;
    padding: 5px 10px;
    border-radius: 4px;
    z-index: 1;
    flex-direction: column;
    align-items: initial;
  }
  .banner-file-edit .file-upload-form label {
    color: #fff;
  }
  .banner-file-edit .file-upload-form .form-group {
    display: flex;
    align-items: center;
    margin: 5px 0;
  }
  .banner-file-edit .file-upload-form .inner-file-upload {
    margin-left: auto;
  }
  .file-upload-form input[type="file"],
  .file-upload-form input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
  }
  .edit-btn-shell .btn {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    padding: 13px 40px;
    font-size: 16px;
    text-transform: capitalize;
    color: #717171;
    letter-spacing: 1px;
    border-radius: 4px;
    box-shadow: none;
  }
  .edit-btn-outer-box{
    position: relative;
  }

/*.prop-img-span-text
{
  font-size: 20px;
  text-transform: capitalize;
  text-align: center;
  display: block;
  cursor: pointer;
  }*/
/*.prop-img-span-text:hover {
    color: #f26521;
    }*/
    .border-2-px
    {
      border: 2px solid #d1d1d1;
    }
    .border-2-px img
    {
      height: calc(100% - 30px) !important;
    }
    .proj-viewbtn
    {
     text-align: center;
   }
   .proj-viewbtn .btn
   {
    margin-top: 0;
    padding: 5px 0;
    width: 100%;
    border: 0;
    font-size: 14px;
    text-transform: capitalize;
  }

  /*form_box*/

section.form_box {
        background-color: #f7f7f7;
    padding: 75px 0;
}



.common_input .form-control {
        border: 1px solid #e9e9e9;
    background-image: none;
    background-color: #fff;
    border-radius: 4px;
    padding: 13px;
    min-height: 50px;
    padding-left: 60px;
}




.common_input{
     
    margin-top: 30px;
}


.form_box_content h3 {
        font-size: 34px;
    color: #f26522;
    text-transform: uppercase;
    font-family: "Lato-Black";
    letter-spacing: 2;
    padding-bottom: 15px;
}


.common_input ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-top: 20px;
}


.common_input .form-group i {
         position: absolute;
    left: 0;
    top: 15px;
   
    margin: auto;
    display: flex;
    align-items: center;
    color: #f26522;
    font-size: 20px;
    border-right: 1px solid #ddd;
    width: 50px;
    justify-content: center;
    padding: 0 10px;
}



.common_input {
    display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
}
.common_input .form-group {
    width: 46%;
    margin: 0 10px;
}
form.row.follow_us_form {
    margin-left: -2%;
    margin-right: -2%;
}
 .follow_left .form-group:nth-child(3), .follow_left .form-group:nth-child(4) {
    width: 96%;
}
.form-group.form-btn-box {
    margin-top: 30px;
    text-align: center;
}

.user_info_box{         display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 70px;
}

.user_info {
       width: 31%;
    box-shadow: 0 3px 3px #00000024;
    
    margin: 0 10px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
        border: 1px solid #dddddd52;
}
section.post-info-section.section-padding.pb-0 {
    margin: 0;
}

.user_info figure img {
    width: auto;
    text-align: center;
    margin: auto;
    display: block;
}

.user_info_left {
    padding: 30px;
}

.user_info_right {
     text-align: center;
    font-size: 15px;
    border-top: 1px solid #ddd;
    font-weight: 300;
    color: #999;
}
       


.user_info_right .add_info {
  border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
}

.user_info_right span i {
    color: #f26522;
    font-size: 16px;
    padding-right: 7px;
    border-right: 1px solid #Ddd;
    margin-right: 5px;
}
.bottom_info {
       display: flex;
    justify-content: space-between;
    padding: 15px 20px;
}

.user_info a {
    width: 100%;
}


/*post_management*/

.post_mangement_inner figure.post-figure-icon {
    position: absolute;
    right: 100px;
    bottom: -105px;
}

.featured-project-section.fetures_edit {
    margin-bottom: 0;
}

.fetures_edit .project-name-content{    margin-bottom: 50px;}



.fetures_edit .form-btn-box {
    margin-top: 0;
    text-align: right;
}

.project-listing-section .section-title{    padding-bottom: 35px;}


.properties-list-inner{    flex-wrap: wrap;}

li.properties-list-inner figcaption {
    width: 47%;
}

li.properties-list-inner .btn_group {
    border: 0px solid #d1d1d1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px;
}
button.btn.delete,a.btn.delete {
    margin: 0;
    width: 49%;
}
button.btn.edit,a.btn.edit {
    width: 48%;
    margin: 0;
}

.project-listing-section .properties-list-inner figure{    border: 0;}


 .post_mangement_info.common_input .form-group:last-child{width: 98%;}

 .post_mangement_info.common_input .form-group {
    width: 48%;
   margin: 0;
}

.post_mangement_info.common_input {
    justify-content: center;
    margin-left: -1%;
    margin-right: -1%;
        margin-top: 0;
}

 .add-social-icons {
    
    margin-top: 20px;
    justify-content: center;
    margin-bottom: 40px;
}

.common_box ul.properties-listing-box {
    margin-left: -0.50%;
    margin-right: -0.50%;
        margin-top: 35px;
}

.properties-list-inner {
      display: flex;
    flex: 0 0 48%;
    margin: 10px;
    margin-bottom: 15px;
    box-shadow: 0 0px 7px #00000024;
    padding: 10px 10px;
    border: 1px solid #ddd;
    background: #Fff;
    justify-content: space-between;
    border-radius: 5px
}

.project-listing-section .properties-list-inner figcaption {
    background-color: #fff;
    padding-bottom: 0;
    padding: 0px 0px 0 10px;
}

.btn_group button {
    padding: 10px 10px;
}

.project-listing-section .properties-list-inner figure img {
       height: calc(100% - 35px);
    object-fit: contain;
    background: #f7f7f7;
    padding: 20px 20px;
    border: 1px solid #dddddd42;
}


.post_mangement_info_left.common_input .form-group:last-child{width: 100%;}


.post_mangement_info .common_input {
    margin-top: 0;
 
}

.contact-us-section {
    background-color: #f7f7f7;
    padding: 40px 0 45px !important;
    margin: 0;
}

.btn_edit_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_edit_box button.btn {
    margin: 0;
}

form.row.post_mangement_info {
    margin-top: 35px;
    margin-left: -2%;
    margin-right: -2%;
}

.form-btn-box .btn {
    font-size: 16px;
    min-height: 40px;
    min-width: 100px;
}

.owl-carousel.owl-theme.dev-slider {
    padding-top: 35px;
}

.fetures_btn.form-btn-box {
    position: absolute;
    top: 65px;
    right: 15px;
}

.form-btn-box .btn:focus {
    outline: 0;
}

.name_info span {
    display: block;
    font-size: 24px;
    padding-bottom: 10px;
}

.name_info span {
    color: #f26522;
}
.name_info {
    text-align: center;
    padding: 25px 0 0;
}

.name_info b {
    color: #000;
    font-weight: 600;
}

.model_name_info .modal-content .form-group_box {
    position: relative;
}



.model_name_info .common_input .form-group {
    width: 100%;
    margin-bottom: 15px;
}

.model_name_info button.close {
    position: absolute;
    right: -10px;
    top: -13px;
    background: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 3px 3px #00000059;
    z-index: 9;
}

.model_name_info .modal-body.common_input form {
    width: 100%;
}

.model_name_info .common_input .form-group {
    margin: 0;
}

.model_name_info .modal-content .modal-body{padding: 24px 24px 16px;}


.row.form_Img_box {
    padding-bottom: 135px;
    padding-top: 100px;
}
.form_Img_box_inner figure img {
    min-height: 340px;
}
.form_Img_box_inner {
    position: relative;
        cursor: pointer;
}

.form_Img_box_inner .inner-file-upload {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    padding: 0;
    cursor: pointer;
}
.form_Img_box_inner .inner-file-upload input{ cursor: pointer; z-index: 9}
.project_detail .properties-listing-box{    align-items: initial;    flex-wrap: initial;}

.subImg-add{display: flex; white-space: nowrap; overflow: auto;}
.subImg-add .add_box{flex:0 0 100px;}



/***new-home-css****/

.top-header-inner{display:flex;align-items:center;justify-content:space-between}
.top-bar{padding:7px 0;background:#343333;z-index: 9;position: relative;}
.top-bar-right{display:flex;align-items:center;justify-content:flex-end}
.flag_btn .dropdown{border:1px solid #fff;border-radius:22px}
.flag_btn img.dropdown_icon{margin-left:45px}
.flag_btn{padding-right:15px}
.vision_logo img{width:47px}
.lang-text{font-size:14px;color:#fff;font-weight:500}

footer ul li a{padding:0;font-size:18px;color:#fff;display:block;line-height:normal;text-transform:capitalize}
footer ul li{margin-bottom:10px;display:block}
.title-footer{font-size:20px;color:#fff;padding-bottom:25px;font-family:Roboto-Bold}
.social-link{display:flex}
.social-link li{width:45px;height:45px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:20px}
.policy-info{display:flex;align-items:center;margin-top:45px}
.policy-info li{padding-right:10px;margin-right:10px;border-right:1px solid #fff;line-height:normal;margin-bottom:0}
.policy-info li:last-child{border-right:0}
footer ul li a:hover{text-decoration:none;color:#fff;opacity:.4}
.header_menu{display:flex;width:70%;justify-content:center}
.serch-info{display:flex;align-items:center}
.head_right-inner{display:flex}

.arabicbody .flag_btn{padding-right:0;padding-left:15px}
.arabicbody .flag_btn img.dropdown_icon{margin-left:0;margin-right:45px}
.arabicbody .advertise_button{padding-left:0;padding-right:15px}
.arabicbody .login_button{position:relative;margin-left:0;margin-right:10px}
.arabicbody .head_right-inner{justify-content:flex-end}
.arabicbody .about-aqarat-list li>ul li:after{left:auto;right:0}
.arabicbody .about-aqarat-list li>ul li{padding-left:0;padding-right:30px}
.arabicbody .news-sec-content-img ul li{padding-right:0;padding-left:20px}
.arabicbody .news-sec-content-img ul li svg{margin-right:0;margin-left:8px}
.arabicbody .blogs-sec-content ul li{padding-right:0;padding-left:20px}
.arabicbody .address-text svg{margin-right:0;margin-left:8px}


.arabicbody .policy-info li{padding-left:10px;margin-left:10px;border-left:1px solid #fff;padding-right:0;margin-right:0;border-right:0}
.arabicbody .policy-info li:last-child{border-left:0}
.arabicbody .social-link li{margin-right:0;margin-left:20px}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{    background-color: #f58a1d;
    border-color: #f58a1d;}


.pagination>li>a, .pagination>li>span{    color: rgb(0 0 0 / 47%);}

   .advertise-box select.form-control {
    margin-bottom: 20px !IMPORTANT;
}

.advertise-box select.form-control{font-size: 15px;}
.form-group select{appearance: auto;}
.ProListing div#myMap{height: 500px !important; margin-bottom: 30px;}
.add-direction-box svg{width: 30px; height: 30px;}
.add-direction-box{display: flex; color: #f37d05; border: 1px solid #f37d05; padding: 5px 20px; text-transform: uppercase; font-weight: 500; font-size: 15px; border-radius: 6px; justify-content: center; align-items: center; max-width: 206px; margin: auto; margin-top: 20px;}
.add-direction-box svg{ margin-right:10px }
.add-direction-box svg path{fill: #f37d05;}


.page-title-section{background: url(../images/page-title-bg.png) no-repeat; background-size: cover; padding: 50px 0px; text-align: center;}
.page-search-box{margin: auto; max-width: 602px; width: 100%; display: flex; flex-direction: column; gap: 25px;}
.page-search-box h1{font-size: 36px; color: #fff; font-family: "Roboto-Bold"; margin: 0;}
.page-search-box .form-control,.page-search-box .form-control:focus{background: url(../images/search001.png) no-repeat right center #fff; height: 46px; border-radius: 50px; border: none; padding: 0px 60px 0px 15px;}
.page-search-box .form-group{margin: 0; padding: 0;}

.service-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:30px;}
.service-list ul li a{display: flex; flex-direction: column; gap: 15px; text-align: center;}
.service-list ul li img{aspect-ratio: 1/0.8; width: 100%; object-fit: cover; border-radius: 16px;}
.service-list ul li a figcaption{color:#1F2122; font-size: 20px; font-family: "RobotoMedium"; text-align: left;}

.service-banner-section{background: url(../images/service-banner.png) no-repeat center bottom; background-size: cover; min-height: 550px; display:flex; align-items: flex-end; padding: 30px 0px;}
.service-banner-des{display:flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 15px;}
.service-banner-left{display:flex; flex-direction: column; gap: 20px;}
.service-banner-left-top{display:flex; align-items: center; gap: 15px;}
.service-banner-left h1{font-size: 50px; color: #fff; font-family: "Roboto-Bold";}

.service-filter-btn{display: flex; gap: 15px; align-items: center;}
.service-filter-btn button{border: solid 1px #E3E4E6; background: #fff; padding: 10px 15px; display: flex; align-items: center; gap: 10px; font-size: 16px; color: #3D3D3D; border-radius: 8px;}
.btn-new,.btn-new:hover{background: linear-gradient(to right,  #f26a29 0%,#b75238 50%,#7a3a47 100%); font-size: 15px; color: #fff; padding: 15px 25px; border-radius: 80px; font-family: "RobotoMedium"; border: none; text-transform: capitalize; box-shadow: none;}
.btn-border-primary { border: solid 1px var(--primary) !important;font-size: 15px;  border-radius: 80px;font-weight: 600;color: var(--primary);padding: 15px 25px;  font-family: "Roboto", sans-serif;background-color: var(--white);}
.btn-border-primary:hover { background-color: var(--primary); color: var(--white); }

.kitchens-service-list ul{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 30px;}
.kitchens-service-box{display: flex; flex-direction: column; gap: 15px;}
.kitchens-service-box figure{height: 230px; overflow: hidden; border-radius: 16px; position: relative;}
.kitchens-service-box figure img{width: 100%; height: 100%; object-fit: cover;}
.kitchens-service-box figure button{position: absolute; right: 15px; top: 15px; width: 35px; padding: 5px; height: 35px; border-radius: 50px; display: flex; align-items: center; justify-content: center; border: none; padding: 3px;}
.kitchens-service-box figcaption{display: flex; justify-content: space-between; gap: 15px; align-items: flex-start;}

.service-title-box{display: flex; flex-direction: column; gap: 10px;}
.service-title-box h3{font-size: 22px; color: #1F2122; font-family: "Roboto-Bold";}
.location-distence{display: flex; align-items: center;}
.location-distence a{padding: 0px 10px; border-right: solid 1px #78797A; font-size: 16px; color: #8F8F95; font-family: "RobotoMedium"; display: flex; align-items: center; gap: 10px;}
.location-distence a:last-child{border: none;}
.location-distence a:first-child{padding-left: 0;}

.rating-star{display: inline-flex; align-items: center; gap: 5px; border-radius: 80px; background: #F26522; padding: 5px 10px; font-size: 18px; color: #fff; font-family: "Roboto-Bold";}

.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-column { flex-direction: column; }
.align-items-center { align-items: center !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-start { justify-content: flex-start; }

.gap-2 { gap: 1rem; }
.gap-3 { gap: 1.5rem; }
.gap-4 { gap: 2rem; }
.gap-5 { gap: 2.5rem; }
.gap-6 { gap: 3rem; }
.gap-7 { gap: 3.5rem; }
.gap-8 { gap: 4rem; }

/* row gap */
.row-gap-0 {
  row-gap:0!important
}
.row-gap-1 {
  row-gap:.25rem!important
}
.row-gap-2 {
  row-gap:.5rem!important
}
.row-gap-3 {
  row-gap:1rem!important
}
.row-gap-4 {
  row-gap:1.5rem!important
}
.row-gap-5 {
  row-gap:3rem!important
}
.row-gap-6 {
  row-gap:3.5rem!important
}
.row-gap-7 {
  row-gap:4rem!important
}
.row-gap-8 {
  row-gap:4.5rem!important
}
.row-gap-9 {
  row-gap:5rem!important
}
.row-gap-10 {
  row-gap:5.5rem!important
}
.row-gap-11 {
  row-gap:6rem!important
}
.row-gap-12 {
  row-gap:6.5rem!important
}
.row-gap-13 {
  row-gap:7rem!important
}
.row-gap-14 {
  row-gap:7.5rem!important
}
.row-gap-15 {
  row-gap:8rem!important
}
.row-gap-16 {
  row-gap:8.5rem!important
}
.row-gap-17 {
  row-gap:9rem!important
}
.row-gap-18 {
  row-gap:9.5rem!important
}
.row-gap-19 {
  row-gap:10rem!important
}
.row-gap-20 {
  row-gap:10.5rem!important
}

/* col gap */
.col-gap-0 {
  column-gap:0!important
}
.col-gap-1 {
  column-gap:.25rem!important
}
.col-gap-2 {
  column-gap:.5rem!important
}
.col-gap-3 {
  column-gap:1rem!important
}
.col-gap-4 {
  column-gap:1.5rem!important
}
.col-gap-5 {
  column-gap:3rem!important
}
.col-gap-6 {
  column-gap:3.5rem!important
}
.col-gap-7 {
  column-gap:4rem!important
}
.col-gap-8 {
  column-gap:4.5rem!important
}
.col-gap-9 {
  column-gap:5rem!important
}
.col-gap-10 {
  column-gap:5.5rem!important
}
.col-gap-11 {
  column-gap:6rem!important
}
.col-gap-12 {
  column-gap:6.5rem!important
}
.col-gap-13 {
  column-gap:7rem!important
}
.col-gap-14 {
  column-gap:7.5rem!important
}
.col-gap-15 {
  column-gap:8rem!important
}
.col-gap-16 {
  column-gap:8.5rem!important
}
.col-gap-17 {
  column-gap:9rem!important
}
.col-gap-18 {
  column-gap:9.5rem!important
}
.col-gap-19 {
  column-gap:10rem!important
}
.col-gap-20 {
  column-gap:10.5rem!important
}

/* margin */
.m-0 { margin: 0 !important; }
.m-1 { margin: .25rem !important; }
.m-2 { margin: .5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 2rem !important; }
.m-6 { margin: 2.5rem !important; }
.m-7 { margin: 3rem !important; }
.m-8 { margin: 3.5rem !important; }
.m-9 { margin: 4rem !important; }
.m-10 { margin: 4.5rem !important; }
.m-11 { margin: 5rem !important; }
.m-12 { margin: 5.5rem !important; }
.m-13 { margin: 6rem !important; }
.m-14 { margin: 6.5rem !important; }
.m-15 { margin: 7rem !important; }
.m-16 { margin: 7.5rem !important; }
.m-17 { margin: 8rem !important; }
.m-18 { margin: 8.5rem !important; }
.m-19 { margin: 9rem !important; }
.m-20 { margin: 9.5rem !important; }

/* margin x */
.mx-1 { margin-left: .25rem !important;margin-right: .25rem !important; }
.mx-2 { margin-left: .5rem !important;margin-right: .5rem !important; }
.mx-3 { margin-left: 1rem !important;margin-right: 1rem !important; }
.mx-4 { margin-left: 1.5rem !important;margin-right: 1.5rem !important; }
.mx-5 { margin-left: 2rem !important;margin-right: 2rem !important; }
.mx-6 { margin-left: 2.5rem !important;margin-right: 2.5rem !important; }
.mx-7 { margin-left: 3rem !important;margin-right: 3rem !important; }
.mx-8 { margin-left: 3.5rem !important;margin-right: 3.5rem !important; }
.mx-9 { margin-left: 4rem !important;margin-right: 4rem !important; }
.mx-10 { margin-left: 4.5rem !important;margin-right: 4.5rem !important; }
.mx-11 { margin-left: 5rem !important;margin-right: 5rem !important; }
.mx-12 { margin-left: 5.5rem !important;margin-right: 5.5rem !important; }
.mx-13 { margin-left: 6rem !important;margin-right: 6rem !important; }
.mx-14 { margin-left: 6.5rem !important;margin-right: 6.5rem !important; }
.mx-15 { margin-left: 7rem !important;margin-right: 7rem !important; }
.mx-16 { margin-left: 7.5rem !important;margin-right: 7.5rem !important; }
.mx-17 { margin-left: 8rem !important;margin-right: 8rem !important; }
.mx-18 { margin-left: 8.5rem !important;margin-right: 8.5rem !important; }
.mx-19 { margin-left: 9rem !important;margin-right: 9rem !important; }
.mx-20 { margin-left: 9.5rem !important;margin-right: 9.5rem !important; }

/* margin y */
.my-1 { margin-top: .25rem !important;margin-bottom: .25rem !important; }
.my-2 { margin-top: .5rem !important;margin-bottom: .5rem !important; }
.my-3 { margin-top: 1rem !important;margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important;margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 2rem !important;margin-bottom: 2rem !important; }
.my-6 { margin-top: 2.5rem !important;margin-bottom: 2.5rem !important; }
.my-7 { margin-top: 3rem !important;margin-bottom: 3rem !important; }
.my-8 { margin-top: 3.5rem !important;margin-bottom: 3.5rem !important; }
.my-9 { margin-top: 4rem !important;margin-bottom: 4rem !important; }
.my-10 { margin-top: 4.5rem !important;margin-bottom: 4.5rem !important; }
.my-11 { margin-top: 5rem !important;margin-bottom: 5rem !important; }
.my-12 { margin-top: 5.5rem !important;margin-bottom: 5.5rem !important; }
.my-13 { margin-top: 6rem !important;margin-bottom: 6rem !important; }
.my-14 { margin-top: 6.5rem !important;margin-bottom: 6.5rem !important; }
.my-15 { margin-top: 7rem !important;margin-bottom: 7rem !important; }
.my-16 { margin-top: 7.5rem !important;margin-bottom: 7.5rem !important; }
.my-17 { margin-top: 8rem !important;margin-bottom: 8rem !important; }
.my-18 { margin-top: 8.5rem !important;margin-bottom: 8.5rem !important; }
.my-19 { margin-top: 9rem !important;margin-bottom: 9rem !important; }
.my-20 { margin-top: 9.5rem !important;margin-bottom: 9.5rem !important; }


/* margin top */
.mt-1 { margin-top: .25rem !important;}
.mt-2 { margin-top: .5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 2rem !important; }
.mt-6 { margin-top: 2.5rem !important; }
.mt-7 { margin-top: 3rem !important; }
.mt-8 { margin-top: 3.5rem !important; }
.mt-9 { margin-top: 4rem !important; }
.mt-10 { margin-top: 4.5rem !important; }
.mt-11 { margin-top: 5rem !important; }
.mt-12 { margin-top: 5.5rem !important; }
.mt-13 { margin-top: 6rem !important; }
.mt-14 { margin-top: 6.5rem !important; }
.mt-15 { margin-top: 7rem !important; }
.mt-16 { margin-top: 7.5rem !important; }
.mt-17 { margin-top: 8rem !important; }
.mt-18 { margin-top: 8.5rem !important; }
.mt-19 { margin-top: 9rem !important; }
.mt-20 { margin-top: 9.5rem !important; }

/* margin bottom */
.mb-1 { margin-bottom: .25rem !important;}
.mb-2 { margin-bottom: .5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 2rem !important; }
.mb-6 { margin-bottom: 2.5rem !important; }
.mb-7 { margin-bottom: 3rem !important; }
.mb-8 { margin-bottom: 3.5rem !important; }
.mb-9 { margin-bottom: 4rem !important; }
.mb-10 { margin-bottom: 4.5rem !important; }
.mb-11 { margin-bottom: 5rem !important; }
.mb-12 { margin-bottom: 5.5rem !important; }
.mb-13 { margin-bottom: 6rem !important; }
.mb-14 { margin-bottom: 6.5rem !important; }
.mb-15 { margin-bottom: 7rem !important; }
.mb-16 { margin-bottom: 7.5rem !important; }
.mb-17 { margin-bottom: 8rem !important; }
.mb-18 { margin-bottom: 8.5rem !important; }
.mb-19 { margin-bottom: 9rem !important; }
.mb-20 { margin-bottom: 9.5rem !important; }

/* margin start */
.ms-1 { margin-left: .25rem !important;}
.ms-2 { margin-left: .5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 2rem !important; }
.ms-6 { margin-left: 2.5rem !important; }
.ms-7 { margin-left: 3rem !important; }
.ms-8 { margin-left: 3.5rem !important; }
.ms-9 { margin-left: 4rem !important; }
.ms-10 { margin-left: 4.5rem !important; }
.ms-11 { margin-left: 5rem !important; }
.ms-12 { margin-left: 5.5rem !important; }
.ms-13 { margin-left: 6rem !important; }
.ms-14 { margin-left: 6.5rem !important; }
.ms-15 { margin-left: 7rem !important; }
.ms-16 { margin-left: 7.5rem !important; }
.ms-17 { margin-left: 8rem !important; }
.ms-18 { margin-left: 8.5rem !important; }
.ms-19 { margin-left: 9rem !important; }
.ms-20 { margin-left: 9.5rem !important; }

/* margin end */
.me-1 { margin-right: .25rem !important;}
.me-2 { margin-right: .5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 2rem !important; }
.me-6 { margin-right: 2.5rem !important; }
.me-7 { margin-right: 3rem !important; }
.me-8 { margin-right: 3.5rem !important; }
.me-9 { margin-right: 4rem !important; }
.me-10 { margin-right: 4.5rem !important; }
.me-11 { margin-right: 5rem !important; }
.me-12 { margin-right: 5.5rem !important; }
.me-13 { margin-right: 6rem !important; }
.me-14 { margin-right: 6.5rem !important; }
.me-15 { margin-right: 7rem !important; }
.me-16 { margin-right: 7.5rem !important; }
.me-17 { margin-right: 8rem !important; }
.me-18 { margin-right: 8.5rem !important; }
.me-19 { margin-right: 9rem !important; }
.me-20 { margin-right: 9.5rem !important; }



/* padding  */
.p-0 { padding: 0 !important; }
.p-1 { padding: .25rem !important; }
.p-2 { padding: .5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 2rem !important; }
.p-6 { padding: 2.5rem !important; }
.p-7 { padding: 3rem !important; }
.p-8 { padding: 3.5rem !important; }
.p-9 { padding: 4rem !important; }
.p-10 { padding: 4.5rem !important; }
.p-11 { padding: 5rem !important; }
.p-12 { padding: 5.5rem !important; }
.p-13 { padding: 6rem !important; }
.p-14 { padding: 6.5rem !important; }
.p-15 { padding: 7rem !important; }
.p-16 { padding: 7.5rem !important; }
.p-17 { padding: 8rem !important; }
.p-18 { padding: 8.5rem !important; }
.p-19 { padding: 9rem !important; }
.p-20 { padding: 9.5rem !important; }

/* padding x */
.px-1 { padding-left: .25rem !important;padding-right: .25rem !important; }
.px-2 { padding-left: .5rem !important;padding-right: .5rem !important; }
.px-3 { padding-left: 1rem !important;padding-right: 1rem !important; }
.px-4 { padding-left: 1.5rem !important;padding-right: 1.5rem !important; }
.px-5 { padding-left: 2rem !important;padding-right: 2rem !important; }
.px-6 { padding-left: 2.5rem !important;padding-right: 2.5rem !important; }
.px-7 { padding-left: 3rem !important;padding-right: 3rem !important; }
.px-8 { padding-left: 3.5rem !important;padding-right: 3.5rem !important; }
.px-9 { padding-left: 4rem !important;padding-right: 4rem !important; }
.px-10 { padding-left: 4.5rem !important;padding-right: 4.5rem !important; }
.px-11 { padding-left: 5rem !important;padding-right: 5rem !important; }
.px-12 { padding-left: 5.5rem !important;padding-right: 5.5rem !important; }
.px-13 { padding-left: 6rem !important;padding-right: 6rem !important; }
.px-14 { padding-left: 6.5rem !important;padding-right: 6.5rem !important; }
.px-15 { padding-left: 7rem !important;padding-right: 7rem !important; }
.px-16 { padding-left: 7.5rem !important;padding-right: 7.5rem !important; }
.px-17 { padding-left: 8rem !important;padding-right: 8rem !important; }
.px-18 { padding-left: 8.5rem !important;padding-right: 8.5rem !important; }
.px-19 { padding-left: 9rem !important;padding-right: 9rem !important; }
.px-20 { padding-left: 9.5rem !important;padding-right: 9.5rem !important; }

/* padding y */
.py-1 { padding-top: .25rem !important;padding-bottom: .25rem !important; }
.py-2 { padding-top: .5rem !important;padding-bottom: .5rem !important; }
.py-3 { padding-top: 1rem !important;padding-bottom: 1rem !important; }
.py-4 { padding-top: 1.5rem !important;padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 2rem !important;padding-bottom: 2rem !important; }
.py-6 { padding-top: 2.5rem !important;padding-bottom: 2.5rem !important; }
.py-7 { padding-top: 3rem !important;padding-bottom: 3rem !important; }
.py-8 { padding-top: 3.5rem !important;padding-bottom: 3.5rem !important; }
.py-9 { padding-top: 4rem !important;padding-bottom: 4rem !important; }
.py-10 { padding-top: 4.5rem !important;padding-bottom: 4.5rem !important; }
.py-11 { padding-top: 5rem !important;padding-bottom: 5rem !important; }
.py-12 { padding-top: 5.5rem !important;padding-bottom: 5.5rem !important; }
.py-13 { padding-top: 6rem !important;padding-bottom: 6rem !important; }
.py-14 { padding-top: 6.5rem !important;padding-bottom: 6.5rem !important; }
.py-15 { padding-top: 7rem !important;padding-bottom: 7rem !important; }
.py-16 { padding-top: 7.5rem !important;padding-bottom: 7.5rem !important; }
.py-17 { padding-top: 8rem !important;padding-bottom: 8rem !important; }
.py-18 { padding-top: 8.5rem !important;padding-bottom: 8.5rem !important; }
.py-19 { padding-top: 9rem !important;padding-bottom: 9rem !important; }
.py-20 { padding-top: 9.5rem !important;padding-bottom: 9.5rem !important; }
.py-0 { padding-top: 0 !important;padding-bottom: 0 !important; }

/* padding top */
.pt-1 { padding-top: .25rem !important;}
.pt-2 { padding-top: .5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 2rem !important; }
.pt-6 { padding-top: 2.5rem !important; }
.pt-7 { padding-top: 3rem !important; }
.pt-8 { padding-top: 3.5rem !important; }
.pt-9 { padding-top: 4rem !important; }
.pt-10 { padding-top: 4.5rem !important; }
.pt-11 { padding-top: 5rem !important; }
.pt-12 { padding-top: 5.5rem !important; }
.pt-13 { padding-top: 6rem !important; }
.pt-14 { padding-top: 6.5rem !important; }
.pt-15 { padding-top: 7rem !important; }
.pt-16 { padding-top: 7.5rem !important; }
.pt-17 { padding-top: 8rem !important; }
.pt-18 { padding-top: 8.5rem !important; }
.pt-19 { padding-top: 9rem !important; }
.pt-20 { padding-top: 9.5rem !important; }


/* padding bottom */
.pb-1 { padding-bottom: .25rem !important;}
.pb-2 { padding-bottom: .5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 2rem !important; }
.pb-6 { padding-bottom: 2.5rem !important; }
.pb-7 { padding-bottom: 3rem !important; }
.pb-8 { padding-bottom: 3.5rem !important; }
.pb-9 { padding-bottom: 4rem !important; }
.pb-10 { padding-bottom: 4.5rem !important; }
.pb-11 { padding-bottom: 5rem !important; }
.pb-12 { padding-bottom: 5.5rem !important; }
.pb-13 { padding-bottom: 6rem !important; }
.pb-14 { padding-bottom: 6.5rem !important; }
.pb-15 { padding-bottom: 7rem !important; }
.pb-16 { padding-bottom: 7.5rem !important; }
.pb-17 { padding-bottom: 8rem !important; }
.pb-18 { padding-bottom: 8.5rem !important; }
.pb-19 { padding-bottom: 9rem !important; }
.pb-20 { padding-bottom: 9.5rem !important; }

/* padding start */
.ps-1 { padding-left: .25rem !important; }
.ps-2 { padding-left: .5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 2rem !important; }
.ps-6 { padding-left: 2.5rem !important; }
.ps-7 { padding-left: 3rem !important; }
.ps-8 { padding-left: 3.5rem !important; }
.ps-9 { padding-left: 4rem !important; }
.ps-10 { padding-left: 4.5rem !important; }
.ps-11 { padding-left: 5rem !important; }
.ps-12 { padding-left: 5.5rem !important; }
.ps-13 { padding-left: 6rem !important; }
.ps-14 { padding-left: 6.5rem !important; }
.ps-15 { padding-left: 7rem !important; }
.ps-16 { padding-left: 7.5rem !important; }
.ps-17 { padding-left: 8rem !important; }
.ps-18 { padding-left: 8.5rem !important; }
.ps-19 { padding-left: 9rem !important; }
.ps-20 { padding-left: 9.5rem !important; }

/* padding end */
.pe-1 { padding-right: .25rem !important; }
.pe-2 { padding-right: .5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 2rem !important; }
.pe-6 { padding-right: 2.5rem !important; }
.pe-7 { padding-right: 3rem !important; }
.pe-8 { padding-right: 3.5rem !important; }
.pe-9 { padding-right: 4rem !important; }
.pe-10 { padding-right: 4.5rem !important; }
.pe-11 { padding-right: 5rem !important; }
.pe-12 { padding-right: 5.5rem !important; }
.pe-13 { padding-right: 6rem !important; }
.pe-14 { padding-right: 6.5rem !important; }
.pe-15 { padding-right: 7rem !important; }
.pe-16 { padding-right: 7.5rem !important; }
.pe-17 { padding-right: 8rem !important; }
.pe-18 { padding-right: 8.5rem !important; }
.pe-19 { padding-right: 9rem !important; }
.pe-20 { padding-right: 9.5rem !important; }



/* padding 0 margin 0 */
.px-0 { padding-left: 0 !important;padding-right: 0 !important; }
.py-0 { padding-top: 0 !important;padding-bottom: 0 !important; }
.mx-0 { margin-left: 0 !important;margin-right: 0 !important; }
.my-0 { margin-top: 0 !important;margin-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.ps-0 { padding-left: 0 !important; }
.pe-0 { padding-right: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.ms-0 { margin-left: 0 !important; }
.me-0 { margin-right: 0 !important; }


/* width */
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }
.w-80 { width: 8%; }
.w-90 { width: 90%; }
.w-100 { width: 100%; }
.row-wrap { flex-flow: row wrap; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;}

.back-btn-with-arrow a { font-size: 16px;font-family: "Roboto-Bold";color: #78797A;}
.swiper-slider-images-wrapper .thumbs-slider-img { aspect-ratio: 16/8;overflow: hidden;border-radius: 16px; }
.swiper-slider-images-wrapper .thumbs-slider-img img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.swiper-slider-thumbs-wrapper .thumbs-slider-img { aspect-ratio: 16/10;overflow: hidden;border-radius: 16px; }
.swiper-slider-thumbs-wrapper .thumbs-slider-img img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.swiper-btns > * { width: 35px !important;height: 35px !important;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px 4px rgba(100, 100, 100, 0.19);
  box-shadow: 0px 4px 4px color(display-p3 0.392 0.392 0.392 / 0.19); }
.swiper-btns > div:after{ font-size: 20px;color: var(--primary); }
.bookmark-icon { width: 40px;height: 40px;border-radius: 50%;background: var(--white);display: flex;align-items: center;justify-content: center; cursor: pointer;}
.bookmark-icon i { font-size: 24px;color: var(--light-grey-80);}
.bookmark-icon.active { background: var(--primary); }
.bookmark-icon.active i { color: var(--white); }
.swiper-slider-images-wrapper { position: relative; }
.swiper-slider-images-wrapper .bookmark-icon { position: absolute;top: 20px;right: 20px;z-index: 11; display:flex;}
.product-head-title h1 { font-size: 36px;font-family: "Roboto-Bold";}
.swiper-slider-thumbs-wrapper .swiper-slide-thumb-active .thumbs-slider-img { border: 2px solid var(--primary); }
.product-body-title { font-size: 20px;font-family: "Roboto-Bold"; }
.product-description p { font-size: 16px;color: var(--light-grey-80); }
.product-services-box-list figure { aspect-ratio: 3/2.2;overflow: hidden;border-radius: 16px; margin-bottom: 10px;}
.product-services-box-list figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.product-services-box-list figcaption { font-size: 16px;font-family: "Roboto-Bold";color: #1F2122; }
.product-contact-info-list { display: flex;flex-direction: column;gap: 10px; }
.product-contact-info-list .product-contact-info-item { display: flex;align-items: center;gap: 10px;justify-content: space-between;border: 1px solid #E3E3E3;padding: 8px 15px;border-radius:100px }
.product-contact-box { font-size: 16px;font-weight: 600; }
.product-contact-box span { color: var(--light-grey-80); }
.product-contact-box i { color: var(--primary); margin-right: 10px;font-size: 24px; }
.product-contact-copy { border-radius:100px;font-weight: 600; display: flex;align-items: center;gap: 10px;background-color: #F5F5F5;padding: 10px;color: #C8C8C8; }
.rate-store-box-in { background-color: var(--light-grey-60);padding: 20px;border-radius: 16px; }
.star-rating-big i { font-size: 35px;color: #D8D8D8; }
.star-rating-big i.active { color: #F8B820; }
.map-frame iframe { width: 100%;height: 180px;border: 0;border-radius: 16px; }
.working-hours-box-in .working-hours-box-item { position: relative; display: flex;align-items: center;gap: 10px;justify-content: space-between; }
.working-hours-box-in .working-hours-box-item span { position: relative; height: 46px;background: #FFFFFF;background: color(display-p3 1.000 1.000 1.000);border: 1px solid #E3E3E3;border: 1px solid color(display-p3 0.890 0.890 0.890);box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.05);box-shadow: 2px 2px 13px color(display-p3 0.000 0.000 0.000 / 0.05);border-radius: 30px;display: flex;align-items: center;justify-content: center;padding: 5px 15px;font-weight: 600;font-size: 15px; }
.working-hours-box-in .working-hours-box-item span:first-child { width: 110px; }
.working-hours-box-in .working-hours-box-item span:last-child { width: 55%; }
.working-hours-box-in { padding: 15px;border-radius: 16px;background: var(--light-grey-60);display: flex;flex-direction: column;gap: 10px; }
.working-hours-box-in .working-hours-box-item span:first-child:after { content: "";position: absolute;top: 50%;left: 127px;transform: translate(-50%,-50%);width: 15px;height: 15px;background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='7' stroke='url(%23paint0_linear_8400_11045)' style=''/%3E%3Ccircle cx='7.5' cy='7.5' r='3.5' fill='url(%23paint1_linear_8400_11045)' style=''/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8400_11045' x1='7.5' y1='0' x2='7.5' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ECECEC' style='stop-color:%23ECECEC;stop-color:color(display-p3 0.9236 0.9236 0.9236);stop-opacity:1;'/%3E%3Cstop offset='1' stop-color='%23CECECE' style='stop-color:%23CECECE;stop-color:color(display-p3 0.8069 0.8069 0.8069);stop-opacity:1;'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_8400_11045' x1='7.5' y1='4' x2='7.5' y2='11' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23ECECEC' style='stop-color:%23ECECEC;stop-color:color(display-p3 0.9236 0.9236 0.9236);stop-opacity:1;'/%3E%3Cstop offset='1' stop-color='%23CECECE' style='stop-color:%23CECECE;stop-color:color(display-p3 0.8069 0.8069 0.8069);stop-opacity:1;'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
.working-hours-box-in .working-hours-box-item.active span:first-child:after { background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='7' stroke='url(%23paint0_linear_8400_11030)' style=''/%3E%3Ccircle cx='7.5' cy='7.5' r='3.5' fill='url(%23paint1_linear_8400_11030)' style=''/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_8400_11030' x1='1.53409' y1='-10.3448' x2='21.7215' y2='-5.20796' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F26A2A' style='stop-color:%23F26A2A;stop-color:color(display-p3 0.9490 0.4157 0.1647);stop-opacity:1;'/%3E%3Cstop offset='1' stop-color='%23914341' style='stop-color:%23914341;stop-color:color(display-p3 0.5686 0.2627 0.2549);stop-opacity:1;'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_8400_11030' x1='4.71591' y1='-0.827586' x2='14.1367' y2='1.56962' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F26A2A' style='stop-color:%23F26A2A;stop-color:color(display-p3 0.9490 0.4157 0.1647);stop-opacity:1;'/%3E%3Cstop offset='1' stop-color='%23914341' style='stop-color:%23914341;stop-color:color(display-p3 0.5686 0.2627 0.2549);stop-opacity:1;'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }
.working-hours-box-in .working-hours-box-item span:first-child:before { content: "";width: 2px;height: 100%;border: 1px dashed var(--light-grey-80);position: absolute;left: 127px;top: 52%; }
.working-hours-box-in .working-hours-box-item.active-line span:first-child:before { content: "";width: 2px;height: 100%;border: 1px dashed var(--primary);position: absolute;left: 127px;top: 52%; }
.working-hours-box-in .working-hours-box-item:last-child span:before { display: none; }
.full-info-box { padding: 20px;border-radius: 16px;background: var(--light-grey-60); }
.full-info-box h2 { font-size: 18px;font-weight: 600;font-family: "Roboto", sans-serif;margin-bottom: 10px; }
.full-info-box p { font-size: 16px;color: var(--light-grey-80); }
.page-banner-main { position: relative; height: 280px;overflow: hidden;display: flex;align-items: center;justify-content: center; }
.page-banner-main img { width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left: 0;top: 0; }
.page-banner-main h1 { font-size: 36px;font-family: "Roboto-Bold";color: var(--white);position: relative;z-index: 1; }
.item-slider-main { height: 100%;}
.store-service-box figure { height: auto; aspect-ratio: 16/11;overflow: hidden;border-radius: 16px; }
.store-service-box .bookmark-icon { position: absolute;top: 20px;right: 20px;z-index: 11; }
.store-service-box .bookmark-icon i { color: var(--primary);  }
.item-slider-main .swiper-pagination .swiper-pagination-bullet { width: 12px;height: 12px;background-color: #EEE2DD;opacity: 1; }
.item-slider-main .swiper-pagination .swiper-pagination-bullet-active { background: var(--primary); }
.store-status { width: 10px;height: 10px;border-radius: 50%; }
.store-status.active { background: #2BB14B; }
.store-status.closed { background: #FF4E4E; }
.property-detail-figure { width: 400px; }
.property-detail-figure figure img { border-radius: 16px; width: 100%;height: 100%;object-fit: cover;object-position: center;aspect-ratio: 16/10; }
.property-detail-figure-content { display: flex;justify-content: space-between;margin-top: 15px; }
.property-detail-figure-content span { font-size: 16px;font-weight: 600;color: #1F2122; }
.property-detail-figure-content span font { color: var(--light-grey-100); }
.property-sub-icons { display: flex;flex-wrap: wrap;gap: 25px; margin-top: 20px;}
.property-sub-icons .property-sub-icon { width: 85px;text-align: center; }
.property-sub-icons .property-sub-icon figure { margin-bottom: 10px; height: 60px;background: #F5F5F5;display: flex;align-items: center;justify-content: center;border-radius: 16px; }
.property-sub-icons .property-sub-icon figure img { width: 40px; }
.other-details-box-in { padding: 20px;border-radius: 16px;background: var(--light-grey-60); }
.other-details-box-in ul { display: flex;flex-direction: column;gap: 20px; }
.other-details-box-in li { display: flex; justify-content: space-between;gap: 15px; }
.other-details-box-in li span { width: 50%;font-weight: 600;font-size: 16px;font-family: "Roboto", sans-serif; }
.other-details-box-in li span:last-child { text-align: right; }
.rating-comments-item .rating-head .avatar { width: 40px;height: 40px;border-radius: 50px;overflow: hidden; }
.rating-comments-item .rating-head .avatar img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.rating-comments-item .rating-head .star-rating-big i { font-size: 18px; }
.rating-head-content-top h3 { font-size: 16px;font-weight: 600; }
.rating-head-content-top span { font-size: 12px;color: var(--light-grey-80); }
.product-contact-box a { display: flex;}
.rating-comments-item { padding:20px;border-radius:16px;background: var(--light-grey-60);display: flex;flex-direction: column;gap: 10px; }
.rating-footer a { color: #8D8D8D;}
.rating-footer a font { color: #000; }
.product-list-box figure { margin-bottom: 20px; aspect-ratio: 1.2/1;overflow: hidden;border-radius: 16px;position: relative; }
.product-list-box figure img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.product-list-box .bookmark-icon { position: absolute;top: 20px;right: 20px;z-index: 11; }
.product-list-box .bookmark-icon i { color: var(--primary); }
.product-list-box figcaption h2 {  font-family: roboto, sans-serif;font-size: 22px;font-weight: 600; }
.product-list-box figcaption p {  margin: 0; font-family: roboto, sans-serif;font-size: 20px;font-weight: 500;color: var(--primary); }
.heading-title-add-product { font-size: 36px;font-family: "Roboto-Bold"; }
.upload-photo-box { display: flex;flex-wrap: wrap;gap: 15px; }
.upload-photo-box .upload-photo-box-item { flex-basis: 127px;aspect-ratio: 1/1;overflow: hidden;border-radius: 16px;position: relative; }
.upload-photo-box .upload-photo-box-item img { object-fit: cover;object-position: center;width: 100%;height: 100%; }
.upload-photo-box .upload-photo-box-item button { font-size: 24px; position: absolute;top: 5px;right: 5px;border-radius: 30px; z-index: 11;background-color: rgba(0, 0, 0, 0.3);border: 0;padding: 0;color: var(--white);display: flex;align-items: center;justify-content: center;width: 30px;height: 30px; }
.location-input button { position: absolute;bottom: 24px;right: 0;font-size: 24px;background:none;border:none; }
.form-check-input {min-width: 18px; width: 18px;height: 18px;margin-top: .25em !important;appearance: none;background-repeat: no-repeat;background-position:center;background-size: contain;border:
1px solid #E3E4E6;}
.form-check-input[type="checkbox"] { border-radius: .25em;}
.form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3164 5.77043C12.7193 5.39285 13.3518 5.41347 13.7295 5.81633C14.107 6.21925 14.0864 6.85173 13.6836 7.22941L8.35056 12.2294C7.99002 12.5674 7.4417 12.5885 7.05759 12.2929L6.9824 12.2294L4.31638 9.72941L4.24509 9.65617C3.91204 9.27399 3.91642 8.69415 4.27049 8.31633C4.62451 7.93869 5.20256 7.89676 5.60545 8.20402L5.68357 8.27043L7.66599 10.1288L12.3164 5.77043Z' fill='%23F26422' style='fill:%23F26422;fill:color(display-p3 0.9490 0.3922 0.1333);fill-opacity:1;'/%3E%3C/svg%3E%0A");background-position: center;background-repeat: no-repeat;border-color: var(--primary);  }
.form-check { display: flex;align-items: center;gap: 10px; }
.form-check .form-check-input[type="checkbox"], .form-check .form-check-input[type="radio"] { position: static !important;margin: 0px !important;}
.form-check .form-check-label { margin: 0 !important; color: var(--dark-grey-80); }
.form-check .form-check-label p { color: #7E9191;font-size: 14px; }
.form-check.align-items-start input { transform: translateY(4px); }
.profile-container {
  position: relative;
  width: 150px;
  height: 150px;
}

.circle-bg {
  width: 100%;
  height: 100%;
  background: black;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.circle-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.upload-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f26522;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  color: var(--white);
  font-size: 24px;
}
.upload-icon input { position: absolute;top: 0;left: 0;opacity: 0;width: 100%;height: 100%; }
.product-services-box-list figcaption span { display: block;color: var(--primary); }


.swiper-slider-images2 .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #EEE2DD;
  opacity: 1;
}
.swiper-slider-images2 .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--primary);
}

.btn-group-vertical.open > .dropdown-toggle.btn, .btn-group-vertical.open > .dropdown-toggle.btn.btn-default, .btn-group.open > .dropdown-toggle.btn, .btn-group.open > .dropdown-toggle.btn.btn-default{background: #41254b;}


#contactinfo .form-group .help-block{position: relative; font-size: 14px;}

.location-input .form-control{padding-right: 30px !important;}


.ListFilter li label{display: flex; align-items: center; gap: 10px;}
.ListFilter li label input{margin: 0;}
.userName p{word-break: break-all;}


#addArchitectures .form-check{align-items: start;}
#addArchitectures .form-check .form-check-input{margin-top: 5px !important;}
.store-listing-bg .col-md-6{margin-bottom: 10px;}




.ai-agent-bg{background: #FFF9F6; border-radius: 16px; padding: 30px;} 
.ai-agent-header{display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 30px;}

.ai-agent-list ul{display: flex; flex-direction: column; gap: 30px; position: relative;}
.ai-agent-list ul::before{content: ""; border-left: dashed 2px  #F26A2A; position: absolute; left: 16px; top: 0; width: 2px; height: 100%;}
.ai-agent-list ul li{display: flex; align-items: start; gap: 15px;}
.ai-agent-list ul li figure{width: 33px; height: 33px; flex:0 0 33px; border-radius: 100px; display: flex; position: relative; z-index: 1; align-items: center; justify-content: center; font-size: 15px; color: #fff; background: #F26A2A; font-family: Roboto-medium;}
.ai-agent-list ul li figcaption{flex: 1; flex-direction: column; gap: 10px; display: flex; padding-left: 5px;}
.ai-agent-list ul li figcaption h3{font-size: 15px; color: #1F2122;}
.ai-agent-list ul li figcaption p{margin: 0; font-size: 14px; color: #78797A;}
.ai-agent-list ul li:nth-child(even) figure{background: #FCEFE8; color: #F26A2A;}

.subscirbe-premium-box{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
.subscirbe-btn .btnn{width: fit-content;}
.ai-agent-suggest-box{display: flex; align-items: center; justify-content: center; height: 70vh; overflow: auto;}
.ai-agent-suggest-box ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 15px;}
.ai-agent-suggest-box ul li a{display: flex; align-items: center; gap: 10px; border: solid 1px #DBDBDB; background: #fff; padding: 8px 15px; border-radius: 50px; font-size: 14px; color: #000;}

.send-message-box{display: flex; align-items: center; gap: 30px; padding: 0px 50px; margin-top: 15px;}
.send-message-box .form-control{height: 46px; background: #fff; border: solid 1px #DBDBDB; border-radius: 24px; box-shadow: none;}
.send-message-box .btnn{width:46px; height: 46px; border-radius: 50px; padding: 0; display: flex; align-items: center; justify-content: center; max-width: 46px; min-width: 10px; flex:0 0 46px;}

.message-list-box{height: 70vh; overflow: auto;}
.message-list-box ul{display: flex; flex-direction: column; gap: 30px;}
.message-content-box{display: flex; gap: 15px;}
.message-content-box figure{width: 40px; height: 40px; flex:0 0 40px; background: #fff; border: solid 1px #DBDBDB; border-radius: 8px; padding: 5px;}
.message-content-box figcaption{flex: 1; display: flex; flex-direction: column; gap: 10px;}
.message-content{width: fit-content; font-size: 14px; color: #000000; border: solid 1px #DBDBDB; background: #fff; border-radius: 12px; padding: 10px 15px;}

.message-right{display: flex; justify-content: flex-end;}
.message-right .message-content{background: #F26A2A; color: #fff; border: none;}


.block{border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 10px;}
.block span{min-width: 35px; display: inline-block; text-align: center; font-weight: bold; color: #F26A2A;}
.emoji{margin-right: 6px;}
.block:last-child{margin-bottom: 0; border-bottom: none; padding-bottom: 0;}

.ai-agent-bg{position: relative;}
.chat-ai-loader{position: absolute; width: 100%; bottom: 95px; left: 0;}