/* Master styles do not edit - use a child theme */

/* CSS Reset */
picture {
  display: block;
}
/* End CSS Reset */

/* Gutenberg Styles */

.is-style-custom-image img {
	border-radius: 91% 9% 89% 11% / 7% 87% 13% 93% !important;
}


/* Global styles
================================================== */
:root {
  --swiper-navigation-color: var(--theme-colour);
  --swiper-pagination-color: var(--theme-colour);
  --swiper-theme-color: var(--theme-colour);
  /* --nav-height-scroll: var(--nav-height-scroll); */
  --nav-height-scroll-mobile: var(--nav-height-scroll);
  --medium-grey-rgba: 243, 244, 246;
  --art-container-maxwidth: 1540px;
  --art-container-padding: 0 15px;
  --art-container-margin: 0 auto;  
}
div:not(.swiper-nav) .swiper-button-next,
div:not(.swiper-nav) .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 43%);
}
.art-rep-testimonials-split--slider .swiper,
.art-rep-testimonials-strip--slider .swiper {
    width: 100%;
}
.swiper-wrapper {
  margin-bottom: 40px;
}
ul.swiper-wrapper {
  padding: 0;
}
.swiper-slide img {
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.swiper-nav .swiper-button-prev,
.swiper-nav .swiper-button-next {
  opacity: 0; 
  transition: opacity 0.5s ease;
}
.art-footer-logos--slider .swiper-button-next:after, 
.art-footer-logos--slider .swiper-button-prev:after {
  font-size: 20px;
}

html {
  overflow-x: hidden !important;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  max-width: 2560px;
  margin: 0 auto;
  font-size: 16px;
}
body {
  accent-color: var(--secondary);
}
.body-inner {
  position: relative;
  overflow: hidden;
}
.home {
  margin-top: 0 !important;
}

.home {
  margin-top: 0;
}

a {
  color: var(--secondary);
  font-weight: 400;
}
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a.read-more {
  color: #323232;
}
.fa, .fas {
  font-weight: unset !important;
}
.fas.fa-heart {
  font-weight: 900 !important;
}
section {
  position: relative;
}
.btn-gallery {
  color: var(--white);
  font-weight: 500;
}
a.btn-gallery:hover,
a.btn-gallery:focus {
  color: var(--white);
  text-decoration: none;
}
a:hover,
a:focus {
  color: var(--highlight-dark);
}
.white-background {
  background-color: var(--white);
}
.grey-background {
  background-color: var(--medium-grey);
}
.primary-background {
  background-color: var(--secondary);
}
.highlight-background {
  background-color: var(--highlight);
}
.pd-top {
  padding-top: 80px;
}
.pd-bottom {
  padding-bottom: 80px;
}
.narrow,
.page-content p,
.page-template p,
.single-estateagents p,
.single-developments p {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: inherit;
  margin-bottom: 25px;
}
.gfield_visibility_hidden {
  display: none;
}
.page-content p,
.page-template p {
  margin-bottom: 25px;
}
.local-area-full-content.local-area-full-content ul {
  padding-left: 18px;
}
.local-area-full-content h4 {
  color: var(--secondary);
  font-weight: normal;
  margin-top: 0;
}
@media(min-width:992px) {
  .local-area-full-content h4 {
      font-size: 24px;
      font-weight: normal;
      margin-bottom: 0.35rem;;
      margin-top: 2rem;
  }    
}
.local-area-full-content ul {
  padding-left: 18px;    
}
.local-area-full-content ul.arrow-right {
  padding-left: 31px;    
}
ul.arrow-right li {
  list-style: none;
}
ul.arrow-right li:before {
  font-family: 'Font Awesome 6 Pro';
  content: "\f058";
  margin: 0 12px 0 -31px;
  color: var(--primary);
  font-size: 17px;
  content: "\f0a9";
  font-weight: bold;
}
.has-text-align-center {
  text-align: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}

/** Padding **/
.page-inner-default-section {
  padding-top: 60px;
}
.ts-padding {
  padding: 60px 0px 60px 0px;
}
.no-padding {
  padding: 0;
}
.pd80 {
  padding-top: 40px;
}
.pd60_inside {
  padding: 40px 0px 0px 0px;
}
.pd50-home {
  padding: 70px 0px 70px 0px;
}
.no-margin {
  margin: 0px;
}
.media > .pull-left {
  margin-right: 20px;
}
.wp-block-image .alignright {
  float: right;
  margin-left: 1em;
  max-width: 50%;
  height: auto;
}
.wp-block-image img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.grecaptcha-badge {
  display: none;
}

.module-inactive {
  color: var(--text-light);
  margin: 40px auto;
}

/** Padding End **/

.areas-heading {
  padding-bottom: 50px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.gap-60 {
  clear: both;
  height: 60px;
}
.gap-40 {
  clear: both;
  height: 40px;
}
.gap-30 {
  clear: both;
  height: 30px;
}
.gap-20 {
  clear: both;
  height: 20px;
}
a:focus {
  outline: 0;
}

.art-cookie {
	position: fixed;
	height: 0px;
	display: none;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	transition: 0.3s;
	width: 100%;
	z-index: 99;
	background: var(--charcoal);
	visibility: hidden;
  padding: 15px;
  overflow: hidden;
}
.art-cookie-top {
  top: 0;
}
.art-cookie.cookie-grow {
	height: 75px;
	visibility: visible;
}
.art-cookie-inner {
	display: flex;
	align-items: center;
	justify-content: center;
  transition: 0.3s;
  overflow: hidden;
}
.art-cookie p,
.art-cookie a {
  margin-bottom: 0;
  margin-right: 20px;
  font-size: 12px;
  color: white;
  line-height: 1;
}
.art-cookie a {
  color: var(--highlight);
  text-decoration: underline;
}
.art-cookie-inner .art-btn.art-cookie-button {
  min-width: auto;
	outline: none;
  border: none;
  background: var(--secondary);
  color: white;
  font-size: 13px;
  padding: 8px 22px;
  border-radius: var(--radius);
  cursor: pointer;
  flex-basis: 0;
}

/* Typography
================================================== */

body {
  font-family: sans-serif;
}

p,
li,
a,
blockquote,
blockquote p {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
}
p,
li,
blockquote,
blockquote p {
  line-height: 1.6;
  margin-bottom: 20px;
  color: var(--text);
}
blockquote,
blockquote p {
  font-style: italic;
}

li {
  margin-bottom: 6px;
}

.pull-right {
  margin-bottom: 60px;
}

.pull-right p,
.textwidget p {
  text-align: left;
}

.widget section {
  margin-bottom: 40px;
}

h1, .is-h1,
h2, .is-h2,
h3,
h4,
h5,
h6 {
  color: var(--titles);
  font-weight: 400;
  text-wrap: balance;
}

h1, .is-h1 {
  font-size: 36px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
}
h2, .is-h2 {
  font-size: 36px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
}
h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-top: 20px;
  margin-bottom: 30px;
}
h4 {
  font-size: 18px;
  line-height: 1.25;
  margin-top: 16px;
  margin-bottom: 16px;
}
h5 {
  font-size: 22px;
  line-height: 1.25;
  margin-top: 12px;
  margin-bottom: 12px;
}

.page-heading h1,
.page-heading h2 {
  margin-top: 0px;
}

.art-homepage-hero .is-h1 {
  font-size: 42px;
  line-height: 1.1;
  font-weight: 400;
  color: var(--white);
  margin: 0;
}
@media(min-width:992px) {
  .art-homepage-hero .is-h1 {
    font-size: 66px;
  }
}
.areas-heading h2 {
  color: #47354f;
}
.areas-heading h3 {
  color: #47354f;
}
.areas-we-cover-image-grid,
.areas-we-cover-image-grid a {
  display: flex;
  height: 100%;
  position: relative;
}
.areas-we-cover-image-grid img {
  object-fit: cover;
  width: 100%;
  max-width: 475px;
}

.areas-h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

.areas-h3:hover {
  background: var(--primary-trans);
}

.client_logo h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 55px;
  width: 100%;
  text-align: right;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
}

/**** Typography **/

.mb-30 {
  margin-bottom: 30px;
}

/** Hero-module **/
.hero-module {
  width: 100%;
  display: flex;
}
.hero-module-image {
  width: 100%;
  height: auto;
}
.hero-module-image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.hero-module-image img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  max-height: 700px;
}
.hero-module-content {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  text-align: center;
}
.hero-module-content h1 {
  color: var(--white);
  font-size: 66px;
  font-weight: 400;
  margin: 0;
}
.hero-module-content p {
  font-size: 25px;
  margin-top: 18px;
  margin-bottom: 34px;
  color: var(--white);
  text-transform: capitalize;
  font-weight: 300;
}
.hero-module-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-module a:hover {
  color: white;
}

/** content-module **/
.white-font,
.white-font p {
  color: white;
}
.content-module {
  width: 100%;
  display: flex;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.content-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-module-image {
  width: 100%;
  height: auto;
}
.content-module-image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.content-module-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.content-module-content {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
  width: 100%;
  z-index: 10;
}
.content-module-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.rep-blog-content {
  margin-bottom: 25px;
}
.single_content .content-module {
  padding: 26px;
}
.single_content .content-module h2 {
  margin-bottom: 16px;
}
.single_content .content-module-actions {
  margin-top: 40px;
}
/** ACF MAP Google**/
.estate-map {
  width: 60%;
  height: 250px;
  margin: 20px 0;
}

.estate-agent-map {
  width: 100%;
  height: 800px;
  margin: 0px;
}
.estate-map img {
  max-width: inherit !important;
}

.contact-us-map {
  width: 100%;
  height: 800px;
  margin: 0px;
}
.contact-us-map img {
  max-width: inherit !important;
}

/** END Carousel inside property **/

.form-center {
  margin: 0 auto;
  max-width: 40%;
}
.btn.btn-primary {
  color: #323232;
  border-radius: 50px;
  padding: 10px 30px;
  background: none;
  font-size: 18px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 20px;
}

.btn.btn-primary:hover {
  color: var(--white);
}

.btn.btn-primary.white {
  border: 2px solid var(--white);
  color: var(--white);
  margin-right: 20px;
  border-radius: var(--radius);
}

.btn.btn-primary.square {
  border-radius: var(--radius);
  color: var(--white);
}

.btn.btn-primary.solid {
  color: var(--white);
}

.btn.btn-primary.solid.blank:hover {
  color: #333;
}

.btn.btn-primary.solid:hover {
  background: none;
}

ul.circle {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.circle li {
  position: relative;
  margin-left: 30px;
  padding-bottom: 20px;
}

ul.circle li:before {
  content: "\f111";
  font-family: 'Font Awesome 6 Pro';
  font-size: 8px;
  line-height: 8px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
  left: -33px;
  top: 5px;
}

ul.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.checklist {
  padding-left: 28px;
}
ul.checklist li {
  padding-left: 10px;
}
ul.checklist li::marker {
  content: "\f058";
  font-family: 'Font Awesome 6 Pro';
  color: var(--highlight);
}

ul.arrow li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
}

/** Homepage Services **/

.services-item {
  position: relative;
  height: 450px;
  transition: background-color 1s;
  cursor: pointer;
  background-position: top;
  background-size: cover;
}
.services-item:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}
.services-item:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: inherit;
  content: " ";
}
.service-heading-item h3 {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 55px;
  width: 100%;
  text-align: right;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  left:0;
}

.service-block {
  text-align: center;
}
.service-block h3 {
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.service-block p {
  font-weight: 300;
  font-size: 20px;
}

/** Inner page tabs **/

.section--details .section__actions {
  position: absolute;
  left: 0;
  width: 100%;
  height: 94px;
  z-index: 20;
  background: var(--white);
  will-change: all;
}
.section ul {
  padding-left: 0;
}
.list-tools {
  padding: 20px 0 15px;
  text-align: center;
}
.list-tools li {
  display: inline-block;
  vertical-align: middle;
}
.list-tools li + li {
  margin-left: 34px;
}
.icon-details {
  width: 19px;
  height: 17px;
}
.icon-location {
  width: 18px;
  height: 25px;
}
.icon-gallery {
  width: 26px;
  height: 20px;
}
.icon-floorplan {
  width: 26px;
  height: 23px;
}
.icon-epc {
  width: 26px;
  height: 26px;
}
.icon-share {
  width: 20px;
  height: 20px;
}
.icon-print {
  width: 20px;
  height: 20px;
}

[class^="icon-"] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
[class^="icon-"] svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
.list-tools span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  color: #6a6a6a;
  font-size: 15px;
  font-weight: 600;
  -webkit-transition: color 0.4s;
  -o-transition: color 0.4s;
  transition: color 0.4s;
}

/*** Extra Content **/

#extra-content img {
  width: 100%;
  height: auto;
}

/** Image Content and Content Image Sections **/

.three-image {
  width: 100%;
}

.three-image {
  width: 100%;
  position: relative;
}

.three-image-wrapper {
  position: relative;
  width: 100%;
}
.images-card p, .images-card h3 {
  text-align: left;
}
.images-card h3 {
  margin-top: 25px;
  margin-bottom: 15px;
}
.images-card .col-md-4:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: rgba(211, 211, 211, 0.8);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.images-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.images-overlay {
  position: relative;
  margin: 0;
}

.images-overlay:hover {
  box-shadow: 0 0rem 1rem 0rem rgba(52, 49, 47, 0.25);
}

.images-card a {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}

.images-card .images-overlay:before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background: var(--primary-trans);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.images-card .images-overlay:after {
  content: "+";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 45px;
  height: 45px;
  font-size: 50px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.images-card:hover .images-overlay:before,
.images-card:hover .images-overlay:after {
  opacity: 1;
  z-index: 1;
}
.images-small-large h4, .images-large-small h4 {
position: absolute;
    z-index: 2;
    color: white;
    bottom: 0;
    padding: 20px 40px;
    width: 100%;
    text-align: left;
    background: linear-gradient( 0deg , rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
    margin: 0;
}
@media(min-width:992px) {
	.images-large-small > div.container:last-child > .images-card {
		margin-bottom: 0;
	}	
}
.hover-excerpt {
  position: absolute;
      z-index: 2;
      color: white;
      display: flex;
      height: 100%;
      width: 100%;
      top: 0;
      right: 0;
    align-content: center;
      justify-content: center;
      align-items: flex-start;
      justify-content: center;
      visibility: hidden;
      opacity: 0;
      transition: 0.5s 0.5s;
      flex-direction: column;
    padding: 40px;
  }
  .hover-excerpt p {
    margin:0;
    color: white;
  }
  .normal-excerpt {
    text-align: left;
    width: 100%;
    margin-top: 20px;
  }
  .fade-out-title {
    transition: 0.25s;
  }

.images-text-overlay {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 40px 40px;
  width: 100%;
  text-align: left;
  background: linear-gradient(
0deg
, rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  left: 0;
  transition: 0.5s;
  height: 102.5px;
}

.images-card h4 {
  color: white;
}

.content-image-text-container,
.content-text-image-container {
  display: flex;
  align-items: center;
}
.text-text {
  display: flex;
  align-items: flex-start;
}

.content-images,
.content-text {
  width: 50%;
  display: flex;
}
.content-images.content-image-right {
  justify-content: end;
}
.content-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 0px;
}
.content-text-left {
  padding-right: 40px;
}

.content-text-right {
  padding-left: 40px;
}

.text-text img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100% !important;
  height: auto !important;
}
ul.checklist li {
  list-style: none;
}

.content-button a:focus {
  color: white;
}

.content-button {
  display:flex;
  align-self: flex-start;
  margin-top: 12px;
}
.content-image-left img,
.content-image-right img {
  max-width: 100%;
  align-self: center;
}
@media(max-width:991px) {
  .content-image-left img,
  .content-image-right img {
    height: auto;
  }
  .content-image-text-container.fullwidth .content-text {
    padding-left: 15px;
    padding-right: 15px;
  }   
}

.wide-image img,
.narrow-image img, .three-image {
  width: 100%;
  height: 370px;
  object-fit: cover;
}

.wide-image img {
  object-fit: cover;
}

.three-columns h2 {
  margin-top: 0px;
  margin-bottom: 12px;
}

.three-columns p {
  margin: 6px 0px;
  text-align: left;
}

.three-columns-list-items p {
  font-size: 15px;
}

.three-columns-list {
  display: flex;
  margin-bottom: 26px;
}

.three-columns i {
  margin-right: 20px;
  font-size: 28px;
  color: var(--secondary);
  margin-top: 4px;
}

.three-columns-content {
  margin-bottom: 20px;
  margin-right: 24px;
}

.three-columns-list h3 {
  margin: 0px 0px 10px 0px;
  text-align: left;
  font-size: 20px;
}

.pl-1 {
  padding-left: 13px !important;
}
.page-inner-section {
  padding: 41px 0;
}
.breadcrumbs-section {
  padding: 41px 0;
}
.page-inner-section:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(../images/overaly.png);
  content: "";
}
.breadcrumbs {
  margin-left: -10px;
}
.single_breadcrumbs {
  top: 76px;
  background: rgba(0,0,0,0.15);
  z-index: 49;
  width: 100%;
  position: fixed;
  height: 40px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}
.insideheader_breadcrumbs {
  display: inline-block;
  padding: 4px 0px;
  font-size: 13px;
  color: var(--white);
  max-height: 22px;
  overflow: hidden;
  transition: 1s;
}
.insideheader_breadcrumbs a {
  color: var(--white);
  margin-right: 10px;
  margin-left: 10px;
}
.breadcrumb_last {
  margin-left: 10px;
}
.quick-links-results {
  max-width: 100%;
  margin-bottom: 60px;
}

.quick-links-description p {
  max-width: unset;
  width: 100%;
}

/** Single Estate Agent **/

/** New estate agent styling **/
.single-estate-hero {
  width: 100%;
  padding: 100px 0px;
  display:flex;
  flex-direction: column;
  align-items: center;
}
@media(min-width:1200px) {
  .single-estate-hero {
    flex-direction: row;
  }
}

.single-estate-hero #search_keyword_value_agents {
  font-size: 12px;
}
@media(min-width:512px) {
  .single-estate-hero #search_keyword_value_agents {
    font-size: 14px;
  }
}
@media(min-width:555px) {
  .single-estate-hero #search_keyword_value_agents {
    font-size: 17px;
  }
}
@media (max-width: 1199px) {
  .single-estate-hero .cta-buttons {
    margin-left: 0;
    margin-top: 40px;
  }
}
@media (max-width: 480px) {
  .single-estate-hero {
    align-items: flex-start;
  }
}

.btn-contact-areas {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.hidden-btn-desktop {
  display: none;
}
.pr2 {
  padding-right: 2px;
  padding-left: 0;
}
.pl2 {
  padding-left: 2px;
  padding-right: 0;
}
.search_icon-estate {
  font-size: 20px;
  cursor: pointer;
}
.btn-estate-agent-search {
  margin-bottom: 20px;
  width: 100%;
  background-color: var(--primary);
  color: var(--white);
  margin-right: 5px;
  padding: 12px 0px;
  border-radius: var(--radius);
  font-size: 19px;
  font-weight: 300;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-estate-agent-search:hover {
  background-color: var(--secondary);
}
.single-estate-office-details {
  padding: 0px;
  color: white;
  font-size: 19px;
  font-weight: 400;
  line-height: 32px;
  width: 100%;
  padding-bottom: 12px;
}
.single-estate-office-details a {
  color: var(--white);
  font-weight: 300;
  text-decoration: none;
}
.agent-contact-btn {
  margin: 0;
  margin-top: 10px;
}

.page-estate-agent {
  font-size: 30px;
  font-weight: 300;
}
.page-estate-title {
  font-size: 32px;
  color: white;
  font-weight: 500;
  margin: 0px;
  line-height: 45px;
}

/** New estate agent styling close**/

.estate-agents-block {
  margin-top: -60px;
}
.page-inner-agent-section {
  min-height: 50vh;
  background-size: cover;
  background-position: center;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-inner-agent-section:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  content: "";
}
.line {
  color: #faed2e;
  margin-left: 20px;
  margin-right: 20px;
}
.insideheader-breadcrumbs-agent {
  padding: 0px;
  color: var(--white);
}
.insideheader-breadcrumbs-agent a {
  color: var(--white);
}


#search_keyword_holder_agents {
  display: flex;
  margin-top: 20px;
  height: 55px;
  justify-content: flex-start;
  align-items: center;
}

#search_keyword_value_agents {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 15px;
  font-size: 17px;
  font-style: italic;
  font-weight: 500;
}

@media(min-width: 1200px) {
  .office-details-wrapper {
    padding: 60px;
    border: 1px solid rgba(225,225,225,0.5);
  }
}
@media(max-width: 1199px) {
  .single-estate-office-details {
    border-top: 1px solid #b7a6ab;
    border-bottom: 1px solid #b7a6ab;
    margin-bottom: 40px;
    padding-top: 12px;
  }
}
.cta-buttons {
  width: 100%;
  max-width: 475px;
  margin-left: auto;
}
.btn-agents-sales {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 15px;
  padding: 10px 30px;
  border-radius: var(-radius);
  font-size: 20px;
  font-weight: 600;
}

.btn-agents-lettings {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 15px;
  padding: 10px 30px;
  border-radius: var(-radius);
  font-size: 20px;
  font-weight: 600;
}

.btn-2,
.btn-3 {
  background-color: var(--secondary);
  color: var(--white);
  padding: 17px 17px;
  font-size: 19px;
  font-weight: 300;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  display: flex;
  justify-content: center;
  border-radius: var(--radius);
}
.btn-2 {
  margin-right: 5px;
  width: 50%;
}
.btn-3 {
  width: 50%;
}
.btn-2:hover,
.btn-3:hover {
  background-color: var(--secondary-dark);
}
.btn-4 {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 6px;
  padding: 11px 16px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 300;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
  margin-bottom: 20px;
}
.btn-4:hover {
  background-color: var(--secondary-dark);
}

.btn-5 {
  background-color: var(--secondary);
  color: var(--white);
  padding: 11px 16px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 300;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
}
.btn-5:hover {
  background-color: var(--secondary-dark);
}

.estate-block {
  margin-top: 60px;
}
.estate-block h3 {
  text-transform: capitalize;
}
.contactus {
  background: var(--secondary);
  padding-bottom: 80px;
}
.form-contact {
  color: var(--white);
}

.form-contact h2,
.office-details h2 {
  font-size: 28px;
  color: var(--white);
}
.custom-form {
  font-weight: 300;
  background: transparent;
  padding: 41px;
}
.custom-form .btn-primary {
  background-color: #8e44ad;
  border-color: #8e44ad;
}
.custom-form .form-group {
  position: relative;
  padding-top: 30px;
  margin-bottom: 30px;
}

.custom-form .form-group .form-control:focus {
  border: 0px solid #49a2e7 !important;
}
.custom-form .form-group .animated-label {
  top: 20px;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  font-weight: 300;
  opacity: 0.5;
  cursor: text;
  transition: 0.2s ease all;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-form .form-group .animated-label:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 45%;
  height: 2px;
  width: 10px;
  visibility: hidden;
  background-color: var(--secondary);
  transition: 0.2s ease all;
}
.custom-form .form-group.not-empty .animated-label {
  top: 0;
  font-size: 12px;
}
.custom-form .form-group .form-control {
  position: relative;
  z-index: 1;
  border-radius: 0;
  border-width: 0 0 1px;
  border-bottom-color: rgba(236, 230, 230, 0.5);
  padding: 3px 0 5px;
  background-color: transparent;
}
.custom-form .form-group .form-control:focus {
  box-shadow: none;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.custom-form .form-group .form-control:focus ~ .animated-label {
  top: 0;
  opacity: 1;
  color: var(--white);
  font-size: 12px;
}
.custom-form .form-group .form-control:focus ~ .animated-label:after {
  visibility: visible;
  width: 100%;
  left: 0;
}

.office-details {
  color: var(--white);
  padding: 40px;
  background-color: #65152e;
}

.office-details h5 {
  font-size: 28px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 30px;
}

.office-details p {
  font-weight: 300;
  font-size: 21px;
  line-height: 30px;
}
/** DEVELOPMENT PAGE  **/

.latest-development {
  margin-right: 0px;
  margin-left: 0px;
}

.development-block {
  text-align: center;
}
.development-block h2 {
  margin: auto;
  margin-bottom: 54px;
  color: white;
  font-size: 28px;
}

.development-grid {
  padding: 0px;
}

.development-grid:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}

.development-grid span {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  display: block;
  width: 100%;
  z-index: 3;
  text-align: center;
  position: absolute;
  top: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
.development-grid:hover span {
  display: none;
}
.development-label {
  position: absolute;
  right: 20px;
  top: 20px;
  color: white;
  background: var(--secondary);
  padding: 6px 12px;
  border-radius: var(--radius);
  z-index: 2;
  box-shadow: 0px 2px 8px -4px rgb(255 255 255 / 25%);
}
.development-label label {
  margin-bottom: 0;
}
.content .content-overlay {
  background: var(--primary-trans);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content .content-overlay.dev-sold-out {
  background: rgb(162 13 13 / 40%);
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.after-heading {
  width: 50%;
  text-align: center;
}
.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
}

.content-details p {
  font-size: 21px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 300;
}

.fadeIn-top {
  top: 20%;
}

/*** Development Single Page **/
.dev-map {
  width: 100%;
  height: 500px;
  margin: 0px;
}
.development-section {
  height: calc(100vh - 100px);
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.development-title {
  transform: translateY(-36px);
}
.development-top:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.3);
}
.btn-dev {
  background-color: var(--highlight);
  color: #fff;
  margin-right: 10px;
  padding: 6px 18px;
  border-radius: var(--radius);
  font-size: 17px;
  font-weight: 500;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
  min-width: 220px;
}

.btn-dev:hover {
  background-color: var(--highlight-dark);
  color: #fff;
  text-decoration: none;
}
.btn-dev:focus {
  color: #fff;
}
.btn-dev-enquire {
  background-color: var(--primary);
  color: #fff;
  padding: 4px 10px;
  border-radius: var(--radius);
  font-size: 14px;
  font-weight: 300;
  border: 0px;
  line-height: 2;
  font-weight: 400;
}

.btn-dev-enquire:hover {
  background-color: var(--secondary);
}

.dev-page-block {
  max-width: 760px;
  margin: auto;
}

.dev-page-info-title-welcome {
  font-weight: 400;
  line-height: 45px;
  color: #fff;
  line-height: 60px;
  font-size: 48px;
  margin-bottom: 18px;
}
.dev-page-info-title {
  font-weight: 400;
}
#dev-content {
  background-color: var(--primary);
}
.dev-content h2 {
  font-weight: 400;
  color: #fff;
}
.dev2-content tr {
  height: 60px;
}
.dev-content p {
  color: #fff;
}
.dev-text {
  padding: 0px 40px;
}
.dev2-content img {
  display: block;
  height: auto;
  max-width: 100%;
}
.dev2-content ul {
  margin: 36px 0;
  padding-bottom: 0;
}
.dev2-content li {
  background: transparent url(../icons/tick.svg) no-repeat left center;
  padding: 6px 0 6px 30px;
  list-style: none;
  margin: 3px 0 3px 0;
}
.development-info {
  display: flex;
}
.development-info-image {
  display: flex;
  align-items: center;
}
.table {
  margin-bottom: 0px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  vertical-align: middle;
  text-align: center;
}
.hidden-desktop {
  display: none;
}
.hidden-mobile {
  display: block;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: var(--white);
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: var(--white);
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: var(--white);
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid var(--white);
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid var(--white);
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

.hidden-gallery {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

@media screen and (max-width: 800px) and (orientation: landscape),
  screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*** Development Single Page **/

/** DEVELOPMENT PAGE CLOSE **/



/** FAQ dropdown **/
.faq-section {
  max-width: 750px;
  margin: auto;
}
.faq-card-header {
  padding: 6px;
  margin-bottom: 3px;
  margin-top: 3px;
  background-color: var(--medium-grey);
}
.faq-card-header:hover,
.faq-dark,
.faq-answer {
  background-color: var(--medium-grey-dark);
}
.faq-card-header {
  border-bottom: 1px solid var(--white);
  border-radius: 6px;
}
.faq-card-header p {
  margin-top: 6px;
  margin-bottom: 6px;
  color: var(--text);
}
.faq-heading a,
.faq-heading a:hover {
  color: var(--text);
  white-space: normal;
  max-width: 97%;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.faq-answer p {
  padding: 10px 25px;
  margin-bottom: 0px;
  font-size: 16px;
  text-align: left;
}
.faq-arrow {
  margin-top: 4px;
  position: absolute;
  right: 30px;
}

/** The Local Area Tab Content **/
.local-area-mobile {
  display: none;
}
.nav-tabs-local {
  display: flex;
  width: 100%;
  height: 75px;
  border-bottom: 2px solid var(--primary);
  flex-direction: column;
  width: max-content;
}

.nav-tabs-local > li {
  margin-bottom: 0px;
  list-style: none;
  display: table-cell;
  text-align: center;
  width: 100%;
  height: 100%;
}

.tab-content-local a {
  color: #23305e;
  text-decoration: underline;
  line-height: 30px;
}
.nav-tabs-local > li > a {
  border-right: 1px solid var(--white);
  border-radius: 0px 0px 0 0;
  background: var(--secondary);
  font-size: 16px;
  font-weight: 300;
  color: var(--white);
  padding: 20px;
  width: 100%;
  height: 100%;
  transition: 0.2s;
}

.nav-tabs-local > li.active > a,
.nav-tabs-local > li.active > a:focus {
  color: var(--white);
  cursor: default;
  background-color: var(--primary);
  display: block;
}

.nav-tabs-local li a:hover {
  background-color: var(--primary);
}

/** The Local Area Tab Content End **/

/** Single Property Close **/

/** Tab **/

.form-control-myclocalarea {
  box-shadow: none;
  font-weight: 300;
  padding: 6px 20px;
  height: auto;
  font-size: 22px;
  border-radius: 0;
  background: var(--primary);
  color: var(--white);
  line-height: 1.428571429;
  vertical-align: middle;
  width: 100%;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
#myLocalArea {
  display: none;
}

#tab-block img {
  display: block;
  height: auto;
  max-width: 100%;
}
.flexslider {
  margin: 0 0 0px;
}
.flex-direction-nav a {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.8) !important;
}

.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
  display: block;
  opacity: 1;
}
.flexslider .flex-direction-nav a.flex-prev {
  left: 50px;
  text-align: center;
}
.flexslider .flex-direction-nav a.flex-next {
  right: 50px;
  text-align: center;
}

/* #property_map_canvas {
  height: calc(100vh - 200px) !important;
} */



/* Common styles
================================================== */
.bg-light-color {
  background: var(--medium-grey);
}

.estate-block p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

/* Angle */

.portfolio.angle:before {
  background: var(--medium-grey);
}

.portfolio.angle {
  padding-bottom: 120px;
}

.clients.angle {
  padding: 120px 0;
}

/* Parallax */
.parallax {
  position: relative;
  padding: 120px 0;
  background-size: cover !important;
}
@media (min-width: 992px) {
  .parallax {
      background-attachment: fixed !important;
  }
}
@supports (-webkit-touch-callout: none) {
  .parallax {
    background-attachment: scroll !important;
  }
}

.parallax h2,
.parallax h3 {
  color: var(--white);
}
.parallax .btn {
  color: var(--white);
}

.parallax-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.parallax h3 {
  margin-bottom: 38px;
  font-size: 19px;
  font-weight: 400;
}
.parallax .btn.solid {
  margin-left: 10px;
}
.parallax {
  background-position-x: center !important;
}

/* Deafult title */

.title-icon {
  font-size: 32px;
  margin-right: 15px;
  margin-top: 9px;
  color: #959595;
}

.title-icon.classic {
  margin-top: 0;
}

.title {
  position: relative;
  margin: 0;
  line-height: 32px;
  border-left: 2px solid #e7e7e7;
  display: inline-block;
  padding-left: 15px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.title.classic {
  line-height: 40px;
  height: 34px;
}

.title-desc {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  color: #6a6a6a;
}

/* Title style 2 */

.title2 {
  position: relative;
  margin-top: 30px;
}

.title2 .title-desc {
  padding-top: 30px;
}

/* Title border */

.title-border {
  line-height: normal;
  margin-top: 0;
}

.widget-title {
  margin-bottom: 25px;
  font-size: 18px;
}
.textwidget p {
  text-align: left;
}

.post-title {
  font-size: 24px;
  line-height: normal;
}

.post-title a {
  color: #323232;
}

.long-desc {
  font-size: 16px;
}

.head_office p,
.head_office a {
  font-size: 12px;
  color: #dcd9cf;
}

/* Icon pentagon */

.icon-pentagon {
  display: inline-flex;
  justify-content: center;
  align-items: center;  height: 24px;
  width: 40px;
  position: relative;
  color: var(--white);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.icon-pentagon:hover {
  color: rgba(0, 0, 0, 0.5);
}

.icon-pentagon i {
  font-size: 20px;
  line-height: 24px;
}

.service-icon {
  height: 46px;
  width: 90px;
  margin-bottom: 30px;
}
.service-icon:before {
  border-left: 45px solid rgba(0, 0, 0, 0);
  border-right: 45px solid rgba(0, 0, 0, 0);
  top: -30px;
}
.service-icon:after {
  border-left: 45px solid rgba(0, 0, 0, 0);
  border-right: 45px solid rgba(0, 0, 0, 0);
  bottom: -30px;
}

.service-icon i {
  font-size: 36px;
  line-height: 46px;
}

/* Carousel controller */

.carousel-control {
  width: auto;
}
.ts-carousel-controller {
  text-align: center;
  padding-top: 50px;
  z-index: 1;
  position: relative;
}

.ts-carousel-controller .left,
.ts-carousel-controller .right,
.owl-controls .owl-prev,
.owl-controls .owl-next {
  cursor: pointer;
  background: #f6f6f6;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #989898;
  opacity: 1;
  top: auto;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
}
.owl-controls .owl-next {
  margin-left: 6px;
}

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  color: var(--white);
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  display: inline-block;
}

/* Areas Modern Slider */

.areas-we-cover-modern {
  overflow: hidden;
}
#areas-modern-carousel {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#areas-modern-carousel.client-carousel img {
  height: 550px;
  border-radius: var(--radius);
} 
#areas-modern-carousel .owl-nav button.owl-prev {
  right: 45px;
}
#areas-modern-carousel .owl-nav button {
  position: absolute;
  top: -55px;
  background-color: none;
  color: var(--white);
  margin: 0;
  transition: all 0.3s ease-in-out;
}
#areas-modern-carousel .fa-chevron-left {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 26px;
  color: #343434;
  background: none;
}
#areas-modern-carousel .fa-chevron-right {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 26px;
  color: #3c3c3c;
  background: none;
}
#areas-modern-carousel .owl-nav button.owl-prev {
  left: unset;
  right: 45px;
}
#areas-modern-carousel .owl-dots {
  display: none;
}
.areas-modern-title {
  margin-bottom: 55px;
}
#areas-modern-carousel .areas-modern-overlay {
  position: absolute;
  color: var(--white);
  bottom: 0px;
  margin-bottom: 0px;
  padding: 60px 20px 20px 20px;
  width: 100%;
  text-align: left;
  background: linear-gradient( 0deg , rgb(0 0 0 / 50%) 0%, rgb(255 255 255 / 0%) 100% );
  transition: 0.5s;
  height: 110px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
#areas-modern-carousel .client_logo h3 {
  position: relative;
  padding: unset;
  text-align: unset;
  background: unset;
  margin-top: unset;
}
#areas-modern-carousel .areas-we-cover-image:hover {
  background-color: unset !important;
  filter: unset;
  -webkit-filter: unset;
  -moz-filter: unset;
}
#areas-modern-carousel .area-modern-button {
  all: unset;
  margin-top: 16px;
  padding: 12px 20px;
  text-transform: unset;
  font-weight: 600;
  font-size: 13px;
  background: none;
  outline: none;
  border: 2px solid white;
  color: white;
  left: -220px;
  position: absolute;
  transition: 0.25s;
}
#areas-modern-carousel .area-modern-button:hover {
  background: white;
  border: 2px solid white;
  color: var(--primary);
}

@media (max-width: 1200px) {

  #areas-modern-carousel.client-carousel img {
      height: 425px;
  }

}

/* Input form */

.form-control {
  box-shadow: none;
  padding: 6px 20px;
  height: 50px;
  font-size: 22px;
  border-radius: 0;
  background: var(--white);
}

.form-control:focus {
  box-shadow: none;
}

/*-- Pagination --*/

.pagination li a {
  border-radius: 0 !important;
  margin-right: 8px;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  color: var(--white);
  border: 1px solid transparent;
}


/* Slideshow
================================================== */

/*-- Main slide --*/


#main-slide {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#main-slide .item img {
  width: 100%;
}

#main-slide .item .slider-content {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#main-slide .slider-content {
  padding: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  color: var(--white);
}

.slider-content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main-slide .carousel-indicators {
  bottom: 70px;
}

#main-slide .slides img {
  object-fit: cover;
  height: 100vh;
}

.carousel-indicators li {
  width: 30px !important;
  height: 10px !important;
  margin: 1px !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, 0.5);
}

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
  opacity: 0;
  filter: alpha(opacity=0);
  background-image: none;
  background-repeat: no-repeat;
  text-shadow: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

#main-slide:hover .carousel-control.left,
#main-slide:hover .carousel-control.right {
  opacity: 1;
  filter: alpha(opacity=100);
}

#main-slide:hover .carousel-control.left {
  left: 20px;
}

#main-slide:hover .carousel-control.right {
  right: 20px;
}

#main-slide .carousel-control.left span {
  padding: 15px;
}

#main-slide .carousel-control.right span {
  padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
  left: 0;
}

#main-slide .carousel-control .fa-angle-right {
  right: 0;
}

#main-slide .carousel-control i {
  background: none;

  color: var(--white);
  line-height: 56px;
  width: 56px;
  height: 56px;
  border: 1px solid var(--white);
  border-radius: 100%;
  font-size: 36px;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#main-slide .carousel-control i:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.art-homepage-hero p {
  font-size: 25px;
  color: var(--white);
}

.btn-home-bk {
  background-color: #000 !important;
  color: var(--white) !important;
}

.btn-home-bk:hover {
  background: transparent !important;
  color: #000 !important;
}
.btn--skew {
  -webkit-transform: skew(-20deg);
  transform: skew(-20deg);
}
.btn--skew > span {
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  display: inline-block;
}
.slider.btn {
  padding: 10px 35px;
  margin-top: 40px;
  font-size: 24px;
  color: var(--white);
  font-weight: 600;
}

.underline-span {
  background-image: linear-gradient(120deg, #f05222 0%, #f05222 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.5em;
  background-position: 0 116%;
  transition: background-size 0.25s ease-in;
}
.underline-span:hover {
  background-size: 100% 88%;
}

.slider.btn.solid {
  margin-left: 15px;
}

.slider-content-left {
  position: relative;
  margin: 0 0 0 40px;
}

.slider-content-right {
  position: relative;
}

/** Homepage Search Box **/
#search_keyword_holder {
  margin: 20px auto 0;
  background: transparent;
  width: 100%;
  max-width: 700px;
  height: 64px;
  box-sizing: border-box;
  position: relative;
  border-radius: 0px;
}

.search_type_selected {
  height: 55px;
  padding: 15px;
  border: 0;
  font-size: 19px;
  color: var(--secondary);
  font-weight: 500;
  background: white;
}
#search_submit:hover {
  background-color: var(--secondary-dark);
}


#search_keyword_value {
  font-weight: 300;
  padding: 17px;
  margin: 0;
  width: 517px;
  width: calc(100% - 178px);
  width: -moz-calc(100% - 178px);
  width: -webkit-calc(100% - 178px);
  width: -o-calc(100% - 178px);
  border: none;
  background: var(--white);
  font-size: 20px;
  color: var(--primary);
  outline: none;
  position: absolute;
  left: 119px;
  top: 0;
  box-sizing: border-box;
}

#search_keyword_value::-webkit-input-placeholder {
  color: #bcaeae;
} /* WebKit, Blink, Edge */
#search_keyword_value:-moz-placeholder {
  color: #bcaeae;
} /* Mozilla Firefox 4 to 18 */
#search_keyword_value::-moz-placeholder {
  color: #bcaeae;
} /* Mozilla Firefox 19+ */
#search_keyword_value:-ms-input-placeholder {
  color: #bcaeae;
} /* Internet Explorer 10-11 */
#search_keyword_value::-ms-input-placeholder {
  color: #bcaeae;
}
#search_submit {
  height: 100%;
  border: 0;
  font-size: 0px;
  width: 80px;
  background:
  var(--secondary)
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAQzAAAEMwBkPhvlwAAACF0RVh0U29mdHdhcmUATWFjcm9tZWRpYSBGaXJld29ya3MgNC4w6iYndQAAAjJJREFUeJzVl82LTWEYwH9XZhozxuelSWlIY0thw0qNlDQ2Fj6SP4FsLMQSO7uxUGgmY5SklLCxkViQku5NTSyUhjCa0jB3+lncU/PO23XvOee6M81TTz295/n4nfd9n+eeW1BZSFmyoNUXC0A3MADcBT4Av4Fx4DlwBtjUFIFaTwfUZ9aXcfWCuqJBrppa7+HFBoVjeaH2/S+Ay1HysnpO3aH2qFvV4+qDyO+NWmwW4KA6EyQdVLvrJDmsfg387zQD0KW+DJJdTZmoX50K4vblBTgUJCmrnRne5lIQO5Q2Lm7DE4E9BPzK0FDDwI/E3gP0pAmKAXYG9uMMxQFKwLvE3gyszwMQBn3OCCAwmdgFoDMPwGRgd2UEAGgP7EoegLHA3pWxeJHZsTzB7H3IBHAvsI9lBOgHtiT2K+BTqqioLXrVL0krTSdDJk07rVVLQRueyjsHUM8HiSbU/Q2SrFYfRvNjZTMAa5w7Daes/jBti/x61CPq28B3Rt2dtrhKQWt+kvUC94Htwdo3oAz8BDqAjUBfFFcBngDvgbPAn6x3INSiOqpWbCwlda/6NFi7pbblOYJYD6jX1bGo6Hf1kXra2TO/EvmMqh15jqCWbADWUZ1w01R7/SNzB04XcA04GqyNACf512DKcmFSaps6Eu3EiNqe9wjy6DKrHyYNj6NVAKhLrV7EUG6qq+YLgGTbb0cQw/MJQLLtw0nx10aDaj4AUJerN+Limq0NWyKL4r9hS+UvrN4GmDdXC3sAAAAASUVORK5CYII=)
    no-repeat center center;
}

/** Homepage Search Box End**/

/*-- Animation */
.carousel .item.active .animated2,
.flex-active-slide .animated2 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated3,
.flex-active-slide .animated3 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated4,
.flex-active-slide .animated4 {
  -webkit-animation: flipInX 2s ease-in 800ms both;
  animation: flipInX 2s ease-in 800ms both;
}

.carousel .item.active .animated5,
.flex-active-slide .animated5 {
  -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
  animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6,
.flex-active-slide .animated6 {
  -webkit-animation: bounceIn 1s ease-in 500ms both;
  animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated7,
.flex-active-slide .animated7 {
  -webkit-animation: bounceIn 1s ease-in 500ms both;
  animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8,
.flex-active-slide .animated8 {
  -webkit-animation: bounceInDown 1s ease-in 800ms both;
  animation: bounceInDown 1s ease-in 800ms both;
}

/* Flex slider */

.home_video {
  width: 100%;
  height: 800px;
  object-fit: cover;
}
.ts-flex-slider {
  position: relative;
}

.ts-flex-slider .flexSlideshow {
  width: 100%;
  overflow: hidden;
  height: 100vh;
}

.overlay2 {
  position: relative;
}

.overlay2 img {
  width: 100%;
}

.overlay2::before {
  position: absolute;
  content: "";
  z-index: 3;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.ts-flex-slider .flexslider .slides {
  z-index: 0;
}

.ts-flex-slider .slider-content {
  z-index: 3;
}

.ts-flex-slider .flex-direction-nav a {
  width: 55px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 32px;
}

.ts-flex-slider .flex-direction-nav a.flex-next {
  border-radius: 3px;
}

.ts-flex-slider .flex-direction-nav a.flex-prev {
  border-radius: 3px;
}
@media (max-width: 1200px) {
  .flex-direction-nav {
    display: none;
  }
}

/* Featured box
================================================== */

.owl-carousel-featured .owl-item > div {
  cursor: pointer;
  transition: margin 0.4s ease;
  opacity: 0.4;
}
.owl-carousel-featured .owl-item.center > div {
  cursor: auto;
  margin: 0;
  opacity: 1;
}

.owl-carousel-mobile li {
  margin-bottom: 0;
}

.fa-chevron-right {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 18px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}
.fa-chevron-left {
  width: 45px;
  height: 45px;
  line-height: 47px !important;
  text-align: center;
  font-size: 18px;
  color: white;
  background: rgba(0, 0, 0, 0.6);
}

.owl-nav button {
  position: absolute;
  top: 37%;
  background-color: #000;
  color: var(--white);
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 15px;
}
.owl-nav button.owl-next {
  right: 15px;
}

.feature-icon {
  font-size: 28px;
  margin-top: 5px;
}

.feature-content {
  padding-right: 0px;
  padding-left: 0px;
}

.feature-content h3 {
  margin-top: 0;
  font-size: 18px;
  text-transform: capitalize;
}

/* Feature center */

.feature-center-content .feature-center-icon {
  font-size: 72px;
  margin-bottom: 5px;
  display: inline-block;
}

.feature-center-content h3 {
  font-size: 18px;
}
.featured_button {
  padding-bottom: 43px;
}

.img-block-head p {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}
/* Image Block
================================================== */

.img-block-right {
  padding-right: 70px;
  padding-top: 105px;
}

.img-block-head h2 {
  font-size: 18px;
  line-height: normal;
  margin: 5px 0 0 0;
}

.img-block-head h3 {
  font-size: 45px;
  line-height: 32px;
  font-weight: 600;
  margin-bottom: 30px;
}

.image-block-content {
  text-align: center;
  margin-bottom: 30px;
}

.image-block-content .feature-icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: var(--white);
  border-radius: 100%;
  display: inline-block;
  text-align: center;
}

.image-block-content .feature-content {
  padding-top: 8px;
  text-align: center;
}

.image-block-content .feature-content h3 {
  margin-bottom: 0;
}

/* About us
================================================== */

/* Landing Tab */

.landing-tab {
  position: relative;
  z-index: 10;
}

.landing-tab .nav-tabs {
  border-right: 1px solid #e7e7e7;
  padding: 25px 0;
  border-bottom: 0;
}

.landing-tab .nav-tabs > li.active {
  margin-right: -3px;
}

.landing-tab .nav-tabs > li.active .tab-info h3 {
  color: #323232;
}

.landing-tab .nav-tabs > li {
  padding: 15px 0;
}

.landing-tab .nav-tabs > li > a {
  background: none !important;
  border-radius: 0;
  padding: 0 15px 0;
  color: #6a6a6a !important;
  position: relative;
  border: 0 !important;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.landing-tab .nav-tabs > li > a:hover {
  background: none;
}

.landing-tab .tab-icon {
  font-size: 28px;
  display: inline-block;
}

.landing-tab .tab-info {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -12px;
}

.landing-tab .tab-info h3 {
  font-size: 18px;
  line-height: normal;
  margin: 0;
  color: #6a6a6a;
}

.landing-tab .tab-pane h3 {
  margin-top: 0;
  line-height: normal;
}

.landing-tab .tab-pane h3.text-center {
  margin-bottom: 25px;
}

.landing-tab .tab-pane {
  padding-left: 40px;
  text-align: justify;
}

.landing-tab .tab-pane i.big {
  font-size: 130px;
  margin-bottom: 12px;
  display: block;
}

/* Featured Tab */

.featured-tab {
  padding: 30px 0;
}

.featured-tab .nav-tabs {
  border-bottom: 0;
}

.featured-tab .nav-tabs > li.active > a {
  color: var(--white);
}

.featured-tab .nav-tabs > li > a {
  background: #f2f2f2;
  border-radius: 0;
  padding: 0 15px 0;
  color: #323232;
  position: relative;
  border: 0 !important;
  line-height: 52px;
  height: 52px;
  margin-bottom: 3px;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-tab .nav-tabs > li > a:after {
  left: 100%;
  border: transparent solid;
  content: " ";
  position: absolute;
  border-width: 25px;
  top: 50%;
  border-left-color: #f2f2f2;
  margin-top: -25px;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-tab .nav-tabs > li > a:hover {
  color: var(--white);
}

.featured-tab .nav-tabs > li.active > a,
.featured-tab .nav-tabs > li.active .tab-info h3,
.featured-tab .nav-tabs > li > a:hover .tab-info h3 {
  color: var(--white) !important;
}

.featured-tab .tab-icon {
  font-size: 28px;
  display: inline-block;
}

.featured-tab .tab-info {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 70px;
  top: 50%;
  margin-top: -12px;
}

.featured-tab .tab-info h3 {
  font-size: 16px;
  line-height: normal;
  margin: 0;
}

.featured-tab .tab-pane img.pull-left {
  margin: 0 30px 10px 0;
}

.featured-tab .tab-pane img.pull-right {
  margin: 0 0 0 15px;
}
.featured-tab .tab-pane h3 {
  margin-top: 0;
  line-height: normal;
  text-align: left;
  font-size: 20px;
}

.featured-tab .tab-pane h3.text-center {
  margin-bottom: 25px;
}

.featured-tab .tab-pane {
  padding-left: 25px;
  text-align: justify;
}

.featured-tab .tab-pane i.big {
  font-size: 230px;
}

/* Portfolio
================================================== */

#main-container.portfolio {
  background: none;
}

/*-- Isotope Portfolio start --*/

#isotope .isotope-item {
  padding: 0;
}

.isotope-nav {
  margin: -80px auto 80px;
  display: inline-block;
  position: relative;
  z-index: 100;
}

.isotope-nav ul {
  list-style: none;
  margin: 0;
}

.isotope-nav ul li {
  float: left;
  margin-right: 10px;
}

.isotope-nav ul li a {
  color: #323232;
  padding: 5px 15px 8px;
  border: 1px solid #ddd;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.isotope-nav ul a.active,
.isotope-nav ul a:hover {
  color: var(--white);
  position: relative;
  border: 1px solid transparent;
}

.isotope-nav ul a.active:after,
.isotope-nav ul a:hover:after {
  position: absolute;
  content: " ";
  width: auto;
  height: auto;
  bottom: -13px;
  margin-left: -8px;
  left: 50%;
  border-width: 7px;
  border-style: solid;
}

#isotope .isotope-item .grid {
  position: relative;
  margin-bottom: -8px;
}

.grid figure {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  background: #3085a3;
  text-align: center;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  padding: 2em;
  color: var(--white);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure.effect-oscar {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

figure.effect-oscar img {
  display: block;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-oscar figcaption {
  padding: 2.5em;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  content: "";
}

figure.effect-oscar h3 {
  font-size: 18px;
  color: var(--white);
  opacity: 0;
  margin: 25% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

figure.effect-oscar a {
  color: var(--white);
  font-size: 18px;
  margin: 20px 5px 0;
  display: inline-block;
  z-index: 1;
  position: relative;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

figure.effect-oscar a.link i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar a {
  opacity: 0;
  -webkit-transition: all 0.35s, -webkit-transform 0.35s;
  transition: all 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

figure.effect-oscar:hover h3 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover h3,
figure.effect-oscar:hover a {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(0, 0, 0, 0.5);
}

figure.effect-oscar:hover img {
  opacity: 0.4;
}

/* Portfolio box */
.portfolio-box .isotope-nav {
  margin: 0 auto 60px;
  float: none;
}

/* Portfolio details */

.portfolio-static-item {
  padding-bottom: 20px;
}

.portfolio-static-item figure.effect-oscar a {
  margin-top: 70px;
}

.portfolio-static-desc h3 {
  font-size: 16px;
  margin: 5px 0 -5px 0;
  line-height: normal;
}

.portfolio-static-desc a {
  color: #6a6a6a;
}

/* Jobs */

.jobs img {
  width: 100%;
}

/* Team
================================================== */
#meet-the-team {
  margin-bottom: 20px;
}
.img-hexagon span {
  position: absolute;
  display: block;
  float: left;
}

.img-top {
  top: 0;
  border-top: 0px solid transparent;
  border-bottom: 75px solid transparent;
}

.img-bottom {
  bottom: 0px;
  border-bottom: 0px solid transparent;
  border-top: 75px solid transparent;
}

.img-hexagon {
  width: 100%;
  height: 375px;
  position: relative;
  display: inline-block;
}
.img-hexagon img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-members {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.team-content h3 {
  margin-bottom: 0;
  font-size: 18px;
  margin-top: 22px;
  margin-bottom: 6px;
  color: var(--primary);
  text-align: left;
  font-weight: 700;
}
@media(max-width:767px){
  .team-content .art-btn-bio {
    bottom: 157px;
    right: -104px;
    position: relative;
  }
}
.team-content p {
  text-align: left;
}
.pb6 {
  padding-bottom: 40px;
  clear: both;
}

.all-team:hover {
  color: var(--primary);
  border: 2px solid var(--secondary);
  background-color: var(--secondary-trans);
}
.all-team {
  background-color: var(--white);
  color: var(--primary);
  margin-right: 0px;
  margin-top: 12px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 400;
  border: 1px solid var(--primary);
}

.ad-modal {
  width: 1200px;
  max-width: 100%;
}

.ad-modal-wrapper {
  display: flex;
  margin: auto 60px;
}

.art-btn-bio {
  padding: 0;
  background: #cecece40;
  color: white;
  transition: 0.2s;
  position: absolute;
  top: 20px;
  font-weight: 600;
  margin-bottom: 0;
  right: 20px;
  border-radius: 100%!important;
  height: 25px;
  width: 25px;
}

.fas.fa-info-circle {
  font-size: 38px;
  transform: translate(-7px, -7px);
}

.art-btn-bio:hover {
  background: var(--secondary-dark);
  color: white;
}

.ad-modal-info span {
  color: white;
}
.ad-bio-contact {
  color: var(--primary);
}
.ad-team-modal h2,
.ad-team-modal h3,
.ad-team-modal h4,
.ad-team-modal h5 {
  margin: 0px;
  font-weight: 400;
}

.ad-team-modal h2 {
  font-size: 26px;
}

.ad-modal-title {
  margin: 0;
}

.ad-modal-inner-content p.ad-modal-job-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  border-bottom: 2px solid white;
  width: fit-content;
  padding-bottom: 12px;
}
@media(min-width:992px) {
  .ad-modal-inner-content p.ad-modal-job-title {
    margin-left: 0;
  }  
}

.ad-modal-inner-content {
  width: 100%;
  max-width: 60ch;
}

.ad-modal .modal-header {
  padding: 0px;
  min-height: unset;
  border-bottom: unset;
}

.ad-modal .modal-content {
  padding: 40px 20px;
}

.ad-modal-image,
.ad-modal-info {
  padding: 0;
}

.ad-modal-image {
  margin-right: 80px;
}
@media(min-width:992px) {
  .ad-team-modal .ad-modal-image {
    margin-right: 60px;
  }
}

.ad-modal-info {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; 
 }
 @media(min-width:992px) {
   .ad-modal-info {
     justify-content: flex-start; 
    }
 }
 .ad-bio-contact {
  display: flex;
}

.ad-modal-info .fa-phone,
.ad-modal-info .fa-envelope {
  color: var(--secondary);
  font-weight: 900 !important;
  display: flex;
  align-items: center;
}

.ad-modal-info .fa-phone {
  margin-right: 8px;

}

.ad-modal-info .fa-envelope {
  margin: 0px 8px 0px 12px;
}

.ad-team-modal a {
  font-size: 16px;
  display: flex;
}

.ad-team-modal a:is(:hover, :focus) span {
  color: var(--highlight);
}

.ad-modal-button {
  font-size: 60px;
  margin-top: -40px!important;
  font-weight: 400;
  margin-right: -10px;
}

.ad-modal-footer {
  text-align: center;
}

.ad-modal-close {
  background-color: var(--primary);
  width: 35%;
  padding: 12px;
  color: white;
  font-size: 16px;
}

.ad-modal-close:hover {
  background-color: var(--primary-light);
  color: white;
}

.ad-modal-image img {
  width: 250px;
  height: auto;
  margin-bottom: 20px;
}
.ad-team-modal .ad-modal-image img {
  width: 100%;
}

.ad-modal-top {
  height: 300px;
  width: 100%;
}

.ad-modal-para p {
  text-align: left;
  margin-left: 0;
  width: 100%;
  max-width: 60ch;
  font-size: 16px;
}

.ad-team-modal h2 {
  margin-bottom: 14px;
}
.ad-team-modal .ad-modal-wrapper {
  margin: 0;
}

/* Modern Team Page */

.team-modern-hero {
	height: 525px;
    background: var(--primary);
    text-align: center;
    min-height: 300px;
	padding: 120px 15px;
}
.team-modern-hero h1, .team-modern-hero h4 {
	margin: 0;
}
.team-modern-hero h1 {
  color: white;
	margin-bottom: 12px;
	font-size: 50px;
}
.team-modern-hero p {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
  width: fit-content;
  margin: auto;
  padding-bottom: 8px;
}
@media(min-width:768px) {
  .team-modern-hero p {
    border-bottom: 2px solid rgba(255, 255, 255, 0.75);
  }
}
.team-modern {
	margin-top: -180px;
}
.page-template-page-team-modern .team-content {
  padding: 30px 15px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 212px;
}
.team-container-inner {
  position: relative;
  background: white;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  box-shadow: 0px 0px 40px 20px rgb(0 0 0 / 2%);
  transition: 1.5s;
  height: 100%;
}
.team-container-inner:hover {
	box-shadow: 0px 0px 42.5px 22.5px rgb(0 0 0 / 4%);
}
.team-content h3, .team-content p {
	text-align: center;
}
.team-content h3 {
	font-size: 24px;
	font-weight: 500;
	text-transform: capitalize;
	margin-top: 0;
}
.team-content p {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 24px;
}
@media(min-width:992px) {
  .team-content p {
    flex: 1;
  }
}
.team-content-contact {
	display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
	margin-top: 8px;
  cursor: pointer;
  gap: 20px;
}
.team-content-contact .ad-bio-contact {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
  text-transform: lowercase;
  display: none;
}
.team-email {
	border: 3px solid #d9d9d9;
    border-radius: var(--radius);
    width: 250px;
    margin: auto;
    max-width: 100%;
    margin-top: 12px;
    display: flex;
    align-items: center;
    transition: 0.25s;
    justify-content: space-between;
    height: 55px;
    position: relative;
	overflow: hidden;
	cursor: pointer;
}
.team-email .ad-bio-contact {
	transition: 1.25s;
	width: 100%;
  margin-left: 12px;  
}
.team-email a {
  width: 100%;
}
.team-content-contact a {
  display: flex;;
}
.team-email-icon {
    height: 52px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondary);
    position: absolute;
    left: -60px;
	  transition: 1.25s;
  	color: white;
}
.team-content-contact .fas {
  font-size: 24px;
	margin-right: 6px;
}
.team-content-contact .fa-envelope {
  margin-right: 6px;
}
.team-content-contact .fas.shake {
  animation: shakePhone 1s linear 1;
  -webkit-animation: shakePhone 1s linear 1;
  -moz-animation: shakePhone 1s linear 1;
  -o-animation: shakePhone 1s linear 1;
  -ms-animation: shakePhone 1s linear 1;
}
.team-container-inner img {
	transition: 1.5s;
}
.team-container-inner .img-hexagon {
  height: auto;
  width: auto;
  position: relative;
  display: block;
  background: #d9d9d9;
  overflow: hidden;
}

@keyframes shakePhone {
  10% {
    transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
  }
  20% {
    transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(10deg);
    -webkit-transform: rotateZ(10deg);
    -moz-transform: rotateZ(10deg);
    -o-transform: rotateZ(10deg);
    -ms-transform: rotateZ(10deg);
  }
  40% {
    transform: rotateZ(-10deg);
    -webkit-transform: rotateZ(-10deg);
    -moz-transform: rotateZ(-10deg);
    -o-transform: rotateZ(-10deg);
    -ms-transform: rotateZ(-10deg);
  }
  50% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  60% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  50% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  60% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  70% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);

  }
  80% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
  90% {
  transform: rotateZ(10deg);
  -webkit-transform: rotateZ(10deg);
  -moz-transform: rotateZ(10deg);
  -o-transform: rotateZ(10deg);
  -ms-transform: rotateZ(10deg);
  }
  100% {
  transform: rotateZ(-10deg);
  -webkit-transform: rotateZ(-10deg);
  -moz-transform: rotateZ(-10deg);
  -o-transform: rotateZ(-10deg);
  -ms-transform: rotateZ(-10deg);
  }
}

@media (max-width: 767px) {
	.team-container-inner {
		width: 300px;
		margin: auto;
		margin-bottom: 30px;
    max-width: 100%;
	}
}

/* Modern Team Modal */

.page-template-page-team-modern .modal-content {
  background: var(--primary);
}

.page-template-page-team-modern .modal-content h2,
.page-template-page-team-modern .modal-content h3, 
.page-template-page-team-modern .modal-content p,
.page-template-page-team-modern .modal-content h5 {
  color: white;
}

.page-template-page-team-modern .ad-modal-image img {
  width: 100%;
}

.page-template-page-team-modern .ad-modal-wrapper {
 margin: auto 0px;
}

.page-template-page-team-modern .close {
  color: white;
  opacity: 1;
  text-shadow: none;
}
.page-template-page-team-modern .team-modern .modal {
  overflow: auto;
}
/* Team Close*/


/*** Home Slider **/
.home-scroll {
  z-index: 2;
  width: 100%;
  position: relative;
  text-align: center;
}
.home .fa-angle-down {
  font-size: 40px;
  color: white;
  position: absolute;
  bottom: 35px;
  transition: 1s;
  margin-left: -14px;
}
.pulse {
  transition: 0.5s;
}
.pulse:hover {
  animation: pulse 1s infinite;
  animation-timing-function: linear;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  } 100% {
    transform: scale(1);
  }
}
.btn_home {
  border-radius: var(--radius);
  border: none;
  padding: 20px 20px;
  min-width: 240px;
  transition: all 0.5s;
  margin: 20px 10px;
  color: var(--white);
  font-size: 20px;
  font-weight: 300;
  background: var(--secondary);
  display: flex;
  justify-content: center;
}

.btn_left {
  background-color: var(--primary);
}

.btn_right {
  background-color: var(--secondary);
}

.review-homepage h4 {
  color: white;
  font-size: 17px;
  font-weight: 500;
  margin-right: 8px;
}
.review-homepage {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.review-homepage-stars {
  width: 140px;
  margin-top: 3px;
}

.demo a {
  position: absolute;
  bottom: 50px;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: var(--white);
  text-decoration: none;
  transition: opacity 0.3s;
  width: 100%;
  text-align: center;
}
#section10 a {
  padding-top: 60px;
}
#section10 a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid var(--white);
  border-radius: 50px;
  box-sizing: border-box;
}
#section10 a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: var(--white);
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* Testimonial Page
================================================== */
.testimonials-page {
  background: var(--medium-grey);
}

#testimonial-page {
  max-width: 760px;
  margin: auto;
  margin-top: 60px;
}
.testimonial_inside_left,
.testimonial_inside_right {
  font-size: 17px;
  line-height: 2.5;
  font-weight: 400;
  color: #504843;
  background: white;
  padding: 65px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  font-style: italic;
}
.testimonial_inside_left .fa,
.testimonial_inside_right .fa {
  font-size: 90px;
  color: rgba(0, 0, 0, 0.05);
  position: absolute;
}
.testimonial_inside_right .fa {
  right: 0px;
  transform: translate(35px, -35px);
}
.testimonial_inside_left .fa {
  left: 0px;
  transform: translate(-35px, -35px);
}
.testimonial_right {
  float: right;
  padding: 0 0 10px 20px;
  position: relative;
}

.testimonial_attribution,
.testimonial_attribution_right {
  display: flex;
}
.testimonial_attribution_right {
  justify-content: flex-end;
}
.testimonial_attribution_right .testimonial_name {
  transform: translate(-30px, -22px);
  margin: 0 !important;
}
.testimonial_attribution .testimonial_name {
  transform: translate(30px, -22px);
  margin: 0 !important;
}
.testimonial_left {
  float: left;
  padding: 0 20px 10px 0;
  position: relative;
}
.testimonial_name {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 5px;
  display: flex;
  background: var(--primary);
  padding: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  margin: 0 !important;
}
.testimonial_title {
  color: var(--charcoal);
  font-size: 16px;
  font-weight: 400;
  line-height: inherit;
  margin: 0 !important;
}
.testimonial_company {
  color: var(--secondary);
  font-size: 16px;
  line-height: 24px;
}

/* Testimonial Page Close */

/* Testimonial Page Two */

.testimonial-two-wrapper {
  max-width: 1540px;
  margin: auto;
}
.testimonial-two-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.testimonial-two-sizer,
.testimonial-two-card {
  width: calc(50% - 45px);
}
.testimonial-two-card {
  float: left;
}

.testimonials-page-two {
  background: var(--medium-grey);
}
.testimonial-two-card {
  padding: 40px;
  background: white;
  margin-bottom: 80px;
  opacity: 0;
  transition: 0.5s;
  box-shadow: 6px 8px 8px 0px rgba(0, 0, 0, 15%);
  border-radius: var(--radius);
}
.testimonial-two-card p {
  font-size: 14px;
  line-height: 2;
}
.testimonial-two-card p:last-child {
  margin-bottom: 0;
}
.testimonial-two-circle {
  width: 100px;
  height: 100px;
  position: absolute;
  top: -50px;
  background: var(--primary);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  transform: translateX(-50px);
  color: white;
  font-size: 26px;
  font-weight: 500;
  transition: 0.25s;
}
.testimonial-two-name {
  text-align: center;
    margin: 35px 0px;
    border-bottom: 1px solid var(--medium-grey-dark);;
    padding-bottom: 25px;
}
.testimonial-two-card.testimonial-active {
  background: var(--primary);
  box-shadow: 8px 10px 10px 0px rgba(0, 0, 0, 20%);
  transform: translateY(-10px);
}
.testimonial-two-card.testimonial-active p {
 color: white;
}
.testimonial-two-card.testimonial-active .testimonial-two-name {
  color: var(--highlight)
}
.testimonial-two-card.testimonial-active .testimonial-two-circle {
  background: var(--highlight);
  color: var(--primary);
  font-weight: 600;
  transform: translateX(-50px) scale(1.1);
}

@media only screen and (max-width: 1620px) {

  .testimonials-page-two {
  padding-left: 40px;
}

}

@media only screen and (max-width: 992px) {

.testimonial-two-card {
  width: 100%;
  }
    .testimonials-page-two {
      padding-left: 20px;
  padding-right: 20px;
}
}





/* Testimonial
================================================== */

.testimonial {
  text-align: center;
  position: relative;
}
.testimonial .content {
  padding: 25px 25px;
  font-weight: bold;
  color: var(--white);
  position: relative;
  border: 0px solid var(--white);
  border-top: 0px none;
}
.testimonial .testimonial-title {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #e74c3c;
}
.testimonial .testimonial-title small {
  display: block;
  color: var(--medium-grey);
  font-size: 12px;
  margin-top: 10px;
}
.testimonial .description {
  font-size: 22px;
}

.testimonial-slide .testimonial-content h3.name {
  font-size: 22px;
  color: var(--highlight);
  margin: 10px 0;
  font-weight: 500;
  font-size: 18px;
}

.testimonial-slide .testimonial-content h3 span {
  display: block;
  font-size: 14px;
  color: var(--white);
  font-weight: 400;
  margin-top: 10px;
}

.testimonial-slide .testimonial-text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--white);
  text-transform: initial;
  font-size: 25px !important;
  font-weight: 300;
  min-height: 115px;
  max-width: 75%;
  margin-bottom: 16px;
  line-height: 1.5;
}
/* Owl buttons */
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slide.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  background: var(--secondary-trans);
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 30px;
  border: 1px solid white;
}
.testimonial-slide.owl-theme .owl-dots .owl-dot.active span {
  background-color: #ffffff;
  box-shadow: 0px 0px 3px 4px rgb(225 225 225 / 35%);
}
.testimonial-quote {
  position: absolute;
  top: 30px;
}
.testimonial-quote img {
  max-width: 100%;
}
.testimonial-slide .owl-dots {
  margin-top: 30px;
}


/* Recent Post
================================================== */

.post-img-wrapper {
  position: relative;
}

.post-img-overlay {
  position: relative;
  display: inline-block;
}

.post-img-overlay::before {
  position: absolute;
  border-radius: 1px;
  background-color: rgba(0, 0, 0, 0);
  content: "";
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.post-img-overlay:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}

.post-img-overlay a {
  position: absolute;
  right: 0;
  color: var(--white);
  background: #666666;
  padding: 15px 20px;
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.post-img-overlay a.link {
  right: 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.post-img-overlay:hover a.link {
  left: 0;
  right: auto;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.post-img-overlay a.view {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.post-img-overlay:hover a.view {
  bottom: 0;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.recent-post {
  padding: 0 15px;
}
.recent-post .post-body h3 {
  font-size: 18px;
  margin-bottom: 3px;
  font-weight: 700;
}

.recent-post .post-body h3 a {
  color: #323232;
}

.recent-post .post-body .post-meta a {
  font-weight: 400;
  font-size: 13px;
}

.recent-post .post-body .post-meta span,
.recent-post .post-body .post-meta span i {
  padding-right: 5px;
}

.recent-post .post-excerpt {
  padding-top: 10px;
}

.recent-post .post-excerpt a.read-more {
  padding: 6px 18px;
  border-width: 1px;
  font-size: 12px;
  margin-top: 10px;
}
/*** Contact Us V2 **/

.cotactv2_box {
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 0px 10px 0;
  background-color: var(--white);
  box-shadow: 1px 2px 10px #dedede;
}

.cotactv2_box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 30px;
  border-bottom: 4px solid var(--secondary);
  line-height: 46px;
  margin-bottom: 30px;
}
.contact_heading {
  color: #47354f;
  font-weight: 600;
  font-size: 18px;
}
.cotactv2_box p {
  margin: 7px 0 20px;
  text-align: left;
}

.cotactv2_box a {
  color: #47354f;
  text-decoration: underline;
}
.contact_us_map_office {
  width: 100%;
  height: 250px;
  margin: 0px;
  padding: 0px;
}

/* Contact Cards Section */

.office-card {
  padding: 20px;
  background: white;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
}
.office-card-content {
  height: 100%;
}
.office-card h4 {
  text-transform: lowercase;
  margin: 0;
  margin-bottom: 12px;
  color: var(--secondary);
}

.office-card h3 {
  margin: 0;
  margin-bottom: 8px;
  color: var(--primary);
  font-size: 21px;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 8px;
}
.office-card p {
  margin-bottom: 12px;
  height: 56px;
  overflow: hidden;
  line-height: 1.75;
  text-align: left;
}
.mobile-contact {
  display: none;
}

/* Contact
================================================== */

.mt-4 {
  margin-top: 2rem;
}
.contact-us-page {
  padding: 0px;
}
.contact-bg {
  background: var(--primary);
}
.contact-padding {
  display: flex;
  align-items: center;
  min-height: 800px;
  padding: 5% 10%;
}
.contact_block {
  width: 100%;
}
.contact_block p {
  font-size: 18px;
  color: var(--white);
  text-align: left;
}
.contact_block a[href^="tel"], .contact_block a[href^="mailto"]  {
  color: var(--white);
  text-decoration: none;
}
.single-estate-office-details a[href^="tel"]  {
  color: var(--white);
  text-decoration: none;
  font-weight: 300;
}
.opening-hours-container {
  display: flex;
  background: var(--medium-grey);
  padding: 30px 35px;
  width: 100%;
  margin-top: 35px;
  max-width: 500px;
}
.opening-hours-logo {
  display:flex;
  align-items: center;
  margin-right: 35px;
}
.opening-hours-logo i {
  font-size: 140px;
  color: var(--primary);
}
.opening-hours-info p, .contact_block .opening-hours-info h4 {
  color: var(--primary);
}
.contact-address-container {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
.contact-logo-wrapper {
  height: 60px;
  width: 60px;
  background: var(--medium-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-right: 35px;
  min-width: 60px;
}
.contact-logo-wrapper i {
  font-size: 28px;
  margin: 0px;
  color: var(--primary);
}
.contact_block h4 {
  color: var(--white);
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 17px;
  margin-top: 0px;
}
.contact_block p {
  margin-bottom: 0px;
  font-weight: 500;
}
.contact_block h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
}
.contact_line {
  border-width: 6px;
  border-color: #333333;
  width: 6%;
  padding-top: 20px;
  padding-bottom: 0px;
}

#contact-form {
  margin-top: 25px;
}
#contact-form label {
  font-weight: normal;
}

.map-wrapper {
  position: relative;
}

.map {
  height: 400px;
  z-index: 1;
}

.contact-info-inner h3 {
  margin-bottom: 25px;
  font-size: 24px;
  color: var(--white);
}

.contact-info h3 {
  margin-top: 42px;
  font-size: 24px;
}

.contact-info p {
  font-size: 18px;
}

.contact-info i {
  font-size: 18px;
  margin-right: 10px;
}

/* Contact inside Map */
.contact-info-inner {
  position: absolute;
  color: var(--white);
  top: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  padding: 25px 30px;
  max-width: 400px;
  max-height: 400px;
  text-align: left;
}

.contact-info-inner p {
  overflow: hidden;
  margin-bottom: 25px;
}

.contact-info-inner p strong {
  display: block;
}

.contact-info-inner i {
  margin-right: 20px !important;
  font-size: 24px;
  margin-top: 5px;
}

/* Footer
================================================== */
.valuation_bottom {
  display: none;
}
.footer-sticky {
  display: none;
}
.footer-sticky {
  position: fixed;
  padding: 5px;
  bottom: 0;
  width: 100%;
  background-color: var(--medium-grey);
  z-index: 2;
}
.head_office a {
  color: var(--white);
}

.footer {
  background: #2e2e2e url(../images/footer-bg.jpg) no-repeat center 0;
  background-size: cover;
  color: var(--white);
  font-size: 14px;
}

.footer-menus {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.footer-menus section {
  width: 100%;
}

.footer-logo {
  margin-bottom: 20px;
}

.footer-map {
  padding-bottom: 60px;
}

.footer2 {
  background: var(--color-footer-top-bar);
}

.footer .social-icon {
  padding: 10px 0 20px;
}

.acordion-master h2 {
  border-bottom: 1px solid var(--charcoal);
  padding: 10px 0px;
  cursor: pointer;
  color: #dedede;
  font-size: 16px;
  font-weight: 300;
}
.acordion-master .fa-chevron-down {
  font-size: 18px;
  margin-left: 5px;
  transition: all 1s;
  vertical-align: middle;
}
.acordion-master .active {
  transform: rotate(180deg);
  transition: all 1s;
}

.acordion-master .contenido-mostrar p {
  margin-top: 0px;
}
.acordion-master .hidden-block {
  display: none;
}

.trustpilot {
  margin-top: 20px !important;
}

.trustpilot-mobile {
  display: none;
}

.owl-carousel-footer-logos {
  padding: 0;
}

.owl-carousel-footer-logos .owl-nav button.owl-next {
  right: 0;
}

.owl-carousel-footer-logos .owl-nav button.owl-prev {
  left: 0;
}

.owl-carousel-footer-logos .fa-chevron-right,
.owl-carousel-footer-logos .fa-chevron-left {
  width: unset;
  color: var(--charcoal);
  background: transparent;
}


.owl-carousel-footer-logos .owl-nav button {
  top: 39%;
}
 
/* Latest Post */

.footer-widget .latest-post-image img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 4px solid rgba(255, 255, 255, 0.5);
}

.footer-widget .latest-post-content h4 a {
  color: var(--white);
}

.latest-post-items {
  margin-bottom: 10px;
}

.latest-post-image img {
  width: 70px;
  height: 60px;
}

.footer-widget .post-meta,
.footer-widget .post-meta a {
  color: var(--white);
}

.latest-post-content h4 {
  font-size: 18px;
  line-height: normal;
}

/* Image Gallery */

.valuation_bottom {
  display: none;
}
.footer-sticky {
  display: none;
}
.footer-sticky {
  position: fixed;
  padding: 5px;
  bottom: 0;
  width: 100%;
  background-color: var(--medium-grey);
  z-index: 10;
}

.footer-widget .img-gallery {
  margin-top: 5px;
  display: inline-block;
}

.img-gallery a.thumb-holder {
  overflow: hidden;
  position: relative;
}

.img-gallery a.thumb-holder img {
  margin: 0 15px 15px 0;
  display: inline-block;
  width: 95px;
  height: 85px;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.img-gallery a.thumb-holder:hover img {
  opacity: 0.7;
}

.footer2 .img-gallery a.thumb-holder img {
  width: 90px;
  height: 75px;
}

/* Footer about us */

.footer-about-us h4 {
  font-size: 16px;
  margin-bottom: 0;
  line-height: normal;
}

.subscribe {
  margin-top: 20px;
}

.subscribe input.form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.subscribe .input-group-addon {
  background: none;
  border-radius: 0;
  border: 0;
  padding: 0;
}

.subscribe button {
  padding: 13px 20px;
  color: var(--white);
}

.subscribe button:hover {
  background: #222;
  color: var(--white);
}

.subscribe button i {
  font-size: 20px;
}

/* Footer links */

.footer ul {
  padding: 0;
}

.footer ul li {
  list-style: none;
  line-height: normal;
}

.footer ul li a,
.footer .textwidget p,
.footer .textwidget p a {
  font-size: 1rem;
}

.footer ul.arrow li {
  width: 50%;
  float: left;
}

ul.arrow li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
  font-size: 14px;
}

ul.arrow2 li:before {
  content: "\f105";
  font-family: 'Font Awesome 6 Pro';
  margin-right: 10px;
  font-size: 14px;
}

/* Copyright
================================================== */

.copyright-info {
  display: flex;
  align-items: center;
}

.copyright-info img {
  height: 30px;
}

.footer-social {
  position: relative;
  z-index: 10;
}

.footer-social .icon-pentagon i {
  font-size: 18px;
}

/* Footer sytle 2 */

.footer2 .social-icon {
  padding-bottom: 15px;
}


#back-to-top {
  right: 40px;
  top: auto;
  z-index: 10;
}

#back-to-top.affix {
  bottom: 60px;
}

#back-to-top .btn.btn-primary {
  border-radius: 100%;
  padding: 0;
  font-size: 18px;
  width: 36px;
  height: 36px;
  background: rgba(0, 0, 0, 0.3);
  border: 2px solid transparent;
  color: var(--white);
  opacity: 0.5;
}

#back-to-top .btn.btn-primary:hover {
  color: var(--white);
  opacity: 1;
}

/* Sub pages
================================================== */

/* Banner area */

#banner-area {
  position: relative;
}

.banner-title-content {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 100%;
}

.banner-title-content h2 {
  color: var(--white);
  font-size: 36px;
}

.banner-title-content .breadcrumb {
  background: none;
  color: var(--white);
  font-weight: 700;
  font-size: 16px;
}

.banner-title-content .breadcrumb a:hover {
  color: #ccc;
}

/* About Us */

.about-message {
  background: var(--white);
  min-height: 500px;
}

.about-message ul li a {
  color: #6a6a6a;
}
.about-message p {
  font-size: 17px;
  line-height: 32px;
}

/** Blog **/
.container.container-blog {
  max-width: 970px;
  margin-right: auto;
  margin-left: auto;
}
.blog-home h1 {
  font-size: 38px;
  line-height: 45px;
  text-transform: capitalize;
}
.inner-heading,
.form-category {
  display: inline-block;
  margin-bottom: 40px;
}
.inner-heading {
  font-size: 22px;
  font-weight: 300;
}
.form-category select {
  padding: 8px;
  text-transform: lowercase;
  height: 50px;
  border-bottom: 1px solid #1a1f21;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font-size: 22px;
  font-weight: 300;
  color: #333;
}
.blog-block {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 30px;
  row-gap: 30px;
}
.blog-box {
  margin-bottom: 30px;
  display: flex;
}
.blog-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.blog-content {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}
.blog-image {
  min-height: 370px;
  height: 370px;
  overflow: hidden;
}
.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.blog-image img:hover {
  transform: scale(1.1);
}
.blog-image-inside img {
  height: 370px;
  width: 100%;
  object-fit: cover;
}
.blog-content h4 {
  font-size: 18px;
  margin: 16px 0px 12px;
  line-height: 1.5;
}
.blog-content p {
  font-size: 14px;
  text-align: left;
  display:none;
}
.blog-content p.blog-card-date {
    font-size: 14px;
    text-align: left;
    margin-left: 0 !important;
    margin-bottom: 6px;
    margin-top: -20px;
}
.blog-container .home_read_time :is(a, span) {
  color: var(--secondary);
  font-size: inherit;
}
.blog-container h3 a {
  display: inline-block;
  color: var(--secondary);
  font-size: inherit;
  text-wrap: pretty;
}
.blog-container a:hover {
  text-decoration: underline;
}
.blog-bottom {
  display: flex;
  justify-content: space-between;
}
.home_read_time {
  color: var(--secondary);
  font-size: 1rem;
}
.author_details {
  display: flex;
  justify-content: center;
  align-items: center;
}
.author_details_single {
  padding: 1rem 0rem;
  min-height: 60px;
}
.single_content {
  margin: auto;
  margin-top: 10px;
  max-width: 750px;
}
.home_read_more {
  padding-right: 20px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.home_read_more a {
  font-weight: 400;
  font-size: 16px;
}

.post_author_home {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 100%;
  margin-right: 7px;
}
.post_author_name_home {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding-bottom: 0px;
}

.blog-link,
.blog-link a {
  margin-top: 40px;
  font-weight: 600;
  color: var(--text-light);
}

.blog-link a {
  color: var(--primary);
}

.blog-link a:hover {
  color: var(--secondary);
  border-bottom: 1px solid var(--secondary);
}

.single_category {
  font-weight: 800;
}

.blog-premade-image {
  margin-bottom: 25px;
}

.blog-premade-image img {
  width: 100%;
}

/** Author **/

.awr.cat {
  box-shadow: 0 0rem 1rem 0rem rgba(52, 49, 47, 0.25);
  background-color: rgb(248, 248, 248);
  float: left;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}
.right h4 {
  margin-top: -4px;
  margin-bottom: 10px;
}
.blog-user-info {
  padding: 20px;
  min-height: 220px;
  display: flex;
}
.left {
  float: left;
  width: 16%;
}
.avatar {
  display: block;
}
.alignnone {
  margin: 10px;
}
.awr.cat .right {
  width: 84%;
  padding-left: 15px;
}
.right {
  display: flex;
  flex-direction: column;
}
.awr.cat h6 {
  font-weight: 700;
  margin-top: 0px;
}
.awr.cat p {
  margin-top: 0;
  margin-bottom: 0rem;
  font-size: 14px;
}
.awr.cat a {
  font-weight: 500;
}
.blog-user-read-social {
  background-color: var(--primary);
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.blog-user-read-all {
  display: flex;
  justify-content: space-between;
}

.all_author_post {
  display: flex;
  align-self: center;
}
.all_author_post a {
  color: white;
  border-left: 4px solid white;
  padding-left: 6px;
}

.post_author {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px #e5e5e5 solid;
  background-clip: content-box;
  margin-right: 12px;
  float: left;
}
.post_author_name {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 26px;
}
.read_time {
  float: right;
  padding-top: 14px;
}

.post_date {
  color: var(--text-light);
  font-size: 14px;
  font-weight: 600;
}
.end_post {
  border-width: 3px;
  border-color: #333333;
  width: 10%;
  padding-top: 20px;
  padding-bottom: 0px;
}

.author-title {
  font-size: 48px;
  font-weight: 400;
  width: 100%;
}
.author_arrow {
  font-size: 18px;
  padding-right: 0;
  display: flex;
}
.author_arrow a {
  color: var(--white);
}
.mt-10 {
  margin-top: 9rem;
}

.follow-on {
  text-align: right;
  font-size: 14px;
  margin-top: 10px;
}
.follow-on span {
  font-weight: 600;
}

.related_post_block {
  background-color: var(--medium-grey);
}

/*** Sidebar Recent Post Widget **/
.pps {
  margin-bottom: 10px;
}
.left_block {
  float: left;
}
.txt {
  padding-left: 9px;
  padding-top: 9px;
  position: relative;
  width: 81%;
}

.pps a {
  color: #368626;
  display: block;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.4em;
}

.tim .wti {
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: block;
  height: 38px;
  width: 38px;
}

/* Social Sharing Icons Single Post*/
.sidenav-holder {
  position: sticky;
  top: 140px;
  margin-top: 60px;
}

.affix_single {
  top: 130px;
  width: 50px;
}
.share_post {
  display: none;
}
.share_post {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding: 10px 0px 10px 0px;
}
.share_post span {
  vertical-align: super;
  font-weight: 600;
}
.affix-bottom {
  position: absolute;
}
.share {
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#wrapper_social {
  padding-bottom: 0px;
  text-align: center;
}
@media(min-width:1200px) {
  #wrapper_social {
    display: flex;
    flex-direction: column;
  }
}
.sharing-icon {
  padding: 20px 10px;
  font-size: 26px;
  color: var(--primary);
  opacity: 0.5;
}

.sharing-icon:hover {
  transform: translateY(-5px);
  opacity: 1;
}

.fb_square {
  color: #6788ce;
}
.twitter_square {
  color: #29c5f6;
}
.in_square {
  color: #3a9bdc;
}

/* End Social Sharing Icons Single Post*/

/* Areas We Cover */

.areas-we-cover-image:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
}

a.full-block-link {
  font-size: 36px;
  font-weight: 600;
  color: var(--white);
  text-align: center;
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.title-desc3 {
  padding-top: 30px;
}
.title-desc3 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  color: #6a6a6a;
}

/* Call to Action */

.call-to-action {
  color: var(--white);
  padding: 40px 0;
}

.call-to-action.dark {
  background: #2a2d32;
}

.call-to-action h3 {
  color: var(--white);
  float: left;
  margin: 10px 0 0;
  font-size: 20px;
}

.call-to-action .btn.btn-primary.white:hover {
  background: #000;
}

.call-to-action .btn.btn-primary.solid {
  margin-left: 15px;
}

/* Career */

.panel.panel-default {
  background: var(--medium-grey);
}

h4.panel-title {
  position: relative;
  padding-left: 30px;
}

h4.panel-title a:before,
h4.panel-title a.collapsed:before {
  font-family: 'Font Awesome 6 Pro';
  position: absolute;
  z-index: 0;
  font-size: 16px;
  left: 0;
  padding: 0 5px;
  text-align: center;
}

h4.panel-title a:before {
  content: "\f056";
}

h4.panel-title a.collapsed:before {
  content: "\f055";
}

.panel-body ul {
  padding-left: 35px;
}

.panel-body p {
  max-width: 100%;
  text-align: left;
}

.panel-group .btn.btn-primary.solid:hover {
  color: #333;
}

/* Testimonial */

.ts-testimonial-content {
  position: relative;
  padding: 30px 30px 15px 30px;
  border-width: 1px;
  border-style: solid;
  border-color: #e7e7e7;
  margin-bottom: 40px;
}

.ts-testimonial-content:after {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 45px;
  border-style: solid;
  border-width: 40px 0px 0 30px;
  border-color: #e7e7e7 transparent;
  display: block;
  width: 0;
  z-index: 1;
}

.ts-testimonial-content img {
  float: left;
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.ts-testimonial-text {
  padding-left: 110px;
}

.ts-testimonial-author {
  position: absolute;
  bottom: -60px;
  left: 90px;
}

.ts-testimonial-author h3.name {
  font-size: 14px;
  margin: 10px 0 0;
}

.ts-testimonial-author h3 span {
  display: block;
  font-size: 13px;
  margin-top: -10px;
  text-transform: capitalize;
  color: #555;
}

/* Faq Page */

.faq-box {
  margin-bottom: 45px;
}

.faq-box h4 {
  margin-bottom: 25px;
}

/*** Page Valuation **/

.valuation-page-circle {
  color: var(--primary);
  background: var(--white);
  border-style: solid;
  border-color: var(--secondary);
  border-width: 8px;
  width: 130px;
  height: 130px;
  line-height: 117px;
  border-radius: 500px;
  font-size: 60px;
  display: inline-block;
}
.valuation-box {
  border: 1px solid #d1d1d1;
  margin-bottom: 20px;
  padding: 25px 25px 0;
  background-color: var(--white);
  box-shadow: 1px 2px 10px #dedede;
}

.valuation-box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 300;
  margin-top: 30px;
  margin-bottom: 20px;
}
.valuation-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-bottom: 25px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0px 0 0 var(--primary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--primary) inset;
}
.valuation-button:hover {
  background-color: var(--secondary-dark);
  color: var(--white);
}
/*** Page Valuation Close**/

/* Page Valuation Two Boxes */

.valuation-two-boxes {
  min-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.valuation-two-boxes-headings {
  margin-bottom: 40px;
}

.valuation-two-boxes-container {
  min-height: 90vh;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 25%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 15px 125px 15px;
}

.valuation-two-boxes h1,
.valuation-two-boxes p {
  color: white;
  text-align: center;
  text-shadow: 1px 1px rgb(0 0 0 / 50%);
}

.valuation-two-boxes p {
  font-size: 22px;
}

.valuation-two-boxes h1 {
  font-size: 43px;
  font-weight: 500;
}

.valuation-two-box {
  box-shadow: none;
  border: none;
  border-radius: var(--radius);
  padding: 45px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.valuation-two-box button {
  margin-top: auto;
}

.valuation-two-box h2 {
  font-size: 22px;
  text-align: center;
}

.valuation-two-box p {
  color: var(--text);
  font-size: 16px;
  text-shadow: none;
}

/* Page Valuation Two Boxes Close */

/* 404 page */

.error-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-right: 0px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
}
.error-button:hover {
  background-color: var(--secondary);
}

/* 404 page End */

/* Blog
================================================== */

/* Blog Listing */

.post {
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid var(--medium-grey);
}

.post.post-last {
  border-bottom: 0;
}

.post-image-wrapper {
  margin-bottom: 20px;
  position: relative;
}

.blog-date {
  position: absolute;
  top: 50px;
  left: 0;
  color: var(--white);
  border-radius: 0 25px 25px 0;
  padding: 5px 15px;
  font-weight: 700;
}

.blog-date a {
  color: var(--white);
}

.post-footer .btn.btn-primary {
  font-size: 12px;
  padding: 8px 20px;
  margin-top: 15px;
}

/* Blog Single */

.post-meta {
  color: #959595;
  font-weight: 400;
  font-size: 13px;
}
.post-meta span {
  padding-right: 10px;
}

.post-meta a {
  color: #959595;
}

.post-meta-author a,
.post-meta-cats a {
  color: #323232;
}

.entry-content {
  padding: 20px 0 10px;
}

/* Blog author */

.about-author {
  background: #f2f2f2;
  padding: 15px 20px;
  margin: 20px 0;
}

.author-img img {
  width: 120px;
  height: 120px;
  margin-right: 30px;
  border-radius: 100%;
  margin-top: 20px;
}

.author-url span a {
  color: #959595;
}

.author-info h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: normal;
}

.author-info h3 span {
  font-size: 14px;
  color: #959595;
  border-left: 1px solid #afafaf;
  padding-left: 8px;
  margin-left: 5px;
}

/* Blog post comments */

.comments-counter {
  font-size: 18px;
}
.comments-counter a {
  color: #323232;
}

.comments-list {
  list-style: none;
  margin: 0;
  padding: 20px 0;
}

.comments-list .comment {
  border-bottom: 1px solid #cecece;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.comments-list .comment.last {
  border-bottom: 0;
}
.comments-list img.comment-avatar {
  width: 84px;
  height: 84px;
  margin-right: 30px;
  border-radius: 100%;
}

.comments-list .comment-body {
  margin-left: 120px;
}

.comments-list .comment-author {
  margin-bottom: 0;
}

.comments-list .comment-date {
  font-style: italic;
  color: #959595;
  margin-bottom: 20px;
}

.comments-list .comment-reply {
  color: #323232;
}

.comments-reply {
  list-style: none;
  margin: 0 0 0 70px;
}

.comments-form .btn.btn-primary {
  padding: 10px 20px;
}

.comments-form label {
  font-weight: normal;
  color: #959595;
}

/* Sidebar */

.sidebar h3.widget-title {
  font-size: 18px;
  line-height: normal;
  margin-top: 0;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar-right {
  padding-left: 20px;
}

/* Blog search */

.sidebar #search .input-group-btn .btn.btn-primary {
  padding: 11px 12px;
}

/*-- Blog tab widget --*/

.widget-tab .nav-tabs {
  margin: 0;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}

.widget-tab .nav-tabs > li:first-child {
  margin-left: 10px;
}

.widget-tab .nav-tabs > li > a {
  background: #f2f2f2;
  color: #323232;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 3px 3px 0 0;
  margin-right: -1px;
  border: 1px solid #e7e7e7;
  border-bottom: 0;
}

.widget-tab .nav-tabs > li.active > a {
  background: var(--white);
  color: #323232;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

.widget-tab .tab-content {
  border-top: 0;
  padding: 10px 0 0;
}

.widget-tab .posts-thumb img {
  display: block;
  width: 85px;
  height: 65px;
  margin-right: 20px;
}

.widget-tab .posts-avator img {
  display: block;
  width: 62px;
  height: 62px;
  margin-right: 20px;
  border-radius: 100%;
}

.widget-tab h4.entry-title {
  font-size: 11px;
  line-height: 15px;
  margin-bottom: 5px;
}
.widget-tab h4.entry-title a {
  color: #323232;
}

.widget-tab .post-meta span {
  padding-right: 5px;
}

.widget-tab ul.posts-list li {
  padding-bottom: 10px;
}

/*-- Blog category widget --*/

.widget-categories ul.category-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget-categories ul.category-list li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget-categories ul.category-list li:hover {
  padding-left: 10px;
}

.widget-categories ul.category-list li a {
  color: #323232;
}

.widget-categories ul.category-list li:last-child {
  border-bottom: 0;
}

/*-- Blog tags widget --*/

.widget-tags ul > li {
  float: left;
  margin: 6px;
}

.widget-tags ul > li a {
  background: #f2f2f2;
  color: #6a6a6a;
  display: block;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 25px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget-tags ul > li a:hover {
  color: var(--white);
}

/* Landing page
================================================== */

/* Header */

.landing-header.header-bgnone {
  background: rgba(0, 0, 0, 0.8);
}

.hero-section {
  height: 100%;
  background-image: url(../images/landing/main-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: top center;
  padding-bottom: 0;
  padding-top: 200px;
  overflow: hidden;
}
.hero-section .container {
  height: 100%;
}

.hero-content {
  position: relative;
  display: table;
  height: 100%;
  width: 100%;
}

.hero-text {
  display: table-cell;
  vertical-align: bottom;
  color: var(--white);
  padding-right: 50%;
  width: 100%;
  padding-bottom: 10%;
}

.hero-title {
  font-size: 40px;
  line-height: 50px;
  color: var(--white);
}

.hero-description {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 30px;
  color: var(--white);
}

.hero-images {
  display: block;
  position: absolute;
  bottom: 80px;
  right: 0;
  width: 50%;
  max-height: 100%;
}

.hero-images img {
  display: block;
  position: relative;
  max-height: 100%;
  width: auto;
}

.hero-buttons a.btn {
  color: var(--white);
  padding: 15px 50px;
}

.hero-buttons a.btn.solid {
  margin-left: 10px;
}

.hero-buttons a i {
  margin-left: 5px;
}

/* Facts */

.landing_facts {
  color: var(--white);
  padding: 50px 0;
}

.landing_facts .facts i {
  font-size: 36px;
}

.landing_facts .facts-num span {
  font-size: 56px;
}

/* Video and video background */

.video-embed {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  height: 0;
  background-color: #000000;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-background-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

iframe {
  border: 0;
}

.youtube-video {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-inline: auto;
}

.youtube-block {
  margin-bottom: 25px;
}

/* Screenshot image */

.app-gallery .grid {
  display: block;
  margin: 0 15px 20px;
  padding: 5px;
}

.app-gallery figure.effect-oscar a {
  margin: 125px 5px 0;
}

.app-gallery figure.effect-oscar figcaption::before {
  border: 0;
}

.client-carousel {
  padding-right: 0px;
  padding-left: 0px;
}
.client-carousel img {
  display: block;
  width: 100%;
  height: 370px;
  object-fit: cover;
}
.pd40-footer-bottom {
  padding-bottom: 30px;
}
.pd80-footer {
  padding-top: 40px;
}
.footer_logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer_logo ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.footer_logo img {
  width: 100%;
}
.owl-carousel-footer-logos .owl-item.active img {
  opacity: 1;
}
@media(min-width:992px) {
 .footer_logo ul {
  gap: 40px;
 }
}
.footer_logo ul li {
  display: inline-block;
  padding: 10px;
  margin-bottom: 10px;
  /* filter: grayscale(1);
  opacity: 0.8; */
}

/* Elements page
================================================== */

.testimonial.elements .testimonial-text,
.testimonial.elements .testimonial-content h3.name,
.testimonial.elements .testimonial-content h3 span {
  color: #323232;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial.elements
  .testimonial-slide.owl-theme
  .owl-controls
  .owl-page
  span {
  border: 1px solid #e7e7e7;
}

/* Style Swithcer
================================================== */

.style-switch-wrapper {
  position: fixed;
  top: 100px;
  right: -250px;
  width: 250px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.75);
  border-bottom-right-radius: 4px;
  padding: 20px 20px;
  z-index: 1000;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.style-switch-wrapper h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.style-switch-wrapper.active {
  right: 0;
}

.style-switch-button {
  position: absolute;
  top: 0;
  right: 250px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.75);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  z-index: 1000;
  cursor: pointer;
}

.style-switch-button i {
  color: var(--white);
  position: relative;
  line-height: 1;
  top: 15px;
  left: 15px;
  font-size: 20px;
}

.style-switch-wrapper button {
  width: 30px;
  height: 30px;
  border-radius: 100% !important;
  margin-bottom: 5px;
  color: var(--white);
  display: inline-block;
  padding: 0 !important;
  margin-right: 2px;
  border: 0 !important;
}

a.close-styler {
  color: var(--white) !important;
  padding: 7px 20px !important;
  margin-right: 6px;
}

.style-switch-wrapper button:active,
.style-switch-wrapper button:focus {
  border: 2px solid var(--white);
}

.style-switch-wrapper #preset1 {
  background-color: #49a2e7;
}

.style-switch-wrapper #preset2 {
  background-color: #81c83c;
}

.style-switch-wrapper #preset3 {
  background-color: #ee3b24;
}

.style-switch-wrapper #preset4 {
  background-color: #ffc400;
}

.style-switch-wrapper #preset5 {
  background-color: #334f96;
}

.style-switch-wrapper #preset6 {
  background-color: #8c42ba;
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.2
*/

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
  color: var(--white);
  display: inline-block;
  zoom: 1;
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 28px;
  height: 8px;
  margin: 5px 7px;
  opacity: 0.5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: var(--white);
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

/* Owl buttons */
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: var(--secondary-trans);
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span {
  background-color: var(--secondary-dark);
}

/* Global styles
================================================== */

a {
  color: var(--highlight);
}

a.read-more:hover {
  color: var(--primary);
}

/* Typography
================================================== */

.btn.btn-primary {
  border: 2px solid var(--charcoal);
  border-radius: var(--radius);
}

.btn.btn-primary:hover {
  background: var(--primary-trans);
}

.btn.btn-primary.solid {
  background: #49a2e7;
}

ul.circle li:before {
  color: #49a2e7;
}

/* Common styles
================================================== */

.heading:hover .title-icon {
  color: #49a2e7;
}

h2.entry-title a:hover {
  color: #49a2e7;
}

/* Icon pentagon */

.icon-pentagon {
  /* background: none repeat scroll 0 0 var(--primary-dark); */
  background: none repeat scroll 0 0 var(--color-footer-top-bar);
  /* border-radius: 50%; */
  height: 42px;
  width: 42px;
}

.icon-pentagon:before {
  border-bottom: 10px solid #49a2e7;
}

.icon-pentagon:after {
  border-top: 10px solid #49a2e7;
}

.service-icon:before {
  border-bottom: 30px solid #49a2e7;
}

.service-icon:after {
  border-top: 30px solid #49a2e7;
}

/* Carousel controller */

.ts-carousel-controller .left:hover,
.ts-carousel-controller .right:hover,
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
  background: #49a2e7;
}

/* Input form */

.form-control:focus {
  border: 1px solid #49a2e7 !important;
}

/* Flex Slider */

.portfolio-slider .flex-direction-nav a:hover,
.second-slider .flex-direction-nav a:hover {
  background: #49a2e7;
}

/* Pagination */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > li > a:hover {
  background: #49a2e7;
}


/* Slideshow
================================================== */

/*-- Main slide --*/

#main-slide .carousel-indicators li.active,
#main-slide .carousel-indicators li:hover {
  background-color: #49a2e7;
}

#main-slide .carousel-control i:hover {
  background: #49a2e7;
}

/* Image Block
================================================== */

.image-block-content .feature-icon {
  background: #000000;
}

/* Portfolio
================================================== */

.isotope-nav ul li a {
  border: 1px solid #49a2e7;
}

.isotope-nav ul a.active,
.isotope-nav ul a:hover {
  background: #49a2e7;
}

.isotope-nav ul a.active:after,
.isotope-nav ul a:hover:after {
  border-color: #49a2e7 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

/* Feature box
================================================== */
.feature-icon {
  color: #49a2e7;
}

.feature-center-icon {
  color: #49a2e7;
}

/* About us
================================================== */

/* Featured Tab */

.featured-tab .nav-tabs > li.active > a {
  background: #49a2e7;
}

.featured-tab .nav-tabs > li.active > a:after {
  border-left-color: #49a2e7;
}

.featured-tab .nav-tabs > li > a:hover {
  background: #49a2e7;
  color: var(--white);
}
.featured-tab .nav-tabs > li > a:hover:after {
  border-left-color: #49a2e7;
}

/* Testimonial
================================================== */

.testimonial-slide .testimonial-text:before {
  color: #f05222;
}

.testimonial-slide .testimonial-text:after {
  color: #f05222;
}

.testimonial-slide.owl-theme .owl-controls .owl-page.active span {
  background: #f05222;
}

/* Recent Post
================================================== */

.post-img-overlay a:hover {
  background: #49a2e7;
}

/* Accordion css */

.accordion-container {
  background: var(--primary);
  padding: 80px 15px;
}
.ac-heading > h2 {
    margin-bottom: 40px;
}
.faqs-nested .ac {
  max-width: 970px;
  margin: auto;
  background: var(--primary);
  color: white;
  border: none;
  border-bottom: 1px solid var(--highlight);
}
.faqs-nested .ac-main-container {
  padding-top: 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.faqs-nested .ac-header {
  color: white;
}
.faqs-nested .ac-heading p, .ac-heading h2 {
  color: white;
  text-align: center;
}
.faqs-nested .ac .ac-panel .ac-text {
  font: unset;
}
.faqs-nested .ac .ac-trigger {
  color: white;
  border: none;
  font: unset;
  font-size: 2rem;
  padding-left: 0;
}
.faqs-nested .ac-inner .ac .ac-trigger {
  text-transform: unset;
  font-size: 18px;
  padding: 18px 0px;
  padding-right: 45px;
}
.faqs-nested .ac-panel {
  display: flex;
  align-items: flex-start;
}
.faqs-nested .ac .ac-outer .ac-panel .ac-text,
.ac-panel p {
  text-align: left;
  padding: 0;
  line-height: 2;
  padding-bottom: 12px;
  font-size: 22px;
  color: var(--highlight);
}
.faqs-nested .ac .ac-inner .ac-panel .ac-text {
  color: white; 
  line-height: 2;
  padding: 12px 0px 22px 0px;
}
.faqs-nested .ac .ac-trigger:focus {
  color: white;
}
.faqs-nested .ac-main-text {
  max-width: 380px;
}
.faqs-nested .ac-inner {
  padding-bottom: 40px;
  max-width: 380px;
  margin-left: auto;
}
.faqs-nested .ac-inner .ac:last-child {
  border-bottom: none;
}
.faqs-nested .ac-outer:last-child {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .faqs-nested .ac-main-container {
  align-items: flex-start;
  flex-direction: column;
}
.faqs-nested .ac-main-text {
  max-width: 100%; 
}
.faqs-nested .ac-inner {
  margin: auto;
  max-width: 100%;
}
}

/* Footer */
#copyright {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 gap: 8px;
}
@media(min-width:1200px) {
 #copyright {
  flex-direction: row;
  justify-content: space-between;
 }
}
.copyright-info {
 display: flex;
 justify-content: center;
 align-items: center;
}
@media(min-width:1200px) {
 .copyright-info {
  justify-content: flex-end;
 }
}
.copyright-info p,
.copyright-info p a {
 font-weight: 300;
}
.copyright-info img {
  max-width: 34px;
  position: relative;
  top: -4px;
  width: auto;
}

.copyright-info a:hover {
  color: var(--white);
}


#back-to-top .btn.btn-primary:hover {
  background: var(--highlight);
}

.footer-about-us h4 {
  color: #d64f2d;
}

.footer-widget .latest-post-content h4 a:hover {
  color: #d64f2d;
}

.subscribe button {
  background: #49a2e7;
}

/* Blog Item page */

.post-meta a:hover {
  color: #49a2e7;
}

.author-url span a:hover {
  color: #49a2e7;
}

.comments-counter a:hover {
  color: #49a2e7;
}

.comments-list .comment-reply:hover {
  color: #49a2e7;
}

/*-- Blog sidebar --*/

.widget-tab .nav-tabs > li.active > a {
  background: #49a2e7;
}

.widget-tab h4.entry-title a:hover {
  color: #49a2e7;
}

.widget-tags ul > li a:hover {
  background: #49a2e7;
}

/* Landing page
================================================== */

.landing-header.header-bgnone ul.navbar-nav > li:hover > a,
.landing-header.header-bgnone ul.navbar-nav > li.active > a {
  color: #49a2e7;
}

.features-content .features-icon {
  color: #49a2e7;
}

.landing_facts {
  background: #49a2e7;
}

.landing-tab .nav-tabs > li.active {
  border-right: 5px solid #49a2e7;
}

.landing-tab .nav-tabs > li.active > a i {
  color: #49a2e7;
}

.landing-tab .nav-tabs > li > a:hover {
  color: #49a2e7 !important;
}

.landing-tab .tab-pane i.big {
  color: #49a2e7;
}

.app-gallery.owl-theme .owl-controls .owl-page.active span {
  background: #49a2e7;
}

.landing_page_clients {
  background: #49a2e7;
}

/* Misc */
.title-border {
  border-bottom: 2px solid #49a2e7;
}

.post-title a:hover {
  color: #49a2e7;
}

.portfolio-static-desc a:hover {
  color: #49a2e7;
}
.footer ul li a:hover {
  opacity: 1;
}

.call-to-action {
  background: #49a2e7;
}

.blog-date {
  background: #49a2e7;
}

.widget-categories ul.category-list li a:hover {
  color: #49a2e7;
}

.about-message ul li a:hover {
  color: #49a2e7;
}
/** Content with Sidebar **/
.widget {
  margin-bottom: 40px;
}
.sidebar-nav {
  margin-bottom: 20px;
  position: sticky;
  top: 100px;
  margin-top: 10px;
}
.sidebar-nav ul {
  list-style-type: none;
}
.sidebar-title:after {
  content: "";
  width: 60px;
  height: 2px;
  background: var(--secondary);
  display: block;
  margin-top: 15px;
}
.sidebar-left ul {
  list-style-type: none;
  padding: 10px;
  line-height: 35px;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 25px;
}
.sidebar-left li ::before,
.sidebar-nav .menu li ::before {
  position: absolute;
  margin-top: 11px;
  left: 10px;
  display: inline-block;
  content: "";
  border-top: 2px solid var(--secondary);
  border-left: 2px solid var(--secondary);
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sidebar-left a {
  color: var(--titles);
  text-decoration: underline;
  font-weight: 300;
}
.sidebar-left a:hover {
  text-decoration: none;
  color: var(--secondary);
}
.arrange-viewing-sidebar-left {
  background-color: transparent;
  color: var(--primary);
  margin-right: 0px;
  padding: 15px 0px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0px 0 0 var(--secondary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--secondary) inset;
  width: 100%;
  border: 1px solid var(--primary);
}
.arrange-viewing-sidebar-left:hover {
  background-color: var(--secondary-trans);
  border: 1px solid var(--secondary);
}
.sidebar-banner {
  margin-bottom: 20px;
}
.sidebar-banner p {
  text-align: left;
}
.centered {
  padding: 10px 20px;
  background: rgb(239, 82, 34, 0.9);
  width: 100%;
  color: var(--white);
  text-align: center;
  font-size: 18px;
  font-weight: 300;
}
.socials .facebook {
  background: #3c5a99;
}
.socials .twitter {
  background: #5fa9dd;
}
.socials .linkedin {
  background: #3a9bdc;
}
.socials .googleplus {
  background: #de4b43;
}
.socials a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--white);
  font-size: 2em;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  font-size: 20px;
  line-height: 20px;
  margin-right: 10px;
}
.socials a:hover {
  text-decoration: none;
}
.socials li {
  display: flex;
  text-indent: 0;
}
.socials ul {
  list-style: none;
  padding: 0px;
}
/** Content with Sidebar Close **/

/** Responsiveness **/

@media (min-width: 1201px) and (max-width: 1430px) {
  .navbar-nav.navbar-center {
    left: 42%;
  }

  .about-message-home h3 {
    line-height: initial;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 1200px) {
  .wide-image img,
  .narrow-image img, .three-image {
    height: 190px;
  }
  .opening-hours-container {
    padding: 20px 25px;
  }
  .opening-hours-logo i {
    font-size: 40px;
  }
  .share_button_holder {
    width: 100%;
  }

}

@media (min-width: 993px) and (max-width: 1200px) {
  .btn-2,
  .btn-3 {
    padding: 20px 32px;
    font-size: 16px;
  }
  .page-estate-agent {
    font-size: 25px;
  }
  .page-info-title {
    font-size: 32px;
  }
  .share_post {
    display: block;
  }
  .btn-4,
  .btn-5 {
    font-size: 18px;
    padding: 11px 10px;
  }
  .mt-4 {
    margin-top: 2.5rem;
  }
  .arrange-viewing {
    padding: 10px 11px;
  }
  .list-tools span {
    margin-left: 1px;
    font-size: 13px;
  }
  .about-message-home h3 {
    line-height: initial;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  .page-info-agent h1 {
    font-size: 34px;
  }


}
@media (max-width: 992px) {
  .page-info-agent h1 {
    font-size: 34px;
  }
}

@media (max-width: 992px) {
  body {
    margin-top: 77px;
  }
  .sidebar-nav {
    position: relative;
    top: 0;
  }
  .testimonial-slide .testimonial-text {
    font-size: 19px !important;
    max-width: 95%;
  }
  .testimonial-slide .testimonial-content h3.name {
    font-size: 20px;
  }
  .home-page .is-h1, .hero-module-content h1 {
    font-size: 45px;
  }
  #main-slide .slider-content h3, #main-slide .slider-content p, .hero-module-content h4 {
    font-size: 22px;
  }
  .home_video {
    height: 100%;
  }
  .demo {
    display: none;
  }
  .ea-padding {
    padding: 100px 0px 60px 0px;
  }
  .footer ul.arrow li {
    width: 100%;
    float: none;
  }
  .sidebar-title:after {
    margin-top: 10px;
  }
  .contact-us-map {
    height: 450px;
  }
  .col-custom-8,
  .col-custom-4 {
    width: 100%;
  }
  .page-inner-sales-section {
    padding: 65px 0px 15px 0px;
  }
  .page-inner-section {
    padding: 50px 0;
  }
  .insideheader_breadcrumbs {
    font-size: 13px;
  }
  .list-tools {
    text-align: center;
  }
  .list-tools span {
    display: none;
  }
  .about-message-home h3 {
    line-height: initial;
    font-size: 28px;
  }
  .pd50-home {
    padding: 40px 0px 40px 0px;
  }
  .about-wrapper-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  #search_keyword_holder {
    max-width: 94%;
    margin: 60px auto 0;
  }
  #search_keyword_value {
    font-size: 16px;
  }
  .slider.btn {
    padding: 0px 22px;
    font-size: 16px;
  }
  #search_keyword_holder_agents {
    max-width: 100%;
  }
  .cta-buttons {
    text-align: center;
    margin-top: 56px;
    max-width: 540px;
  }
  .line {
    margin-left: 12px;
    margin-right: 12px;
  }
  .single-estate-office-details {
    text-align: left;
  }
  .single-estate-hero {
    flex-direction: column;
  }
  .cta-buttons {
    margin-left: unset;
  }
  .btn-2,
  .btn-3 {
    width: 50%;
  }
  .trustpilot {
    padding-left: 15px;
  }

  .footer .widget-title {
    height: unset;
  }
  .content-button {
    margin-bottom: 40px;
  }
  .images-card {
    padding: 0;
  }
}
@media (min-width: 768px) {
  /** New Tab **/
  .panel-heading {
    display: none;
  }
  .panel {
    border: none;
    box-shadow: none;
  }
  .panel.panel-default {
    padding: 0px 40px;
  }
  .panel-collapse {
    height: auto;
  }
  .panel-collapse.collapse {
    display: block;
  }

  .video-section {
    padding: 100px 0;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-top: 11px;
  }
  .form-inline .form-group {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 990px) {
  .testimonial .content:before,
  .testimonial .content:after {
    width: 43%;
  }
}
@media only screen and (max-width: 640px) {
  .testimonial:before {
    left: 46%;
  }
  .testimonial .content {
    padding: 30px 35px;
  }
  .testimonial .description {
    font-size: 14px;
  }
  .no-padding-mb {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1540px;
  }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) {
  .video-section {
    padding: 120px 0;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) {
  .parallax {
    background-attachment: scroll !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .share_post {
    display: block;
  }
  
   .blog-image-inside img {
    min-height: 300px;
  }

  /* Common */
  .parallax {
    padding: 60px 0;
  }

  /* Slideshow */

  .slider.btn {
    padding: 5px 25px;
    margin-top: 5px;
    font-size: 16px;
  }

  #main-slide .carousel-indicators {
    bottom: 20px;
  }

  /* Cd Hero Slider */

  .cd-hero-slider .cd-btn {
    margin-top: 15px !important;
    font-size: 12px !important;
  }
  .cd-slider-nav ul li.video {
    display: none;
  }

  .cd-slider-nav {
    bottom: 40px !important;
  }

  /* Portfolio */

  .isotope-nav {
    margin: 0 auto 40px;
  }

  figure.effect-oscar figcaption {
    padding: 1.5em;
  }
  figure.effect-oscar figcaption::before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
  }
  figure.effect-oscar h3 {
    margin-top: 0;
    font-size: 16px;
  }

  /* Feature */

  .feature-content h3,
  .feature-center-content h3 {
    font-size: 14px;
    line-height: normal;
  }

  /* Featured tab */
  .featured-tab .tab-pane img {
    width: 45%;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
  }

  /* Team */

  .team {
    padding-bottom: 50px;
  }

  /* Pricing */

  .plan {
    margin-bottom: 60px;
  }

  /* Testimonial */

  .testimonial-content {
    padding: 0 30px;
  }

  /* Recent post */
  .recent-post {
    padding-bottom: 40px;
  }

  /* Back to top */

  #back-to-top.affix {
    bottom: 35px;
  }

  /* Video block */

  .video-block-head {
    margin-top: 30px;
  }

  /* Call to action */

  .call-to-action .btn.btn-primary {
    font-size: 12px;
  }

  /*-- Landing ---*/

  .hero-text {
    width: 95%;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
}

/* Small Devices Potrait */
@media (max-width: 767px) {
  body {
     margin-top: 77px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  p,
  li,
  blockquote p {
    font-size: 16px;
  }
  /** New Tab **/
  .local-area-mobile {
    display: block;
  }
  .pdb40-tablet {
    padding-bottom: 30px;
  }
  .tab-content-local .tab-pane-local {
    display: block;
  }
  .nav-tabs-local {
    display: none;
  }
  .panel-title a {
    display: block;
    color: var(--white);
    font-weight: 300;
    text-decoration: none;
  }
  .panel-title a:hover {
    text-decoration: none !important;
  }
  .panel-default > .panel-heading {
    color: #333;
    background-color: var(--primary);
    border-color: var(--primary);
  }
  .local {
    margin-top: 0px !important;
  }
  .panel-heading {
    border-bottom: 0px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
  }
  .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
  }
  .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
  }
  /** New Tab Close **/

  .blog-home h1:after {
    margin-top: 3px;
  }
  /** developments **/
  .btn-dev {
    margin-bottom: 20px;
  }
  .dev-text h2,
  .dev-text p {
    text-align: center;
  }
  /** developments close **/
  .page-info-title {
    font-size: 32px;
  }
  .single_block li {
    background-size: 3%;
  }
  .home_read_more {
    bottom: 12px;
  }
  .home-page .is-h1, .hero-module-content h1 {
    font-size: 38px;
  }
  #main-slide .slider-content h3,
  .hero-module-content h4,
  #main-slide .slider-content p {
    font-size: 20px;
  }
  .footer_logo ul li {
    width: 170px;
    display: block;
    margin-bottom: 20px;
  }
  .footer {
    padding-top: 30px;
  }
  .acordion-master {
    margin: 0px;
  }
  .home_video {
    height: inherit;
    object-fit: cover;
    min-height: 640px;
  }


  .blog-container {
    min-height: auto;
  }
  .author_details {
    position: relative;
  }
  .demo,
  .hidden-valuation {
    display: none !important;
  }

  .read_time {
    font-size: 12px;
  }
 
  .footer-sticky {
    display: block;
  }
  #myLocalArea {
    display: block;
  }
  .estate-map {
    width: 100%;
  }

  .fees_apply a {
    float: none;
  } 
  .footer_logo {
    margin-right: 0px;
  }
  .acordion-master h2 {
    margin: 0;
  }

  .slider.btn {
    display: inline-block !important;
  }
  #search_keyword_holder {
    display: none;
  }
  .angle:before {
    height: auto;
  }
  .slider.btn {
    padding: 0px 10px;
    font-size: 15px;
  }

  /* Common */
  .parallax {
    padding: 60px 0;
  }
  .style-switch-button {
    display: none;
  }

  .heading {
    text-align: center;
  }

  .heading .title-icon {
    float: none !important;
    margin: 0 0 20px;
    display: inline-block;
  }

  h2.title {
    font-size: 28px;
    border-left: 0;
  }

  .title-desc {
    line-height: normal;
    padding: 6px 55px 0;
  }

  .btn.btn-primary {
    padding: 8px 22px;
  }

  .areas-heading h3 {
    font-size: 28px;
  }
  .areas-heading h2 {
    font-size: 28px;
  }

  /* Slideshow */

  #main-slide .slider-content h2 {
    font-size: 18px;
    line-height: normal;
  }
  .slider.btn {
    display: none;
  }

  #main-slide .carousel-control {
    display: none;
  }

  #main-slide .carousel-indicators {
    bottom: 0;
  }

  .about {
    padding-top: 40px;
  }

  .about.angle:before {
    position: relative;
  }

  .service-content {
    display: inline-block;
    margin-bottom: 30px;
  }

  .isotope-nav {
    margin: 0 auto 40px;
  }

  .isotope-nav ul li a {
    padding: 5px 10px;
    margin-bottom: 10px;
    display: inline-block;
  }

  figure.effect-oscar h3 {
    margin-top: 25%;
  }

  #isotope .isotope-item .grid {
    padding-left: 10px;
    padding-right: 10px;
  }

  .img-block-right {
    padding-right: 50px;
  }

  .img-block-head h2 {
    font-size: 16px;
  }

  .img-block-head h3 {
    font-size: 28px;
  }

  .image-block-content {
    padding: 0;
  }

  .featured-tab {
    padding: 0 30px;
  }

  .featured-tab .tab-pane i.big {
    font-size: 150px;
  }

  .featured-tab .tab-pane,
  .landing-tab .tab-pane {
    text-align: left;
    padding-left: 0;
    padding-top: 30px;
  }

  .facts {
    padding-bottom: 20px;
  }

  .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .facts i {
    font-size: 32px;
  }

  .plan {
    margin-bottom: 60px;
  }

  .testimonial-content {
    padding: 0 30px;
  }

  .recent-post {
    padding-bottom: 40px;
  }

  .footer-widget {
    min-width: 50%;
  }

  .copyright-info {
    font-size: 13px;
  }

  #back-to-top {
    right: 20px;
  }
  #back-to-top.affix {
    bottom: 40px;
  }
  .call-to-action .btn.btn-primary {
    float: none !important;
    margin-top: 20px;
  }

  .hero-section {
    padding-top: 90px;
  }

  .hero-text {
    width: 100%;
    padding-right: 0;
  }
  .hero-title {
    font-size: 36px;
  }
  .hero-buttons a.btn {
    padding: 10px 20px;
  }

  .app-gallery figure.effect-oscar a {
    margin-top: 105px;
  }

  .hero-images img {
    display: none;
  }

  .landing_facts .facts-num span {
    font-size: 48px;
    margin-top: 20px;
  }

  .landing_facts .facts i {
    font-size: 30px;
  }

  /* Blog single */
  .blog-post {
    padding-bottom: 40px;
  }
  /*hero module */
  .hero-module-actions {
    flex-direction: column;
  }
  .hero-module-btn1,
  .hero-module-btn2 {
    min-width: 80%;
  }
  .content-button {
    margin: auto;
    margin-bottom: 40px;
  }
  .ad-modal-image,
  .ad-modal-info,
  .ad-modal-title,
  .ad-modal-para {
    text-align: center;
  }
  .ad-modal-image img {
    width: 100%;
    height: auto;
  }
  .page-template-page-content .mortgage-calculator {
    text-align: center;
  }
  .page-template-page-content .mortgage-calculator::placeholder {
    text-align: center;
  }
  .page-template-page-content .mortgage-calculator input {
    text-align: center;
  }
  .img-hexagon .team-container-inner .img-hexagon{
    /* height: 600px; */
    max-width: 300px;
    height: auto;
  }
  .team-content h3 {
    text-align: center;
  }
  .team-content p {
    text-align: center;
  }
  .images-card p {
    text-align: center;
  }
}

select {
  border: none;
}
.select {
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 6px;
  cursor: pointer;
  background-color: #ddd;
  margin-bottom: 10px;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
}
input:focus,
select:focus {
  outline: none;
}
.select select {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  margin-bottom: 0 !important;
}
select, .select::after {
  grid-area: select;
}
.select:after {
  content: "";
  width: 0.8em;
  height: 0.5em;
  background-color: #134633;
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  -ms-grid-column-align: end;
      justify-self: end;
  position: relative;
  right: 8px;
  -webkit-clip-path: polygon(100% 20%, 50% 100%, 0 20%, 20% 0, 50% 50%, 80% 0);
          clip-path: polygon(100% 20%, 50% 100%, 0 20%, 20% 0, 50% 50%, 80% 0);
}
.review-form input[type='email'] {
  background-clip: padding-box;
}

@media screen and (max-height: 450px) {
  .overlay {
    overflow-y: auto;
  }
  .overlay a {
    font-size: 20px;
  }
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

@media only screen and (max-width: 480px) {
  body {
    /* margin-top: 84px;
     */
     margin-top: 77px;
  }
  .pull-right {
    width: 100%;
  }
  /** Footer Valuation **/
  .valuation_bottom {
    display: none;
    padding: 5px;
    margin: 0 auto;
    position: fixed;
    bottom: 0px;
    left: 0;
    height: auto;
    background-color: var(--medium-grey);
    width: 100%;
    z-index: 20;
  }
  .btn-2,
  .btn-3 {
    margin-bottom: 20px;
    width: 100%;
  }
  .page-info-title {
    font-size: 24px;
  }
  .page-estate-agent {
    font-size: 22px;
  }
  /** developments **/
  .hidden-mobile {
    display: none;
  }
  .hidden-desktop {
    display: block;
  }
  .dev2-content ul {
    padding: 0px;
  }
  .btn-dev {
    width: 80%;
    margin-bottom: 20px;
    padding: 11px 30px;
  }
  /** developments close **/
  .page-inner-sales-section {
    padding: 65px 0px 15px 0px;
  }
  .overlay-content {
    top: 14%;
  }
  .single_block li {
    background-size: 6%;
  }
  .overlay ul li a {
    font-size: 18px;
  }
  .page-inner-default-section {
    padding-top: 20px;
  }
  .share_post {
    display: block;
  }
  .ribbon {
    top: 26.9px;
  }
  .pd50-home {
    padding: 0px 0px 0px 0px;
  }
  .footer_logo ul li {
    width: 120px;
  }
  .pd40-footer-bottom {
    padding-bottom: 0px;
  }
  .ad_btn {
    min-width: 120px;
    margin: 10px 7px;
    padding: 14px;
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .slider-buttons a {
    display: flex;
  }
 
  .read_time {
    float: none;
  }
  .inner-heading {
    font-size: 22px;
    margin-bottom: 0px;
  }
  .author-title {
    font-size: 22px;
  }
  .btn-5,
  .btn-4 {
    padding: 11px 20px;
    font-size: 18px;
    width: 100%;
  }
  .contact_block {
    padding-left: 0px;
  }
  .contact-padding {
    padding-left: 20px;
    padding-bottom: 39px;
  }
  .estate-map {
    width: 100%;
  }
  .navbar-toggle {
    margin-right: 0px;
  }

  .testimonial:before {
    font-size: 30px;
    top: 0;
  }
  .insideheader_breadcrumbs {
    padding: 5px 0px;
  }
  .footer {
    padding-top: 30px;
  }
  .acordion-master {
    margin: 0px;
  }
  #search_keyword_holder {
    display: none;
  }
  .angle:before {
    position: relative;
  }
  .slider.btn {
    margin-top: 11px;
  }
  .about-message-home {
    padding-left: 15px;
    padding-right: 15px;
  }
  .title-desc {
    padding: 0px 0px 0 !important;
  }
  section {
    padding: 0px 0;
  }
  .development-block h2 {
    font-size: 32px;
  }
  .pd80 {
    padding-top: 0px;
  }
  .service-row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .ts-padding {
    padding: 0px;
  }
  /* Slideshow */
  .line {
    display: none;
  }
  .ea_number {
    display: block;
  }
  .ea-padding {
    padding: 110px 0px 30px 0px;
  }
  .btn-2,
  .btn-3 {
    margin-bottom: 20px;
    width: 100% !important;
  }
  .padding_m {
    padding-left: 15px;
    padding-right: 15px;
  }
  .single-estate-office-details {
    font-size: 16px;
    text-align: left;
  }
  #search_keyword_holder_agents {
    display: none;
  }
  .estate-agents-block {
    margin-top: 22px;
  }
  .cta-buttons {
    margin-top: 30px;
  }
  .office-details h5 {
    font-size: 20px;
  }
  .office-details p {
    font-size: 16px;
  }
  .office-details {
    padding: 20px;
  }
  .nav-tabs-local > li > a {
    border-bottom: 1px solid #e8d5d5;
    border-right: 0px solid #e8d5d5;
  }
  .nav-tabs-local > li {
    float: none;
  }
  h1, .is-h1 {
    font-size: 24px;
    line-height: inherit;
  }
  .col-centered h2 {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 17px;
    line-height: 20px;
  }
  .blog-home h1:after {
    margin-top: 3px;
  }
  .blog-home h1 {
    font-size: 24px;
    line-height: inherit;
  }
  .form-control {
    height: 43px;
    font-size: 18px;
  }
  .hidden-btn-desktop {
    display: block;
  }
  .hidden-btn-mobile {
    display: none;
  }
  .valuation-button {
    width: 100%;
  }
  .mobile-contact {
    display: block !important;
  }
  .desktop-contact {
    display: none;
  }
}

@media screen and (max-width: 991px) {
   .content-image-text-container {
    flex-direction: column;
  }
  .content-text-image-container {
   flex-direction: column-reverse;
  }
  .content-images,
  .content-text {
    width: 100%;
  }
  .content-text.content-text-left h2,
  .content-text.content-text-right h2 {
   margin-top: 30px;
  }
  .content-text-left,
  .content-text-right {
    padding: 0px;
    max-width: 750px;
    margin: auto;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 465px;
    object-fit: cover;
  }
  .development-info {
    flex-direction: column;
  }
  .art-btn-bio {
    padding: 0;
    background: #cecece40;
    color: white;
    transition: 0.2s;
    position: absolute;
    top: 12px;
    font-weight: 600;
    margin-bottom: 0;
    right: 12px;
    border-radius: 100%!important;
    height: 25px;
    width: 25px;
  }
  .ad-modal-wrapper {
    flex-direction: column;
    margin: 0;
  }
  .ad-modal-image {
    margin: 0px auto 20px auto;
  }
  .ad-modal-image img {
    max-width: 250px;
  }
  .ad-modal-inner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ad-modal-para p {
    text-align: center;
    font-size: 15px;
  }
.fas.fa-info-circle {
  font-size: 30px;
  transform: translate(-3px, -3px);
  }


}

@media screen and (max-width: 767px) {
  .pd-bottom {
    padding-bottom: 60px;
  }
  .pd-top {
    padding-top: 60px;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 375px;
    object-fit: cover;
  }
}

@media screen and (max-width: 480px) {
  .pd-bottom {
    padding-bottom: 50px;
  }
  .pd-top {
    padding-top: 50px;
  }
  .wide-image img,
  .narrow-image img,
  .three-image {
    height: 100%;
    min-height: 300px;
    object-fit: cover;
  }
}
.contact_block p {
  font-size: 15px;
}

/* New Footer Styles */
.footer .acordion-master h2 {
  border-bottom: none;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--text);
}
.footer .acordion-master ul li a {
  color: var(--text);
}
.footer .acordion-master {
  margin-left: 15px;
}
.footer2 {
  background-color: rgb(255 255 255);
}
/* Footer Middle */
.footer-middle-container {
  background-color: var(--color-footer-background);
}
@media(min-width:992px) {
  .footer-middle-bar {
    width: 100%;
    height: 130px;
    background: var(--color-footer-top-bar);
    position: absolute;
  }
}
.footer-middle {
  padding-bottom: 40px;
}
@media(max-width:991px) {
  .footer-middle {
    padding-top: 40px;
  }
}
@media(min-width:992px) {
  .footer-middle h3.widget-title {
    height: 130px;
    margin: 0;
    padding-top: 60px;
    margin-bottom: 70px;
  }
}
.footer-area p {
  text-align: left;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  height: auto;
}
.footer-area .footer-office-subheading {
  font-weight: 600;
}
.footer-middle ul li a, .footer-middle .textwidget p, .footer-middle .textwidget p a, .footer-middle, .footer-area p {
  color: var(--text);
}
.footer-middle a:is(:hover, :focus) {
  color: var(--highlight);
}
.footer-middle .textwidget p:last-child {
  margin-bottom: 0;
}

/* Footer Bottom */
.footer-bottom {
  background: var(--color-footer-bottom-bar);
  color: var(--text);
  text-align: center;
}
.footer-bottom a:hover,
.footer-bottom a:focus {
  color: var(--secondary);
}
@media(max-width:767px) {
  .footer-bottom {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
@media(min-width:768px) {
  .footer-bottom {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media(min-width:768px) {
  .footer-bottom .copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer-bottom .copyright p, 
footer .copyright li {
  font-size: 1rem;
  margin: 0;
}
.footer-bottom a {
  font-size: 1rem;
  color: var(--text);
}

/* Footer office contact */
.footer-office-wrapper {
  margin-bottom: 20px;
}
.footer-office-wrapper p {
  line-height: 1.5;
}


/* Social Media */
.footer-middle h3.widget-title.social-title {
  height: auto;
  font-size: 16px;
  margin-bottom: 37px;
  padding-top: 50px;
}
ul.footer-social.unstyled {
  display: flex;
  flex-wrap: wrap;
}
ul.footer-social.unstyled li {
  padding-right: 4px;
}

/* Jobs */
.single-job-container img {
  width: 100%;
  height: auto;
  max-width: 750px;
  display: flex;
  margin: auto;
}

.ui-datepicker {
  background: white;
    padding: 20px;
    border-radius: var(--radius);
}

.ui-datepicker td {
  border: 1px solid #d5d5d5;
  padding: 6px;
}

.ui-datepicker span,
.ui-datepicker a {
display: flex;
justify-content: center;
}

.ui-datepicker select {
  width: 100%;
  padding: 6px;
  margin-bottom: 4px;
}

@media(max-width: 991px) {
  .text-text {
    flex-direction: column;
  }
}

.valuation-page-circle {
  color: var(--primary);
  background: var(--white);
  border-style: solid;
  border-color: var(--secondary);
  border-width: 8px;
  width: 130px;
  height: 130px;
  line-height: 117px;
  border-radius: 500px;
  font-size: 60px;
  display: inline-block;
}

.page-image-sidebar .valuation-box {
  border: none;
  margin-bottom: 20px;
  padding: 40px;
  background-color: var(--medium-grey);
  box-shadow: none;
  text-align: center;
}

.page-image-sidebar .valuation-box p{
  text-align: center;
}

.valuation-box h2 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 20px;
}
.valuation-button {
  background-color: var(--secondary);
  color: var(--white);
  margin-bottom: 25px;
  padding: 10px 30px;
  border-radius: var(--radius);
  font-size: 15px;
  font-weight: 500;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  box-shadow: 0px 0 0 var(--primary) inset;
  border: 0px;
  box-shadow: 0px 0 0 var(--primary) inset;
}
.valuation-button:hover {
  background-color: var(--secondary-dark);
  color: var(--white);
}
/*** Page Valuation Close**/

/* Legal Term Styles */
.legal-terms h2,.legal-terms h3,.legal-terms h4,.legal-terms h5,.legal-terms h6 {
  font-family: Arial;
}
.legal-terms h2 {
  font-size: 20px;
  line-height: 1.25;
  text-transform: capitalize;
  color: var(--titles);
  font-weight: 700;
}
.legal-terms h3 {
  font-size: 18px;
  line-height: 1.25;
  text-transform: capitalize;
  color: var(--titles);
  font-weight: 700;
}
.legal-terms p,
.legal-terms li,
.legal-terms th,
.legal-terms td,
.legal-terms tr {
  font-size: 16px;
  font-family: Arial;
}
.legal-terms ul {
  padding-left: 16px;
  padding-bottom: 20px;
  list-style-position: outside;
}
.legal-terms table ul {
  padding-left: 0;
}
.legal-terms .table tbody.text-left > tr > td {
  text-align: left;
}
.legal-terms li a,
.legal-terms p a {
  text-decoration: underline;
}
.legal-terms ol {
  counter-reset: item;
}
.legal-terms ol > li {
  counter-increment: item;
}
.legal-terms ol ol > li {
  display: block;
}
.legal-terms ol ol > li:before {
  content: counters(item, ".") ". ";
  margin-left: -20px;
}
/* End Legal Term Styles */

.page-image-sidebar td {
  border: 1px solid grey;
  padding: 6px;
 }

 .page-image-sidebar .gform-inpage p.gf_progressbar_title {
    font-size: 18px;
    color: var(--highlight);
    font-weight: 600;
    margin-bottom: 0px;
}

.page-image-sidebar .sidebar-img {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  height: 100%;
  width: 400px;
 }

 .page-image-sidebar .sidebar-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
 }

 .page-image-sidebar {
  position: relative;
  max-width: 1800px;
}

 .page-image-sidebar-content {
  max-width: 1540px;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
 }

 .page-image-sidebar h1, 
 .page-image-sidebar-content p {
  text-align: left;
  margin-left: 0;
 }


 .page-image-sidebar h1 {
  font-weight: 800;
 }

 .valuation-box-container {
  display: flex;
  gap: 40px;
  max-width: calc(1540px - 25%);
  margin-bottom: 80px;
 }
.page-image-side-content-subheading {
  margin-bottom:80px;
}
 .page-image-side-content-subheading p {
  max-width: calc(1540px - 25%);
  font-size: 22px;
 }

 @media (min-width: 1300px) {
  .page-image-sidebar-content {
   /* max-width: 780px; */
   margin-right: 440px;
   margin-left: auto;
  }
 
 }

 @media (max-width: 992px) {
  .valuation-box-container {
   flex-wrap: wrap;
   justify-content: center;
  }
  .page-image-sidebar .valuation-box {
    padding: 40px 14px;
  }
  .page-image-side-content-subheading p {
    font-size: 18px;
}
 
 }
 

 @media (max-width: 1300px) {
  .visible-lg {
    display: none!important;
  }
 
 }
 
 @media (max-width: 1200px) {
 .page-image-sidebar h1, 
 .page-image-sidebar-content p {
  text-align: center;
  margin-left: auto;
 }
}

 @media (min-width: 1650px) {
  .page-image-sidebar-content {
   /* max-width: 780px; */
   margin-right: unset;
   margin-left: unset;
   margin: auto;
  }
 }
 .rep-stats{
  padding: 20px;
  text-align: center;
}
.rep-stats-wrapper {
  font-size: 75px;
  color: var(--secondary);
}

/* New Styles For Image Text Module */
.content-image-text-container.fullwidth .content-text-left {
  display: flex;
  margin-left: auto;
}
.content-image-text-container .content-text {
  max-width: 750px;
}
.content-image-text-img {
    object-fit: cover;
}
@media(min-width:992px) {
  .content-image-right {
    order: 1;
  }  
}
@media(min-width:992px) and (max-width:1600px) {
  .content-text {
       padding: 0 30px;
  }
}
.page-template .content-text p,
.single-estateagents .content-text p {
  margin-left: 0;
}
/* End New Styles For Image Text Module */

/* Team Member Repeatable */
.team-member-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  gap: 30px;
}
.team-member-item {
  width: 100%;
  max-width: 347.5px;
}
/* End team Memember Repeatable */

p.form-privacy-statement,
p.form-privacy-statement a {
  margin-top: 20px;
  font-size: 14px;
  text-align: left;
}
:is(.single-post) .container-blog .single_content :is(h2,h3,h4,h5,h6) {
  margin-top: 45px;
  margin-bottom: 10px;
}
.single-post figure {
  margin-top: 25px;
  margin-bottom: 25px;
}
.valuation-box-container .valuation-box {
  flex: 1;
}

/* Art Multi Content Module Header section */
.art-module-multi-header {
  padding-left: 15px;
  padding-right: 15px;
}
.art-module-multi h1,
.art-module-multi h2 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.art-module-multi .art-module-multi-header h3 {
  color: white;
  margin: 0;
}
.art-module-multi-header p:last-child {
  margin-bottom: 0;
}
@media(min-width:992px) {
  .art-txt-col .art-module-multi-header {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
    max-width: 1540px;    
  }
  .art-txt-col .art-module-multi-header :is(h1, h2) {
    margin-bottom: 0;
    font-size: 36px;
  }
}
.art-txt-col .art-module-multi-header :is(h1, h2) {
  text-align: left;
  margin-left: 0;
  margin-top: 0;
  flex-basis: 60%;
}
.art-txt-col .art-module-multi-header p {
  text-align: left;
  margin-left: 0;
  margin-top: 0;
  flex-basis: 40%;
}
.art-txt-col .art-module-cta-btns.art-btn-group {
  margin-left: 0;
}
.art-module-multi-header-align-left .art-module-multi-header {
  width: 100%;
  max-width: 1540px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.art-module-multi-header-align-left .art-module-multi-header :is(h1, h2) {
  text-align: left;
  margin-left: 0;
  margin-top: 0;
}
.art-module-multi-header-align-left .art-module-multi-header p {
  text-align: left;
  margin-left: 0;
  margin-top: 0;
}
.art-module-multi-header-align-left .art-module-cta-btns.art-btn-group {
  margin-left: 0;
}
/* Art Multi Content Module with image slider over cards */
.art-module-multi--img-hover .art-module-multi-content {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.art-module-multi--img-hover .art-module-multi-content:before {
  content: '';
  position: absolute;
  top: 0; 
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
@media(min-width:992px) {
  .art-module-multi--img-hover .art-module-multi-content:hover:before {
    top: 0;
    background: rgba(0, 0, 0, 0.5);
  }
  .art-module-multi--img-hover .art-module-multi-content:before {
    position: absolute;
    top: 87%; 
    transition: .5s ease-in-out;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient( 0deg , rgb(0 0 0) 75%, rgb(0 0 0 / 0%) 100% );    
  }
}

.art-module-multi--img-hover .art-module-multi-content-txt {
  position: absolute;
  width: 100%;
  padding: 0 60px;
  top: 87%;
  transition: .5s ease;
  height: 100%;
}
@media(max-width:991px) {
  .art-module-multi--img-hover .art-module-multi-content .art-module-multi-content-txt {
    transform: translate(0, -50%);
    top: 50%;
    justify-content: center;
  }
  .art-module-multi--img-hover .art-module-multi-content .art-module-multi-content-img-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    background: transparent;
    border: none;
  }

}
.art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-txt {
  transform: translate(0, -50%);
  top: 50%;
  justify-content: center;
}
.art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-img-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background: transparent;
  border: none;
}
.art-module-multi--img-hover .art-module-multi-content-txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.art-module-multi--img-hover .art-module-multi-content-txt h2,
.art-module-multi--img-hover .art-module-multi-content-txt h3 {
  color: white;
  margin: 0;
}
.art-module-multi.art-module-multi--img-hover .art-module-multi-content-container .art-module-multi-content-txt h2 {
  font-size: 1.1em;
  margin-top: 0;
}
.art-module-multi--img-hover .art-module-multi-content-txt p {
  color: white;
  font-size: clamp(16px, 1em, 2vw);  
}
@media(min-width:992px) {
  .art-module-multi--img-hover .art-module-multi-content-txt p {
    opacity: 0;
    visibility: hidden;
    transition: 0.25s 0.4s;
  }
  .art-module-multi--img-hover .art-module-multi-content:hover .art-module-multi-content-txt p {
    opacity: 1;
    visibility: visible;
  }  
}
.art-module-multi-carousel .owl-prev,
.art-module-multi-carousel .owl-next {
  top: 25%;
}
.art-module-multi--img-hover .art-module-multi-carousel .owl-prev, 
.art-module-multi--img-hover .art-module-multi-carousel .owl-next {
  top: 45%;
}
/* Art Multi Content Module */
.art-module-multi {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.art-module-multi h2 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.art-module-multi div[class*="columns-"] .art-module-multi-content-txt h2 {
  text-align: inherit;
  margin-top: 20px;
}
.art-module-multi-content-img img {
  width: 100%;
  height: auto;
}
.art-module-multi-content-icon i {
  font-size: 100px;
  color: var(--highlight);
}

.art-module-multi-content.align-left .art-btn-group {
  margin-left: 0;
}
.art-module-multi-content-txt p {
  text-align: inherit;
}
.art-module-multi-content-container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1540px;
  margin: 20px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
}
@media(min-width:992px) {
  .art-module-multi.art-module-multi-title--right .art-module-multi-header-content {
    order: -1;
    flex-basis: 65%;
  } 
}
/* Art Multi Content Module Boxed */
.art-module-multi-content.art-module-multi-content-boxed {
  border: 2px solid var(--secondary);
  padding: 35px;
}
.art-module-multi div[class*="columns-"] .art-module-multi-content.art-module-multi-content-boxed :is(h2,h3) {
  margin-top: 0;
}
.art-module-multi-content.art-module-multi-content-boxed p:last-child {
  margin-bottom: 0;
}
/* Content Columns */
.art-columns {
  display: grid;
}
@media(min-width:768px) {   
  .art-columns-2,
  .art-columns-4 {
      grid-template-columns: repeat(2, 1fr);
  }
  .art-columns-5,
  .art-columns-6 {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width:992px) {
  .art-columns-3 {
      grid-template-columns: repeat(3, 1fr);
  }
}
@media(min-width:1200px) {
  .art-columns-5 {
    grid-template-columns: repeat(5, 1fr);
  }  
}
@media(min-width:1400px) {   
  .art-columns-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media(min-width:1600px) {   
  .art-columns-6 {
      grid-template-columns: repeat(6, 1fr);
  }
}

/* Overlay */
.art-overlay { 
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.art-overlay p { 
  color: white;
}

/* Service Cards */
.services-cards .art-module-multi-content {
  border: 2px solid var(--highlight);
  padding: 10px 30px 40px 30px;
  background-color: white;
  max-width: 364px;
}
.services-cards .art-module-multi-content p,
.services-cards .art-module-multi-content li {
  width: 100%;
  font-size: 18px;
}
.services-cards .art-module-multi-content ul {
  margin-bottom: 30px;
  padding-left: 18px;
}
.art-module-multi-content li {
  text-align: left;
}
.services-cards .art-module-multi-content h3 {
  color: #8f6639;
}
@media (min-width: 768px) {
  .services-cards .columns-4 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      align-items: stretch;
  }
}
@media (min-width: 1630px) {
  .services-cards .columns-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
  }
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) {
  background-color: #191919;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) h3 {
  color: #f5bf83;

}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) p,
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) li {
      color: white;
}
.services-cards .art-module-multi-content-container .art-module-multi-content .content-btn {
  max-width: 100%;;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn {
  color: #f5bf83;
}
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn:hover,
.services-cards .art-module-multi-content-container .art-module-multi-content:nth-child(2) .content-btn:focus {
  color: white;
}
.owl-carousel-footer-logos .owl-stage {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Helpers */
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center,
.align-centre {
    text-align: center;
}
.narrow-modern-calculators-wrapper input::placeholder {
  opacity: 0.3;
}
.faqs-splittable-content.faqs-splittable-content-align-left h2 {
  margin-top: 0;
  margin-left: 0;
  text-align: left;
}
.faqs-splittable-content.faqs-splittable-content-align-left p {
  margin-left: 0;
  text-align: left;
}
.faqs-split-list.faqs-split-list {
  margin-top: 0;
}
/* Blog Template Guide */
.post-template-single-guide article.blog-guide {
  max-width: 950px;
  margin: 0 auto;
}
.post-template-single-guide .pd-top {
  padding-top: 45px;
}
.post-template-single-guide .pd-bottom {
  padding-bottom: 45px;
}
.parallax {
  background-position-x: center !important;
}
/* Saved Search Popup */
#save_search_popup.fancybox-content {
  .fancybox-close-small {
      color: var(--btn-primary-txt-colour);
      background-color: var(--btn-primary-bg-colour);
  }
  .fancybox-close-small:is(:hover,:focus) {
      color: var(--btn-primary-txt-colour-hover);
      background-color: var(--btn-primary-bg-colour-hover);
  }
  h2 {
      text-align: left;
      text-transform: none;
      color: var(--secondary);
      margin-top: 0;
      margin-bottom: 0;
  }
  p:first-child {
      margin-top: 25px;
  }
  p {
      font-size: 17px;
      text-align: left;
      font-weight: normal;
  }
  p a {
      color: var(--secondary);
      text-decoration: underline;
  }
  p a:is(:hover,:focus) {
      text-decoration: none;
  }
  label {
      font-size: 17px;
      font-weight: normal;
  }
  .ph-forgot-password-link a {
      font-size: 15px;
  }
}

/* Saved Search Registration Form */
form[name='ph_applicant_registration_form'],
form[name='ph_account_details_form'],
form[name='ph_account_requirements_form'],
#save_search_popup {
  display: grid;
  gap: 10px;

  .control {
      display: flex;
      flex-direction: column;    
  }
  .control label + input {
      height: 40px;
      text-align: left;
      border: 1px solid #aaa;
      background-color: #fff;
      margin-top: 0;
  }
  select {
      max-width: fit-content;
      background: var(--medium-grey);
      padding: 10px;        
  }
  .control-department {
      flex-direction: row;
      flex-wrap: wrap;
  }
  .control-department > label:first-child {
      flex-basis: 100%;
  }
  .control-department label {
      margin-right: 10px;
      display: flex;
      place-items: center;
      gap: 6px;
      margin-bottom: 0;
  }
  input[type='submit'] {
      background-color: var(--btn-primary-bg-colour);
      color: var(--btn-primary-txt-colour);
      max-width: fit-content;
      border: none;
      padding: 12px 18px;
      height: 100%;
  }
  input[type='submit']:is(:hover,:focus) {
      background-color: var(--btn-secondary-bg-colour-hover);
      color: var(--btn-secondary-txt-colour-hover);
  }    
  .control.control-office_id {
      display: none;
  }
}
a#save_search_button,
#my-account-saved_searches .button {
  background-color: var(--btn-primary-bg-colour);
  color: var(--btn-primary-txt-colour);
  max-width: fit-content;
  border: none;
  padding: 12px 18px;
  height: 100%;
}
a#save_search_button:is(:hover,:focus),
#my-account-saved_searches .button:is(:hover,:focus) {
  background-color: var(--btn-secondary-bg-colour-hover);
  color: var(--btn-secondary-txt-colour-hover);
}
#my-account-saved_searches .button#remove_saved_search {
  background-color: var(--btn-primary-bg-colour-hover);
  color: var(--btn-primary-txt-colour-hover);
  cursor: pointer;
}
#my-account-saved_searches .button#remove_saved_search:is(:hover,:focus) {
  background-color: var(--btn-primary-bg-colour);
  color: var(--btn-primary-txt-colour);
}
.control-update_search_send_emails {
  margin-bottom: 25px;
}

/* PH Profile Page */
.propertyhive-my-account::before {
  content: none;
}
.propertyhive-my-account {
  display: flex;
  gap: 40px;
}
.propertyhive-my-account .my-account-navigation ul {
    list-style: none;
    padding: 40px;
    background: var(--medium-grey);
}
.propertyhive-my-account .my-account-navigation {
    width: fit-content;
}   
.propertyhive-my-account  .my-account-sections {
    flex: 1;
}
.propertyhive-my-account .my-account-navigation li {
    font-size: 17px;
}    
body.post-type-archive.post-type-archive-property form.property-search-form-inside {
  padding-bottom: 8px;
}
.shortlist-search-buttons > .button.propertyhive-save-search-button {
  display: none;
}

/* Profile Pages */
.saved-searches-container {
  max-width: 1540px;
  padding: 0 15px;
  margin: 0 auto;    
}
.saved-searches-inner-container {
  max-width: 1040px; 
}
.saved-searches-container p {
  margin-left: 0;
  text-align: left;
}
/* Art Module Partial - page section header */
.art-module-content p:last-child {
  margin-bottom: 0;
}
/* Art Module - Images Multi */
.art-module-header h2 {
  text-align: center;    
}
.art-module-images-multi-list .art-rep-image-multi-content ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 300px);
  justify-content: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.art-module-images-multi-list .art-rep-image-multi-content li {
  display: grid;
  place-items: center;
  margin: 0;
}
.art-module-images-multi-carousel .owl-item {
  display: flex;
  place-content: center;
  height: 180px;
}
.art-module-images-multi-carousel .owl-item img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.art-module-images-multi-carousel .fa-chevron-left,
.art-module-images-multi-carousel .fa-chevron-right {
  color: var(--secondary);
  background: none;
}
.art-module-images-multi-list img {
  width: 100%;
  height: auto;
}
.art-module-images-multi .swiper a { 
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/* Hero Image Text */
@media(max-width: 991px) {
  body {
      margin-top: 65px;
  }
  .hero-txt-img-container.pd-top {
      padding-top: 0;
  }    
}
.hero-text-img-content {
  max-width: 730px;
}
.hero-txt-img-container {
  background: var(--secondary);
}
.hero-txt-img-inner-container {
  max-width: 1540px;
  margin: 0 auto;
}
.hero-text-img-content {
  padding: 0 15px;
}
.hero-text-img-content h1 {
  margin-top: 0;
}
.hero-text-img-content h1,
.hero-text-img-content p {
  color: white;
  text-align: left;
  margin-left: 0;
}
.hero-txt-img-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media(min-width:992px) {
  .hero-text-img-content h1 {
      font-size: 48px;
  }
  .hero-txt-img-inner-container {
      display: flex;
      justify-content: space-between;
      align-items: center;                
  }
  .hero-text-img-content {
      order: -1;
  }
  .hero-txt-img-thumbnail {
      padding-right: 15px;
  }
  .hero-text-img-content .art-btn-group {
      margin-top: 65px;
  }
}
.hero-txt-img-inner-container .art-btn-group {
  margin-left: 0;
}
@media(min-width:992px) and (max-width:1235px) {
  .hero-txt-img-thumbnail img {
      min-height: 333px;
  }
}
.grid-property-list:before {
  display: none;
}
@media(min-width:992px) {
  .grid-property-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-self: start;
  }
}
@media(min-width:1320px) {
  .grid-property-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Property Slider */
.properties-for-sale .grid-property-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding-top: 40px;
}
@media(min-width:1200px) {
  .properties-for-sale .grid-property-list {
    justify-content: left;  
  }  
}
.properties-for-sale .grid-property-list::before,
.properties-for-sale .grid-property-list::after {
    display: none;
}
.properties-for-sale .grid-box-home {
  transform: none;
}
.properties-for-sale .grid-property-list > div {
  max-width: 483.333px;
}
.properties-for-sale {
  overflow: hidden !important;
}
/* Form Centered */
.page-form-centered {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 40px;
  padding-bottom: 80px;
  padding-left: 3px;
  padding-right: 3px; 
  background-color: var(--secondary);
}
@media(max-width:767px) {
  .page-form-centered {
    background-image: none !important;
  }
}
.art-form-centered-content {
  position: relative;
}
.art-form-centered-container.art-form-centered-container {
  background-color: white;
  margin: 0 auto;
}
.art-form-centered-content h1 {
  text-align: center;
  color: white;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 34px;
}
@media(min-width:992px) {
  .art-form-centered-content h1 {
      font-size: 54px;
    }
}
.art-form-centered-content p {
  text-align: center;
  color: white;
}
@media (min-width: 768px) {
  section.page-form-centered:before {
      content: '';
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 75%, rgb(0 0 0 / 56%) 100%);
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
  }
}
/* End Form Centered */

/* Homepage height fix */
section#home {
  max-height: 960px;
  height: 100vh;
  min-height: 600px;
  margin: 0 auto;
}
section#home video{
  width: 100%;
  height: 100%;  
  object-fit: cover;
}
#main-slide {
  height: 100%;
}
.ts-flex-slider .flexSlideshow {
  height: 100%;
}
/* Team members */
.team-modern-hero {
  height: 440px;
}
.team-container {
display: grid;
grid-template-columns: repeat(auto-fill, 347px);
gap: 30px;
align-items: stretch;
justify-content: center;
}

.team-read-bio-container {
display: flex;
align-items: center;
justify-content: center;
}

.team-read-bio {
  position: absolute;
  bottom: -100%;
  transition: 1s;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(225, 225, 225, 0.025) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media(max-width:991px) {
  .team-read-bio {
    bottom: 0 !important;
  }
}

.team-read-bio-span {
  color: white;
  padding: 9px;
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 12px;
  cursor: pointer;
  text-align: left;
  max-width: 32ch;  
}

.team-read-bio .art-btn-bio {
padding: 0;
background: #cecece40;
color: white;
transition: 0.2s;
font-weight: 600;
margin-bottom: 0;
border-radius: 100% !important;
height: 25px;
width: 25px;
position: unset;
top: unset;
margin-left: 2px;
margin-bottom: 18px;
}

.team-read-bio span {
position: unset;
display: unset;
float: unset;
}

.team-read-bio .fas.fa-info-circle {
font-size: 26px;
transform: translate(-2px, -2px);
}
.team-member {
display: none;
}
.team-member.active {
display: block;
}
.team-member-filter {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  gap: 10px;
  margin-bottom: 40px;
}
.team-member-filter button {
  all: unset;
  color: white;
  cursor: pointer;
}
.team-member-filter button:not(:last-child) {
  border-right: 1px solid;
  padding-right: 10px;
}

/* Team Member Module */
.team-member-module .team-read-bio-container {
  display: none;
}
.team-member-module .list-item:hover .team-read-bio-container {
  display: block;
}
.team-member-module .img-hexagon {
  overflow: hidden;
}
.team-member-module .team-read-bio-container {
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(225, 225, 225, 0.025) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  top: 100%;
  transition: 1s;
  overflow: hidden;
}
.team-member-module .team-read-bio-container a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  height: 100%;
  top: 0;
  align-items: flex-end;
  justify-content: center;
}
.team-member-module .list-item:hover .team-read-bio-container {
  display: block;
  top: 0;
}
.team-member-module i.fas.fa-info-circle {
  font-size: 26px;
  transform: none;
  font-weight: bold !important;
  position: relative;
  top: -2px;  
}
.team-member-module .img-hexagon span {
  display: inline-flex;
  place-items: center;
  gap: 8px;
}
@media (max-width: 991px) {
  .team-member-module .team-read-bio-container {
      top: 0 !important;
  }
}
.team-member-filter button:is(:hover, :focus) {
  color: var(--highlight);
}
.team-member-filter button:is(:hover, :focus) {
  border-right-color: white;
}
/* Individual Team Pages */
.single-team-member-page {
  margin: 0 auto 80px auto;
  padding: 0 15px;
  max-width: 1540px;
}
@media(min-width:992px) {
  .single-team-member-page {
      margin-top: 150px;
  }
}
@media(min-width:1240px) {
  .single-team-member-page.columns-7-4 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
}
.single-team-member-page.columns-7-4 > .col-7 {
  grid-column: 4/11;
  margin-left: 60px;
}
.single-team-member-page.columns-7-4 .col-4 {
  grid-column: 1/4;
}
/* .single-team-member-page .sticky {
position: sticky;
} */
.single-team-member-page .team-contact-form {
/* top: 120px; */
  align-self: flex-start;
  display: flex;
  margin-bottom: 25px;    
}
.single-team-member-title {
  margin-bottom: 0;
  margin-top: 0;
}
p.single-team-member-job-title {
  margin: 0;
  margin-bottom: 20px;
  color: var(--titles);
  font-weight: 500;
  font-size: 16px;
}
ul.single-team-member-contact-list {
  background: var(--secondary);
  padding: 20px 30px;
  width: fit-content;
  margin: 0;
}
ul.single-team-member-contact-list li {
  list-style: none;
  margin: 0;
  color: white;
}
ul.single-team-member-contact-list li a {
  color: white;
}
ul.single-team-member-contact-list li a:hover,
ul.single-team-member-contact-list li a:focus {
  color: var(--highlight);
  text-decoration: underline;
}
.single-team-member-figure {
  width: fit-content;
  background: var(--secondary);
  margin-bottom: 20px;
  box-shadow: 0px 0px 8px 1px rgb(0 0 0 / 25%);  
}
@media(min-width:768px) {
  .single-team-member-figure {
      float: left;
      margin-bottom: 0;
  }
}
.single-team-member-figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
span.single-team-member-qualification {
  font-size: 50%;
  font-style: italic;
}
ul.nav-icons {
  padding: 0;
}
textarea {
  field-sizing: content;
}
.grid-property-list--show-more .grid-property-list-item {
  opacity: 0; 
  transition: opacity 0.5s ease-in-out;
}
.grid-property-list--show-more .grid-property-list-item.show {
  opacity: 1;
}
.top-section-media-overlay {
  z-index: 1;
}
.header-two .sub-menu .nav-link {
  white-space: nowrap;
}
.single-estate-hero-1 .art-btn-group {
  margin-left: 0;
}
.single-estate-hero-1 .art-btn-group {
  margin-left: 0;
}
.page-info-agent {
  background: rgb(0 0 0 / 50%);
  padding: 40px;
  max-width: fit-content;
}
/* Logo */
.nav-logo {
  display: flex;
  place-items: center;
  padding: 0;
  margin: 0;
}
.nav-logo a {
  display: none;
}
/* Main Image */
.nav-logo .nav-logo-image {
  display: block;
} 
/* Mobile logos */
.nav-logo-image--with-mobile .nav-logo-image {
  display: none;
}
.nav-logo-image--with-mobile .nav-logo-image-mobile {
  display: block;
}
/* Mobile logo on scroll */
.top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image {
    display: none;
}
.top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image--fixed {
    display: block;
}
@media(max-width:991px) {
  .top-nav-scrolled .nav-logo-image--with-transparent.nav-logo-image--with-mobile .nav-logo-image--fixed {
    display: none;
  }
}
.top-nav-scrolled .nav-logo-image--with-mobile.nav-logo-image--with-mobile-transparent .nav-logo-image-mobile {
  display: none;
}
.top-nav-scrolled .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
  display: block;
}
.art-fixed-header .nav-logo.nav-logo-image--with-transparent .nav-logo-image {
  display: none;
}
.art-fixed-header .nav-logo.nav-logo-image--with-transparent .nav-logo-image--fixed {
  display: block;
}
@media(max-width:991px) {
  .art-fixed-header .nav-logo.nav-logo-image--with-transparent.nav-logo-image--with-mobile .nav-logo-image--fixed {
    display: none;
  }
}
/* Mobile logo fixed */
.art-fixed-header .nav-logo-image--with-mobile.nav-logo-image--with-mobile-transparent .nav-logo-image-mobile {
  display: none;
}
.art-fixed-header .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
  display: block;
}
/* Desktop logos */
@media(min-width:992px) {
  .nav-logo-image--with-mobile .nav-logo-image-mobile,
  .top-nav-scrolled .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
      display: none;
  }
  .nav-logo .nav-logo-image {
      display: block;
  }
  /* Desktop on scroll */
  .top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image {
      display: none;
  }
  .top-nav-scrolled .nav-logo-image--with-transparent .nav-logo-image--fixed {
      display: block;
  }
  /* Desktop logo fixed */
  .art-fixed-header .nav-logo-image--with-mobile-transparent .nav-logo-image-mobile--fixed {
      display: none;
  }
  .art-fixed-header .nav-logo-image--with-transparent .nav-logo-image {
      display: none;
  }
  .art-fixed-header .nav-logo-image--with-transparent .nav-logo-image--fixed {
      display: block;
  }  
}

/* PAGE MODULE: Content Image -- Boxed */
@media(min-width:992px) {
  .content-image-text--boxed .content-image-text-container {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
  }
  .content-image-text--boxed .content-image-text-container::before,
  .content-image-text--boxed .content-image-text-container::after {
      display: none;
  }
  .content-image-text--boxed .content-images {
      grid-column: 7 / 13;
      grid-row: 1;
      width: 100%;
  }
  .content-image-text--boxed .content-text {
      background: var(--medium-grey);
      padding: 90px 120px;
      grid-column: 1 / 8;
      max-width: 100%;
      grid-row: 1;
      width: 100%;
      z-index: 1;
  }
  .content-image-text--boxed.grey-background .content-text {
      background-color: white;
  }    
  .content-image-text--boxed .content-text h2 {
      margin-top: 0;
      margin-bottom: 25px;
  }
}

/* Hero Image Text Template */
.hero-txt-img-container::before {
  content: '';
  position: absolute;
  width: 100%;
  opacity: 0.1;
  background-blend-mode: overlay;
  background-color: #333;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  height: 100vh;
  top: 0;
}
.hero-txt-img-thumbnail {
  display: none;
}
@media(min-width: 992px) {
  .hero-txt-img-thumbnail {
      display: block;
  }
}
@media(max-width: 991px) {
  body {
      margin-top: 0;
  }
  .hero-txt-img-container.pd-top {
      padding-top: 0;
  }    
}
.hero-text-img-content {
  max-width: 730px;
}
.hero-txt-img-container {
  background: var(--secondary);
  height: 100%;
  min-height: 100vh;
  display: flex;
}
.hero-txt-img-inner-container {
  max-width: 1540px;
  margin: 0 auto;
  display: flex;
  place-items: center;    
}
.hero-text-img-content {
  padding: 30px 15px 0 15px;
}
.hero-text-img-content h1 {
  margin-top: 0;
}
.hero-text-img-content h1,
.hero-text-img-content p {
  color: white;
  text-align: left;
  margin-left: 0;
}
.hero-txt-img-thumbnail img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
@media(min-width:992px) {
  .hero-txt-img-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .hero-txt-img-inner-container {
      display: flex;
      justify-content: space-between;
      align-items: center;                
  }
  .hero-text-img-content {
      order: -1;
  }
  .hero-txt-img-thumbnail {
      padding-right: 15px;
  }
  .hero-text-img-content .art-btn-group {
      margin-top: 65px;
  }
  .hero-text-img-content {
    padding: 60px 80px 60px 15px;
  }    
}
.hero-txt-img-inner-container .art-btn-group {
  margin-left: 0;
}
@media(max-width:991px) {
  .hero-txt-img-inner-container picture::before {
    content: '';
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgb(0 0 0 / 70%) 105%);
  }
}
@media(min-width:992px) {
  .hero-txt-img-thumbnail img {
      min-height: 333px;
  }
}

/* REPEATABLE: Testimonial Split */
.split-testimonial__container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.split-testimonial__column1,
.split-testimonial__column2 {
  width: 100%;
}
.split-testimonial__column1 {
display: flex;
flex-direction: column;
  place-content: center;
padding: 15px;
}
.split-testimonial__column2 {
display: none;
}

.split-testimonial__img {
object-fit: cover;
width: 100%;
height: 100vh;
  max-height: 900px;
}
.split-testimonial__wrapper {
display: flex;
justify-content: center;
}
@media(min-width:992px) {
  .split-testimonial__container {
      flex-direction: row;
  }
  .split-testimonial__column1,
  .split-testimonial__column2 {
      /* width: 50%; */
      flex: 1;
      min-width: 0;
  }
  .split-testimonial__column2 {
      display: block;
  }
}
.split-testimonial__heading {
  text-align: center;
}
.split-testimonial__content blockquote {
  font-style: normal;
  padding: 0;
  border: 0;  
}
.split-testimonial__content.split-testimonial__content .art-btn-group {
  margin-left: auto;
}
.split-testimonial__pullquote {
  padding: 0;
  margin-top: 0;
}
figcaption.split-testimonial__name {
    font-size: 1.5rem;
}
figure.split-testimonial__figure {
    max-width: 750px;
    margin: 0 auto 20px auto;
}
img.split-testimonial__rating {
    width: max-content;
    height: auto;
    aspect-ratio: auto;
    margin-bottom: 20px;
}
/* Navbar */
.top-nav {
  max-width: 2560px;
}
.top-nav.top-nav-scrolled {
  box-shadow: 0 4px 4px -2px rgb(0 0 0 / 10%);
}

/* Isotope - Team member page */
.iso-team-members {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px 20px;
}
.iso-team-member {
  padding: 10px;
  width: 100%;
}
@media(min-width:768px) {
  .iso-team-member {
    width: calc(100% / 2);
  }
}
@media(min-width:992px) {
  .iso-team-member {
    width: calc(100% / 3);
  }
}
@media(min-width:1380px) {
  .iso-team-member {
    width: calc(100% / 4);
  }
}

/* Blog */
.blog-archive h1 {
  text-align: center;
}
.blog-archive .blog-category {
  text-align: center;
}
.blog-archive .blog-archive-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 468.3px));
  gap: 30px;
  align-items: stretch;
  justify-content: center;
}
/* .blog-archive .blog-archive-container .blog-image {
    height: auto;
    min-height: auto;
} */
.blog-archive .blog-archive-container h2 {
  font-size: 20px;
}
.blog-archive .blog-archive-container article {
    opacity: 0; 
    transform: translateY(30px); 
    transition: opacity 0.8s ease-out, transform 0.8s ease-out; 
}
.blog-archive .blog-archive-container article.in-view {
    opacity: 1;
    transform: translateY(0); 
}
/* Override bootstrap extra margin*/
body.modal-open,
.modal-open .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom {
  margin-right: 0;
}
/* Testimonials Two Template */
.page-template-page-testimonials-stars .page-template-page-testimonials-two h1 {
  text-align: center;
  margin-bottom: 100px;
  margin-top: 0;
}
.page-template-page-testimonials-stars .testimonial-two-5-stars {
  display: flex;
  place-content: center;
  margin-top: 25px;
  margin-bottom: 10px;
}
.single_property_content ul.arrow .single-property-double-features li:before {
  margin-left: -20px;
}
.office-card-img {
  width: 100%;
  height: auto;
}
/* Bottom footer */
.privacy-terms {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.bottom-footer-nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
}
.bottom-footer-nav-list-item {
  margin: 0;
}
ul .bottom-footer-nav-list-item:not(:last-child)::after {
  content: "|";
  margin-left: 8px;
  margin-right: 8px;
}
/* Property Archive Search */
.property-search__wrapper {
  flex-basis: 95%;
}
.property-search__controls {
  display: table;
  width: 100%;
}
.art-property-search {
  margin-top: 20px;
}
@media(min-width:992px) {  
  .property-search {
      display: flex;
  }  
  .art-property-search {
      margin-top: 0;
      max-width: 125px;
  }
}
.control-include {
  display: inline-flex !important;
  align-items: center;
}
.control-include label {
  display: inline !important;
  margin: 0;
  width: 125px;
}
.control-include input {
  height: auto !important;
  margin: 0;
  display: inline-flex;
  align-self: center;
  justify-content: flex-start;
  max-width: fit-content;
}
.contact-sidebar {
  display: flex;
  justify-content: center;      
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}
.contact-sidebar .agent_container {
  display: flex;
  align-items: center;
}
.contact-sidebar img {
  width: 100%;
  max-width: 150px;
  max-height: 150px;
}
.contact-sidebar :is(dd, dt),
.contact-sidebar dd a {
  color: white;
  font-weight: normal;
  font-size: 18px;
}
.contact-sidebar address {
  margin-bottom: 0;
}
/* Repeatable CTA Style 2 */
.rep-cta--style-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  min-height: 500px;
}
@media(min-width:992px) {
  .rep-cta--style-2 {
    flex-direction: row;
    padding-bottom: 0;
  }
}
.rep-cta--style-2 .rep-cta__image {
  flex: 1;
  background-position: center;
  background-size: cover;
  width: 100%;  
  height: 640px;
  min-height: 320px;
}
.rep-cta__image img {
  max-height: 640px;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}
.rep-cta__content-wrapper {
  z-index: 1;
}
@media(min-width:992px) {
  .rep-cta__content-wrapper {
    max-width: 1540px;
    width: 100%;
    padding: 0 15px;
    position: absolute;
  }
}
.rep-cta__content {
  margin-top: -140px;
  background: white;
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px;
  z-index: 1;
}
@media(min-width:992px) {
  .rep-cta--style-2 .rep-cta__content {
    width: max-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    place-content: center;
    text-align: center;
    background: white;
    height: fit-content;
    padding: 60px 15px;
  }
  .rep-cta--style-2 .rep-cta__content--left {
    margin-left: 0;
  }
  .rep-cta--style-2 .rep-cta__content--right {
    margin-right: 0;
  }  
}
.rep-cta__header h2 {
  text-align: center;
  margin-top: 0;
}
.rep-cta__text * {
  color: inherit;
}


/* Repeatable CTA Style 3 */
.rep-cta--style-3 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  min-height: 500px;
}
@media(min-width:992px) {
  .rep-cta--style-3 {
    flex-direction: row;
    padding-bottom: 0;
  }
}
.rep-cta--style-3 .rep-cta__image {
  flex: 1;
  background-position: center;
  background-size: cover;
  width: 100%;  
  height: 640px;
  min-height: 320px;
}
.rep-cta--style-3 .rep-cta__header h2 {
    text-align: inherit;
}
@media(min-width:992px) {
  .rep-cta--style-3 .rep-cta__content-wrapper {
    display: flex;
    gap: 40px;
  }  
  .rep-cta--style-3 .rep-cta__content {
    width: max-content;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    place-content: center;
    background: white;
    height: fit-content;
    padding: 60px;
  }
  .rep-cta--style-3 .rep-cta__content--left {
    margin-left: 0;
    order: -1;
  }
  .rep-cta--style-3 .rep-cta__content--right {
    margin-right: 0;
  }  
}



/* Calculators */
.narrow-modern-calculator h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
	.office-details-wrapper .art-btn.art-btn.agent-contact-btn {
		width: max-content;
		width: 100%;
		min-width: 300px;
		max-width: 100%;
	}
	.office-details-wrapper .art-btn-group {
		margin-left: 0;
	}
	.page-estate-title {
		font-size: 38px;
	}
}

.flag::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100px; 
  height: 100px;
  transform: rotate(90deg);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  background: var(--btn-secondary-bg-colour);
}
.flag::after {
  position: absolute;
  top: 20px;
  right: 16px;
  z-index: 4;
  transform: rotate(45deg); 
  color: var(--btn-secondary-txt-colour);
  font-size: 1rem;
}
.card-layout-2 .flag::before {
  top: -8px;
  right: -8px;
}
.card-layout-2 .flag::after {
  top: 16px;
  right: 2px;
}
@media(min-width:767px) {
  .card-layout-3 .flag::before {
    top: 0;
    left: 0;
    right: 0;
    transform: none;
  }
}
@media(min-width:767px) {
  .card-layout-3 .flag::after {
    top: 20px;
    left: 12px;
    right: unset;
    transform: rotate(-45deg); 
  }
}
.flag--new::after {
  content: 'New';
}
.flag--just-listed::after {
  content: 'Listed';
}
/* Property Card layout 2 */
.grid-view .card-layout-2 .grid-content-inner a[data-add-to-shortlist] span {
  display: none;
}
.grid-view .card-layout-2 .grid-content-inner a[data-add-to-shortlist] {
  position: absolute;
  top: -10px;
  right: -8px;
}
.grid-view .card-layout-2 .grid-content-inner a[data-add-to-shortlist] i.fa-heart {
  font-size: 22px;
}
.grid-view .card-layout-2 .hide-shortlist a[data-add-to-shortlist] {
  display: none;
}
.list-view .card-layout-2 .grid-content-inner a[data-add-to-shortlist] {
  display: none !important;
}
.fa-quote-left:before, 
.fa-quote-left-alt:before {
  font-weight: bold;
}

/* NEW STYLES */
/* Isotope - Team member page */
.iso-team-members {
  /* display: flex; */
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 10px 20px;
}
.iso-team-member {
  width: 100%;
}
@media(min-width:768px) {
  .iso-team-member {
    width: calc(100% / 2);
  }
}
@media(min-width:992px) {
  .iso-team-member {
    width: calc(100% / 3);
  }
}
@media(min-width:1380px) {
  .iso-team-member {
    width: calc(100% / 4);
  }
}
@media (min-width: 1620px) {
  .iso-team-member {
      width: calc(93% / 5);
  }
}

/* Basic Team member style */
.art-team__members {
  max-width: 1540px;
  margin: 0 auto;
}
.art-team__member-header {
  text-align: left;
}
.art-team__member-header :is(h3, p) {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: inherit;
}
.art-team__member-bio p {
  text-align: inherit;
}
.art-team__member-contact a {
  display: flex;
  gap: 8px;
  align-items: center;
}
.art-team__member-bio p {
  text-align: inherit;
}
.art-team__member-bio:has(> button) p:last-of-type {
  margin-bottom: 10px;
}
.art-team__member-bio button {
  background: none;
  border: none;
  color: var(--highlight);
  padding: 0;
  margin-bottom: 20px;
}

/* Team Module Style 1 (cards) */
.art-team--style_1.grey-background .art-team__members {
}
.art-team--style_1 .art-team__member {
  background-color: white;  
  /* height: 100%; */
  /* min-height: 1px; */
}
.art-team--style_1.grey-background .art-team__member-header {
  padding: 25px 20px 0 20px;
}
.art-team--style_1.grey-background .art-team__member-content {
  padding: 0 20px 25px;
}

/* Team member contact */
.art-team__member-contact--icons {
  display: flex;
  gap: 20px;
}

/* Slide over */
.art-team--style_1 .art-team__member-content--slide-over {
  display: none;
}
.art-team--style_1 .art-team__member:hover .art-team__member-content--slide-over {
  padding: 0 20px 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 25px;
  background: #bbd432;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pd-top .art-header > :is(h1, h2) {
  margin-top: 0;
}

/* New Styles */
.art-header {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}
.art-header-group h2:nth-child(2) {
  margin-top: 10px;
  margin-bottom: 10px;
}
.art-header-group h2:last-child,
.art-header-group span:last-child {
  display: block;
  margin-bottom: 20px;
}
.art-header h2 {
  text-align: inherit;
} 
.art-content p {
  text-align: inherit;
}
.swiper-wrapper {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
}
/* .swiper-autoheight .swiper-wrapper.swiper-wrapper {
  display: flex;
  align-items: stretch;
} */
 .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;
} 
.swiper-slide {
  flex: 0 0 auto;
  width: auto; /* Adjust this based on your layout */
}
.art-container {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* Modern styles for Swiper pagination */
.swiper.art-slider--modern {
  height: 550px;
  position: relative;
  overflow: hidden;
  margin-right: -230px;
  padding-right: 230px;
  padding-top: 40px;
  margin-top: -40px;
}
.art-slider--modern .swiper-button-next, 
.art-slider--modern .swiper-button-prev {
  position: relative !important;
  top: 0 !important;
  right: 0 !important;
  height: auto;
  margin: 0;
}
.art-slider--modern-navigation {
  height: 40px;
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 25px 0 15px;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 0 20px;
  margin-top: -40px;
  position: absolute;
  width: 100%;
}
.art-slider--modern .swiper-button-next:after, 
.art-slider--modern .swiper-button-prev:after {
  font-size: 25px;
}
.art-slider--modern .art-rep-areas-we-cover-modern__item {
  position: relative;
  height: 100%;
}
.art-team--slider .swiper,
.art-team--slider-fullwidth .swiper {
    margin-bottom: 25px;
}
/* Repeatable - Areas We Cover */
.art-rep-areas-we-cover-modern__item {
  position: relative;
  overflow: hidden;
}

/* Title link styling */
.art-rep-areas-we-cover-modern__item > a {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  text-decoration: none;
  font-size: 16px;
}

/* Overlay styling */
.areas-modern-overlay {
  position: absolute;
  top: calc(100% - 65px);
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(41, 48, 62, 0) 100%);  
  color: #fff;
  transition: top 1s ease;
  z-index: 1;  
}
.art-rep-areas-we-cover-modern__item:hover .areas-modern-overlay {
  top: 0;
  text-align: left;
  color: white;
}
.art-rep-areas-we-cover-modern__item:after {
  content: '';
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(41, 48, 62, 0) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* Overlay content styling */
.areas-modern-overlay h3 {
  margin: 0;
  font-size: 24px;
  text-align: left;
  color: white;
  padding: 15px;
}

.areas-modern-overlay .art-btn {
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  max-width: fit-content;
  margin: 0 15px;
}

/* Overlay content */
.areas-modern-content {
  position: absolute;
  bottom: 75%; 
  width: 100%;
  color: white;
  transition: all 1s ease;
}
.art-rep-areas-we-cover-modern__item:hover .areas-modern-content {
  bottom: 45%;
}
.art-rep-areas-we-cover__item {
  display: flex;
  flex-direction: column;
  max-width: max-content;
  overflow: hidden;
  margin: 0;
  position: relative;
  list-style: none;
}
.art-rep-areas-we-cover__item li {
  margin: 0;
}
.art-rep-areas-we-cover__item a {
  color: white;
  font-size: 1.375rem;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: end;
  align-items: end;
  padding: 40px;
  background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgb(255 255 255 / 0%) 40%);  
}
.art-rep-areas-we-cover__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.art-rep-areas-we-cover__item:hover img {
  transform: scale(1.1);
}



/* Helpers */
/* Small screens */
@media(max-width: 991px) {
  .sm-txt-l {
    text-align: left;
  }
  .sm-txt-c {
    text-align: center;
  }
  .sm-txt-r {
    text-align: right;
  }
}
/* Medium screens */
@media(min-width: 992px) {
  .md-txt-l {
      text-align: left;
  }
  .md-txt-c {
      text-align: center;
  }
  .md-txt-r {
      text-align: right;
  }
  .art-txt-col .art-header {
    text-align: left;
    margin-left: 0;
  }  
  .art-txt-col .art-header h2,
  .art-txt-col .art-header p {
      margin-left: 0;
  }
  .art-txt-col .art-header p:last-child {
    margin-bottom: 0;
  }
}
video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
@media(max-width:991px) {
  .property-sidebar {
    margin-top: 0 !important;    
  }
}

.blog-container {
  background: white;
}
.blog-content {
  background-color: white;
  text-align: left;
}
.art-blog-module .blog-content h3 {
  text-align: left;
  margin-left: 0;
}
.art-blog-module--slider-fullwidth.grey-background .blog-content {
  padding: 20px 15px;
}
.art-property-slider .department-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 25px;
}
@media(min-width:992px) {
  .art-property-slider .department-filters {
    justify-content: flex-end;
  }    
}
.art-property-slider .department-filters button {
  background: transparent;
  border: 2px solid var(--btn-primary-border-colour);
  padding: 12px 16px;
  color: var(--btn-primary-border-colour);
  flex: 1;
  max-width: 174px;    
}
.art-property-slider .department-filters button.active {
  background: var(--btn-primary-bg-colour);
  border-color: var(--btn-primary-border-colour);
  color: var(--btn-primary-txt-colour);    
}
.art-property-slider .department-filters button:is(:hover, :focus) {
  background: var(--btn-primary-bg-colour);
  border-color: var(--btn-primary-border-colour);
  color: var(--btn-primary-txt-colour);
}
.art-property-slider .departments {
  margin-bottom: 25px;
}

.art-property-slider .art-container {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Style 1 */
.art-property-slider--style-1 > .art-container:first-child {
  display: grid;
  column-gap: 20px;
}
@media(min-width:992px) {
  .art-property-slider--style-1 > .art-container:first-child {
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
  }
}
.art-property-slider--style-1 .art-header :is(h1, h2) {
  text-align: left;
}
.art-property-slider--style-1 .art-content {
  text-align: left;
}
@media(min-width:992px) {
  .art-property-slider--style-1 .art-header {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }
  .art-property-slider__quick-links {
    grid-row: 1 / 2;
    justify-self: end;
  }  
  .art-property-slider--style-1 .department-filters {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
}
/* Style 2 */
.art-property-slider--style-1.tabs .department-filters {
  gap: 0;
  margin-left: 10px;
  border-bottom: 1px solid  var(--theme-colour);
}
.art-property-slider--style-1.tabs .department-filters button {
  color: var(--theme-colour);
  border: 1px solid transparent;
  border-bottom-color: var(--theme-colour);
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: -1px;
  max-width: 100%;
}
.art-property-slider--style-1.tabs .department-filters button:is(:hover, :focus) {
  color: white;
  background: var(--theme-colour);;
}
.art-property-slider--style-1.tabs .department-filters button.active {
  color: var(--theme-colour);
  background: none;
  border: 1px solid var(--theme-colour);
  border-bottom-color: white;
}
.department-section,
.department-section .swiper {
  opacity: 0;
  height: 0;
}  
.department-section.show,
.department-section.show .swiper {
  transition: opacity 1.75s ease;
  opacity: 1;
  height: auto;
}
/* Quick Links */
.art-property-slider__quick-links ul {
  padding: 0;
  display: flex;
  list-style: none;
  gap: 1rem;
  margin: 0 auto;
  max-width: 750px;
}
.art-property-slider__quick-links p {
  margin-bottom: 0;
}
/* Fullwidth */
.art-property-slider--fullwidth .grid-content-home {
  padding: 20px 15px;
  background-color: var(--medium-grey);
}
.grey-background.art-property-slider--fullwidth .grid-content-home {
  background-color: white;
}
@media(min-width: 620px) {
  .art-blog-module--grid .art-blog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
  }
}
@media(min-width: 1020px) {
  .art-blog-module--grid .art-blog-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* Homepage Hero*/
.art-homepage-hero {
  text-align: left;
  position: relative;
  height: 100vh;
  max-height: 960px;
  display: flex;
  align-items: center;
}
.art-homepage-hero img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.art-homepage-hero-img:after,
.art-homepage-slider .swiper-slide picture:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
}
.art-homepage-hero .art-container {
  z-index: 1;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.art-homepage-hero h1 {
  text-align: inherit;
  color: inherit;
}
.art-homepage-hero h2 {
  text-align: inherit;
  color: inherit;
}
.art-homepage-hero p {
  text-align: inherit;
  margin-bottom: 10px;
}
/* Homepage slider */
.art-homepage-slider .swiper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.art-homepage-slider .swiper-slide {
  position: relative;
}
.art-homepage-slider .swiper-slide img {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}
/* Homepage video */
.art-homepage-video {
  position: absolute;
}
.art-homepage-video video {
  object-fit: cover;
  object-position: center;
}
.down-arrow {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: white;
  opacity: 0;
  cursor: pointer;
  animation: fadeIn 2s ease-in-out forwards, pulsate 1.5s infinite;
}
.down-arrow svg:is(:hover, :focus) {
  color: var(--highlight);
}

.down-arrow svg {
  width: 2rem;
  height: 2rem;
}

@keyframes fadeIn {
  to {
      opacity: 1;
  }
}

@keyframes pulsate {
  0%, 100% {
      transform: translateX(-50%) scale(1);
  }
  50% {
      transform: translateX(-50%) scale(1.1);
  }
}
/* Helpers */
.art-txt-l {
  text-align: left;
}
.art-txt-l :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
  margin-left: 0;  
}
.art-txt-c {
  text-align: center;
}
.art-txt-c :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
  margin-left: auto;
  margin-right: auto;
}
.art-txt-r {
  text-align: right;
}
.art-txt-r :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
  margin-right: 0;  
}
@media(min-width:768px) {
  .art-txt-t-l {
    text-align: left;
  }
  .art-txt-t-l :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-left: 0;
  }
  .art-txt-t-c {
    text-align: center;
  }
  .art-txt-t-c :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-left: auto;
    margin-right: auto;
  }
  .art-txt-t-r {
    text-align: right;
  }
  .art-txt-t-r :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-right: 0;
  }     
}
@media(min-width:992px) {
  .art-txt-d-l {
    text-align: left;
  }
  .art-txt-d-l :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-left: 0;    
  }
  .art-txt-d-c {
    text-align: center;
  }
  .art-txt-d-c :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-left: auto;
    margin-right: auto;
  }
  .art-txt-d-r {
    text-align: right;
  }
  .art-txt-d-r :is(h1, h2, h3, h4, h5, h6, p, .art-btn-group, .art-header, .art-custom-property-search) {
    margin-right: 0;
  }  
}
body.art-fixed-width section.page-content {
  max-width: 790px;
  margin: 0 auto;
}
nav.top-navbar-container {
  opacity: 1;
  max-height: 120px;
  transition: 0.4s ease-in-out;
}
.top-nav-scrolled nav.top-navbar-container {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition: 0.4s ease-in-out;
}
.top-nav { 
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
}
.top-navbar-inner-container {
  max-width: 1540px;
  margin: 0 auto;
  padding: 0 15px;
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
nav.top-navbar-container {
  opacity: 1;
  max-height: 120px;
  transition: 0.4s ease-in-out;
}
.top-nav-scrolled nav.top-navbar-container {
  overflow: hidden;
  opacity: 0;
  max-height: 0;
  transition: 0.4s ease-in-out;
}
.top-navbar-inner-container p, .top-navbar-inner-container a {
  color: var(--white);
  margin: 0;
}
.top-navbar-inner-container p {
  font-size: 1rem;
}
@media(max-width:991px) {
  .top-navbar-inner-container,
  .header-centered div:is(.nav-menu-left, .nav-menu-right-links) {
    display: none;
  }
}
@media(max-width:767px) {
  .header-centered .nav-buttons {
    display: none;
  }
}
.header-centered {
  padding: 0 15px;
}
nav.footer-nav {
  display: flex;
  align-items: center;
}
.txt-white h2 {
  color: white !important;
}
.txt-white p {
  color: white !important;
}
@media(max-width:767px) {
	.material-info-utilities.material-info-utilities .accordion-content {
		display: block;
	}
	.material-info.material-info dl {
		display: flex;
		flex-direction: column;
		row-gap: 6px;
	}
}
/* Property Search */ 
.art-property-search-module__container {
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .art-property-search-module__container {
      flex-direction: column;
      align-items: flex-start;
  }
}
.art-property-search-module__btn-group--residential {
  gap: 6px;
  display: flex;
}
.art-property-search-module .art-btn-group {
  display: flex;
  width: 100%;
  gap: 20px;
  flex: 1;
}
.art-property-search-module__departments {
  display: flex;
  gap: 12px;
}
.art-property-search-module h3.art-property-search-module__department {
  margin: 0;
}
form.art-property-search-module__form {
  max-width: 870px;
  margin: 0 auto;
}
.art-property-search-module__input {
  margin: 20px 0px;
  padding: 12px 8px;
  width: 100%;
  max-width: 100%;
  border: none;
  height: 60px;
}
.art-property-search-module__input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex: 2;
  width: 100%;
}

.art-property-search-module__input {
  padding-left: 40px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  height: 100%;
}

.art-property-search-module__input-icon.fa-search {
  position: absolute;
  left: 10px;
  color: var(--highlight);
  font-size: 1rem;
}
.art-property-search-module .art-btn-group .art-btn:not(:only-child) {
  min-width: auto;
} 
/* Content Cards */
.art-content-cards--slider .swiper-container {
  width: 100%;
  overflow: hidden;
}

.art-content-cards--slider .swiper-wrapper {
  display: flex;
  margin-bottom: 0;
}

.art-content-cards--slider .swiper-slide {
  background: var(--medium-grey);
  text-align: left;
  height: auto;    
}
.art-content-cards--slider .step__content {
  padding: 25px;   
}
.art-content-cards--slider .step__img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
}

.art-content-cards--slider .swiper {
  padding: 0 15px;
}
@media(min-width:1540px) {
  .art-content-cards--slider .swiper {
      margin-left: calc((100vw - 1540px) / 2); 
      padding-left: 0;
    }
}    
@media(min-width:2560px) {
  .art-content-cards--slider .swiper {
        margin-left: calc((2560px - 1540px) / 2); 
    }
}
.art-offscreen-scroll-container {
    overflow: hidden;
    position: relative;
    top: -44px;
}
.art-swiper-nav-container {
  position: relative;
  display: flex;
  gap: 40px;
  max-width: 1540px;
  justify-content: end;
  padding: 0 30px 0 0;
  margin: 0 auto 20px 0;
} 
.art-swiper-nav-container > div {
  margin-top: auto;
  position: relative;
}     

.art-content-cards-module.grey-background .swiper-slide {
  background: white;
}
/* Accordion */
.art-accordion-module .art-container:nth-child(2) {
  display: flex;
  gap: 40px;
  flex-direction: column;
}     
@media(min-width:992px) {
  .art-accordion-module .art-container:nth-child(2) {
      flex-direction: row;
      align-items: flex-start;
  }    
}
.art-accordion-img img {
  width: 100%;
  height: auto;
  max-height: max-content;
  max-width: max-content;
}
.art-accordion {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  flex: 1;
}
.art-accordion h3 {
  margin: 0;
  padding: 0;
}
.grey-background .art-accordion > * + * {
    border-color: var(--medium-grey);
}
.art-accordion-trigger {
  background: none;
  color: var(--text);
  display: block;
  font-size: 1rem;
  font-weight: normal;
  margin: 0;
  padding: 1em 3.5em 1em 1.5rem ;
  position: relative;
  text-align: left;
  width: 100%;
}
.art-accordion-trigger:focus,
.art-accordion-trigger:hover {
  background: var(--medium-grey);
}
.art-accordion button {
  border-style: none;
}
.art-accordion button::-moz-focus-inner {
  border: 0;
}
.art-accordion-title {
  color: var(--theme-colour);
}
.art-accordion-icon {
  border: solid currentcolor;
  border-width: 0 2px 2px 0;
  height: 1rem;
  pointer-events: none;
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-60%) rotate(45deg);
  width: 1rem;
}
.art-accordion-trigger:focus .art-accordion-icon,
.art-accordion-trigger:hover .art-accordion-icon {
  border-color: var(--highlight);
}
.art-accordion-trigger[aria-expanded="true"] .art-accordion-icon {
  transform: translateY(-50%) rotate(-135deg);
}

/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.art-accordion-panel[hidden] {
  display: none;
}
.art-container > .art-accordion:first-child { 
  max-width: 1000px;
  margin: 0 auto;
}
.art-accordion .art-accordion-panel :is(p, li) {
  font-size: 1rem;
  margin-left: 0;
  text-align: left;
}
.art-accordion > div {
  background: var(--medium-grey);
}
.grey-background .art-accordion > div {
    background: white;
}
.art-accordion-panel > div {
  padding: 1.7em;
}
.art-accordion-panel > div *:last-child {
  margin-bottom: 0;
}
/* Smooth open and close animation for accordion panels */
.art-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0; /* Ensure padding collapses smoothly */
}

.art-accordion-trigger[aria-expanded="true"] + .art-accordion-panel {
  max-height: 500px; /* Set a maximum height large enough to fit the content */
  padding: 1em; /* Restore padding when expanded */
}
@media(min-width:992px) {
  .art-accordion-module.art-image-right .art-accordion-img {
    order: 1;
    
  }
}
/* Accordion Style 2 */
.art-accordion-module--style-2 .art-accordion-img {
  margin-bottom: 40px;
}
@media(min-width:992px) {
  .art-accordion-module--style-2 .art-container > div {
    flex-basis: 40%;
  }
  .art-accordion-module--style-2 .art-accordion-img {
    margin-bottom: 0;
  }
  .art-accordion-module--style-2 .art-container:first-child {
    display: flex;
    gap: 40px;
  }
}
.art-accordion-module.art-accordion-module--style-2 .art-header {
  margin: 0;
  background-color: transparent;
}
.art-accordion-module.grey-background .art-accordion-trigger:focus, 
.art-accordion-module.grey-background .art-accordion-trigger:hover {
    background: white;
}

/* FAQS */
.faqs-standard-list, .faqs-split-list {
  max-width: 750px;
  margin: auto;
}
.faqs-splittable .ac {
  max-width: 970px;
  margin: auto;
  color: white;
  border: none;
  border-bottom: 1px solid rgb(201 201 201);
  background-color: unset;
}
.faqs-splittable .ac .ac-trigger {
  border: none;
  font: unset;
  font-weight: 500;
  text-transform: capitalize;
  letter-spacing: 2px;
  padding-left: 0;
  color: var(--titles);
  font-size: 18px;
  padding: 22px 30px 22px 0px;
}
.faqs-splittable .ac .ac-outer .ac-panel .ac-text, 
.faqs-splittable .ac-panel p {
  text-align: center;
  font-size: 18px;
  color: var(--text);
}
.faqs-splittable .ac-main-text {
  padding: 20px 0px;
}
.faqs-splittable .ac-main-text p,
.faqs-splittable .ac-main-text li {
  text-align: left;
  margin-bottom: 8px;
  font-size: 0.9em;
}
.faqs-split-list {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 1200px) {
  .faqs-split-true {
    display: none;
  }
  .faqs-split-container {
    display: flex;
  }
}

@media only screen and (max-width: 1199px) {
  .faqs-split-list {
    display: none;
  }
  .faqs-split-list.independent-one, .faqs-split-list.independent-two {
    display: block;
    width: 100%;
    float: unset;
  }
}
.page-template-page-default .featured-image {
    position: relative;
}
.page-template-page-default .featured-image img {
  position: absolute;
}

@media (min-width: 992px) {
    .rep-cta-img-txt-module {
        padding-bottom: 0;
    }
}
/* Style 1 */
.rep-cta-img-txt-module--s1 {
    position: relative;
}
@media (min-width: 1595px) {
    .rep-cta-img-txt-module--s1 {
        margin-right: 40px;
    }
}
@media (min-width: 992px) and (max-width: 1349px) {
    .rep-cta-img-txt-module--s1 {
        display: flex;
    }
}
@media (min-width: 1350px) {
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__content-container {
        background-color: white;
        padding: 25px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: 4px 3px 6px #02020242;
        max-width: 860px;
    }
}
.rep-cta-img-txt-module--s1 .rep-cta-img-txt__content-container {
    background-color: var(--medium-grey);
}
.rep-cta-img-txt-module--s1 .rep-cta-img-txt__content {
    padding: 20px 15px;
    background-color: var(--medium-grey);
}
@media (min-width: 992px) {
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__content {
        padding: 60px;
    }
}
@media (min-width: 1350px) {
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__content-container {
        background-color: white;
    }
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__content {
        padding: 100px;
    }
}
.rep-cta-img-txt-module--s1 h2 {
    margin-top: 0;
}
.rep-cta-img-txt-module--s1 p {
    margin-left: 0;
    text-align: left;
}
.rep-cta-img-txt-module--s1 .rep-cta-img-txt__btn-group {
    margin-left: 0;
}
.rep-cta-img-txt-module--s1 .rep-cta-img-txt__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 1350px) {
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__image img:last-child {
        display: block;
        width: 100%;
        height: auto;
    }
    .rep-cta-img-txt-module--s1 .rep-cta-img-txt__image {
        margin-right: 120px;
    }
}
.rep-cta-img-txt-module--s1 .rep-cta-img-txt__image img {
    max-width: 1666px;
}
/* Style 2 */    
.rep-cta-img-txt-module--s2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
@media (min-width: 992px) {
    .rep-cta-img-txt-module--s2 {
        flex-direction: row;
    }
}
.rep-cta-img-txt-module--s2 .rep-cta-img-txt__image,
.rep-cta-img-txt__content-container {
    flex: 1;
}
.rep-cta-img-txt-module--s2 .rep-cta-img-txt__image img {
    width: 100%;
    object-fit: cover;
}
.rep-cta-img-txt-module--s2 .rep-cta-img-txt__content {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 992px) {
    .rep-cta-img-txt-module--s2 {
        padding-left: 0;
    }
}        
.rep-cta-img-txt-module--s2 h2 {
    text-align: left;
    margin-top: 0;
}
.rep-cta-img-txt-module--s2 p {
    text-align: left;
    margin-left: 0;
}
.rep-cta-img-txt__btn-group {
    margin-left: 0;
}
/* Style 3 */    
.rep-cta-img-txt-module--s3 {
    position: relative;
    min-height: 700px;
    display: flex;
    align-items: center;        
}    
.rep-cta-img-txt-module--s3 .rep-cta-img-txt__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;        
}
.rep-cta-img-txt-module--s3 .rep-cta-img-txt__content-container {
    position: relative;
    max-width: 1540px;
    margin: 0 auto;        
}
.rep-cta-img-txt-module--s3 .rep-cta-img-txt__content {
    background: white;
    padding: 40px;
    width: fit-content;
    text-align: left;
    margin-left: 15px;        
}
.rep-cta-img-txt-module--s3 .rep-cta-img-txt__content p {
    text-align: left;
}
.footer-logos .swiper-wrapper {
	margin-bottom: 0;
}    
.art-btn-group.art-block-form-buttons {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.rep-download.rep-download .gf_progressbar_wrapper {
  border: none;
}
.three-columns .art-btn-group {
  margin-left: 0;
}
/* Custom Property Search */
.art-custom-property-search {
	max-width: 700px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.ph-search-tabs {
	display: flex;
	justify-content: center;
	gap: 10px;
}
.ph-tab {
	background: white;
	border: unset;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 1rem;
	border-radius: var(--br) var(--br) 0 0;
	width: 100%;
}
.ph-tab.active {
    color: var(--btn-primary-txt-colour);
    background-color: var(--btn-primary-bg-colour);
    border-color: var(--btn-primary-border-colour);
}
.ph-search-form {
	display: flex;
  gap: 10px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.18) 0px 10px 10px -5px;
	padding: 10px;
	background: #ffffff;
}
.art-custom-property-search .ph-search-form:last-child {
	border-radius: 0 0 var(--br) var(--br);
}
.ph-search-input {
	flex: 1;
	padding: 12px;
	border: none;
	font-size: 16px;
	border: 1px solid var(--medium-grey);
  border-radius: var(--br);
	background: var(--medium-grey);
}
.ph-search-input:focus {
	outline: none;
}
.art-btn.art-btn.ph-search-button {
	border: 1px solid transparent;
	padding: 0 20px;
	cursor: pointer;
	font-size: 1rem;
  min-width: fit-content;
  width: fit-content; 
  border-radius: var(--br);
}
.ph-search-button i {
	margin-left: 8px;
}
.ph-search-cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	text-align: left;
	background: white;
	border-radius: 0 0 var(--br) var(--br);
	padding: 10px;
  padding-top: 0;
}
.ph-search-cta p {
	flex: 1;
	margin: 0;
	font-size: 1rem;
	color: var(--text);
	text-shadow: unset;
  padding-left: 12px;
}
.art-btn.art-btn.ph-search-cta-btn {
	padding: 12px 20px;
  min-width: fit-content;
  width: fit-content;  
  border-radius: var(--br);
}
.art-btn.art-btn.ph-search-cta-btn:is(:hover, :focus) {
  color: var(--btn-primary-txt-colour-hover);
  background-color: var(--btn-primary-bg-colour-hover);
  border-color: var(--btn-primary-border-colour-hover);  
}

@media (max-width: 600px) {
	.ph-search-cta {
		flex-direction: column;
		text-align: center;
	}
	.ph-search-cta p {
		margin-bottom: 10px;
	}
}
.art-cookie-bottom-left,
.art-cookie-bottom-right,
.art-cookie-bottom {
  visibility: visible;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  display: flex;
  top: auto;
  z-index: 98;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.art-cookie-bottom-left.cookie-hide,
.art-cookie-bottom-right.cookie-hide,
.art-cookie-bottom.cookie-hide {
  opacity: 0;
  transform: translateY(100%);
}
@media(min-width:992px) {
  .art-cookie-bottom-left,
  .art-cookie-bottom-right {
    max-width: 200px;
  }
}
.art-cookie-bottom-left .art-cookie-inner,
.art-cookie-bottom-right .art-cookie-inner {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 10px;  
}
.art-cookie-bottom-left p,
.art-cookie-bottom-right p {
    line-height: 1.3rem;
    margin: 0;  
}
.art-cookie-bottom-left .art-cookie-inner .art-btn.art-cookie-button,
.art-cookie-bottom-right .art-cookie-inner .art-btn.art-cookie-button {
    width: 100%;
    text-align: center;
    box-sizing: border-box;  
}
.art-cookie-bottom-right {
  left: auto;

}
a.art-btn.art-btn-link,
button.art-btn.art-btn-link {
  color: var(--highlight);
  background: transparent;
  padding: 0;
  text-align: left;
  text-transform: none;
  width: auto;
  min-width: 100%;
  border: none;
}
a.art-btn.art-btn-link:is(:hover, :focus),
button.art-btn.art-btn-link:is(:hover, :focus) {
  color: var(--highlight);
  background: transparent;
  text-decoration: underline;
  box-shadow: none;
  transform: none;  
}
.art-btn.art-btn:hover::before,
.art-btn.art-btn:focus::before,
.art-btn.art-btn:hover::after,
.art-btn.art-btn:focus::after {
  content: none;
}
.art-services-item {
    position: relative;
    overflow: hidden;
}
.art-services-wrapper {
    position: relative;
    height: 100%;
}
.art-services-item h3 {
    position: absolute;
    bottom: 0;
    color: white;
    z-index: 1;
    margin: 0;
}
.art-services-item--fade div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    background: linear-gradient(0deg, rgb(0 0 0 / 40%) 10%, rgb(255 255 255 / 0%) 25%);        
}
.art-services-item--fade a::after {
    content: '';
    background-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: background-color 1s; 
}

.art-services-item--fade:hover a::after {
    background-color: rgba(0, 0, 0, 0.4); 
}    
.art-services-items .art-services-item div h3 {
    margin: 0;
    padding: 30px;     
    z-index: 1;   
}
.art-services--grid a {
    display: block;
    height: 100%;
}
.art-services-item h3 {
    color: white;
}
.art-services-img {
    display: block;
    width: 100%;
    height: auto;
}
@media(min-width:992px) {
    .art-services--flex {
      display: flex;
      gap: 20px;        
    }
    .art-services--flex > :where(.art-services-item) {
        flex: 1 1 50%;
    }
    .art-services--grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        align-self: stretch;
    }
    .art-services--grid > :where(.art-services-item) img {
        width: 100%;
        height: 100%;
        max-height: 450px;
        object-fit: cover;            
    }
}
@media(min-width:1250px) {
    .art-services--flex > :where(.art-services-item) {
        flex: 1 1 25%;
    }        
}   

/* Slideup effect */
.art-services-img {
    transition: transform 0.8s ease;
    will-change: transform;
}
.art-services-item--slideup:hover img {
    transform: scale(1.1);
}        
.art-services-item--slideup .overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    transition: bottom 0.4s ease;
    z-index: 1;
}

/* Hover effect */
.art-services-item--slideup:hover .overlay {
    bottom: 0;
} 
.current-menu-item .nav-link {
  color: var(--highlight);
}
.top-nav-scrolled .current-menu-item .nav-link {
    color: var(--highlight);
}
.art-footer-logos--slider.swiper .swiper-button-prev,
.art-footer-logos--slider.swiper .swiper-button-next {
  display: none;
}
.art-content-cards--slider .swiper-slide.blank-slide {
    visibility: hidden;
    pointer-events: none;
}
@media(max-width:991px) {
  .art-gallery-counter {
    display: none;
  }
  .art-single-property-gallery .swiper-button-next,
  .art-single-property-gallery .swiper-button-prev {
    display: none;
  }
}
@media(max-width:991px) {
  div#input_21_6 {
    display: flex;    
    flex-direction: column;
    width: 100%;
    margin-top: 10px;
  }
}
@media(max-width:991px) {
  .narrow-modern-cta {
    display: none;
  }
}

.pd-top .rep-reviews-wrapper h2 {
    margin-top: 0;
}
.owl-carousel-art-reviews .owl-item,
.art-reviews--slider .swiper-slide {
    min-height: 400px;
}

.owl-carousel-art-reviews .slider-review-item,
.art-reviews--slider .slider-review-item {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
    padding: 40px;
    margin: 12px 0px;
    background: white;
}

.owl-carousel-art-reviews .slider-review-item .review-item-content p,
.owl-carousel-art-reviews .slider-review-item .review-item-content p a,
.art-reviews--slider .slider-review-item .review-item-content,
.art-reviews--slider .slider-review-item .review-item-content p,
.art-reviews--slider .slider-review-item .review-item-content p a {
    color: var(--text);
    font-size: 16px;
    font-weight: 400;
    height: 140px;
    letter-spacing: -0.05px;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 0px;
    text-align: left;
    overflow: hidden;
}
.art-reviews--slider .slider-review-item .review-item-content.review-item-content a {
  color: var(--highlight);
}


.owl-carousel-art-reviews.owl-carousel .owl-item .review-item-icon,
.art-reviews--slider .slider-review-item .review-item-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.owl-carousel-art-reviews.owl-carousel .owl-item .review-item-title,
.art-reviews--slider .slider-review-item .review-item-title {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.owl-carousel-art-reviews.owl-carousel .owl-item .review-item-title h5,
.art-reviews--slider .slider-review-item .review-item-title h5 {
    font-size: 17px;
    font-weight: 500;;
    margin: 0px;
}

.owl-carousel-art-reviews.owl-carousel .owl-item .review-item-title h6,
.art-reviews--slider .slider-review-item .review-item-title h6 {
    font-size: 14px;
    margin: 6px 0px 0px 0px;
}


.owl-carousel-art-reviews.owl-carousel .owl-item .review-item-icon img,
.art-reviews--slider .slider-review-item .review-item-icon img {
   height: 50px;
    width: 50px;
}

.owl-carousel-art-reviews .owl-nav {
    display: none;
}

.owl-carousel-art-reviews .review-item-rating,
.art-reviews--slider .review-item-rating {
    margin-top: 32px;
    text-align: left;
}

.owl-carousel-art-reviews .fas,
.owl-carousel-art-reviews .far,
.art-reviews--slider .fas, 
.art-reviews--slider .far {
    color: orange;
    font-size: 18px;
}

.owl-carousel-art-reviews .fas,
.art-reviews--slider .fas {
    font-weight: 900 !important;
}

/* Repeatable Content List style 1 */
.rep-content-list--style-1 {
  display: grid;
  max-width: var(--art-container-maxwidth);
  padding: var(--art-container-padding);
  margin: var(--art-container-margin);
}
@media(min-width:768px) {
  .rep-content-list--style-1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
}
.rep-content-list--style-1 .rep-content-list__header.art-container {
  margin: 0;
  padding: 0;
}
.rep-content-list--style-1 h2 {
  margin-top: 0;
}
.rep-content-list--style-1 .rep-content-list__list {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-self: center;  
}
.rep-content-list--style-1 li.rep-content-list__item {
  margin: 0;
}
.rep-content-list--style-1 .rep-content-list__title {
  margin: 0;
}
.rep-content-list--style-1 .rep-content-list__text {
  margin: 0;
}
.rep-content-list--style-1 .rep-content-list__link {
  border-bottom: 2px solid var(--highlight);
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  padding: 20px;
}
.rep-content-list--style-1 .rep-content-list__link::after {
  content: "\f054";              
  font-size: 25px;
  font-family: "Font Awesome 6 pro"; 
  color: var(--highlight);     
  position: absolute;
  right: 15px;                 
  top: 50%;
  transform: translateY(-50%); 
  transition: 0.5s ease;
}
.rep-content-list--style-1 .rep-content-list__link :is(h3, p){
  transition: 0.5s ease;
}
.rep-content-list--style-1 .rep-content-list__link:is(:hover, :focus) :is(h3, p) {
  color: var(--highlight);
  padding-left: 15px;
}
.rep-content-list--style-1 .rep-content-list__link:is(:hover, :focus)::after {
  right: 0;
}
.rep-content-list--style-1 .rep-content-list__link:has(.rep-content-list__media) {
  display: flex;
  gap: 20px;
}
.rep-content-list--style-1 .rep-content-list__icon i {
  font-size: 40px;
}
@media(max-width:767px) {
  .rep-content-list--style-1 .art-btn-group {
    margin-bottom: 20px;
  }
}
@media(min-width:768px) {
  .rep-content-list--style-1 .left {
    order: -1;
  }
}

.swiper .property-card-nav-buttons .swiper-button-prev,
.swiper .property-card-nav-buttons .swiper-button-next {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media(min-width:768px) {
  .swiper:is(:hover, :focus) .property-card-nav-buttons .swiper-button-prev,
  .swiper:is(:hover, :focus) .property-card-nav-buttons .swiper-button-next {
    opacity: 1;
    visibility: visible;
  }
}
.swiper .property-card-nav-buttons .swiper-button-next,
.swiper .property-card-nav-buttons .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 50%);
}
.property-archive-gallery {
  position: relative;
  overflow: hidden;
}

/* Counter styling */
.property-archive-gallery .gallery-counter {
  position: absolute;
  bottom: 10px;
  right: 15px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 10px;
  border-radius: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
  pointer-events: none;
  z-index: 1;
}
@media(min-width:992px) {
  .property-archive-gallery .gallery-counter {
    display: none;
  }  
}

.property-archive-gallery .gallery-counter i {
  font-size: 14px;
  opacity: 0.8;
}

/* FAQ Accordion */
.schema-faq.wp-block-yoast-faq-block {
	margin: 20px 0;
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section {
  margin-top: 15px; 
  background: #fcfcfc;  
}

.schema-faq.wp-block-yoast-faq-block .schema-faq-question {
  display: block;
  cursor: pointer;
  padding: 1em;
  background: var(--medium-grey); 
  position: relative;
  font-weight: 500;
  font-size: 18px;
  color: var(--text);
  padding-right: 4em;
}

.schema-faq.wp-block-yoast-faq-block .schema-faq-question::after {
  content: "+";
  position: absolute;
  right: 1em;
  transition: transform 0.3s;
  color: var(--primary);
  font-weight: 600;
  font-size: 38px;
  position: absolute;
  top: 0;   
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-question::after {
  content: "-";
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-answer {
    background: var(--medium-grey);
}
.schema-faq.wp-block-yoast-faq-block .schema-faq-answer {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease, padding 0.4s ease;
  padding: 5px 15px 5px 15px;  
  background: white;
  margin-bottom: 0;
}
.single-post blockquote p {
	font-style: italic;
	font-weight: 600;
	font-size: 18px;
}
.single-post blockquote {
	position: relative;
  max-width: 530px;
  margin: 40px auto;
  border: none;	
}
.single-post blockquote:before {
  background-color: var(--primary);
  -webkit-mask: url(/wp-content/themes/art-division/assets/images/quote.svg) no-repeat center;
  -webkit-mask-size: contain;
  mask: url(/wp-content/themes/art-division/assets/images/quote.svg) no-repeat center;
  mask-size: contain;  background-repeat: no-repeat;
  content: '';
  width: 100px;
  height: 70px;
  display: block;
  position: absolute;
  z-index: -1;
  background-size: contain;
  top: -20px;
  bottom: 0;
  left: -15px;
	opacity: 0.2;
}

.narrow-modern-li button, .narrow-modern-li a {
    border: none;
    background: transparent;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--text);
}
.contact-map {
    z-index: 1;
}
p.propertyhive-info.no-results-message {
    text-align: center;
}

/* Animation */
.list-item {
  transform: translateY(-50px);
  opacity: 0;
}
.faqs-split-list .faq-list-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* This class gets added by JavaScript when in view */
.faqs-split-list .faq-item-visible {
  opacity: 1;
  transform: translateY(0);
}
/* Blog table of contents */
.sidenav-holder {
	height: fit-content;
	margin-top: 66px;	
}
@media(min-width:992px) {
	.container-blog.single_block .art-container {
		display: grid;
		max-width: 970px;
		grid-template-columns: minmax(auto, 890px) 1fr;
		gap: 20px;
	}
}
.single-post-sidebar-list  .container-blog.single_block .art-container {
	max-width: 1540px;
}	
@media(max-width:767px) {
	.single-post-sidebar-list .sidenav-holder {
    	display: flex;
    	flex-direction: column;
	}
}
@media(min-width:768px)	 {
	.single-post-sidebar-list .container-blog.single_block .art-container {
		display: grid;
		grid-template-columns: 2fr 1fr;
		column-gap: 40px;
	}
	.single-post-sidebar-list .share_button_holder.sidenav-holder {
    	display: flex;
    	flex-direction: column;
    	height: 80vh;
    	justify-content: space-between;
    	align-items: start;
	}
	.single-post-sidebar-list .floating-menu.floating-menu {
    	position: sticky;
        grid-column: 2;		
	}	
}
@media(min-width:992px)	 {
	.single-post-sidebar-list .container-blog.single_block .art-container {
    	grid-template-columns: 1fr 2fr 1fr;
	}
	.single-post-sidebar-list .share_button_holder.sidenav-holder {
		height: fit-content;
	}		
}
@media(min-width:1540px) {
	.single-post-sidebar-list .container-blog.single_block .art-container {
    	grid-template-columns: 1fr minmax(auto, 890px) 1fr;
	}
}

.single-post-sidebar-list .single-sticky-nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.single-post-sidebar-list .single-sticky-nav li {
  margin-bottom: 8px;
}

.single-post-sidebar-list .floating-menu {
  position: sticky;
  bottom: 0;
  right: 15px;
  font-family: inherit;
  width: auto;
  z-index: 10;
}

.single-post-sidebar-list .floating-menu-toggle {
  background: var(--btn-secondary-bg-colour);
  color:  var(--btn-secondary-txt-colour);
  border: none;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: background 0.3s;
}
@media(max-width:767px) {
	.single-post-sidebar-list .floating-menu {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
	}
	.single-post-sidebar-list .floating-menu-toggle {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.single-post-sidebar-list .floating-menu-toggle:is(:hover, :focus) {
	color: var(--btn-secondary-txt-colour-hover);
	background: var(--btn-secondary-bg-colour-hover);
}

.single-post-sidebar-list .floating-menu-list {
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
@media(min-width:499px) {
	.single-post-sidebar-list .floating-menu-list {
		border: 1px solid #ddd;
	}
}

/* When expanded */
.single-post-sidebar-list .floating-menu-toggle[aria-expanded="true"] + .floating-menu-list {
  max-height: 500px; 
  opacity: 1;
  visibility: visible;
}

.single-post-sidebar-list .floating-menu-list a {
  padding: 10px 14px;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid #eee;
}

.single-post-sidebar-list .floating-menu-list a:last-child {
  border-bottom: none;
}

.single-post-sidebar-list .floating-menu-list a:is(:hover, :focus) {
	color: var(--highlight);
	background: #f0f4f8;
}
body:has(section.has-menu) #back-to-top {
	display: none !important;
}
@media(max-width:767px) {
	.single-post-sidebar-list section.has-menu .container-blog.single_block:first-child > .art-container {
		display: flex;
		flex-direction: column;
	}
}
.single-sticky-nav {
    position: sticky;
    top: 180px;
    margin-top: 0;
    max-height: calc(100vh - 200px);
    height: fit-content;
}
.single-post-sidebar-list .single-sticky-nav ul a {
    color: var(--text);
}
.single-post-sidebar-list .single-sticky-nav a.active,
.single-post-sidebar-list .floating-menu-list a.active {
  color: var(--highlight);
}

.single-post-sidebar-list .single-sticky-nav a.active i,
.single-post-sidebar-list .floating-menu-list a.active i {
  color: var(--highlight);
}
.single-post-sidebar-list .valuation_bottom {
  display: none !important;
}
/* Boxed sidebar */
.single-post-sidebar-list--boxed .single-sticky-nav h2 {
  font-size: 1.86em;
  margin-bottom: 20px;
  margin-top: 0;
}
.single-post-sidebar-list--boxed .single-sticky-nav.single-sticky-nav {
    padding: 16px;
    background: var(--medium-grey);
    overflow: hidden;
    overflow-y: auto;
}
.single-post-sidebar-list--boxed .single-post-sidebar-list .single-sticky-nav ul a {
    display: inline-block;
    line-height: 1.4;
}
nav.in-page-navigation {
    margin-bottom: 20px;
}
.art-rep-areas-we-cover--slider-offset .swiper-slide img {
    aspect-ratio: 4 / 5;
}
@media(min-width:992px) {
  .art-rep-areas-we-cover--slider-offset .swiper {
    margin-left: calc((100vw - 1525px) / 2);
    padding-left: 0;
    margin-top: -60px;
    
  }  
}

.social-share {
    position: relative;
    display: inline-block;
    align-self: start;
}
.art-property-details-4 .single_propery_type.property-description-type {
  display: flex;
  flex-direction: column;
}
.single_propery_type.property-description-type .social-share {
  align-self: end;
}
.social-share-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: var(--theme-colour);
}

.social-share-menu {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    gap: 10px;
    padding: 8px 10px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 100;
    transition: 0.1s ease;
    opacity: 1;    
}

.social-share-menu[hidden] {
    opacity: 0;
}

.social-share-menu a {
    color: var(--titles);
    font-size: 16px;
    transition: color 0.2s ease;
}
.property-mobile-title .social-share {
  position: absolute;
  align-self: end;
}
.social-share-menu a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    transition:
        transform 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}

.social-share-menu a:hover {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
/* Facebook */
.social-share-menu .share-facebook {
    background-color: #1877F2;
}

/* X (Twitter) */
.social-share-menu .share-x {
    background-color: #000000;
}

/* LinkedIn */
.social-share-menu .share-linkedin {
    background-color: #0A66C2;
}

/* WhatsApp */
.social-share-menu .share-whatsapp {
    background-color: #25D366;
}

/* Email */
.social-share-menu .share-email {
    background-color: #6b7280;
}
.social-share-menu a:focus-visible {
    outline: 2px solid #000;
    outline-offset: 2px;
}
.art-property-details-5 {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
.art-property-details-5 .art-property-title h2 {
  margin-top: 0;
}
.title-single-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.price-qualifier-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.property-description-full {
    padding-top: 20px;
}
.content-images {
  position: relative;
}
/* Only apply when there is 1 multiple image */
.content-image-text-container:has(.content-images-container img:first-child:last-child) .content-images > img {    
    align-self: start;
    justify-self: start;
    width: 100%;
    height: auto;
    object-fit: cover;    
}
.content-image-text-container:has(.content-images-container img:first-child:last-child) .content-images {    
  container-type: inline-size;
  padding-bottom: 30px;
}
.content-image-text-container:has(.content-images-container img:first-child:last-child) .content-images-container {    
    width: 40cqw;
    position: absolute;
    bottom: 0;
}
.content-image-text-container:has(.content-images-container img:first-child:last-child) .content-image-left .content-images-container {    
    right: 0;
}
.content-image-text-container:has(.content-images-container img:first-child:last-child) .content-image-right .content-images-container {    
    left: 0;
}
@media(min-width:992px) {
  .content-image-text-container:has(.content-images-container img:first-child:last-child) .content-image-left {    
    padding-right: 60px;
    padding-bottom: 60px;
  }
  .content-image-text-container:has(.content-images-container img:first-child:last-child) .content-image-right {    
    padding-left: 60px;
    padding-bottom: 60px;
  }  
}
.content-image-text-container:has(.content-images) .content-image-right .content-images-container img:first-child:last-child  {    
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 100%;
    height: auto;
}
@media(min-width:992px) {
  .content-image-text-container:has(.content-images) .content-image-right .content-images-container img:first-child:last-child  {    
    left: 0;
  }
}
.content-image-text-container:has(.content-images) .content-image-left .content-images-container img:first-child:last-child  {    
    position: absolute;
    bottom: 0;
    right: 30px;
    width: 100%;
    height: auto;
}
@media(min-width:992px) {
  .content-image-text-container:has(.content-images) .content-image-left .content-images-container img:first-child:last-child  {    
    right: 0;
  }
}
/* Only apply grid when there are exactly 2 images */
.content-images-container:has(img:nth-child(2):last-child) {
    display: flex;
    gap: 20px;
}
/* Make both images behave equally */
.content-images-container:has(img:nth-child(2):last-child) > * {
    flex: 1 1 0;
    min-width: 0;
}
/* Only apply grid when there are exactly 3 images */
.content-images-container:has(img:nth-child(3):last-child) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.content-image-left .content-images-container:has(img:nth-child(3):last-child) img:nth-of-type(2) {
    grid-row: 1 / span 2;
    grid-column: 2;
}
.content-image-right .content-images-container:has(img:nth-child(3):last-child) img:nth-of-type(2) {
    grid-row: 1 / span 2;
    grid-column: 1;
}
/* Only apply grid when there are exactly 4 images */
.content-images-container:has(img:nth-child(4):last-child) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}