/**  * Phase M2 – Homepage UI & UX CSS Optimizations  * Improves spacing, typography hierarchy, card readability,  * and visual polish without changing the Xamin theme structure.  * STAGING ONLY  */  /* Tighten oversized section headings */ .iq-title {     letter-spacing: -0.3px;     line-height: 1.25 !important; }  /* Improve paragraph readability */ .iq-title-desc, .fancy-box-content p, .slider-desc {     line-height: 1.7 !important;     color: #4a5568 !important; }  /* Make card titles sharper */ .iq-fancy-title {     font-size: 17px !important;     font-weight: 600 !important;     letter-spacing: -0.2px;     line-height: 1.3 !important; }  /* Button visibility fixes targeting specific widgets */ .home .elementor-widget-xamin_button.elementor-element-a5191e4 {     display: none !important; }   /* Client Logos */ .iq-client .iq-client-img img {     filter: grayscale(40%);     opacity: 0.8;     transition: filter 0.3s ease, opacity 0.3s ease; }  .iq-client .iq-client-img img:hover {     filter: grayscale(0%);     opacity: 1; }  /* Expertise Cards */ .iq-fancy-box.iq-fancy-box-style-4 {     padding: 28px 20px !important;     border-radius: 10px;     border: 1px solid #e8ecf0;     transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; }  .iq-fancy-box.iq-fancy-box-style-4:hover {     border-color: #0a4181;     box-shadow: 0 8px 28px rgba(10, 65, 129, 0.1);     transform: translateY(-3px); }  /* Process Cards */ .iq-fancy-box.iq-fancy-box-style-3 {     padding: 24px 18px !important;     border-radius: 8px;     border: 1px solid #edf0f4;     background: #fafbfc;     transition: border-color 0.3s ease, box-shadow 0.3s ease; }  .iq-fancy-box.iq-fancy-box-style-3:hover {     border-color: #0a4181;     box-shadow: 0 6px 20px rgba(10, 65, 129, 0.08);     background: #fff; }  /* Testimonials */ #reviews .iq-testimonial .iq-testimonial-info {     min-height: auto !important;     padding: 24px !important;     border-radius: 10px;     border: 1px solid #e8ecf0;     background: #fff;     transition: box-shadow 0.3s ease; }  #reviews .iq-testimonial .iq-testimonial-info:hover {     box-shadow: 0 6px 20px rgba(10, 65, 129, 0.08); }  .xamin-post-ratings i.fa-star {     color: #f59e0b !important; }  .iq-testimonial-content p {     font-size: 14px !important;     line-height: 1.75 !important;     color: #374151 !important; }  .iq-lead {     font-size: 15px !important;     font-weight: 600 !important;     color: #0a4181 !important; }  /* Portfolio */ .iq-portfolio {     border-radius: 10px;     overflow: hidden;     transition: transform 0.3s ease, box-shadow 0.3s ease; }  .iq-portfolio:hover {     transform: translateY(-4px);     box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12); }  /* Removed global Elementor section mobile adjustments */ /* Phase M2.3 - Popup Optimizations */ .pum-overlay {     opacity: 0.6 !important; }  .pum-container {     max-width: 800px !important;     /* Slightly reduce width for a tighter enterprise feel */ }  .akratech-form-group {     margin-bottom: 15px; }  .akratech-form-group label {     display: block;     font-weight: 600;     margin-bottom: 5px;     font-size: 14px;     color: #333; }  .akratech-trust-signals {     list-style: none;     padding-left: 0;     margin-top: 20px; }  .akratech-trust-signals li {     font-size: 14px;     margin-bottom: 8px;     color: #4a5568;     display: flex;     align-items: center; }  .akratech-form-submit-group {     text-align: center;     margin-top: 20px; }  .akratech-reassurance {     display: block;     margin-top: 8px;     font-size: 12px;     color: #718096; }  @media (max-width: 768px) {     .pum-container {         max-height: 90vh !important;         overflow-y: auto !important;     } }  /* Phase M2.4 - Homepage Hero Banner Optimizations */ /* Ensure the subheadline doesn't stretch across the entire screen */ #slider-87-slide-97-layer-3 {     max-width: 600px !important;     white-space: normal !important;     line-height: 1.6 !important; }  /* Remove the duplicate Elementor CTA button below the slider */ .home .elementor-section.elementor-top-section:first-of-type .banner-button {     display: none !important; }  /* Phase M2.5 - AkraTech KPI Strip Custom Styles */ .elementor-element-21be7b7 {     margin-bottom: 1.5rem !important;     padding-top: 1.1rem !important;     padding-bottom: 1.1rem !important; }  .elementor-element-21be7b7 .elementor-container {     display: flex;     align-items: stretch; }  .elementor-element-21be7b7 .elementor-column, .elementor-element-21be7b7 .elementor-inner-section {     background: transparent !important;     border: none !important;     box-shadow: none !important;     transform: none !important;     transition: none !important; }  .elementor-element-21be7b7 .elementor-widget-wrap {     width: 100%;     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-start;     padding: 0 0.5rem !important;     background: transparent;     border: none;     box-shadow: none;     position: relative; }  .elementor-element-21be7b7 .elementor-widget-image {     display: flex;     justify-content: center;     align-items: center;     margin-bottom: 0.2rem !important; }  .elementor-element-21be7b7 .elementor-widget-image img {     width: 2.3rem;     height: 2.3rem;     object-fit: contain; }  .elementor-element-21be7b7 .elementor-widget-counter {     width: 100%;     text-align: center; }  .elementor-element-21be7b7 .elementor-counter-number-wrapper {     font-weight: 800 !important;     font-size: 2.4rem;     color: #0a4181;     line-height: 1.1;     justify-content: center; }  .elementor-element-21be7b7 .elementor-counter-title {     font-size: 0.55rem;     font-weight: 500;     color: #64748b;     text-transform: uppercase;     letter-spacing: 0.05em;     line-height: 1.3;     margin-top: 0.2rem !important;     min-height: 1.5rem;     text-align: center;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical;     overflow: hidden; }  @media (min-width: 768px) {     .elementor-element-21be7b7 .elementor-column:not(:last-child) .elementor-widget-wrap::after {         content: '';         position: absolute;         right: 0;         top: 20%;         height: 60%;         width: 1px;         background-color: #e2e8f0;     } }