.logo-mobile img{
    /*margin-left:50px;*/
    max-width:150px!important;
}


@media (min-width: 1024px) {
 .menu-font a {
     font-size:18px;
 }
}


/*Target MacBook (Laptop screens)*/
@media (min-width: 1024px) and (max-width: 1440px) {
  /* Styles for smaller laptops / MacBook 13" */
  
  .menu-font a {
     font-size:18px;
 }
 
}


/*Larger MacBooks / Desktop screens*/
@media (min-width: 1441px) and (max-width: 1728px) {
  /* MacBook Pro 14"/16" */
  
  .menu-font a {
     font-size:20px;
 }
 
}


.whyus .whycard{
        /*background: #faf3e7;*/
    padding: 20px;
    border-radius: 20px;
    /*border: 1px solid #6d1f6042;*/
    border:1px solid #f5dbaf73;
}
    
    .whyus .whycard h4{
        font-size:20px!important;
        
    }
    
    
 .whyus .whycard {
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  transition: all 0.3s ease;
}

.whyus .whycard:hover {
  box-shadow: 0 12px 40px rgba(109, 31, 96, 0.18);
  transform: translateY(-6px);
}
    
    /*poup */
    
    /* Overlay */
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Box */
.modal-box {
  background: #fff;
  width: 100%;
  max-width: 420px;
  border-radius: 20px;
  padding: 28px;
  position: relative;
  animation: popup 0.35s ease;
}

/* Close */
.modal-close {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 38px;
  background: none;
  border: none;
  cursor: pointer;
}

/* Tabs */
.tab-header {
  position: relative;
  display: flex;
  background: #f6f6f6;
  border-radius: 14px;
  padding: 6px;
  margin-bottom: 20px;
}

.tab-btn {
  flex: 1;
  background: transparent;
  border: none;
  padding: 12px 0;
  font-weight: 600;
  font-size: 14px;
  color: #6d1f60;
  cursor: pointer;
  z-index: 1;
}

.tab-btn.active {
  color: #fff;
}

.tab-indicator {
  position: absolute;
  top: 6px;
  left: 6px;
  width: calc(50% - 6px);
  height: calc(100% - 12px);
  background: #6d1f60;
  border-radius: 12px;
  transition: transform 0.35s ease;
}

/* Move indicator */
.tab-header[data-active="commercial"] .tab-indicator {
  transform: translateX(100%);
}


/* Content */
.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* Form */
.consult-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.consult-form input {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.consult-form select {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
}


.submit-btn {
  margin-top: 10px;
  background: #6d1f60;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 999px;
  font-weight: bold;
  cursor: pointer;
}

@keyframes popup {
  from { transform: translateY(20px) scale(0.95); opacity: 0; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}


/*end*/
   
/*   .usp-card {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/


/*.usp-card::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 10px;*/
/*  right: 10px;*/

/*  width: 150px;      */
/*  height: 150px;*/

/*  background-image: url("assets/images/hhlogo.png"); */
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-position: left bottom;*/

/*  opacity: 0.05;          */
/*  filter: blur(0.4px);*/
 
          
/*  pointer-events: none; */
/*}*/


/*.section-watermark2 {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/*.section-watermark2::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 150px;*/
/*  right: -20px;*/

/*  width: 320px;*/
/*  height: 320px;*/

/*  background-image: url("assets/images/hhlogo.png");*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-position: left bottom;*/

  opacity: 0.05; /* very light */
/* filter: blur(0.4px);*/

/*  pointer-events: none;*/
/*  z-index: 0;*/
/*}*/


/*.section-watermark {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/

/*.section-watermark::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 150px;*/
/*  left: -20px;*/

/*  width: 320px;*/
/*  height: 320px;*/

/*  background-image: url("assets/images/hhlogo.png");*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-position: left bottom;*/

  /*opacity: 0.05;*/
/* filter: blur(0.4px);*/

/*  pointer-events: none;*/
/*  z-index: 0;*/
/*}*/

/* Keep section content above watermark */
/*.section-watermark > * {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/


/* BIG NUMBER */
.usp-number{
  display:block;
  font-size:54px;
  line-height:1;
  font-weight:800;
  color:#6d1f60;
  margin-bottom:12px;
}


    
    @media (max-width: 768px) {
        
 
        
  .mb-hide-btn .cta-btn {
    /*display: none!important;*/
  }

.logo-mobile img{
    /*margin-left:50px;*/
    max-width:120px!important;
}
  .whychoose .cta-text-main {
    font-size: 10px;
    text-align: center;
    padding: 0 0px;         /* keeps text inside screen */
  }
  
  .whychoose .cta-btn{
      width:auto!important;
      
  }
}

    



.td_tool_cta {
  position: fixed;
  right: 12px;
  top: 35%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 999;
}

/* TOOL ITEM */
.tool-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #6d1f60; /* PURPLE */
  
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

/* ICON */
.tool-item img {
  width: 26px;
  height: 26px;
  object-fit: contain;
}

/* HOVER EFFECT */
.tool-item:hover {
  transform: scale(1.08);
  background: #5a184f;
}

/* LABEL (DESKTOP HIDDEN) */
.tool-label {
  position: absolute;
  right: 65px;
  background: #6d1f60;
  color: #fff;
  font-size: 13px;
  padding: 6px 12px;
  border-radius: 6px;
  white-space: nowrap;

  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
}

/* SHOW LABEL ON HOVER */
.tool-item:hover .tool-label {
  opacity: 1;
  transform: translateX(0);
}

/*newnetflx like*/

.mobile-tool-bar{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:70px;
    background:#6d1f60;
    display:flex;
    justify-content:space-around;
    align-items:center;
    z-index:99;
    border-top:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    /*border-radius: 0px 0px 20px 20px;*/
}

.tool-nav-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:11px;
    gap:4px;
    transition:.3s;
}

.tool-nav-item img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.tool-nav-item:hover{
    color:#F7A31B;
    transform:translateY(-2px);
}

.tool-nav-item:hover img{
    transform:scale(1.1);
}

@media(min-width:768px){
    .mobile-tool-bar{
        display:none;
    }
}

@media(max-width:767px){
    #toolCta{
        display:none;
    }
}

@media (max-width:768px){
    
     .whyus .whycard h4{
        
        font-size: 0.875rem!important;
    line-height: 1.25rem;
    }

  /*.td_tool_cta{*/
  /*  position: fixed;*/
  /*  left: 50%;*/
  /*  bottom: 16px;*/
  /*  transform: translateX(-50%) translateY(120px);*/
  /*  opacity: 0;*/
  /*  visibility: hidden;*/
  /*  transition: transform .45s ease, opacity .45s ease;*/
  /*  z-index: 9999;*/
  /*}*/

  /*.td_tool_cta.show-tools{*/
  /*  transform: translateX(-50%) translateY(0);*/
  /*  opacity: 1;*/
  /*  visibility: visible;*/
  /*}*/

}

@media (max-width: 768px) {

/*  .td_tool_cta {*/
/*    bottom: 30px;*/
/*    top: auto;*/
/*    right: 0;*/
/*    left: 50%!important;*/
/*    transform: translateX(-50%);*/
/*    flex-direction: row;*/
/*    justify-content: space-around;*/
/*    background: #fff!important;*/
/*    padding: 10px 20px 30px 20px;*/
/*    border-radius: 10px;*/
/*   box-shadow: 0 10px 30px rgb(109 31 96);*/
/*   width: fit-content;*/
/*        justify-content: center;*/
/*         gap: 30px; */
/*        margin: auto;*/
/*    z-index: 99;*/
/*  }*/

/*  .tool-item {*/
/*      position: relative;*/
/*    flex-direction: column;*/
/*    background: #6d1f60;*/
/*    box-shadow: none;*/
/*    width: 50px;*/
/*    height: 50px;*/
  
/*    align-items: center;*/
/*    justify-content: center;*/
    /*border-radius: 10px!important;*/
/*  }*/

 
  
/*    .tool-label{*/
/*        position: absolute;*/
/*        top: 100%;*/
/*        left: 50%;*/
/*transform: translateX(-50%);*/
/*width: max-content;*/
/*text-align: center;*/
/*        opacity: 1;*/
/*        background: transparent;*/
/*        font-size: 15px;*/
/*        line-height: 1;*/
/*        color: #000;*/
/*        white-space: nowrap;*/
/*        margin-top: 6px;*/
/*        padding: 0;*/
/*    }*/
    
/*     .tool-item:hover .tool-label{*/
/*    opacity: 1;*/
/*    transform: translateX(-50%);*/
/*  }*/
    
}

@media (max-width: 767px) {

   

  
  
  /* Add separator */
.tool-item {
  position: relative;
  overflow: visible;
}

/* Line between items */
.tool-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  
  width: 5px;
  height: 30px;
  background: #6d1f60;   
  /*background: #fff;  */
}


  .tool-item img {
    width: 18px;
    height: 18px;
    /*margin-top: 10px;*/
  }
}

@media (max-width: 768px) {

/*  .td_tool_cta {*/
/*  top: 60%;*/

/*}*/
  .tool-toggle {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    display:none;
  }
  
  .why-heading h2 {
    font-size: 36px;
    line-height: 40px;
}

.hero-content h1{
            font-size: 36px!important;
        }
        
  
}
  
        /* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Custom scrollbar to match luxury feel */
        ::-webkit-scrollbar {
            width: 8px;
        }
        
        .menu-font a{
             font-family: "Libertinus Serif", serif!important;
        }

        ::-webkit-scrollbar-track {
            background: #f8f7f6;
        }

        ::-webkit-scrollbar-thumb {
            background: #d6d3cd;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #eead2b;
        }

        .font-bold{
            color:#F7A31B;
        }

        .hero-btn{
            background:#6d1f60;
            color:#fff;
        }

        .hero-content h1{
            /*font-size: 60px;*/
        }




/*
.cta-btn {
  transition: color 0.3s ease;
}

.cta-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  transition: transform 0.55s cubic-bezier(.22,1,.36,1);
  z-index: 0;
}

.cta-btn:hover::before {
  transform: translateX(-50%) scale(25);
}

.cta-text {
  transition:
    transform 0.45s cubic-bezier(.22,1.2,.36,1),
    color 0.35s ease;
}

.cta-btn:hover .cta-text {
  transform: translateY(-2px);
  color: #F7A31B;
}
*/


        /* Button base */
.cta-btn {
  position: relative;
  cursor: pointer;
  transition: color 0.35s ease;
}

/* Radial background spread */
.cta-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  transition: transform 0.65s cubic-bezier(.22,1,.36,1);
  z-index: 0;
}

/* Expand from bottom center */
.cta-btn:hover::before {
  transform: translateX(-50%) scale(28);
}

/* Text wrapper */
.cta-text-wrap {
  position: relative;
  height: 1.2em;
  overflow: hidden;
  display: block;
}

/* Text base */
.cta-text {
  display: block;
  transition:
    transform 0.45s cubic-bezier(.22,1.2,.36,1),
    color 0.35s ease;
}

/* First text */
.cta-text-main {
  transform: translateY(0);
}

/* Second text hidden below */
.cta-text-hover {
  position: absolute;
  left: 0;
  top: 100%;
  /*color: #F7A31B;*/
  color:#6d1f60;
}

/* Slide animation */
.cta-btn:hover .cta-text-main {
  transform: translateY(-100%);
}

.cta-btn:hover .cta-text-hover {
  transform: translateY(-100%);
}



.cta-btn:hover .cta-text2 {
  transform: translateY(-2px);
  color: #6d1f60;
  font-weight: 600;
}


/* Button base */
.cta-btn {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}

/* Radial background spread from bottom-center */
.cta-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  transition: transform 0.7s cubic-bezier(.22,1,.36,1);
  z-index: 0;
}

/* Expand background */
.cta-btn:hover::before {
  transform: translateX(-50%) scale(28);
}

/* Text wrapper */
.cta-text-wrap {
  position: relative;
  height: 1.4em;
  overflow: hidden;
}

/* Text base */
.cta-text {
  transition:
    transform 0.5s cubic-bezier(.22,1.2,.36,1),
    color 0.4s ease;
  white-space: nowrap;
}

/* Default state */
.cta-text-main {
  transform: translateY(0);
}

/* Hover text below */
.cta-text-hover {
  position: absolute;
  left: 0;
  top: 100%;
  color: #6d1f60;
}

/* Slide bottom → top */
.cta-btn:hover .cta-text-main {
  transform: translateY(-100%);
}

.cta-btn:hover .cta-text-hover {
  transform: translateY(-100%);
}



/*home interior page css*/

.workspaces-section {
  padding: 50px 0;
  background-color:white; /* soft luxury neutral */
  border-radius: 48px 48px 40px 40px;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.workspaces-content {
  /* max-width: 750px; */
  text-align: center;
  align-items: center;
}

.section-tag {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f7a31b; /* gold accent */
  margin-bottom: 20px;
  font-weight: 600;
  text-align: center;
}

.workspaces-content h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 600;
  color: #1a1a1a;
  margin-bottom: 30px;
  text-align: center;
}

.lead-text {
  font-size: 16px;
  line-height: 1.5;
  color: #444;
  margin-bottom: 10px;
  text-align: center;
}

.sub-text {
  font-size: 16px;
  color: #666;
  margin-bottom: 40px;
  text-align: center;
}



/* ===============================
   Responsive
================================== */

@media (max-width: 768px) {
  .workspaces-section {
    padding: 80px 0;
  }

  .workspaces-content h2 {
    font-size: 34px;
    text-align: left;
  }

  .lead-text {
    font-size: 18px;
    text-align: left;
  }

  .sub-text {
    font-size: 16px;
    text-align: left;
  }
  
  .workspaces-content .cta-btn-purple2{
      text-align: left;
  }
}


/*design section */

.office-design-section {
    padding: 90px 20px;
    text-align: center;
    border-radius: 48px 48px 40px 40px;
    background: #f8f6f3;
}

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

/* Heading */
.section-title {
    font-size: 36px;
    color: #1d1d1d;
    margin-bottom: 60px;
}

.section-title span {
    color: #f7a31b;
}


/* Hover Zoom */
.office-card:hover img {
    transform: scale(1.05);
}

.office-card {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 450px;
  display: flex;
  align-items: flex-end;   /* Push content to bottom */
}

.office-card img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  inset: 0;
  z-index: 1;
  transition: 0.4s ease;
}

.office-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 60%);
  z-index: 2;
}

.label {
  position: relative;
  z-index: 3;
  color: white;
  font-weight: 600;
  font-size: 20px;
  padding: 25px;
  line-height: 1.3;
}


/*end*/


/*considerations start*/


.premium-section {
    /* max-width: 1320px; */
      width: 100%;
      background-color: #ffffff;
      border-radius: 48px 48px 40px 40px;
      box-shadow: 0 30px 60px -15px rgba(18, 25, 45, 0.15), 0 15px 35px -10px rgba(0, 0, 0, 0.05);
      padding: 4rem 3.5rem;
      transition: all 0.2s ease;
    }

    /* header area */
    .section-header {
      margin-bottom: 3.5rem;
    }

    .section-header h2 {
      font-size: 2.4rem;
      font-weight: 600;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #1e2b3c 0%, #2b3d52 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin-bottom: 0.5rem;
    }

    .section-header .subhead {
      font-size: 1.2rem;
      font-weight: 400;
      color: #546e7a;
      line-height: 1.5;
      border-left: 4px solid #cbaa6b;
      padding-left: 1.5rem;
      margin-top: 0.25rem;
      max-width: 75%;
    }

    /* category grid – 4 columns */
    .category-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.8rem;
      margin-top: 2rem;
    }

    /* individual card */
    .category-card {
      background: #ffffff;
      border-radius: 28px;
      padding: 2rem 1.6rem 2rem 1.6rem;
      box-shadow: 0 10px 25px -8px rgba(0, 20, 30, 0.1), 0 4px 12px rgba(0, 0, 0, 0.02);
      transition: transform 0.25s ease, box-shadow 0.35s ease;
      border: 1px solid rgba(230, 236, 245, 0.6);
      backdrop-filter: blur(2px);
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .category-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 30px 45px -18px rgba(28, 52, 84, 0.25), 0 12px 28px -8px rgba(0, 35, 60, 0.15);
      border-color: rgba(203, 170, 107, 0.3);
    }

    /* card header with icon + title */
    .category-card .card-header {
      display: flex;
      align-items: center;
      gap: 0.8rem;
      margin-bottom: 1.8rem;
      border-bottom: 2px solid rgba(203, 170, 107, 0.25);
      padding-bottom: 1rem;
    }

   .category-card .card-header i {
      font-size: 2.2rem;
      width: 2.8rem;
      color: #6d1f60; /* premium muted gold */
      background: linear-gradient(145deg, #e9dbc9, #d8c5ab);
      -webkit-background-clip: text;
      background-clip: text;
      
      filter: drop-shadow(0 2px 4px rgba(170, 130, 70, 0.2));
    }

    .category-card .card-header h3 {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: -0.02em;
      color: #1f2c39;
      margin: 0;
      line-height: 1.2;
    }

    /* list styling – premium, clean */
    .category-card .feature-list2 {
      list-style: none;
      padding: 0;
      margin: 0;
      flex: 1;
    }


    .category-card .feature-list2 li {
  display: flex;
  align-items: center;
/*  background: #fff;*/
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 16px;
  color: #333;
/*  box-shadow: 0 4px 10px rgba(0,0,0,0.04);*/
  transition: all 0.3s ease;
}

/* Icon circle */
.category-card .feature-list2 li::before {
  content: "✔";
  min-width: 20px;
  height: 20px;
  margin-right: 10px;
  background: #6b2c6f;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}



   /* .category-card .feature-list2 li {
      display: flex;
      align-items: flex-start;
      gap: 0.8rem;
      margin-bottom: 1.1rem;
      font-size: 1rem;
      font-weight: 400;
      color: #2a3b4c;
      line-height: 1.4;
          font-family: "DM Sans", sans-serif;
    }

     .category-card .feature-list2 li i {
      font-size: 1rem;
      width: 1.4rem;
      margin-top: 0.15rem;
      color: #6d1f60;
      background: transparent;
     
      filter: none;
      flex-shrink: 0;
    }*/

    .category-card .feature-list2 li span {
      flex: 1;
    }

    /* small accent for scalability / future */
    .category-card .feature-list2 .strong-item {
      font-weight: 500;
      color: #1b2a36;
    }

    /* card footer extra — only for visual elegance (optional) */
    .category-card .card-footer-note {
      margin-top: 1.2rem;
      font-size: 0.8rem;
      color: #8c9aa8;
      letter-spacing: 0.3px;
      display: flex;
      align-items: center;
      gap: 0.4rem;
      border-top: 1px dashed rgba(128, 138, 158, 0.2);
      padding-top: 0.8rem;
    }

    .category-card .card-footer-note i {
      font-size: 0.8rem;
      color: #6d1f60;
    }



.category-card .card-footer-note span {
      font-size: 16px;
      color: #6d1f60;
    }


    /* responsive */
    @media screen and (max-width: 1100px) {
      .premium-section {
        padding: 3rem 2rem;
      }
      .category-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
      }
      .section-header .subhead {
        max-width: 100%;
      }
    }

    @media screen and (max-width: 700px) {
      .premium-section {
        padding: 2rem 1.5rem;
        border-radius: 36px;
      }
      .category-grid {
        grid-template-columns: 1fr;
      }
     
    }

    /* subtle divider glow */
    .category-card::after {
      content: '';
      display: block;
      height: 4px;
      width: 50px;
      background: linear-gradient(90deg, #f7a31b, #f7a31b);
      border-radius: 4px;
      margin-top: 1rem;
      opacity: 0.5;
      transition: width 0.2s ease, opacity 0.2s;
    }

    .category-card:hover::after {
      width: 70px;
      opacity: 1;
    }

/*    end*/



.commercial-calculator-new {
  padding: 100px 20px;
  background: linear-gradient(180deg, #fff7ee, #fff);
}

.calc-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  gap: 60px;
  align-items: center;
}

/* LEFT */
.calc-left h2 {
/*  font-size: 42px;*/
/*  line-height: 1.2;*/
  margin: 20px 0;
}

.calc-left h2 span {
  color: #f5a623;
}

.calc-left p {
  color: #555;
  margin-bottom: 25px;
}

.calc-left ul li {
  margin-bottom: 10px;
  font-weight: 500;
}

/* CENTER CARD */
.calc-preview {
  display: flex;
  justify-content: center;
}

.preview-card {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  width: 100%;
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
  animation: float 4s ease-in-out infinite;
}

.preview-row {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}

.preview-row.highlight {
  color: #6d1f60;
  font-size: 18px;
}

.preview-bar {
  height: 6px;
  border-radius: 10px;
  background: linear-gradient(90deg, #6d1f60, #f5a623);
  margin-top: 20px;
}

/* RIGHT */
.calc-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 32px;
  background: #6d1f60;
  color: #fff;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
}

.calc-btn:hover {
  background: #501648;
}

.calc-note {
  margin-top: 12px;
  font-size: 14px;
  color: #777;
}

/* FLOAT ANIMATION */
@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}



/* RESPONSIVE */
@media(max-width: 768px) {
    .industries-grid {
        grid-template-columns: 1fr;
    }
    
 
.calc-grid {
   
    grid-template-columns: 1fr;
   
}

}



/*trusted section */

.trusted-strip {
  background: #fff;
  padding: 40px 20px;
}

.trusted-strip .container {
  /*max-width: 1300px;*/
  margin: auto;
}

/* ONE ROW */
.trusted-row {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
}

/* Trusted By text */
.trusted-label {
  font-size: 20px;
  font-weight: 800;
  color: #777;
  white-space: nowrap;
}

/* Horizontal line */
.trusted-line {
  flex: 1;
  height: 1px;
  background: #ddd;
  min-width: 80px;
}

/* Names */
.trusted-names {
  display: flex;
  align-items: center;
  gap: 40px;
  white-space: nowrap;
}

.trusted-names span {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  opacity: 0.75;
  transition: all 0.3s ease;
}

.trusted-names span:hover {
  opacity: 1;
  transform: translateY(-2px);
}


@media (max-width: 768px) {

  .trusted-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }

  .trusted-label {
    font-size: 18px;
  }

  .trusted-line {
    width: 100%;
    flex: unset;
  }

  .trusted-names {
    flex-wrap: wrap;
    gap: 15px 25px;
    white-space: normal;
  }

  .trusted-names span {
    font-size: 16px;
  }
}

/*end*/


/*show flats grid*/

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

.grid-item {
  grid-column: span 1;
}

.grid-item.large {
  grid-column: span 2;
}

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

  .grid-item.large {
    grid-column: span 2;
  }
}

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

  .grid-item.large {
    grid-column: span 1;
  }
}

/*end */


/*about page*/

.facts-container{
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}

.fact-card{
  padding:25px;
  width:250px;
  text-align:center;
  border-radius:16px;
  background:#fff;
  position:relative;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.3s;
}

.fact-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:16px;
  padding:2px;
  background:linear-gradient(45deg,#ff7a18,#8e44ad);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.fact-card:hover{
  transform:translateY(-8px);
}

.fact-card h2{
  font-size:32px;
  color:#333;
}

.fact-card p{
  font-size:20px;
}

.icon img{
  margin: auto;
  margin-bottom:10px;
}

/* 📱 Tablet (≤ 992px) */
@media (max-width: 992px){
  .facts-container{
    gap:15px;
  }

  .fact-card{
    width:45%; /* 2 per row */
    padding:20px;
  }

  .fact-card h2{
    font-size:28px;
  }
  
  .fact-card p{
  font-size:16px;
}


}



@media (max-width: 600px){
  .facts-container{
    grid-template-columns: repeat(2, 1fr);
  }

  /* Reset any previous full-width rule */
  .fact-card:last-child{
    grid-column: auto;
  }

  /* 👇 Center last card */
  .fact-card:nth-child(5){
    grid-column: 1 / -1;   /* take full row */
    justify-self: center;  /* center horizontally */
    width: 80%;            /* control size */
  }
}


/*end*/


.about-section{
  padding:60px 20px;
  background:#f9f9f9;
}

.about-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  max-width:1200px;
  margin:auto;
}

/* TEXT */
.about-text{
  flex:1;
  max-width:550px;
}

.about-text h2{
  /*font-size:34px;*/
  /*margin-bottom:15px;*/
  /*color:#333;*/
}

.about-text p{
  color:#555;
  line-height:1.7;
  margin-bottom:15px;
  text-align: justify;
}

.highlight{
  font-weight:600;
  color:#8e44ad;
}

/* IMAGE */
.about-image{
  flex:1;
}

.about-image img{
  width:100%;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* 📱 Tablet */
@media (max-width: 992px){
  .about-container{
    flex-direction:column;
    text-align:center;
  }

  .about-text{
    max-width:100%;
  }
}

/* 📱 Mobile */
@media (max-width: 600px){
  .about-section{
    padding:40px 15px;
  }

  .about-text h2{
    /*font-size:26px;*/
  }

  .about-text p{
    font-size:16px;
  }
}


/*award section*/

.award-section{
  padding:60px 20px;
  text-align:center;
}

.award-title{
  font-size:32px;
  /*margin-bottom:10px;*/
}

.award-title span{
  color:#ff7a18;
}

.award-sub{
  color:#666;
  margin-bottom:40px;
}

/* SLIDER LAYOUT */
.award-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  max-width:1100px;
  margin:auto;
}

/* IMAGE */
.award-img img{
  width:100%;
  max-width:500px;
  border-radius:20px;
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

/* CONTENT CARD */
.award-content{
  background:#fff;
  padding:25px;
  border-radius:16px;
  text-align:left;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  max-width:450px;
}

.award-content h3{
  margin-bottom:10px;
  color:#333;
}

.award-content p{
  color:#555;
  line-height:1.6;
}

/* 📱 MOBILE */
@media (max-width:768px){
  .award-slide{
    flex-direction:column;
  }

  .award-content{
    text-align:center;
  }
}

.award-slide{
  transition:0.5s;
}

.award-slide:hover{
  transform:translateY(-5px);
}


.award-wrapper{
  display:flex;
  gap:40px;
  align-items:center;
  max-width:1100px;
  margin:auto;
}

/* LEFT SLIDER */
.award-slider{
  flex:1;
  overflow:hidden;
  border-radius:16px;
  position:relative;
}

.award-track{
  display:flex;
  transition:0.5s ease;
}

.award-track img{
  width:100%;
  min-width:100%;
  border-radius:16px;
}

/* RIGHT CONTENT */
.award-content{
  flex:1;
}

.award-content h3{
  margin-bottom:10px;
}

/* DOTS */
.dots{
  text-align:center;
  margin-top:10px;
}

.dots span{
  display:inline-block;
  width:10px;
  height:10px;
  background:#ccc;
  border-radius:50%;
  margin:5px;
  cursor:pointer;
}

.dots .active{
  background:#ff7a18;
}

/* MOBILE */
@media (max-width:768px){
  .award-wrapper{
    flex-direction:column;
  }
}

/*end*/


/*contact page css*/

/* =========================
MODERN CONTACT SECTION
========================= */

.contact-hero{
    padding:100px 0;
    background:#f7f4f1;
    position:relative;
    overflow:hidden;
}

.contact-hero::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:#6d1f60;
    opacity:.05;
    top:-250px;
    right:-250px;
}

.contact-heading{
    text-align:center;
    /*max-width:750px;*/
    margin:auto;
    margin-bottom:60px;
    position:relative;
    z-index:2;
}

.sub-tag{
    display:inline-block;
    background:#6d1f60;
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:13px;
    letter-spacing:1px;
    margin-bottom:20px;
}

/*.contact-heading h2{*/
/*    font-size:55px;*/
/*    line-height:1.2;*/
/*    color:#222;*/
/*    margin-bottom:20px;*/
/*    font-weight:700;*/
/*}*/

/*.contact-heading h2 span{*/
/*    color:#f4a024;*/
/*}*/

.contact-heading p{
    font-size:16px;
    color:#666;
    line-height:1.8;
}

.contact-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    position:relative;
    z-index:2;
}

.info-card{
    background:#fff;
    padding:45px 35px;
    border-radius:30px;
    text-align:center;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
}

.info-card::before{
    content:'';
    position:absolute;
    width:100%;
    height:0;
    background:#6d1f60;
    left:0;
    bottom:0;
    transition:.5s;
    z-index:-1;
}

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

.info-card:hover{
    transform:translateY(-10px);
}

.info-card .icon{
    width:85px;
    height:85px;
    margin:auto;
    margin-bottom:25px;
    border-radius:24px;
    background:#fff4e4;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    color:#f4a024;
    transition:.4s;
}

.info-card h4{
    font-size:26px;
    margin-bottom:15px;
    color:#222;
    transition:.4s;
}

.info-card p{
    color:#666;
    line-height:1.8;
    font-size:16px;
    transition:.4s;
}

.card-arrow{
    width:50px;
    height:50px;
    background:#f7f7f7;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-top:25px;
    color:#6d1f60;
    transition:.4s;
}

.info-card:hover h4,
.info-card:hover p,
.info-card:hover .card-arrow{
    color:#fff;
}

.info-card:hover .card-arrow{
    background:#f4a024;
}

.info-card:hover .icon{
    transform:rotateY(180deg);
}

/* RESPONSIVE */

@media(max-width:991px){

    .contact-cards{
        grid-template-columns:1fr;
    }

    .contact-heading h2{
        /*font-size:42px;*/
    }

}

@media(max-width:576px){

    .contact-hero{
        padding:70px 0;
    }

    .contact-heading h2{
        /*font-size:32px;*/
    }

    .info-card{
        padding:35px 25px;
    }

}
/* PROCESS */

.contact-bottom{
    padding:80px 0;
    background:#fff;
}

.process-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-bottom:50px;
}

.process-card{
    background:#f9f9f9;
    padding:35px;
    border-radius:24px;
    position:relative;
    transition:.4s;
}

.process-card:hover{
    transform:translateY(-8px);
    background:#6d1f60;
}

.process-card:hover h4,
.process-card:hover p,
.process-card:hover span{
    color:#fff;
}

.process-card span{
    font-size:55px;
    font-weight:700;
    color:#f4a024;
    opacity:.3;
    display:block;
    margin-bottom:10px;
}

.process-card h4{
    font-size:22px;
    margin-bottom:12px;
}

.process-card p{
    color:#666;
    line-height:1.7;
}

.map-box{
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

/* RESPONSIVE */

@media(max-width:991px){

    .contact-top{
        grid-template-columns:1fr;
    }

    .contact-left h1{
        font-size:42px;
    }

    .process-wrapper{
        grid-template-columns:1fr;
    }
}

@media(max-width:576px){

    .contact-hero{
        padding:70px 0;
    }

    .contact-left h1{
        font-size:34px;
    }

    .form-box{
        padding:30px 20px;
    }

    .info-card{
        padding:18px;
    }
}

/*end*/


/*why holla homes*/

.why-values-section{
    padding:80px 0;
    background:#f7f5f8;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.why-card{
    background:#fff;
    padding:45px 35px;
    border-radius:28px;
    text-align:center;
    transition:0.4s ease;
    position:relative;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

.why-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#6d1f60;
    transform:scaleX(0);
    transition:0.4s;
}

.why-card:hover::before,
.why-card.active::before{
    transform:scaleX(1);
}

.why-card:hover{
    transform:translateY(-10px);
}

.icon-box{
    width:80px;
    height:80px;
    margin:auto;
    margin-bottom:25px;
    border-radius:50%;
    background:rgba(109,31,96,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
}

.icon-box i{
    font-size:34px;
    color:#6d1f60;
}

.why-card h3{
    font-size:20px;
    font-weight:700;
    color:#6d1f60;
    margin-bottom:18px;
}

.why-card p{
    font-size:16px;
    line-height:1.8;
    color:#666;
}

@media(max-width:991px){

    .why-grid{
        grid-template-columns:1fr;
    }

}


/*why page process*/

.process-section{
    padding:90px 0;
    background:#f8f7fb;
    position:relative;
    overflow:hidden;
}

.section-title{
    text-align:center;
    /*max-width:750px;*/
    margin:auto;
    margin-bottom:70px;
}

/*.section-title span{*/
/*    color:#f59b1a;*/
/*    font-size:15px;*/
/*    font-weight:600;*/
/*    letter-spacing:2px;*/
/*    display:block;*/
/*    margin-bottom:15px;*/
/*}*/

/*.section-title h2{*/
/*    font-size:48px;*/
/*    font-weight:700;*/
/*    color:#1f1f1f;*/
/*    margin-bottom:20px;*/
/*    line-height:1.2;*/
/*}*/

.section-title p{
    font-size:16px;
    line-height:30px;
    color:#666;
}

.process-wrapper{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
}

.process-card{
    background:#fff;
    padding:45px 30px;
    border-radius:24px;
    text-align:center;
    position:relative;
    transition:0.4s;
    box-shadow:0 10px 35px rgba(0,0,0,0.06);
    overflow:hidden;
}

.process-card:hover{
    transform:translateY(-10px);
}


.process-card:hover h3{
    color:#fff;
}


.process-card:hover .process-number{
    color:#fff;
}

.process-number{
    position:absolute;
    top:20px;
    right:25px;
    font-size:55px;
    font-weight:800;
    color:rgba(111, 31, 96, 0.08);
}

.process-icon{
    width:95px;
    height:95px;
    background:#f7eff6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:25px;
}

.process-icon img{
    width:48px;
}

.process-card h3{
    font-size:24px;
    margin-bottom:15px;
    color:#2d2d2d;
}

.process-card p{
    font-size:15px;
    line-height:28px;
    color:#666;
}

@media(max-width:991px){

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

    .section-title h2{
        /*font-size:38px;*/
    }
}

@media(max-width:767px){

    .process-wrapper{
        grid-template-columns:1fr;
    }

    .section-title h2{
        /*font-size:30px;*/
    }

    .process-card{
        padding:40px 25px;
    }
}


/*compare section */


.hh-compare-section{
    padding:100px 0;
    background:#ffffff;
}

.hh-title{
    text-align:center;
    margin-bottom:70px;
}

/*.hh-title span{*/
/*    color:#f59b1a;*/
/*    font-size:15px;*/
/*    font-weight:600;*/
/*    letter-spacing:2px;*/
/*    display:block;*/
/*    margin-bottom:15px;*/
/*}*/

/*.hh-title h2{*/
/*    font-size:50px;*/
/*    color:#1e1e1e;*/
/*    font-weight:700;*/
/*}*/

.hh-compare-wrapper{
    display:flex;
    flex-direction:column;
    gap:40px;
}

.hh-item{
    display:grid;
    grid-template-columns:220px 1fr;
    gap:35px;
    align-items:center;
}

.hh-step{
    background:#6d1f60;
    border-radius:30px;
    padding:40px 25px;
    color:#fff;
    text-align:center;
    position:relative;
    overflow:hidden;
}

.hh-step span{
    font-size:70px;
    font-weight:800;
    opacity:0.15;
    line-height:1;
    display:block;
    margin-bottom:15px;
}

.hh-step h3{
    font-size:20px;
    margin:0;
}

.hh-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.hh-box{
    border-radius:30px;
    padding:30px;
    position:relative;
    overflow:hidden;
}

.hh-good{
    background:#f6eff8;
    border:2px solid rgba(109,31,96,0.1);
}

.hh-bad{
    background:#fafafa;
    border:2px solid rgba(0,0,0,0.05);
}

.top-label{
    display:inline-block;
    padding:10px 22px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:25px;
}

.hh-good .top-label{
    background:#6d1f60;
    color:#fff;
}

.hh-bad .top-label{
    background:#ececec;
    color:#444;
}

.hh-box ul{
    padding:0;
    margin:0;
    list-style:none;
}

.hh-box ul li{
    position:relative;
    padding-left:35px;
    margin-bottom:18px;
    font-size:16px;
    color:#444;
    line-height:28px;
}

.hh-good ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#6d1f60;
    color:#fff;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.hh-bad ul li::before{
    content:"✕";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#efefef;
    color:red;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media(max-width:991px){

    .hh-item{
        grid-template-columns:1fr;
    }

    .hh-content{
        grid-template-columns:1fr;
    }

    .hh-title h2{
        /*font-size:38px;*/
    }
}

@media(max-width:767px){

    .hh-title h2{
        /*font-size:30px;*/
    }

    .hh-step,
    .hh-box{
        padding:30px 25px;
    }
}


/*trust section*/


.hh-trust-modern{
    padding:100px 20px;
    background:#f8f6f8;
    overflow:hidden;
}

.trust-wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:center;
}

.sub-title{
    font-size:14px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#f59b23;
    font-weight:600;
}

/*.trust-left h2{*/
/*    font-size:54px;*/
/*    line-height:1.15;*/
/*    margin:18px 0 20px;*/
/*    color:#111;*/
/*    font-weight:700;*/
/*}*/

/*.trust-left h2 span{*/
/*    color:#6d1f60;*/
/*}*/

.trust-left p{
    color:#666;
    line-height:1.9;
    font-size:16px;
    margin-bottom:30px;
}

.trust-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 34px;
    border-radius:60px;
    background:#6d1f60;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.trust-btn:hover{
    background:#521748;
}

.trust-right{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.trust-card{
    background:#fff;
    border-radius:28px;
    padding:35px;
    transition:.4s;
    border:1px solid #eee;
    position:relative;
    overflow:hidden;
}

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

.trust-card.active{
    /*background:#6d1f60;*/
}

.trust-card.active h3,
.trust-card.active p{
    /*color:#fff;*/
}

.trust-card .icon-box{
    width:100px;
    height:100px;
    border-radius:24px;
    background:#f8f2f7;
    display:flex;
    align-items:center;
    justify-content:center;
    /*margin-bottom:25px;*/
    margin:unset;
}

.trust-card.active .icon-box{
    /*background:rgba(255,255,255,0.12);*/
}

.trust-card .icon-box img{
    width:80px;
}

.trust-card h3{
    font-size:24px;
    margin-bottom:12px;
    color:#111;
}

.trust-card p{
    color:#666;
    line-height:1.7;
    margin:0;
}

/* MOBILE */
@media(max-width:991px){

    .trust-wrapper{
        grid-template-columns:1fr;
    }

    .trust-left h2{
        /*font-size:38px;*/
    }

}

@media(max-width:768px){

    .trust-right{
        grid-template-columns:1fr;
    }

}





.blog-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.blog-date{
  font-size:16px;
  color:#fff;
  font-weight:500;
  letter-spacing:0.5px;
  background:#6d1f60;
  padding: 8px;
  border-radius: 6px;
}

@media(max-width:768px){

  .blog-meta{
    flex-wrap:wrap;
    gap:6px;
  }

  .blog-date{
    font-size:11px;
  }

}