/* <--------------------------------------------------------- FONTS ---------------------------------------------------------> */

/* Primary font */

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Black.ttf);
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-ExtraBold.ttf);
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Medium.ttf);
  font-weight: 500;
   font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Light.ttf);
  font-weight: 300;
  font-display: swap;
}


@font-face {
  font-family: Roboto;
  src: url(./fonts/Roboto/Roboto-Thin.ttf);
  font-weight: 100;
  font-display: swap;
}

/* Heading font */
@font-face {
  font-family: Manrope;
  src: url(./fonts/Manrope/Manrope.ttf);
  font-display: swap;
}

/* Secondary font */

@font-face {
  font-family: Sulphur Point;
  src: url(./fonts/Sulphur-Point/SulphurPoint-Bold.ttf);
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Sulphur Point;
  src: url(./fonts/Sulphur-Point/SulphurPoint-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}


@font-face {
  font-family: Sulphur Point;
  src: url(./fonts/Sulphur-Point/SulphurPoint-Light.ttf);
  font-weight: 200;
  font-display: swap;
}

/* <--------------------------------------------------------- ROOT ---------------------------------------------------------> */

:root {
  /* Colors */

  --primary-color: #b8500c;
  --hover-primary: #d35c00;
  --secondary-color: #151517;
  --white-secondary: #f6f7f9;
  --body-bg: #f6f7f9;
  --p-color-dark: #666666;
  --p-color-light: #d0d0d1;
  --h-color-dark: #151517;
  --h-color-light: #ffffff;
  --a-color-dark: #151517;
  --a-color-light: #d0d0d1;
  --black: #000000;
  --black-70: rgb(0, 0, 0, 70%);
  --black-30: rgb(0, 0, 0, 30%);
  --black-20: rgb(0, 0, 0, 20%);
  --white: #ffffff;
  --white-70: rgb(255, 255, 255, 70%);
  --white-40: rgb(255, 255, 255, 40%);
  --white-20: rgb(255, 255, 255, 20%);
  --white-10: rgb(255, 255, 255, 10%);
  --green-50: rgb(50, 255, 17, 50%);
  --red-50: rgb(255, 17, 17, 50%);
  --yellow-50: rgb(255, 245, 17, 50%);
  --hover-markers: #000;

  /* Borders */
  --border-radius-s: 0.2em;
  --border-radius-m: 0.4em;
  --border-radius-l: 1.25em;
  --border-radius-btn: 0.4em;

  @media (min-width: 991px) {
    --border-radius-s: 0.3em;
    --border-radius-m: 0.6em;
    --border-radius-l: 2em;
    --border-radius-btn: 0.6em;
  }

  --container-w: 90vw;

  /* Transition */

  --transition-slow: all 0.5s linear;
  --transition-medium: all 0.35s linear;
  --transition-fast: all 0.25s linear;
  --transition-superfast: all 0.15s linear;

  /* Dynamic height */

  --dynamic-height: calc(var(--vh, 1vh) * 100);
  --header-height: --header-height;

  /* Gap */

  --container-padding: 0;
  @media (min-width: 576px) {
    --container-padding: var(--col-gap);
  }
  --row-gap: max(1.75em, 1.75vw);
  --col-gap: max(2.75em, 2.75vw);
  --col-gap-50: calc(var(--col-gap) * 0.5);
}

/* <--------------------------------------------------------- TYPOGRAPHY ---------------------------------------------------------> */

/* Heading */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Manrope";
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--secondary-color);
}

a,
li,
ul,
ol,
span,
strong,
em,
figcaption {
  padding: 0;
  margin: 0;
  font-style: normal;
  letter-spacing: normal;
}

h1,
h2 {
  font-family: "Manrope";
  font-weight: 700;
  color: var(--h-color-dark);
}

h1 {
  font-size: min(max(28px, calc(1.75rem + ((1vw - 2.8px) * 3.6585))), 88px);
}

.dark h1,
.dark h2 {
  color: var(--h-color-light);
}

h2 {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 54px);
}

h3 {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 20px);
  color: var(--h-color-dark);
}

.dark h3 {
  color: var(--h-color-light);
}

h4 {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 20px);
  color: var(--h-color-dark);
}

.dark h4 {
  color: var(--h-color-light);
}

h1.title_sm {
  font-size: min(max(22px, calc(1.75rem + ((1vw - 2.8px) * 3.6585))), 40px);
}

/* Paragraph */

.dark p {
  color: var(--p-color-light);
}

p {
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  color: var(--p-color-dark);
}

p:last-of-type {
  margin-bottom: 0;
}

p:not(:last-of-type) {
  margin-bottom: 1rem;
}

/* Anchor */

.dark a {
  color: var(--a-color-light);
}

a {
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  color: var(--primary-color);
}

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

/* List */

.dark li {
  color: var(--p-color-light);
}

li {
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  color: var(--p-color-dark);
}

li::marker {
  color: var(--primary-color);
}

/* Strong */

.dark strong {
  color: var(--p-color-light);
}

strong {
  font-family: "Roboto";
  font-weight: 700;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  color: var(--p-color-dark);
}

/* Titles */

.title > * {
  font-family: "Manrope";
  /* font-weight: 700; */
  color: var(--h-color-dark);
}

.title-secondary > * {
  font-family: "Manrope";
  font-weight: 500;
  color: var(--h-color-dark);
}

.row-gap-30 {
  row-gap: 30px;
}
.white_text * {
  color: #fff;
}
.dark.title > * {
  color: var(--h-color-light);
}

.title.xl * {
  font-size: min(max(28px, calc(1.75rem + ((1vw - 2.8px) * 3.6585))), 88px);
}
.title.career * {
  font-size: min(max(28px, calc(1.75rem + ((1vw - 2.8px) * 3.6585))), 68px);
}
.title.career strong {
  color: var(--primary-color);
}

.title.lg > * {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 54px);
  text-wrap: balance;
}

.title.sm > * {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 20px);
}

.title-secondary.sm > * {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 20px);
}

.title-secondary.md > * {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.3659))), 24px);
}

.title-secondary.lg > * {
  font-size: min(max(20px, calc(1.25rem + ((1vw - 2.8px) * 1.7073))), 48px);
}
.space-left-list ul,
.space-left-list ol {
  padding-left: 30px;
  margin-bottom: 1rem;
}
.rounded_image {
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-l);
}
.rounded_image.custom {
  max-height: 550px;
}
.rounded_image img {
  height: 100%;
  object-fit: cover;
}

.property-title {
  font-family: "Roboto";
  font-weight: 500;
  color: var(--h-color-dark);
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 1.2195))), 38px);
}

.property-title.price {
  font-weight: 500;
  color: var(--secondary-color);
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 8px;
}
span.view_page_tva_price {
  font-size: 16px;
  font-weight: 300;
}
section#shadow-host-companion {
  padding: 0;
}
.invalid-feedback.error-terms {
  grid-column: 1/-1;
}
/* <--------------------------------------------------------- GENERALS ---------------------------------------------------------> */
.plain_text ul {
  padding-left: 25px;
  margin-bottom: 15px;
}
.sticky_property_side {
    position: sticky;
    top: calc(var(--header-height) + 15px);
}
/* Grid styles */
.column-full {
  grid-column: 1/-1;
}

/* Classes */

.cover {
  object-fit: cover;
}
.gap-5 {
  gap: 5px;
}
.gap-10 {
  gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.sticky {
  position: sticky;
  top: calc(var(--header-height) + 30px);
}

.mb_80 {
  margin-bottom: 80px;
}

.mt_80 {
  margin-top: 80px;
}

.mt_60 {
  margin-top: 60px;
}

.mb_50 {
  margin-bottom: 50px;
}

.mt_50 {
  margin-top: 50px;
}

.mb_40 {
  margin-bottom: 40px;
}

.mt_40 {
  margin-top: 40px;
}

.mb_30 {
  margin-bottom: 30px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_20 {
  margin-bottom: 20px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_10 {
  margin-bottom: 10px;
}

.mt_10 {
  margin-top: 10px;
}

.pl_50 {
  padding-left: 50px;
}

.pr_50 {
  padding-right: 50px;
}

.h2mb_20 h2 {
  margin-bottom: 20px;
}

.section-space {
  margin-bottom: 60px;
}

.section-space-top {
  margin-top: 60px;
}
.section-space-bottom {
  margin-bottom: 60px;
}

.space-y {
  margin-top: 60px;
  margin-bottom: 60px;
}

.title-center {
  text-align: center;
}
.text-center p {
  text-align: center;
}

.title-gap {
  margin-bottom: 3rem;
  padding: 0 15px;
}
@media (min-width: 576px) {
  .title-gap {
    padding: 0;
  }
}

@media (min-width: 1600px) {
  .col-xxl-7 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .col-xxl-3 {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
/* Form */
.c-form-success {
  color: green;
  font-family: "Manrope";
  font-weight: 600;
  font-size: 18px;
}
/* Containers */

body {
  background: var(--body-bg);
}

/* .container {
  width: 96vw;
  max-width: 1920px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.row {
  margin-left: inherit;
  margin-right: inherit;
} */

main.top-space {
  margin-top: var(--header-height);
}

.container-fluid {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.container-fluid .row {
  padding-inline: var(--container-padding);
}
.container {
  margin: 0 auto;
  padding-inline: var(--container-padding);
  max-width: 100%;
}
.row {
  max-width: 100%;
  margin: 0 auto;
}

/* Buttons */
button {
  font-family: "Roboto";
  font-weight: 400;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))), 16px);
}

button:focus {
  outline: none;
}

.btn {
  font-family: "Roboto";
  font-weight: 400;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))), 16px);
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 108, 0, 0.25);
}

.btn-secondary {
  background: transparent;
  border: 1px solid var(--primary-color);
  color: var(--white);
  padding: 1em 2em;
  border-radius: var(--border-radius-btn);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  background-color: #0007;
  border-color: var(--primary-color);
}

.btn-primary {
  background: var(--primary-color);
  color: var(--white) !important;
  padding: 1em 2em;
  border-radius: var(--border-radius-btn);
  border: none;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #d75c00;
  border-color: #d75c00;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #d75c00;
  border-color: #d75c00;
  box-shadow: 0 0 0 0.2rem rgba(255, 108, 0, 0.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 108, 0, 0.25);
}

.letter-inner {
  position: relative;
  overflow: hidden;
  display: block;
}

.letter-inner .letter-wrapper {
  white-space: nowrap;
  display: block;
  width: 100%;
  display: flex;
  justify-content: center;
}

.letter-inner .letter-wrapper .letter {
  display: inline-block;
}

.letter-inner .letter-wrapper:first-of-type {
  position: absolute;
}

.letter-inner .letter-wrapper:first-of-type .letter {
  transform: translateY(-100%);
  transition: 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter-animation:hover .letter-inner .letter-wrapper:first-of-type .letter {
  transform: translateY(0);
  transition: 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter-animation:hover .letter-inner .letter-wrapper:last-of-type .letter {
  transform: translateY(100%);
  transition: 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}

.letter-animation .letter-inner .letter-wrapper:last-of-type .letter {
  transform: translateY(0%);
  transition: 0.6s cubic-bezier(0.76, 0, 0.24, 1);
}
/* form */
.form-control:focus {
  /* color: #495057;
  background-color: #fff;
  border-color: #d6d6d6; */
  outline: 0;
  box-shadow: none;
}

/* forms */
.form-group label {
  display: none;
}
.form-group.agreement-radio.item-acceptance label {
  display: block;
}

/* <--------------------------------------------------------- NAVBAR ---------------------------------------------------------> */
header {
  width: 100%;
  z-index: 9999;
}

header.homepage {
  background: var(--body-bg);
  top: var(--col-gap);
  position: absolute;
}

header.fixed {
  top: 0;
  position: fixed;
  background: var(--secondary-color);
}

header .main-nav .main-nav-item .nav-link {
  color: var(--a-color-light);
}

header .main-nav .main-nav-item {
  position: relative;
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  text-transform: capitalize;
}
header .main-nav .main-nav-item:hover .main-nav-link {
  color: var(--primary-color);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header .main-nav .main-nav-item::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-top: 1px solid #000;
  content: "";
  transform-origin: right;
  pointer-events: none;
  bottom: 0.5rem;
  border-color: var(--primary-color);
  transition: transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header .main-nav .main-nav-item:hover::after {
  opacity: 1;
  transition: opacity 0.7s ease,
    transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  transform: scaleX(1);
  border-top-width: 1px;
  transform-origin: left;
}

header .main-nav .main-nav-item:hover .dropdown_menu_title .toggle-menu svg {
  transform: rotate(180deg);
  transition: transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header .main-nav .main-nav-item .dropdown_menu_title .toggle-menu {
  display: flex;
  align-items: center;
}

header .main-nav .main-nav-item .dropdown_menu_title .toggle-menu svg {
  transition: transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header
  .main-nav
  .main-nav-item:hover
  .dropdown_menu_title
  .toggle-menu
  svg
  path {
  stroke: var(--primary-color);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header .navbar-nav .dropdown_menu_title svg path {
  stroke: var(--a-color-light);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

header .nav-inner {
  display: flex;
}

header.fixed .nav-inner {
  gap: var(--col-gap);
}
/* @media(min-width: 991px) {
  .btn-toggler.btn-menu.menu-toggler {
    display: none;
  }
} */
header .nav-primary .navbar-nav {
  /*layout styles  */
  position: absolute;
  top: 100%;
  background: var(--secondary-color);
  width: 100%;
  left: 0;
  border-top: 1px solid #fff2;
  padding-inline: var(--container-padding);
  padding-block: 15px;
  /*layout styles  */
  display: none;
  flex-direction: row;
  gap: 1.5em;
}
@media (min-width: 991px) {
  header .nav-primary .navbar-nav {
    /*layout styles  */
    position: relative;
    top: unset;
    background: unset;
    width: unset;
    left: unset;
    border-top: unset;
    padding-inline: unset;
    padding-block: unset;
    /*layout styles  */
  }
}

@media (min-width: 1400px) {
  header .nav-primary .navbar-nav {
    display: flex;
  }
  .full_menu_item .menu_left_inner .nav-item-vanzari,
  .full_menu_item .menu_left_inner .nav-item-inchirieri,
  .full_menu_item .nav-item-agentii-imobiliare {
    display: none !important;
  }
}

header .nav-primary {
  display: flex;
  width: 100%;
  align-items: center;
}

header.fixed .nav-inner {
  padding: calc(var(--col-gap) * 0.5) 0;
  border-radius: 0;
}

header .nav-inner {
  border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
  background: var(--secondary-color);
  padding: calc(var(--col-gap) * 0.7) var(--col-gap);
  gap: 3em;
}

header .nav-secondary {
  display: flex;
  align-items: center;
  gap: 1.5em;
  position: relative;
}

header.fixed .nav-secondary {
  padding: 0;
}

/* header .nav-secondary::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--body-bg);
  clip-path: circle(100% at 100% 0);
  bottom: 0;
  left: 0;
  z-index: 1;
}

header .nav-secondary::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--secondary-color);
  bottom: 0;
  left: 0;
} */

header.fixed .nav-secondary::before {
  display: none;
}

header.fixed .nav-secondary::after {
  display: none;
}

header .nav-primary .navbar-brand {
  padding: 0;
  margin: 0;
}

header .nav-primary .navbar-brand img {
  max-height: 50px;
  width: auto;
}

header .nav-secondary .contact-inner a,
.contact-inner.mobile_version {
  width: 50px;
  height: 50px;
  background: var(--primary-color);
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
}

header.fixed .nav-secondary .contact-inner a {
  background: var(--primary-color);
}

header.fixed .btn-menu {
  background: var(--primary-color);
}

/* Menu btn */

.btn-menu {
  height: 50px;
  width: 50px;
  cursor: pointer;
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100%;
}

.btn-menu span {
  width: 15px;
  margin-right: 5px;
}

.btn-menu.open span {
  width: 20px;
  margin-right: 0px;
}

.btn-menu span::before,
.btn-menu span::after {
  width: 20px;
}

.btn-menu span,
.btn-menu span::before,
.btn-menu span::after {
  background: var(--white);
  content: "";
  position: absolute;
  height: 1px;
  -webkit-transition: 0.3s ease-in-out 0.3s;
  -moz-transition: 0.3s ease-in-out 0.3s;
  -o-transition: 0.3s ease-in-out 0.3s;
  transition: 0.3s ease-in-out 0.3s;
  border-radius: 5px;
}

.btn-menu span::before {
  margin-top: -6px;

  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn-menu span::after {
  margin-top: 6px;

  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn-menu.open span {
  background: transparent;

  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;

  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.btn-menu.open span::before {
  margin-top: 0;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);

  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.btn-menu.open span::after {
  margin-top: 0;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);

  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.5s;
}

/* Menu dropdown*/
header .navbar-nav .dropdown_menu_title {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
header .navbar-nav .dropdown_menu_title svg {
  width: 15px;
  height: auto;
}

header .navbar-nav .dropdown-menu {
  position: absolute;
  background: #fff;
  width: 250px;
  padding: 0.625rem;
  border: unset;
  border-radius: 3px;
  margin: 0;
}

header .navbar-nav .dropdown-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

header .navbar-nav .dropdown-menu .nav-link {
  background: #dcdcdc;
  padding: 7.5px 10px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid transparent;
  transition: all 0.2s linear;
  color: #000;
  font-weight: 400;
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
header .navbar-nav .dropdown-menu .nav-link:hover {
  border: 1px solid #fff4;
  color: var(--primary-color);
}
header .navbar-nav .dropdown-menu .nav-item:last-child .nav-link {
  margin-bottom: 0;
}

li.nav-item.nav-item-level-2.nav-item {
  position: relative;
}

li.nav-item.nav-item-level-3.nav-item {
  margin-bottom: 5px;
}

li.nav-item.nav-item-level-3.nav-item:last-of-type {
  margin-bottom: 0;
}

@media(min-width: 1400px) {

  
  ul.dropdown-menu.dropdown-menu-level-3 {
    left: 100%;
    top: -10px;
  }
}

/* <--------------------------------------------------------- HOMEPAGE ---------------------------------------------------------> */

/* Hero */

.hero .container {
  display: flex;
  min-height: 100vh;
  max-height: 100vh;
  padding-top: calc(var(--header-height) + var(--col-gap));
  padding-bottom: var(--col-gap);
}
.hero .row {
  width: 100%;
  align-items: center;
  background: var(--secondary-color);
  border-radius: 0 0 var(--border-radius-l) 0;
  position: relative;
  min-height: 500px;
  overflow: hidden;
  row-gap: 15px;
}
.hero .img-inner {
  padding-inline: 0;
}
@media (min-width: 991px) {
  .hero .img-inner {
    padding-right: 0;
  }
}
.hero .img-inner {
  display: flex;
  justify-content: flex-end;
  height: fit-content;
}
.hero .img-inner img {
  padding: 20px 0;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 991px) {
  .hero .text-inner {
    padding-left: 0;
    transform: translateY(-55px);
  }
  .hero .row {
    padding-left: var(--col-gap);
  }
}

@media (min-width: 991px) and (max-width: 1400px) {
  .hero .text-inner {
    transform: unset;
    position: unset;
  }
  .hero_search_properties {
    position: absolute !important;
    bottom: 25px;
    right: 25px;
    left: 140px;
  }
  /* .text-inner .text-wrapper {
  transform: translateY(-90px);
} */
}

.hero .scroll-btn {
  padding: 0;
  display: flex;
  position: relative;
  max-width: fit-content;
  width: fit-content;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero .scroll-btn::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--secondary-color);
  clip-path: circle(100% at 99% 0);
  bottom: 0;
  left: 100%;
  z-index: 1;
}

.hero .scroll-btn::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--body-bg);
  bottom: 0;
  left: 100%;
}

.hero .scroll-btn .module-button {
  background: var(--body-bg);
  padding: 10px 10px 0 0;
  border-top-right-radius: 50px;
  position: relative;
}

.hero .scroll-btn .module-button::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--secondary-color);
  clip-path: circle(100% at 99% 0);
  bottom: 100%;
  left: 0;
  z-index: 1;
}

.hero .scroll-btn .module-button::after {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--body-bg);
  bottom: 100%;
  left: 0;
}

.hero .scroll-btn .module-button .btn {
  background: var(--primary-color);
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

/* Secondary hero */
.secondary_hero {
  padding-block: 50px;
  position: relative;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .secondary_hero {
    padding-block: 100px;
  }
}
@media (min-width: 991px) {
  .secondary_hero {
    padding-block: 150px;
  }
}
.secondary_hero::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #0009;
}
.secondary_hero h1 {
  color: #fff;
  position: relative;
}
/* Filter SEARCH */

.select-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.select-wrapper .form {
  border: .5px solid #818182;
  border-radius: var(--border-radius-m);
  background: #2d2d2f;
  color: #fff;
  font-family: "Roboto";
  padding: 0.625rem 1.25rem;
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  transition: var(--transition-fast);
  line-height: normal;
  min-height: 50px;
}

.select-wrapper.black .form {
  background: var(--secondary-color);
}

.select-wrapper.arrow .form {
  padding-right: calc(1.25rem + 12px);
}

.select-wrapper .form:focus {
  border: 1px solid var(--primary-color);
  transition: var(--transition-fast);
  color: #fff;
}

.select-wrapper .form:focus-visible {
  outline: none;
}

.select-wrapper .form.search {
  padding-right: calc(1.25rem + 18px);
}

.select-wrapper svg {
  position: absolute;
  right: 1.25rem;
}

.hero_search_properties {
  position: relative;
  padding: 1.875rem;
  background: #2d2d2f;
  border-radius: 1rem;
  font-family: "Roboto";
  display: flex;
  gap: 1rem;
}

#show_filter_results_hero {
  font-family: "Roboto";
  background-color: var(--primary-color);
  box-shadow: none !important;
  padding: 0.625rem 1.25rem;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  font-weight: 300;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  color: #fff;
  white-space: nowrap;
  height: 100%;
  width: 100%;
}
#show_filter_results_hero:hover {
  background-color: var(--hover-primary);
}

.select-wrapper .form::placeholder {
  color: #fff;
  font-family: "Roboto";
}

.hero_search_properties .hero_search_properties_forms {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
}

/* Video section */
.video-section {
  margin-top: 0 !important;
}
.video-section .container .row {
  background: var(--secondary-color);
  position: relative;
  overflow: hidden;
}
@media (min-width: 576px) {
  .video-section .container .row {
    border-radius: var(--border-radius-l);
  }
}

.video-section .text-inner * {
  z-index: 1;
}

.video-section .text-inner::after {
  content: "";
  position: absolute;
  top: -100px;
  left: -100px;
  /* background: var(--white); */
  background: #424242;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  filter: blur(354px);
}
.video-section .video-inner,
.video-section .text-inner {
  padding: 15px;
  position: relative;
}
@media (min-width: 576px) {
  .video-section .video-inner,
  .video-section .text-inner {
    padding: 30px;
  }
}
@media (min-width: 991px) {
  .video-section .video-inner {
    padding: 30px 30px 30px 0;
  }
  .video-section .text-inner {
    padding: 30px 50px;
    position: relative;
  }
}

.video-section .video-inner .module-code {
  display: flex;
  border-radius: calc(var(--border-radius-l) - 0.6em);
  overflow: hidden;
  flex-shrink: 0;
}

.video-section .logo-section {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
}

.video-section .logo-section .module-code {
  display: flex;
  height: 100%;
}

.video-section .logo-section .module-code svg {
  width: fit-content;
  opacity: 5%;
}

/* video / cf section with bg */
.has_bg .logo-section {
  background-size: cover;
  background-position: center;
}
.has_bg .video-inner {
  position: relative;
  z-index: 1;
}
.has_bg .form_hero,
.has_bg .form_hero input,
.has_bg .form_hero textarea {
  background-color: #0004;
}
.has_bg .logo-section::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: #0008;
  z-index: 3;
  z-index: 0;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.has_bg .form_hero .form-control:focus {
  background-color: #0009;
}
.hide_labels label {
  display: none;
}
.hide_labels input {
  min-height: 45px;
}
.hide_labels textarea {
  min-height: 90px;
}
/* Section text, image (light) */

.text-inner {
  display: flex;
  flex-direction: column;
  gap: 3em;
  justify-content: center;
  z-index: 1;
}

.text-inner .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.section-img-text-light .text-inner.l-text {
  padding-left: 0;
  padding-right: 50px;
}

.section-img-text-light .text-inner.r-text {
  padding-right: 0;
  padding-left: 50px;
}

.section-img-text-light .img-inner {
  padding: 15px;
  background: var(--secondary-color);
  position: relative;
}
@media (min-width: 991px) {
  .section-img-text-light .img-inner {
    padding: 30px;
  }
}

.section-img-text-light .img-inner img {
  border-radius: calc(var(--border-radius-l) - 0.6em);
}
@media (max-width: 991px) {
  .section-img-text-light .row,
  .section-img-text-dark .row {
    row-gap: 30px;
    display: grid;
    grid-template: auto / 100%;
  }
  .section-img-text-light .row .r-img {
    grid-row: 1/2;
  }
  .section-img-text-light .text-inner.r-text,
  .section-img-text-light .text-inner.l-text {
    padding-inline: 15px;
  }
  .text-inner {
    gap: 30px;
  }
}

.section-img-text-light .img-inner.r-img,
.section-img-text-light .img-inner.l-img {
  border-radius: 0;
}
@media (min-width: 576px) {
  .section-img-text-light .img-inner.r-img,
  .section-img-text-light .img-inner.l-img {
    border-radius: var(--border-radius-l);
  }
}
@media (min-width: 991px) {
  .section-img-text-light .img-inner.r-img {
    border-radius: var(--col-gap-50) var(--col-gap-50) var(--col-gap-50) 0;
  }
  .section-img-text-light .img-inner.l-img {
    border-radius: var(--border-radius-l) 0 var(--border-radius-l)
      var(--border-radius-l);
  }
}
.img-inner .module-image {
  height: 100%;
}

.img-inner .module-image img {
  height: 100%;
  object-fit: cover;
  min-height: 300px;
}

.section-img-text-light .img-inner.l-img::before,
.section-img-text-light .img-inner.l-img::after,
.section-img-text-light .img-inner.r-img::before,
.section-img-text-light .img-inner.r-img::after {
  content: unset;
}
@media (min-width: 991px) {
  .section-img-text-light .img-inner.l-img::before,
  .section-img-text-light .img-inner.l-img::after,
  .section-img-text-light .img-inner.r-img::before,
  .section-img-text-light .img-inner.r-img::after {
    content: "";
  }
}
.section-img-text-light .img-inner.l-img::before {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: var(--body-bg);
  height: 100px;
  width: 100px;
  clip-path: circle(100% at 0% 0.4%);
  z-index: 1;
}
.section-img-text-light .img-inner.l-img::after {
  position: absolute;
  bottom: 100%;
  right: 0;
  background: var(--secondary-color);
  height: 100px;
  width: 100px;
}

.section-img-text-light .img-inner.r-img::before {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--body-bg);
  height: 100px;
  width: 100px;
  clip-path: circle(100% at 0% 0);
  z-index: 1;
  transform: rotate(180deg);
}

.section-img-text-light .img-inner.r-img::after {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--secondary-color);
  height: 100px;
  width: 100px;
}

/* Section text, image (dark) */

.section-img-text-dark .row {
  background: var(--secondary-color);
  border-radius: 0;
  overflow: hidden;
  padding-bottom: 20px;
}
@media (min-width: 576px) {
  .section-img-text-dark .row {
    border-radius: var(--border-radius-l);
  }
}
.section-img-text-dark .row .img-inner {
  padding: 0;
  z-index: 2;
}

.section-img-text-dark .row .text-inner {
  padding: 0 15px;
  position: relative;
}
.section-img-text-dark .row .text-inner.l-text {
  grid-row: 4/5;
}
@media (min-width: 991px) {
  .section-img-text-dark .row .text-inner {
    padding: 15px 50px;
  }
  .section-img-text-dark .row {
    padding: 0;
  }
  .text-inner.l-text {
    grid-row: unset;
  }
}

.section-img-text-dark .row .text-inner.r-text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  /* background: var(--white); */
  background: #424242;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  filter: blur(354px);
  z-index: -1;
}

.section-img-text-dark .row .text-inner.l-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* background: var(--white); */
  background: #424242;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  filter: blur(354px);
  z-index: -1;
}
.section-img-text-dark .row .img-inner.l-img img,
.section-img-text-dark .row .img-inner.r-img img {
  border: 0;
}
@media (min-width: 991px) {
  .section-img-text-dark .row .img-inner.l-img img {
    border-bottom-right-radius: 8em;
  }

  .section-img-text-dark .row .img-inner.r-img img {
    border-top-left-radius: 8em;
  }
}

/* Section text */

.section-text .text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding-inline: 15px;
}

/* Faq section */

/* ------------ FAQ ACORDION ----------- */

.accordion-container {
  display: flex;
  flex-direction: column;
  gap: 1.3em;
  padding: 30px 0 0 0;
}

.accordion-container .module-fickle {
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: var(--white);
  border-radius: calc(var(--border-radius-l) - 0.6em);
  overflow: hidden;
}

.accordion-container .module-fickle .fickle-header.active svg path {
  transition: var(--transition-fast);
}

.accordion-container .module-fickle .fickle-header {
  padding: 1.5em;
  cursor: pointer;
  background: transparent;
  transition: var(--transition-fast);
}

.accordion-container .module-fickle .fickle-content {
  display: none;
  overflow: hidden;
}

.accordion-container .module-fickle .fickle-content .fickle-text-content {
  padding: 0 1.5em 1.5em 1.5em;
}

.accordion-container .module-fickle .fickle-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  font-weight: 500;
  font-size: min(max(16px, calc(1rem + ((1vw - 2.8px) * 0.2439))), 20px);
  color: var(--black);
  transition: var(--transition-fast);
  gap: 1em;
  width: 100%;
}

.accordion-container .module-fickle .fickle-title .fickle-title-subtitle {
  display: flex;
  width: 100%;
  gap: 10px;
}

.accordion-container .module-fickle .btn-minus {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.accordion-container .module-fickle .btn-minus:focus {
  outline: none;
}

.accordion-container .module-fickle .fickle-header svg path {
  stroke: var(--black);
  transition: var(--transition-fast);
}

.accordion-container .module-fickle .fickle-header.active svg .line-1 {
  transform: scaleY(0);
  transition: var(--transition-medium);
}

.accordion-container .module-fickle .fickle-header svg .line-1 {
  transform-origin: center;
  transition: var(--transition-medium);
}
.faq-section .row {
  row-gap: 30px;
  padding-inline: 15px;
}
.faq-section .title {
  background: var(--secondary-color);
  text-align: center;
  padding: 15px 0;
  border-radius: 20px;
  position: relative;
}

@media (min-width: 576px) {
  .faq-section .row {
    padding-inline: 0;
  }
  .faq-section .title {
    padding: 30px 0;
  }
}
@media (max-width: 576px) {
  .faq-section .title h2 {
    font-size: 20px;
  }
}

.faq-section .faq-img {
  padding: 15px;
  background: var(--secondary-color);
  border-radius: 20px;
}

.faq-section .faq-img .module-image {
  display: flex;
  height: 100%;
}

.faq-section .faq-img img {
  border-radius: 13px;
  object-fit: cover;
}
@media (min-width: 991px) {
  .faq-section .faq-img {
    padding: 30px;
    border-radius: var(--border-radius-l) 0 var(--border-radius-l)
      var(--border-radius-l);
  }
  .faq-section .row {
    row-gap: 0;
  }
  .faq-section .faq-img img {
    border-radius: calc(var(--border-radius-l) - 0.6em);
  }
  .accordion-container {
    padding: 30px 0 0 30px;
  }
}

.faq-section .title::before,
.faq-section .title::after {
  content: unset;
}
.faq-section .title::before {
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--body-bg);
  clip-path: circle(100% at 99% 0);
  top: 100%;
  left: 0;
  transform: rotate(90deg);
  z-index: 1;
}

.faq-section .title::after {
  position: absolute;
  height: 30px;
  width: 30px;
  background: var(--secondary-color);
  top: 100%;
  left: 0;
}

@media (min-width: 991px) {
  .faq-section .title::before,
  .faq-section .title::after {
    content: "";
  }
  .faq-section .title {
    border-radius: 0 var(--border-radius-l) var(--border-radius-l) 0;
  }
}

.faq-section .accordion-inner {
  padding-left: 0px;
  padding-right: 0px;
}

/* <--------------------------------------------------------- POSTS ---------------------------------------------------------> */
/* Post section */
.blog_posts_container {
  row-gap: 30px;
}
.blog-inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.blog-inner .post-grid {
  display: grid;
  grid-template: auto / 100%;
  gap: 30px;
}
@media (min-width: 768px) {
  .blog-inner .post-grid {
    grid-template: auto / repeat(2, 1fr);
  }
  .blog-inner {
    padding-inline: 0;
  }
}
@media (min-width: 1100px) {
  .blog-inner .post-grid {
    grid-template: auto / repeat(3, 1fr);
  }
}

.blog-inner .post-grid .post-item-wrapper {
  max-width: 100%;
  padding: 0;
}

.blog-inner .module-button {
  display: flex;
  justify-content: center;
}

/* Cards */
.post-grid .post-item {
  background: var(--white);
  padding: 20px;
  border-radius: var(--border-radius-l);
  display: flex;
  flex-direction: column;
  gap: 1em;
  height: 100%;
}

.post-grid .post-item .post-item-top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: 1em;
}

.post-grid .post-item .post-item-top .post-image {
  width: 100%;
  height: 100%;
  border-radius: calc(var(--border-radius-l) - 0.8em);
}

.post-grid .post-item .post-item-top .post-info {
  display: flex;
  justify-content: space-between;
  gap: 7.5px;
}
.post-grid .post-item .post-item-top .post-info .post-date,
.post-grid .post-item .post-item-top .post-info .post-tag {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.post-grid .post-item .post-item-top .post-info .post-date .date,
.post-grid .post-item .post-item-top .post-info .post-tag .category-link {
  color: var(--p-color-dark);
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}
.post-grid .post-item .post-item-top .post-info .icon {
  background: var(--white-secondary);
  display: flex;
  width: 2.5em;
  height: 2.5em;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
}

/* .post-grid .post-item .post-item-bottom .post-title h2,
.post-grid .post-item .post-item-bottom .post-title a {
  font-weight: 600;
} */

.post-grid .post-item .post-item-bottom {
  display: flex;
  flex-direction: column;
  gap: 1em;
  flex-grow: 1;
  justify-content: space-between;
  height: 100%;
}

.post-grid .post-item .post-item-bottom .post-title {
  display: flex;
  flex-direction: column;
  gap: 0.4em;
}

.post-grid .post-item .post-item-bottom .post-button {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.post-grid .post-item .post-item-bottom .post-button .post-author {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
.post-grid .post-item .post-item-bottom .post-button .post-author img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 100%;
}

.post-grid .post-item .post-item-bottom .post-button .view-more {
  color: var(--primary-color);
  font-weight: 500;
}

/* Post view */

/* Text view */

.post-page .page-description h2 strong {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.3659))), 24px);
  color: var(--black);
  font-weight: 600;
}

.post-page .page-description h2:has(strong) {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.3659))), 24px);
}

.post-page .page-description ul {
  padding-left: 2em;
  margin: 1rem 0;
}

.post-page .page-description h2 {
  margin-bottom: 0.5em;
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 32px);
  font-weight: 500;
}

.post-page .page-description .btn {
  background: var(--primary-color);
  color: var(--white);
  font-family: var(--font-regular);
  padding: 1em 2em;
  border-radius: var(--border-radius-btn);
  border: none;
  display: flex;
  align-items: center;
  gap: 1em;
  justify-content: center;
}

.post-page .page-description iframe {
  aspect-ratio: 4/2;
  width: 100%;
  margin-block: 15px;
}

/* Text view */

.post-page > .container {
  padding-top: var(--col-gap);
  padding-bottom: var(--col-gap);
}

.post-page .post-header {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.post-page .post-header .post-img {
  width: 100%;
  border-radius: calc(var(--border-radius-l) * 0.6);
}

.post-page .post-header .header-inner {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.post-page .post-header .header-inner .post-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--black-20);
  padding-bottom: 1em;
}

.post-page .post-header .header-inner .post-nav .post-info {
  display: flex;
  gap: 1em;
  align-items: center;
}

.post-page .post-header .header-inner .post-nav .post-info .post-date,
.post-page .post-header .header-inner .post-nav .post-info .post-tag {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

.post-page .post-header .header-inner .post-nav .post-info .post-date .icon,
.post-page .post-header .header-inner .post-nav .post-info .post-tag .icon {
  display: flex;
}

.post-page .post-header .header-inner .post-nav .post-info .post-date .date,
.post-page
  .post-header
  .header-inner
  .post-nav
  .post-info
  .post-tag
  .tag
  .category-link {
  color: var(--p-color-dark);
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.post-page .post-header .header-inner .post-nav .post-author img {
  max-width: 50px;
  max-height: 50px;
  border-radius: 100%;
}

.post-page .post-header .header-inner .post-nav .post-author {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.post-page .post-col {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2em;
}
.post-page .post-col .post-inner a, .post-page .post-side .post-side-inner .post-social a {
  font-weight: 500;
  color: var(--primary-color);
  text-decoration: underline;
}
.post-page .post-col .post-inner a.btn {
  color: #fff;
  text-decoration: unset;
}

.post-page .post-col .post-inner {
  padding: 40px 40px 0 40px;
  border-radius: var(--border-radius-l);
  background: var(--white);
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.post-body ol, .post-body ul {
  margin-bottom: 1rem !important;
  padding-inline-start: 40px !important;
}
.post-page .post-col .post-inner img {
  width: 100% !important;
  object-fit: contain;
}

.post-col .post-body .page-description {
  padding-bottom: 40px;
}

.post-col .post-body .post-share {
  padding: 20px 0;
  border-top: 1px solid var(--black-20);
}

.post-page .post-body .post-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-page .post-body .post-share .icon-section {
  display: flex;
  gap: 0.5em;
}

.post-page .post-buttons .btn-navigate {
  background: var(--primary-color);
  color: var(--white);
  font-family: var(--font-regular);
  padding: 1em 2em;
  border-radius: var(--border-radius-btn);
  border: none;
  display: flex;
  align-items: center;
  gap: 1em;
  width: fit-content;
}

.post-page .post-col .post-buttons {
  display: flex;
  justify-content: space-between;
  padding-inline: 15px;
}

.post-page .post-col .post-buttons .next-post-btn {
  margin-left: auto;
}

.post-page .similar-posts {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.post-page .similar-posts .title-arrows {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post-page .similar-posts .similar-posts-slider .slick-list {
  margin: 0 -15px;
}

.post-page .similar-posts .title-arrows .arrow-slider-section {
  display: flex;
  gap: 15px;
}

.post-page
  .similar-posts
  .title-arrows
  .arrow-slider-section
  .slick-arrow
  .arrow {
  display: flex;
  background: var(--primary-color);
  width: fit-content;
  padding: 15px;
  border-radius: 10px;
  cursor: pointer;
}

.post-page
  .similar-posts
  .title-arrows
  .arrow-slider-section
  .slick-arrow
  .arrow
  svg
  path {
  stroke: var(--white);
}

.post-page .post-side {
  padding-right: 0;
  padding-left: var(--col-gap);
  height: fit-content;
  position: sticky;
  top: calc(var(--header-height) + var(--col-gap));
}

.post-page .post-side .post-side-inner .post-social {
  background: var(--white);
  padding: 30px;
  border-radius: var(--border-radius-l);
}

.post-page
  .post-side
  .post-side-inner
  .post-social
  .post-follow
  .social-media-items
  .nav-item
  .nav-link
  svg
  path {
  fill: var(--primary-color);
}

.post-page
  .post-side
  .post-side-inner
  .post-social
  .post-follow
  .social-media-items
  .nav-item
  .nav-link {
  padding: 0;
}
.post-page
  .post-side
  .post-side-inner
  .post-social
  .post-follow
  .social-media-items {
  gap: 0.5em;
}

.post-page .post-side .post-side-inner .post-social .post-follow {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.post-page .post-side .post-side-inner .post-social {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.post-page .post-side .post-side-inner .post-social .post-contact {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.post-page
  .post-side
  .post-side-inner
  .post-social
  .post-contact
  .module-contact
  ul
  li
  svg
  path {
  stroke: var(--primary-color);
  stroke-width: 1.5px;
}

.post-page
  .post-side
  .post-side-inner
  .post-social
  .post-contact
  .module-contact
  ul
  li
  a {
  color: var(--p-color-dark);
}

.breadcrumbs-container > .container {
  border-top: 1px solid var(--white-20);
}

.breadcrumbs-container .breadcrumb {
  padding: 0;
  margin: 0;
  background: transparent;
  align-items: center;
  gap: 0.5em;
}

.breadcrumbs-container .breadcrumb svg {
  width: 100%;
  height: 100%;
  max-width: 6px;
}

.breadcrumbs-container .breadcrumb svg path {
  stroke: var(--p-color-light);
}

.breadcrumbs-container .container {
  background: var(--secondary-color);
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 15px;
  flex-wrap: wrap;
}

.breadcrumbs-container .container nav {
  margin: auto;
}

.breadcrumbs-container .container a {
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.breadcrumbs-container .container li {
  display: flex;
}

.breadcrumbs-container .container .back-btn svg {
  width: 100%;
  height: 100%;
  max-width: 14px;
}

.breadcrumbs-container .container .back-btn a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.breadcrumbs-container .container .breadcrumb-item.active {
  color: var(--p-color-light);
  opacity: 0.7;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.breadcrumbs-container .container .back-btn svg path {
  stroke: var(--p-color-light);
}

/* <--------------------------------------------------------- FOOTER ---------------------------------------------------------> */

footer {
  background: var(--secondary-color);
  overflow: hidden;
}

footer .footer-content {
  padding: 100px 0;
}

footer .footer-content .footer-box {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

footer .footer-content .footer-box .title-secondary > * {
  color: var(--white);
}

footer .footer-content .row {
  row-gap: 4em;
}

footer .footer-logo .modules-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

footer .footer-logo .modules-wrapper .module-text p {
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

footer .footer-logo .modules-wrapper .module-text a {
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
  color: var(--primary-color);
  font-weight: 500;
}

footer .footer-copyright {
  padding: 30px 0;
  border-top: 1px solid rgb(255, 255, 255, 20%);
}

footer .footer-copyright .copyright-logo {
  display: flex;
  justify-content: end;
  gap: 1em;
}

footer .footer-copyright .copyright-content .module-code > * {
  color: var(--white);
  font-weight: 300;
}

footer .footer-logo .module-social ul {
  display: flex;
  gap: 0.7em;
}

footer .footer-logo {
  display: flex;
  flex-direction: column;
  gap: 1em;
  position: relative;
  z-index: 1;
}

footer .footer-logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  /* background: var(--white); */
  background: #424242;
  width: 300px;
  height: 300px;
  border-radius: 100%;
  filter: blur(354px);
  z-index: -1;
}

footer .social-5.s-googlemybusiness circle {
  fill: #fff;
}
footer .social-5.s-googlemybusiness path {
  fill: var(--secondary-color);
}

.module-contact ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.module-contact ul li a {
  display: flex;
  align-items: center;
  gap: 0.3em;
  color: var(--secondary-color);
}

.module-contact ul li span {
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
}

footer .footer-links ul {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

footer .module-newsletter .form-group {
  position: relative;
  margin: 0;
}

footer .module-newsletter .form-group .btn {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  background: var(--primary-color);
  width: 50px;
  height: 50px;
  border-radius: calc(var(--border-radius-m) * 0.7);
}

footer .module-newsletter .form-group .form-control {
  background: transparent;
  border: 1px solid var(--white-40);
  color: var(--white);
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
  height: 60px;
  /* padding: 15px 20px; */
  padding-left: 15px;
  padding-right: 60px;
  border-radius: var(--border-radius-m);
}

footer .module-newsletter .form-group .form-control::placeholder {
  color: var(--white);
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.2439))), 18px);
}

footer .module-newsletter .form-group .form-control:-webkit-autofill,
footer .module-newsletter .form-group .form-control:-webkit-autofill:hover,
footer .module-newsletter .form-group .form-control:-webkit-autofill:focus,
footer .module-newsletter .form-group .form-control:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #ffffff;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px var(--secondary-color);
}

footer .footer-content .row {
  display: grid;
  grid-template: auto / 1fr repeat(3, 0.8fr);
  gap: 50px;
}

footer .footer-newsletter {
  grid-row: 2/3;
  grid-column: 1/1;
}

footer .footer-newsletter form {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

footer .footer-newsletter p {
  font-weight: 500;
  color: var(--white);
}

footer .footer-content .col-lg-3 {
  max-width: 100%;
  padding: 0;
}
footer .footer-logo .module-social ul li a svg {
  background: transparent;
}
footer .module-social svg path {
  fill: #fff;
}

footer .footer-content .footer-box .footer-links a, footer .footer-content .footer-box .module-contact a {
  position: relative;
  width: fit-content;
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  color: var(--a-color-light);
}

footer .footer-content .footer-box .footer-links a:hover,
footer .footer-content .footer-box .module-contact a:hover {
  color: var(--primary-color);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

footer .footer-content .footer-box .footer-links a::after,
footer .footer-content .footer-box .module-contact a::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-top: 1px solid #000;
  content: "";
  transform-origin: right;
  pointer-events: none;
  border-color: var(--primary-color);
  transition: transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  bottom: -5px;
}

footer .footer-content .footer-box .footer-links a:hover::after,
footer .footer-content .footer-box .module-contact a:hover::after {
  opacity: 1;
  transition: opacity 0.7s ease,
    transform 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  transform: scaleX(1);
  border-top-width: 1px;
  transform-origin: left;
}

footer .footer-content .footer-box .module-contact a:hover svg path {
  stroke: var(--primary-color);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

footer .footer-content .footer-box .module-contact a svg path {
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

@media (max-width: 1150px) {
  footer .footer-content .row {
    gap: 30px;
  }
}
@media (max-width: 1000px) {
  footer .footer-content .row {
    grid-template: auto / 1fr repeat(2, 0.8fr);
  }
  footer .footer-newsletter {
    grid-row: 3/4;
    grid-column: 1/-1;
  }
}
@media (max-width: 800px) {
  footer .footer-content .row {
    grid-template: auto / 1fr 1fr 1fr;
  }
  footer .footer-logo {
    grid-column: 1/-1;
  }
  footer .footer-newsletter {
    grid-row: 4/5;
  }
  footer .footer-content {
    padding: 50px 0;
  }
}
@media (max-width: 650px) {
  footer .footer-content .row {
    grid-template: auto / 1fr 1fr;
  }

  footer .footer-newsletter {
    grid-row: 5/6;
  }
}

/* <--------------------------------------------------------- PROPERTY ---------------------------------------------------------> */
/* Property section */
.property-category .container > .row {
  gap: 2em;
}

.property-category .property-category-inner {
  padding: 0;
}

.property-category .view-more-properties {
  display: flex;
  justify-content: center;
}

/* Property cards */
.properties-view {
  row-gap: 30px;
  /* margin-left: -15px;
  margin-right: -15px; */
}

.properties-view .property-item .property-wrapper {
  padding: 20px;
  background: var(--white);
  border-radius: var(--border-radius-l);
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  transition: all 0.2s linear;
}
.properties-view .property-item .property-wrapper:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.properties-view .property-col {
  display: flex;
}

.properties-view .property-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.properties-view
  .property-item
  .property-wrapper
  .property-header
  .property-image {
  position: relative;
  padding-top: 70%;
}

.properties-view
  .property-item
  .property-wrapper
  .property-header
  .property-image
  img {
  width: 100%;
  border-radius: calc(var(--border-radius-l) * 0.6);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: cover;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-bottom-body {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-bottom-body
  .property-amenities {
  display: flex;
  gap: 0.5em;
  align-items: center;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-bottom-body
  .property-amenities
  .amenities-icon {
  background: var(--white-secondary);
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-bottom-body
  .property-amenities
  .amenities-wrapper
  .amenities-name {
  font-size: min(max(10px, calc(0.625rem + ((1vw - 2.8px) * 0.122))), 12px);
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-bottom-body
  .property-amenities
  .amenities-wrapper
  .amenities-value {
  margin-bottom: 0;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))), 16px);
  color: var(--black);
  font-weight: 500;
}

.properties-view .property-item .property-wrapper .property-header {
  position: relative;
}

.properties-view .property-item .property-wrapper .property-header .label {
  background: var(--white-70);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.properties-view
  .property-item
  .property-wrapper
  .property-header
  .label.label-price {
  position: absolute;
  left: 10px;
  padding: 0.5em 1em;
  border-radius: var(--border-radius-m);
  top: 10px;
  height: fit-content;
}
.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-sm {
  padding: 0.5em 1em;
  border-radius: var(--border-radius-s);
}
.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-sm
  > * {
  color: var(--black);
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.122))), 14px);
  font-weight: 400;
  text-transform: uppercase;
}

.properties-view
  .property-item
  .property-wrapper
  .property-header
  .label.label-price
  .property-price
  > * {
  font-weight: 500;
  color: var(--black);
  font-size: min(max(16px, calc(1rem + ((1vw - 2.8px) * 0.122))), 18px);
}

.properties-view
  .property-item
  .property-wrapper
  .property-header
  .label.label-price
  .property-commission
  > * {
  font-weight: 500;
  color: var(--primary-color);
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))), 16px);
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-top-body
  .property-title
  * {
  font-family: "Manrope";
  font-weight: 600;
  font-size: min(max(16px, calc(1rem + ((1vw - 2.8px) * 0.122))), 18px);
}

.properties-view .property-item .property-wrapper .property-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: space-between;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-top-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-top-body
  .property-top-labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .property-top-body
  .property-top-title {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-status {
  background: var(--body-bg);
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-status.red {
  background: var(--red-50);
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-status.yellow {
  background: var(--yellow-50);
}

.properties-view
  .property-item
  .property-wrapper
  .property-body
  .label.label-promoted {
  /* position: absolute; */
  background: var(--green-50);
}

/* Property view */

.property-view {
  padding-top: 30px;
  padding-bottom: 50px;
}

.property-view .property-header {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.property-view .container > .row {
  row-gap: 30px;
}

/* General breadcrumbs */
.general-breadcrumbs {
  display: flex;
  list-style: none;
  padding: 10px var(--container-padding);
  background-color: var(--body-bg);
  flex-wrap: wrap;
}

@media(max-width: 576px) {
  .general-breadcrumbs {
    padding: 10px 15px !important;
  }
}

.general-breadcrumbs li::before {
  content: unset !important;
}
.general-breadcrumbs .breadcrumb-item + .breadcrumb-item {
  padding-left: 0 !important;
}
.general-breadcrumbs li {
  white-space: nowrap;
}
.general-breadcrumbs li a {
  border-right: 1px solid #0004;
  margin-right: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;
}
/* End General breadcrumbs */


.property-view .property-header .breadcrumbs .property-breadcrumbs ul,
.breadcrumbs.international_city_breadcrumbs ul {
  display: flex;
  gap: 0.4em;
  flex-wrap: wrap;
}

.property-view .property-header .breadcrumbs .property-breadcrumbs ul li,
.breadcrumbs.international_city_breadcrumbs ul li {
  display: flex;
  align-items: center;
  gap: 0.4em;
}

.property-view .property-header .breadcrumbs .property-breadcrumbs ul li .arrow,
.breadcrumbs.international_city_breadcrumbs ul li .arrow {
  display: flex;
  align-items: center;
}

.property-view .property-header .breadcrumbs .property-breadcrumbs ul li > *,
.breadcrumbs.international_city_breadcrumbs ul li > * {
  font-size: min(max(12px, calc(0.625rem + ((1vw - 2.8px) * 0.2439))), 14px);
  white-space: nowrap;
  font-family: "Manrope";
}

.property-view
  .property-header
  .breadcrumbs
  .property-breadcrumbs
  ul
  li:last-of-type
  > *,
.breadcrumbs.international_city_breadcrumbs ul li:last-of-type > * {
  white-space: wrap;
}

.property-view
  .property-header
  .breadcrumbs
  .property-breadcrumbs
  ul
  li
  .arrow
  svg,
.breadcrumbs.international_city_breadcrumbs ul li .arrow svg {
  max-height: 8px;
}

.property-view .property-header .property-header-details {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.property-view .property-header .property-header-details .property-title-price {
  column-gap: 15px;
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location {
  display: flex;
  align-items: center;
  gap: 0.2em;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  p,
.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  .btn {
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  .btn {
  font-weight: 500;
  color: var(--primary-color);
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  p {
  display: flex;
  align-items: center;
  gap: 0.2em;
  color: var(--black);
}

span.link_to_property,
a.link_to_property {
  color: var(--primary-color);
  font-family: "Manrope";
  font-weight: 500;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
  white-space: nowrap;
  cursor: pointer;
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  svg {
  max-height: 18px;
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  svg
  path {
  stroke: var(--black);
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-location
  .location
  .btn {
  padding: 0;
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-buttons {
  display: flex;
  gap: 1em;
}

/* Share property */
.share_options_container {
  display: none;
  position: absolute;
  z-index: 10;
  top: calc(100% + 15px);
  right: 15px;
}
.share_options_container ul {
  padding: 10px;
  list-style: none;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #0001;
}
.svg_share svg {
  width: 100%;
  height: 100%;
}

.share_options_container ul li a {
  background: #eee;
  padding: 5px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
  font-family: "Manrope";
  font-size: 14px;
  font-weight: 400;
}

.svg_share svg path {
  fill: #000;
}

.svg_share {
  width: 35px;
  height: 35px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share_options_container ul li {
  margin-bottom: 5px;
}
.share_options_container ul li:last-of-type {
  margin-bottom: 0;
}

.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-buttons
  .btn {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
  margin-left: auto;
}
.property-view
  .property-header
  .property-header-details
  .property-location-buttons
  .property-buttons
  .btn:focus {
  box-shadow: unset;
}
span.open_property_video_presentation svg path {
  fill: var(--green);
}

.property-gallery .add_to_fav {
  right: 0;
  top: 0;
  border-radius: 0 10px 0 10px;
  height: 45px;
  width: 45px;
  background: #0009;
}

.property-gallery .add_to_fav path {
  stroke: #fff;
}

/* Video in page */
.video-container-yt, .video-container-vimeo, .video-container-facebook, .video-container-tiktok {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* This is for 16:9 aspect ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-container-yt iframe, .video-container-vimeo iframe  {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--border-radius-m);
  background-color: #fff;
  overflow: hidden;
}

span.open_property_video_presentation {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 45px;
  height: 45px;
  background: #0009;
  border-radius: 10px 0 10px 0;
  padding: 10px;
  cursor: pointer;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}
/* .property-main-image iframe#ytplayer {
  position: absolute;
  z-index: 1;
} */
.property-main-image iframe#ytplayer {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 7.5px;
  overflow: hidden;
}

span.open_property_video_presentation svg {
  width: 100%;
  height: 100%;
}
.property-view .property-gallery {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.property-gallery .property-main-image {
  display: flex;
  height: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-m);
}

.property-gallery .property-main-image .slick-list {
  display: flex;
  flex-direction: column;
}

.property-gallery .property-main-image .arrows {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  height: fit-content;
  background: var(--black-30);
  border: none;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 15px 23px;
  border-radius: var(--border-radius-m);
}

.property-gallery .property-main-image .arrows.prev-arrow {
  left: 20px;
}

.property-gallery .property-main-image .arrows.next-arrow {
  right: 20px;
}

.property-gallery .property-main-image .pagination-slider {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: var(--black-30);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding: 7px 14px;
  border-radius: var(--border-radius-s);
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.property-gallery .property-main-image .pagination-slider span {
  color: var(--white);
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(10px, calc(0.625rem + ((1vw - 2.8px) * 0.2439))), 14px);
}

.property-gallery .property-main-image .main-image {
  border-radius: var(--border-radius-m);
  max-height: 600px;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 700px) {
  .property-gallery .property-main-image .main-image {
    max-height: 300px;
  }
}

.property-gallery .property-nav-image .nav-image {
  border-radius: var(--border-radius-m);
  margin: 0 10px;
  max-height: 110px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 90px;
}
@media (min-width: 1800px) {
  .property-gallery .property-nav-image .nav-image {
    height: 130px;
    max-height: unset;
  }
}

.property-gallery .property-nav-image,
.property-gallery .property-main-image {
  opacity: 0;
}

/* .property-main-image .arrows svg path {
  stroke: var(--primary-color);
} */

.property-gallery .property-nav-image .slick-list {
  margin: 0 -10px;
  display: flex;
  flex-direction: column;
}

.property-view .property-content .property-details .detail-inner {
  display: flex;
  justify-content: space-between;
}

.property-view .property-content .property-details .detail-inner .details-tags {
  display: flex;
}

.property-view .property-content .details-list .details {
  display: grid;
  grid-template: auto / 1fr 1fr;
  gap: 1em 2em;
  list-style: none;
}

.property-view .property-content .details-list .details .detail {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--black-20);
  padding-bottom: 1em;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.property-view .property-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.property-view .property-content .details-list {
  position: relative;
}

.property-view .property-content .details-list::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--white);
}

.property-view .property-content .details-list .details .detail .value {
  color: var(--black);
  font-weight: 500;
}

.property-view .w-box {
  background: var(--white);
  padding: 30px;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.property-view
  .property-content
  .property-description
  .description-content
  .description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  overflow: hidden;
  display: -webkit-box;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.property-view
  .property-content
  .property-description
  .description-content.collapsed
  .description {
  -webkit-line-clamp: 10;
  line-clamp: 10;
}

.property-view .property-content .property-description .description-content {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.property-view
  .property-content
  .property-description
  .description-content
  .collapsible-toggle {
  background: transparent;
  padding: 0;
  color: var(--primary-color);
  border: none;
  width: fit-content;
}

.property-view .property-content .property-location .details-list .details {
  display: flex;
  flex-direction: column;
}

.property-view .property-content .property-location-map .property-location {
  border-radius: 0;
}

.property-view .property-content .property-location-map {
  display: grid;
  grid-template: auto / 1fr 1fr;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}

.property-view .similar-properties {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.property-view .similar-properties > .property-title {
  text-align: center;
}
/* <--------------------------------------------------------- PAGINATION ---------------------------------------------------------> */

.pagination {
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding-top: 40px;
}

.pagination .prev.disabled,
.pagination .next.disabled {
  display: none;
}

.pagination:not(.pre, .next) .disabled:hover {
  background: transparent;
}

.pagination:not(.pre, .next) .disabled span {
  font-family: "Roboto";
  font-weight: 300;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.pagination li {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.pagination li:hover {
  background-color: var(--primary-color);
}

.pagination li:hover a {
  color: var(--white);
}

.pagination li a {
  color: var(--black);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(max(12px, calc(0.75rem + ((1vw - 2.8px) * 0.2439))), 16px);
}

.pagination li a svg path {
  stroke: var(--black);
}

.pagination li a:hover svg path {
  stroke: var(--white);
}

.pagination li a svg {
  max-height: 16px;
}

.pagination li a:hover {
  text-decoration: none;
}

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

.pagination .active a {
  color: var(--white);
}

.pagination .active a:hover {
  text-decoration: none;
}

/* MODAL PROPERTY VIEW */
.custom_modal_property_view {
  z-index: 99999;
}
.custom_modal_property_view .modal-lg {
  max-width: calc(100vw - 100px);
  max-height: calc(100vh - 100px);
  background: #fff;
  height: 100%;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.custom_modal_property_view .modal-content {
  height: 100%;
  width: 100%;
}

/* PROPERTY MAP */

.property_map_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
div.property_map_container {
  filter: grayscale();
}
.property_map_container.map_results {
  filter: unset;
}
.property_map_content {
  display: flex;
  flex-direction: column;
}
/* .property_map_image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  flex-shrink: 0;
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: var(--border-radius-m);
} */
.property_map_image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-m);
  padding-top: 75%;
  width: 220px;
}
.property_map_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
  display: none;
  position: absolute;
  inset: 0;
}

@media (max-width: 550px) {
  .property_map_image {
    padding-top: 65%;
    width: 180px;
  }
}
/* .property_map_image a {
  height: 100%;
  width: 100%;
} */
/* .property_map_image img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
  object-position: center;
  display: none;
} */
a.popup_map_property_phone {
  background: var(--primary-color);
  padding: 7.5px 15px;
  border-radius: var(--border-radius-m);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Manrope";
  font-size: 17px;
}
.arrow_property_map {
  flex-shrink: 0;
}
.arrow_property_map svg path {
  fill: var(--primary-color);
}

span.vat_value_map {
  font-size: 12px;
}

span.property_map_price {
  font-family: "Roboto";
  font-weight: 600;
  font-size: 16px;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.property_map_location {
  font-family: "Manrope";
  font-weight: 400;
  font-size: 15px;
  color: #3a3a3a;
  margin-top: 7.5px;
  margin-bottom: 3px;
}
.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: -15px;
  right: -12px;
  border: none;
  text-align: center;
  width: 30px;
  height: 30px;
  font: 19px/24px Tahoma, Verdana, sans-serif;
  color: #fff;
  text-decoration: none;
  background: transparent;
  background: #ff6e00;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #fff;
  opacity: 1;
}
.property_map_details {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 12px;
  color: #222;
  margin-top: 10px;
  display: flex;
  width: 100%;
  gap: 5px;
  flex-wrap: nowrap;
  overflow: auto hidden;
}
.property_map_details::-webkit-scrollbar {
  display: none;
}
span.property_map_detail_item {
  background: #e7e7e7;
  padding: 2.5px 7.5px;
  border-radius: 9999px;
  font-size: 14px;
  white-space: nowrap;
}
.property_map_details_container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.row_info {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 10px;
  border-radius: 5px;
}
.row_info:nth-of-type(odd) {
  background: var(--body-bg);
}
span.label_info {
  font-size: 14px;
  font-weight: 400;
  color: #424242;
}
span.value_info {
  font-weight: 500;
  font-size: 14px;
  color: #424242;
}

.leaflet-oferta__pret {
  background: var(--primary-color);
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 6px;
  text-align: center;
  transform: translate(-50%, -50%);
  position: relative;
  border-radius: 5px;
  top: -12px;
  left: 3px;
  white-space: nowrap;
  font-family: "Manrope";
  font-weight: 700;
  border: 1px solid var(--secondary-color);
}
.leaflet-oferta__pret::after {
  content: "";
}
.leaflet-oferta__pret:hover {
  background: var(--hover-markers);
}
.leaflet-oferta__pret:hover::after {
  border-top: solid 6px var(--hover-markers);
}

@media (max-width: 550px) {
  .property_map_location {
    font-size: 12px;
    margin: 0;
  }
  .leaflet-map-pane svg {
    width: 15px;
    height: 18px;
    margin-right: 2px;
  }
  span.label_info {
    font-size: 12px;
  }
  span.value_info {
    font-size: 12px;
  }
  span.property_map_price {
    font-size: 14px;
  }
}
/* Bus svg */
.marker_item svg {
  width: 25px;
  height: 25px;
}

.popup_container {
  transform: translateY(-100vh);
  width: calc(100% - 30px);
  height: calc(100% - 100px);
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: 999999;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: #f6f7f9;
  max-width: 1000px;
  max-height: 700px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(-120vh);
}
body.open_map .popup_container {
  transform: translateY(0);
}
body {
  position: relative;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-color: #0006;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 999999;
  opacity: 0;
  pointer-events: all;
  transition: all 0.2s linear;
  display: none;
}
body.open_map::before {
  opacity: 1;
  display: block;
}
.nav_popup {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  padding: 5px 20px;
  justify-content: space-between;
}
.nav_popup button,
.modal_nav_links {
  background: transparent;
  border: unset;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 14px;
  transition: all 0.2s linear;
  white-space: nowrap;
}
.container_nav_popup {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  overflow: auto;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.container_nav_popup::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container_nav_popup {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.nav_popup button.active {
  color: var(--primary-color);
}
#propertyMap,
#resultsMap,
#showResultsMap {
  height: 100%;
  width: 100%;
}
.view_map_container {
  transform: translateY(-100vh);
  width: calc(100% - 30px);
  height: calc(100% - 100px);
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: 999999;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: #f6f7f9;
  max-width: 1000px;
  max-height: 700px;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform: translateY(-120vh);
}

.main_popup_view {
  grid-column: 1/2;
  width: 100%;
  height: 100%;
}
.main_popup_view .property-gallery .property-main-image .main-image {
  object-fit: contain;
}
/* Agent section popup css */
.feedback_form {
  background: #fff;
  position: fixed;
  inset: 0;
  z-index: 9999999999999999;
  width: calc(100% - 30px);
  height: fit-content;
  margin: auto;
  max-width: 500px;
  overflow: hidden auto;
  border-radius: var(--border-radius-m);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: all 0.2s linear;
  opacity: 0;
  display: none;
  max-height: 85vh;
  min-height: 300px;
  overflow-y: auto;
}
.feedback_form::-webkit-scrollbar {
  width: 0;
  display: none;
}
.cf_feedback_agent label {
  display: none;
}
.feedback_form .btn.btn-primary {
  margin-top: 0 !important;
  width: 100%;
}
.cf_feedback_agent {
  margin-top: 20px;
}
.opened_form {
  position: relative;
}
.opened_form .feedback_form {
  display: block;
  opacity: 1;
}
.opened_form::after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #0004;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  z-index: 9999999;
  opacity: 1;
  inset: 0;
}
.rating-container {
  display: flex;
  background: #e3e3e3;
  align-items: center;
  padding: 5px;
  border-radius: var(--border-radius-s);
}
.c-form.c-form-init.c-form1 label {
  margin-bottom: 0;
  margin-top: 10px;
}
.c-form.c-form-init.c-form1 label:first-of-type {
  margin-top: 0;
}
button.close_feedback_form {
  position: absolute;
  top: 10px;
  right: 10px;
  border: unset;
  border-radius: var(--border-radius-m);
  background: #fff;
  width: 50px;
  height: 30px;
  transition: all 0.2s linear;
}
button.close_feedback_form:hover {
  background-color: #ddd;
}
.feedback_form .c-form-success {
  position: absolute;
  top: 50%;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 20px;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  padding: 5px 15px;
  border: 1px solid green;
  color: green;
  border-radius: var(--border-radius-s);
}
.agent_form .row {
  padding: 0 !important;
}
.feedback_form form {
  padding: 30px 15px 15px 15px;
  display: flex;
  flex-direction: column;
}
.feedback_form .btn-section {
  width: 100%;
}
.map_extra_info {
  padding: 20px;
}
.agent_info {
  display: flex;
  align-items: center;
  gap: 7.5px;
}
.agent_info img {
  width: 85px;
  height: 85px;
  object-fit: cover;
  border-radius: 10px;
}
.agent_details {
  display: flex;
  flex-direction: column;
}
.agent_name {
  font-weight: 400;
  font-size: 18px;
  text-transform: capitalize;
}
.agent_profile {
  font-weight: 600;
  font-size: 13px;
  margin-top: 7.5px;
  color: var(--seconday-color);
}
.agent_name a {
  color: var(--secondary-color);
}
.agent_profile:hover {
  color: var(--primary-color);
}
.agent_program {
  font-weight: 300;
  font-size: 13px;
}
.property_agent_container {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  height: 100%;
  max-height: 90%;
  overflow: hidden auto;
}
.agent_profile_info_container .agent_position {
  color: #262626;
  font-family: "Manrope";
  margin-bottom: 15px;
  display: block;
  font-size: 16px;
}
.agent_position a {
  font-size: 16px;
  color: var(--primary-color);
  font-weight: 600;
}
/* social media agents */
a.social_media_agent {
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 10px;
}

/* 
a.social_media_agent svg path {fill: var(--primary-color);} */
.social_media_agent svg, a.social_media_agency_item svg {
  width: 35px;
  height: 35px;
  background-color: #fff;
  padding: 0.3px;
  border-radius: 50%;
  transition: all 0.2s linear;
}
a.social_media_agency_item svg {
  width: 28px;
  height: 28px;
}
.social_media_agent path, a.social_media_agency_item svg path {
  fill: var(--primary-color);
  transition: all 0.2s linear;
}

.social_media_agent svg:hover, a.social_media_agency_item svg:hover {
  background-color: var(--primary-color);
}
.social_media_agent svg:hover path, a.social_media_agency_item svg:hover path {
  fill: #fff;
}

.btn_cta_popup {
  width: 100%;
  margin-top: 15px;
  font-size: 18px;
  font-family: "Roboto";
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.btn_cta_popup svg {
  width: 24px;
  height: auto;
}
.btn_cta_popup span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn_cta_popup.video_call_btn {
  padding: 13px 15px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
}
#popup_form input,
#popup_form select {
  min-height: 54px;
  border-radius: 7.5px;
}
#popup_form input:focus,
#popup_form select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ff6e00;
  outline: 0;
  box-shadow: unset;
}
#contact_reason_selector.video {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
#popup_form input[name="terms"] {
  min-height: unset;
}
#popup_form h3 {
  font-weight: 500;
}
.close_popup_modal {
  display: flex;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  position: absolute;
  z-index: 999999;
  top: 15px;
  right: 15px;
  background: var(--primary-color);
  border: 1px solid #fff5;
}
.close_popup_modal svg path {
  stroke: #ffe4cf;
}

.property-map {
  position: relative;
}
.property-map::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background: #0001;
}
.open_view_modal {
  position: absolute;
  inset: 0;
  height: fit-content;
  width: fit-content;
  margin: auto;
}
.terms-group label,
.terms-group label a {
  font-size: 14px;
  font-family: "Roboto";
  font-weight: 400;
}
.terms-group label a {
  text-decoration: underline;
}
.terms-group label a:hover {
  color: var(--primary-color);
}
.terms-group {
  padding: 0;
  display: grid;
  grid-template: auto / 20px 1fr;
  gap: 5px;
}
#error-terms {
  grid-column: 1/-1;
}
.c-error {
    color: red;
}
input[type="checkbox"] {
  accent-color: #f46900;
  width: 18px;
  height: 18px;
}

.terms-group input {
  min-height: unset;
}

/* PARTIAL CSS */
.modules-wrapper.grid_partners {
  display: grid;
  grid-template: auto / repeat(2, 1fr);
  gap: 20px;
  padding: 20px;
  background: #fff;
  border-radius: var(--border-radius-m);
}
.module.module-image.card_partner {
  border-radius: var(--border-radius-m);
  overflow: hidden;
}
.module.module-image.card_partner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.popup_cf_franchise {
  position: fixed;
  inset: 0;
  background: #fff;
  z-index: 99999999;
  width: calc(100% - 30px);
  max-height: calc(100% - 60px);
  height: fit-content;
  margin: auto;
  max-width: 800px;
  padding: 30px;
  overflow: hidden auto;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: var(--border-radius-l);
  transition: all 0.2s linear;
  display: none;
  opacity: 0;
}
.popup_cf_franchise::-webkit-scrollbar {
  display: none;
}
.popup_cf_franchise .container,
.popup_cf_franchise .col-lg-12 {
  padding: 0;
}
@media (max-width: 576px) {
  .popup_cf_franchise {
    padding: 15px;
  }
}
body.opened_form .popup_cf_franchise {
  display: block;
  opacity: 1;
}
.open_form_franchise {
  width: fit-content;
}
.close_franchise_form {
  width: fit-content;
  margin-left: auto;
  margin-bottom: 15px;
}
.close_franchise_form .btn.btn-initial {
  background: var(--primary-color);
  color: #fff;
}

.centered_content {
  max-width: 1200px;
  margin: auto;
  text-align: center;
}

.popup_cf_franchise .form-group.btn-section.row .btn.btn-primary {
  width: 100% !important;
}
/* cards franchise */

.card_info_franchise {
  background: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  margin-inline: 15px;
}
.card_info_franchise .fickle-image img {
  width: 100%;
  object-fit: cover;
  max-height: unset;
  border-radius: var(--border-radius-s);
}
.card_info_franchise .fickle-item.fickle-text-content {
  border-top: 1px solid #ddd;
  padding-top: 15px;
  flex-grow: 1;
}
.franchise_cards_container .slick-arrow-secondary {
  position: absolute;
  inset-block: 0;
  margin-block: auto;
  height: fit-content;
}
.franchise_cards_container .slick-arrow-left {
  left: 0;
}
.franchise_cards_container .slick-arrow-right {
  right: 0;
}
.franchise_cards_container .slick-dots {
  bottom: -35px;
  inset-inline: 0;
  margin-inline: auto;
}
.franchise_cards_container .slick-dots li button:before {
  font-size: 16px;
}
.franchise_cards_container .slick-track {
  display: flex !important;
}
.franchise_cards_container .slick-slide {
  display: block;
  height: inherit !important;
}

/* Error page */
.error_page_content {
  background-size: cover;
  padding-block: 50px;
  min-height: 90vh;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.error_page_content::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #0009;
  z-index: 0;
}
.error_page_content * {
  color: #fff;
}
.content_error_page {
  background: #0009;
  padding: 40px;
  border-radius: var(--border-radius-l);
  border: 1px solid #fff6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.content_error_page h1 {
  font-size: 100px;
  margin: 0;
}
.content_error_page .hero_search_properties {
  width: 100%;
  background: #0009;
  border: 1px solid #fff3;
  backdrop-filter: blur(50px);
}
.content_error_page .hero_search_properties {
  position: relative !important;
  inset: 0 !important;
}
@media (max-width: 991px) {
  .content_error_page .hero_search_properties {
    flex-direction: column;
    gap: 15px;
    padding: 15px;
  }
  .content_error_page .hero_search_properties .module.module-button {
    padding-top: 15px;
    border-top: 1px solid #fff4;
  }
  .content_error_page h1 {
    font-size: 50px;
  }
  .content_error_page {
    padding: 15px;
    gap: 20px;
    align-items: start;
  }
}
/* Recenzii agent */
/* Reviews page Agent */
.review_created_at {
  background: #b3ffb3;
  width: fit-content;
  color: #004900;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 9999px;
  margin-left: auto;
  margin-bottom: 15px;
  font-size: 15px;
}
/* .reviews_container {
    display: grid;
    grid-template: auto / 1fr;
    gap: 15px;
} */
.reviews_container {
  display: grid;
  grid-template: auto / repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 991px) {
  .reviews_container {
    grid-template: auto / 100%;
  }
}
.review_item_inner {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.reviewer_info {
  background: #f8f8f8;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #0002;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 5px;
}
.review_item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  /* border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px; */
}
.rev_start_container {
  display: flex;
  align-items: center;
  gap: 7.5px;
  justify-content: space-between;
  background: #e6e6e6;
  padding: 5px 10px;
  border-radius: 9999px;
}
.stars {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px;
}
.stars svg {
  width: 22px;
  height: 22px;
}
svg.empty_star path {
  fill: #969696;
}
svg.full_star path {
  fill: #ff6e00;
}
.reviewer_info_item.message {
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-grow: 1;
  height: 100%;
}
.reviewer_info_item.message {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.reviewer_info_item.message .rev_value {
  border: 1px solid #0002;
  width: 100%;
  padding: 5px;
  margin-top: 5px;
  border-radius: 6px;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
.title_detail_review {
  margin-bottom: 7.5px;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #484848;
}

/* Pagina agentii */
.hero_map .row {
  padding: 0;
}
.section_cities h1 {
  font-size: 50px;
}

/* Gtranslate */
a.gt_switcher-popup.glink.nturl.notranslate {
  position: relative;
  border-radius: 50%;
  overflow: hidden !important;
}
a.gt_switcher-popup.glink.nturl.notranslate img {
  display: none;
  position: absolute;
  inset: 0;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  filter: brightness(0.5);
}
a.gt_switcher-popup.glink.nturl.notranslate span {
  display: none;
}
.selected_lang {
  text-transform: uppercase;
  /* color: var(--primary-color); */
  color: #fff;
  position: relative;
  height: 50px;
  width: 50px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  line-height: 1;
  margin: 0 !important;
  display: none;
  font-family: "Roboto";
  font-weight: 300;
  background: var(--primary-color);
  font-size: min(
    max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))),
    16px
  ) !important;
}
.gt_white_content {
  display: none;
  width: 300px !important;
  height: fit-content !important;
  padding: 10px !important;
  background-color: var(--secondary-color) !important;
  inset: 0 !important;
  margin: auto !important;
  border-radius: 20px !important;
}
.gt_white_content .gt_languages {
  display: flex !important;
  flex-flow: column wrap !important;
  max-height: unset !important;
  overflow-x: hidden !important;
}
.gt_white_content a {
  padding: 10px 15px !important;
  background: #1e1e1e !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  font-family: "Roboto" !important;
  margin-bottom: 7.5px !important;
  border-radius: 9999px !important;
  border: unset !important;
}
.gt_white_content a:last-of-type {
  margin-bottom: 0 !important;
}
a.glink img {
  height: 35px !important;
  width: 50px !important;
  border-radius: 5px !important;
  object-fit: cover !important;
}

/* Career page */
.career_text_module_hero h1 {
  font-size: 45px;
}
.career_text_module_hero h1 em {
  font-weight: 300;
  font-size: 40px;
  display: flex;
  align-items: start;
  height: fit-content;
}
#text-animat ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#text-animat li {
  color: #fff;
  overflow: hidden;
  display: none;
  font-family: "Manrope";
  font-weight: 200;
  font-size: 23px;
  background: #fff1;
  border: 1px solid #fff2;
  padding: 5px 12px;
  border-radius: 7.5px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
#text-animat li strong {
  font-family: "Manrope";
  font-weight: 600;
  color: var(--primary-color);
  font-size: 23px;
}
#text-animat li svg path {
  fill: var(--primary-color);
}

#text-animat li svg {
  height: 30px;
  width: 30px;
}

@media(max-width: 650px) {
  #text-animat li, #text-animat li strong {
    font-size: 16px;
}
#text-animat li svg {
  height: 20px;
  width: 20px;
  margin-right: 5px;
}
}

.text_bugatti .text_btn_wrapper, .text_col_franchise {
  background: #fff;
  height: 100%;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.img_bugatti .module-image, .img_col_franchise .module-image {
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
  padding: 15px;
  background: #fff;
}

.img_bugatti .module-image img, .img_col_franchise .module-image img {
  width: 100%;
  height: 100%;
  border-radius: 13px;
  object-fit: cover;
}
.career_hero  {
  transition: all .5s linear;
}
.career_hero .row {
  row-gap: 30px;
  transition: all .5s linear;
}

#text-animat {
  min-height: 280px;

}

@media(min-width: 991px) {
  .col_hero_text_career {
    border-right: 2px solid var(--primary-color);
  }
}
@media(max-width: 991px) {
  .career_hero {
    padding-block: 30px !important;
  }
}
.module.module-video.career_hero_video {
  height: 100%;
  min-height: 400px;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}
.module.module-video.career_hero_video iframe {
  height: 100%;
}

/* Favorite popup */
.floating_fav_container .fav_link .fav_icon {
  display: flex;
  position: relative;
}

.floating_fav_container .fav_link {
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.floating_fav_container .fav_link svg {
  stroke-width: 1px;
}
.floating_fav_container .fav_link .count_favs {
  position: absolute;
  width: 16px;
  height: 16px;
  font-family: "Roboto";
  font-weight: 300;
  color: var(--primary-color);
  font-size: 12px;
  top: -6px;
  right: -6px;
  border-radius: 50px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 650px) {
  .floating_fav_container {
    position: fixed;
    bottom: 20px;
    left: 20px;
    border-radius: 50%;
    animation: pulse-animation 2s infinite;
  }
  .floating_fav_container .fav_link {
    width: 60px;
    height: 60px;
  }
  .floating_fav_container .fav_link svg {
    width: 27px;
    height: 27px;
  }
}

/* Agentul lunii  */
.slider_properties_agent,
.slider_properties_agent .slick-list {
  width: 100%;
}
.slider_properties_agent .slick-track {
  margin: unset;
}
.module-monthly-agent {
  display: grid;
  grid-template: auto / calc(400px - 15px) calc(100% - 400px - 15px);
  gap: 50px 30px;
}
.module-monthly-agent h2 span svg {
  width: 60px;
  height: 60px;
}

.module-monthly-agent h2 {
  display: flex;
  align-items: center;
  gap: 7.5px;
}


.module-monthly-agent h2 {
  grid-column: 1/-1;
  /* text-align: center; */
}
.monthly_agent_profile {
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
}

.top_side_profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.top_side_profile img {
  width: 100%;
  border-radius: 15px;
  border: 1px solid #fff3;
  height: auto;
  max-height: 400px;
  flex-shrink: 0;
  object-fit: cover;
}
@media (min-width: 768px) {
  .monthly_agent_profile {
    border-radius: 30px;
    padding: 20px;
  }
  .top_side_profile img {
    border-radius: 20px;
  }
}
.agent_info_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.agent_info_container h3 {
  color: var(--primary-color);
  font-family: "Roboto";
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}
.contact_info_container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.contact_info_container a {
  background: var(--primary-color);
  width: 50%;
  height: 36px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
}
.contact_info_container a:hover {
  background: var(--hover-primary);
}
.contact_info_container svg path {
  stroke: #fff;
}
.agent_info_container span {
  color: var(--p-color-dark);
  font-family: "Roboto";
  font-size: 16px;
}
.monthly_agent_description * {
  color: var(--p-color-dark);
}
.monthly_agent_description {
  flex-grow: 1;
}
.monthly_agent_view_profile {
  width: 100%;
  background: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Manrope";
  font-weight: 400;
  border-radius: 10px;
  font-size: 18px;
  padding: 15px;
}
a.monthly_agent_view_profile:hover {
  color: #fff;
}
.monthly_agent_properties {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.monthly_agent_properties .top_side_properties_agent {
  width: 100%;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: auto;
  border-bottom: 1px solid #0003;
}
@media (min-width: 768px) {
  .monthly_agent_properties .top_side_properties_agent {
    width: calc(100% - 60px);
  }
}
.monthly_agent_properties .module-button {
  width: fit-content;
  margin-left: auto;
}
.monthly_agent_properties .top_side_properties_agent h3 {
  margin: 0;
  font-size: 35px;
  font-weight: 500;
}

/* END PARTIAL CSS */

/* Recent added properties VIEW */
.recently_added_property_item img {
  width: 130px;
  height: 90px;
  object-fit: cover;
  border-radius: 10px;
}
.recently_added_properties {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.recently_added_property_item {
  display: flex;
  gap: 10px;
}
.info_recent_property {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.info_recent_property a {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 16px;
  transition: all 0.2s linear;
  color: var(--secondary-color);
}
.info_recent_property a:hover {
  color: var(--primary-color);
}
.recent_property_price {
  font-family: "Manrope";
  font-weight: 600;
  color: var(--primary-color);
  font-size: 15px;
  display: flex;
  flex-direction: column;
}
span.view_page_tva_price_recents {
  font-weight: 300;
  font-size: 12px;
}
/* Notifications */
.notification {
  position: fixed;
  top: calc(var(--header-height) + 15px);
  right: var(--container-padding);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  z-index: 999999;
  padding: 15px 20px;
  border-radius: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  max-width: 400px;
}

.notification.error {
  background: #ff3535;
  color: #fff;
}
.notification.success {
  background: #a6e4b3;
  color: #004800;
}
.notification.warn {
  background: #ff9c9c;
  color: black;
}

/* Floating wapp icon */
.floating_wapp_icon {
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 12px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.floating_wapp_icon svg {
  width: 63px;
  height: 63px;
  flex-shrink: 0;
}
.floating_wapp_container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
}
.floating_wapp_box {
  position: absolute;
  width: 330px;
  display: none;
  bottom: 80px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  right: 0;
}
.header_wapp {
  background: rgb(9, 94, 84);
  color: rgb(17, 17, 17);
  display: flex;
  -moz-box-align: center;
  align-items: center;
  padding: 24px 20px;
  gap: 15px;
}
.favicon_container {
  flex-shrink: 0;
  position: relative;
}
.favicon_container::before {
  content: "";
  bottom: 0px;
  right: 0px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-color: rgb(74, 213, 4);
  display: block;
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  border: 2px solid rgb(9, 94, 84);
}
.header_wapp h3 {
  color: #fff;
  font-size: 16px;
  margin: 0;
}
.favicon_container img {
  background: var(--secondary-color);
  border-radius: 50%;
  object-fit: contain;
  width: 50px;
  height: 50px;
}
.body_wapp {
  padding: 20px 20px 20px 10px;
  background-color: rgb(230, 221, 212);
  position: relative;
  height: 180px;
}
.body_wapp::before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("/uploads/images/whatsapp-bg.png");
}
.message_body {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  position: relative;
  border-radius: 0 8px 8px;
  padding: 7px 14px 6px;
  max-width: calc(100% - 101px);
  margin-top: 4px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: all 0.2s linear;
}
.message_body::before {
  position: absolute;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  top: 0px;
  left: -12px;
  width: 12px;
  height: 19px;
}

.message_body .website_title {
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 10px;
}
.message_body .text_message {
  font-size: 14px;
}
.message_hr_sent {
  font-size: 13px;
  text-align: end;
  color: #0005;
}
.footer_wapp {
  background: rgb(0, 230, 118);
  color: #fff;
  display: flex;
  margin: 24px 20px;
  padding: 20px;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-weight: 500;
}
.footer_wapp:hover {
  color: #fff;
}
.btn_close_wapp {
  position: absolute;
  top: 5px;
  right: 5px;
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.btn_close_wapp::before,
.btn_close_wapp::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  background-color: rgb(255, 255, 255);
  display: block;
  border-radius: 2px;
}
.btn_close_wapp::after {
  transform: rotate(-45deg);
}
.btn_close_wapp::before {
  transform: rotate(45deg);
}
.inner_content_wap_box {
  position: relative;
}

/* Loading wapp */
.loader_wapp_inner {
  background-color: #fff;
  width: 52.5px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  -moz-box-pack: center;
  justify-content: center;
  -moz-box-align: center;
  align-items: center;
  margin-left: 10px;
  transition: 0.1s;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;
  position: absolute;
}
.dot-1 {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  background-color: rgb(158, 157, 162);
  animation-name: dotLoading1;
}
.dot-2 {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: rgb(182, 181, 186);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: dotLoading2;
}
.dot-3 {
  height: 5px;
  width: 5px;
  margin: 0px 2px;
  background-color: rgb(182, 181, 186);
  border-radius: 50%;
  display: inline-block;
  position: relative;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  top: 0px;
  animation-name: dotLoading3;
}

@keyframes dotLoading1 {
  0% {
    background-color: rgb(182, 181, 186);
  }
  15% {
    background-color: rgb(17, 17, 17);
  }
  25% {
    background-color: rgb(182, 181, 186);
  }
}
@keyframes dotLoading2 {
  15% {
    background-color: rgb(182, 181, 186);
  }
  25% {
    background-color: rgb(17, 17, 17);
  }
  35% {
    background-color: rgb(182, 181, 186);
  }
}
@keyframes dotLoading3 {
  25% {
    background-color: rgb(182, 181, 186);
  }
  35% {
    background-color: rgb(17, 17, 17);
  }
  45% {
    background-color: rgb(182, 181, 186);
  }
}

/* Agent Page */
.profile_agent {
  display: flex;
  gap: 30px;
  /* margin-top: 50px; */
  margin-bottom: 50px;
  background: #ffffff;
  padding: 15px;
  border-radius: 25px;
  flex-direction: column;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.agents_properties_title h2 {
  font-size: min(max(22px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 35px);
}
.profile_picture {
  flex-shrink: 0;
  width: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.play_agent_presentation {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #0005;
  padding: 10px 20px;
  border-radius: 9999px;
  border: 1px solid #fff5;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  gap: 0;
  color: #fff;
  font-family: "Manrope";
  font-weight: 300;
  font-size: 20px;
  overflow: hidden;
}
button.play_agent_presentation svg {
  width: 35px;
  height: 35px;
}
.text_video_presentation {
  transition: opacity 0.1s linear, width 0.2s linear;
  width: 0;
  max-width: fit-content;
  white-space: nowrap;
  opacity: 0;
  font-size: 16px;
}
.play_agent_presentation:hover {
  background: #0008;
  gap: 15px;
}
.play_agent_presentation:hover .text_video_presentation {
  transition: opacity 0.4s linear, width 0.2s linear;
  width: 180px;
  opacity: 1;
  font-size: 16px;
}

.play_agent_presentation svg {
  flex-shrink: 0;
}
button.play_agent_presentation.play {
  z-index: 1;
  top: 15px;
  height: fit-content;
}
.agent_profile_info_container h1 {
  font-size: 25px;
  color: #000;
  text-transform: capitalize;
  margin: 0;
}
.profile_picture img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid #fff2;
  opacity: 1;
  transition: all 0.2s linear;
  pointer-events: all;
}
.profile_picture iframe {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: all 0.2s linear;
  pointer-events: none;
}
.profile_picture.play iframe {
  opacity: 1;
  pointer-events: all;
}
.profile_picture.play img {
  opacity: 0;
  pointer-events: none;
}
.agent_profile_info_container h1 {
  margin-bottom: 15px;
}
.agent_profile_info_container p {
  color: #1e1e1e;
}
.agent_profile_info {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}
.agent_profile_info .btn-secondary {
  width: 100%;
  padding: 15px 5px;
}

.agent_profile_info {
  display: grid;
  grid-template: auto / 100%;
  gap: 15px;
  margin-top: 30px;
}
@media (min-width: 450px) {
  .agent_profile_info {
    grid-template: auto / repeat(2, 1fr);
  }
}
.open_feedback_form:last-child {
  grid-column: 1 / -1;
}
.agent_presentation_popup {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999999999;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.video_container {
  position: relative;
  width: 100%;
  max-width: calc(90vh * (9 / 16));
  height: 90vh;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}
@media (max-width: 450px) {
  .video_container {
    max-width: calc(70vh * (9 / 16));
    height: 70vh;
  }
}
@media (max-width: 350px) {
  .video_container {
    max-width: calc(65vh * (9 / 16));
    height: 65vh;
  }
}
.video_container iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.video_container .close_popup {
  border-radius: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ff0000;
  color: white;
  border: none;
  cursor: pointer;
  padding: 5px 12px;
}

.spoken_lang_item svg {
  width: 30px;
  height: auto;
}

.spoken_lang_item {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
}

.container_agent_spoken_langs {
  display: flex;
  gap: 15px;
}

.agent_profile_top_side_info {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    justify-content: space-between;
}

.monthly_agent_profile_container svg {
    height: 100%;
    width: 100%;
}

.monthly_agent_profile_container {
    width: 114px;
    flex-shrink: 0;
}

.main_content_agent_profile {
    width: 100%;
}
@media(max-width: 1200px) {
  .monthly_agent_profile_container {
    width: 114px;
    margin-bottom: 0;
  }
}
@media (min-width: 991px) {
  .profile_agent {
    flex-direction: row;
    align-items: start;
  }
  .profile_picture {
    max-width: 350px;
  }
}
@media (min-width: 1130px) {
  .agent_profile_info {
    display: flex;
    flex-direction: row;
  }
  .agent_profile_info .btn-secondary {
    width: fit-content;
    white-space: nowrap;
    padding: 15px 25px;
  }
}
@media(max-width: 650px) {
  .monthly_agent_profile_container {
    width: 50px;
}
}
@media (min-width: 1200px) {
  .profile_picture {
    max-width: 550px;
  }
  .profile_agent {
    align-items: center;
  }
}
.agents_languages {
  margin-bottom: 10px;
  border-bottom: 1px solid #0002;
  padding-bottom: 10px;
}

.agents_languages span {
  font-family: 'Manrope';
  font-weight: 500;
}
.chart_container {
  display: grid;
  grid-template: auto / 100%;
  gap: 30px;
}
.canvas_item_chart canvas {
  width: 350px !important;
  height: 300px !important;
  object-fit: contain;
}
@media (min-width: 350px) {
  .canvas_item_chart canvas {
    width: 380px !important;
  }
}
@media (min-width: 450px) {
  .canvas_item_chart canvas {
    width: 450px !important;
  }
}
@media (min-width: 600px) {
  .canvas_item_chart canvas {
    width: 520px !important;
  }
}
@media (min-width: 850px) and (max-width: 1149.99px) {
  .chart_container {
    grid-template: auto / repeat(2, calc((100% / 2) - (30px / 2)));
  }
  .canvas_item_chart canvas {
    width: 390px !important;
  }
}

@media (min-width: 1150px) {
  .chart_container {
    grid-template: auto / repeat(2, calc(50% - 15px));
}
  .canvas_item_chart canvas {
    width: 380px !important;
  }
}
@media (min-width: 1350px) {
  .canvas_item_chart canvas {
    width: 450px !important;
  }
}

.canvas_item_chart {
  background: #fff;
  padding: 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Pulse animation */
.pulse {
  animation: pulse-animation 2s infinite;
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

/* Pagina franciza */
.modules-wrapper.row_btns {
  display: flex;
  align-items: center;
  gap: 25px;
}
.builder-section.section_fondators.section-space {
  padding-block: 200px;
  background-size: cover;
  background-position: top;
}
.section_fondators * {
  color: #fff;
}
.section_fondators {
  color: #fff;
}
.form_franchise {
    height: 100%;
}
#harta_franciza {
  height: 100%;
  width: 100%;
}
.view_all_agents_btn {
  border-radius: 9999px;
  padding: 13px 25px;
  margin-inline: auto;
  display: flex;
  width: fit-content;
  margin-top: 3rem;
}
@media (max-width: 991px) {
  #harta_franciza {
    height: 300px;
  }
}
.custom_map_property.franchise {
  width: 35px;
  height: 50px;
  left: calc(50% - 17.5px);
  top: calc(50% - 25px);
}

@media (max-width: 1500px) {
  .builder-section.section_fondators.section-space {
    padding-block: 150px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (max-width: 1050px) {
  .builder-section.section_fondators.section-space {
    padding-block: 80px;
  }
}
@media (max-width: 850px) {
  .builder-section.section_fondators.section-space {
    padding-block: 50px;
    background-size: cover;
  }
}
@media (max-width: 600px) {
  /* .builder-section.section_fondators.section-space {
    padding-block: 20px;
  } */
  .builder-section.section_fondators.section-space {
    padding-block: 20px;
    background-size: contain;
    background-color: #000;
    background-position: bottom;
}
.builder-section.section_fondators.section-space  h2 {
  font-size: 18px;
}
.builder-section.section_fondators.section-space  p {
  font-size: 12px;
  max-width: 220px;
  margin-inline: auto;
}
.builder-section.section_fondators.section-space  a {
  padding: 7.5px 15px;
  font-size: 12px;
}
}

/* Contact */
.section_contact .row.builder-row {
  /* background: #fff;
  padding-block: 15px;
  border-radius: 10px; */
  row-gap: 30px;
}
.modules-wrapper.cf_wrapper {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}
.modules-wrapper.map_wrapper {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
}
.section_contact .row.builder-row .module.module-contact svg path {
  stroke: var(--primary-color);
}
.section_contact .row.builder-row .module.module-social svg path {
  fill: var(--primary-color);
}
.section_contact .row.builder-row .module.module-social ul {
  list-style: none;
  display: flex;
  gap: 10px;
  margin-top: 15px;
}
.section_contact .map_container_contact iframe {
  height: 400px;
  border-radius: var(--border-radius-m);
  margin-bottom: 10px;
}
.text_col_contact .logo_contact {
  background: #fff;
  padding: 50px 0;
  border-radius: var(--border-radius-m);
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text_col_contact .logo_contact img {
  width: 100%;
  max-width: 800px;
}
.text_col_contact .text {
  padding: 20px;
  border-radius: var(--border-radius-m);
  background: #fff;
  margin-bottom: 30px;
}

/* Styles for agent view on contact page */
.text_col_contact .agent-title a {
  color: var(--primary-color);
  font-family: "Manrope";
  font-weight: 600;
}
.text_col_contact .agent-subtitle {
  margin-bottom: 5px !important;
  font-size: 16px;
  margin-top: 2px;
}
.text_col_contact .agent-title {
  margin-bottom: 0;
}
.text_col_contact .agent-categories-item-wrapper {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.text_col_contact .agent-category-item-inner {
  display: flex;
  align-items: center;
  gap: 15px;
  background: #fff;
  margin-top: 30px;
  border-radius: var(--border-radius-m);
  padding: 15px;
}

.text_col_contact .agent-categ-image-wrapper img {
  width: 250px;
  border-radius: var(--border-radius-s);
}
.text_col_contact .agent-profile {
  background: var(--primary-color);
  padding: 1em 2em;
  display: flex;
  width: fit-content;
  margin-top: 10px;
  color: #fff;
  font-family: "Manrope";
  border-radius: var(--border-radius-btn);
  transition: all 0.2s linear;
  font-size: min(max(14px, calc(0.875rem + ((1vw - 2.8px) * 0.122))), 16px);
}
.text_col_contact .agent-profile:hover {
  color: #fff;
}

.agent-categ-image-wrapper {
  position: relative;
}
.agent_of_the_month_badge {
  position: absolute;
  color: #fff;
  background: #0009;
  padding: 5px 15px;
  /* border: 1px solid #ff6e009c; */
  font-family: "Manrope";
  font-weight: 600;
  letter-spacing: 0.5px;
  width: 100%;
  left: 0;
  bottom: 0;
  border-radius: 0 0 5px 5px;
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
}
.agent-category-item-inner.agent_of_the_month {
  background: #252525;
}

.agent-category-item-inner.agent_of_the_month .agent-categ-description * {
  color: #e3e3e3;
}
.agent-category-item-inner.agent_of_the_month .agent-categ-description .letter {
  color: #fff;
}
.agent-category-item-inner.agent_of_the_month .agent-subtitle {
  color: #d7d7d7;
}
/* svg.agent_badge {
  position: absolute;
  width: 50px;
  height: auto;
  top: 15px;
  right: 15px;
} */
/* END Styles for agent view on contact page */

.map_col_contact .module-social svg path {
  fill: var(--primary-color);
}
.map_col_contact .module-social .nav-link {
  padding: 0;
}
.map_col_contact .module-social .s-googlemybusiness svg circle,
.post-follow .s-googlemybusiness svg circle {
  fill: var(--primary-color) !important;
}
.map_col_contact .module-social .s-googlemybusiness svg path,
.post-follow .s-googlemybusiness svg path {
  fill: #fff !important;
}
.map_col_contact .modules-wrapper {
  background: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
}
.map_col_contact h1,
.contact_sticky_title *,
.subtitle_right > * {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: 500;
}
.text_col_contact .module-text h1 {
  font-size: min(max(28px, calc(1.75rem + ((1vw - 2.8px) * 3.6585))), 50px);
}
.map_col_contact .map_container_contact {
  height: 400px;
}
.map_col_contact .map_container_contact iframe {
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  height: 100% !important;
  border: 1px solid #0002 !important;
}

.map_col_contact .module-contact svg path {
  stroke: var(--primary-color);
}
.map_col_contact .module-contact ul * {
  display: flex;
  align-items: center;
  gap: 0.3em;
  color: var(--p-color-dark);
  font-family: "Manrope";
}
.map_col_contact .module-social ul {
  display: flex;
  align-items: center;
  gap: 5px;
  list-style: none;
  margin-top: 15px;
}
.map_col_contact .map_container_contact {
  height: 400px;
  margin-bottom: 15px;
}

/* TESTIMONIALE */
.container_testimonial {
  display: flex;
  gap: 15px;
  background: #fff;
  margin-top: 30px;
  padding: 15px;
  border-radius: var(--border-radius-m);
  flex-direction: column;
}
.media_testimonial iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.text_testimonial h3 {
  font-size: 30px;
  font-family: "Manrope";
}
@media(max-width: 750px) {
    .text_testimonial h3 {
    font-size: 25px;
}
}
@media(max-width: 600px) {
    .text_testimonial h3 {
    font-size: 22px;
}
}
/* Loader testimoniale */
.media_testimonial {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  flex-shrink: 0;
  border-radius: 5px;
  overflow: hidden;
}
.media_testimonial .spinner-border.text-muted {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 0;
}
.wrapper_testimoniale {
  display: grid;
  grid-template: auto / repeat(3, 1fr);
  column-gap: 30px;
}
.wrapper_testimoniale ul.pagination.pagination-testimoniale {
  grid-column: 1/-1;
}
@media (max-width: 1450px) {
  .wrapper_testimoniale {
    grid-template: auto / repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .wrapper_testimoniale {
    grid-template: auto / 100%;
  }
}

/* Blog page */
.text_col_contact .post-grid .post-item-wrapper {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}
.text_col_contact .post-grid {
  display: grid;
  grid-template: auto / repeat(2, calc(50% - 15px));
  gap: 30px;
}

/* Career Page */
.career_form .row,
.career_form .col-lg-12 {
  padding: 0 !important;
}

.form-group.btn-section.row .col-12,
.form-group.btn-section.row .col-lg-12,
.form-group.btn-section.row .col-lg-6 {
  padding: 0 !important;
}
.form-group.btn-section.row .btn.btn-primary {
  margin-top: 20px;
}

.form_hero {
  border: 1px solid #fff5;
  padding: 25px;
  background-color: #282828;
}
.form_hero .row {
  background: transparent !important;
  border-radius: unset !important;
  position: relative;
  overflow: unset !important;
}

.form_hero label {
  color: #d5d5d5;
}
.form_hero input[type="file"] {
  color: #ddd;
}
#\#verifyCode-image img {
  border-radius: 15px;
  overflow: hidden;
  width: 130px;
  margin-left: 15px;
}
.captcha_wrapper {
  display: flex;
  align-items: center;
}
.form_hero .form-control::placeholder {
  color: #c6c6c6;
  opacity: 1;
}
.form_hero .form-control:focus {
  color: #c6c6c6;
  background-color: #2d2d2d;
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
.form_hero input,
.form_hero textarea {
  background: #424242;
  border: unset;
  color: #c6c6c6;
}
.info_career_text h3,
.info_career_text h3 strong {
  font-size: 25px;
}
.info_career_text h3 strong {
  color: var(--primary-color);
  text-transform: uppercase;
}
.modules-wrapper.faq_btn_wrapper {
  display: flex;
  gap: 1.3em;
  padding: 30px 0 0 30px;
}

@media (max-width: 991px) {
  .modules-wrapper.faq_btn_wrapper {
    padding: 30px 0 0 0;
  }
}

.video_col_career .module-video iframe {
  border-radius: calc(var(--border-radius-l) - 0.6em);
  border: 1px solid #fff5;
}

/* Pagina misiune viziune */
.modules-wrapper.our_mission {
  display: flex;
  gap: 30px;
}
.modules-wrapper.our_mission {
  display: grid;
  grid-template: auto / repeat(2, 1fr);
  gap: 30px;
}

.modules-wrapper.our_mission .module-fickle {
  background-color: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 20px;
}
.academy_cards_slider .module-fickle {
  background-color: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  width: 100%;
  height: auto;
  display: flex;
  gap: 20px;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  margin-inline: 15px;
}
.academy_cards_slider .slick-track {
  display: flex;
}
.academy_cards_slider .slick-slide {
  height: inherit;
}
.academy_cards_slider .slick-arrow {
  position: absolute;
  inset-block: 0;
  margin: auto;
  height: fit-content;
}
.academy_cards_slider .slick-arrow-left {
  left: 0;
}
.academy_cards_slider .slick-arrow-right {
  right: 0;
}

/* Trainer */
.fickle_trainer {
  display: flex;
  gap: 20px;
  background-color: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  margin-bottom: 30px;
}
.fickle_trainer:last-of-type {
  margin-bottom: 0;
}
.fickle_trainer .fickle-image {
  margin-bottom: unset;
}
.fickle_trainer img {
  width: 100%;
  max-height: unset;
  border-radius: var(--border-radius-s);
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-width: 400px;
}

.fickle_trainer .fickle-text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.title_values.academy h2 {
  text-align: center;
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 40px);
}
.fickle_trainer .fickle-text-content h2 {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 40px);
}
.fickle_trainer .fickle-text-content h3 {
  font-size: min(max(22px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 25px);
  color: var(--primary-color);
}

@media (max-width: 991px) {
  .fickle_trainer {
    flex-direction: column;
  }
  .fickle_trainer img {
    min-width: unset;
  }
}

.modules-wrapper.our_mission .fickle-item.fickle-text-content,
.academy_cards_slider .fickle-item.fickle-text-content {
  flex-grow: 1;
}
.modules-wrapper.our_mission .fickle-item.fickle-additional-html-code,
.academy_cards_slider .fickle-item.fickle-additional-html-code {
  background: var(--body-bg);
  flex-shrink: 0;
  padding: 10px;
  border-radius: 50%;
  width: fit-content;
  height: fit-content;
}
.academy_cards_slider .fickle-item.fickle-additional-html-code {
  padding: 15px;
}

.modules-wrapper.our_mission .fickle-item.fickle-text-content h2,
.academy_cards_slider .fickle-item.fickle-text-content h2,
.modules-wrapper.our_mission .fickle-item.fickle-text-content h1 {
  font-size: 25px;
}

.modules-wrapper.our_mission .fickle-item.fickle-additional-html-code svg,
.academy_cards_slider .fickle-item.fickle-additional-html-code svg {
  width: 80px;
  height: 80px;
}
.academy_cards_slider .fickle-item.fickle-additional-html-code svg {
  width: 50px;
  height: 50px;
}
.modules-wrapper.our_mission .fickle-item.fickle-additional-html-code svg path,
.academy_cards_slider .fickle-item.fickle-additional-html-code svg path {
  fill: var(--primary-color) !important;
}
.academy_cards_slider .cards_franchise_adv .fickle-item.fickle-additional-html-code svg {
  width: 60px;
  height: 60px;
}
/* .modules-wrapper.our_mission .cards_franchise_adv .fickle-item.fickle-additional-html-code svg path,
.academy_cards_slider .cards_franchise_adv .fickle-item.fickle-additional-html-code svg path {
  fill: unset !important;
} */
.academy_cards_slider .cards_franchise_adv .fickle-item.fickle-additional-html-code svg path:nth-child(3) {
  fill: #fff !important;
}
.academy_cards_slider .cards_franchise_adv .fickle-item.fickle-additional-html-code svg .dark_section_custom_marker {
  fill: #000 !important;
}

.row_mission .custom_image {
  padding: 0;
  background: transparent;
  margin-top: 30px;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}

.row_mission .fickle-has-background-image {
  height: 60vh;
  border-radius: var(--border-radius-m);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}
.row_mission .custom_image img {
  max-width: 100%;
  max-height: 500px;
  object-fit: cover;
}
.title_values {
  grid-column: 1 / -1;
  margin-bottom: 0;
  background: #fff;
  border-radius: var(--border-radius-m);
  padding: 10px;
}
.title_values h2 {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 40px);
}
@media (max-width: 991px) {
  .modules-wrapper.our_mission {
    gap: 15px;
  }
  .modules-wrapper.our_mission .fickle-item.fickle-text-content h2,
  .modules-wrapper.our_mission .fickle-item.fickle-text-content h1 {
    font-size: 20px;
  }
  .modules-wrapper.our_mission .module-fickle {
    flex-direction: column-reverse;
    gap: 15px;
    align-items: start;
  }
  .modules-wrapper.our_mission .fickle-item.fickle-additional-html-code svg {
    width: 40px;
    height: 40px;
  }
  .row_mission .fickle-has-background-image {
    height: 40vh;
    min-height: 350px;
  }
  .modules-wrapper.our_mission.values {
    grid-template: auto / repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .modules-wrapper.our_mission,
  .modules-wrapper.our_mission.values {
    grid-template: auto / 100%;
  }
}

/* SERVICES PAGES */
.modules-wrapper.custom_card {
  text-align: center;
  background: #fff;
  height: 100%;
  padding: 15px;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.modules-wrapper.custom_card img {
  height: 50px;
  object-fit: contain;
}
.grid_layout_testimonials {
  display: grid;
  grid-template: auto / repeat(2, calc(50% - 15px));
  gap: 0 30px;
}

.grid_layout_testimonials .container_testimonial {
  flex-direction: column;
}
.grid_layout_testimonials .media_testimonial iframe {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-s);
}

/* Page real estate agent */
.rounded_frame iframe {
  border-radius: var(--border-radius-m);
  height: 550px;
}
.text_col_contact .text {
  padding: 20px;
  border-radius: var(--border-radius-m);
  background: #fff;
  margin-bottom: 30px;
  gap: 20px;
}
.text_col_contact .text h2 {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 34px);
}
.text_col_contact .text a {
  color: var(--primary-color);
}
.cta_hire_agent {
  display: flex;
  align-items: center;
}
.cta_hire_agent .rounded_frame {
  padding: 0;
  margin: 0;
}
.cta_hire_agent .rounded_frame iframe {
  height: 100%;
  min-height: 350px;
  width: 100%;
  min-width: 400px;
}

.cta_hire_agent h2 {
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 34px);
}
.cta_agent_text {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (max-width: 991px) {
  .grid_layout_testimonials {
    grid-template: auto / 100%;
  }
  .cta_hire_agent {
    display: flex;
    flex-direction: column;
  }
  .cta_hire_agent .rounded_frame {
    width: 100%;
  }
  .cta_hire_agent .rounded_frame iframe {
    min-width: unset;
  }
  .rounded_frame iframe {
    height: 400px;
  }
}
@media (max-width: 800px) {
  .text_col_contact .agent-category-item-inner {
    flex-direction: column;
  }

  .text_col_contact .agent-categ-image-wrapper img {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .cta_hire_agent .rounded_frame iframe {
    min-height: calc(1080px / 4);
  }
  .rounded_frame iframe {
    height: calc(1080px / 4);
  }
}
/* Properties slider */
.slide_properties .property-col {
  max-width: 100%;
  flex: 0 0 100%;
  padding: 0;
}
.slide_properties .property-item .property-wrapper:hover {
  box-shadow: unset;
}
.slide_properties .property-item .property-wrapper {
  border-radius: var(--border-radius-m);
  padding: 0;
}
.slide_properties
  .property-item
  .property-wrapper
  .property-header
  .property-image
  img {
  border-radius: var(--border-radius-m);
}

.slide_properties .arrows {
  position: absolute;
  top: 25%;
  z-index: 2;
  background: var(--primary-color);
  height: 50px;
  width: 35px;
  border: unset;
  border-radius: var(--border-radius-m);
  transition: all 0.2s linear;
  opacity: 0.8;
}
.slide_properties .arrows:hover {
  opacity: 1;
}
.slide_properties .prev-arrow {
  left: 5px;
}
.slide_properties .next-arrow {
  right: 5px;
}

/* grid contact form */
.grid_cf {
  display: grid;
  grid-template: auto / repeat(2, calc(50% - 15px));
  gap: 0 30px;
}
.grid_cf .form-group:last-of-type {
  grid-column: 1/-1;
}
.custom_form .c-form {
  background: #ddd;
  padding: 15px;
  border-radius: var(--border-radius-m);
}

/* Full menu */
.full_menu_item {
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999999999999;
  transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
  pointer-events: none;
}

.full_menu_item .content_right {
  position: absolute;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border-radius: var(--border-radius-m);
  z-index: 1;
  /* clip-path: polygon(100% 100%, 30% 100%, 0 55%, 0 0, 100% 0); */
}

.full_menu_item .content_right .full_menu_items_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.25rem;
  gap: 1rem;
}

.full_menu_item .content_right .menu_contact_wrapper {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.full_menu_item .content_right .menu_contact_wrapper .menu_logo_wrapper svg {
  width: 100%;
  height: 100%;
}

.full_menu_item .navbar-nav {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
  gap: 1rem;
}

.full_menu_item .navbar-nav::-webkit-scrollbar {
  display: none;
}

/* .full_menu_item .navbar-nav {
  -ms-overflow-style: none;
  scrollbar-width: none;
} */
/* Stilizare pentru browser-ele WebKit (Chrome, Safari) */
.full_menu_item .navbar-nav::-webkit-scrollbar {
  width: 12px; /* Lățimea barei de derulare */
}

.full_menu_item .navbar-nav::-webkit-scrollbar-thumb {
  background: orange; /* Culoarea portocalie a barei de derulare */
  border-radius: 10px; /* Rounding the corners of the scrollbar */
}

.full_menu_item .navbar-nav::-webkit-scrollbar-thumb:hover {
  background: darkorange; /* Culoarea portocalie în timpul hover */
}

/* Stilizare pentru Firefox */
.full_menu_item .navbar-nav {
  scrollbar-width: thin; /* Subțire */
  scrollbar-color: orange transparent; /* Culoarea barei și fundalul */
}

.full_menu_item.menu_left {
  left: -100%;
  background: #2d2d2f;
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  width: 25%;
  background-position: center;
  background-size: cover;
  padding: 1.25rem;
  min-width: 400px;
}

.full_menu_item .menu_left_inner {
  background: var(--white);
  height: 100%;
  padding: 1.25rem;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.full_menu_item .menu_left_inner .menu_logo_wrapper svg {
  width: 100%;
  height: 100%;
}

.full_menu_item.menu_right {
  right: -100%;
  background: var(--body-bg);
  width: 75%;
  overflow: hidden;
  background: #2d2d2f;
  max-width: calc(100% - 400px);
}

.full_menu_item.menu_right .contact_data_wrapper_menu {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 1.25rem;
}
/* open full menu */
body.full_menu {
  overflow: hidden;
}
body.full_menu .full_menu_item {
  opacity: 1;
  pointer-events: auto;
}
body.full_menu .full_menu_logo {
  opacity: 1;
  pointer-events: auto;
  bottom: 0;
}
body.full_menu .full_menu_item.menu_left {
  left: 0;
  opacity: 1;
}
body.full_menu .full_menu_item.menu_right {
  right: 0;
  opacity: 1;
  animation: slideDown 1s cubic-bezier(0.76, 0, 0.3, 1) forwards;
}

.full_menu_item.menu_right .menu-image .nav-item-image {
  position: absolute;
  transition: transform 0.3s ease 0.35s,
    opacity 0.35s cubic-bezier(0.25, 0, 0.4, 1);
  transform: scale(1.06);
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.full_menu_item.menu_right .menu-image {
  width: 100%;
  height: 100%;
  position: absolute;
}

.full_menu_item.menu_right .menu-image::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.full_menu_item.menu_right .menu-image .nav-item-image.show {
  transition: transform 1.7s cubic-bezier(0.4, 0, 0.3, 1) 0s,
    opacity 0.35s cubic-bezier(0.25, 0, 0.4, 1);
  transform: scale(1);
  opacity: 1;
}

.full_menu_item.menu_right .menu-image .nav-item-image.active {
  opacity: 1;
  transition: transform 1.7s cubic-bezier(0.4, 0, 0.3, 1) 0s,
    opacity 0.35s cubic-bezier(0.25, 0, 0.4, 1);
  transform: scale(1.06);
}

body.full_menu .full_menu_item.menu_right .menu-image .nav-item-image.active {
  transition: transform 1.7s cubic-bezier(0.4, 0, 0.3, 1) 0s,
    opacity 0.35s cubic-bezier(0.25, 0, 0.4, 1);
  transform: scale(1);
  opacity: 1;
}
.full_menu_logo {
  position: fixed;
  z-index: 9999999999999;
  bottom: -100%;
  width: calc(30%);
  left: 35%;
  height: 45%;
  background: var(--secondary-color);
  /* clip-path: polygon(50% 0, 0% 100%, 100% 100%); */
  transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  opacity: 0;
  pointer-events: none;
}
.full_menu_logo svg {
  width: 55%;
  height: 55%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 50px;
}
.close_full_menu {
  background: var(--primary-color);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: unset;
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 1;
}
.close_full_menu svg path {
  stroke: #fff;
}

.full_menu_item .main-nav-item {
  border-radius: 0;
  border-bottom: 1px solid #fff4;
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
.full_menu_item .main-nav-item:last-of-type {
  margin-bottom: 0;
}
.full_menu_item .dropdown_menu_title {
  display: flex;
  justify-content: space-between;
}

.full_menu_item.menu_left .dropdown_menu_title {
  position: relative;
  transition: all 0.2s linear;
  width: 100%;
  align-items: center;
}

.full_menu_item li.nav-item.nav-item-level-3.nav-item .nav-link {
  font-size: 18px !important;
  font-family: 'Manrope';
  color: #484848 !important;
  padding-block: 5px;
}

.full_menu_item li.nav-item.nav-item-level-3.nav-item .nav-link span {
  display: none !important;
}

.full_menu_item .menu_left_inner .dropdown-menu-list .nav-item .nav-link {
  font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.6098))), 28px);
  transition: var(--transition-fast);
  color: var(--secondary-color);
  display: flex;
  gap: 5px;
  justify-content: space-between;
}

.full_menu_item.menu_left .main-nav-link {
  color: var(--black);
  font-family: "Manrope";
  font-weight: 400;
  font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 0.8537))), 32px);
  padding: 0;
  transition: var(--transition-fast);
}
.full_menu_item.menu_left .nav-link:hover {
  padding-left: 15px;
  transition: var(--transition-fast);
  color: var(--primary-color);
}
.full_menu_item .toggle-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s linear;
  background: transparent;
  width: 100%;
  max-width: 40px;
  max-height: 40px;
  min-height: 40px;
  border-radius: 5px;
}
.rotate svg {
  transform: rotate(180deg);
  transition: var(--transition-fast);
}
.full_menu_item .toggle-menu svg {
  width: 20px;
  height: 20px;
  transition: var(--transition-fast);
}
.full_menu_item .toggle-menu svg path {
  stroke: #000;
}
.full_menu_item .dropdown_menu_title .nav-link {
  padding-inline: 0;
}
.full_menu_item .navbar-nav .dropdown-menu {
  position: relative;
  width: 100%;
  top: 0;
  background: transparent;
  border: unset;
  border-radius: var(--border-radius-btn);
  padding: 0;
  margin: 0;
  padding-left: 1rem;
}

.full_menu_item .navbar-nav .dropdown-menu .dropdown-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 0.5rem;
}
.full_menu_social_links {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: auto;
}
.full_menu_social_links .social-media-items.nav {
  width: 100%;
  justify-content: space-between;
  gap: 15px;
}
.full_menu_social_links .nav-link {
  padding: 0;
}
.full_menu_social_links svg {
  position: relative;
  width: 40px;
  height: 40px;
  bottom: 0;
  transition: all .2s linear;
  border-radius: 50%;
  padding: .3px;
}
.full_menu_social_links svg path, .section_contact .row.builder-row .module.module-social svg path {
  fill: var(--primary-color);
}
.full_menu_social_links
  .full_menu_social_links
  .social-media-items.nav
  .s-googlemybusines
  svg
  circle {
  fill: var(--primary-color) !important;
}
.full_menu_social_links .google-my-business-icon path {
  fill: #fff;
  transition: all .2s linear;
}
.full_menu_social_links svg:hover {
  background-color: var(--primary-color);
}

.full_menu_social_links svg:hover path {
  fill: #fff;
}
.content_right h3 {
  font-size: min(max(20px, calc(1.25rem + ((1vw - 2.8px) * 1.0976))), 38px);
  margin-bottom: 20px;
  text-align: start;
}
.full_menu_item .content_right .module-contact ul {
  align-items: flex-start;
}
.full_menu_item .content_right .module-contact li {
  width: fit-content;
  margin-bottom: 10px;
}
.full_menu_item .content_right .module-contact li:last-of-type {
  margin-bottom: 0;
}
.full_menu_item .content_right .module-contact li a,
.full_menu_item .content_right .module-contact li span {
  font-size: 18px;
  color: var(--secondary-color);
}
.full_menu_item .content_right .module-contact li svg {
  width: 20px;
  height: 20px;
}
.full_menu_item .content_right .module-contact li svg path {
  stroke: var(--primary-color);
}

/* View orase */
.popup_marker_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popup_marker_item img {
  width: 200px;
  border-radius: 10px;
  margin-bottom: 5px;
}
.popup_marker_item .title {
  font-family: "Manrope";
  font-size: 16px;
  color: #424242;
}
.popup_marker_item a.btn_marker {
  background: var(--primary-color);
  color: #fff;
  width: 100%;
  padding: 5px 15px;
  border-radius: 7.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.city_row {
  display: grid;
  grid-template: auto/repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1600px) {
  .section_cities h1 {
    font-size: 40px;
  }
}
@media (max-width: 1100px) {
  .city_row {
    grid-template: auto/repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .section_cities h1 {
    font-size: 30px;
  }
}
@media (max-width: 700px) {
  .city_row {
    grid-template: auto / 100%;
  }
}

.city_row .city_card {
  max-width: 100%;
  padding: 1rem;
  background: var(--white);
  border-radius: var(--border-radius-m);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
  overflow: hidden;
}

.city_row .city_card:hover img {
  transform: scale(1.05);
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.city_row .city_card img {
  transition: all 0.4s cubic-bezier(0.52, 0.01, 0.16, 1);
}

.city_card_inner {
  position: relative;
  min-height: 250px;
  overflow: hidden;
  border-radius: var(--border-radius-s);
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: end;
  z-index: 1;
  height: 100%;
  overflow: hidden;
}

.city_card_inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0004;
  z-index: -1;
  pointer-events: none;
  transition: all 0.2s linear;
}
.city_card_inner:hover::before {
  background-color: #0009;
}
.city_card_inner img {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: -2;
  object-fit: cover;
}
.city_card_inner * {
  color: #fff;
}
.city_card_inner span {
  font-weight: 400;
  font-size: 16px;
  font-family: "Manrope";
}
.city_card_inner h2 {
  margin-bottom: 0;
  font-size: 24px;
}
@media (min-width: 480px) and (max-width: 576px) {
  .city_card_inner {
    min-height: 300px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .city_card_inner {
    min-height: 300px;
  }
}
@media (min-width: 1450px) {
  .city_card_inner {
    min-height: 350px;
  }
  .city_card_inner span {
    font-size: 20px;
  }
  .city_card_inner h2 {
    font-size: 35px;
  }
}
/* view oras */
#hero_map {
  height: 250px;
  width: 100%;
}
@media (min-width: 768px) {
  #hero_map {
    height: 400px;
  }
}

.total_items {
  width: fit-content;
  background: var(--primary-color);
  color: #fff;
  padding: 10px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
  font-family: "Manrope";
}
.title_container_city {
  display: flex;
  align-items: center;
  gap: 20px;
}
.title_container_city h1 {
  font-size: 22px;
}
@media (min-width: 576px) {
  .title_container_city h1 {
    font-size: 30px;
  }
  .title_container_city span {
    font-size: 20px;
  }
  .total_items {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .title_container_city h1 {
    font-size: 50px;
  }
  .title_container_city span {
    font-size: 22px;
  }
  .total_items {
    width: 100px;
    height: 100px;
    font-size: 30px;
  }
}

.franchiese_cards_row {
  row-gap: 30px;
}

.fracnhise_inner_content {
  background: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  height: 100%;
}

.image_card_franchise {
  position: relative;
  padding-top: 70%;
  display: block;
  border-radius: var(--border-radius-m);
  overflow: hidden;
}
.img_view_franchise {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  padding: 15px;
  background-color: #fff;
}
.img_view_franchise img {
  border-radius: 10px;
}

.image_card_franchise img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
}
.logo_bg_franchise {
  background: var(--secondary-color);
  object-fit: contain !important;
  padding: 15px;
}

.franchise_card_title h2 {
  font-size: 18px;
  margin-bottom: 5px;
  transition: all 0.1s linear;
}
.franchise_card_title h2:hover {
  color: var(--primary-color);
}

.franchise_location_link {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.fracnhise_inner_content .contact {
  display: flex;
  align-items: center;
  gap: 5px;
}

.fracnhise_inner_content .contact span {
  font-weight: 600;
  font-family: "Manrope";
}
.fracnhise_inner_content .contact a {
  color: var(--primary-color);
}

.fracnhise_inner_content .details {
  margin-top: 10px;
}
.fracnhise_inner_content .details .detail_item {
  display: flex;
  align-items: center;
  gap: 5px;
}

@media (min-width: 576px) {
  .fracnhise_inner_content {
    display: flex;
    gap: 15px;
  }
  .image_card_franchise {
    width: 40%;
    max-width: 250px;
    margin-bottom: 0 !important;
    height: auto;
    padding: 0;
    flex-shrink: 0;
  }
}

@media (min-width: 830px) {
  .fracnhise_inner_content .details {
    margin-top: 10px;
    display: flex;
    gap: 15px;
    width: 100%;
  }
  .fracnhise_inner_content .details .detail_item {
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: column;
    justify-content: center;
  }
  span.label_detail {
    font-weight: 300;
    font-family: "Manrope";
    font-size: 15px;
  }
  span.value_detail, span.value_detail a {
    font-family: "Manrope";
    font-size: 18px;
    font-weight: 600;
  }
}
@media (min-width: 1500px) {
  .col_franchise_item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* View page franchise */
/* .hero_section_franchise {
  margin-top: calc(var(--header-height) + 15px);
} */
.container_testimonials_agency {
  padding-inline: 15px;
}

.container_testimonials_agency .container_testimonial {
  margin-inline: 15px;
}

.view_franchise_main_details {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--border-radius-m);
  padding: 15px;
  margin-top: 15px;
}
.view_franchise_main_details h1 {
  font-size: 22px;
}
.view_franchise_main_details .contact {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: space-between;
  min-height: 40px;
  border-bottom: 1px solid #ddd;
  padding: 0 5px;
}
.view_franchise_main_details .contact a {
  color: var(--primary-color);
}
.view_franchise_main_details .details {
  margin-top: 15px;
}
.view_franchise_main_details span.label_detail {
  font-family: "Manrope";
  font-weight: 200;
  font-size: 15px;
}
.map_page_franchise {
  border-radius: var(--border-radius-s);
  overflow: hidden;
  margin-bottom: 15px;
  height: 400px;
}
.map_page_franchise #hero_map {
  height: 200px;
}
.action_buttons_franchise {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
  margin-top: 15px;
}
.btn_cta_franchise {
  background: var(--primary-color);
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  padding: 7.5px 10px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary-color);
  border-radius: var(--border-radius-s);
  width: 100%;
  white-space: nowrap;
}
.btn_cta_franchise:hover {
  background-color: var(--hover-primary);
  color: #fff;
}
.btn_cta_franchise.reverse {
  background-color: #000;
  color: #fff;
  border: 1px;
}
.btn_cta_franchise.reverse:hover {
  background: var(--secondary-color);
  color: #fff;
}
.title_section_franchise {
  font-size: 20px;
}
@media (min-width: 500px) {
  .action_buttons_franchise {
    flex-direction: row;
  }
}
/* @media (min-width: 768px) {
  .hero_section_franchise {
    margin-top: calc(var(--header-height) + 30px);
  }
} */
@media (min-width: 991px) {
  .view_franchise_main_details {
    border-radius: var(--border-radius-l);
    padding: 20px;
    margin: 0;
  }
  .img_view_franchise {
    padding-top: unset;
    height: 100%;
    border-radius: var(--border-radius-l);
    padding: 15px;
    background: #fff;
  }
  .img_view_franchise img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
  }
  .title_section_franchise {
    font-size: 25px;
  }
}
@media (min-width: 1250px) {
  .view_franchise_main_details .detail_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    border: 1px solid #0002;
    padding: 7.5px;
    min-height: 80px;
    border-radius: var(--border-radius-m);
    justify-content: center;
  }
  .view_franchise_main_details .details {
    margin-top: 15px;
    display: flex;
    gap: 15px;
  }
  .view_franchise_main_details h1 {
    font-size: 25px;
  }
  .title_section_franchise {
    font-size: 30px;
  }
}
@media (min-width: 1600px) {
  .map_page_franchise #hero_map {
    height: 300px;
  }
  .view_franchise_main_details {
    border-radius: 10px;
    padding: 15px;
    margin: 0;
}
}
/* View agents franhise page */
.agent_info_view {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.agent_info_view .monthly_agent_profile_container {
  width: 50px;
}
.row_agent_franchise {
  row-gap: 30px;
}
.row_agent_franchise .slick-track {
  margin-left: unset;
}
.row_agent_franchise .agent_image {
  border-radius: var(--border-radius-s);
  overflow: hidden;
}
.row_agent_franchise .view_agent_franchise .inner_content {
  background: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.row_agent_franchise .agent_position {
  font-weight: 300;
  font-family: "Manrope";
  font-size: 15px;
}
.row_agent_franchise .contact_item {
  border-bottom: 1px solid #ddd;
  padding-block: 5px;
}
.row_agent_franchise .contact_item:last-of-type {
  border: unset;
  padding-bottom: 0;
}
.row_agent_franchise .contact_item a {
  font-size: 16px;
  color: var(--primary-color);
}

@media (min-width: 768px) {
  .row_agent_franchise .agent_image {
    flex-shrink: 0;
    height: auto;
  }
}

@media (min-width: 1300px) {
  .row_agent_franchise .agent_image {
    height: 200px;
    flex-shrink: 0;
  }
  .row_agent_franchise .view_agent_franchise .inner_content {
    flex-direction: row;
  }
}

.row_agent_franchise .arrows {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 2;
  background: var(--primary-color);
  height: 50px;
  width: 35px;
  border: unset;
  border-radius: var(--border-radius-m);
  transition: all 0.2s linear;
  opacity: 0.8;
}
.row_agent_franchise .arrows:hover {
  opacity: 1;
}
.row_agent_franchise .prev-arrow {
  left: 5px;
}
.row_agent_franchise .next-arrow {
  right: 5px;
}

/* About us Page */
.our_agents {
  display: grid;
  grid-template: auto / repeat(3, 1fr);
  column-gap: 30px;
}
.agent-category-item {
  height: 100%;
  display: flex;
}

.our_agents .agent-category-item-inner {
  flex-direction: column;
  justify-content: space-between;
}

.agent-categ-all-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.agent-categ-description {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.our_agents img.agent-categ-image {
  width: 100%;
}
.our_agents .agent-profile {
  width: 100%;
  justify-content: center;
}
@media (max-width: 1150px) {
  .our_agents {
    display: grid;
    grid-template: auto / 100%;
    column-gap: 30px;
  }
  .agent-categ-description {
    gap: 15px;
  }

  .our_agents .agent-category-item-inner {
    flex-direction: row;
  }

  .our_agents img.agent-categ-image {
    width: 250px;
  }

  .agent-categ-description .module-button {
    width: fit-content;
  }
}
@media (max-width: 730px) {
  .our_agents .agent-category-item-inner {
    flex-direction: column;
  }

  .our_agents img.agent-categ-image,
  .agent-categ-description .module-button {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .about_us_agents .our_agents {
    grid-template: auto / repeat(4, 1fr);
  }
}
/* cta about us */
.cta_section {
  padding-block: 150px;
  background-size: cover;
  background-position: center;
  position: relative;
}
@media(max-width: 1000px) {
  .cta_section {
    padding-block: 50px;
}
}
.cta_section::before {
  content: "";
  position: absolute;
  background: #0009;
  inset: 0;
}
.cta_section .module-text {
  position: relative;
  max-width: 900px;
}
.cta_section h2,
.cta_section p {
  color: #fff;
}

/* Section bottom hp */
.section_text_bottom_hp img {
  border-radius: var(--border-radius-l);
}
.section_text_bottom_hp .col-lg-6 {
  margin-bottom: 50px;
}
.section_text_bottom_hp a {
  color: var(--primary-color);
  font-weight: 400;
}
.slider_certifications img {
  height: 400px;
  margin: auto;
}
.slider_certifications {
  background: var(--body-bg);
  padding-block: 15px;
  border-radius: var(--border-radius-l);
  margin-block: 15px;
}
/* .our_certifications .row {
  background: #fff;
  border-radius: var(--border-radius-l);
} */
.certifications figure {
  margin: 0;
  width: 25%;
  flex-shrink: 0;
}
.certifications figure:nth-of-type(2) {
  width: calc(50% - 60px);
}

.certifications img {
  padding: 25px;
  width: 100%;
  object-fit: contain;
  object-position: top;
  max-height: 500px;
  background: #fff;
  border-radius: var(--border-radius-l);
}

.certifications {
  display: flex;
  padding: 15px 15px 50px 15px;
  border-radius: var(--border-radius-l);
  gap: 30px;
}

@media (max-width: 1400px) {
  .hero_title h1 {
    font-size: 45px !important;
  }
}

@media (max-width: 1200px) {
  .post-page .post-col .post-inner {
    padding: 15px 15px 0 15px;
}

.post-page .post-side .post-side-inner .post-social {
    padding: 15px;
}

.post-page .post-side {
    padding-left: 30px;
}
  .module-monthly-agent {
    grid-template: auto / 100%;
    gap: 50px;
  }
  .monthly_agent_properties .top_side_properties_agent h3 {
    font-size: 24px;
  }
  .top_side_profile {
    flex-direction: row;
  }
  .top_side_profile img {
    width: 150px;
    max-height: 400px;
  }
  .contact_info_container a {
    width: 65px;
  }
}
@media (max-width: 991px) {
  .post-page .post-side {
    padding-left: 0;
}
  .module-monthly-agent {
    gap: 30px;
  }
  .certifications img {
    max-height: fit-content;
  }
  .certifications figure,
  .certifications figure:nth-of-type(2) {
    width: 100%;
  }
  .certifications {
    flex-wrap: wrap;
  }
  .section_text_bottom_hp .row {
    display: grid;
  }
  .o-1 {
    grid-row: 1/2;
  }
  .o-2 {
    grid-row: 2/3;
  }
  .o-3 {
    grid-row: 3/4;
  }
  .o-4 {
    grid-row: 5/6;
  }
  .o-5 {
    grid-row: 6/7;
  }
  .o-6 {
    grid-row: 7/8;
  }
}
/* Responsive hero */
@media (max-width: 767.9px) {
  header .nav-inner {
    border-radius: var(--border-radius-l) var(--border-radius-l) 0 0;
    background: var(--secondary-color);
    padding: calc(var(--col-gap) * 0.7) 0;
    gap: 3em;
    border-radius: unset;
  }

  .hero .container {
    display: flex;
    min-height: 100vh;
    max-height: 100vh;
    padding-top: calc(var(--header-height));
    padding-bottom: var(--col-gap);
    padding-inline: 0;
    padding-bottom: 0;
  }
  .hero .row {
    border-radius: 0;
  }
  header.homepage {
    top: 0;
    background: var(--secondary-color);
  }
  .hero .text-inner {
    padding-inline: var(--container-padding);
  }
  .dark.hero {
    background: var(--secondary-color);
  }

  .hero_search_properties_forms {
    display: grid !important;
    grid-template: auto / 1fr 1fr;
  }

  .hero_search_properties {
    flex-direction: column;
    padding: 1rem;
  }

  .hero_search_properties_forms .select-wrapper:last-of-type {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }
}

/* Adding padding on mobile -- spacing left right */
@media (max-width: 575.9px) {
  footer .footer-content .col-lg-3,
  header.fixed .nav-inner,
  .dark.hero,
  header.homepage {
    padding-inline: 15px;
  }
  header.homepage.fixed {
    padding-inline: 0;
  }

  footer .footer-content .row {
    gap: 30px 0;
  }
  .select-wrapper .form {
    font-size: 14px;
  }
  .slider_properties_agent {
    padding-inline: 0 !important;
  }
  .monthly_agent_properties .top_side_properties_agent h3 {
    font-size: 19px;
  }
  .monthly_agent_view_profile {
    font-size: 16px;
    padding: 12.5px 15px;
  }
}

@media (max-width: 500px) {
  /* header .nav-primary .navbar-brand img {
  max-height: 35px;
  max-width: 200px;
} */
  header .nav-primary .navbar-brand img {
    max-height: 45px;
    width: 100%;
  }
  header.fixed .nav-inner,
  header .nav-inner {
    gap: 30px;
  }

  header .nav-secondary {
    gap: 10px;
  }

  .selected_lang,
  .btn-menu {
    width: 40px;
    height: 40px;
  }

  .top_side_profile {
    flex-direction: column;
  }

  .top_side_profile img {
    width: 100%;
  }
}

@media (max-width: 450px) {
  .hero_title h1 {
    font-size: 35px !important;
  }
}
/* FULL MENU RESPONSIVE */
@media (min-width: 750px) {
  .mobile_version,
  .nav_items_on_mobile {
    display: none !important;
  }
}
@media (max-width: 750px) {
  .full_menu_item.menu_right,
  .desktop_version,
  .desktop_version {
    display: none;
  }
  .main-nav-item a {
    min-height: 40px;
    display: flex;
    align-items: center;
  }

  .full_menu_item.menu_left {
    right: -100%;
    height: calc(100% - 100px);
    top: 0;
    bottom: 0;
    border-radius: 0 0 0 15px;
    left: auto;
  }
  .nav_items_on_mobile {
    position: absolute;
    z-index: 1;
    background: #2d2d2f;
    padding: 10px 20px;
    border-radius: 15px 0 0 15px;
    display: flex;
    gap: 10px;
    align-items: center;
    bottom: -84px;
    right: 0;
    width: fit-content;
    justify-content: end;
    border: 1px solid #fff5;
  }

  body.full_menu .full_menu_item.menu_left {
    right: 0;
    left: auto;
  }
  button.close_full_menu.mobile_version {
    top: 0 !important;
    bottom: 0 !important;
    margin-block: auto !important;
    left: -60px;
  }

  .menu_logo_wrapper {
    display: none;
  }
  .full_menu {
    position: relative;
  }

  .full_menu:after {
    content: "";
    position: absolute;
    inset: 0;
    background: #0009;
    z-index: 99999999;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
  }
}

@media (max-width: 480px) {
  .full_menu_item.menu_left {
    min-width: unset;
    width: 350px;
  }
  .full_menu_item.menu_left .main-nav-link {
    font-size: 20px;
  }
  .full_menu_item .navbar-nav {
    gap: 10px;
  }
}
@media (max-width: 430px) {
  .full_menu_item.menu_left {
    min-width: unset;
    width: 310px;
  }
}

/* Responsive Property page */
@media (max-width: 1300px) {
  .property-gallery .property-main-image .pagination-slider {
    right: 10px;
    bottom: 10px;
  }

  .property-gallery .property-main-image .arrows.next-arrow {
    right: 10px;
  }

  .property-gallery .property-main-image .arrows.prev-arrow {
    left: 10px;
  }

  .property-gallery .property-main-image .arrows {
    padding: 10px 17.5px;
  }
}
@media (max-width: 750px) {
  .property-gallery .property-nav-image .nav-image {
    height: 100px;
  }
}
@media (max-width: 650px) {
  .property-view .property-content .details-list .details {
    grid-template: auto / 100%;
  }
  .property-view .w-box {
    padding: 15px;
  }
  .property-view .property-content .property-location-map {
    grid-template: auto / 100%;
  }
  .property-location-map .property-map {
    grid-row: 1/2;
  }
  .recently_added_properties {
    padding: 15px;
    gap: 20px;
  }
}
@media (max-width: 500px) {
  .recently_added_property_item img {
    width: 120px;
  }
}

/* Search agent */
.search_agent_col {
  margin-top: 30px;
}

input#search_agent {
  background: #0009;
  border: 1px solid #fff5;
  padding: 12px 50px 12px 20px;
  border-radius: 9999px;
  color: #fff;
  font-size: 18px;
}

.container_search_agent svg {
  position: absolute;
  right: 15px;
  width: 28px;
  height: 28px;
  inset-block: 0;
  margin: auto;
}

.container_search_agent {
  position: relative;
  width: fit-content;
}

.container_search_agent svg path {
  fill: #a0a0a0;
}
#close_svg path {
  stroke: #a0a0a0;
}
#close_svg {
  cursor: pointer;
}

/* Ghidul vanzatorului */
@media (max-width: 576px) {
  .hero_ghidul_vanzatorului.section-space {
    margin-bottom: 0;
  }
  .post-page .post-col .post-inner, 
  .post-page .post-side .post-side-inner .post-social {
    border-radius: 0;
}
}
#mc_embed_signup h2 {
  font-weight: 700;
  margin: 15px 0;
  font-size: 1.4em;
  color: #000;
  font-family: "Manrope";
}
#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px "Manrope";
  padding-block: 5px;
}
#mc_embed_signup .indicates-required {
  display: none;
}
input#mc-embedded-subscribe {
  height: 100% !important;
}
.newsletter_container {
  display: grid;
  grid-template: auto / 1fr 80px;
  padding-bottom: 0 !important;
}
.optionalParent {
  display: none;
}
#mc_embed_signup .mc-field-group {
  padding-bottom: 0 !important;
  width: 100% !important;
}
div#mc_embed_shell {
  background: #fff;
}
/* Footer newsletter */
.ghidul-vanzatorului footer div#mc_embed_shell {
  display: none;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  color: #e85c41;
  grid-column: 1/-1;
  background: transparent !important;
}
footer div#mc_embed_signup {
  background: transparent;
}

footer div#mc_embed_shell {
  border-radius: 15px;
  overflow: hidden;
  background: #2b2b2b !important;
}

footer #mc_embed_signup .mc-field-group .button {
  background: var(--primary-color);
}
footer #mce-EMAIL {
  background: #fff2;
  border: unset !important;
  color: #fff;
}
#mc-embedded-subscribe-form input[type="checkbox"] {
  margin-right: 5px !important;
  width: 15px !important;
  height: 15px !important;
  cursor: pointer;
  color: #fff !important;
  accent-color: #c95b02;
}
h2.footer_newsletter_title {
  font-size: 17px;
  padding-inline: 15px;
  margin-bottom: 0;
  padding-top: 15px;
}
footer #mc_embed_signup form {
  margin-top: 10px !important;
}
footer #mergeRow-gdpr fieldset label {
  font-weight: normal;
  color: #a8a8a8;
}
footer #mc_embed_signup div#mce-responses {
  margin: 0 !important;
}

@media (max-width: 500px) {
  .contact_col_footer {
    grid-column: 1 / -1;
    order: 1;
  }
}

@media (max-width: 400px) {
  button.close_full_menu.mobile_version {
    top: auto !important;
    bottom: -85px !important;
    margin-block: auto !important;
    left: 0;
    background: #2d2d2f;
    padding: 10px 20px;
    height: 70px;
    width: fit-content;
    border-radius: 0 15px 15px 0;
    border: 1px solid #fff5;
  }
  body.full_menu .full_menu_item.menu_left {
    width: 100%;
    border-radius: 0;
  }
  button.close_full_menu.mobile_version svg {
    background: var(--primary-color);
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 15px;
  }
}

/* Report a problem button */
.raport_a_problem_container, .call_agent_mobile {
  background: #fff;
  padding: 15px;
  border-radius: var(--border-radius-m);
}

.raport_a_problem_container button {
  border: unset;
  background: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #000;
  font-family: "Manrope";
  border: 1px solid var(--primary-color);
}
textarea#error_description_textarea {
  min-height: 120px;
  font-size: 14px;
  font-family: "Manrope";
}

.raport_a_problem_container svg {
  width: 35px;
  height: 35px;
}

.raport_a_problem_container svg path {
  fill: var(--primary-color);
}

/* Form */
.container_shortcode_popup {
  display: none;
  opacity: 0;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999999;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: all 0.2s linear;
}

.container_shortcode_popup .btn-primary {
  width: 100%;
}

.opened_shortcode_popup .container_shortcode_popup {
  display: flex;
  opacity: 1;
}
.container_shortcode_popup .inner_content_shortcode_popup {
  background: #fff;
  padding: 20px;
  width: calc(100% - 30px);
  max-width: 400px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: calc(100% - 100px);
  overflow: auto;
}
button.close_shortcode_popup {
  background: var(--primary-color);
  border: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  margin-left: auto;
  border-radius: 5px;
  color: #fff;
}
button.close_shortcode_popup svg path {
  stroke: #fff;
}
.container_shortcode_popup .c-form-success {
  background: #fff;
  padding: 20px;
  border-radius: var(--border-radius-m);
  max-width: 700px;
  text-align: center;
  width: calc(100% - 30px);
}

@media (max-width: 576px) {
  .raport_a_problem_container button {
    width: 100%;
    justify-content: center;
  }
  .post-page .post-body .post-share .icon-section svg {
    width: 30px;
    height: 30px;
}
}

/* Academia Startimob */
.video_link,
.image_academy {
  position: relative;
  padding-top: 80%;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}
@media(max-width: 991px) {
  .video_link, .image_academy {
    padding-top: 55%;
}
}
.image_academy img {
  position: absolute;
  inset: 0;
  height: 100%;
}
.video_link iframe {
  position: absolute;
  inset: 0;
  height: 100%;
}
.col_hero_text_academy ul {
  padding-left: 40px;
}

.col_hero_text_academy ul li {
  color: #fff;
  font-size: 18px;
}

.row_mission .info_academy {
  height: 60vh;
  border-radius: var(--border-radius-m);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.row_mission .info_academy::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0008;
}

.row_mission .info_academy h2,
.row_mission .info_academy p {
  color: #fff;
}

.row_mission .info_academy .fickle-item.fickle-text-content {
  position: relative;
  max-width: 1000px;
}
.title_values.academy {
  grid-column: 1 / -1;
  margin-bottom: 0;
  background: transparent;
  border-radius: var(--border-radius-m);
  padding: 10px;
  text-align: left !important;
}

.academy_logo img {
  max-height: 100% !important;
  height: 100%;
  width: 100%;
}

.academy_logo {
  position: absolute;
  height: 75px;
  width: 150px;
}

.col_hero_text_academy p {
  max-width: 770px;
  color: #fff;
}
.col_hero_text_academy p:last-of-type {
  margin-bottom: 15px;
}
.col_hero_text_academy h2 {
  font-size: 30px;
  color: #fff;
}
.col_hero_text_academy ul {
  padding-left: 25px;
}

/* International filters responsive */
@media (max-width: 700px) {
  .international_filters {
    flex-direction: column;
    background: #ddd;
    padding: 15px;
    border-radius: 10px;
  }

  .international_filters .sort_container,
  .international_filters .sort-wrapper,
  .international_filetrs_wrapper {
    width: 100%;
  }
  .academy_logo {
    height: 55px;
  }
}

/* Calculatoare taxe  */
.form_calculator_taxe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

#curs-valutar {
  font-size: 20px;
}

.info {
  background-color: gray;
  border: 0.5px solid black;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
  user-select: none;
}

.mini-modal {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  width: 200px;
  z-index: 1;
}

.mini-modal.show {
  display: block;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.readonly_input {
  cursor: default;
}

/* Chrome, Safari, Edge, Opera */
.form_calculator_taxe input::-webkit-outer-spin-button,
.form_calculator_taxe input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.form_calculator_taxe input[type="number"] {
  -moz-appearance: textfield;
}
/* Calculator */
.hide_content {
  display: none;
}
#shid,
.ocpi_ipoteca {
  display: none;
  transition: display 0.3s;
}
.tip_achizitie {
  display: block;
}
.calculator_container {
  background: #fff;
  width: fit-content;
  height: fit-content;
  padding: 15px;
  border-radius: 15px;
}
.calculator_table {
  margin-bottom: 0;
  border: unset;
}
#calculator_table * {
  border: unset;
}
h2.title_table {
  font-size: 22px;
  margin-bottom: 0;
}
@media (max-width: 1500px) {
  h2.title_table {
    font-size: 18px;
    margin-bottom: 0;
  }
  .col_calc_tn {
    padding: 15px !important;
  }
}

td.inline_content {
  display: flex;
  align-items: center;
  gap: 5px;
}
input[type="radio"],
input[type="checkbox"] {
  accent-color: #f85403;
}
.calculator_table label {
  user-select: none;
  text-align: left;
}

.styled_pfpj_button {
  text-transform: capitalize;
  border-radius: 15px;
  cursor: pointer;
  margin-left: auto;
  position: relative;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
}
.styled_pfpj_button svg {
  width: 12px;
  height: 12px;
}
.calc_text_hero * {
  color: #fff !important;
}

@media (max-width: 450px) {
  .post-page .post-buttons .btn-navigate {
    padding: 6px 10px;
    font-size: 14px;
    gap: 7px;
}

.post-page .post-buttons .btn-navigate svg {
    width: 12px;
    height: 12px;
}
  h2.title_table {
    font-size: 15px;
    margin-bottom: 0;
  }
  .table-bordered th,
  .table-bordered td {
    font-size: 14px;
  }
  .post-page .similar-posts .title-arrows {
    align-items: start;
    flex-direction: column;
    gap: 10px;
}
  .post-page .similar-posts .title-arrows .arrow-slider-section {
    margin-left: auto;
}
}
.col_hero_text_academy h1 em {
  font-weight: 300;
  font-size: 55px;
  display: flex;
  align-items: start;
}

.col_hero_text_academy h1 {
  display: flex;
}

/* Counter animation section */
.counter_animation_fickle {
  background: #0009;
  padding: 15px;
  border: 1px solid #fff5;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.section_counter_animation {
  padding-block: 120px;
  background-position: center;
  background-size: cover;
  position: relative;
}
.section_counter_animation .row {
  row-gap: 30px;
}
.section_counter_animation::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0009;
}

.counter_animation_fickle img {
  width: 100px;
  height: auto;
  background-color: #0004;
  padding: 7.5px;
  border-radius: 15px;
  border: 1px solid #fff4;
}

.counter_animation_fickle h2 {
  font-size: 35px;
}
.counter_animation_fickle * {
  color: #fff;
}

.col_animation:first-of-type .counter_animation_fickle {
  justify-content: end;
}
.col_animation:last-of-type .counter_animation_fickle {
  justify-content: start;
}
@media(min-width: 991px) {
  .calculator_section .row.builder-row {
    border-radius: 5px;
  }
}


@media(max-width: 700px) {
  .section_counter_animation {
    padding-block: 40px;
}
}

.calculator_section .calculator_container {
  border-radius: 3px !important;
}
.calculator_loader {
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
}
input#total_cump,
input#total_vanz,
input#imob_eur {
  font-weight: 600;
  font-family: "Roboto";
  color: var(--primary-color);
  border: 1px solid #ff913e;
}
.calculator_table strong {
  color: var(--primary-color);
}
.calculator_table td {
  vertical-align: middle;
}
input#imob_eur::placeholder {
  color: #666666;
  font-weight: 300;
  font-size: 15px;
}

/* Calculator impozit chirie */
.toggle_view {
  display: none;
}
.euro_value input {
  font-size: 30px;
  text-align: center;
  color: #ff8100;
}

.ron_value input {
  text-align: center;
  font-size: 15px;
}
button#add_income_source {
  border: unset;
  background: var(--primary-color);
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  gap: 10px;
}
button#add_income_source svg path {
  fill: #fff;
}
button#add_income_source svg {
  width: 18px;
  height: 17px;
  transform: rotate(0);
  transform: all 0.2s linear;
}
button#add_income_source.rotate_svg svg {
  transform: rotate(180deg);
}

button#add_income_source:hover {
  background: var(--hover-primary);
}
.col_selectPfPj {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  background: #303030;
  color: #fff;
  padding: 15px;
  border-radius: 9px;
}
div#calculator_taxe_impozit_chirie {
  max-width: 1300px;
}
.pfPjContainer #persoana {
  background: #474747;
  padding: 7px;
  border-radius: 5px;
  color: #fff;
  font-family: "Manrope";
  font-weight: 300;
}
input#venitLunarAlteSurseEuro,
input#venitLunarAlteSurseLei {
  font-size: 18px;
}
input#chirieLunaraEuro {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
div#calculator_taxe_impozit_chirie {
  max-width: 1300px;
  background: #fff;
  border-radius: var(--border-radius-l);
  border: unset !important;
  padding: 15px;
  margin-inline: auto;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ffbd80;
  outline: 0;
  box-shadow: unset;
}
.pfPjContainer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.header_item label {
  color: #fff;
}
.header_ctc.row {
  background: #4a4a4a;
  padding: 15px;
  border-radius: 15px;
}
@media(max-width: 850px) {
  .col_selectPfPj {
    flex-direction: column;
}

.pfPjContainer {
    width: 100%;
}

button#add_income_source {
    width: 100%;
    justify-content: space-between;
}
}
.col_add_more_incoume_sources .body_item {
  padding: 0;
  background: #303030;
  border-radius: 15px;
  overflow: hidden;
}

.col_add_more_incoume_sources .body_item .card {
  background: transparent;
}

.col_add_more_incoume_sources .body_item h6 {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.col_add_more_incoume_sources .body_item h6 span {
  font-weight: 400;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff2;
  padding-bottom: 10px;
}

.col_add_more_incoume_sources .body_item input {
  background: #4c4c4c;
  color: #fff;
}

.col_add_more_incoume_sources .body_item input::placeholder {
  color: #fff;
  font-size: 15px;
}

.hero_ctc {
  background-size: cover;
  background-position: center;
  padding-block: 100px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.hero_ctc .module-text {
  position: relative;
}
.hero_ctc .module-text * {
  color: #fff;
}
.hero_ctc::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0009;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
input#chirieLunaraEuro::placeholder {
  font-weight: 200;
}
.euro_value input,
.ron_value input {
  background: #fff !important;
  border: unset;
  padding: 0 !important;
  height: fit-content;
}

.body_ctc {
  background: #e2e8f0;
  border-radius: 15px;
}

.body_ctc .card {
  background: transparent;
  border: unset;
}

.body_ctc .body_item {
  margin-bottom: unset !important;
}

.body_ctc .card input {
  background: transparent !important;
  height: fit-content !important;
}
.body_ctc .body_item:nth-of-type(3),
.body_ctc .body_item:nth-of-type(4) {
  background-color: #edf2f7;
}
.col_add_more_incoume_sources input {
  background: #424242 !important;
  min-height: 45px;
}
.col_add_more_incoume_sources .body_item input::placeholder {
  font-weight: 300 !important;
  font-size: 15px;
  color: #fff7;
  font-family: "Roboto";
}

input#salariu_minim_brut,
input#curs_bnr,
input#chirieLunaraLei {
  background: #707070;
  color: #fff;
  border: unset;
  user-select: none;
  cursor: not-allowed;
}

/* Filtre pagina individuala birou */
.filter_in_view_btn {
  border: 1px solid #0002;
  background: #fff;
  border-radius: 9999px;
  padding: 5px 15px;
  font-family: "Manrope";
  font-weight: 400;
  color: #414141;
}
.filter_section_agency_page {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  width: 100%;
  overflow-x: auto;
}
.filters_on_page {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
}

button.filter_in_view_btn {
  white-space: nowrap;
}
button.filter_in_view_btn.active {
  color: var(--primary-color);
  border: 1px solid;
}
select#select_on_page {
  background: #fff;
  border: 1px solid #0003;
  padding: 6px 15px;
  border-radius: 9999px;
  color: #414141;
}
select#select_on_page:focus-visible {
  outline-color: #a3a3a3a1;
}

/* Load more */
.load_more_properties {
  display: flex;
  align-items: center;
  justify-content: center;
}
.load_more_properties_btn {
  border-radius: 9999px;
  padding: 13px 25px;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.logo_with_city {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: end;
}

.logo_with_city img {
  width: 100%;
}

.logo_with_city span {
  color: var(--primary-color);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
}
/* Agency page */
.agency_title_section {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px
}

.agency_title_section .logo_with_city {
  width: 250px;
  flex-shrink: 0;
}

.agency_title_section .logo_with_city span {
  font-size: 16px;
  padding-right: 10px;
}

@media(max-width: 650px) {
  .agency_title_section {
    flex-direction: column-reverse;
    align-items: start;
}

.agency_title_section .logo_with_city {
    margin-left: auto;
    border-bottom: 1px solid #0002;
    max-width: 500px !important;
    width: 100%;
}

.agency_title_section .logo_with_city span {
    font-size: 22px;
    padding-right: 25px;
}
}

@media(min-width: 991px) and (max-width: 1200px) {
  .agency_title_section {
    flex-direction: column-reverse;
    align-items: start;
}

.agency_title_section .logo_with_city {
    margin-left: auto;
    border-bottom: 1px solid #0002;
    max-width: 500px !important;
    width: 100%;
}

.agency_title_section .logo_with_city span {
    font-size: 22px;
    padding-right: 25px;
}
}
@media(max-width: 400px) {
  .agency_title_section .logo_with_city span {
    font-size: 16px;
    padding-right: 15px;
}
}

/* Agent imobiliar BV */
.agent-imobiliar-brasov .module-video {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
  flex-shrink: 0;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 1499px) {
  .agent-imobiliar-brasov .module-video.video_aplica_acum {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-top: -20px;
    padding: 0;
  }
  .agent-imobiliar-brasov .module-video.video_aplica_acum iframe {
    position: relative;
  }
}

@media (max-width: 600px) {
  .agent-imobiliar-brasov .module-video.video_aplica_acum iframe {
    min-height: calc(1080px / 5.5);
  }
}

.agent-imobiliar-brasov .module-video iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
.agent-imobiliar-brasov .cta_hire_agent {
  display: grid;
  align-items: center;
}
@media(min-width: 1500px) {
  .agent-imobiliar-brasov .cta_hire_agent {
    grid-template: auto / .4fr .6fr;
  }
}


/* Upload file style */
/* #incarcare_cv::-webkit-file-upload-button {
  visibility: hidden;
} */
#incarcare_cv {
  display: flex;
  flex-direction: column;
}
#incarcare_cv::before {
  content: 'Incarca CV-ul';
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  width: fit-content;
  margin-bottom: 5px;
}


/* General social media hove effect */
.module-social svg:hover {
    background: var(--primary-color);
}

.module-social svg {
    border-radius: 50%;
    padding: 1px;
    background: #fff;
    transition: all .2s linear;
}

.module-social svg:hover path {
    fill: #fff !important;
}

.module-social svg path {
    transition: all .2s linear;
}

.agent_cities_container {
  display: flex;
  gap: 7.5px;
  flex-wrap: wrap;
  justify-content: center;
}

span.agent_city_label {
  background: #ffffff;
  padding: 10px 20px;
  color: #3c3c3c;
  border-radius: 7.5px;
  font-size: 18px;
  font-family: 'Manrope';
  border: .5px solid #cfcfcf;
}
@media(max-width: 650px) {
  span.agent_city_label {
    padding: 7.5px 15px;
    border-radius: 5px;
    font-size: 14px;
}
}

/* Additional css */


@media(min-width: 991px) {
    .img_bugatti, .img_col_franchise {
  height: fit-content;
  position: sticky;
  top: calc(var(--header-height) + 15px);
}
}
.text_career_wrapper iframe {
  border-radius: 15px !important;

}

.franchise_custom_cards svg {
    width: 50px;
    height: 50px;
}

.franchise_custom_cards {
    display: grid;
    grid-template: auto auto / repeat(2, 1fr);
    gap: 30px;
    height: 100%;
}

.franchise_custom_cards .module-fickle {
    background: #2f2f2f;
    padding: 20px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
    border: .5px solid #fff2;
}

.franchise_custom_cards .fickle-item.fickle-additional-html-code {
    background: #424242;
    padding: 25px;
    border-radius: 50%;
    border: .5px solid #0001;
}

.franchise_custom_cards svg path, .franchise_custom_cards svg circle {
    stroke: #a5a5a5;
}

.franchise_custom_cards .module-fickle p {
    font-weight: 500;
    color: var(--primary-color);
    text-align: center;
}

@media(max-width: 992px) {
    .franchise_custom_cards {
    gap: 15px;
}
.franchise_custom_cards .fickle-item.fickle-additional-html-code {
    padding: 10px;
}
}
.grid_investition_details {
    display: grid;
    grid-template: 200px 200px 200px / repeat(3, 1fr);
}

.module.module-code.large_custom_marker_franchise svg {
    width: 100%;
    height: 100%;
}

.module.module-code.large_custom_marker_franchise {
    grid-column: 2/3;
    grid-row: 1/3;
    padding: 15px;
}

.module.module-text.investition_detail.first {
    grid-column: 1/2;
    grid-row: 1/2;
            display: flex;
    flex-direction: column;
    align-items: end;
}

.module.module-text.investition_detail.third {
    grid-column: 3/4;
    grid-row: 1/2;
}

.module.module-text.investition_detail.second {
    grid-column: 1/2;
    grid-row: 2/3;
        display: flex;
    flex-direction: column;
    align-items: end;
}

.module.module-text.investition_detail.fourth {
    grid-column: 3/4;
    grid-row: 2/3;
}

.module.module-text.investition_detail.fifth {
    grid-column: 2/3;
    grid-row: 3/4;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.investition_detail {
    background: #fff;
    height: fit-content;
    padding: 15px;
    border-radius: 10px;
    border: .5px solid #0002;
}

.investition_detail b, .investition_detail strong {
    background: var(--primary-color);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    font-size: 30px;
    font-weight: 500 !important;
    font-family: "Manrope";
}

.row_cta_franchise .title_values > * {
    text-align: center;
    font-size: min(max(24px, calc(1.5rem + ((1vw - 2.8px) * 1.8293))), 40px);
    color: #fff;
}
.row_cta_franchise {
    background: var(--secondary-color);
    padding-block: 50px;
}

.module.module-text.franchise_apply_step {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #2f2f2f;
    padding: 15px;
    border-radius: 10px;
    border: .5px solid #fff2;
    gap: 15px;
    text-align: center;
    height: 100%;
}

.module.module-text.franchise_apply_step strong, .module.module-text.franchise_apply_step b {
    background: #424242;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--primary-color);
    font-size: 35px;
    border: .5px solid #fff3;
}

.module.module-text.franchise_apply_step p {
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
}

@media(max-width: 900px) {
    .module.module-code.large_custom_marker_franchise {
        align-self: start;
    }
    .investition_detail b, .investition_detail strong {
    width: 30px;
    height: 30px;
    font-size: 20px;
}
    .module.module-code.large_custom_marker_franchise {
    grid-column: 1/2;
    position: sticky;
    top: var(--header-height);
}

.module.module-text.investition_detail.first {
    grid-row: 1/2;
    
}

.investition_detail {
    grid-column: 2/4 !important;
    display: flex;
    flex-direction: column;
    align-items: start !important;
}

.module.module-text.investition_detail.second {
    grid-row: 2/3;
}

.module.module-text.investition_detail.third {
    grid-row: 3/4;
}

.module.module-text.investition_detail.fourth {
    grid-row: 4/5;
}

.module.module-text.investition_detail.fifth {
    grid-row: 5/6;
}

.grid_investition_details {
    grid-template: repeat(5, 165px) / 300px repeat(2, 1fr) !important;
}
}

@media(max-width: 800px) {
    .grid_investition_details {
    grid-template: repeat(5, 165px) / 230px repeat(2, 1fr) !important;
}
}
@media(max-width: 680px) {
    .grid_investition_details {
    grid-template: repeat(5, 165px) / 150px repeat(2, 1fr) !important;
}
}
@media(max-width: 600px) {
.module.module-code.large_custom_marker_franchise {
    position: relative;
    top: unset;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
}
.module.module-code.large_custom_marker_franchise svg {
    width: 150px;
    height: 150px;
}
.grid_investition_details {
    display: flex !important;
    flex-direction: column;
    gap: 15px
}
}
.module.module-text.fondator_title > * {
    font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 80px);
}
.text_col_franchise {
    height: inherit;
}
.intelligent_cta{
margin-top: 15px;
}



.post-side-banner {
  position: relative;
  border-radius: var(--border-radius-l);
  overflow: hidden;
}

@media (max-width: 576px) {
  .post-side-banner {
    border-radius: 0;
  }
}


.post-side-banner-content-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  backdrop-filter: blur(3px);
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.52) 50%, rgba(0, 0, 0, 0.64) 100%);
  animation: fadeBlur 6s ease-in-out infinite;
}

.post-side-banner-content {
  padding: 1rem;
}

.post-side-banner p {
  color: #fff;
  font-weight: 600;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.post-side-banner-content p,
.post-side-banner-content span {
  animation: fadeSlideUp 6s ease-in-out infinite;
}

.post-side-banner img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: bottom center;
}

@keyframes fadeSlideUp {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
  70% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes fadeBlur {
  0% {
    backdrop-filter: blur(0px);
  }
  30% {
    backdrop-filter: blur(3px);
  }
  70% {
    backdrop-filter: blur(3px);
  }
  100% {
    backdrop-filter: blur(0px);
  }
}


@media (max-width: 767px) {
  .slider_properties_view_post_content .slick-arrow {
    position: absolute;
    top: 0%;
  }
  .slider_properties_view_post_content .slick-arrow-left {
    left: -0.5rem;
  }
  .slider_properties_view_post_content .slick-arrow-right {
    right: -0.5rem;
  }
}

@media (max-width: 576px) {
  #modalPopupEvaluare .modal-footer,
  #modalPopupFranciza .modal-footer {
    justify-content: center;
  }
  #modalPopupEvaluare .btn,
  #modalPopupFranciza .btn {
    padding-left: 1em;
    padding-right: 1em;
  }
.slider_properties_view_post_content .slick-arrow-left {
    left: -0rem;
  }
  .slider_properties_view_post_content .slick-arrow-right {
    right: -0rem;
  }
}