/* global style */
body {
  overflow-x: hidden;
}
input {
  border-radius: 0;
}
textarea {
  border-radius: 0;
}
input[type="search"] {
  -webkit-appearance: none;
}

:root {
  --color-primary: #0097b2;
  --color-blue: #06162e;
  --color-gray: #f2f2f2;
  --color-beige: #f0e8d2;
  --color-yellow: #eed46a;
  --color-white: #ffffff;
  --color-black: #000000;
  --transition: all 0.3s ease-in;
}
body {
  font-family: "Open Sans", sans-serif;
}

html {
  font-size: 62.5%; /* 10px/16px = 62.5% -> 1rem = 10px*/
  font-optical-sizing: auto;
  scroll-behavior: smooth;
  font-family: "Open Sans", sans-serif;
}
a,
a svg,
a svg path,
li,
li a,
li span {
  transition: var(--transition);
}
.bg-center {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
::-webkit-scrollbar {
  width: 100px;
}

::-webkit-scrollbar-track {
  background-color: var(--color-beige);
}

::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 30px;
  border: 2px solid var(--color-beige);
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary) var(--color-beige);
}
/* BASIC */
button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}
.cursiva {
  font-family: "Dancing Script", cursive;
}
.container1700 {
  width: 90%;
  max-width: 170rem;
  margin: 0 auto;
}

.container1600 {
  width: 90%;
  max-width: 160rem;
  margin: 0 auto;
}
.container1720 {
  width: 90%;
  max-width: 172rem;
  margin: 0 auto;
}
.container1532 {
  width: 90%;
  max-width: 153.2rem;
  margin: 0 auto;
}

.container1520 {
  width: 90%;
  max-width: 152rem;
  margin: 0 auto;
}
.container1300 {
  width: 90%;
  max-width: 130rem;
  margin: 0 auto;
}
.container1260 {
  width: 90%;
  max-width: 126rem;
  margin: 0 auto;
}

.container1120 {
  width: 90%;
  max-width: 112rem;
  margin: 0 auto;
}
.mt10 {
  margin-top: 10rem;
}
.mb10 {
  margin-bottom: 10rem;
}
.mt5 {
  margin-top: 5rem;
}
.mb5 {
  margin-bottom: 5rem;
}
.buttonRed {
  background: var(--color-primary);
  display: flex;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: var(--color-white);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  width: 100%;
  cursor: pointer;
  transition: var(--transition);
  text-transform: uppercase;
}

.buttonRed:hover {
  background: var(--color-blue);
}
.buttonBlue {
  display: flex;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--transition);
}

.buttonBlue:hover {
  background: var(--color-blue);
}

.buttondarkBlue {
  display: flex;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: var(--color-blue);
  color: var(--color-white);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--transition);
}
.buttondarkBlue:hover {
  background: var(--color-white);
  color: var(--color-blue);
}
.grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
  width: 100%;
}
.grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  width: 100%;
}
.grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
  width: 100%;
}

h1 {
  font-family: "Dancing Script", cursive;
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-button {
  display: flex;
  align-items: center;
  background-color: var(--color-primary);
  color: var(--color-white);
  border: none;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: 1s ease-in-out;
  width: 12.4rem;
  height: 5.5rem;
  padding: 1rem 2rem;
  transition: var(--transition);
}

.ic-button:hover {
  background-color: var(--color-blue);
}
.h2 {
  color: var(--color-black);
  text-align: center;
  font-family: "Dancing Script", cursive;
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* Inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  position: relative;
  width: 100%;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--color-white);
  background: #fff;
  height: 6.5rem;
  color: var(--color-white);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 13px 8px 10px;
}

/* Checkbox */

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + span a,
[type="checkbox"]:checked + span a {
  color: var(--color-black);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.6rem;
}

/* checked mark aspect */
#ic-moreDropdown [type="checkbox"]:not(:checked) + span:after,
#ic-moreDropdown [type="checkbox"]:checked + span:after {
  content: "";
  position: absolute;
  margin: 0;
  left: -20px;
  top: 2px;
  width: 14px;
  height: 14px;
  background: var(--color-black);
  border-radius: 100px;
  transition: all 0.3s linear;
}
input[type="checkbox"]:checked + .checkbox-container {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + span:after {
  opacity: 0;
  transform: scale(0);
}
#ic-moreDropdown [type="checkbox"]:checked + span:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"]:not(:checked) + span:before,
[type="checkbox"]:checked + span:before {
  border-color: #fff;
}
#ic-moreDropdown [type="checkbox"]:not(:checked) + span:before,
#ic-moreDropdown [type="checkbox"]:checked + span:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 3px;
  bottom: 0;
  margin: 0;
  width: 14px;
  height: 14px;
  border: 2px solid var(--color-black);
  background: transparent;
  border-radius: 100px;
  box-shadow: none;
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + span:before,
[type="checkbox"]:disabled:checked + span:before {
  box-shadow: none;
  border-color: red;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + span:after {
  color: #999;
}
[type="checkbox"]:disabled + span {
  color: #aaa;
}

/* accessibility */
[type="checkbox"]:checked:focus + span:before,
[type="checkbox"]:not(:checked):focus + span:before {
  border: 1px solid #c3c3c3;
}

.checkbox-container {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #080808;
  background: #fff;
  position: relative;
  cursor: pointer;
  margin-right: 1rem;
  cursor: pointer;
}
/* .checkbox-container::after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.5rem;
  width: 0.68rem;
  height: 1.1rem;
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
} */
input[type="checkbox"] {
  display: none;
}
input[type="checkbox"]:checked + .checkbox-container::after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}

/* CookiesUp */
.cookiesUp {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  padding: 10px;
  text-align: center;
  z-index: 10000;
  box-sizing: border-box;
}
.cku-yes.ic-greenBTN,
.cku-no.ic-greenBTN {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  padding: 12px 20px;
  font-size: 1em;
  font-weight: 400;
  transition: all 0.3s linear;
}
.cku-label {
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  letter-spacing: 0.5px;
}

/* Header */
header {
  position: relative;
  width: 100%;
  z-index: 10;
  max-width: 100%;
  transition: all 0.3s ease-in;
  padding-top: 3rem;
}

header.headerInternal {
  background-color: var(--color-primary);
  padding: 3rem 0;
}

header.headerInternal #ic-navigation .ic-dropdown {
  background-color: var(--color-white);
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  margin-top: 1rem;
  width: max-content;
  padding: 1rem 4rem 1rem 1rem;
}
header.headerInternal #ic-navigation .ic-dropdown li:hover a {
  color: var(--color-primary);
}

#ic-headerGal {
  position: absolute;
  background: transparent;
}
#ic-headerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.salamanquina {
  position: absolute;
}

.salamanquinaHero {
  bottom: -3rem;
  right: 1.6rem;
  width: 17.5rem;
  z-index: 3;
}

#ic-logo img {
  width: 100%;
  max-width: 45rem;
  aspect-ratio: 7 / 3.08;
}
#ic-headerTop {
  transition: all 0.3s ease-in;
  display: flex;
  align-items: flex-end;
  gap: 2rem;
  flex-direction: column-reverse;
  transform: translateY(-2.5rem);
}
#ic-headerTop ul {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  z-index: 2;
}
.wrap__headerTop {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#ic-headerTop ul li.selected {
  display: none;
}

#ic-headerTop a:hover {
  color: var(--color-primary);
}
#ic-headerTop a .fa-envelope,
#ic-headerTop a .fa-phone,
#ic-menuShortlist.shortlist-empty {
  display: none;
}
.shortlist-empty {
  display: none;
}
#ic-languages {
  position: relative;
  z-index: 201;
  color: #fff;
  cursor: pointer;
}
#ic-languages {
  margin: 0 0 0 auto;
  cursor: pointer;
}
#ic-languages span {
  position: relative;
  display: block;
  padding-right: 1.1rem;
}
#ic-languages span::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  margin: auto;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: all 0.3s linear;
}
#ic-languages.open span::after {
  top: 1.2rem;
  transform: rotate(-139deg);
}
#ic-languages:hover span {
  color: #e2dad1;
}
#ic-languages:hover span::after {
  border-color: #e2dad1;
}
#ic-languages ul {
  display: none;
  width: auto;
  position: absolute;
  top: 3.3rem;
  right: 0;
  background: #e2dad1;
  list-style: none;
  margin: 0;
  padding: 0;
}
#ic-languages li {
  display: block;
  padding: 0;
}
#ic-languages li a {
  display: block;
  padding: 5px 2rem;
  text-transform: uppercase;
  color: #000;
}
#ic-languages li a:hover {
  color: #000;
  background: #fff;
}

#ic-headerTop li::before,
#ic-languages li::before,
#ic-navigation li::before {
  display: none;
}

/* Navigation */
#ic-navigation > button,
#ic-logoXS,
#ic-menuXS {
  display: none;
}
.ic-linkDD {
  cursor: default;
}
#ic-navBTN:focus,
#ic-navBTN:active {
  outline: none;
}
#ic-navBTN {
  display: none;
  width: 4rem;
  height: 4rem;
  z-index: 2;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  outline: none;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#ic-navBTN span {
  display: block;
  position: absolute;
  height: 2px;
  width: 78%;
  background: var(--color-blue);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#ic-navBTN.open span {
  background: var(--color-blue);
}
#ic-navBTN span:nth-child(1) {
  top: 1rem;
  transform-origin: left center;
}
#ic-navBTN span:nth-child(2) {
  top: 2rem;
  transform-origin: left center;
}
#ic-navBTN span:nth-child(3) {
  top: 3rem;
  transform-origin: left center;
}
#ic-navBTN.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 1rem;
  left: 0px;
}
#ic-navBTN.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#ic-navBTN.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 3.1rem;
  left: 0px;
}

#ic-navigation {
  width: 100%;
}

#ic-navigation .nav {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
.lang-selector li a,
#ic-navigation .nav > li > a,
#ic-navigation .nav > li > a:visited {
  position: relative;
  display: block;
  color: var(--color-white);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.lang-selector li a {
  font-size: 2.5rem;
  color: var(--color-blue);
}
header.headerInternal .lang-selector li a,
header.headerInternal #ic-navigation .nav > li > a,
header.headerInternal #ic-navigation .nav > li > a:visited {
  color: var(--color-blue);
}
body.menuOpen .lang-selector li a {
  color: var(--color-blue);
}
#ic-navigation .ic-dropdown a:hover,
#ic-navigation .ic-dropdown a:focus,
#ic-navigation .nav li:hover > a,
#ic-navigation .nav li:focus > a,
#ic-navigation .nav li.active > a {
  color: var(--color-blue);
}
#ic-headerGal #ic-navigation .ic-dropdown a:hover,
#ic-headerGal #ic-navigation .ic-dropdown a:focus,
#ic-headerGal #ic-navigation .nav li:hover > a,
#ic-headerGal #ic-navigation .nav li:focus > a {
  color: var(--color-blue);
}
#ic-headerGal #ic-navigation li:hover .ic-caret,
#ic-headerGal #ic-navigation li:focus .ic-caret {
  border-color: var(--color-primary);
}

#ic-navigation .ic-dropdown ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#ic-navigation .ic-dropdown li {
  text-align: left;
}
#ic-navigation .ic-dropdown a {
  display: block;
  color: var(--color-white);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

header.headerInternal #ic-navigation .ic-dropdown a {
  color: var(--color-blue);
}
#ic-navigation .ic-linkDD {
  padding-right: 1.5rem !important;
}
#ic-navigation .ic-caret {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  margin: auto;
  height: 0.9rem;
  width: 0.9rem;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: all 0.3s linear;
}
#ic-favBTNxl {
  display: none;
}
#ic-favBTNxs {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

#ic-favBTNxs svg {
  width: 3rem;
  height: 3rem;
}

#ic-favoritesBTN {
  z-index: 2;
}
#ic-favoritesBTN .shortlistCount {
  display: block;
  position: absolute;
  z-index: 2;
  color: var(--color-blue);
  width: 3.3rem;
  top: 7px;
  left: -3px;
  text-align: center;
  font-size: 1.5rem;
}
header.headerInternal #ic-navigation .ic-caret {
  border-color: var(--color-blue);
}
#ic-navigation li:hover .ic-caret {
  border-color: #e2dad1;
}

/* Collapse */
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* Close Menu */
.ic-XSclose {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  overflow: hidden;
  transition: none;
}
.ic-XSclose:hover::before,
.ic-XSclose:hover::after {
  background: #000;
  transition: all 0.3s linear;
}
.ic-XSclose::before,
.ic-XSclose::after {
  content: "";
  position: absolute;
  height: 3px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #fff;
  transition: all 0.3s linear;
}
.ic-XSclose::before {
  transform: rotate(45deg);
}
.ic-XSclose::after {
  transform: rotate(-45deg);
}

/* Home Gallery */
#ic-homeGallery {
  position: relative;
}
#hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 69rem;
  background-position: bottom;
}

#hero.favourite,
#hero.review {
  background-position: top;
}
#hero.renovation {
  background-position: center;
}
#hero h1 {
  color: var(--color-primary);
  font-size: 10rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin-bottom: 5rem;
}
/* section welcome */
#section_welcome {
  background-color: var(--color-gray);
}
.ic-welcome {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding: 10rem 0;
}
.ic-welcome h1 {
  color: var(--color-black);
  text-align: center;
  display: flex;
  gap: 1rem;
}

.ic-welcome h1 span {
  color: var(--color-yellow);
}
.ic-welcome p {
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  color: var(--color-black);
}
.axarquiaMap {
  max-width: 100%;
  width: 69.7rem;
  aspect-ratio: 697/453;
}

/* Our selection for you */
#section_selectionForYou {
  position: relative;
}
#selectionForYou {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.wrap_btn-view {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary);
  padding: 2.7rem 0;
}
.salamanquinaOurSelection {
  top: -6rem;
  left: 0;
  width: 17.2rem;
}
.wrap_btn-view a {
  color: var(--color-white);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.img_cardSelection {
  width: 100%;
  display: block;
  align-self: stretch;
  aspect-ratio: 248/153;
}

/*Banner Home */

#bannerHome {
  background-color: var(--color-gray);
  padding: 10rem 0;
}
.wrap__bannerHome {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}
#contentBanner {
  display: flex;
  padding: 10rem 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  background: rgb(255 255 255 / 55%);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  width: 50%;
}

#contentBanner .buttonBlue {
  width: 35rem;
  padding: 2rem;
}
#contentBanner h3 {
  color: var(--color-blue);
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
#contentBanner p {
  color: var(--color-blue);
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#contentBanner .buttonRed {
  width: 100%;
}
/* Hilites */
#wrap-hilite--home {
  position: relative;
}
#ic-hilites {
  display: flex;
  flex-direction: column;
  gap: 4.5rem;
}
.salamanquinaHilite {
  top: -7rem;
  right: 2rem;
  width: 17.2rem;
  transform: scaleX(-1);
}
#ic-hilites .buttonBlue {
  align-self: center;
  height: 4.5rem;
}
.ic-tag {
  display: none;
  position: absolute;
  padding: 5px 3rem;
  top: 1rem;
  right: 1rem;
  text-align: center;
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-white);
  background: var(--color-yellow);
  z-index: 2;
  text-transform: uppercase;
}
.ic-tag.ic-newActive,
.ic-tag.ic-status-14,
.ic-tag.ic-status-4 {
  display: block;
}
.ic-tag.ic-status-14,
.ic-tag.ic-status-4 {
  color: #fff;
  background: var(--color-primary);
}

.ic-tag + .ic-tag {
  top: 5.6rem;
}
#wrap-hilite {
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
}

.ic-hilite {
  display: flex;
}
.ic-hilite .ic-backIMG {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
}
.ic-hilite .ic-backIMG:hover {
  scale: 1.1;
}
.ic-hilite .ic-shortlist {
  position: absolute;
  top: 2rem;
  left: 2rem;
  color: #fff;
  font-size: 1.6em;
  z-index: 2;
}
.ic-hilite .ic-shortlist:hover {
  color: #000;
}
.wrapTop-hilInfo,
.ic-hilInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  width: 100%;
  flex: 1;
}

.wrapTop-hilInfo {
  padding: 1rem 2rem 0 2rem;
}
.wrap__ref{
    display: flex;
  justify-content: space-between;
 width: 100%;
}

.refDesk,
.ic-hilInfo .area {
  color: var(--color-primary);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-hilInfo .title__card a {
  color: var(--color-blue);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ic-hilInfo .title__card a:hover {
  color: var(--color-primary);
}
.ic-hilInfo .ic-hilFlex {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.ic-hilInfo .ic-hilFlex li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.ic-hiliteIMG {
  position: relative;
  overflow: hidden;
}
.ic-hilInfo .ic-hilFlex li strong {
  color: var(--color-blue);
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-hilInfo .wrap__price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-primary);
  width: 100%;
  padding: 1.63rem 2rem;
}
.ic-hilInfo .wrap__price .wrapBtnCard a,
.ic-hilInfo .wrap__price h3 {
  color: #fff;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
}

.wrapBtnCard a {
  display: flex;
  gap: 1rem;
}

#wrap-hilite .wrapBtnCard a:hover {
  color: var(--color-blue);
}

#wrap-hilite .wrapBtnCard a:hover svg path {
  stroke: var(--color-blue);
}
.ic-listupd {
  display: block;
  color: #999;
  font-size: 0.8em;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
}

/* Renovations */
#renovations {
  background-color: var(--color-gray);
}
.wrapRenovations {
  padding: 10rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.img_cardRenovation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  width: 100%;
  aspect-ratio: 3 / 4.44;
  background-color: rgba(0, 0, 0, 0.35);
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapRenovations .buttonRed {
  width: initial;
}

.card__overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.img_cardRenovation:hover .card__overlay {
  opacity: 1;
}

.img_cardRenovation:hover {
  background-color: rgba(0, 0, 0, 0.6);
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.img_cardRenovation h3 {
  color: var(--color-white);
  text-align: center;
  font-size: 2rem;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-transform: uppercase;
}
.img_cardRenovation .btnRed {
  color: var(--color-white);
  text-align: center;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  background: var(--color-primary);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  height: 3rem;
  padding: 1rem 2rem;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}

/*  banner Lawfirms */
#bannerLawfirms {
  position: relative;
  background-color: var(--color-primary);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem 2rem;
}
.salamanquinaLawfirmsTop {
  top: -6.2rem;
  left: 0;
  width: 17.2rem;
}
.salamanquinaLawfirmsBottom {
  bottom: 0;
  right: 0;
  width: 17.2rem;
  transform: scaleX(-1);
}

.contentLawfirms {
  background: var(--color-blue);
  display: flex;
  width: 48.4rem;
  height: 23.9rem;
  padding: 4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.contentLawfirms h2 {
  color: var(--color-yellow);
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.contentLawfirms p {
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.contentLawfirms .buttonBlue {
  width: 100%;
}
.contentLawfirms .buttonBlue:hover {
  background-color: var(--color-yellow);
}
/*testimonials Home*/

.wrapTestimonialsHome {
  position: relative;
}
.wrapTestimonialsHome h2 {
  margin-bottom: 5rem;
}
.wrapTestimonialsHome .buttonRed {
  margin: 5rem auto 0 auto;
  width: max-content;
}
.swiperReviews {
  overflow: hidden;
}
.wrap_cardReview {
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(64, 105, 194, 0.5);
  display: flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin: 1rem;
}

.review-text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.cardReview h3 {
  color: var(--color-blue);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.img_cardReview {
  width: 20.8rem;
  height: 12.8rem;
  aspect-ratio: 104/69;
}
/* Swiper */
.swiper-container {
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  z-index: 1;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
/* Arrows */

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  border: 3px solid var(--color-blue);
  display: flex;
  width: 4.583rem;
  height: 4.583rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: calc(100% / 2);
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.swiper-button-prev {
  left: -7rem;
  right: auto;
}
.swiper-button-next {
  right: -7rem;
  left: auto;
}

/* Locations */
#ic-locationsSwiper .swiper-slide {
  padding-top: 30%;
}
#ic-locationsSwiper .swiper-slide::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 43.23%,
    rgba(0, 0, 0, 0.4) 100%
  );
}
#ic-locationsSwiper .swiper-slide h3 {
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  bottom: 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 400;
  font-family: "Montserrat";
  letter-spacing: -0.04em;
  transition: all 0.3s linear;
}
#ic-locationsSwiper .swiper-slide:hover h3 {
  bottom: 4rem;
}

/* Footer */
footer {
  position: relative;
}
.footerTop {
  background-color: var(--color-primary);
}
.footerBottom {
  background-color: var(--color-blue);
  padding: 2rem;
}
footer p,
footer p a,
footer a,
.propertyTypesList li a,
.footerBottom p,
.footerBottom a {
  color: #fff;
  text-align: center;
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.propertyTypesList li a {
  width: max-content;
}
footer a:hover {
  color: var(--color-blue);
}
.wrap_footerTop a {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

footer .footerBottom p a:hover {
  color: var(--color-primary);
}
#cta__newsletter {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 10;
}
#cta__newsletter .buttonBlue {
  background: var(--color-yellow);
}

#cta__newsletter:hover .buttonBlue {
  background: var(--color-blue);
  color: var(--color-white);
}
#cta__newsletter {
  width: 100%;
  max-width: 16%;
}
.footer__contact-phone {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.propTypeFooter {
  padding: 2rem;
  border-top: 1px solid var(--color-white);
}
.footer__contact-address {
  text-align: start;
}
footer h3 {
  color: var(--color-black);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.propertyTypesList {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  height: 100%;
}

.wrap_propTypeFooter .propertyTypesList {
  display: flex;
  flex-direction: column;
  justify-content: initial;
  gap: 2rem;
  height: 100%;
}
.wrap_footerTop {
  padding: 5rem 0;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
s .footer__contact-address {
  max-width: 40rem;
  text-align: initial;
}
.footer__contact-mail,
.footer__contact-phone {
  text-align: initial;
}
#ic-footerMedia {
  display: flex;
  gap: 3rem;
}
.wrap_propTypeFooter,
.wrap_videoAxarquia,
.Footernewsletter,
.wrapMedia,
.footerContact {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.wrap__iconsMedia {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.footerContact {
  max-width: 25%;
}
.wrap_videoAxarquia a img,
.wrap_videoAxarquia a {
  width: 33.2rem;
  height: 22.1rem;
}
.wrap_footerBottom {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.wrap_footerBottom p {
  display: flex;
  justify-content: center;
  gap: 5px;
  flex-wrap: wrap;
}

.wrap_footerBottom p .since {
  color: var(--color-yellow);
}
.wrapMedia img {
  object-fit: cover;
  max-width: 100%;
  height: auto;
}
.Footernewsletter,
.wrap_videoAxarquia {
  gap: 7rem;
}

.footer__wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
/* Sell */
.sellH2 {
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.sellH3 {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-primary);
}
.sellLanding p,
.sellCol.sellCol--left p,
.sellCol.sellCol--left p span {
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.sellIcon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.sellTop__text {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.sellIcon--top {
  width: 100%;
}

.sellIcon--legal {
  width: 100%;
}

.sellIcon--price {
  justify-self: center;
}
.sellBlock--price,
.sellBlock.sellBlock--aesthetic,
.sellCol.sellCol--right,
.sellCol.sellCol--left {
  display: flex;
  flex-direction: column;

  gap: 3rem;
}
.sellTop {
  display: grid;
  grid-template-columns: 1.4fr 0.9fr;
  gap: 2rem;
  padding: 5rem 0 0 0;
}

.sellBigIcon,
.sellTop__icon {
  background-color: var(--color-white);
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 1.5rem;
  border: 1px solid var(--color-beige);
}
.sellBlock {
  padding: 5rem 0;
}

.sellBlock--legal {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 5rem;
}

.sellGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10rem;
}

.sellBox {
  border: 0.1rem solid var(--color-beige);
  background-color: var(--color-white);
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 8px 20px rgb(3 3 3 / 45%);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  max-width: 100%;
  height: max-content;
  /* transform: rotate(-3deg); */
  transform-origin: center center;
  transition: transform 0.3s ease;
}

.sellList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  margin-left: 3rem;
}

.sellList__item {
  display: flex;
  gap: 2rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}
.ic-attorneyRole__checks li {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-blue);
}
.sellList__item--small {
  line-height: 1.3;
}

/* Photo */
.sellPhoto {
  display: flex;
  justify-content: center;
}

.sellPhoto img {
  width: 100%;
  height: auto;
  display: block;
  border: 0.1rem solid var(--color-beige);
  background: var(--color-white);
}

/* --- Buying --- */
.purchaseTop {
  width: 100%;
  background: var(--color-beige);
  padding: 5rem 0;
}

/* .purchaseTop .container1720 {
  padding-block: 5rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
} */

.purchaseTop__title {
  color: var(--color-blue);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  margin: 0;
}

/* Steps nav */
.purchaseSteps {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 3rem;
}

.purchaseSteps__line {
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  height: 2px;
  background: var(--color-primary);
  opacity: 0.7;
}

.purchaseSteps__item {
  text-decoration: none;
  color: inherit;
  display: flex !important;
  flex-direction: column;
  gap: 2rem;
  padding-block: 5rem;
  min-width: 0;
  height: auto !important;
  justify-content: space-between;
  align-items: center;
}

.purchaseSteps__num {
  color: var(--color-primary);
  font-size: 10rem;
  line-height: 1.3;
  font-weight: 600;
}

.purchaseSteps__tick {
  width: 2px;
  height: 1.4rem;
  background: var(--color-primary);
  opacity: 0.7;
  transform: translateY(-3px);
}

.purchaseSteps__name {
  text-align: center;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-blue);
  flex: 1;
}

.purchaseSteps__more {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-blue);
}

.purchaseSteps__icon {
  width: 3rem;
  height: 3rem;
  color: var(--color-blue);
  display: inline-block;
  transform: translate(0, 0);
  will-change: transform;
}
.purchaseSteps__item:hover .purchaseSteps__icon {
  animation: handDown 0.8s ease-in-out infinite;
}
@keyframes handDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .purchaseSteps__item:hover .purchaseSteps__icon {
    animation: none;
  }
}

.buttons__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}

.buttons__container h2 {
  margin: 0;
  color: var(--color-black);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.purchaseMain {
  width: 100%;
  background: var(--color-white);
}
.wrap__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 2rem;
}

.wrap__buttons .buttonBlue {
  padding: 5rem;
  width: 40rem;
}
.purchaseMain__stack {
  padding-block: 10rem;
  display: flex;
  flex-direction: column;
  gap: 10rem;
}

.purchaseBlock {
  scroll-margin-top: 11rem;
}

.purchaseBlock__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem;
  align-items: start;
}

.purchaseBlock__grid--reverse {
  grid-template-columns: repeat(2, 1fr);
}

.purchaseBlock__grid--textWide {
  grid-template-columns: repeat(2, 1fr);
}

.purchaseBlock__col {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.purchaseHeading {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
}

#purchaseHeading__badge {
  width: 7.8rem;
  height: 7.6rem;
  border-radius: 100%;
  font-family: "Dancing Script";
  border: 2px solid var(--color-yellow);
  color: var(--color-yellow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  flex: 0 0 auto;
}

.purchaseHeading__title {
  margin: 0;
  color: var(--color-primary);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.purchaseText {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.purchaseBlock__col p,
.purchaseBlock__col p span,
.purchaseAside p,
.purchaseAside p span,
.purchaseText,
.purchaseText p span,
.purchaseText p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}

.purchaseMedia {
  width: 100%;
  border-radius: 2px;
  overflow: hidden;
}

.purchaseMedia img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.purchaseMedia--big img {
  aspect-ratio: 13 / 8.21;
}

.purchaseAside {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.purchaseAside--checklist {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.purchaseChecks {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  border: 1px solid var(--color-beige);
  padding: 2rem;
}

.purchaseChecks li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 3rem;
  align-items: start;
  font-family: "Open Sans";
  font-size: 2rem;
  font-weight: 600;
  color: var(--color-blue);
}

.purchaseChecks__mark {
  color: var(--color-primary);
  font-weight: 900;
  line-height: 1.3;
  transform: translateY(2px);
}
/* ============ COSTS SECTION ============ */
.ic-costs {
  position: relative;
  width: 100%;
  display: block;
  isolation: isolate;
}

.ic-costs__bg {
  position: absolute;
  inset: 0;
  height: 67.3rem;
  z-index: 0;
}

.ic-costs .container1700 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding-top: 45rem;
  padding-bottom: 10rem;
}

.ic-costsCard {
  width: 112.4rem;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding: 3rem;
}

.ic-costsCard__head {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.ic-costsCard__head p {
  color: #000;
  text-align: center;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.ic-costsCard__title {
  margin: 0;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  color: var(--color-blue);
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

/* Intro text */
.ic-costsCard__intro {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 82rem;
  margin-inline: auto;
  text-align: center;
}

.ic-costsCard__intro p {
  margin: 0;
  font-family: "Open Sans";
  color: var(--color-black);
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.ic-costsCard__note {
  color: rgba(6, 22, 46, 0.8);
}

.ic-costsCard__sub {
  display: flex;
  align-items: center;
}

.ic-costsCard__sub p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}

.ic-costsList {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

.ic-costsItem {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.ic-costsItem__bar {
  background: var(--color-primary);
  color: var(--color-white);
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding: 1.2rem 1.4rem;
}

.ic-costsItem__body {
  background: var(--color-white);
  padding: 1.4rem 1.4rem 1.6rem;
}

.ic-costsItem__body p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

/* NOTE (accordion) */

.buttonBack .buttonBlue {
  width: 30%;
  margin: 0 auto;
  color: var(--color-white);
}
.ic-note {
  width: 100%;
  background: var(--color-beige);
  margin-bottom: 10rem;
}

.ic-note__bar {
  width: 100%;
  background: var(--color-beige);
}

.ic-note__barInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: flex-end;
  gap: 3rem;
  padding-block: 2rem;
}

.ic-note__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  min-width: 0;
}

.ic-note__left h3 {
  color: var(--color-blue);
  font-size: 4.4rem;
  font-weight: 600;
  line-height: 1.3;
  flex: 0 0 auto;
}
.ic-note .ic-note__left h3 {
  font-family: "Dancing Script";
}
.ic-note__left p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-note__left p a {
  color: var(--color-primary);
}
.ic-note__left p.subtitle {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ic-note__toggle {
  border: 0;
  background: transparent;
  padding: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-yellow);
  flex: 0 0 auto;
}

.ic-note__chev {
  transition: transform 0.35s ease;
}

.ic-note__panel {
  width: 100%;
  background: var(--color-beige);
}

.ic-note__panelInner {
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.ic-note__panelInner h2 {
  color: var(--color-primary);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-note__panelInner p {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-note__panelInner h3 {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-note__panelInner h5 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-note__content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 1.8rem;
}

.ic-note__h3 {
  margin: 0;
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-blue);
}
.ic-note__h3.note {
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-yellow);
}
.ic-note__h4 {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--color-blue);
}

.ic-note__table {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto 0 3rem;
}

.ic-note__row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: start;
}

.ic-note__item {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}
.ic-note__content p {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}
.ic-dot {
  width: 1rem;
  height: 1rem;
  background: var(--color-primary);
  border-radius: 999px;
  flex: 0 0 auto;
}

.ic-note__value {
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--color-black);
  text-align: left;
}

.ic-note__row--total {
  padding-top: 1rem;
  justify-content: flex-end;
}

.ic-note__item--total span {
  font-weight: 900;
}

.ic-note__value--total {
  font-weight: 900;
}

.ic-note__red {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.3;
  color: var(--color-primary);
}

.ic-note__tiers {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 0 auto 0 3rem;
}
.ic-note__tiers h3 {
  font-size: 2rem;
}
.ic-note__tier {
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* .ic-note__panel {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.45s ease,
    opacity 0.35s ease;
} */

.ic-note.is-open .ic-note__panel {
  opacity: 1;
}

.ic-note.is-open .ic-note__chev {
  transform: rotate(180deg);
}
.ic-note__barTextWrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.contentPleaseNote {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.contentPleaseNote > p {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.contentPleaseNote p {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.contentPleaseNote h2 {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2.5em;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* ============ NEW BUILD SECTION (black) ============ */
.ic-newBuild {
  width: 100%;
  padding-bottom: 5rem;
}

.ic-newBuild__grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 7rem;
}

.ic-newBuild__col {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-newBuild__title {
  margin: 0;
  color: var(--color-black);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-weight: 600;
  line-height: normal;
}

.ic-newBuild__col h3 {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-primary);
}
.ic-newBuild__col h4 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ic-newBuild__col p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-red {
  color: var(--color-primary);
}

.ic-blue {
  color: var(--color-blue);
}

.ic-vatBox {
  border: 1px solid var(--color-beige);
  padding: 2.2rem 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-vatBox__item {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
}

.ic-vatBox__title {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-vatBox__text {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 2.2rem;
}

.ic-vatBox__text p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
}

.ic-dot {
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 auto;
}

.ic-dot--red {
  background: var(--color-primary);
}

.ic-newBuild__list {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.ic-checklist {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
  padding-top: 0.8rem;
}

.ic-checklist p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.4rem;
  font-weight: 800;
  line-height: 1.3;
}

.ic-newBuild__example {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  padding-top: 0.8rem;
}

.ic-newBuild__exampleTitle {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 900;
}

.ic-archBox {
  border: 1px solid var(--beige, #f0e8d2);
  padding: 2.2rem 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  max-width: 60%;
}

.ic-archRow {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
  align-items: center;
}

.ic-archLeft {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-archRight {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-archRow--total {
  padding-top: 0.6rem;
  justify-content: flex-end;
}

.ic-newBuild__foot {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.3rem;
  font-weight: 800;
  line-height: 1.3;
}

/* ============ ATTORNEY ROLE ============ */
.ic-attorneyRole {
  width: 100%;
  background: var(--color-white);
  padding-block: 10rem;
}

.ic-attorneyRole__grid {
  display: grid;
  grid-template-columns: 1.08fr 0.71fr;
  gap: 6rem;
  align-items: start;
}

.ic-attorneyRole__left {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.ic-attorneyRole__left h2 {
  color: var(--color-blue);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-attorneyRole__left h3 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-attorneyRole__left h4 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-attorneyRole__left p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.ic-attorneyRole__title {
  margin: 0;
  color: var(--color-yellow);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-weight: 600;
  line-height: normal;
}

.ic-attorneyRole__h3 {
  margin: 0;
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-attorneyRole__lead {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/* RIGHT */
.ic-attorneyRole__right {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-attorneyRole__icon {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

.ic-attorneyRole__icon img {
  width: 78rem;
  height: auto;
  display: block;
}

.ic-attorneyRole__rightText {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

.ic-attorneyRole__rightText p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-attorneyRole__box {
  border: 1px solid var(--color-beige);
  padding: 2rem;
}

.ic-attorneyRole__checks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-attorneyRole__checks li {
  display: grid;
  grid-template-columns: 2.4rem 1fr;
  gap: 2rem;
  align-items: start;
}

.ic-check {
  color: var(--color-primary);
  font-weight: 900;
  font-size: 2rem;
  line-height: 1.3;
  transform: translateY(0.2rem);
}

.ic-attorneyRole__checks span {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-red {
  color: var(--color-primary);
}

/* ============ Mortgage calc section ============ */
.ic-mortgageSection {
  width: 100%;
  background: var(--color-white);
  padding-block: 5rem;
}

.ic-mortgageSection__grid {
  display: grid;
  grid-template-columns: 53.5rem 1fr;
  gap: 10rem;
  align-items: start;
  justify-content: space-between;
}

.wrap__aside {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.ic-calcCard {
  background: var(--color-beige);
  border-radius: 1.6rem;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ic-calcCard__title {
  margin: 0;
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-blue);
  text-align: center;
}

.ic-calcForm {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.ic-calcField {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ic-calcField__label {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-calcField__input {
  width: 100%;
  border: 0;
  border-radius: 0.4rem;
  background: var(--color-white);
  padding: 1.4rem 1.6rem;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
  outline: none;
}

.ic-calcField__input:focus {
  box-shadow: 0 0 0 2px rgba(195, 12, 14, 0.25);
}

.ic-calcDivider {
  height: 2px;
  width: 100%;
  background: var(--color-yellow);
  opacity: 0.8;
  margin: 3rem 0;
}

.ic-calcResults {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.ic-calcResults__title {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: var(--color-blue);
}

.ic-calcRow {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  align-items: baseline;
}

.ic-calcRow__name {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-calcRow__value {
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-primary);
  white-space: nowrap;
}

.ic-perMonth {
  font-size: 1.4rem;
  font-weight: 800;
}

.ic-calcBtn {
  width: 100%;
  border: 0;
  border-radius: 1.6rem;
  background: var(--color-blue);
  color: var(--color-white);
  padding: 1.8rem 2rem;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
  transition: var(--transition);
  margin-top: 1rem;
}

.ic-calcBtn:hover {
  filter: brightness(1.05);
}

.ic-calcError {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--color-primary);
}

.ic-apply {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.ic-apply__topTitle {
  margin: 0;
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.ic-apply__title {
  margin: 0;
  font-family: "Dancing Script";
  font-size: 5rem;
  font-weight: 600;
  color: var(--color-black);
}

.ic-apply__text {
  display: flex;
  flex-direction: column;
  gap: 2.2rem;
}

.ic-apply__text p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-apply__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding-top: 2rem;
  width: 50%;
}

.ic-apply__btn:hover {
  filter: brightness(1.05);
}

.ic-apply__icon {
  margin: 0;
  display: flex;
  justify-content: flex-end;
}

.ic-apply__icon img {
  width: 50rem;
  max-width: 100%;
  height: auto;
  display: block;
}

.ic-red {
  color: var(--color-primary);
}

.ic-reno {
  width: 100%;
  background: var(--color-white);
  padding: 5rem 0;
}

.ic-reno__top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
.ic-reno__intro {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-reno__intro h2,
.ic-reno__title {
  color: var(--color-black);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-weight: 600;
  line-height: normal;
}

.ic-reno__p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-weight: 600;
  line-height: normal;
}

.ic-reno__logo {
  margin: 0;
  width: 39.4rem;
  flex: 0 0 auto;
}

.ic-reno__logo img {
  width: 100%;
  height: auto;
  display: block;
}
.ic-reno__logo.emigrating img {
  width: 50%;
}
.swiperInternal .wrap__swiper {
  position: relative;
}
.wrap__swiper {
  width: 100%;
}

.mySwiperReviews,
.mySwiper {
  overflow: hidden;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.cardSwiperInternal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem;
}
.cardSwiperInternal.swiper-slide {
  height: max-content;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  overflow: hidden;
}

.cardSwiperInternal-content {
  background: var(--white, #fff);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  aspect-ratio: 3 / 2.6;
  display: flex;
  width: 50%;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 2rem;
}
.wrap_cardSwiperInternal-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
}

.wrap_cardSwiperInternal-content ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.wrap_cardSwiperInternal-content h2 p,
.wrap_cardSwiperInternal-content h2 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.wrap_cardSwiperInternal-content ul li,
.wrap_cardSwiperInternal-content p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.wrap_swiperInternal-image {
  width: 50%;
}
.swiperInternal-image {
  width: 100%;
  aspect-ratio: 3 / 2.6;
}
#swiperComplete .wrap__button-swiper,
.swiperInternal .wrap__button-swiper {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.wrap__button-swiper {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  position: absolute;
  top: 80%;
  left: 63.7%;
  z-index: 1;
}

.swiper-buttonP-prev,
.swiper-buttonP-next,
.swiper-buttonR-prev,
.swiper-buttonR-next {
  transition: var(--transition);
  border-radius: 100%;
  border: 2px solid var(--color-primary);
  display: flex;
  width: 7.5rem;
  height: 7.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.swiper-buttonP-prev,
.swiper-buttonR-prev {
  left: 0;
  right: auto;
  cursor: pointer;
}
.swiper-buttonP-next,
.swiper-buttonR-next {
  left: auto;
  cursor: pointer;
}

.wrap__counter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: max-content;
}

.wrap__counter .counterP,
.wrap__counter .counter {
  color: var(--color-primary);
  text-align: center;
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#swiperComplete {
  position: relative;
  padding: 5rem 0;
  margin: 5rem 0 11rem 0;
}

.wrap__swiperComplete.renovation #swiperComplete {
  margin: 18rem 0 11rem 0;
}

#swiperComplete.swiperRenovation {
  padding: 0 0 5rem 0;
  margin: 5rem 0 15rem 0;
}
#container__swiperComplete > div {
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#container__swiperComplete > div > a {
  position: relative;
  display: block;
  width: 100%;
  align-self: stretch;
  aspect-ratio: 490 / 302.42;
}
#container__btn-complete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem;
}

.button__complete a {
  color: var(--color-blue);
  text-align: center;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

#wrap__btn-swiper {
  display: flex;
  align-items: center;
  justify-content: center;
}

#contentEmigra,
#photoviltaic {
  padding: 15rem 0 0rem 0;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
#contentEmigra {
  padding: 15rem 0 10rem 0;
  gap: 10rem;
}
#contentEmigra > div {
  display: flex;
  gap: 5rem;
}
#photoviltaic > div {
  display: flex;
  align-items: center;
  gap: 5rem;
}
#contentEmigra > div img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  aspect-ratio: 6 / 3;
}
#contentEmigra div h2,
#photoviltaic div h2 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

#contentEmigra div h3,
#contentEmigra div h4,
#photoviltaic div h4,
#photoviltaic div h3 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

#contentEmigra div div,
#photoviltaic div div {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 50%;
}
#photoviltaic img {
  width: 50%;
  height: 100%;
}
#contentEmigra div h4,
#photoviltaic div h4 {
  color: var(--color-primary);
  font-size: 1.8rem;
  text-transform: initial;
}

#contentEmigra div p,
#photoviltaic div p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-emigra {
  width: 100%;
  position: relative;
}

.ic-emigra__banner {
  position: absolute;
  inset: 0;
  height: 67.3rem;
  z-index: 0;
}
#ic-emigra .container1700 {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding-top: 45rem;
  padding-bottom: 10rem;
}
.ic-emigra__card {
  width: 100%;
  max-width: 104rem;
  margin: 0 auto;
  background: var(--color-white);
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.18);
}

.ic-emigra__header {
  padding: 3.2rem 3rem 2rem;
  text-align: center;
}

.ic-emigra__title {
  margin: 0;
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 3.2rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.ic-emigra__list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 0 2.6rem 3.2rem;
}

.ic-emigra__item {
  width: 100%;
}

.ic-emigra__item p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.ic-emigra__item--red {
  background: #0097b29e;
  padding: 2.2rem 2.4rem;
}

.ic-emigra__item--red p {
  color: var(--color-black);
}

.ic-emigra__item--white {
  background: var(--color-white);
  padding: 2.2rem 2.4rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.6rem 1.4rem rgba(0, 0, 0, 0.18);
}

.ic-emigra__item--white p {
  color: var(--color-black);
}

.ic-emigra__icon {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32rem;
  max-width: 42vw;
  height: auto;
  display: block;
  pointer-events: none;
}

/* ====== THE LAWFIRMS NOTE  ====== */
.ic-ddSection {
  width: 100%;
  padding: 6rem 0;
}

.ic-ddList {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-dd {
  width: 100%;
}

.ic-dd__bar {
  width: 100%;
  background: var(--color-beige);
}

.ic-dd__barInner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 3rem;
  padding: 3.4rem 0;
}

.ic-dd__headText h2,
.ic-dd__headText h3 {
  margin: 0;
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-transform: uppercase;
}

.ic-dd__headText p {
  margin: 2rem 0 0;
  display: block;
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.ic-dd__toggle {
  border: 0;
  background: transparent;
  padding: 0.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-yellow);
  flex: 0 0 auto;
}

.ic-dd__chev {
  transition: transform 0.35s ease;
  width: 3rem;
  height: 2.2rem;
}

.ic-dd__panel {
  width: 100%;
  background: var(--color-beige);
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.45s ease,
    opacity 0.35s ease;
}

.ic-dd__panelInner {
  padding: 3rem 0 5rem;
}

.ic-dd__content {
  background: var(--color-white);
  border-radius: 2rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.25);
  padding: 3.2rem 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.ic-dd__content ul,
.ic-dd__content ol {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  list-style: auto;
  margin-left: 5rem;
}

.ic-dd__content div,
.ic-dd__content p,
.ic-dd__content li {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-black);
}
.ic-dd__content li::marker {
  font-family: "Dancing Script";
  font-size: 3.5rem;
  color: var(--color-primary);
}
.ic-dd__content p + p {
  margin-top: 1.6rem;
}

.ic-dd__content strong {
  font-weight: 800;
}

.ic-dd__content a {
  color: var(--color-primary);
  font-weight: 800;
}

.ic-dd.is-open .ic-dd__panel {
  opacity: 1;
}

.ic-dd.is-open .ic-dd__chev {
  transform: rotate(180deg);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================
   CONTACT
========================= */
.ic-contact {
  width: 100%;
  padding: 10rem 0 0;
  background: var(--color-white);
}

.ic-contact__title {
  margin-bottom: 3rem;
  color: var(--color-black);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-weight: 600;
  line-height: normal;
  max-width: 79rem;
}

.ic-contact__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10rem;
}
.ic-contact__left .ic-button {
  width: 100%;
}

.ic-contact__left input:focus,
.ic-contact__left textarea:focus {
  border-bottom-color: var(--color-blue);
}

.ic-contact__left .ic-checkbox,
.ic-contact__left .privacy,
.ic-contact__left .agreement {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-top: 2rem;
}

.ic-contact__left input[type="checkbox"] {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(6, 22, 46, 0.6);
  border-radius: 3px;
}

.ic-contact__left button[type="submit"],
.ic-contact__left .btn,
.ic-contact__left .submit {
  margin-top: 2.6rem;
  width: 100%;
  border: 0;
  background: var(--color-primary);
  color: var(--color-white);
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 800;
  padding: 1.7rem 2rem;
  cursor: pointer;
  text-transform: uppercase;
  transition: var(--transition);
}

.ic-contact__left button[type="submit"]:hover,
.ic-contact__left .btn:hover,
.ic-contact__left .submit:hover {
  filter: brightness(0.95);
}

.ic-contact__cards {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.ic-contactCard {
  position: relative;
  background: var(--color-beige);
  padding: 6rem 3rem;
}

.ic-contactCard--small {
  max-width: 35rem;
}

.ic-contactCard__dot {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--color-primary);
  border-radius: 999px;
}

.ic-contactCard__dot--tl {
  top: 1.8rem;
  left: 1.8rem;
}
.ic-contactCard__dot--tr {
  top: 1.8rem;
  right: 1.8rem;
}
.ic-contactCard__dot--bl {
  bottom: 1.8rem;
  left: 1.8rem;
}
.ic-contactCard__dot--br {
  bottom: 1.8rem;
  right: 1.8rem;
}

.ic-contactCard__imgWrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.ic-contactCard__img {
  width: 16rem;
  height: auto;
  display: block;
}

.ic-contactCard__content h3,
.ic-contactCard__content h4 {
  margin: 0 0 1rem;
  font-family: "Open Sans";
  font-size: 2.6rem;
  font-weight: 900;
  color: var(--color-blue);
}

.ic-contactCard__content p,
.ic-contactCard__content a,
.ic-contactCard__content span,
.ic-contactCard__content li {
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-black);
}

.ic-contactCard__content .itinerary a {
  color: var(--color-primary);
  font-weight: 900;
  text-decoration: none;
}

.ic-contactCard__content a:hover {
  text-decoration: underline;
}

.ic-contactCard__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.ic-contactCard--small,
.ic-contactCard__block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.link__contact a,
.link__contact {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.wrap__contactCard__block,
.wrap__cards--small {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  width: 100%;
}
.ic-contactCard--small h3,
.ic-contactCard__block h3 {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
.ic-contactCard--small p,
.ic-contactCard__block p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.btn__googleMaps,
.ic-contactCard__block .itinerary {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.ic-contact__socialBar {
  width: 100%;
  background: var(--color-blue);
  padding: 1rem 0;
}

.ic-contact__social {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.2rem;
  padding: 0;
  margin: 0;
}

.ic-contact__social a.social {
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
}
.ic-contact__social a.social svg {
  width: 4rem;
  height: 4rem;
}
.ic-contact__social a.social:hover {
  transform: translateY(-2px);
}
#ic-ubication {
  margin: 10rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}

#ic-ubication h2 {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

#ic-ubication p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
#ic-ubication h3 span {
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#ic-ubication img,
.mapContact iframe {
  width: 100%;
  object-fit: cover;
}

.mapContact {
  width: 100%;
}

/* =========================
   TESTIMONIALS
========================= */
.ic-testimonials {
  width: 100%;
  background: var(--color-beige);
}

.ic-testimonials__top {
  width: 100%;
  background: var(--color-blue);
  padding-top: 5.7rem;
  height: 60.5rem;
  text-align: center;
}

.ic-testimonials__title {
  color: #fff;
  font-family: "Dancing Script";
  font-size: 10rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ic-testimonials__body {
  width: 100%;
  background: var(--color-beige);
  padding: 6rem 0 10rem;
}
.ic-testimonials__body .container1600 {
  margin-top: -40rem;
}
.ic-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5rem;
  align-items: start;
}

.ic-testimonials__body .cardReview {
  width: 100%;
}

.ic-testimonials__body .wrap_cardReview {
  background: var(--color-white);
  border-radius: 0.6rem;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0;
  padding: 2rem;
  gap: 2rem;
}

.ic-testimonials__body .cardReview__name {
  margin: 0;
  color: var(--color-blue);
  text-align: center;
  font-family: "Open Sans";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-testimonials__body .review-text p {
  color: var(--color-blue);
  text-align: center;
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  -webkit-line-clamp: 5;
}

.ic-testimonials__body .img_cardReview {
  width: 13.4rem;
  height: 17.9rem;
}
.wrap_cardReview .openReviewModal,
.ic-testimonials__body .cardReview__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 19.2rem;
  height: 3rem;
  background: var(--color-primary);
  color: var(--color-white);
  text-align: center;
  font-family: "Open Sans";
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  transition: var(--transition);
}

.ic-testimonials__body .cardReview__btn:hover {
  filter: brightness(0.95);
}
/* =========================
   REVIEW MODAL (POPUP) HOME
========================= */
.reviewModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.reviewModal.is-active {
  display: block;
}

.reviewModal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(6, 22, 46, 0.75);
}

.reviewModal__content {
  position: relative;
  width: calc(100% - 4rem);
  max-width: 124rem;
  max-height: calc(100vh - 4rem);
  margin: 2rem auto;
  background: #f7f5ef;
  border: 0.6rem solid #0b2341;
  overflow-y: auto;
  padding: 2rem;
}

.reviewModal__close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 4.4rem;
  height: 4.4rem;
  border: none;
  border-radius: 50%;
  background: #fff;
  color: #06162e;
  font-size: 3rem;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
}

.reviewModal__inner {
  border: 0.3rem solid #0b2341;
  padding: 1.5rem;
  background: #f7f5ef;
}

.reviewModal__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 0.2rem solid #0b2341;
  margin-bottom: 2.5rem;
}

.reviewModal__title {
  text-align: center;
  color: #1593b6;
  font-size: 3rem;
  margin-bottom: 2rem;
}

.reviewModal__text {
  font-size: 2rem;
  line-height: 1.5;
  color: #111;
}

.reviewModal__text p {
  margin-bottom: 1.6rem;
}

body.modal-open {
  overflow: hidden;
}

/* =========================
   REVIEW MODAL (POPUP)
========================= */
.ic-reviewModal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.ic-reviewModal.is-open {
  display: block;
}

.ic-reviewModal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}

.ic-reviewModal__dialog {
  position: relative;
  width: 56%;
  margin: 6vh auto;
  outline: none;
}

.ic-reviewModal__close {
  position: absolute;
  top: -1.6rem;
  right: -1.6rem;
  width: 4.2rem;
  height: 4.2rem;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  background: var(--color-white);
  color: var(--color-blue);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  font-size: 2.8rem;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ic-reviewModal__frame {
  background: var(--color-blue);
  padding: 1rem;
}

.ic-reviewModal__inner {
  background: #fff;
  padding: 3rem 3.6rem 3.4rem;
  height: 90vh;
  overflow: auto;
}

.ic-reviewModal__img {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 1.2rem solid var(--color-beige);
  outline: 3px solid var(--color-blue);
  margin-bottom: 2.2rem;
}

.ic-reviewModal__name {
  margin: 0 0 1.6rem;
  text-align: center;
  color: var(--color-primary);
  font-family: "Open Sans";
  font-size: 1.6rem;
  font-weight: 800;
}

.ic-reviewModal__text {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.ic-reviewModal__text p {
  margin: 0;
  font-family: "Open Sans";
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-black);
}

#favourites {
  margin: 10rem auto;
}

#favourites #ic-resultsList {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6rem;
}
#ic-contactFavourites {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  margin: 10rem 0;
}
#ic-contactFavourites h3,
#favourites #ic-resultsList .title__favourite {
  color: var(--color-blue);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ic-contactFavourites #ic-requestContact {
  width: 72%;
  height: auto;
}

#ic-contactFavourites .ic-button {
  width: 100%;
}
#video-Axarquia,
#map-Axarquia {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 5rem 0;
}
#video-Axarquia h2,
#map-Axarquia h1 {
  color: var(--color-blue);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.mapAxarquia {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
}

.iframeVideo {
  width: 100%;
}
#video-Axarquia iframe {
  width: 100%;
  height: 60rem;
}
.ic-imgGall {
  height: 31.3rem;
  cursor: pointer;
}

.ic-lb {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.ic-lb.is-open {
  display: block;
}

.ic-lb__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.8);
}

.ic-lb__dialog {
  position: relative;
  width: 92vw;
  height: 80vh;
  margin: 6vh auto 0;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.ic-lb__close {
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 5;
  width: 4.2rem;
  height: 4.2rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.3;
  cursor: pointer;
}

.ic-lbSwiper {
  height: 100%;
}

.ic-lbSwiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-lbSwiper img {
  width: 90%;
  height: 90%;
  object-fit: contain;
}

.ic-lb__nav {
  position: absolute;
  top: 50%;
  margin-top: -2.2rem;
  z-index: 5;
  cursor: pointer;
}

.ic-lb__prev {
  left: 1.4rem;
}
.ic-lb__next {
  right: 1.4rem;
}

.ic-lb__counter {
  position: absolute;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  z-index: 5;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.4rem;
}

body.is-lb-open {
  overflow: hidden;
}

.container1300.wrapTitle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}
.wrapTitle h1 {
  color: var(--color-yellow);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
/* Blog */
.imageBlog {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
}
.blogPage-content,
.ic-blogPost {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: stretch;
  gap: 2rem;
}

.blogPage-content {
  gap: 2rem;
}
.blogPage-content h4 {
  flex: 1;
}
.ic-blogPost h4 a {
  margin: 0;
  color: var(--color-primary);
  font-family: "Dancing Script";
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ic-contebtBlog a,
.ic-contebtBlog p,
.ic-blogPost p {
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}

.ic-contebtBlog > div:first-of-type {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}

.ic-contebtBlog a {
  color: var(--color-primary);
  font-weight: 700;
}
#heroBlg {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 69rem;
  background-position: center;
}

.ic-contebtBlog h1 {
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-black);
}

.ic-contebtBlog {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.buttonBack {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#ic-detBlog img {
  background-color: var(--color-white);
  border-radius: 0px 0px 3px 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 1.5rem;
  border: 1px solid var(--color-beige);
  width: 100%;
  height: 100%;
}

.wrap__date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  grid-area: 2rem;
  width: 100%;
}
.ic-datePost,
.buttonBack a {
  font-family: "Open Sans";
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: var(--color-blue);
}
/* PAGE GENERAL */
#ic-page article {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
}
#ic-page article h1 {
  color: var(--color-blue);
  font-family: "Dancing Script";
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ic-page article h2 {
  color: var(--color-primary);
  text-align: center;
  font-family: "Open Sans";
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#ic-page article ul li,
#ic-page article p {
  color: #000;
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

#ic-page article ul li a {
  color: var(--color-primary);
}
/* ERROR 404 */

/* Shortlist */
.shortlistToggle {
  position: absolute;
  top: 2rem;
  left: 2rem;
}
.slToggleState {
  display: none;
  cursor: pointer;
  position: relative;
}
.shortlistToggle .loading-icon,
.shortlistToggle .propertyId,
.shortlistToggle .propertyRef {
  display: none;
}
.shortlistToggle.loading .slToggleState,
.shortlistToggle.loading .slToggleState.active {
  display: none;
}
.shortlistToggle .active {
  display: inline;
}

/* Pagination */

.ic-pagination ul,
.ic-paging.ic-pagination {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.ic-pagination li:before {
  display: none;
}
.ic-pagination li a,
.ic-pagination li span {
  display: block;
  text-align: center;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-blue);
  padding: 1rem;
}
.ic-pagination li,
.item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-blue);
  background: transparent;
  width: 4.2rem;
  height: 4.2rem;
}
.ic-pagination li.control,
.item.last,
.item.first,
.item.prev,
.item.next {
  border: none;
  width: unset;
  height: unset;
}

.item.last a,
.item.first a,
.item.prev a,
.item.next a {
  padding: 0;
}
.ic-pagination li.active,
.ic-pagination li:hover,
.ic-pagination li.active,
#ic-blogPage .ic-pagination li:hover,
#ic-blogPage .ic-pagination li.active,
.ic-pagination li span {
  color: var(--color-white);
  background: var(--color-blue);
}
.ic-pagination li:hover a {
  color: var(--color-white);
}
.ic-pagination li.control:hover,
.ic-pagination li.control:hover a,
.item.last:hover,
.item.last:hover a,
.item.first:hover,
.item.first:hover a,
.item.prev:hover,
.item.prev:hover a,
.item.next:hover,
.item.next:hover a {
  background: transparent;
  border: none;
  color: var(--color-green);
}
#ic-blogPage .ic-pagination li a {
  background: #e2dad1;
}
.ic-resultsMeta .ic-orderBy .multiselect .caption {
  background-color: var(--color-green);
  color: var(--color-white);
}
.ic-resultsMeta .ic-orderBy .multiselect .caption .text {
  color: var(--color-white);
}
.ic-resultsMeta .ic-orderBy .multiselect .caption:after {
  border-color: var(--color-white);
}

/* Empty pages */
#ic-emptyPage {
  position: relative;
  max-width: 140rem;
  margin: 10rem auto;
  padding: 5rem 2rem 1rem;
  text-align: center;
}

#ic-emptyPage h1 span {
  display: block;
  font-size: 0.6em;
  font-weight: 300;
  margin-top: 3px;
  color: #808080;
  line-height: 1.3;
  letter-spacing: -0.03em;
}

/* FAV share */
.ic-resultsMeta .tooltip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 10px 10px 9px;
  font-size: 1.1em;
  line-height: 1.3;
}
#ic-iconCOPY {
  cursor: pointer;
  color: #000;
  transition: all 0.3s ease-in;
}
#ic-iconCOPY:hover,
#ic-iconCOPY:focus,
#ic-iconCOPY:active {
  color: #999;
}
.ic-resultsMeta #myInput {
  cursor: pointer;
  font-size: 0.8125rem;
  text-transform: none;
  font-weight: 400;
  font-style: italic;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
  background: #fff;
  border: 0;
  border-bottom: 0;
  display: block;
  width: calc(100% - 50px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 7px;
}

.ic-resultsMeta .w3-button {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  width: 4.2rem;
  cursor: pointer;
}
.ic-resultsMeta .tooltip .tooltiptext {
  visibility: hidden;
  width: 18.1rem;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 110%;
  left: auto;
  right: -72px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 0.7em;
}

.ic-resultsMeta .tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ic-resultsMeta .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 700px) {
  .ic-resultsMeta .tooltip:hover .tooltiptext,
  .ic-resultsMeta .tooltip .tooltiptext {
    display: none;
  }
}

/* Page */
#ic-page {
  position: relative;
  z-index: 1;
}
#ic-page h2:first-child {
  font-size: 2.2em;
  font-weight: 300;
  margin-bottom: 3rem;
  text-align: center;
}
#ic-page h3 {
  margin-bottom: 1rem;
}

/* Map*/
#ic-page.ic-mapPage {
  max-width: 140rem;
  padding: 8rem 10rem;
}

/* About */
#introAbout {
  display: flex;
  gap: 3rem;
}
.wrap_conten-introInternal,
#introInternalContent {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.whatWeDo_top p,
.wrap_conten-introInternal,
.wrap_conten-introInternal p {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#howWeWork,
.whatWeDo_top h2,
#introInternalContent h2 {
  color: var(--color-black);
  font-family: "Dancing Script", cursive;
  font-size: 5rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#introAboutImg {
  width: 69.2rem;
  height: 45.9rem;
  aspect-ratio: 692/459.4;
}
#introAboutTeamImg {
  max-width: 100%;
  width: 125rem;
  margin: 0 auto;
  aspect-ratio: 692/459.4;
}
#weOffer {
  background-color: var(--color-beige);
}

.wrap_weOffer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 5rem 0;
}
.wrap_weOffer h2 {
  color: var(--color-primary);
  text-align: center;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.wrap_weOfferItems {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.wrap_weOfferItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3rem;
  align-items: center;
}
.wrap_weOfferItem h3 {
  color: #000;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  max-width: 90%;
}
#weOfferImg {
  width: 50rem;
  max-width: 100%;
  height: 30rem;
}
#wrapDirector {
  display: grid;
  grid-template-columns: repeat(6, 18rem);
  row-gap: 5rem;
  column-gap: 2rem;
  margin-top: 4rem;
  position: relative;
  justify-items: center;
  justify-content: center;
}
#wrapDirector .ic-team {
  grid-column: span 2;
}

#wrapDirector .ic-team:nth-of-type(1),
#wrapDirector .ic-team:nth-of-type(2) {
  grid-column: span 3;
}
.svg_right,
.svg_left {
  position: absolute;
  z-index: 1;
}
.svg_right {
  top: 80%;
  right: 23%;
}
.svg_left {
  left: 23%;
  top: -3.3%;
}
.svg_right,
.svg_left {
  will-change: transform;
  animation: handPoint 1.1s ease-in-out infinite;
}

.svg_left {
  --dx: -10px;
  --dy: -10px;
  transform-origin: 15% 15%;
}
.svg_right {
  --dx: 10px;
  --dy: 10px;
  transform-origin: 85% 85%;
}

@keyframes handPoint {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(var(--dx), var(--dy));
  }
}

@media (prefers-reduced-motion: reduce) {
  .svg_right,
  .svg_left {
    animation: none;
  }
}
#wrapDirectorItem {
  position: relative;
}
#wrapDirectorItem svg {
  position: absolute;
}
.photoDirector {
  width: 37rem;
  height: 44.5rem;
  transition: var(--transition);
}

.photoDirector:hover {
  scale: 1.1;
}
.ic-team {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  cursor: pointer;
  overflow: hidden;
}

.wrap_popup__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ic-team article {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.ic-team article h4,
.ic-team article h3 {
  color: var(--color-primary);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.ic-team article h4 {
  color: #000;
  width: 37rem;
  text-align: center;
}
.team-popup {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.team-popup.active {
  display: flex;
}

.team-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.team-popup__box {
  position: relative;
  background: var(--color-beige);
  max-width: 122rem;
  height: 60rem;
  width: 90%;
  padding: 3rem;
  border: 4px solid var(--color-blue);
  z-index: 1;
}

.team-popup__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--color-primary);
}

.team-popup__content {
  display: flex;
  gap: 3rem;
}

.team-popup__image img {
  width: 35rem;
  object-fit: cover;
}
.team-popup__info h4,
.team-popup__info h3 {
  color: var(--color-primary);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.team-popup__info h4 {
  color: #000;
}

.team-popup__info p {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.team-popup__info,
.team-popup__contact {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.team-popup__contact a {
  color: var(--color-blue);
  font-family: "Open Sans";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.team-popup {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.team-popup.active {
  pointer-events: auto;
  opacity: 1;
}

.team-popup__box {
  transform: scale(0.85) translateY(20px);
  transition: all 0.4s cubic-bezier(0.21, 0.6, 0.35, 1);
}

.team-popup.active .team-popup__box {
  transform: scale(1) translateY(0);
}

/* Socials */
.team-popup__socials {
  display: flex;
  gap: 1.5rem;
  margin-top: 2rem;
}

.team-popup__socials a:hover {
  transform: scale(1.1);
}
#whatWeDo {
  padding-top: 5rem;
}
.whatWeDo_top {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.whatWeDo_item {
  background-color: var(--color-beige);
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem;
  position: relative;
}

.whatWeDo_item h3 {
  color: var(--color-blue);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.whatWeDo_item p {
  color: #000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.whatWeDo_bottom {
  margin-top: 5rem;
}
.dot {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M17.5 10.2083C18.9287 10.2082 20.326 10.6278 21.5182 11.415C22.7105 12.2022 23.6452 13.3224 24.2063 14.6363C24.7674 15.9502 24.9301 17.4 24.6743 18.8056C24.4185 20.2112 23.7553 21.5107 22.7673 22.5426C21.7792 23.5746 20.5098 24.2935 19.1166 24.6102C17.7235 24.9269 16.268 24.8273 14.9309 24.3238C13.5939 23.8204 12.4342 22.9352 11.5959 21.7783C10.7576 20.6214 10.2777 19.2437 10.2157 17.8164L10.2084 17.4999L10.2157 17.1835C10.2972 15.3062 11.1003 13.5329 12.4574 12.2334C13.8146 10.9338 15.621 10.2084 17.5 10.2083Z' fill='%230097b2'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
}

.top-left {
  top: 0;
  left: 0;
}

.top-right {
  top: 0;
  right: 0;
}

.bottom-left {
  bottom: 0;
  left: 0;
}

.bottom-right {
  bottom: 0;
  right: 0;
}

#howWeWork {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8rem;
}

.containerItems {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.itemWeWork {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}

.itemWeWork .image {
  opacity: 0;
  transform: translateY(12px) scale(0.95);
  transition:
    opacity 0.5s ease,
    transform 0.6s ease;
  will-change: opacity, transform;
}
.itemWeWork_content {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.itemWeWork .image img {
  width: 100%;
  height: 100%;
  display: block;
}
.itemWeWork.is-inview .image {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.itemWeWork .image {
  transition-delay: var(--delay, 0ms);
  width: 50%;
}

@media (prefers-reduced-motion: reduce) {
  .itemWeWork .image {
    transition: none;
    transform: none;
    opacity: 1;
  }
}

.itemWeWork_content h4 {
  color: var(--color-blue);
  font-family: "Dancing Script", cursive;
  font-size: 5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

.itemWeWork_content p {
  display: block;
  color: var(--color-blue);
  font-size: 2rem;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  line-height: 1.8;
  text-transform: capitalize;
}

.banner-image {
  width: 100%;
  height: 57.4rem;
  padding: 8.7rem 0 0 8.7rem;
  display: flex;
}
.bannerAbout_content {
  max-width: 70rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  position: relative;
}

#bannerAbout.reqSell .bannerAbout_content p {
  color: var(--color-blue);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#bannerAbout.reqSell .svgBanner {
  align-self: end;
}
.bannerAbout_content p {
  color: var(--color-blue);
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.bannerAbout_content button {
  border: none;
  color: var(--color-white);
  max-width: 59%;
}

#ic-toggleMoreFields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.svgForm {
  --dx: 0px;
  --dy: -12px;
  transform-origin: 50% 80%;
  will-change: transform;
  animation: handPoint 1.1s ease-in-out infinite;
}

.svgForm svg {
  width: 3rem;
  height: 3rem;
}
.svgBanner {
  position: absolute;
  bottom: 45%;
  right: 40%;
  --dx: 0px;
  --dy: -12px;
  transform-origin: 50% 80%;
  will-change: transform;
  animation: handPoint 1.1s ease-in-out infinite;
}
.svgBanner svg {
  width: 6.3rem;
  height: 6.3rem;
}
@keyframes handPoint {
  0%,
  100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(var(--dx), var(--dy));
  }
}

@media (prefers-reduced-motion: reduce) {
  .svgForm,
  .svgBanner {
    animation: none;
  }
}
.modalRequestFooter,
.modalRequest {
  position: fixed;
  inset: 0;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modalRequestFooter.is-active,
.modalRequest.is-active {
  opacity: 1;
  pointer-events: all;
}

.request-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.no-scroll {
  overflow: hidden;
}

/* ------ RESPONSIVE ------ */
@media only screen and (min-width: 1130px) {
  #ic-navigation .ic-dropdown {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background: transparent;
    transition: all 0.3s linear;
  }
  #ic-headerGal #ic-navigation .ic-dropdown {
    background: transparent;
  }

  #ic-navigation .ic-dropdown {
    padding-top: 1rem;
  }
  #ic-navigation li:hover .ic-dropdown {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (max-width: 1700px) {
  #ic-navigation .nav {
    gap: 2rem;
  }
}
@media only screen and (max-width: 1600px) {
  .wrapTestimonialsHome.container1700 {
    width: 90%;
  }
  #ic-logo img {
    width: 30rem;
    aspect-ratio: 7 / 3;
  }

  .swiper-button-prev,
  .swiper-button-next {
    top: 85%;
  }
  .swiper-button-prev {
    left: 40%;
  }
  .swiper-button-next {
    right: 40%;
  }
  .wrapTestimonialsHome .buttonRed {
    margin: 10rem auto 0 auto;
    width: 35rem;
  }
  .wrap_footerTop {
    flex-wrap: wrap;
  }
  .Footernewsletter {
    width: 50%;
    align-items: center;
    gap: 3rem;
  }
  #ic-footerNewsletter {
    width: 100%;
  }
}

@media only screen and (max-width: 1550px) {
  .ic-contact__grid {
    gap: 2rem;
    justify-content: space-between;
  }
}

@media only screen and (max-width: 1400px) {
  .lang-selector li a,
  #ic-navigation .nav > li > a,
  #ic-navigation .nav > li > a:visited {
    width: max-content;
  }

  #ic-headerWrap.container1700 {
    width: 97%;
  }
}

@media only screen and (max-width: 1300px) {
  html {
    font-size: 50%;
  }

  #ic-headerWrap.container1700 {
    width: 90%;
  }
}

@media only screen and (max-width: 1130px) {
  #heroBlg,
  #hero {
    aspect-ratio: 10 / 5;
    height: 100%;
  }
  #ic-logo {
    z-index: 2;
  }
  .purchaseHeading__title,
  .purchaseTop__title {
    font-size: 3.5rem;
  }

  .purchaseHeading__title {
    text-align: start;
  }
  .lang-selector li a,
  #ic-navigation .nav > li > a,
  #ic-navigation .nav > li > a:visited {
    width: 100%;
  }
  .purchaseHeading {
    align-items: flex-start;
  }
  .purchaseText p,
  .purchaseChecks li {
    font-size: 1.8rem;
  }
  body.menuOpen header > div::before {
    content: "";
    display: block;
    height: 16rem;
    background-color: var(--color-white);
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
  }
  .salamanquinaHero {
    bottom: 7rem;
    width: 15.5rem;
  }
  body.menuOpen {
    position: fixed;
    z-index: -100;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  #ic-logoXS {
    max-width: 25rem;
    margin: 0 auto;
  }
  /* #ic-navigation::before {
    content: "";
    background: #000;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 62px;
  } */
  #ic-headerGal #ic-navigation::before {
    display: none;
  }
  #ic-headerTop {
    flex-direction: row-reverse;
  }

  #ic-navBTN,
  #ic-logoXS,
  #ic-menuXS,
  #ic-navigation .nav > li.first > .ic-dropdown > ul > li:last-child ul {
    display: block;
  }
  #ic-navbar {
    overflow-y: auto;
    display: block;
    transform: translateX(100%);
    transition: transform 0.5s;
    position: fixed;
    top: 5rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-blue);
    padding-top: 10rem;
    text-align: left;
  }
  #ic-navbar.menuOpen {
    visibility: visible;
    transform: translateX(0%);
    transition: transform 0.5s;
  }
  #ic-navigation .ic-caret {
    top: 40%;
  }
  #ic-navigation .nav {
    display: block;
    padding: 2rem;
    width: 90%;
    margin: 0 auto;
  }
  #ic-navigation .nav > li > .ic-dropdown {
    display: none;
    position: relative;
    opacity: 1;
    top: auto;
    padding: 1rem;
    transition: none;
    background: transparent;
    width: 100%;
  }
  header.headerInternal #ic-navigation .ic-dropdown a {
    color: var(--color-white);
  }
  #ic-navigation .nav > li > a,
  #ic-navigation .nav > li > a:visited {
    padding: 2rem 0;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  #ic-navigation .ic-caret.expanded {
    transform: rotate(-136deg);
    top: 23px;
  }
  #ic-navigation .nav > li > .ic-dropdown > ul > li > .ic-dropdown {
    display: none;
    padding: 0;
    margin-top: -1px;
    margin-left: -20px;
    width: calc(100% + 40px);
    background: #636363;
  }
  #ic-navigation .ic-dropdown > ul > li:last-child {
    margin-top: 0;
  }
  #ic-navigation .ic-dropdown > ul > li:last-child > a {
    color: #fff;
    font-weight: 400;
    text-transform: none;
  }

  #ic-navigation .nav > li.first > .ic-dropdown > ul > li:last-child,
  #ic-navigation .nav > li.first > .ic-dropdown > ul > li:last-child ul > li {
    max-width: none;
  }

  #ic-navigation .ic-dropdown > ul > li > ul > li > a {
    font-size: 1em;
    padding: 3px 0 3px 15px;
  }
  #ic-navigation .nav li#ic-phoneMenuXS {
    display: block !important;
    color: #fff;
    text-align: left;
    padding: 10px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  #ic-phoneMenuXS span {
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  #ic-navigation .nav li#ic-phoneMenuXS a {
    padding: 0;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    border: none;
  }

  #ic-categories li {
    flex: 1 33%;
    max-width: 33%;
  }

  .ic-welcome {
    padding: 5rem 2rem;
  }
  .grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .sellTop {
    grid-template-columns: 1fr;
    gap: 3.5rem;
    padding-bottom: 0rem;
  }

  .sellBigIcon,
  .sellTop__icon,
  .sellPhoto img {
    max-width: 100%;
    width: 100%;
  }
  .sellBox--wide,
  .sellBox {
    max-width: 100%;
    width: 100%;
    transform: rotate(0deg);
  }

  .sellBox {
    margin-top: 2rem;
  }

  .sellGrid {
    grid-template-columns: 1fr;
    gap: 4.5rem;
  }

  .ic-reno__top {
    flex-direction: column;
  }
  .ic-reno__logo {
    display: none;
  }
  .ic-mainSlide {
    grid-template-columns: 1fr;
  }

  .ic-pv {
    grid-template-columns: 1fr;
  }
  .ic-mortgageSection__grid {
    grid-template-columns: 1fr;
    gap: 5rem;
  }

  .ic-apply,
  .wrap__aside {
    align-items: center;
  }

  .ic-calcCard {
    width: min(56rem, 100%);
  }

  .ic-apply__bottom {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .ic-apply__icon img {
    width: 100%;
    aspect-ratio: 4/3;
  }
  .ic-apply__icon {
    justify-content: center;
  }
  .ic-attorneyRole__grid {
    grid-template-columns: 1fr;
    gap: 4rem;
  }

  .ic-attorneyRole__icon {
    justify-content: flex-start;
  }

  .ic-attorneyRole__icon img {
    width: 100%;
  }
  .ic-newBuild__grid {
    grid-template-columns: 1fr;
    gap: 5rem;
  }

  .ic-newBuild__col--right {
    padding-top: 1.6rem;
  }

  .ic-vatBox,
  .ic-archBox {
    max-width: 100%;
  }

  .ic-archRow {
    grid-template-columns: 1fr;
  }

  #ic-headerTop {
    transform: none;
  }
  #contentEmigra {
    gap: 5rem;
  }
  header.headerInternal #ic-navigation .nav > li > a,
  header.headerInternal #ic-navigation .nav > li > a:visited {
    color: var(--color-white);
  }
  #ic-headerGal #ic-navigation .ic-dropdown a:hover,
  #ic-headerGal #ic-navigation .ic-dropdown a:focus,
  #ic-headerGal #ic-navigation .nav li:hover > a,
  #ic-headerGal #ic-navigation .nav li:focus > a {
    color: var(--color-primary);
  }

  #ic-navigation .ic-dropdown a:hover,
  #ic-navigation .ic-dropdown a:focus,
  #ic-navigation .nav li:hover > a,
  #ic-navigation .nav li:focus > a,
  #ic-navigation .nav li.active > a {
    color: var(--color-primary);
  }

  #ic-moreDropdown {
    margin-bottom: 3rem;
  }
  #cta__newsletter {
    width: 100%;
    max-width: 33%;
   
  }
  .footerBottom {
    height: 15rem;
  }
  .ic-contact__grid {
    grid-template-columns: 1fr;
    gap: 6rem;
  }

  .ic-contactCard__imgWrap {
    justify-content: flex-start;
  }

  .ic-testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3.5rem;
  }

  #introAbout {
    flex-direction: column;
  }
  #introAboutImg {
    width: 100%;
    height: 100%;
    aspect-ratio: 692 / 459.4;
  }

  .itemWeWork {
    flex-direction: column-reverse;
  }
  .itemWeWork.reverse {
    flex-direction: column;
  }

  .itemWeWork .image,
  .itemWeWork_content {
    width: 80%;
  }

  .itemWeWork .image img {
    height: auto;
  }

  .purchaseBlock__grid,
  .purchaseBlock__grid--textWide {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .purchaseMain__stack {
    gap: 5rem;
  }
  .purchaseBlock__grid--reverse {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }

  .cardSwiperInternal {
    flex-direction: column;
    padding: 0;
    gap: 3rem;
  }
  .wrap_swiperInternal-image {
    box-shadow: none;
    width: 100%;
    max-width: 100%;
  }

  .swiperInternal-image {
    width: 100%;
    aspect-ratio: 4 / 3;
  }
  .cardSwiperInternal-content {
    width: 100%;
    box-shadow: none;
  }
  #swiperComplete .wrap__button-swiper,
  .swiperInternal .wrap__button-swiper {
    top: 104%;
  }

  .cardSwiperInternal-content {
    aspect-ratio: 0;
    padding: 0;
  }

  #photoviltaic > div {
    flex-direction: column;
  }

  #contentEmigra div div,
  #photoviltaic div div {
    width: 100%;
  }
  #photoviltaic img {
    width: 100%;
    height: 100%;
  }

  #photoviltaic {
    padding: 5rem 0 0 0;
  }

  #contentEmigra > div {
    flex-direction: column;
  }

  #contentEmigra > div.reverse {
    flex-direction: column-reverse;
  }

  .ic-contactCard--small {
    max-width: 100%;
    width: 100%;
  }

  .ic-attorneyRole {
    padding-block: 0;
  }

  .ic-reno .mySwiper .swiper-wrapper {
    flex-direction: column;
    gap: 5rem;
  }

  .ic-reno .mySwiper .swiper-slide {
    width: 100% !important;
  }

  .ic-reno .swiper-buttonR-next,
  .ic-reno .swiper-buttonR-prev {
    display: none;
  }
  #testimonialsHome .review-text {
    -webkit-line-clamp: 3;
  }
}

@media only screen and (max-width: 900px) {
  .grid2 {
    grid-template-columns: 1fr;
  }
  .purchaseSteps__line {
    display: none;
  }
  .wrap__swiperComplete {
    overflow: hidden;
  }
  .purchaseSteps__tick {
    display: none;
  }

  .purchaseSteps__name {
    text-align: center;
    max-width: none;
    flex: 1;
  }

  .purchaseBlock__grid,
  .purchaseBlock__grid--reverse,
  .purchaseBlock__grid--textWide {
    grid-template-columns: 1fr;
  }

  .purchaseMedia--big img {
    aspect-ratio: 16 / 10;
  }
  .ic-costs .container1700 {
    padding-top: 33rem;
  }

  .ic-costs__bg {
    height: 50rem;
  }
  .ic-costsCard {
    width: 100%;
  }
  .ic-note__barInner {
    align-items: flex-start;
  }
  .ic-note__left h3 {
    font-size: 3.8rem;
  }
  .ic-note__barText {
    font-size: 1.6rem;
  }
  .ic-note__row,
  .ic-note__tier {
    grid-template-columns: 1fr;
  }
  .ic-note__value {
    text-align: left;
  }
  .ic-emigra__banner {
    padding-top: 10rem;
    min-height: auto;
  }

  .ic-emigra__card {
    max-width: 100%;
  }

  .ic-emigra__icon {
    width: 22rem;
  }
  .footerContact {
    max-width: 100%;
  }
  #contentBanner {
    width: 100%;
  }
  .wrap__bannerHome,
  .wrap_footerTop {
    flex-direction: column;
  }

  #wrapDirector {
    grid-template-columns: repeat(2, 1fr);
  }
  #wrapDirector .ic-team:nth-of-type(1),
  #wrapDirector .ic-team:nth-of-type(2) {
    grid-column: initial;
  }

  #wrapDirector .ic-team {
    grid-column: initial;
  }

  .wrap_weOfferItems {
    flex-direction: column;
  }
  #weOfferImg,
  .wrap_weOfferItem {
    width: 100%;
  }

  #weOfferImg {
    height: 100%;
    aspect-ratio: 4 / 3;
  }
  .bannerAbout_content {
    max-width: 45rem;
  }

  #bannerAbout.reqSell .bannerAbout_content p,
  .bannerAbout_content p {
    font-size: 1.8rem;
  }

  .ic-contebtBlog > div:first-of-type {
    grid-template-columns: repeat(2, 1fr);
  }

  .ic-contebtBlog h1 {
    font-size: 5rem;
    margin-bottom: 0;
  }
  .team-popup__box {
    height: 90vh;
    overflow-y: auto;
  }
  .team-popup__content {
    flex-direction: column;
  }

  .team-popup__image img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }

  .team-popup__socials svg {
    width: 4rem;
    height: 4rem;
  }

  #ic-ubication {
    margin: 5rem auto;
  }
}

@media only screen and (max-width: 700px) {
  .mt10 {
    margin-top: 5rem;
  }
  #ic-contactFavourites #ic-requestContact {
    width: 100%;
    height: auto;
  }

  .contentLawfirms p,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  textarea,
  .ic-contactCard__content p,
  .ic-contactCard__content a,
  .ic-contactCard__content span,
  .ic-contactCard__content li,
  .btn__googleMaps,
  .ic-contactCard__block .itinerary,
  .ic-contebtBlog p,
  .ic-contebtBlog a,
  .ic-blogPost p,
  .ic-attorneyRole__checks li,
  .ic-pagination li a,
  .ic-pagination li span,
  .buttondarkBlue,
  .ic-button,
  footer p,
  footer p a,
  footer a,
  .propertyTypesList li a,
  .footerBottom p,
  .footerBottom a,
  .review-text p,
  .buttonRed,
  .img_cardRenovation .btnRed,
  .ic-hilInfo .wrap__price .wrapBtnCard a,
  .ic-hilInfo .wrap__price h3,
  .ic-hilInfo .ic-hilFlex li strong,
  .ic-hilInfo .title__card a,
  .ic-hilInfo .area,
  .buttonBlue,
  .wrap_btn-view a,
  .ic-welcome p {
    font-size: 2rem;
  }
  #testimonialsHome .review-text {
    -webkit-line-clamp: 2;
  }
  .ic-contact {
    padding: 5rem 0 0;
  }
  #ic-ubication {
    margin: 5rem auto;
  }
  .ic-tag {
    padding: 1.5rem 3rem;
    font-size: 1.5rem;
  }
  .itemWeWork_content {
    gap: 0;
  }
  .img_cardRenovation .btnRed {
    padding: 2rem 3rem;
  }
  .cardReview h3,
  .img_cardRenovation h3 {
    font-size: 2.5rem;
  }
  /* .ic-contact__title,
  .ic-reno__intro h2,
  .ic-reno__title,
  .buttons__container h2,
  #howWeWork,
  .whatWeDo_top h2,
  #introInternalContent h2,
  .h2 {
    font-size: 4rem;
  } */
  .wrap__buttons .buttonBlue {
    padding: 2rem;
    width: 100%;
  }
  #contentEmigra {
    padding: 5rem 0 10rem 0;
  }

  .contentLawfirms h2 {
    font-size: 3rem;
  }
  #contentBanner h3 {
    font-size: 2rem;
  }
  .mb10 {
    margin-bottom: 5rem;
  }
  .wrapRenovations {
    padding: 5rem 0;
  }
  .grid3 {
    grid-template-columns: repeat(1, 1fr);
  }
  #banner {
    aspect-ratio: 9 / 6;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .salamanquinaLawfirmsBottom,
  .salamanquinaLawfirmsTop {
    display: none;
  }
  .salamanquinaHilite,
  .salamanquinaOurSelection {
    width: 10.2rem;
  }

  .card__overlay {
    opacity: 1;
  }
  .img_cardRenovation {
    aspect-ratio: 4 / 3;
  }
  .wrapTestimonialsHome h2 {
    margin-bottom: 3rem;
  }
  .Footernewsletter,
  .wrap_videoAxarquia {
    gap: 3rem;
  }
  .Footernewsletter {
    width: initial;
    align-items: initial;
  }
  .wrap_footerTop {
    flex-direction: column;
    padding: 5rem 0 5rem 0;
  }
  .contentLawfirms {
    width: 100%;
    height: 100%;
    padding: 10rem 2rem;
    gap: 3rem;
  }
  #bannerLawfirms {
    padding: 0;
  }
  .sellBlock {
    padding: 2rem 0;
  }

  .sellBlock .sellBlock--price {
    padding-bottom: 5rem;
  }

  .sellBlock--price,
  .sellBlock.sellBlock--aesthetic,
  .sellCol.sellCol--right,
  .sellCol.sellCol--left,
  .sellTop__text {
    gap: 1.2rem;
  }
  .sellList__item {
    font-size: 1.8rem;
  }

  .sellList {
    margin-left: 0;
  }
  .ic-ddList {
    gap: 3rem;
  }

  .ic-dd__barInner {
    align-items: center;
    padding: 3rem 0;
  }

  .ic-dd__headText h2,
  .ic-dd__headText h3 {
    font-size: 2.6rem;
  }
  .ic-dd__content p,
  .ic-dd__content li,
  .ic-dd__headText p,
  .ic-dd__headText span {
    font-size: 2rem;
  }

  .ic-dd__content {
    padding: 2.2rem;
  }

  .ic-reviewModal__dialog {
    width: 92vw;
    margin: 4vh auto;
  }
  .ic-reviewModal__inner {
    padding: 2.2rem;
  }
  .ic-reviewModal__close {
    top: -1.2rem;
    right: -1.2rem;
  }

  .ic-team,
  .itemWeWork .image,
  .itemWeWork_content {
    width: 100%;
  }
  #wrapDirector {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }
  .photoDirector {
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 3;
    transition: var(--transition);
  }
  #whatWeDo {
    padding-top: 0;
  }

  #contentEmigra div h2,
  #photoviltaic div h2 {
    font-size: 3rem;
  }
  #howWeWork {
    gap: 4rem;
  }

  .itemWeWork_content h4 {
    font-size: 3.5rem;
  }
  .ic-costsCard__title {
    font-size: 3rem;
  }

  .ic-attorneyRole__left p,
  .ic-costsCard__sub p,
  .ic-costsItem__body p,
  .ic-costsItem__bar,
  .ic-costsCard__head p,
  .itemWeWork_content p {
    font-size: 2rem;
  }

  #bannerAbout {
    margin-top: 5rem;
  }
  .svgBanner {
    bottom: 60%;
  }
  .svgBanner svg {
    width: 4.3rem;
    height: 4.3rem;
  }
  .banner-image {
    height: 100%;
    aspect-ratio: 4 / 3;
    padding: 3.7rem 0 0 3.7rem;
  }
  .itemWeWork_content p {
    display: block;
    margin-top: 2rem;
  }

  .ic-emigra__banner {
    aspect-ratio: 4 / 3;
    height: auto;
  }

  #ic-emigra .container1700 {
    padding-top: 35rem;
    padding-bottom: 0;
  }
  .ic-testimonials__grid,
  .ic-contebtBlog > div:first-of-type {
    grid-template-columns: repeat(1, 1fr);
  }
  .ic-testimonials__top {
    height: 50.5rem;
  }
  .mapContact iframe {
    height: 50rem;
  }

  .ic-testimonials__title {
    font-size: 4.8rem;
  }
  .ic-testimonials__grid {
    grid-template-columns: 1fr;
  }
  .wrap_cardReview {
    padding: 1rem;
  }
}

@media only screen and (max-width: 600px) {
  #heroBlg,
  #hero {
    aspect-ratio: 7 / 7;
  }
  #cta__newsletter {
    width: 100%;
    max-width: 100%;
    bottom: 0;
    right: 0;
  }
  #ic-logo img {
    width: 27rem;
  }
  .swiper-button-next {
    right: 30%;
  }
  .swiper-button-prev {
    left: 30%;
  }
  .propertyTypesList {
    flex-wrap: wrap;
    justify-content: center;
  }
  .salamanquinaHero {
    width: 10.5rem;
  }
  .ic-slider--peek .ic-slider__track {
    padding-inline: 5%;
  }

  .ic-slider--peek {
    --visible: 1.2;
  }
  .ic-mortgageSection {
    padding-block: 4rem;
  }

  .ic-apply__topTitle {
    font-size: 2.6rem;
  }

  .ic-calcCard__title {
    font-size: 2.6rem;
  }

  .ic-newBuild {
    padding-block: 4rem;
  }

  .ic-newBuild__h3 {
    font-size: 1.7rem;
  }
  .ic-attorneyRole {
    padding-block: 4rem;
  }

  .ic-attorneyRole__title {
    font-size: 3.6rem;
  }

  .ic-attorneyRole__h3 {
    font-size: 2rem;
  }

  .lang-selector li a {
    font-size: 1.8rem;
  }
  .footerBottom p a,
  .footerBottom p {
    font-size: 1.6rem;
  }

  #bannerHome {
    padding: 5rem 0;
  }

  #ic-favoritesBTN .shortlistCount {
    top: 6px;
    left: -1px;
  }

  .wrap_conten-introInternal,
  #introInternalContent {
    align-items: center;
    gap: 1.5rem;
  }
  #hero h1 {
    font-size: 7rem;
    margin-bottom: 2rem;
  }

  .banner-image {
    padding: 3.7rem;
  }

  .bannerAbout_content {
    max-width: 100%;
    height: max-content;
  }
  .svgBanner {
    bottom: -40%;
    align-self: flex-start;
  }

  #bannerAbout.reqSell .svgBanner {
    align-self: flex-start;
  }

  #purchaseHeading__badge {
    width: 5.8rem;
    height: 5.6rem;
    font-size: 3rem;
  }

  .purchaseMain__stack {
    padding-block: 5rem;
  }

  .purchaseSteps__num {
    display: none;
  }

  #swiperComplete {
    margin: 0rem 0 10rem 0;
  }

  .ic-imgGall {
    aspect-ratio: 4 / 3;
    height: 100%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 420px) {
  .sellH2 {
    font-size: 3.8rem;
  }

  .sellList__item {
    grid-template-columns: 2.6rem 1fr;
  }

  .sellCheck {
    width: 2.6rem;
    height: 2.6rem;
  }

  .purchaseSteps__num {
    font-size: 3.8rem;
  }
  .purchaseText p,
  .purchaseChecks li {
    font-size: 1.6rem;
  }
  .footerBottom {
    height: 20rem;
  }
  #ic-logo img {
    width: 22rem;
  }
}