.elementor-50 .elementor-element.elementor-element-71d29a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-50 .elementor-element.elementor-element-e653775 img{width:100%;}.elementor-50 .elementor-element.elementor-element-e3d83c9{--display:flex;--min-height:90vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.63;}.elementor-50 .elementor-element.elementor-element-e3d83c9:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-e3d83c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ausiddharthviharghaziabad.com/wp-content/uploads/2026/03/hero-main.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-50 .elementor-element.elementor-element-e3d83c9::before, .elementor-50 .elementor-element.elementor-element-e3d83c9 > .elementor-background-video-container::before, .elementor-50 .elementor-element.elementor-element-e3d83c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-50 .elementor-element.elementor-element-e3d83c9 > .elementor-background-slideshow::before, .elementor-50 .elementor-element.elementor-element-e3d83c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-50 .elementor-element.elementor-element-e3d83c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-50 .elementor-element.elementor-element-b3e61c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-50 .elementor-element.elementor-element-b3e61c2:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-b3e61c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFAE9;}.elementor-50 .elementor-element.elementor-element-0c3f6a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-ed5d3d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-ed5d3d3:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-ed5d3d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-50 .elementor-element.elementor-element-42a94c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-6b2a2f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-6b2a2f7:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-6b2a2f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-50 .elementor-element.elementor-element-f860432{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-f860432:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-f860432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-eeb3e90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-eeb3e90:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-eeb3e90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-50 .elementor-element.elementor-element-55c9439{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-55c9439:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-55c9439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-50 .elementor-element.elementor-element-4961011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50 .elementor-element.elementor-element-4961011:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-4961011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-e3d83c9{--overlay-opacity:0.69;}.elementor-50 .elementor-element.elementor-element-b3e61c2{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-71d29a6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-50 .elementor-element.elementor-element-e3d83c9{--overlay-opacity:0.72;}.elementor-50 .elementor-element.elementor-element-b3e61c2{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-50 .elementor-element.elementor-element-f860432{--padding-top:0px;--padding-bottom:0px;--padding-left:020px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-f4bf8f3 *//* SECTION */
.selatan-intro-sec {
  background: var(--bg-soft);
  padding: 80px 20px;
  font-family: 'Poppins', sans-serif;
}

/* WRAPPER */
.selatan-intro-wrap {
  max-width: 1200px;
  margin: auto;
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

/* LEFT */
.selatan-intro-left {
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.selatan-line {
  width: 40px;
  height: 2px;
  background: var(--accent-gold);
  transition: 0.4s;
}

.selatan-label {
  font-size: 13px;
  letter-spacing: 2px;
  color: var(--text-muted);
}

/* RIGHT */
.selatan-intro-right {
  flex: 1;
}

/* TEXT */
.selatan-text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--primary-dark);
  margin-bottom: 30px;
  max-width: 600px;

  opacity: 0;
  transform: translateY(20px);
  animation: selatanFadeUp 0.8s ease forwards;
}

/* IMAGE */
.selatan-image-box {
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}

.selatan-image-box img {
  width: 100%;
  display: block;
  transition: transform 0.6s ease, filter 0.6s ease;
}

/* HOVER */
.selatan-image-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, var(--accent-gold));
  opacity: 0;
  transition: 0.4s;
}

.selatan-image-box:hover img {
  transform: scale(1.05);
  filter: brightness(0.9);
}

.selatan-image-box:hover::after {
  opacity: 0.15;
}

/* LINE HOVER */
.selatan-intro-left:hover .selatan-line {
  width: 60px;
  background: var(--accent-light);
}

/* ANIMATION */
@keyframes selatanFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .selatan-intro-wrap {
    flex-direction: column;
    gap: 30px;
  }
}

@media (max-width: 600px) {
  .selatan-text {
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd9cdae */.au-why-section {
  padding: 80px 20px;
  font-family: 'Poppins', sans-serif;
}

.au-container {
  max-width: 1200px;
  margin: auto;
}

.au-header {
  text-align: center;
  margin-bottom: 50px;
}

.au-header h2 {
  font-size: 36px;
  font-weight: 700;
  color: #1d2b3a;
}

.au-header p {
  color: #b9975b;
  letter-spacing: 2px;
  margin-top: 10px;
  font-size: 14px;
}

/* GRID */
.au-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

/* CARD */
.au-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 25px;
  text-align: center;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.05);
}

/* subtle gradient hover layer */
.au-card::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 0%;
  background: linear-gradient(135deg, #b9975b, #e6c78f);
  bottom: 0;
  left: 0;
  transition: 0.4s ease;
  z-index: 0;
  opacity: 0.08;
}

.au-card:hover::before {
  height: 100%;
}

/* hover lift */
.au-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* ICON */
.icon-wrap {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 50%;
  background: #eef3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #b9975b;
  margin-bottom: 20px;
  transition: 0.4s;
}

/* icon animation */
.au-card:hover .icon-wrap {
  transform: rotate(10deg) scale(1.1);
  background: #b9975b;
  color: #fff;
}

/* TEXT */
.au-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
  color: #1d2b3a;
  position: relative;
  z-index: 1;
}

.au-card p {
  font-size: 14px;
  color: #666;
  position: relative;
  z-index: 1;
}

/* FOOTER */
.au-footer {
  text-align: center;
  margin-top: 40px;
  color: #1d2b3a;
  font-size: 15px;
}

/* MOBILE RESPONSIVE */
@media (max-width: 992px) {
  .au-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .au-grid {
    grid-template-columns: 1fr;
  }

  .au-header h2 {
    font-size: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3fc347 *//* =========================
   TRINETRIX FLOOR SECTION
========================= */

.trinetrix-floor-sec {
  padding: 90px 20px;
  background: var(--bg-soft);
  font-family: 'Poppins', sans-serif;
}

.trinetrix-floor-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.trinetrix-floor-header {
  text-align: center;
  margin-bottom: 60px;
}

.trinetrix-floor-header h2 {
  font-size: 34px;
  color: var(--primary-dark);
  font-weight: 700;
}

.trinetrix-floor-header p {
  font-size: 13px;
  letter-spacing: 3px;
  color: var(--accent-gold);
  margin-top: 10px;
}

/* GRID */
.trinetrix-floor-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* CLICKABLE WRAPPER */
.trinetrix-floor-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

/* CARD */
.trinetrix-floor-card {
  display: flex;
  align-items: center;
  height: 100%;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.05);
  transition: 0.4s ease;
  position: relative;
}

/* HOVER GLOW */
.trinetrix-floor-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent, var(--accent-gold));
  opacity: 0;
  transition: 0.4s;
}

.trinetrix-floor-card-link:hover .trinetrix-floor-card::before {
  opacity: 0.08;
}

/* IMAGE */
.trinetrix-floor-img {
  width: 40%;
  min-width: 160px;
  height: 180px;
  overflow: hidden;
  position: relative;
}

.trinetrix-floor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;

  /* CONSTANT BLUR */
  filter: blur(3px) brightness(0.85) contrast(1.05);
  transform: scale(1.1);
}

/* OVERLAY */
.trinetrix-floor-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.15), rgba(0,0,0,0.05));
}

/* CONTENT */
.trinetrix-floor-content {
  width: 60%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  position: relative;
  z-index: 1;
}

.trinetrix-floor-content h3 {
  font-size: 20px;
  color: var(--primary-dark);
}

.trinetrix-floor-content span {
  font-size: 14px;
  color: var(--text-muted);
}

/* BUTTON */
.trinetrix-btn {
  margin-top: 12px;
  display: inline-block;
  border: 1px solid var(--accent-gold);
  padding: 10px 20px;
  border-radius: 6px;
  color: var(--accent-gold);
  font-size: 14px;
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  pointer-events: none; /* keep full card clickable */
}

/* BUTTON FILL */
.trinetrix-btn::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  background: var(--accent-gold);
  left: 0;
  top: 0;
  transition: 0.3s ease;
  z-index: 0;
}

.trinetrix-btn span {
  position: relative;
  z-index: 1;
  transition: 0.3s ease;
}

/* HOVER EFFECTS */
.trinetrix-floor-card-link:hover .trinetrix-floor-card {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

.trinetrix-floor-card-link:hover img {
  transform: scale(1.05); /* NO BLUR CHANGE */
}

/* BUTTON HOVER */
.trinetrix-floor-card-link:hover .trinetrix-btn::before {
  width: 100%;
}

.trinetrix-floor-card-link:hover .trinetrix-btn,
.trinetrix-floor-card-link:hover .trinetrix-btn span {
  color: #fff;
}

/* ENTRY ANIMATION */
.trinetrix-floor-card {
  opacity: 0;
  transform: translateY(30px);
  animation: trinetrixFadeUp 0.8s ease forwards;
}

.trinetrix-floor-card-link:nth-child(2) .trinetrix-floor-card {
  animation-delay: 0.2s;
}

@keyframes trinetrixFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .trinetrix-floor-grid {
    grid-template-columns: 1fr;
  }

  .trinetrix-floor-card {
    flex-direction: column;
  }

  .trinetrix-floor-img {
    width: 100%;
    height: 200px;
  }

  .trinetrix-floor-content {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .trinetrix-floor-header h2 {
    font-size: 26px;
  }

  .trinetrix-floor-content h3 {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cd3bfa *//* =========================
   TRINETRIX AMENITIES
========================= */

.trnx-amenities-sec {
  padding: 90px 20px;
  background: var(--bg-soft);
  font-family: 'Poppins', sans-serif;
}

.trnx-amenities-container {
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.trnx-amenities-header {
  text-align: center;
  margin-bottom: 60px;
}

.trnx-amenities-header h2 {
  font-size: 34px;
  color: var(--primary-dark);
}

.trnx-amenities-header p {
  color: var(--accent-gold);
  letter-spacing: 2px;
  margin-top: 10px;
  font-size: 13px;
}

/* GRID */
.trnx-amenities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.trnx-amenity-card {
  background: #fff;
  backdrop-filter: blur(8px);
  border-radius: 16px;
  padding: 30px 20px;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
  border: 1px solid rgba(0,0,0,0.05);
}

/* ICON */
.trnx-icon {
  font-size: 28px;
  color: var(--accent-gold);
  margin-bottom: 15px;
  transition: 0.4s;
}

/* TITLE */
.trnx-amenity-card h4 {
  font-size: 16px;
  color: var(--primary-dark);
}

/* HOVER EFFECT */
.trnx-amenity-card::before {
  content: "";
  position: absolute;
  width: 0%;
  height: 0%;
  background: radial-gradient(circle, var(--accent-gold), transparent);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s ease;
  opacity: 0.15;
}

.trnx-amenity-card:hover::before {
  width: 200%;
  height: 200%;
}

.trnx-amenity-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.trnx-amenity-card:hover .trnx-icon {
  transform: scale(1.2) rotate(5deg);
  color: var(--accent-light);
}

/* ENTRY ANIMATION */
.trnx-amenity-card {
  opacity: 0;
  transform: translateY(30px);
  animation: trnxFadeUp 0.6s ease forwards;
}

.trnx-amenity-card:nth-child(2) { animation-delay: 0.1s; }
.trnx-amenity-card:nth-child(3) { animation-delay: 0.2s; }
.trnx-amenity-card:nth-child(4) { animation-delay: 0.3s; }
.trnx-amenity-card:nth-child(5) { animation-delay: 0.4s; }
.trnx-amenity-card:nth-child(6) { animation-delay: 0.5s; }
.trnx-amenity-card:nth-child(7) { animation-delay: 0.6s; }
.trnx-amenity-card:nth-child(8) { animation-delay: 0.7s; }

@keyframes trnxFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .trnx-amenities-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .trnx-amenities-grid {
    grid-template-columns: 1fr;
  }

  .trnx-amenities-header h2 {
    font-size: 26px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3da3e8 *//* =========================
   TRINETRIX ACCORDION STORY
========================= */

.trnx-story-sec {
  background: transparent;
  font-family: 'Poppins', sans-serif;
}

.trnx-story-container {
  max-width: 1300px;
  margin: auto;
}

/* HEADER */
.trnx-story-header {
  text-align: center;
  margin-bottom: 40px;
}

.trnx-story-header h2 {
  font-size: 30px;
  color: var(--accent-gold);
  font-weight: 500;
}

/* ACCORDION ROW */
.trnx-accordion {
  display: flex;
  gap: 10px;
  height: 420px;
}

/* CARD BASE */
.trnx-story-card {
  flex: 1;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s ease;
}

/* IMAGE */
.trnx-story-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease;
}

/* DEFAULT SHRINK EFFECT */
.trnx-accordion:hover .trnx-story-card {
  flex: 0.8;
}

/* ACTIVE EXPAND */
.trnx-accordion .trnx-story-card:hover {
  flex: 2;
}

/* OVERLAY */
.trnx-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;

  background: linear-gradient(
    to top,
    rgba(0,0,0,0.7),
    rgba(0,0,0,0.3),
    transparent
  );
}

/* TEXT */
.trnx-overlay h4 {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.trnx-overlay span {
  color: #fff;
  font-size: 18px;
  transition: 0.3s;
}

/* HOVER EFFECTS */
.trnx-story-card:hover img {
  transform: scale(1.08);
}

.trnx-story-card:hover .trnx-overlay span {
  transform: translateX(6px);
}

/* ENTRY ANIMATION */
.trnx-story-card {
  opacity: 0;
  transform: translateY(30px);
  animation: trnxFadeUp 0.7s ease forwards;
}

.trnx-story-card:nth-child(2) { animation-delay: 0.1s; }
.trnx-story-card:nth-child(3) { animation-delay: 0.2s; }
.trnx-story-card:nth-child(4) { animation-delay: 0.3s; }

@keyframes trnxFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   MOBILE = SLIDER
========================= */

@media (max-width: 768px) {

  .trnx-accordion {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    height: auto;
    scroll-snap-type: x mandatory;
  }

  .trnx-story-card {
    min-width: 260px;
    height: 320px;
    flex: unset;
    scroll-snap-align: start;
  }

  /* disable accordion effect */
  .trnx-accordion:hover .trnx-story-card,
  .trnx-accordion .trnx-story-card:hover {
    flex: unset;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3cd7d99 *//* =========================
   TRINETRIX HIGHLIGHTS V2
   (FULL SECTION CSS)
========================= */

.trnx-highlight-sec-v2 {
  padding: 60px 20px;
  background: var(--bg-soft);
}

.trnx-highlight-container-v2 {
  max-width: 1200px;
  margin: auto;
}

/* =========================
   HEADING
========================= */

.trnx-highlight-head-v2 {
  text-align: center;
  margin-bottom: 40px;
}

.trnx-highlight-head-v2 h2 {
  font-size: 36px;
  color: var(--primary-dark);
  margin-bottom: 10px;
}

.trnx-highlight-head-v2 p {
  color: var(--accent-gold);
  font-size: 14px;
  letter-spacing: 1px;
}

/* =========================
   IMAGE
========================= */

.trnx-highlight-image-v2 {
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 50px;
}

.trnx-highlight-image-v2 img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.6s ease;
}

/* IMAGE HOVER */
.trnx-highlight-image-v2:hover img {
  transform: scale(1.05);
}

/* =========================
   GRID LAYOUT
========================= */

.trnx-highlight-list-v2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

/* =========================
   CARD
========================= */

.trnx-highlight-item-v2 {
  padding: 22px;
  background: #ffffff;
  border-radius: 12px;
  border-left: 3px solid var(--accent-gold);
  transition: all 0.35s ease;
  cursor: pointer;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* HOVER EFFECT */
.trnx-highlight-item-v2:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  background: linear-gradient(to bottom, #ffffff, #fafafa);
}

/* TEXT */
.trnx-highlight-item-v2 h4 {
  font-size: 18px;
  color: var(--primary-dark);
  margin-bottom: 8px;
}

.trnx-highlight-item-v2 p {
  font-size: 14px;
  color: var(--text-muted);
  line-height: 1.6;
}

/* =========================
   MICRO ANIMATION (ENTRY)
========================= */

.trnx-highlight-item-v2 {
  opacity: 0;
  transform: translateY(20px);
  animation: trnxFadeUpV2 0.6s ease forwards;
}

/* STAGGER EFFECT */
.trnx-highlight-item-v2:nth-child(1) { animation-delay: 0.1s; }
.trnx-highlight-item-v2:nth-child(2) { animation-delay: 0.2s; }
.trnx-highlight-item-v2:nth-child(3) { animation-delay: 0.3s; }
.trnx-highlight-item-v2:nth-child(4) { animation-delay: 0.4s; }
.trnx-highlight-item-v2:nth-child(5) { animation-delay: 0.5s; }
.trnx-highlight-item-v2:nth-child(6) { animation-delay: 0.6s; }
.trnx-highlight-item-v2:nth-child(7) { animation-delay: 0.7s; }
.trnx-highlight-item-v2:nth-child(8) { animation-delay: 0.8s; }

@keyframes trnxFadeUpV2 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   RESPONSIVE
========================= */

/* TABLET */
@media (max-width: 992px) {
  .trnx-highlight-list-v2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .trnx-highlight-head-v2 h2 {
    font-size: 30px;
  }
}

/* MOBILE */
@media (max-width: 600px) {
  .trnx-highlight-list-v2 {
    grid-template-columns: 1fr;
  }

  .trnx-highlight-head-v2 h2 {
    font-size: 24px;
  }

  .trnx-highlight-item-v2 {
    padding: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-44bea37 *//* =========================
   TRINETRIX LOCATION SECTION
   (LIGHT THEME)
========================= */

.trnx-location-sec {
  padding: 100px 20px;
  background: var(--bg-soft);
}

.trnx-location-container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* =========================
   MAP IMAGE
========================= */

.trnx-location-map {
  flex: 1;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

/* IMAGE */
.trnx-location-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(2px);
  transform: scale(1.05);
  transition: 0.6s ease;
}

/* HOVER (keep blur) */
.trnx-location-map:hover img {
  transform: scale(1.1);
}

/* LIGHT OVERLAY */
.trnx-location-map::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.25);
}

/* =========================
   CTA BUTTON
========================= */

.trnx-map-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  padding: 14px 28px;
  border-radius: 30px;

  background: var(--accent-gold);
  color: #fff;
  text-decoration: none;
  font-weight: 500;

  z-index: 2;
  transition: 0.3s ease;
}

/* HOVER */
.trnx-map-btn:hover {
  transform: translate(-50%, -50%) scale(1.08);
  background: var(--accent-light);
  color: #fff;
}

/* =========================
   RIGHT CONTENT
========================= */

.trnx-location-content {
  flex: 1;
}

/* HEADER */
.trnx-location-head {
  border-left: 3px solid var(--accent-gold);
  padding-left: 15px;
  margin-bottom: 25px;
}

.trnx-location-head h2 {
  font-size: 32px;
  color: var(--primary-dark);
  margin-bottom: 5px;
}

.trnx-location-head p {
  color: var(--text-muted);
  font-size: 14px;
}

/* =========================
   LIST
========================= */

.trnx-location-list {
  list-style: none;
  padding: 0;
}

.trnx-location-list li {
  margin-bottom: 14px;
  font-size: 15px;
  color: var(--text-muted);
  line-height: 1.6;
  position: relative;
  padding-left: 18px;
}

/* BULLET */
.trnx-location-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  background: var(--accent-gold);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}

/* =========================
   MICRO ANIMATION
========================= */

.trnx-location-map,
.trnx-location-content {
  opacity: 0;
  transform: translateY(30px);
  animation: trnxLocFade 0.8s ease forwards;
}

.trnx-location-content {
  animation-delay: 0.2s;
}

@keyframes trnxLocFade {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {
  .trnx-location-container {
    flex-direction: column;
    gap: 30px;
  }

  .trnx-location-head h2 {
    font-size: 26px;
  }

  .trnx-map-btn {
    padding: 12px 22px;
    font-size: 14px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b45b3e *//* =========================
   TRINETRIX ABOUT SECTION
========================= */

.trnx-about-sec {
  padding: 100px 20px;
  background: var(--bg-soft);
  font-family: 'Poppins', sans-serif;
}

.trnx-about-container {
  max-width: 900px;
  margin: auto;
  text-align: center;
}

/* IMAGE */
.trnx-about-image {
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 30px;
}

.trnx-about-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: 0.6s ease;
}

/* IMAGE HOVER */
.trnx-about-image:hover img {
  transform: scale(1.05);
}

/* HEADING */
.trnx-about-heading h2 {
  font-size: 34px;
  color: var(--primary-dark);
  line-height: 1.3;
  margin-bottom: 20px;
}

/* CONTENT */
.trnx-about-content p {
  color: var(--text-muted);
  line-height: 1.7;
  margin-bottom: 15px;
}

/* CTA */
.trnx-about-cta {
  margin-top: 30px;
}

/* BUTTON */
.trnx-about-btn {
  display: inline-block;
  padding: 14px 30px;
  border-radius: 8px;
  background: var(--accent-gold);
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s ease;
}

/* 🔥 ZOOM ANIMATION */
.trnx-about-btn:hover {
  transform: scale(1.08);
  background: var(--accent-light);
  color: #fff;
}

/* ENTRY ANIMATION */
.trnx-about-image,
.trnx-about-heading,
.trnx-about-content,
.trnx-about-cta {
  opacity: 0;
  transform: translateY(30px);
  animation: trnxFadeUp 0.8s ease forwards;
}

.trnx-about-heading { animation-delay: 0.1s; }
.trnx-about-content { animation-delay: 0.2s; }
.trnx-about-cta { animation-delay: 0.3s; }

@keyframes trnxFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .trnx-about-heading h2 {
    font-size: 24px;
  }
}/* End custom CSS */