
:root {
  --avenirNext: "Avenir Next", sans-serif;
  --plusJakartaDisplay: "Plus Jakarta Display", sans-serif;
  --primaryColor: #fec106;
}


@font-face {
  font-family: "Plus Jakarta Display", sans-serif;
  src: url(assets/fonts/PlusJakarta/PlusJakartaDisplay-Medium.otf);
  font-weight: 500;
}

@font-face {
  font-family: "Plus Jakarta Display", sans-serif;
  src: url(assets/fonts/PlusJakarta/PlusJakartaDisplay-Bold.otf);
  font-weight: 700;
}

@font-face {
  font-family: "Avenir Next", sans-serif;
  src: url(assets/fonts/Avenir/AvenirNextHeavy.ttf);
  font-weight: 900;
}

body {
  font-family: var(--plusJakartaDisplay);
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a,
a:hover {
  text-decoration: none;
  display: inline-block;
}

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

img {
  width: 100%;
}

.scrolltotop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
	background: linear-gradient(to bottom, #f6ac1c, #d65642);
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  position: fixed;
  right: 30px;
  bottom: 25px;
  display: none;
  animation: lab_top_up 5s linear infinite;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 3;
}

.scrolltotop i {
  color: #ffff;
}

.container {
  padding-left: 15px;
  padding-right: 15px;
}


#home-body {
  background: linear-gradient(
    to top,
    #2a2735 0%,
    #504058 45.53%,
    #4f3f57 56.37%,
    #413d50 78.78%
  );
  color: #fff;
}

.servicios-area {
  padding-top: 110px;
}

.setBg {
  background-image: url(assets/images/camera-person-title-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  padding-left: 50px;
}

.cnt-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.titles h3 {
  font-weight: 500;
  font-size: 52px;
  color: #fff;
  line-height: normal;
}

.titles h2 {
  font-weight: 700;
  font-size: 75px;
  line-height: normal;
}

.description p {
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
}

.description p span {
  color: var(--primaryColor);
}

.serviciou-wrpper {
  position: relative;
  background-color: #33303e;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 0;
}

.serviciou-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 96%;
  height: 150px;
  left: -22px;
  bottom: -91px;
  background: url(assets/images/Asset8@2x.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  z-index: -1;
}

.hero-text-box {
  padding-top: 50px;
}

.hero-text-box p {
  font-size: 25px;
  max-width: 90%;
  margin: auto;
}

.hero-text-box p span {
  color: var(--primaryColor);
  font-weight: 700;
}

.servicios-cards {
  margin-top: 50px;
}

.card-common {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 44%,
    rgba(114, 75, 124, 0.4) 90%
  );
  padding: 30px;
  border: 1px solid #615b6e;
  border-radius: 30px;
}

.left-top-card {
  display: flex;
  align-items: center;
  /*! justify-content: space-between; */
  padding-left: 8px;
}

.icon-card {
  width: 50px;
  flex: 0 0 50px;
  margin-right: 10px;
}

.text-card p {
  color: var(--primaryColor);
  font-size: 15px;
  font-weight: 600;
}

.single-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.single-item img {
  width: 30px;
  margin-top: 7px;
}

.single-item p {
  width: calc(100% - 40px);
}

.single-item p span {
  display: block;
}

.single-item p span:first-child {
  color: var(--primaryColor);
  font-weight: 600;
}

.left-bottom-card {
  padding-top: 20px;
}

.item-list {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.double-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.single-card {
  width: 48%;
}

.dimond-icon-card img {
  width: 60px;
  display: block;
  margin: auto;
}

.dimond-list {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.dimond-list li p span {
  color: var(--primaryColor);
}

.double-cards .single-card:last-child .card-common {
  padding-left: 60px;
}

.btn-card a {
  padding: 12px 40px;
  border: 3px solid #7f7983;
  background: linear-gradient(to right, #f6ac1c, #d65642);
  border-radius: 300px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--avenirNext);
  line-height: 100%;
  transition: 0.4s ease;
}

.btn-card a span {
  font-size: 14px;
  font-weight: 400;
}

.btn-card a:hover {
  transform: scale(0.98);
}

.btn-card {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}

.right-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #6d6573;
  border-top: none;
  border-radius: 30px;
}

.home-cta-01{
  padding-top: 45px;
}

.serviciou-wrpper.equipamiento-wrpper {
  background-color: transparent;
}

.serviciou-wrpper.equipamiento-wrpper::after {
  width: 99%;
}

.double-cards .single-card:last-child .card-common.second-left-card {
  padding-left: 25px;
  height: 100%;
}

.left-right-card {
  border: none;
  row-gap: 15px;
}

.right-full-card .single-card {
  width: 100%;
}

.right-single-bottom {
  padding: 30px;
  padding-left: 60px;
}

.small-equipamiento-btn {
  display: none;
}

.cnt-card.ecotecnias-cnt-card {
  justify-content: space-evenly;
}

.hero-text-box.ecotecnias-desc p {
  width: 85%;
}

.single-column.one .single-item img {
  width: 23px;
  margin-top: 5px;
}

.single-column.one .single-item p {
  width: calc(100% - 30px);
}

.three-column-row.row {
  padding: 40px 30px 25px 30px;
  border: 1px solid #6d6573;
  border-radius: 30px;
  background: url(assets/images/three-column-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 40px;
}

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

.servicios-cards.equipamiento.row,
.servicios-cards.ecotecnias.row {
  border: 1px solid #6d6573;
  border-radius: 30px;
  border-top: none;
  margin-left: 0;
  margin-right: 0;
}

.three-column-row.row {
  margin-left: 0;
  margin-right: 0;
}

.full-width-btn {
  padding-left: 210px;
  padding-right: 210px;
}

.ecotecnias.row .col-lg-4 .single-card {
  width: 100%;
}

.ndbrd {
  border: 1px solid #6d6573;
  border-radius: 30px;
}

.servicios-cards.ecotecnias.row {
  row-gap: 30px;
}

/* ACABADOS AREA START */

.acabados-wrpper {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 40%,
    rgba(76, 56, 75, 0.7)
  );
  padding-top: 40px;
  border: 1px solid #6d6573;
  padding-bottom: 28px;
  margin-top: 50px;
  border-radius: 23px;
  margin-bottom: 20px;
  position: relative;
}

.acabados-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 106%;
  height: 100px;
  left: -36px;
  bottom: -74px;
  background: url(assets/images/acadabos-after.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.acadabos-left-card {
  padding-left: 50px;
}

.acadabos-title-card h4 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 60px;
}

.acadabos-title-card h4 span {
  color: var(--primaryColor);
}

.acadabos-desc p span {
  color: var(--primaryColor);
}

/* GARANTIAS AREA START */
.garantias-area {
  padding-top: 30px;
}

.garantias-wrpper {
  background: url(assets/images/garantias-wrpper-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 50px;
  border-radius: 30px;
  position: relative;
}

.garantias-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 106%;
  height: 100px;
  left: -36px;
  bottom: -74px;
  background: url(assets/images/acadabos-after.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.garantias-title-card h2 {
  font-size: 50px;
  font-weight: 700;
}

.garantias-title-card h2 span {
  color: var(--primaryColor);
}

.garantias-row {
  padding-top: 40px;
}

.garantias-row .item-list {
  row-gap: 20px;
}

.garantias-dimond-card {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 44%,
    rgba(114, 75, 124, 0.4) 90%
  );
  padding: 30px 50px 30px;
  border: 1px solid #6d6573;
  border-radius: 30px;
}

.garantias-icon-card img {
  width: 70px;
  display: block;
  margin: auto;
}

.garantias-cnt ul {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.garantias-cnt ul li span {
  color: var(--primaryColor);
  font-weight: 600;
}

/* DOWNTOWN AREA START */
.downtown-area {
  padding-top: 80px;
}
.downtown-wrpper {
  background: url(assets/images/downtown-bg.png) no-repeat;
  background-size: cover;
  background-position: top;
  padding-top: 248px;
}

.downtown-title p {
  text-transform: uppercase;
  font-size: 30px;
  position: relative;
  display: inline;
  line-height: 100%;
}

.downtown-title p::before,
.downtown-title p::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 5px !important;
  height: 5px !important;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.downtown-title p::after {
  left: 110%;
}

.downtown-title p::before {
  left: 130%;
}

.downtown-title h2 {
  display: inline;
  font-size: 100px;
  font-weight: 700;
  line-height: 100%;
}

.rating-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 0 !important;
}

.rating-card p {
  font-size: 28px;
  color: var(--primaryColor);
  font-weight: 600;
  line-height: 50%;
}

.rating-icon {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.downtown-area .sub-title-two p,
.downtown-area .trail-card p {
  font-size: 22px;
  font-weight: 600;
  line-height: 80%;
}

.downtown-area .subtitle-card {
  padding-top: 30px;
  font-size: 33px;
  font-weight: 700;
  line-height: 110%;
}

.rating-icon li i {
  cursor: pointer;
  color: var(--primaryColor);
}

.downtown-wrpper {
  position: relative;
}

.downtown-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  background: url(assets/images/downtown-tree-plant.png) no-repeat;
  background-size: cover;
  background-position: left;
  left: 34.5%;
  top: -55px;
  width: 269px;
  height: 210px;
}

.downtown-top-card {
  position: absolute;
  left: 50%;
  top: 95px;
  transform: translateX(-50%);
}

.subtitle-card p span,
.sub-title-two p span,
.price-card h2 span {
  padding: 2px 5px;
}

.subtitle-card p:last-child span {
  color: var(--primaryColor);
  font-weight: 700;
  font-style: inherit;
}

.sub-title-two p {
  margin-top: 50px;
}

.price-card h2 {
  font-size: 38px;
  color: var(--primaryColor);
  padding: 5px 0 !important;
  font-weight: 700;
}

.downtown-btn-card {
  padding: 42px 0;
}

.footer-area {
  padding-top: 30px;
  padding-bottom: 50px;
}

.footer-bottom-card h4 {
  font-size: 42px;
  font-weight: 700;
}

.footer-bottom-card p {
  font-size: 27px;
  font-weight: 300;
}

.modal-btn a {
  cursor: pointer;
}

.modal-dialog {
  max-width: 1217px !important;
  border-radius: 30px;
}

.modal-content {
  background-color: transparent;
  border: none;
  border-radius: 46px;
}

.modal-body {
  padding: 0;
}

.modal-card {
  position: relative;
  transform: translateX(-6px);
}

.modal-dissmitial-icon {
  position: absolute;
  right: 25px;
  top: 22px;
  z-index: 888888888;
}

.modal-dissmitial-icon img {
  width: 40px;
  cursor: pointer;
  transition: 0.3s;
}

.modal-dissmitial-icon img:hover {
  transform: scale(0.9);
}

.downtown-wrpper.popup-downtown-wrpper {
  padding-top: 167px;
}

.popup-downtown-wrpper .sub-title-two p {
  margin-top: 10px;
}

.popup-downtown-wrpper .price-card h2 {
  padding: 10px 0;
}

.data-collection-form {
  max-width: 550px;
  margin: auto;
}

.single-input-row {
  background-color: #ffffffc4;
  border: 2px solid #613f64;
  border-radius: 12px;
  padding: 17px 30px;
}

.single-input-row input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--avenirNext);
}

.single-input-row input::placeholder {
  display: inline;
}

.iti__flag {
  box-shadow: none;
  background-image: url(assets/images/flags/flags.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

.iti__country-name,
.iti__dial-code {
  color: #000;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  width: 100%;
}

.data-collection-form form {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding-top: 10px;
}

/* SECOND PAGE CSS START */
.sivas-area {
  padding-top: 80px;
}
.sivas-wrpper {
  background: linear-gradient(
    to bottom,
    rgba(119, 112, 134, 0.9),
    rgba(0, 0, 0, 0.6)
  );
  padding: 50px;
  border-radius: 30px;
  position: relative;
}

.sivas-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 105%;
  height: 68px;
  left: -29px;
  bottom: -56px;
  background: url(assets/images/acadabos-after.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.sivas-title-card h2 {
  font-weight: 700;
  font-size: 35px;
}

.sivas-title-card h2 span {
  color: var(--primaryColor);
}

.sivas-desc-card p {
  font-weight: 500;
  font-size: 27px;
}

.sivas-list-card .item-list {
  row-gap: 20px;
}

.sivas-list-card .single-item img {
  width: 20px;
}

.sivas-list-card .single-item p {
  width: calc(100% - 30px);
}

.sivas-description-area {
  padding-top: 50px;
  width: 85%;
  margin: auto;
}

.sivas-description-area p {
  font-size: 25px;
  display: inline;
}

.sivas-description-area p span {
  color: var(--primaryColor);
}

.title-line {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  column-gap: 50px;
}

.title-line p {
  font-weight: 700;
  color: var(--primaryColor);
  font-size: 40px;
  line-height: 100%;
}

.title-line p span {
  font-size: 80px;
}

.title-line h3 {
  font-weight: 500;
  font-size: 50px;
}

.post-row {
  padding-top: 0px !important;
}

.sub-title-line p {
  font-size: 18px;
  margin-top: 0px;
}

.sub-title-line p span {
  color: var(--primaryColor);
}

.single-post-card {
  position: relative;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0) 25%,
    rgba(252, 252, 252, 0.2) 178%
  );
  padding: 5px;
  border-radius: 32px;
}

.post-img-card,
.single-post-card {
  position: relative;
}

.post-tag {
  position: absolute;
  bottom: 11px;
  left: 0;
}

.post-tag span {
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 15px 35px;
  padding-left: 15px;
  border-radius: 8px;
  font-size: 18px;
}

.post-cnt-card {
  padding: 15px 15px 20px 15px;
}

.post-cnt-card h5 {
  font-size: 16px;
  font-weight: 700;
}

.post-cnt-card h5 span {
  color: var(--primaryColor);
}



.single-post-card::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 107%;
  height: 37px;
  background: url(assets/images/post-card-after-effect.png) no-repeat;
  background-size: cover;
  background-position: left;
  left: -13px;
  bottom: -15px;
}

.post-cnt-card h5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.post-cnt-card h5 span img {
  width: 15px;
}

.person-img {
  display: flex;
  align-items: center;
  column-gap: 5px;
  background-color: transparent !important;
}

.single-post-card {
  height: 100%;
}

.post-card-row.row {
  padding-top: 35px;
  row-gap: 30px;
}

.support-wrrper {
  background: url(assets/images/24-7-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 100px 50px;
  border-radius: 30px;
  margin-top: 50px;
  position: relative;
}

.support-wrrper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 104%;
  height: 150px;
  background: url(assets/images/acadabos-after.png) no-repeat;
  background-size: cover;
  background-position: center;
  bottom: -97px;
  left: -16px;
}

.support-title-card h2 {
  font-size: 45px;
}

.support-title-card h2 span {
  color: var(--primaryColor);
}

.support-desc p {
  font-weight: 500;
  font-size: 25px;
}

.support-desc {
  padding-left: 50px;
}

.support-list ul {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.support-list ul li {
  font-size: 17px;
}

.support-list ul li span {
  color: var(--primaryColor);
}

.support-btn {
  position: relative;
  z-index: 99999;
}

.support-btn {
  position: relative;
  z-index: 99999;
}

.support-btn .btn-card.full-width-btn {
  padding-top: 60px;
  border: 2px solid #6f586c;
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
  border-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  max-width: 650px;
  margin: auto;
}

.tener-banner-area {
  padding-top: 80px;
  padding-bottom: 80px;
}

.tener-banner-wrpper > p {
  font-size: 24px;
  padding-left: 65px;
  font-weight: 700;
}

.desino-area {
  padding-top: 65px;
}

.desino-wrpper {
  background: url(assets/images/diseno-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 90px;
  padding-left: 73px;
  padding-bottom: 42px;
  border-radius: 20px;
  position: relative;
}

.desino-wrpper::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 99%;
  height: 50px;
  left: 4px;
  bottom: -48px;
  background: url(assets/images/diseno-after.png) no-repeat;
  background-size: cover;
  background-position: left;
}

.diseno-title h2 {
  font-size: 62px;
  font-weight: 700;
  line-height: 100%;
}

.diseno-title h2 span {
  color: var(--primaryColor);
}

.diseno-title p {
  font-size: 28px;
  font-weight: 00;
}

.diseno-title p span {
  font-weight: 700;
}

.desino-single-card {
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(133, 82, 130, 0.596) );
  padding: 56px 26px 52px 30px;
  border-radius: 20px;
}

.desino-right-card {
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(133, 82, 130, 0.596) );
  padding: 56px 20px 31px 20px;
  border-radius: 20px;
}

.desino-cards.row {
  padding-left: 30px;
  padding-right: 30px;
}

.desino-single-card p span,
.desino-right-title p span {
  color: var(--primaryColor);
  font-size: 19px;
  font-weight: 700;
}

.desino-duale-card {
  display: flex;
  justify-content: space-between;
}

.desino-duale-card .desino-left-card {
  width: 48%;
}

.desino-right-title .item-list {
  padding-top: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.desino-right-title .item-list li:nth-child(odd) {
  width: 40%;
}

.desino-right-title .item-list li:nth-child(even) {
  width: 55%;
}

.desino-btn-card {
  max-width: 690px;
  margin: auto;
}

.desino-btn-card p {
  font-size: 19px;
  text-align: center;
  padding: 30px 0;
  font-weight: 700;
}

.desino-btn-card p span {
  color: var(--primaryColor);
}

.desino-btn-card .btn-card.full-width-btn {
  padding-left: 0;
  padding-right: 0;
}

.blue-point-area {
  padding-top: 80px;
}

.blue-point-banner-card {
  background: url(assets/images/blue-point-banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 132px;
  padding-bottom: 70px;
  padding-left: 54px;
  border-radius: 30px;
  position: relative;
  /*! margin-left: -15px; */
  /*! margin-right: -15px; */
}

.blue-point-banner-card::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 102%;
  height: 50px;
  left: 0;
  bottom: -40px;
  background: url(assets/images/acadabos-after.png) no-repeat;
  background-size: cover;
  background-position: left;
}

.blue-point-banner-card img {
  width: 510px;
  display: block;
  margin: 15px 0;
}

.blue-point-left-card {
  background: url(assets/images/Path406.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
}

.blue-point-cnt-card {
  padding: 45px 50px;
  position: relative;
  z-index: 55;
}

.cnt-leff-card h3 {
  color: #40aed3;
  font-size: 25px;
}

.cnt-right-card h3 {
  font-size: 24px;
  color: var(--primaryColor);
}

.cnt-right-card p span {
  color: var(--primaryColor);
}

.blue-point-cnt-card {
  display: flex;
  justify-content: space-between;
}

.cnt-leff-card {
  width: 35%;
}

.cnt-right-card {
  width: 65%;
}

.blue-point-btn-card {
  padding-top: 38px;
}

.blue-point-btn-card .btn-card.full-width-btn {
  padding-left: 0;
  padding-right: 0;
}

.extrapadding {
  padding-left: 20px;
}

.rating-box {
  padding: 25px 27px;
  background: url(assets/images/rating-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.single-rating-card {
  border: 5px solid #cfd2d3;
  background: #fff;
  border-radius: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 15px;
  position: relative;
}

.rating-card-left {
  width: 50px;
}

.rating-card-right {
  width: calc(100% - 55px);
}

.rating-card-left {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.thums-number {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
}

.thums-number i,
.thums-number span {
  color: #5f6060;
}

.thums-number span {
  font-size: 12px;
}

.rating-info-card p {
  font-size: 13px;
  color: #b15c29;
  font-weight: 700;
}

.rating-info-card p span {
  color: #3a3939;
}

.star-list li i {
  color: var(--primaryColor);
}

.star-list li span {
  color: #000;
}

.star-list {
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.star-list li span {
  font-size: 12px;
  line-height: 100%;
}

.single-rating-card {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
}

.rating-desc p {
  font-size: 10px;
  color: #010101;
}

.three-dots i {
  color: #000;
  cursor: pointer;
}

.three-dots {
  position: absolute;
  right: 15px;
  top: 10px;
}

.rating-cards {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
}

.rating-bottom-card h3 {
  color: #40aed3;
  font-weight: 700;
  margin-top: 15px;
  font-size: 24px;
  font-style: italic;
}

.rating-bottom-card p {
  font-size: 14px;
  font-style: italic;
}

.inteligente-title h2 {
  font-size: 45px;
  color: var(--primaryColor);
  margin-bottom: 10px;
}

.inteligente-subtitle h6 {
  font-size: 25px;
}

.inteligente-desc {
  padding-top: 25px;
}

.inteligente-desc p {
  padding-right: 130px;
  font-size: 18px;
}

.inteligente-desc p:last-child {
  margin-top: 25px;
}

.inteligente-desc p span {
  color: var(--primaryColor);
}

.inteligente-right-card {
  padding: 30px 60px;
  background: url(assets/images/inteligente-right-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.inteligente-right-title h2 {
  font-size: 35px;
  color: var(--primaryColor);
  font-weight: 700;
}

.inteligente-right-list ul li img {
  width: 24px;
}

.inteligente-right-list ul li span {
  color: var(--primaryColor);
  font-size: 17px;
}

.inteligente-area {
  padding-top: 112px;
  padding-bottom: 60px;
}

.tipologias-wrpper {
  background: url(assets/images/tipologias-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 50px;
  border-radius: 20px;
}

.tipologias-title-card h2 {
  font-size: 50px;
}

.tipologias-title-card h2 span {
  color: var(--primaryColor);
}

.tipologias-list-card .single-item p span {
  font-size: 20px;
}

.tipologias-right-card p span {
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 700;
}

.explore-area {
  padding-top: 50px;
}

.explore-top-card h3 {
  font-weight: 700;
  font-size: 35px;
  color: var(--primaryColor);
}

.explore-top-card h6 {
  margin: 10px 0;
}

.explore-top-card p {
  color: var(--primaryColor);
}

.down-arrow {
  padding-top: 20px;
}

.down-arrow img {
  width: 100px;
}

.single-column-card {
  background: url(assets/images/slider-column-bg.png) no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 20px 10px;
  border-radius: 10px;
}

.column-title img {
  width: 20px;
}

.column-area p {
  color: var(--primaryColor);
}

.column-btn-card {
  padding-top: 30px;
}

.column-btn-card .full-width-btn {
  padding-left: 30px;
  padding-right: 30px;
}

.column-btn-card .btn-card a {
  font-size: 15px;
}

.carousel-card {
  padding-left: 15px;
  padding-right: 15px;
}

.owl-carousel .owl-stage-outer {
  border-radius: 20px;
  position: relative;
  padding-bottom: 30px;
}

.owl-carousel .owl-stage-outer::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 104%;
  height: 50px;
  left: -8px;
  bottom: 0px;
  background: url(assets/images/Asset8@2x.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.owl-dots {
  display: none;
}

.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-prev {
  left: -15px;
}

.owl-next {
  right: -15px;
}

.owl-prev i,
.owl-next i {
  font-size: 23px;
}

.owl-item {
  height: 170px;
}

.slide-item,
.slide-item img {
  height: 100%;
}

.slider-row {
  padding-top: 30px;
  padding-bottom: 80px;
}

/*=============================
Condo Page Start Here
===============================*/

/* header section */

.condo-header-area {
  padding-top: 95px;
  padding-bottom: 70px;
}

.condo-header-top ul li {
  display: inline-block;
  font-size: 10px;
  color: var(--primaryColor);
}

.condo-header-top-box {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 35px;
  padding: 10px 15px;
  border-radius: 8px;
  background-image: url(assets/images/condo-hotel-bg-img.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 2;
}

.condo-header-top-box::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.condo-header-top-box h4 {
  font-size: 33px;
  color: var(--primaryColor);
  font-weight: 700;
  line-height: 100%;
}

.condo-header-top-box p {
  font-size: 20px;
  /*! padding-top: 7px; */
  display: block;
  letter-spacing: 16px;
  text-align: center;
}

.condo-header-inner1 {
  margin-top: 35px;
  width: 100%;
  position: relative;
  z-index: 2;
}

.condo-header-inner1::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 106%;
  height: 100px;
  left: -36px;
  bottom: -56px;
  background: url(assets/images/cond-shap-img.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.condo-header-items {
  padding-top: 55px;
}

.condo-header-items1 h4 {
  font-size: 46px;
  color: var(--primaryColor);
  font-weight: 500;
}

.condo-header-items1 h6 {
  font-size: 32px;
  color: #fff;
}

.condo-header-items2 p {
  padding-top: 10px;
  font-size: 20px;
}

.condo-header-items2 p:nth-child(2) {
  padding-top: 15px;
}

.condo-header-items2 span {
  color: var(--primaryColor);
  font-weight: 700;
}

.condo-header-items3 ul li {
  padding-bottom: 15px;
}

.condo-header-items3 ul li p {
  font-size: 18px;
  color: var(--primaryColor);
}

.condo-header-inner2 h2 {
  font-size: 46px;
  color: var(--primaryColor);
  font-weight: 500;
  padding-left: 20px;
}

.condo-mobile-designe {
  margin-top: 30px;
  border: 1px solid #613f64;
  padding: 35px 0;
  border-radius: 12px;
  background: linear-gradient(to bottom, #463345, #35313d, #7a5c77);
}

.condo-mobile-designe-inner {
  padding: 0 20px;
}

.mobile-condo-header-items3 {
  padding-top: 30px;
}

.condo-mobile-designe-inner1 h4 {
  font-size: 30px;
  color: #fff;
}

.condo-mobile-designe-inner1 h2 {
  font-size: 42px;
  color: var(--primaryColor);
  font-weight: 700;
}

.condo-mobile-designe-inner4 {
  padding-top: 35px;
}

.condo-mobile-designe-inner4 p {
  font-size: 16px;
}

.condo-mobile-designe-inner4 p span {
  color: var(--primaryColor);
}

.condo-mobile-designe-inner5 {
  padding-top: 35px;
}

.condo-mobile-designe-inner5 ul li {
  padding: 10px 0;
}

.condo-mobile-designe-inner5 ul li img {
  width: 45px;
  margin-top: 0;
}

.condo-mobile-designe-inner5 ul li span {
  font-size: 20px;
}

.tulum-items-inner1 {
  position: relative;
}

.tulum-items-inner1-pos {
  /*! position: absolute; */
  left: -55px;
  bottom: 30px;
}

.tulum-items-inner1-pos img {
  max-width: 35px;
}

.tulum-section {
  padding-top: 55px;
}

.tulum-text p {
  color: #b9b6d4;
  padding-bottom: 20px;
}

.tulum-items-inner2 h2 {
  font-size: 46px;
}

.tulum-items-inner2 h2 span {
  color: var(--primaryColor);
}

.tulum-items-inner2 p {
  padding-top: 10px;
  font-size: 22px;
}

.tulum-items-inner2 p span {
  color: var(--primaryColor);
}

.tulum-items-inner3 img {
  width: 95px;
}

.tulum-items-inner3 {
  padding: 20px;
  border: 1px solid #613f64;
  background: linear-gradient(to bottom, #584358, #383040);
  border-radius: 20px;
}

.tulum-items-inner3 .align-items-center {
  margin-bottom: 15px;
}

.tulum-items-inner3 p {
  font-size: 20px;
}

.tulum-items-inner3 p strong {
  color: var(--primaryColor);
  font-size: 22px;
}

.tulum-items-inner3 p span {
  color: var(--primaryColor);
}

.tulum-items-inner3-btn {
  text-align: center;
}

.tulum-items-inner3-btn a span {
  display: block;
  font-size: 20px;
  font-weight: 600;
}

.tulum-items-inner3-btn a {
  padding: 15px 0;
  border: 3px solid #7f7983;
  background: linear-gradient(to right, #f6ac1c, #d65642);
  border-radius: 300px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--avenirNext);
  line-height: 100%;
  transition: 0.4s ease;
  line-height: 22px;
}

.tulum-items-inner3-btn a:hover {
  transform: scale(0.98);
}

.tulum-items-inner4 img {
  margin: 0;
  width: 45px;
}

.tulum-items-inner4 ul li {
  margin-bottom: 20px;
}

.tulum-items-inner4 ul li span {
  font-size: 22px;
}

.mobile-tulum-section-inner1 img {
  width: 95px;
}

.mobile-tulum-section-inner1 {
  text-align: center;
}

.mobile-tulum-section-inner1 p {
  font-size: 16px;
  padding-bottom: 30px;
}

.mobile-tulum-section-inner1 p span {
  color: var(--primaryColor);
}

.mobile-tulum-section-inner1 p strong {
  color: var(--primaryColor);
}

.mobile-tulum-section {
  padding-top: 35px;
}

.mobile-tulum-section-inner2 {
  padding-top: 55px;
  position: relative;
}

.mobile-tulum-inner2-pos {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

.mobile-tulum-inner2-pos img {
  width: 36px;
  transform: rotate(90deg);
}

.mobile-tulum-section-inner3 .tulum-items-inner3-btn a {
  border: 2px solid #7f7983;
  border-radius: 220px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.mobile-tulum-section-inner3 .tulum-items-inner3-btn a span {
  font-size: 16px;
  font-weight: 400;
}

.mobile-tulum-section-inner3 {
  margin-top: -15px;
  padding: 35px 10px;
  border: 1px solid #613f64;
  border-top: 0;
  border-radius: 12px;
  padding-top: 50px;
}

.ubicacion-container {
  max-width: 1450px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.ubicacion-section {
  padding-top: 174px;
  overflow: hidden;
}

.ubicacion-area {
  padding-top: 90px;
  padding-bottom: 90px;
  background-image: url(assets/images/condo-banner-img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}

.ubicacion-area::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 106%;
  height: 100px;
  left: -36px;
  bottom: -72px;
  background: url(assets/images/cond-shap-img.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.ubicacion-area h2 {
  font-size: 46px;
  color: var(--primaryColor);
  font-weight: 700;
}

.ubicacion-area h4 {
  font-size: 26px;
  color: #fff;
  font-weight: 400;
}

.ubicacion-area-img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ubicacion-area-img img {
  max-width: 499px;
  position: relative;
  z-index: -1;
}

.ubicacion-rt-text {
  padding-top: 70px;
}

.ubicacion-rt-text p {
  font-size: 20px;
}

.ubicacion-rt-text p span {
  color: var(--primaryColor);
}

.ubicacion-items {
  margin-top: 35px;
}

.ubicacion-items-inner1 {
  border: 1px solid #624064;
  border-radius: 12px;
  /*! margin: 20px 15px 0; */
  position: relative;
  border-bottom: 0;
}

.ubicacion-items-inner1 h2 {
  padding-left: 20px;
  padding-top: 35px;
  padding-bottom: 35px;
  font-size: 30px;
  font-weight: 700;
  min-height: 180px;
}

.ubicacion-items-inner1 h2 span {
  color: var(--primaryColor);
}

.ubicacion-items-inner1-box {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #624064;
  border-bottom-left-radius: 12px;
  border-right: 0;
  border-top: 0;
}

.ubicacion-items-inner1-box img {
  width: 60px;
  margin: 15px;
}

.ubicacion-items-inner2 {
  margin: -15px;
  padding: 20px 35px;
  border: 1px solid #613f64;
  background: linear-gradient(to bottom, #584358, #383040);
  border-radius: 12px;
  min-height: 290px;
}

.ubicacion-items-inner2 ul li {
  padding: 8px 0;
  font-size: 16px;
}

.ubicacion-items-inner2 ul li strong {
  color: var(--primaryColor);
}

.ubicacion-area-img-mobile {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ubicacion-items-btn {
  padding-top: 55px;
}

.ubicacion-items-btn a {
  padding: 15px 0;
  border: 3px solid #7f7983;
  background: linear-gradient(to right, #f6ac1c, #d65642);
  border-radius: 300px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--avenirNext);
  transition: 0.4s ease;
  line-height: 22px;
  width: 60%;
  margin: auto;
}

.ubicacion-items-btn a:hover {
  transform: scale(0.98);
}

.ubicacion-items-btn a span {
  display: block;
  font-size: 20px;
}

.ubicacion-items-inner2-btn a {
  border: 2px solid #7f7983;
  border-radius: 220px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  width: 100%;
}

.ubicacion-items-inner2-btn a span {
  font-size: 16px;
  font-weight: 400;
}

.ubicacion-items-inner2-btn {
  padding-top: 30px;
}

/* okom secton */

.rt-okom-section {
  padding: 70px 0;
  overflow: hidden;
  padding-top: 30px;
}

.rt-okom-top p {
  font-size: 23px;
  color: #b9b6d4;
}

.rt-okom-area {
  margin-top: 14px;
  padding: 190px 0;
  background-image: url(assets/images/okom-banner-img.png);
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  z-index: 2;
}

.rt-okom-area::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 106%;
  height: 100px;
  left: -36px;
  bottom: -72px;
  background: url(assets/images/cond-shap-img.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.rt-okom-area h4 {
  font-size: 105px;
  font-weight: 700;
  line-height: 87%;
}

.rt-okom-area p {
  padding-top: 30px;
  font-size: 24px;
}

.rt-okom-area-mobile {
  padding-top: 50px;
  padding-bottom: 380px;
  background-image: url(assets/images/okom-banner-img2.png);
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  z-index: 2;
}

.rt-okom-area-mobile::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  width: 100%;
  height: 88px;
  left: 0px;
  bottom: -50px;
  background: url(assets/images/cond-shap-img.png) no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.rt-okom-area-mobile h4 {
  font-size: 26px;
}

.rt-okom-area-mobile p {
  padding-top: 20px;
  font-size: 20px;
}

/*========== okom page start hare ================ */

.okom-downtown-sa {
  padding-top: 130px;
  overflow: hidden;
}


.okom-downtown-top-card-sa {
  padding: 30px 60px;
  background: url(assets/images/okom-downtown-bg-s.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 30px;
  position: relative;
  z-index: 2;
}

.okom-downtown-top-card-sa > h4 {
  font-size: 30px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 5px;
}
.okom-downtown-top-card-sa h4 i {
  font-size: 10px;
}
.okom-downtown-top-card-sa h4 span {
  line-height: 0;
}

.okom-downtown-top-card-sa h2 {
  font-size: 134px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 70%;
}

.hotel-rating-sa {
  max-width: 530px;
}
.rating-star-sa ul {
  display: flex;
  align-items: center;
  gap: 5px;
}
.rating-star-sa ul li i {
  font-size: 18px;
  color: var(--primaryColor);
}

.hotel-rating-sa span {
  font-size: 55px;
  color: var(--primaryColor);
  font-weight: 700;
}

.okom-top-card-content-sa p {
  font-size: 20px;
  max-width: 270px;
  font-weight: 700;
  line-height: 110%;
}
.okom-top-card-content-sa p span {
  color: var(--primaryColor);
}

.okom-top-card-content-sa {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.okom-top-card-content-sa > span {
  font-size: 16px;
  color: var(--primaryColor);
  line-height: 100%;
}

.okom-top-card-content-sa h4 {
  font-size: 22px;
  color: var(--primaryColor);
  font-weight: 700;
}
.okom-top-card-content-sa h4 span {
  color: #fff;
}

.okom-racntangle-sa {
  position: absolute;
  left: 20%;
  top: -116px;
  max-width: 300px;
}

.list-icon img {
  width: 25px;
}

.okom-left-inner-sa ul li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.okom-left-block-sa .okom-left-inner-sa {
  padding: 35px 60px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.okom-left-inner-sa ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.okom-left-inner-sa a {
  width: 80%;
}

.okom-downtown-right-card-sa {
  padding: 50px 40px;
  height: 100%;
  border: 1px solid var(--primaryColor);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.okomo-video-bottom-text p span {
  font-weight:700;
  font-style: italic;
}

.desde-price-wp-sa {
  display: flex;
  align-items: end;
  gap: 3px;
  justify-content: center;
}

.desde-price-wp-sa p {
  text-align: right;
  font-size: 14px;
  line-height: 100%;
  font-weight: 600;
  margin-right: 10px;
}
.desde-price-wp-sa h2 {
  font-size: 40px;
  line-height: 100%;
  font-weight: 700;
  color: var(--primaryColor);
}
.desde-price-wp-sa span {
  font-weight: 700;
  color: var(--primaryColor);
}

.aparta-content-sa h3 {
  font-size: 22px;
  font-weight: 700;
  color: var(--primaryColor);
}

.okom-downtown-wp-sa {
  padding-right: 60px;
  background: url(assets/images/okom-downtown-bg-sa.png) no-repeat;
  background-position: center 74%;
  background-size: 113% 83%;
}

.okom-downtown-right-card-sa .okom-hotel-img-sa {
  position: absolute;
  top: 45%;
  right: -92px;
  transform: translateY(-50%);
  width: 913px;
  z-index: 5;
}

.hotel-video-wrapper-sa {
  padding: 80px 0;
  padding-left: 60px;
  /*! padding-right: 60px; */
  /*! padding-bottom: 105px; */
}

.hotel-video-wrapper-sa h4 {
  font-size: 22px;
  font-weight: 700;
  padding-left: 80px;
  margin-bottom: 30px;
}

.video-box-sa video {
  width: 100%;
  border-radius: 30px;
}

.video-container-sa {
  display: flex;
  align-items: stretch;
  gap: 30px;
}

.video-controls-sa {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 10px;
}

.video-controls-sa button {
  background: transparent;
  border: none;
  width: 50px;
}

.rt-okomo-video-area {
  padding: 50px 0;
}

.rt-okomo-video-area p {
  text-align: center;
  color: #201729;
  font-size: 18px;
}

.rt-okomo-video-area-img {
  padding-top: 55px;
  position: relative;
}

.rt-okomo-video-area-img img {
  border-radius: 20px;
}

.rt-okomo-video-area-box img {
  width: 35px;
  transform: rotate(90deg);
}

.rt-okomo-video-area-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* okomo form section */

.rt-okomo-form {
  padding: 35px 0;
}

.rt-okomo-form-area {
  padding-top: 55px;
  padding-bottom: 70px;
  padding-left: 60px;
  border-radius: 20px;
  background-image: url(assets/images/form-bg-image.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rt-okomo-form-area h6 {
  font-size: 44px;
  /*! font-weight: 700; */
  color: #fff;
  text-transform: uppercase;
}

.rt-okomo-form-area h2 {
  font-size: 113px;
  display: inline-block;
  font-weight: 700;
  line-height: 100%;
}

.rt-okomo-form-area-inner1 {
  max-width: 693px;
  display: flex;
  justify-content: space-between;
}

.rt-okomo-form-area-inner1 p {
  color: #000;
  font-size: 43px;
  /*! font-weight: 700; */
  line-height: 100%;
}

.rt-okomo-form-area-inner1 ul li {
  display: inline-block;
  color: #000;
  font-size: 24px;
}

.rt-okomo-form-area-inner2 h6 {
  margin-top: 35px;
  font-size: 24px;
  display: inline-block;
  text-transform: capitalize;
}

.rt-okomo-form-area-inner2 h2 {
  font-size: 64px;
}

.rt-okomo-form-area-inner3 {
  padding-top: 55px;
  max-width: 500px;
}

.single-input-row {
  margin-top: 12px;
}

.rt-okomo-form-area-inner4 a {
  margin-top: 35px;
  padding: 32px 0;
  border: 5px solid #7f7983;
  background: linear-gradient(to right, #f6ac1c, #d65642);
  border-radius: 300px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 23px;
  font-weight: 700;
  font-family: var(--avenirNext);
  transition: 0.4s ease;
  line-height: 22px;
  max-width: 970px;
}

.rt-okomo-form-area-inner4 a:hover {
  transform: scale(0.98);
}

.okom-md-cnt-sa p {
  font-size: 16px;
  margin-top: 20px;
}
.okom-md-cnt-sa p span {
  color: var(--primaryColor);
}


.iti__globe {
	background-image: url(assets/images/flags/flags.png);
	background-size: contain;
	background-position: right;
	box-shadow: none;
	height: 19px;
}

.tulum-section #video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

.tulum-section #video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000 !important;
  line-height: 25px;
  color: #fff;
}

.tulum-section #video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

.tulum-section #video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

.tulum-section #video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
}

.tulum-section #video-popup-close:hover {
  color: #DE0023;
}


a.popup-youtube {
  display: inline-block;
  margin: 10px 0;
  color: #007BFF;
  text-decoration: none;
  font-size: 18px;
}

a.popup-youtube:hover {
  text-decoration: underline;
}

.okom-downtown-sa .owl-carousel .owl-stage-outer::after {
  display: none;
}

.okomo-video-bottom-text {
  padding-top: 0;
  text-align: center;
}

.okomo-video-bottom-text p {
  font-size: 20px;
  color: #B9B6D4;
}

.okomo-video-bottom-text-span span {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background: #B9B6D4;
  display: block;
  margin: 0 5px;
  margin-top: 12px;
}

.okomo-video-bottom-text-span {
  display: flex;
  justify-content: center;
}

.popup-youtube {
	cursor: pointer;
}

.footer-downtown-banner-cnt p {
  text-transform: uppercase;
  text-align: center;
  color: #403051;
  position: relative;
  display: inline-block;
}

.footer-top-card,
.tener-banner-wrpper {
  position: relative;
}

.footer-downtown-banner-cnt {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.footer-downtown-banner-cnt p::after,
.footer-downtown-banner-cnt p::before {
  content: '';
  display: block;
  clear: both;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #403051;
}

.footer-downtown-banner-cnt p::before {
  top: -3px;
  left: 40%;
  transform: translate(-50%);
}

.footer-downtown-banner-cnt p::after {
  top: -3px;
  right: 40%;
  transform: translate(50%);
}

.footer-downtown-banner-cnt h2 {
  font-size: 45px;
}

.footer-downtown-banner-cnt h2,
.footer-downtown-banner-cnt h6 {
  color: #403051;
  line-height: 90%;
  font-weight: 700;
}

.footer-downtown-banner-cnt ul {
  column-gap: 5px;
}

.footer-downtown-banner-cnt ul li i {
  color: #403051;
}

.tener-banner-cnt-card h2 {
  font-weight: 700;
  color: #3F203B;
  font-family: var(--plusJakartaDisplay);
  font-size: 40px;
}

.tener-banner-cnt-card {
  position: absolute;
  top: 40%;
  left: 5.2%;
}

.tener-banner-cnt-card p {
  color: #3F203B;
  font-size: 25px;
}

.tener-banner-wrpper::after {
  content: '';
  display: block;
  position: absolute;
  clear: both;
  width: 109%;
  height: 50px;
  bottom: -44px;
  left: -52px;
  background: url(assets/images/Asset8@2x.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.price-card h2 span {
  font-weight: 700;
  font-size: 100px;
  line-height: 100%;
}

.trail-card p {
	font-weight: 600;
}

.inteligente-right-list ul li {
	display: flex;
	column-gap: 10px !important;
	align-items: flex-start !important;
}
.inteligente-right-list ul li img {
	margin-top: 5px;
}
.inteligente-right-list {
	padding-top: 15px;
}

.double-cards .single-card,
.double-cards .card-common {
  min-height: 556px;
}

.home-cta-btn02 {
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.ecotecnias-cnt-card h3 {
  font-weight: 900;
  font-size: 65px;
}


.updt-banner-01{
  padding-top: 70px;
}

.updt-banner-01-inner {
  background-image: url(assets/images/downtwon-021.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  min-height: 240px;
  border-radius: 15px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding-left: 50px;
}

.updt-banner-01-inner:after {
  content: "";
	display: block;
	clear: both;
	position: absolute;
	width: 106%;
	height: 100px;
	left: -36px;
	bottom: -74px;
	background: url(assets/images/downtwon-022.png) no-repeat;
	background-size: cover;
	background-position: center;
}

.updt-banner-01-inner h2 {
  font-weight: 700;
  font-size: 38px;
  letter-spacing: -1.5px;
}

.updt-banner-01-inner h2 span {
  color: var(--primaryColor);
}


.acabados-wrpper.upd-aca-wp {
	background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(133, 82, 130, 0.596) );
  border: 0;
  margin-top: 30px;
}

.acabados-wrpper.upd-aca-wp:after {
  display: none;
}

.garantias-wrpper.bg-none {
  background-image: url(assets/images/downtwon-011.png);
  padding: 58px 50px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.garantias-wrpper.bg-none:before {
  content: "";
	display: block;
	clear: both;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	bottom: 0px;
	background: url(assets/images/downtwon-012.png) no-repeat;
	background-size: cover;
	background-position: center;
  z-index: -1;
  border-radius: 12px;
}

.popup-downtown-wrpper .downtown-title h2 {
	font-size: 58px;
}
.popup-downtown-wrpper .downtown-top-card {
	top: 57px;
}
.popup-downtown-wrpper::after {
	left: 37.5%;
	top: -82px;
	transform: scale(0.8);
}
.popup-downtown-wrpper .downtown-title p {
	font-size: 22px;
}
.popup-downtown-wrpper .rating-card p {
	font-size: 22px;
}
.popup-downtown-wrpper .price-card h2 span {
	font-size: 60px;
}
.modal-dissmitial-icon {
	right: 45px;
	top: 45px;
}
.popup-downtown-wrpper .subtitle-card {
    font-size: 18px;
}

.popup-downtown-wrpper .single-input-row {
  margin-top: 0px;
}
.popup-downtown-wrpper .downtown-btn-card {
	padding-top: 35px;
}


.updt-banner-02 .updt-banner-01-inner {
  background-image: url(assets/images/si-vas-bg.png);
}

.updt-banner-02 h2 {
  font-size: 60px;
  font-weight: 700;
  color: var(--primaryColor);
  line-height: 100%;
}

.updt-banner-02 span {
  font-size: 35px;
  line-height: 100%;
}

.card-gradient-wp {
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(133, 82, 130, 0.37) );
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border-radius: 0 0 18px 18px;
}

.updt-sec-03 .first-col h3 {
  font-weight: 700;
  font-size: 32px;
  color: var(--primaryColor);
}

.updt-sec-03 .single-item p span {
  line-height: 80%;
}

.updt-sec-03 .single-item p span:first-child {
  font-weight: 700;
  font-size: 22px;
  line-height: 108%;
}

.updt-sec-03 .sivas-description-area span {
  font-weight: 700;
}

.updt-sec-03 .post-row-title {
  padding-top: 120px;
  padding-bottom: 50px;
}

.updt-sec-03 .post-row-title h3 {
  color: #fff;
}

.updt-sec-03 .title-line h3 {
  font-size: 90px;
}

.updt-sec-03 .title-line p {
  font-size: 50px;
}

.updt-sec-03  .title-line p span {
	font-size: 179px;
  font-weight: 700;
}

.updt-sec-03 .sub-title-line p {
  font-size: 30px;
}

.updt-banner-04 .updt-banner-01-inner {
  background-image: url(assets/images/desc-updt04.png);
}

.updt-banner-04 .support-title-card h3 {
  font-size: 25px;
  padding-top: 16px;
  padding-bottom: 12px;
  font-weight: 500;
}

.updt-banner-04 .support-title-card p {
  font-size: 19px;
}

.updt-banner-04 .support-title-card p span {
  color: var(--primaryColor);
}

.updt-banner-04 .support-title-card h2 {
  font-size: 42px;
}

.updt-banner-04 .support-title-card h2 small {
  font-size: 58px;
  color: var(--primaryColor);
}

.desino-area .single-item p span:first-child {
	font-size: 19px;
}

.desino-btn-card small {
  font-weight: 400;
  font-size: 19px;
}

.blue-point-cnt-card {
  position: relative;
}

.blue-point-cnt-card:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dddddd2a;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.blue-point-cnt-card * {
  width: auto;
}

.blue-point-cnt-card h3 {
  font-size: 28px;
  font-weight: 700;
}

.blue-point-cnt-card p {
  font-size: 17px;
}

.blue-point-banner-card p {
  font-size: 20px;
}

.blue-point-btn-card a{
  padding-top: 16px;
  padding-bottom: 16px;
}

.updt-banner-05 .updt-banner-01-inner {
  background-image: url(assets/images/updt-bg05.png);
}

.updt-banner-05 h2 {
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  color: var(--primaryColor);
}

.updt-banner-05 span {
  font-size: 20px;
}

.updt-sec-06 .sivas-description-area {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 0px;
}

.updt-sec-06 .sivas-description-area p {
  font-size: 20px;
}

.updt-sec-06 .single-item p {
  color: var(--primaryColor);
  font-weight: 600;
  font-size: 18px;
  line-height: 115%;
}

.updt-banner-05 .bg-chnage-07 {
  background-image: url(assets/images/updt-bg-07.png);
}

.updt-banner-05 .bg-chnage-07 span {
  font-size: 28px;
}

.updt-sec-03 .tipologias-right-card p {
  font-size: 20px;
}

.updt-sec-08 .explore-top-card h3 {
  font-size: 85px;
  line-height: 100%;
}

.updt-sec-08 h4 {
  font-size: 55px;
  line-height: 100%;
}

.updt-sec-08 h6 {
  font-size: 32px;
}

.updt-sec-08 .sectoni-arr {
  text-align: center;
  padding-top: 50px;
}

.updt-sec-08 .sectoni-arr p {
  font-size: 35px;
  font-weight: 700;
  color: var(--primaryColor);
  padding-top: 20px;
}

.updt-sec-08 .down-arrow img {
	width: 160px;
}

.updt-slider-02 .column-title h3 {
  font-size: 33px;
  color: var(--primaryColor);
  font-weight: 700;
}

.updt-slider-02 .column-area02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.updt-slider-02 .column-area02 span {
  font-size: 15px;
  font-weight: 600;
}

.updt-slider-02 .single-column-card {
  margin: 0 10px;
}

.updt-slider-02 .column-area p {
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  flex: 0 0 auto;
}

.carousel-card .slide-item,
.carousel-card img {
  border-radius: 25px;
}

.lst-scard .column-thum img {
  transform: scale(1.3);
  margin: 30px 0;
}

.okom-downtown-right-card-sa .okom-racntangle-sa {
  position: absolute;
  right: 0;
  top: -73px;
  transform: translateX(135px) scale(0.6) rotate(41.3deg);
}

.uot-of-okom {
  display: flex;
  align-items: center;
  gap: 10px;
}

.uot-of-okom h4 {
  font-size: 50px;
  padding-left: 60px;
  text-transform: uppercase;
}

.uot-of-okom i {
  font-size: 8px;
  margin-right: 4px;
}

.desde-price-wp-sa {
	display: flex;
	align-items: start;
	gap: 3px;
	justify-content: center;
	flex-direction: column;
	padding-left: 75px;
}

.desde-price-wp-sa p {
	text-align: left;
	padding-left: 25px;
}

.desde-price-wp-sa h2 span {
  font-size: 22px;
}

.okom-downtown-right-card-sa .rating-star-sa {
  position: absolute;
  left: -4px;
  top: -20px;
  background: #413D50;
  padding: 10px;
  height: 100px;
  z-index: -1;
}

.okom-downtown-top-card-sa::before {
  content: '';
  clear: both;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0, 0.5));
  border-radius: 30px;
  z-index: -1;
}

.okom-top-card-content-sa p {
	max-width: 520px;
}

.updt-banner-08 .updt-banner-01-inner{
  background-image: url(assets/images/updt-sec-08.png);
}

.updt-banner-09 .tulum-items p {
  font-size: 19px;
}

.updt-banner-09 .tulum-items p span {
  color: var(--primaryColor);
}

.updt-banner-09 .tulum-items p strong {
  font-size: 24px;
  color: var(--primaryColor);
  line-height: 100%;
}

.updt-banner-09 .tulum-items {
  width: 75%;
}

.updt-banner-09 .tulum-items .row-02 div span {
  font-size: 24px;
  color: var(--primaryColor);
  line-height: 100%;
  font-weight: 700;
}

.updt-banner-10 {
  padding-top: 50px;
}

.tulum-items-inner1-pos {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-top: -30px;
  padding-left: 40px;
}

.condo-mobile-designe-inner4 h2 {
  font-size: 50px;
  font-weight: 700;
}

.condo-mobile-designe-inner4 h2 span,
.condo-mobile-designe-inner4 p span {
  color: var(--primaryColor);
}

.condo-mobile-designe-inner4 p {
  font-size: 22px;
}

.ubicacion-area h4 {
  padding-top: 15px;
  font-weight: 25px;
}

.ubicacion-area h4 span {
  color: var(--primaryColor);
  font-weight: 600;
}

.rt-okom-area .container {
  max-width: 760px;
  margin-left: auto;
  margin-right: initial;
  padding-right: 65px;
}

.rt-okom-area h5 {
  padding-left: 25px;
  font-size: 40px;
  text-transform: uppercase;
}

.rt-okom-area i {
  color: var(--primaryColor);
}

.rt-okom-area .sp-pera-sh p {
  font-size: 28px;
  font-weight: 600;
}

