@charset "UTF-8";
/*
Theme Name: insignia
Author: Dharmah
Author URI: https://wordpress.org/
Description: Custom wordpress theme
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: insignia
*/
/*----------------------Common code start----------------------------------*/

@import url('https://insigniakolkata.com/wp-content/themes/insignia/font-css/inter.css?family=Inter:wght@100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@import url('https://insigniakolkata.com/wp-content/themes/insignia/font-css/kalnia.css?family=Kalnia:wght@100..700&display=swap');


/* @import url('https://fonts.googleapis.com/css2?family=Castoro+Titling&display=swap'); */
@import url('https://insigniakolkata.com/wp-content/themes/insignia/font-css/castoro.css?family=Castoro+Titling&display=swap');


@import url('https://insigniakolkata.com/wp-content/themes/insignia/font-css/poiret.css?family=Poiret+One&display=swap');

@import url('https://insigniakolkata.com/wp-content/themes/insignia/font-css/outfit.css?family=Outfit:wght@100..900&display=swap');

* {
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
  margin: 0px;
  padding: 0px;
}

::selection {
  color: #E2ECF8;
  background: var(--theme-color-gold);
}


*:root {
  --Inter: "Inter", sans-serif;
  --castoro: "Poiret One", sans-serif;
  --theme-color-gold: #CCA468;
  --theme-color-darkblue: #08080B;
  --outfit: "Outfit", sans-serif;
}

* {
  transition: 0.4s ease;
}

figure {
  margin: 0;
}

.text-justify {
  text-align: justify !important;
}

p {
  margin-bottom: 0;
  font-family: var(--Inter);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

address {
  margin-bottom: 0;
  font-family: var(--Inter);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
}

.no-margin {
  margin: 0 !important;
}

a {
  text-decoration: none !important;
  color: #000;
}

.z-ind {
  z-index: 100;
}


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

.max-container {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: white;
}

::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 5px;
}

body {
  font-family: var(--Inter);
}


/*main styling start*/
.hero-section {
  height: 1100px;
}

.hero-section #banner-bg img {
  width: 100%;
  height: 1100px !important;
  object-fit: cover;
}

.hero-section .inner-sec-content {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: 100%;
  height: 100%;
}

.hero-section .inner-sec-content .header-flex {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  align-items: center;
}

.hero-section .inner-sec-content .header-flex figure img {
  width: 75%;
  max-width: 120px;
  transform: scale(1.7) translateY(13px);
  filter: invert(1) brightness(100);
}

.hero-section .inner-sec-content .header-flex ul,
.hero-section .inner-sec-content .header-flex .boton-de-menu {
  display: flex;
  align-items: center;
  gap: 30px;
}

.hero-section .inner-sec-content .header-flex .boton-de-menu {
  gap: 0px!important;
}

.hero-section .inner-sec-content .header-flex ul li.contact {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--Inter);
}

.hero-section .inner-sec-content .header-flex ul li.contact div {
  width: 50px;
  height: 50px;
  border: 1px solid #CCA468;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-section .inner-sec-content .header-flex .boton-de-menu button {
  text-align: center;
  background: transparent;
  display: block;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid var(--theme-color-gold);
  color: var(--theme-color-gold);
  text-transform: uppercase;
  font-family: var(--Inter);
}

.hero-section .inner-sec-content .header-flex .boton-de-menu button:hover {
  background: var(--theme-color-gold);
  color: #000000;
}

.header-flex .xriz{
  display: flex;
  gap: 15px;
}

.header-flex .xriz .boton-de-menu button{
  padding: 10px 15px!important;
  min-width: unset!important;
  font-size: 15px !important;
}

.control-del-menu {
  width: 50px;
  height: 50px;
  border: 2px solid var(--theme-color-gold);
  background: var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  line-height: 43px;
  margin-left: 10px;
  cursor: pointer;
  position: relative;
}

.control-del-menu::before {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--theme-color-darkblue);
  position: absolute;
  left: 50%;
  top: 55%;
  transform: rotate(0deg) translate(-50%, 50%);
  transition: all 0.2s ease-in;
}

.control-del-menu::after {
  content: "";
  width: 20px;
  height: 2px;
  background: var(--theme-color-darkblue);
  position: absolute;
  left: 50%;
  top: 40%;
  transform: rotate(0deg) translate(-50%, 50%);
  transition: all 0.2s ease-in;
}

.contenido-mediocre {
  margin-top: 200px;
}

.insignia-home-page .contenido-mediocre {
  margin-top: 400px;
}

.for-mobilea{
  display: none!important;
}

.contenido-mediocre h1 {
  font-family: var(--castoro);
  font-size: 60px;
  color: #ffffff;
  text-transform: uppercase;
}

.contenido-mediocre span {
  background: #A6A6A6;
  display: block;
  width: 100%;
  height: 1px;
}

.contenido-mediocre p {
  color: #FFFFFF;
  font-family: var(--Inter);
  font-size: 22px;
  font-style: normal;
  margin-top: 20px;
  font-weight: 300;
}

.boton-y-enlaces .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}

.control-del-owl {
  display: flex;
  gap: 30px;
}

.control-del-owl .prev,
.control-del-owl .next {
  width: 60px;
  height: 60px;
  border: 2px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.control-del-owl .next {
  border: none;
}

.control-del-owl button:hover {
  background: var(--theme-color-gold);
}

.amenities-link-block {
  width: 262px;
  height: 180px;
  overflow: hidden;
  display: block;
  position: relative;
}

.amenities-link-block .imagile {
  object-position: center;
  width: 100%;
  height: 100%;
}

.amenities-link-block:hover .imagile {
  transform: scale(1.2);
}

.hero-section .amenities-link-block .linky-overlay {
  background: linear-gradient(10deg, rgba(204, 164, 104, 1) 0%, rgba(204, 164, 104, 0.2) 50%);
  transition: all 0.3s ease-in;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px;
}

.hero-section .amenities-link-block .linky-overlay div {
  position: absolute;
  bottom: 0;
  padding: 10px;
  text-transform: uppercase;
  font-family: var(--Inter);
  font-weight: 500;
}

.overview-luxury-sec {
  background: #E8EDF0;
}

.overview-luxury-sec .overview-block {
  background: #ffffff;
  margin-left: 100px;
  position: relative;
  top: -150px;
  z-index: 100;
  padding: 80px 0 100px 0;
  overflow: hidden;
}

.overview-luxury-sec .overview-block .max-container {
  left: -50px;
  position: relative;
}

.overview-luxury-sec .overview-block h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  margin: 0;
}

.overview-luxury-sec .overview-block .liger {
  color: var(--theme-color-gold);
}

.overview-block ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E8EDF0;
  padding: 10px 0;
  gap: 25px;
}

.overview-block ul li p {
  font-family: var(--outfit);
  font-size: 32px;
  font-weight: 500;
  text-transform: uppercase;
}

.overview-block ul li small {
  font-family: var(--Inter);
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
}

.overview-block button {
  text-align: center;
  background: var(--theme-color-gold);
  display: block;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid var(--theme-color-gold);
  color: #ffffff;
  text-transform: uppercase;
  font-family: var(--Inter);
  margin-top: 70px;
  position: relative;
  z-index: 1;
}

.overview-block button:hover {
  background: transparent;
  color: var(--theme-color-gold);
}

.insignia-home-page .overview-block .ob-foto {
  height: 450px!important;
}

.overview-block .ob-foto {
  height: 550px;
  object-fit: cover;
  padding-right: 25px;
}

.overview-block .my-counter {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.overview-block .my-counter div {
  width: 25%;
  text-align: center;
}

.overview-block .my-counter div p {
  font-family: var(--castoro);
  font-size: 52px;
  line-height: 120%;
}

.overview-block .my-counter div small {
  font-family: var(--Inter);
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
}

.ovla-text {
  position: absolute;
  font-size: 200px;
  -webkit-text-stroke-color: #C3C7CA;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-family: var(--castoro);
  line-height: 190px;
  right: 0;
  bottom: -50px;
  opacity: 0.5;
}


.life-style-sec {
  margin-top: -50px;
  overflow: hidden;
}

.life-style-sec .liger {
  color: var(--theme-color-gold);
}

.life-style-sec h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  margin: 0;
}

.life-style-sec .row {
  margin-left: calc(-.5 * 1.5rem);
  padding-bottom: 50px;
}

.download-broc {
  text-align: center;
  background: var(--theme-color-gold);
  display: block;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid var(--theme-color-gold);
  color: #ffffff;
  text-transform: uppercase;
  font-family: var(--Inter);
}

.download-broc:hover {
  background: transparent;
  color: var(--theme-color-gold);
}

.foto-listar {
  display: flex;
  justify-content: flex-end;
  width: 86%;
  float: none;
  margin-bottom: 80px;
}

.foto-listar li {
  width: 30%;
  position: relative;
}

.foto-listar li img.thumbnail {
  object-fit: cover;
  width: 100%;
  height: 80vh;
  max-height: 80vh;
  filter: grayscale(1);
}

.foto-listar li .glass-sheet {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(204, 164, 104, 0.3) 0%, rgb(204, 164, 104, 0) 100%);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.foto-listar li .glass-sheet h3 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 30px;
  margin: 0;
  color: #FFFFFF;
  opacity: 0;
}

.foto-listar li .glass-sheet .botm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.foto-listar li .glass-sheet .botm span {
  width: 70px;
  height: 70px;
  border: 1px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color-gold);
  opacity: 0;
}

.foto-listar li .glass-sheet .botm span img {
  width: 25px;
}

.foto-listar li .glass-sheet .botm small {
  font-family: var(--Inter);
  text-transform: uppercase;
  margin: 0;
  color: #FFFFFF;
  display: block;
  transform-origin: left;
  transform: rotate(-90deg);
  position: relative;
  top: 25px;
  left: 15px;
}

.foto-listar li .glass-sheet .numero {
  position: absolute;
  font-size: 200px;
  -webkit-text-stroke-color: #ffffff;
  -webkit-text-stroke-width: 1px;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-family: var(--castoro);
  line-height: 190px;
  right: 15px;
  top: 15px;
}

.foto-listar li.active {
  width: 50%;
}

.foto-listar li.active img.thumbnail {
  filter: grayscale(0);
}

.foto-listar li.active .glass-sheet {
  background: linear-gradient(90deg, rgba(204, 164, 104, 0.3) 0%, rgb(204, 164, 104, 0) 100%);
}

.foto-listar li.active .glass-sheet h3,
.foto-listar li.active .glass-sheet .botm span {
  opacity: 1;
}

.foto-listar li.active .glass-sheet .numero {
  opacity: 0;
}

.amenities-sec h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  margin: 0;
  color: #FFFFFF;
}

.amenities-sec #amenities-crol img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.amenities-sec .ovilay-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 50px;
}

.amenities-sec .ovilay-block .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.insignia-home-page .amenities-sec .ovilay-block .diane {
  justify-content: flex-end;
}

.amenities-sec .auxer {
  width: 23%;
}

.amenities-sec .auxer small {
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  margin-bottom: 10px;
}

.amenities-sec .control-del-owl button {
  border: 1px solid var(--theme-color-gold);
  backdrop-filter: blur(3px);
  color: #ffffff;
}

.premium-service {
  background: #08080B;
  padding: 50px 0 0 0;
  overflow: hidden;
}

.premium-service .xriz-flexor {
  display: flex;
  align-items: center;
  gap: 20px;
}

.premium-service h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  margin: 0;
  color: #FFFFFF;
}

.premium-service .liger {
  color: var(--theme-color-gold);
}

.premium-service .cus-cf {
  padding: 50px 0 0 0;
}

.premium-service .cus-cf .rmp {
  padding-right: 0;
}

.premium-service .cus-cf .road-location {
  width: 100%;
  height: auto;
}

.ameny-list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 35px;
}

.ameny-list ul li {
  border: 1px solid #373E43;
  width: 20%;
  padding: 20px;
  margin-left: -1px;
  margin-top: -1px;
}

.ameny-list ul li div {
  border: 1px solid #373E43;
  border-radius: 100%;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto;
}

.ameny-list ul li span {
  color: #CCCCCC;
  position: absolute;
  top: 15px;
  right: 15px;
}

.ameny-list ul li h5 {
  font-family: var(--Inter);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px 0;
  color: #FFFFFF;
  text-align: center;
}

.view-all-amy {
  text-align: center;
  background: var(--theme-color-gold);
  display: block;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid var(--theme-color-gold);
  color: #ffffff;
  text-transform: uppercase;
  font-family: var(--Inter);
  display: block;
  margin: 50px auto 0;
}

.insignia-amenities-page .hero-section,
.insignia-plan-page .hero-section,
.insignia-developer-page .hero-section,
.insignia-location-page .hero-section,
.insignia-contact-page .hero-section,
.insignia-specification-page .hero-section,
.insignia-construct-page .hero-section {
  height: 800px;
}

.page-banner-bg {
  height: 800px;
}

.page-banner-bg img {
  height: 800px;
  width: 100%;
  object-fit: cover;
}

.insignia-amenities-page .contenido-mediocre,
.insignia-plan-page .contenido-mediocre,
.insignia-developer-page .contenido-mediocre,
.insignia-location-page .contenido-mediocre,
.insignia-contact-page .contenido-mediocre,
.insignia-specification-page .contenido-mediocre,
.insignia-construct-page .contenido-mediocre {
  text-align: center;
}

.insignia-plan-page .page-banner-bg img {
  object-position: bottom;
}


.scroll-down-btn {
  width: 100px;
  height: 100px;
  border: 2px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  margin: 0 auto;
  transform: rotate(-90deg)translateX(-180px);
}

.insignia-amenities-page .overview-block .ob-foto,
.insignia-specification-page .overview-block .ob-foto,
.insignia-location-page .overview-block .ob-foto,
.insignia-developer-page .overview-block .ob-foto {
  object-fit: contain;
  height: auto;
}

.insignia-amenities-page .overview-luxury-sec,
.insignia-specification-page .overview-luxury-sec,
.insignia-location-page .overview-luxury-sec,
.insignia-developer-page .overview-luxury-sec {
  background: rgb(116 139 173);
}

.insignia-contact-page .overview-luxury-sec {
  background: rgb(0, 0, 0);
}

.insignia-amenities-page .overview-luxury-sec .overview-block,
.insignia-specification-page .overview-luxury-sec .overview-block,
.insignia-location-page .overview-luxury-sec .overview-block,
.insignia-developer-page .overview-luxury-sec .overview-block {
  top: -50px;
  padding: 0px 0 0px 0;
  background: #748BAD;
}

.insignia-contact-page .overview-luxury-sec .overview-block {
  top: -50px;
  padding: 0px 0 0px 0;
  background: #000000;
}

.insignia-amenities-page .premium-service,
.insignia-specification-page .premium-service,
.insignia-location-page .premium-service,
.insignia-developer-page .developer-sec {
  margin-top: -50px;
}

.insignia-amenities-page .premium-service {
  padding: 70px 0 25px 0;
}

.view-all-amy:hover {
  background: transparent;
  color: var(--theme-color-gold);
}

footer {
  background: #748bad;
  padding: 50px 0 0 0;
}

footer .logi img {
  filter: invert(1)brightness(100);
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

footer .telefono-y-direccion {
  display: flex;
  align-items: normal;
  justify-content: space-between;
  border-top: 1px solid #98a2af;
  padding-top: 40px;
  margin-top: 50px;
}

footer .telefono-y-direccion .telefono {
  font-family: var(--castoro);
  font-size: 30px;
  font-weight: 400;
  color: #1F2528;
}

footer .telefono-y-direccion p {
  font-family: var(--Inter);
  font-size: 18px;
  font-weight: 500;
  color: #1F2528;
}

footer .telefono-y-direccion .social {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

footer .telefono-y-direccion .social li a {
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .base-bottom {
  background: #08080B;
  padding: 30px 0;
  margin-top: 50px;
}

footer .parte-inferior-del-pie-de-pagina {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer .parte-inferior-del-pie-de-pagina small,
footer .parte-inferior-del-pie-de-pagina small a {
  color: var(--theme-color-gold);
}

footer .parte-inferior-del-pie-de-pagina ul {
  display: flex;
  gap: 25px;
}

footer .parte-inferior-del-pie-de-pagina ul li a {
  font-size: 14px;
  color: var(--theme-color-gold);
}


.scroll-down-nav {
  background: #08080B;
  height: 85px;
  width: 100%;
  position: fixed;
  z-index: 99999;
  top: -100px;
  box-shadow: 0 0 10px 1px rgb(71, 71, 71, 0.5);
}

.scroll-down-nav .header-flex {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  align-items: center;
}

.scroll-down-nav .header-flex figure img {
  width: 50%;
  max-width: 155px;
  filter: invert(1) brightness(100);
}

.scroll-down-nav .header-flex ul {
  display: flex;
  align-items: center;
  gap: 30px;
}

.scroll-down-nav .header-flex .boton-de-menu {
  display: flex;
  align-items: center;
  gap: 0px;
}

.scroll-down-nav .header-flex ul li.contact {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--Inter);
}

.scroll-down-nav .header-flex ul li.contact div {
  width: 50px;
  height: 50px;
  border: 1px solid #CCA468;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-down-nav .header-flex .boton-de-menu button {
  text-align: center;
  background: transparent;
  display: block;
  width: fit-content;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid var(--theme-color-gold);
  color: var(--theme-color-gold);
  text-transform: uppercase;
  font-family: var(--Inter);
}

.scroll-down-nav .header-flex .boton-de-menu button:hover {
  background: var(--theme-color-gold);
  color: #000000;
}




.menu-lateral {
  background: #08080B;
  position: fixed;
  width: 100%;
  top: -100%;
  left: 0;
  height: 100vh;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.6s ease-in;
  overflow: hidden;
  opacity: 0;
}

.menu-lateral.dropdown-open {
  top: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
}

.menu-lateral .meniplo {
  list-style-type: none;
  position: relative;
  top: initial;
  transform: initial;
  z-index: 999;
  height: 100%;
  text-align: left;
  display: none;
}

.menu-lateral .meniplo.meniplo-droppy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:10px;
}

.menu-lateral menu li {
  opacity: 1;
  transform-origin: left;
  animation: enter 0.3s ease-in-out forwards;
  margin-bottom: 0px;
  padding: 30px 0;
  position: relative;
}

.menu-lateral menu li a {
  font-family: var(--castoro);
  font-size: 40px;
  line-height: 46px;
  font-weight: 200;
  color: #ffffff;
  display: block;
  width: 100%;
  text-transform: uppercase;
}

.menu-lateral menu a:hover {
  color: var(--theme-color-gold);
}

.menu-lateral .have-line {
  position: relative;
}

.menu-lateral .have-line:after {
  content: "";
  width: 1px;
  height: 100%;
  background: rgb(255 255 255 / 20%);
  position: absolute;
  right: 0;
  top: 0;
}

.menu-lateral .sty-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-left: 100px;
}

.menu-lateral .telefono-y-direccion .telefono span {
  color: #ffffff;
  font-size: 30px;
}

.menu-lateral .telefono-y-direccion .telefono a {
  font-family: var(--castoro);
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
}

.menu-lateral .telefono-y-direccion p, 
.menu-lateral .telefono-y-direccion a {
  font-family: var(--Inter);
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
}

.menu-lateral .telefono-y-direccion a:hover{
  color:var(--theme-color-gold);
}

.menu-lateral .telefono-y-direccion .social {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 20px;
}

.menu-lateral .telefono-y-direccion .social li a {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.menu-lateral .ghost-logo {
  width: 300px;
}

.menu-lateral .close-menu {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
}




.menu-lateral menu li {
  opacity: 0;
  transform-origin: left;
  animation: enter 0.3s ease-in-out forwards;
}

.menu-lateral menu li:nth-child(1) {
  animation-duration: 0.2;
  animation-delay: 0.2s;
}

.menu-lateral menu li:nth-child(2) {
  animation-duration: 0.3s;
  animation-delay: 0.3s;
}

.menu-lateral menu li:nth-child(3) {
  animation-duration: 0.4s;
  animation-delay: 0.4s;
}

.menu-lateral menu li:nth-child(4) {
  animation-duration: 0.5s;
  animation-delay: 0.5s;
}

.menu-lateral menu li:nth-child(5) {
  animation-duration: 0.6s;
  animation-delay: 0.6s;
}

.menu-lateral menu li:nth-child(6) {
  animation-duration: 0.7s;
  animation-delay: 0.7s;
}

.menu-lateral menu li:nth-child(7) {
  animation-duration: 0.8s;
  animation-delay: 0.8s;
}

.menu-lateral menu li:nth-child(8) {
  animation-duration: 0.9s;
  animation-delay: 0.9s;
}

@keyframes enter {
  from {
    opacity: 0;
    transform: scaleX(2) translateX(-100%);
  }

  to {
    opacity: 1;
    transform: scaleX(1) translateX(0);
  }
}

.telefono.heady-phone {
  opacity: 0;
  transform: translateX(40px);
  transform-origin: right;
  animation: ReverseEnter 0.5s ease-in-out 0.5s forwards;
  display: none;
  position: relative;
  top: 15px;
}


.shretw {
  opacity: 0;
  transform: translateX(40px);
  transform-origin: right;
  animation: ReverseEnter 0.8s ease-in-out 0.8s forwards;
  display: none;
}


.telefono-y-direccion-open .telefono,
.telefono-y-direccion-open .shretw {
  display: block;
}

@keyframes ReverseEnter {
  from {
    opacity: 0;
    transform: translateX(40px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}


.insignia-plan-page .premium-service {
  padding: 50px 0;
}

.acordeon-papi .papi-encabezamiento {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  border-bottom: 1px solid #373E43;
  padding: 25px;
  margin-top: 50px;
}

.acordeon-papi .papi-encabezamiento .papi-tres {
  display: flex;
  justify-content: flex-start;
  gap: 140px;
  width: 75%;
}

.acordeon-papi .papi-encabezamiento .papi-uno {
  width: 25%;
}

.acordeon-papi .papi-encabezamiento small {
  color: #748BAD;
  display: block;
  font-family: var(--Inter);
  font-weight: 500;
}

.cuerpo-de-papi li:not(.floor-info li, .accord-floor-info li) {
  border-bottom: 1px solid #373E43;
}

.cuerpo-de-papi li .li-angle {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%)rotate(0deg);
  width: 60px;
  height: 60px;
  border: 1px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
   display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.cuerpo-de-papi li .li-angle:hover{
  background: #ffffff;
}

.cuerpo-de-papi li .li-angle img{
  width: 20px;
}

.cuerpo-de-papi .accord-head {
  padding: 25px;
  display: flex;
  align-items: center;
  position: relative;
}

.cuerpo-de-papi .accord-head .first-block {
  display: flex;
  gap: 60px;
  width: 75%;
}

.cuerpo-de-papi .accord-head .second-block {
  width: 28%;
}

.cuerpo-de-papi .accord-head .first-block h3 {
  color: #E5C696;
  font-family: var(--castoro);
  font-weight: 500;
  font-size: 30px;
  width: 120px;
  display: block;
}

.cuerpo-de-papi .accord-head .first-block .short-image {
  width: 160px;
  height: auto;
  text-align: center;
  transform-origin: center;
  display: block;
}

.cuerpo-de-papi .accord-head .first-block h5 {
  color: #FFFFFF;
  font-family: var(--Inter);
  font-size: 25px;
  margin-bottom: 20px;
}

.cuerpo-de-papi .accord-head .first-block .floor-info {
  display: flex;
  flex-wrap: wrap;
}

.cuerpo-de-papi .accord-head .first-block .glow-out{
  max-width: 300px;
  display: block;
}

.cuerpo-de-papi .accord-head .first-block .floor-info li {
  width: 48%;
  float: left;
  color: #ffffff;
  font-family: var(--Inter);
  font-size: 17px;
  margin-bottom: 10px;
}

.cuerpo-de-papi .accord-head .first-block .floor-info li small{
  display: flex;
  flex-direction: column;
}

.cuerpo-de-papi .accord-head .first-block .floor-info li span {
  color: #748BAD;
  font-size: 11px;
  text-transform: uppercase;
}

.accord-body {
  background: #EDE7DE;
  height: 0;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}

.accord-body .row {
  padding: 25px;
}

.cuerpo-de-flex {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
  gap: 50px;
  border-right: 1px solid #CBC6BE;
}

.cuerpo-de-flex .imagen-principal {
  width: 100% !important;
  margin: 0 auto;
}

.cuerpo-de-flex .lightGalleryBtn div a {
  display: block;
}

.cuerpo-de-flex .planny {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.cuerpo-de-flex .punto-norte-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
}

.cuerpo-de-flex .planny img,
.cuerpo-de-flex .punto-norte {
  width: 150px;
}

.accord-floor-info {
  display: flex;
  flex-wrap: wrap;
}

.accord-floor-info li {
  width: 48%;
  float: left;
  color: #08080B;
  font-family: var(--Inter);
  font-size: 17px;
  margin-bottom: 10px;
}

.accord-floor-info li small{
  display: flex;
  flex-direction: column;
  font-weight: 500;
  line-height: 160%;
}

.accord-floor-info li small span {
  font-size: 11px;
  text-transform: uppercase;
}

.accord-body .vid {
  margin-bottom: 35px;
}

.accord-body .flexibilidad-vertical {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.accord-body .flexibilidad-vertical .download-broc {
  background: rgba(8, 8, 11, 0.15);
  border: 1px solid rgba(8, 8, 11, 0.15);
}

/*work li active*/
.cuerpo-de-papi .abrir-lista .accord-head {
  background: #EDE7DE;
  border-bottom: 1px solid rgba(8, 8, 11, 0.15);
}

.cuerpo-de-papi .abrir-lista .accord-head .first-block h3 {
  color: #000000;
  font-weight: 500;
}

.cuerpo-de-papi .abrir-lista .accord-head .first-block h5 {
  color: #000000;
  font-weight: 500;
}

.cuerpo-de-papi .abrir-lista .accord-head .first-block .floor-info li {
  color: #000000;
}

.cuerpo-de-papi .abrir-lista .accord-head .first-block .floor-info li span {
  color: #CCA468;
}

.cuerpo-de-papi li.abrir-lista .li-angle {
  transform: translateY(-50%)rotate(180deg);
}

.cuerpo-de-papi .abrir-lista .accord-head .second-block {
  display: none;
}

.cuerpo-de-papi .abrir-lista .accord-body {
  height: auto;
  transition: 0.5s ease-in-out;
}

.tabinacion {
  background: #748BAD;
  padding: 50px 0 0 0;
}

.tabinacion h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  margin: 0;
  color: #FFFFFF;
}

.tabinacion .tab-container {
  margin-top: 50px;
}

.tabinacion .tab_content {
  display: none;
  background: whitesmoke;
}

.tabinacion .tab_content img.foto {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}

.tabinacion .tab_content.active {
  display: block !important;
}

.tabinacion .tabitem.active {
  background: #CCA468;
  color: #000000;
}

.tener-brecha {
  gap: 2px;
}

.tabinacion .tabitem {
  background: #08080B;
  padding: 15px;
  width: 15%;
  border: none;
  font-family: var(--castoro);
  font-size: 22px;
  font-weight: 500;
  color: #E5C696;
}

.tener-absoluto {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.cuadro-de-lista h5 {
  font-family: var(--castoro);
  font-size: 25px;
  font-weight: 500;
  color: #FFFFFF;
}

.cuadro-de-lista ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.cuadro-de-lista ul li {
  width: 45%;
  float: left;
  color: #ffffff;
  font-family: var(--Inter);
  font-size: 14px;
  margin-bottom: 8px;
}

.por-ti-cuadro {
  width: 40%;
}

.por-ti-cuadro .download-broc {
  float: right;
  background: #000000;
  color: #FFFFFF;
  border: none;
  padding: 5px 25px 5px 5px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.por-ti-cuadro .download-broc span {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color-gold);
  width: 40px;
  height: 40px;
}

.vida-por-ti .control-del-owl {
  justify-content: flex-end;
}

#comodidades .cubrir {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(8, 8, 11, 0.5);
  padding: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

#comodidades .cubrir h6 {
  font-family: var(--Inter);
  color: #ffffff;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
}

#comodidades .center .cubrir {
  background: rgba(8, 8, 11, 0);
  height: 0;
  bottom: 0;
  top: 90%;
}

#comodidades .center .cubrir h6 {
  opacity: 1;
  visibility: visible;
}

.comodidades-control-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12%;
  z-index: 100;
  width: 100px;
  height: 100px;
  border: 2px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  backdrop-filter: blur(2px);
}

.comodidades-control-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12%;
  z-index: 100;
  width: 100px;
  height: 100px;
  border: 2px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  backdrop-filter: blur(2px);
}


.developer-sec {
  position: relative;
  background: #08080B;
  padding: 25px 0 25px 0;
}

.developer-sec .company-block {
  background: #08080B;
  padding: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
  gap: 35px;
}

.developer-sec h2 {
  margin-bottom: 50px;
}

.developer-sec .company-block div:first-child {
  width: 400px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.developer-sec .company-block img {
  width: 100%;
  height: auto;
}

.developer-sec .company-block h3 {
  font-family: var(--castoro);
  font-size: 30px;
  font-weight: 800;
  color: #FFFFFF;
}

.developer-sec .company-block p {
  font-family: var(--Inter);
  font-size: 15px;
  font-weight: 400;
  color: #E8EDF0;
  line-height: 20px;
}


/*specification new css*/
.specificacion-sec {
  padding: 50px 0 150px 0;
}

.insignia-specification-page .ovla-text {
  right: -17%;
  z-index: -1;
}

.specificacion-sec .speci-listar li {
  margin-bottom: 50px;
}

.specificacion-sec .speci-listar li h5 {
  font-family: var(--castoro);
  font-size: 30px;
  font-weight: 400;
  color: var(--theme-color-gold);
}

.specificacion-sec .speci-listar li p {
  font-family: var(--Inter);
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 15px;
}

.specificacion-sec .speci-listar li p span {
  text-decoration:none;
}

.specificacion-sec .seggy-one li:first-child {
  min-height: 150px;
}

.specificacion-sec .seggy-two {
  margin-top: 60px;
}

.specificacion-sec .seggy-three li:nth-child(2) {
  min-height: 125px;
}

.specificacion-sec .murcia-flex {
  display: flex;
  gap: 10px;
}

.specificacion-sec .fotil {
  position: absolute;
  width: 150px;
  height: auto;
}

.specificacion-sec .kitchen {
  left: 0%;
  top: 10%;
}

.specificacion-sec .basin {
  left: 2%;
  top: 50%;
  transform: translateY(-50%);
}

.specificacion-sec .tap {
  right: 2%;
  top: 25%;
}

.specificacion-sec .outlet {
  right: 10%;
  top: 52%;
}

.specificacion-sec .wall {
  left: 40%;
  bottom: 5%;
}

.modal-body {
  padding: 0;
}

.modal .modal-close {
  position: absolute;
  right: 0;
  border: none;
  background: #000000;
  z-index: 100;
}






/*02-07-2026*/
.location-block .locate-places {
  display: flex;
  align-items: flex-start;
  margin-top: 25px;
  gap: 50px;
}

.location-block .locate-places h5 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 35px;
  color: #E8EDF0;
  margin-bottom: 20px;
}

.location-block .hr-line {
  width: 100%;
  height: 1px;
  background: #849ABA;
  margin: 20px 0;
}

.location-block .locate-places ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.location-block .locate-places ul li {
  line-height: 15px;
  padding: 0;
  border-bottom: none;
  width: 48%;
  float: left;
  margin-bottom: 20px;
  font-family: var(--Inter);
  font-size: 15px;
  color: #ffffff
}

.location-block .locate-places ul li span {
  display: block;
  margin-right: 10px;
}

.location-block .sett-padding {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 50px;
}

.insignia-location-page .ovla-text {
  right: 10%;
  z-index: -1;
}

.insignia-location-page .premium-service,
.insignia-contact-page .premium-service {
  padding: 25px 0 0px 0;
}

.insignia-location-page .premium-service .cus-cf,
.insignia-contact-page .premium-service .cus-cf {
  padding: 30px 0 0 0;
}

.is-gray {
  filter: grayscale(1);
}

.insignia-developer-page .ovla-text {
  right: 12%;
  z-index: -1;
}

.insignia-contact-page .premium-service {
  background: #748BAD;
}

.insignia-contact-page .contact-block .cont-listar {
  margin-top: 25px;
}

.insignia-contact-page .contact-block .cont-listar div.lola-cnt-flex {
  margin-bottom: 5px;
}

.insignia-contact-page .contact-block .cont-listar h5 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 25px;
  color: var(--theme-color-gold);
  margin-bottom: 10px;
}

.insignia-contact-page .contact-block .cont-listar address,
.insignia-contact-page .contact-block .cont-listar p {
  line-height: 22px;
  font-family: var(--Inter);
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 15px;
}

.insignia-contact-page .contact-block .cont-listar p img {
  margin-right: 10px;
}

.insignia-contact-page .contact-block .cont-listar .social {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 20px;
}

.insignia-contact-page .contact-block .cont-listar .social li {
  border-bottom: none;
}

.insignia-contact-page .contact-block .cont-listar .social li a {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.insignia-contact-page .ovla-text {
  right: 10%;
  z-index: -1;
  opacity: 0.2;
}

.form-block {
  background: #FFFFFF;
  padding: 25px;
}

.form-block h5 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 25px;
  color: var(--theme-color-gold);
}

.form-block .hr-line {
  width: 100%;
  height: 1px;
  background: #EDE7DE;
  margin: 20px 0;
}

.form-block input {
  font-family: var(--inter-font);
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 16px;
  background: transparent;
  border: 1px solid #EDE7DE;
  width: 100%;
  height: 60px;
  border-radius: 10px;
  padding: 20px 0 20px 15px;
  margin-bottom: 15px;
}

.form-block textarea {
  font-family: var(--inter-font);
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  line-height: 16px;
  background: transparent;
  border: 1px solid #EDE7DE;
  width: 100%;
  height: 300px;
  resize: none;
  border-radius: 10px;
  padding: 20px 0 20px 15px;
  margin-bottom: 15px;
}

.form-block button {
  text-align: center;
  display: block;
  width: 100%;
  color: #08080B !important;
  text-transform: uppercase;
  font-family: var(--castoro);
  font-size: 25px;
  line-height: 30px;
  background: var(--theme-color-gold) !important;
  padding: 15px 0;
  border-radius: 10px;
  border: 2px solid var(--theme-color-gold);
  margin-top: 0;
}

.contact-block .sett-padding {
  padding-top: 50px;
  padding-bottom: 0px;
  padding-left: 50px;
}


.insignia-contact-page .hero-section .inner-sec-content {
  background: rgba(204, 164, 104, 0.5)
}


.tabinacion .marque-btn-left,
.tabinacion .marque-btn-right {
  display: none;
}

.comodidades-control-next img,
.comodidades-control-prev img {
  width: 20px !important;
}


/*new css*/
.auxer ul li {
  display: none;
}

.auxer ul li.text-active {
  display: block;
}

.cus-modal {
  bottom: 0;
  position: fixed;
  background: #FCF5EB;
  width: 100%;
  left: 0;
  z-index: 9999;
  transform: translateY(100%);
  /* Hidden below screen */
  transition: transform 0.4s ease-in-out;
}

.cus-modal.active {
  transform: translateY(0);
  /* Slide up */
}


.cus-modal .modal-close {
  position: absolute;
  right: 0;
  border: none;
  background: #4CC15D;
  z-index: 100;
}

.cus-modal .form-block {
  background: transparent;
  width: 40%;
  margin: 0 auto;
}

.cus-modal .form-block button {
  color: #ffffff !important;
  background: #25D366 !important;
  border: 1px solid #25D366 !important;
}

body.no-scroll {
  overflow: hidden;
  touch-action: none;
}

.modal .form-block textarea {
  height: auto;
}

.cuadro-de-lista ul.podium-list li {
  width: 30%;
  font-size: 14px;
  margin-bottom: 8px;
}

.shretw small,
.lighty {
  color: #CCA468;
}

.biggy p {
  font-size: 18px;
}

.insignia-home-page .overview-block button {
  margin-top: 20px;
}

footer .footer-rera p {
  font-family: var(--Inter);
  font-size: clamp(0.875rem, 1vw, 0.875rem);
  font-weight: 500;
  color: #1F2528;
  line-height: 27px;
}

.locate-link img {
  width: 20px;
  filter: invert(1);
}

.igbc-logo {
  width: 100px;
  height: auto;
  display: flex;
  gap: 10px;
  align-items: center;
}

.construct-sec {
  background: #08080B;
  padding: 50px 0 25px 0;
}

.construct-sec .construct-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(204, 164, 104, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.construct-sec .construct-overlay:hover {
  opacity: 1;
}


.construct-sec .mob-scroll, 
.premium-service .mob-scroll {
  overflow: unset;
}

.construct-sec .marque-btn-left,
.premium-service .marque-btn-left,
.construct-sec .marque-btn-right,
.premium-service .marque-btn-right{
  display: none;
}

.construct-sec .mob-scroll .tener-brecha,
.premium-service .mob-scroll .tener-brecha{
  width: auto;
}

#monthFilter {
  display: flex;
  gap: 10px;
  justify-content: center;
}

#monthFilter li button.month-btn,
.premium-service .mob-scroll button.tabitem {
  background: #515151;
  line-height: 1;
  font-size: 14px;
  padding: 20px 40px 20px 40px;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  border: none;
  text-transform: uppercase;
}

#monthFilter li button.month-btn.active,
.premium-service .mob-scroll button.tabitem.active {
  background: #CCA468;
}

.premium-service .tener-brecha{
  gap: 10px;
  padding: 15px 0;
  border-top: 1px solid #29313F;
  border-bottom: 1px solid #29313F;
  margin-top: 25px;
}

.premium-service .ameny-list{
  height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 5px;
}

.premium-service .ameny-list::-webkit-scrollbar {
  width: 5px;
}

.premium-service .ameny-list::-webkit-scrollbar-track {
  background: #484848;
}

.premium-service .ameny-list::-webkit-scrollbar-thumb {
  background: var(--theme-color-gold);
  border-radius: 5px;
}

.lola-blok p{
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: var(--castoro);
  padding: 0 0 10px 10px;
}

.lola-del-owl {
  position: absolute;
  bottom: 35px;
  right: 50px;
  z-index: 10;
  justify-content: flex-end;
  display: flex;
  gap: 15px;
}

.lola-del-owl button {
  width: 60px;
  height: 60px;
  z-index: 100;
  border: 1px solid var(--theme-color-gold);
  text-align: center;
  border-radius: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  backdrop-filter: blur(2px);
  margin-top: 0!important;
}


.walkthrough-sec{
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}

.walkthrough-sec .responsive-iframe 
{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

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

.play-video-btn {
  color: #fff;
  border: none;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  background:rgba(255,255,255,0.3);
  position: absolute !important;
  top: 50%;
  font-size: 2em;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.play-video-btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:rgba(255,255,255,0.2);
  border-radius: 50%;
}
.play-video-btn:before {
  animation: ripple 2s linear infinite;
}

@keyframes ripple{
0% {
  transform: scale(1);
}
50% {
  transform: scale(1.3);
  opacity: 1;
}
100% {
  transform: scale(1.6);
  opacity: 0;
}
}

.page-banner-bg #banner-bg img{
  height: 800px!important;
}

.insignia-developer-page .developer-sec h2 {
  font-family: var(--castoro);
  text-transform: uppercase;
  font-weight: 400;
  color: var(--theme-color-gold);
  font-size: clamp(2rem, 3vw, 3.125rem);
  margin: 0;
}

footer .htmil a{
  color:#ffffff;
}
footer .htmil a:hover{
  color:var(--theme-color-gold);
}

.modal{
  z-index: 99999;
}

.you-frame{
  height: 700px;
}

#mplay-vid .modal-content{
  background: transparent;
}

.insignia-contact-page .form-block textarea {
  height: 150px;
}


.cuerpo-de-papi .accord-head .first-block .extract-bhk {
 color:#ffffff;
}

.cuerpo-de-papi .abrir-lista .accord-head .first-block .extract-bhk {
 color: #000000;
}

.lola-cnt-flex{
  display: flex;
  gap: 50px;
  justify-content: flex-start;
}

.whats-form{
  font-family: var(--castoro);
  text-transform: uppercase;
  font-size: 25px;
  color: var(--theme-color-gold);
}


.insignia-home-page .liger{
  font-weight: 600;
}

.insignia-home-page .contra-btn{
  background: #000000;
  color:#ffffff;
  border:none;
}

.construct-sec .constu-img{
  height: 500px;
  object-fit: cover;
  border-radius: 10px;
  max-height: 500px;
}