/* =========================================================
   NICE INDIA PACKERS AND MOVERS
   COMPLETE RESPONSIVE HOMEPAGE STYLESHEET
========================================================= */

:root {
    --nip-navy: #123b66;
    --nip-navy-dark: #082747;
    --nip-navy-light: #1b4d7e;
    --nip-orange: #f58220;
    --nip-orange-dark: #df6b0c;
    --nip-green: #159447;
    --nip-white: #ffffff;
    --nip-text: #5d6878;
    --nip-heading: #122e4e;
    --nip-light: #f4f7fb;
    --nip-border: #e2e9f1;
    --nip-container: 1250px;
}

/* BASE */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    margin: 0;
    overflow-x: hidden;
    color: var(--nip-heading);
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
}

img {
    display: block;
    max-width: 100%;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select {
    font: inherit;
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 3px solid rgba(245, 130, 32, .55);
    outline-offset: 3px;
}

.nip-container {
    width: min(var(--nip-container), calc(100% - 48px));
    margin-inline: auto;
}

.nip-section {
    padding: 86px 0;
}

.nip-section-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nip-orange-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.7px;
    line-height: 1.5;
}

.nip-section-title {
    margin: 0;
    color: var(--nip-navy);
    font-size: clamp(30px, 3.4vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.nip-section-title span {
    color: var(--nip-orange);
}

.nip-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.nip-section-heading > p {
    max-width: 680px;
    margin: 14px auto 0;
    color: var(--nip-text);
    font-size: 13px;
    line-height: 1.9;
}

/* =========================================================
   TOP BAR
========================================================= */

.nip-topbar,
.nip-topbar * {
    box-sizing: border-box;
}

.nip-topbar {
    position: relative;
    z-index: 1003;
    width: 100%;
    color: #eaf1f8;
    background: var(--nip-navy-dark);
}

.nip-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: min(var(--nip-container), calc(100% - 48px));
    min-height: 40px;
    margin-inline: auto;
}

.nip-topbar-left,
.nip-topbar-right {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
}

.nip-topbar-left > a,
.nip-topbar-note,
.nip-topbar-phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #eaf1f8;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
}

.nip-topbar-left i,
.nip-topbar-note i {
    color: var(--nip-orange);
    font-size: 12px;
}

.nip-topbar-left a:hover,
.nip-topbar-phone:hover {
    color: #ffb56e;
}

.nip-topbar-note {
    color: #cad6e4;
}

.nip-topbar-phone {
    font-weight: 750;
}

.nip-topbar-phone i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    height: 23px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 50%;
    font-size: 10px;
}

.nip-topbar-quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    gap: 9px;
    min-height: 40px;
    padding: 0 17px;
    color: #fff !important;
    background: var(--nip-orange);
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
    transition: background .25s ease;
}

.nip-topbar-quote:hover {
    color: #fff !important;
    background: var(--nip-orange-dark);
}

/* =========================================================
   HEADER / NAVBAR
   Reset all list bullets and conflicting theme styles.
========================================================= */

.nip-header,
.nip-header * {
    box-sizing: border-box;
}

.nip-header {
    position: sticky;
    top: 0;
    z-index: 1002;
    width: 100%;
    background: rgba(255, 255, 255, .99);
    border-bottom: 1px solid rgba(18, 59, 102, .08);
    box-shadow: 0 4px 18px rgba(18, 59, 102, .05);
}

.nip-header ul,
.nip-header li,
.nip-navigation ul,
.nip-navigation li {
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.nip-header li::marker,
.nip-navigation li::marker {
    content: "";
    font-size: 0;
}

.nip-header li::before,
.nip-header li::after,
.nip-nav-list > li::before,
.nip-nav-list > li::after {
    display: none !important;
    content: none !important;
}

.nip-header a,
.nip-navigation a {
    text-decoration: none !important;
}

.nip-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: min(var(--nip-container), calc(100% - 48px));
    min-height: 82px;
    margin-inline: auto;
}

/* LOGO */

.nip-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 225px;
    width: 225px;
    min-width: 0;
    max-width: 225px;
    overflow: hidden;
}

.nip-logo img {
    display: block;
    width: 100%;
    max-width: 215px;
    height: 66px;
    max-height: 66px;
    margin: 0;
    padding: 0;
    object-fit: contain;
    object-position: left center;
    border: 0;
}

/* DESKTOP MENU */

.nip-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

.nip-nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.nip-nav-list > li {
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.nip-nav-link,
.nip-dropdown-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    margin: 0;
    padding: 0 12px;
    color: var(--nip-heading) !important;
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
    transition: color .2s ease, background .2s ease;
}

.nip-nav-link > i,
.nip-dropdown-toggle > i:first-child {
    color: #718096;
    font-size: 12px;
    transition: color .2s ease;
}

.nip-nav-link::after,
.nip-dropdown-toggle::after {
    position: absolute;
    right: 12px;
    bottom: 3px;
    left: 12px;
    height: 3px;
    background: var(--nip-orange);
    border-radius: 5px;
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s ease;
}

.nip-nav-link:hover,
.nip-nav-link.nip-active,
.nip-dropdown-toggle:hover,
.nip-dropdown.nip-dropdown-open > .nip-dropdown-toggle {
    color: var(--nip-orange-dark) !important;
    background: transparent;
}

.nip-nav-link:hover > i,
.nip-nav-link.nip-active > i,
.nip-dropdown-toggle:hover > i:first-child,
.nip-dropdown.nip-dropdown-open > .nip-dropdown-toggle > i:first-child {
    color: var(--nip-orange);
}

.nip-nav-link:hover::after,
.nip-nav-link.nip-active::after,
.nip-dropdown:hover > .nip-dropdown-toggle::after,
.nip-dropdown:focus-within > .nip-dropdown-toggle::after,
.nip-dropdown.nip-dropdown-open > .nip-dropdown-toggle::after {
    transform: scaleX(1);
}

/* DROPDOWN */

.nip-dropdown-toggle .nip-chevron {
    margin-left: 1px;
    color: #758399;
    font-size: 10px;
    transition: transform .25s ease;
}

.nip-dropdown:hover .nip-chevron,
.nip-dropdown:focus-within .nip-chevron,
.nip-dropdown.nip-dropdown-open .nip-chevron {
    color: var(--nip-orange);
    transform: rotate(180deg);
}

.nip-dropdown-menu {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    z-index: 1005;
    display: block;
    width: 270px;
    max-height: min(75vh, 480px);
    margin: 0;
    padding: 9px;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    border: 1px solid var(--nip-border);
    border-radius: 9px;
    box-shadow: 0 18px 45px rgba(8, 39, 71, .15);
    transform: translateY(9px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.nip-dropdown-menu::before {
    position: absolute;
    top: -7px;
    right: 0;
    left: 0;
    height: 8px;
    content: "";
}

.nip-dropdown:hover > .nip-dropdown-menu,
.nip-dropdown:focus-within > .nip-dropdown-menu,
.nip-dropdown.nip-dropdown-open > .nip-dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.nip-dropdown-menu > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none !important;
}

.nip-dropdown-menu > li + li {
    margin-top: 3px;
}

.nip-dropdown-menu > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 43px;
    margin: 0;
    padding: 10px 12px;
    color: var(--nip-heading) !important;
    background: transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.5;
    white-space: normal;
    transition: background .2s ease, color .2s ease;
}

.nip-dropdown-menu > li > a > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 23px;
    flex: 0 0 23px;
    color: var(--nip-orange);
    font-size: 14px;
}

.nip-dropdown-menu > li > a:hover {
    color: var(--nip-orange-dark) !important;
    background: #fff3e7;
}

/* HEADER QUOTE BUTTON */

.nip-header-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 12px;
    min-width: 155px;
    min-height: 48px;
    margin: 0;
    padding: 0 17px;
    color: #fff !important;
    background: var(--nip-orange);
    border: 1px solid var(--nip-orange);
    border-radius: 7px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    white-space: nowrap;
    transition: background .25s ease, transform .25s ease;
}

.nip-header-cta:hover {
    color: #fff !important;
    background: var(--nip-orange-dark);
    border-color: var(--nip-orange-dark);
    transform: translateY(-2px);
}

.nip-header-cta i {
    font-size: 12px;
    transition: transform .25s ease;
}

.nip-header-cta:hover i {
    transform: translateX(3px);
}

/* MOBILE MENU BUTTON */

.nip-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    margin: 0;
    padding: 0;
    background: #edf3fa;
    border: 1px solid #dce6f2;
    border-radius: 7px;
    cursor: pointer;
}

.nip-menu-toggle span {
    display: block;
    width: 21px;
    height: 2px;
    background: var(--nip-navy);
    border-radius: 3px;
    transition: transform .25s ease, opacity .25s ease;
}

.nip-menu-toggle.nip-menu-active span:first-child {
    transform: translateY(7px) rotate(45deg);
}

.nip-menu-toggle.nip-menu-active span:nth-child(2) {
    opacity: 0;
}

.nip-menu-toggle.nip-menu-active span:last-child {
    transform: translateY(-7px) rotate(-45deg);
}

.nip-mobile-nav-actions {
    display: none;
}

/* BUTTONS */

.nip-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    transition: transform .25s ease, background .25s ease;
}

.nip-btn:hover {
    transform: translateY(-2px);
}

.nip-btn-orange {
    color: #fff;
    background: var(--nip-orange);
    border-color: var(--nip-orange);
}

.nip-btn-orange:hover {
    color: #fff;
    background: var(--nip-orange-dark);
    border-color: var(--nip-orange-dark);
}

.nip-btn-outline {
    color: #fff;
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .45);
}

.nip-btn-outline:hover {
    color: var(--nip-navy);
    background: #fff;
}

.nip-btn-navy {
    color: #fff;
    background: var(--nip-navy);
    border-color: var(--nip-navy);
}

.nip-btn-navy:hover {
    color: #fff;
    background: var(--nip-navy-light);
}

.nip-btn-outline-dark {
    color: var(--nip-navy);
    background: #fff;
    border-color: var(--nip-border);
}

.nip-btn-outline-dark:hover {
    color: #fff;
    background: var(--nip-navy);
}

.nip-btn-white {
    color: var(--nip-navy);
    background: #fff;
    border-color: #fff;
}

.nip-btn-white:hover {
    color: var(--nip-navy);
    background: #fff0df;
}

/* =========================================================
   HERO
========================================================= */

.nip-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
    background: var(--nip-navy-dark) url("../images/hero-moving.jpg") center / cover no-repeat;
}

.nip-hero-overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(5, 24, 46, .96) 0%,
        rgba(8, 39, 71, .90) 48%,
        rgba(8, 39, 71, .64) 100%
    );
}

.nip-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .72fr);
    align-items: center;
    gap: 55px;
    padding-top: 72px;
    padding-bottom: 80px;
}

.nip-hero-content {
    max-width: 700px;
}

.nip-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 9px 12px;
    color: #ffdbb6;
    background: rgba(245, 130, 32, .12);
    border: 1px solid rgba(245, 130, 32, .34);
    border-radius: 4px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.nip-eyebrow > span {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    background: var(--nip-orange);
    border-radius: 50%;
}

.nip-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(40px, 4.6vw, 61px);
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: -1.5px;
}

.nip-hero h1 span {
    display: block;
    margin-top: 8px;
    color: var(--nip-orange);
}

.nip-hero-description {
    max-width: 610px;
    margin: 21px 0 0;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.95;
}

.nip-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 29px;
}

.nip-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 30px;
}

.nip-hero-points > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #edf3fa;
    font-size: 11px;
    font-weight: 650;
}

.nip-hero-points b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 50%;
    font-size: 10px;
}

/* ENQUIRY FORM */

.nip-quote-card {
    padding: 27px;
    color: var(--nip-heading);
    background: #fff;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 12px;
    box-shadow: 0 24px 65px rgba(0, 0, 0, .22);
}

.nip-quote-card-heading {
    display: flex;
    align-items: center;
    gap: 13px;
}

.nip-quote-card-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    color: var(--nip-orange-dark);
    background: #fff0e0;
    border-radius: 10px;
    font-size: 23px;
}

.nip-quote-card-heading small {
    display: block;
    margin-bottom: 3px;
    color: var(--nip-orange-dark);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 1.4px;
}

.nip-quote-card h2 {
    margin: 0;
    color: var(--nip-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.3;
}

.nip-quote-card > p {
    margin: 15px 0 18px;
    color: var(--nip-text);
    font-size: 12px;
    line-height: 1.8;
}

.nip-quote-form {
    display: grid;
    gap: 13px;
}

.nip-form-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.nip-form-field label {
    color: var(--nip-heading);
    font-size: 11px;
    font-weight: 750;
}

.nip-form-field input,
.nip-form-field select {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 43px;
    padding: 10px 11px;
    color: var(--nip-heading);
    background: #fbfcfe;
    border: 1px solid #dfe6ef;
    border-radius: 5px;
    outline: none;
    font-size: 12px;
}

.nip-form-field input:focus,
.nip-form-field select:focus {
    border-color: var(--nip-orange);
    box-shadow: 0 0 0 3px rgba(245, 130, 32, .1);
}

.nip-form-field input::placeholder {
    color: #929eae;
}

.nip-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.nip-submit-btn {
    width: 100%;
    margin-top: 2px;
    cursor: pointer;
    font-size: 11px;
}

.nip-form-note {
    margin: 0;
    color: #7a8798;
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
}

/* HIGHLIGHTS */

.nip-highlights {
    position: relative;
    z-index: 2;
    padding: 27px 0;
    background: #fff;
    border-bottom: 1px solid var(--nip-border);
}

.nip-highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 23px;
}

.nip-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.nip-highlight-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    color: var(--nip-navy);
    background: #edf3fa;
    border-radius: 10px;
    font-size: 21px;
}

.nip-highlight h3 {
    margin: 0;
    color: var(--nip-navy);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-highlight p {
    margin: 3px 0 0;
    color: var(--nip-text);
    font-size: 10px;
    line-height: 1.6;
}

/* ABOUT */

.nip-about-grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 70px;
}

.nip-about-visual {
    position: relative;
    min-height: 440px;
    padding: 0 40px 38px 0;
}

.nip-about-main-image {
    height: 405px;
    overflow: hidden;
    background: #eaf0f8;
    border-radius: 12px;
}

.nip-about-main-image img,
.nip-about-small-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nip-about-small-image {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43%;
    height: 155px;
    overflow: hidden;
    background: #eaf0f8;
    border: 6px solid #fff;
    border-radius: 11px;
    box-shadow: 0 15px 40px rgba(18, 59, 102, .09);
}

.nip-about-badge {
    position: absolute;
    top: 25px;
    left: -12px;
    display: flex;
    align-items: center;
    gap: 11px;
    max-width: 235px;
    padding: 14px 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(18, 59, 102, .09);
}

.nip-about-badge > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 8px;
}

.nip-about-badge strong,
.nip-about-badge small {
    display: block;
}

.nip-about-badge strong {
    color: var(--nip-navy);
    font-size: 11px;
    font-weight: 800;
}

.nip-about-badge small {
    margin-top: 2px;
    color: var(--nip-text);
    font-size: 10px;
}

.nip-about-content > p {
    margin: 17px 0 0;
    color: var(--nip-text);
    font-size: 13px;
    line-height: 1.95;
}

.nip-about-checks {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 16px;
    margin: 24px 0 28px;
}

.nip-about-checks div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #33485f;
    font-size: 11px;
    font-weight: 700;
}

.nip-about-checks div span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 50%;
    font-size: 9px;
}

/* SERVICES */

.nip-services {
    background: var(--nip-light);
}

.nip-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px;
}

.nip-service-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 270px;
    padding: 25px 23px 21px;
    background: #fff;
    border: 1px solid #e7edf4;
    border-radius: 11px;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.nip-service-card:hover {
    border-color: rgba(245, 130, 32, .5);
    box-shadow: 0 16px 38px rgba(18, 59, 102, .09);
    transform: translateY(-5px);
}

.nip-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.nip-service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    color: var(--nip-navy);
    background: #edf3fa;
    border-radius: 10px;
    font-size: 24px;
    transition: background .25s ease, transform .25s ease;
}

.nip-service-card:hover .nip-service-icon {
    color: var(--nip-orange-dark);
    background: #fff0e0;
    transform: rotate(-4deg);
}

.nip-service-no {
    color: #dce5ef;
    font-size: 25px;
    font-weight: 850;
}

.nip-service-card h3 {
    margin: 0;
    color: var(--nip-navy);
    font-size: 17px;
    font-weight: 800;
}

.nip-service-card p {
    flex: 1;
    margin: 10px 0 0;
    color: var(--nip-text);
    font-size: 12px;
    line-height: 1.9;
}

.nip-service-card > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
    padding-top: 14px;
    color: var(--nip-navy);
    border-top: 1px solid var(--nip-border);
    font-size: 11px;
    font-weight: 800;
}

.nip-service-card > a i {
    color: var(--nip-orange);
    transition: transform .25s ease;
}

.nip-service-card > a:hover {
    color: var(--nip-orange-dark);
}

.nip-service-card > a:hover i {
    transform: translateX(4px);
}

/* SERVICE AREAS */

.nip-areas-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1fr);
    align-items: center;
    gap: 65px;
}

.nip-areas-content > p {
    margin: 18px 0 25px;
    color: var(--nip-text);
    font-size: 13px;
    line-height: 1.9;
}

.nip-area-cards {
    display: grid;
    gap: 14px;
}

.nip-area-card {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
    padding: 19px;
    background: var(--nip-light);
    border: 1px solid var(--nip-border);
    border-radius: 9px;
    transition: border-color .25s ease, background .25s ease, transform .25s ease;
}

.nip-area-card:hover {
    background: #fff;
    border-color: var(--nip-orange);
    transform: translateX(4px);
}

.nip-area-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    color: var(--nip-orange-dark);
    background: #fff0e0;
    border-radius: 8px;
    font-size: 19px;
}

.nip-area-card > div {
    flex: 1;
    min-width: 0;
}

.nip-area-card h3 {
    margin: 0;
    color: var(--nip-navy);
    font-size: 14px;
    font-weight: 800;
}

.nip-area-card p {
    margin: 4px 0 0;
    color: var(--nip-text);
    font-size: 11px;
    line-height: 1.7;
}

.nip-area-arrow {
    color: var(--nip-orange);
    font-size: 16px;
}

/* WHY CHOOSE US */

.nip-why {
    color: #fff;
    background: var(--nip-navy-dark);
}

.nip-why-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
    align-items: center;
    gap: 65px;
}

.nip-why-content .nip-section-title {
    color: #fff;
}

.nip-why-content > p {
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    line-height: 1.95;
}

.nip-why-list {
    display: grid;
    gap: 21px;
    margin-top: 29px;
}

.nip-why-item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.nip-why-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 7px;
    font-size: 13px;
}

.nip-why-item h3 {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
}

.nip-why-item p {
    margin: 4px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: 11px;
    line-height: 1.85;
}

.nip-why-image {
    position: relative;
    min-height: 430px;
}

.nip-why-image > img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    background: #193f65;
    border-radius: 12px;
}

.nip-why-call-card {
    position: absolute;
    right: -15px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 10px);
    padding: 16px 20px;
    color: var(--nip-navy);
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .2);
}

.nip-why-call-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    color: #fff;
    background: var(--nip-green);
    border-radius: 8px;
    font-size: 18px;
}

.nip-why-call-card small,
.nip-why-call-card a {
    display: block;
}

.nip-why-call-card small {
    color: var(--nip-text);
    font-size: 10px;
}

.nip-why-call-card a {
    margin-top: 3px;
    color: var(--nip-navy);
    font-size: 16px;
    font-weight: 850;
}

/* PROCESS */

.nip-process {
    background: #fff;
}

.nip-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 19px;
}

.nip-process-card {
    position: relative;
    padding: 26px 20px;
    background: var(--nip-light);
    border: 1px solid var(--nip-border);
    border-radius: 10px;
    text-align: center;
    transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.nip-process-card:hover {
    background: #fff;
    border-color: var(--nip-orange);
    transform: translateY(-5px);
}

.nip-process-number {
    position: absolute;
    top: 14px;
    right: 15px;
    color: #d6e0eb;
    font-size: 22px;
    font-weight: 850;
}

.nip-process-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 61px;
    height: 61px;
    margin: 15px auto 17px;
    color: var(--nip-orange-dark);
    background: #fff0e0;
    border-radius: 13px;
    font-size: 24px;
}

.nip-process-card h3 {
    margin: 0;
    color: var(--nip-navy);
    font-size: 14px;
    font-weight: 800;
}

.nip-process-card p {
    margin: 9px 0 0;
    color: var(--nip-text);
    font-size: 11px;
    line-height: 1.85;
}

/* GALLERY */

.nip-gallery {
    background: var(--nip-light);
}

.nip-gallery-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 35px;
}

.nip-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 21px;
}

.nip-gallery-card {
    position: relative;
    display: block;
    height: 285px;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    background: #dfe7f1;
    border-radius: 10px;
    isolation: isolate;
}

.nip-gallery-card::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    background: linear-gradient(180deg, transparent 25%, rgba(5, 24, 46, .84) 100%);
    content: "";
}

.nip-gallery-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.nip-gallery-card:hover img {
    transform: scale(1.06);
}

.nip-gallery-card > span {
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
}

.nip-gallery-card b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    color: var(--nip-navy);
    background: #fff;
    border-radius: 50%;
    font-size: 13px;
    transition: background .25s ease, color .25s ease;
}

.nip-gallery-card:hover b {
    color: #fff;
    background: var(--nip-orange);
}

/* FAQ */

.nip-faq {
    background: #fff;
}

.nip-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    align-items: start;
    gap: 65px;
}

.nip-faq-intro > p {
    margin: 17px 0 24px;
    color: var(--nip-text);
    font-size: 13px;
    line-height: 1.9;
}

.nip-faq-list {
    display: grid;
    gap: 12px;
}

.nip-faq-item {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--nip-border);
    border-radius: 8px;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.nip-faq-item[open] {
    border-color: rgba(245, 130, 32, .5);
    box-shadow: 0 7px 22px rgba(18, 59, 102, .05);
}

.nip-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 64px;
    padding: 17px 18px;
    color: var(--nip-navy);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.65;
    list-style: none;
}

.nip-faq-item summary::-webkit-details-marker {
    display: none;
}

.nip-faq-plus {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    background: #edf3fa;
    border-radius: 50%;
}

.nip-faq-plus::before,
.nip-faq-plus::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: var(--nip-navy);
    border-radius: 2px;
    content: "";
    transform: translate(-50%, -50%);
    transition: transform .2s ease, background .2s ease;
}

.nip-faq-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.nip-faq-item[open] .nip-faq-plus {
    background: var(--nip-orange);
}

.nip-faq-item[open] .nip-faq-plus::before,
.nip-faq-item[open] .nip-faq-plus::after {
    background: #fff;
}

.nip-faq-item[open] .nip-faq-plus::after {
    transform: translate(-50%, -50%);
}

.nip-faq-answer {
    padding: 0 18px 18px;
    color: var(--nip-text);
    font-size: 12px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

/* CONTACT */

.nip-contact {
    background: var(--nip-light);
}

.nip-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.nip-contact-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 24px;
    background: #fff;
    border: 1px solid var(--nip-border);
    border-radius: 10px;
}

.nip-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    color: var(--nip-navy);
    background: #edf3fa;
    border-radius: 9px;
    font-size: 19px;
}

.nip-contact-card h3 {
    margin: 0 0 9px;
    color: var(--nip-navy);
    font-size: 14px;
    font-weight: 800;
}

.nip-contact-card > a {
    margin-top: 4px;
    color: var(--nip-text);
    font-size: 11px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.nip-contact-card > a:hover {
    color: var(--nip-orange-dark);
}

.nip-contact-card > p {
    margin: 8px 0 0;
    color: var(--nip-text);
    font-size: 11px;
    line-height: 1.85;
}

/* FINAL CTA */

.nip-final-cta {
    padding: 55px 0;
    color: #fff;
    background:
        radial-gradient(circle at 90% 15%, rgba(21, 148, 71, .23), transparent 35%),
        var(--nip-navy);
}

.nip-final-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.nip-final-cta-inner > div:first-child {
    max-width: 720px;
}

.nip-final-cta-inner > div:first-child > span {
    display: block;
    margin-bottom: 9px;
    color: #ffc28d;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.6px;
}

.nip-final-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 850;
    line-height: 1.25;
}

.nip-final-cta p {
    margin: 11px 0 0;
    color: rgba(255, 255, 255, .77);
    font-size: 13px;
    line-height: 1.9;
}

.nip-final-cta-actions {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    gap: 12px;
}

.nip-final-phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 0 13px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 750;
}

.nip-final-phone:hover {
    color: var(--nip-navy);
    background: #fff;
}

/* FOOTER */

.nip-footer {
    color: #d0dbea;
    background: #061a31;
}

.nip-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr .72fr .95fr 1.15fr;
    gap: 38px;
    padding-top: 65px;
    padding-bottom: 43px;
}

.nip-footer-about {
    min-width: 0;
}

.nip-footer-logo {
    display: inline-flex;
    max-width: 205px;
    margin-bottom: 20px;
    padding: 7px;
    background: #fff;
    border-radius: 5px;
}

.nip-footer-logo img {
    width: auto;
    max-width: 190px;
    max-height: 60px;
    object-fit: contain;
}

.nip-footer-about > p {
    max-width: 320px;
    margin: 0;
    color: #afbed1;
    font-size: 11px;
    line-height: 1.95;
}

.nip-footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}

.nip-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
    font-size: 13px;
    transition: background .25s ease, transform .25s ease;
}

.nip-footer-social a:hover {
    background: var(--nip-green);
    transform: translateY(-3px);
}

.nip-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

.nip-footer-column h3 {
    position: relative;
    margin: 0 0 8px;
    padding-bottom: 12px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
}

.nip-footer-column h3::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 33px;
    height: 3px;
    background: var(--nip-orange);
    border-radius: 3px;
    content: "";
}

.nip-footer-column > a {
    color: #bdc9d9;
    font-size: 11px;
    line-height: 1.8;
    overflow-wrap: anywhere;
    transition: color .2s ease, padding-left .2s ease;
}

.nip-footer-column > a:hover {
    padding-left: 4px;
    color: #ffb36d;
}

.nip-footer-contact {
    gap: 18px;
}

.nip-footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
}

.nip-footer-contact-item > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    color: #8be0a7;
    background: rgba(21, 148, 71, .14);
    border-radius: 6px;
    font-size: 13px;
}

.nip-footer-contact-item > div {
    min-width: 0;
}

.nip-footer-contact-item small {
    display: block;
    margin-bottom: 3px;
    color: #91a5be;
    font-size: 9px;
}

.nip-footer-contact-item a,
.nip-footer-contact-item p {
    display: block;
    margin: 0;
    color: #dbe4ef;
    font-size: 11px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.nip-footer-contact-item a:hover {
    color: #ffb36d;
}

.nip-footer-legal {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.nip-footer-legal a {
    color: #c3cfde;
    font-size: 11px;
    font-weight: 600;
}

.nip-footer-legal a:hover {
    color: #ffb36d;
}

.nip-footer-legal > span {
    width: 4px;
    height: 4px;
    background: var(--nip-orange);
    border-radius: 50%;
}

.nip-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
    padding: 20px 0;
}

.nip-footer-bottom p {
    margin: 0;
    color: #94a7bf;
    font-size: 10px;
    line-height: 1.8;
}

/* FLOATING CONTACT BUTTONS */

.nip-floating-actions {
    position: fixed;
    right: 18px;
    bottom: 20px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.nip-floating-actions a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    width: 53px;
    height: 53px;
    overflow: hidden;
    color: #fff;
    border-radius: 50px;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .2);
    transition: width .25s ease, transform .25s ease;
}

.nip-floating-actions a:hover {
    width: 139px;
    transform: translateY(-3px);
}

.nip-float-call {
    background: var(--nip-orange);
}

.nip-float-whatsapp {
    background: var(--nip-green);
}

.nip-float-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    font-size: 22px;
}

.nip-floating-actions small {
    display: none;
    padding-right: 12px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.nip-floating-actions a:hover small {
    display: inline-block;
}

/* =========================================================
   TABLET NAVIGATION
========================================================= */

@media (max-width: 1100px) {
    .nip-header-inner {
        gap: 13px;
        width: calc(100% - 34px);
    }

    .nip-logo {
        flex-basis: 185px;
        width: 185px;
        max-width: 185px;
    }

    .nip-logo img {
        max-width: 180px;
        height: 61px;
    }

    .nip-nav-list {
        gap: 0;
    }

    .nip-nav-link,
    .nip-dropdown-toggle {
        gap: 6px;
        padding-inline: 8px;
        font-size: 11px;
    }

    .nip-header-cta {
        min-width: 137px;
        min-height: 44px;
        gap: 8px;
        padding-inline: 12px;
        font-size: 10px;
    }

    .nip-hero-grid,
    .nip-about-grid,
    .nip-why-grid,
    .nip-areas-grid,
    .nip-faq-grid {
        gap: 38px;
    }

    .nip-footer-grid {
        gap: 25px;
    }
}

@media (max-width: 900px) {
    .nip-topbar-inner {
        width: calc(100% - 32px);
    }

    .nip-header-inner {
        min-height: 74px;
    }

    .nip-menu-toggle {
        display: flex;
        margin-left: auto;
    }

    .nip-header-cta {
        display: none;
    }

    .nip-navigation {
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        max-height: calc(100dvh - 110px);
        margin: 0;
        padding: 0 18px;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border-top: 1px solid transparent;
        box-shadow: 0 18px 28px rgba(8, 39, 71, .13);
        transform: translateY(-7px);
        transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    }

    .nip-navigation.nip-navigation-open {
        padding-top: 12px;
        padding-bottom: 18px;
        visibility: visible;
        opacity: 1;
        border-top-color: var(--nip-border);
        transform: translateY(0);
    }

    .nip-nav-list {
        display: flex;
        align-items: stretch;
        flex-direction: column;
        gap: 3px;
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        padding: 0;
    }

    .nip-nav-list > li {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .nip-nav-link,
    .nip-dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        width: 100%;
        min-height: 47px;
        margin: 0;
        padding: 11px 13px;
        color: var(--nip-heading) !important;
        background: transparent;
        border: 0;
        border-radius: 6px;
        font-size: 13px;
        text-align: left;
    }

    .nip-nav-link > i,
    .nip-dropdown-toggle > i:first-child {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        flex: 0 0 18px;
        color: #758399;
        font-size: 13px;
    }

    .nip-nav-link::after,
    .nip-dropdown-toggle::after {
        display: none;
    }

    .nip-nav-link:hover,
    .nip-nav-link.nip-active,
    .nip-dropdown-toggle:hover,
    .nip-dropdown.nip-dropdown-open > .nip-dropdown-toggle {
        color: var(--nip-orange-dark) !important;
        background: #fff4e8;
    }

    .nip-dropdown-toggle .nip-chevron {
        width: auto;
        flex: 0 0 auto;
        margin-left: auto;
        font-size: 11px;
    }

    .nip-dropdown-menu {
        position: static;
        display: none;
        width: 100%;
        max-height: none;
        margin: 0;
        padding: 4px 0 7px 15px;
        overflow: visible;
        visibility: visible;
        opacity: 1;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none;
        transition: none;
    }

    .nip-dropdown-menu::before {
        display: none;
    }

    .nip-dropdown.nip-dropdown-open > .nip-dropdown-menu {
        display: block;
    }

    .nip-dropdown-menu > li > a {
        min-height: 41px;
        padding: 9px 12px;
        font-size: 12px;
    }

    .nip-mobile-nav-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        width: 100%;
        max-width: 650px;
        margin: 15px auto 0;
    }

    .nip-mobile-call,
    .nip-mobile-quote {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-width: 0;
        min-height: 44px;
        padding: 10px;
        border-radius: 6px;
        font-size: 11px;
        font-weight: 800;
        text-align: center;
    }

    .nip-mobile-call {
        color: var(--nip-navy) !important;
        background: #edf3fa;
    }

    .nip-mobile-call i {
        color: var(--nip-green);
    }

    .nip-mobile-quote {
        color: #fff !important;
        background: var(--nip-orange);
    }

    .nip-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(275px, .82fr);
        gap: 25px;
        padding-top: 60px;
        padding-bottom: 65px;
    }

    .nip-hero h1 {
        font-size: clamp(35px, 5vw, 49px);
    }

    .nip-quote-card {
        padding: 21px;
    }

    .nip-highlights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .nip-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .nip-faq-grid {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .nip-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 30px;
    }
}

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

@media (max-width: 767px) {
    html {
        scroll-padding-top: 78px;
    }

    .nip-container {
        width: calc(100% - 34px);
    }

    .nip-section {
        padding: 62px 0;
    }

    .nip-section-kicker {
        margin-bottom: 9px;
        font-size: 10px;
    }

    .nip-section-title {
        font-size: clamp(28px, 7vw, 35px);
        line-height: 1.23;
        letter-spacing: -.5px;
    }

    .nip-section-heading {
        margin-bottom: 30px;
        text-align: left;
    }

    .nip-section-heading > p {
        margin: 12px 0 0;
        font-size: 12px;
    }

    .nip-topbar-inner {
        position: relative;
        width: calc(100% - 24px);
        min-height: 39px;
        padding-right: 115px;
    }

    .nip-topbar-left {
        display: none;
    }

    .nip-topbar-right {
        gap: 0;
    }

    .nip-topbar-phone {
        gap: 7px;
        font-size: 10px;
    }

    .nip-topbar-phone i {
        width: 21px;
        height: 21px;
        font-size: 9px;
    }

    .nip-topbar-quote {
        position: absolute;
        top: 0;
        right: 0;
        min-height: 39px;
        padding: 0 9px;
        font-size: 9px;
    }

    .nip-header-inner {
        width: calc(100% - 28px);
        min-height: 70px;
        gap: 10px;
    }

    .nip-logo {
        flex: 0 1 165px;
        width: 165px;
        max-width: 165px;
    }

    .nip-logo img {
        width: 100%;
        max-width: 160px;
        height: 55px;
        max-height: 55px;
    }

    .nip-menu-toggle {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .nip-navigation {
        max-height: calc(100dvh - 109px);
        padding-inline: 15px;
    }

    .nip-hero {
        background-position: 60% center;
    }

    .nip-hero-overlay {
        background: linear-gradient(
            90deg,
            rgba(5, 24, 46, .96),
            rgba(8, 39, 71, .85)
        );
    }

    .nip-hero-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 31px;
        padding-top: 47px;
        padding-bottom: 45px;
    }

    .nip-eyebrow {
        margin-bottom: 17px;
        padding: 8px 9px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .nip-hero h1 {
        font-size: clamp(34px, 8.5vw, 45px);
        line-height: 1.13;
        letter-spacing: -1px;
    }

    .nip-hero h1 span {
        margin-top: 5px;
    }

    .nip-hero-description {
        margin-top: 16px;
        font-size: 12px;
    }

    .nip-hero-buttons {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin-top: 23px;
    }

    .nip-hero-buttons .nip-btn {
        width: 100%;
    }

    .nip-btn {
        min-height: 47px;
        padding-inline: 15px;
        font-size: 11px;
    }

    .nip-hero-points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px;
        margin-top: 22px;
    }

    .nip-hero-points > span {
        gap: 6px;
        font-size: 10px;
    }

    .nip-quote-card {
        width: 100%;
        max-width: 470px;
        margin: 0 auto;
        padding: 22px 18px;
        border-radius: 10px;
    }

    .nip-quote-card-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 21px;
    }

    .nip-quote-card h2 {
        font-size: 20px;
    }

    .nip-quote-card > p {
        font-size: 11px;
    }

    .nip-form-field label {
        font-size: 10px;
    }

    .nip-form-field input,
    .nip-form-field select {
        min-height: 42px;
        padding: 9px;
        font-size: 11px;
    }

    .nip-form-row {
        gap: 9px;
    }

    .nip-highlights {
        padding: 23px 0;
    }

    .nip-highlights-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 12px;
    }

    .nip-highlight {
        align-items: flex-start;
        gap: 9px;
    }

    .nip-highlight-icon {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
        font-size: 17px;
    }

    .nip-highlight h3 {
        font-size: 10px;
    }

    .nip-highlight p {
        font-size: 9px;
    }

    .nip-about-grid,
    .nip-areas-grid,
    .nip-why-grid,
    .nip-faq-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    .nip-about-visual {
        min-height: 320px;
        padding: 0 24px 30px 0;
    }

    .nip-about-main-image {
        height: 290px;
        border-radius: 9px;
    }

    .nip-about-small-image {
        width: 43%;
        height: 125px;
        border-width: 5px;
    }

    .nip-about-badge {
        top: 15px;
        left: -4px;
        gap: 8px;
        max-width: 205px;
        padding: 10px;
    }

    .nip-about-badge > span {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 12px;
    }

    .nip-about-badge strong {
        font-size: 10px;
    }

    .nip-about-badge small {
        font-size: 9px;
    }

    .nip-about-content > p {
        margin-top: 13px;
        font-size: 12px;
    }

    .nip-about-checks {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        margin: 21px 0 23px;
    }

    .nip-services-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .nip-service-card {
        min-height: 0;
        padding: 21px 19px 18px;
    }

    .nip-service-top {
        margin-bottom: 15px;
    }

    .nip-service-icon {
        width: 47px;
        height: 47px;
        font-size: 21px;
    }

    .nip-service-card h3 {
        font-size: 16px;
    }

    .nip-service-card p {
        margin-top: 8px;
        font-size: 11px;
    }

    .nip-service-card > a {
        margin-top: 15px;
        padding-top: 12px;
    }

    .nip-areas-content > p {
        margin: 13px 0 20px;
        font-size: 12px;
    }

    .nip-areas-content > .nip-btn {
        width: 100%;
    }

    .nip-area-cards {
        gap: 11px;
    }

    .nip-area-card {
        gap: 11px;
        padding: 14px;
    }

    .nip-area-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        font-size: 16px;
    }

    .nip-area-card h3 {
        font-size: 12px;
    }

    .nip-area-card p {
        font-size: 10px;
    }

    .nip-why-content > p {
        font-size: 12px;
    }

    .nip-why-list {
        gap: 18px;
        margin-top: 23px;
    }

    .nip-why-item {
        gap: 10px;
    }

    .nip-why-item > span {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        font-size: 12px;
    }

    .nip-why-item h3 {
        font-size: 12px;
    }

    .nip-why-item p {
        font-size: 10px;
    }

    .nip-why-image {
        min-height: 295px;
        margin-right: 6px;
    }

    .nip-why-image > img {
        height: 295px;
        border-radius: 9px;
    }

    .nip-why-call-card {
        right: -6px;
        bottom: 13px;
        gap: 9px;
        padding: 12px;
    }

    .nip-why-call-card > span {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
        font-size: 16px;
    }

    .nip-why-call-card small {
        font-size: 9px;
    }

    .nip-why-call-card a {
        font-size: 14px;
    }

    .nip-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .nip-process-card {
        padding: 20px 11px;
    }

    .nip-process-number {
        top: 10px;
        right: 10px;
        font-size: 18px;
    }

    .nip-process-icon {
        width: 49px;
        height: 49px;
        margin: 12px auto 14px;
        font-size: 20px;
    }

    .nip-process-card h3 {
        font-size: 12px;
    }

    .nip-process-card p {
        font-size: 10px;
    }

    .nip-gallery-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
        margin-bottom: 26px;
    }

    .nip-gallery-heading > .nip-btn {
        width: 100%;
    }

    .nip-gallery-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .nip-gallery-card {
        height: 225px;
        border-radius: 9px;
    }

    .nip-gallery-card > span {
        right: 15px;
        bottom: 15px;
        left: 15px;
        font-size: 13px;
    }

    .nip-faq-intro > p {
        margin: 13px 0 19px;
        font-size: 12px;
    }

    .nip-faq-intro > .nip-btn {
        width: 100%;
    }

    .nip-faq-list {
        gap: 9px;
    }

    .nip-faq-item summary {
        min-height: 58px;
        gap: 11px;
        padding: 14px;
        font-size: 11px;
    }

    .nip-faq-plus {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }

    .nip-faq-answer {
        padding: 0 14px 15px;
        font-size: 11px;
    }

    .nip-contact-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
    }

    .nip-contact-card {
        padding: 20px;
    }

    .nip-contact-card h3 {
        font-size: 13px;
    }

    .nip-contact-card > a,
    .nip-contact-card > p {
        font-size: 11px;
    }

    .nip-final-cta {
        padding: 43px 0;
    }

    .nip-final-cta-inner {
        align-items: stretch;
        flex-direction: column;
        gap: 23px;
    }

    .nip-final-cta h2 {
        font-size: 28px;
    }

    .nip-final-cta p {
        font-size: 12px;
    }

    .nip-final-cta-actions {
        width: 100%;
    }

    .nip-final-cta-actions .nip-btn,
    .nip-final-phone {
        width: 100%;
    }

    .nip-final-phone {
        min-height: 43px;
        font-size: 11px;
    }

    .nip-footer-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 31px;
        padding-top: 43px;
        padding-bottom: 31px;
    }

    .nip-footer-logo {
        margin-bottom: 16px;
    }

    .nip-footer-logo img {
        max-width: 175px;
        max-height: 55px;
    }

    .nip-footer-about > p {
        max-width: 100%;
        font-size: 11px;
    }

    .nip-footer-column {
        gap: 10px;
    }

    .nip-footer-column h3 {
        margin-bottom: 6px;
        font-size: 14px;
    }

    .nip-footer-column > a {
        font-size: 11px;
    }

    .nip-footer-contact {
        gap: 16px;
    }

    .nip-footer-contact-item a,
    .nip-footer-contact-item p {
        font-size: 10px;
    }

    .nip-footer-legal {
        justify-content: flex-start;
        gap: 11px;
        padding: 16px 0;
    }

    .nip-footer-legal a {
        font-size: 10px;
    }

    .nip-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
        padding: 17px 0;
    }

    .nip-footer-bottom p {
        font-size: 10px;
    }

    .nip-floating-actions {
        right: 11px;
        bottom: 13px;
        gap: 9px;
    }

    .nip-floating-actions a {
        width: 46px;
        height: 46px;
    }

    .nip-float-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        font-size: 20px;
    }

    .nip-floating-actions a:hover {
        width: 46px;
        transform: none;
    }

    .nip-floating-actions small {
        display: none !important;
    }
}

/* EXTRA SMALL MOBILE */

@media (max-width: 380px) {
    .nip-container {
        width: calc(100% - 28px);
    }

    .nip-topbar-inner {
        width: calc(100% - 20px);
        padding-right: 106px;
    }

    .nip-topbar-phone {
        font-size: 9px;
    }

    .nip-topbar-quote {
        padding-inline: 7px;
        font-size: 8px;
    }

    .nip-header-inner {
        width: calc(100% - 22px);
        min-height: 66px;
    }

    .nip-logo {
        flex-basis: 145px;
        width: 145px;
        max-width: 145px;
    }

    .nip-logo img {
        max-width: 140px;
        height: 49px;
        max-height: 49px;
    }

    .nip-menu-toggle {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .nip-hero h1 {
        font-size: 32px;
    }

    .nip-quote-card {
        padding: 17px 13px;
    }

    .nip-form-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .nip-highlights-grid {
        gap: 18px 9px;
    }

    .nip-highlight {
        gap: 7px;
    }

    .nip-highlight-icon {
        width: 33px;
        height: 33px;
        flex-basis: 33px;
        font-size: 15px;
    }

    .nip-highlight h3 {
        font-size: 9px;
    }

    .nip-highlight p {
        font-size: 8px;
    }

    .nip-process-grid {
        gap: 9px;
    }

    .nip-process-card {
        padding-inline: 8px;
    }
}

/* REDUCED MOTION ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   NICE INDIA PACKERS AND MOVERS
   TESTIMONIAL SECTION - COMPLETE RESPONSIVE CSS
   Header-aligned container: 1250px
========================================================= */

.nip-testimonials,
.nip-testimonials * {
    box-sizing: border-box;
}

.nip-testimonials {
    --nipt-navy: #09294d;
    --nipt-orange: #ff7417;
    --nipt-muted: #60738d;
    --nipt-border: #dfe7f0;

    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 75px 0 65px;
    overflow: hidden;
    background: #ffffff;
}

/* CONTAINER - SAME WIDTH AS HEADER */

.nip-testimonials .nip-testimonials-container {
    position: relative;
    display: block;
    width: min(1250px, calc(100% - 48px));
    max-width: 1250px;
    height: auto;
    min-height: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    overflow: visible;
}

/* SECTION HEADING */

.nip-testimonials-heading {
    display: block;
    width: 100%;
    max-width: 850px;
    height: auto;
    margin: 0 auto 52px;
    padding: 0;
    text-align: center;
}

.nip-testimonials-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0;
    padding: 8px 19px;
    color: var(--nipt-orange);
    background: #fff1e7;
    border: 0;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-testimonials-heading h2 {
    margin: 15px 0 13px;
    padding: 0;
    color: var(--nipt-navy);
    font-family: inherit;
    font-size: clamp(30px, 3.3vw, 43px);
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: -.7px;
}

.nip-testimonials-heading h2 span {
    color: var(--nipt-orange);
}

.nip-testimonials-heading > p {
    max-width: 750px;
    margin: 0 auto;
    padding: 0;
    color: var(--nipt-muted);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
}

/* CAROUSEL VIEWPORT */

.nip-testimonials .nip-testimonials-viewport {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0 0 20px;
    overflow: hidden;
}

/* CAROUSEL TRACK */

.nip-testimonials .nip-testimonials-track {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 22px;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    transition: transform .45s ease;
    will-change: transform;
}

/* TESTIMONIAL CARD */

.nip-testimonials .nip-testimonial-card {
    position: relative;
    display: flex;
    flex: 0 0 calc((100% - 44px) / 3);
    flex-direction: column;
    align-self: stretch;

    width: calc((100% - 44px) / 3);
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 318px;
    margin: 0;
    padding: 29px 31px 26px;

    color: var(--nipt-navy);
    background: #ffffff;
    border: 1px solid var(--nipt-border);
    border-radius: 25px;

    box-shadow: 0 10px 24px rgba(9, 41, 77, .055);

    overflow: visible;
    white-space: normal;

    transition:
        border-color .25s ease,
        box-shadow .25s ease;
}

.nip-testimonials .nip-testimonial-card:hover {
    border-color: #f5c7a5;
    box-shadow: 0 14px 28px rgba(9, 41, 77, .09);
}

/* STAR RATING */

.nip-testimonials .nip-testimonial-stars {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 2px;

    width: 100%;
    margin: 0 0 22px;
    padding: 0;

    color: #ff9800;
    font-size: 19px;
    line-height: 1;
}

.nip-testimonials .nip-testimonial-stars i {
    display: inline-block;
    color: #ff9800;
    font-size: inherit;
    line-height: 1;
}

/* REVIEW TEXT */

.nip-testimonials .nip-testimonial-card blockquote {
    display: block;
    flex: 1 0 auto;

    width: 100%;
    min-width: 0;
    height: auto;

    margin: 0 0 23px;
    padding: 0;

    color: #233b5b;
    font-family: inherit;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.75;
    text-align: left;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

/* CUSTOMER ROW */

.nip-testimonials .nip-testimonial-customer {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 14px;

    width: 100%;
    min-width: 0;
    min-height: 46px;
    height: auto;

    margin: auto 0 0;
    padding: 0;

    overflow: visible;
}

/* CUSTOMER INITIALS */

.nip-testimonials .nip-testimonial-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 46px;

    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;

    margin: 0;
    padding: 0;

    color: #ffffff;
    background: var(--nipt-navy);
    border: 0;
    border-radius: 50%;

    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
}

/* CUSTOMER NAME AND ROUTE */

.nip-testimonials .nip-testimonial-info {
    display: block;
    flex: 1 1 auto;

    width: auto;
    min-width: 0;
    max-width: 100%;
    height: auto;

    margin: 0;
    padding: 0;

    overflow: visible;
}

.nip-testimonials .nip-testimonial-info h3 {
    display: block;
    margin: 0 0 4px;
    padding: 0;

    color: #102b4b;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;

    white-space: normal;
    overflow-wrap: anywhere;
}

.nip-testimonials .nip-testimonial-info p {
    display: block;
    margin: 0;
    padding: 0;

    color: var(--nipt-muted);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;

    white-space: normal;
    overflow-wrap: anywhere;
}

/* CAROUSEL CONTROLS */

.nip-testimonials .nip-testimonials-controls {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 17px;

    width: 100%;
    height: auto;
    min-height: 44px;

    margin: 7px 0 0;
    padding: 0;

    overflow: visible;
    clear: both;
}

/* PREVIOUS AND NEXT BUTTONS */

.nip-testimonials .nip-testimonial-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;

    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;

    margin: 0;
    padding: 0;

    color: var(--nipt-navy);
    background: #ffffff;
    border: 1px solid var(--nipt-border);
    border-radius: 50%;

    font-size: 14px;
    line-height: 1;

    cursor: pointer;
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease;
}

.nip-testimonials .nip-testimonial-arrow:hover:not(:disabled) {
    color: #ffffff;
    background: var(--nipt-orange);
    border-color: var(--nipt-orange);
}

.nip-testimonials .nip-testimonial-arrow:disabled {
    opacity: .45;
    cursor: default;
}

/* PAGINATION DOTS */

.nip-testimonials .nip-testimonial-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 8px;

    width: auto;
    min-width: 0;
    height: 20px;

    margin: 0;
    padding: 0;
}

.nip-testimonials .nip-testimonial-dot {
    display: inline-block;
    flex: 0 0 10px;

    width: 10px;
    min-width: 10px;
    height: 10px;

    margin: 0;
    padding: 0;

    background: #cbd7e5;
    border: 0;
    border-radius: 20px;

    cursor: pointer;
    transition:
        width .25s ease,
        flex-basis .25s ease,
        background .25s ease;
}

.nip-testimonials .nip-testimonial-dot.is-active {
    flex-basis: 25px;
    width: 25px;
    background: var(--nipt-orange);
}

/* =========================================================
   TABLET: TWO CARDS
========================================================= */

@media (max-width: 1024px) {
    .nip-testimonials {
        padding: 62px 0 55px;
    }

    .nip-testimonials .nip-testimonials-container {
        width: calc(100% - 40px);
    }

    .nip-testimonials-heading {
        margin-bottom: 38px;
    }

    .nip-testimonials .nip-testimonials-track {
        gap: 18px;
    }

    .nip-testimonials .nip-testimonial-card {
        flex-basis: calc((100% - 18px) / 2);
        width: calc((100% - 18px) / 2);
        min-height: 305px;
        padding: 25px 23px 24px;
        border-radius: 20px;
    }

    .nip-testimonials .nip-testimonial-card blockquote {
        font-size: 14px;
        line-height: 1.75;
    }

    .nip-testimonials .nip-testimonial-info h3 {
        font-size: 14px;
    }

    .nip-testimonials .nip-testimonial-info p {
        font-size: 11px;
    }
}

/* =========================================================
   MOBILE: ONE CARD
========================================================= */

@media (max-width: 600px) {
    .nip-testimonials {
        padding: 49px 0 45px;
    }

    .nip-testimonials .nip-testimonials-container {
        width: calc(100% - 32px);
    }

    .nip-testimonials-heading {
        margin-bottom: 29px;
    }

    .nip-testimonials-label {
        min-height: 32px;
        padding: 7px 15px;
        font-size: 10px;
    }

    .nip-testimonials-heading h2 {
        margin: 13px 0 11px;
        font-size: clamp(27px, 7.5vw, 34px);
        line-height: 1.25;
        letter-spacing: -.5px;
    }

    .nip-testimonials-heading > p {
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-testimonials .nip-testimonials-viewport {
        padding-bottom: 16px;
    }

    .nip-testimonials .nip-testimonials-track {
        gap: 14px;
    }

    .nip-testimonials .nip-testimonial-card {
        flex-basis: 100%;
        width: 100%;
        min-height: 285px;
        padding: 23px 21px 23px;
        border-radius: 18px;
    }

    .nip-testimonials .nip-testimonial-stars {
        margin-bottom: 17px;
        font-size: 17px;
    }

    .nip-testimonials .nip-testimonial-card blockquote {
        margin-bottom: 23px;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-testimonials .nip-testimonial-customer {
        gap: 11px;
        min-height: 42px;
    }

    .nip-testimonials .nip-testimonial-avatar {
        flex-basis: 42px;
        width: 42px;
        min-width: 42px;
        height: 42px;
        min-height: 42px;
        font-size: 13px;
    }

    .nip-testimonials .nip-testimonial-info h3 {
        font-size: 13px;
    }

    .nip-testimonials .nip-testimonial-info p {
        font-size: 11px;
        line-height: 1.6;
    }

    .nip-testimonials .nip-testimonials-controls {
        gap: 13px;
        margin-top: 6px;
    }

    .nip-testimonials .nip-testimonial-arrow {
        flex-basis: 40px;
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        font-size: 12px;
    }
}

/* SMALL MOBILE */

@media (max-width: 360px) {
    .nip-testimonials .nip-testimonials-container {
        width: calc(100% - 24px);
    }

    .nip-testimonials .nip-testimonial-card {
        padding: 20px 17px 22px;
    }

    .nip-testimonials .nip-testimonial-card blockquote {
        font-size: 12px;
    }

    .nip-testimonials .nip-testimonial-info p {
        font-size: 10px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-testimonials *,
    .nip-testimonials *::before,
    .nip-testimonials *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* =====================================================
   NICE INDIA PACKERS AND MOVERS - FAQ SECTION
===================================================== */

.nip-faq,
.nip-faq * {
    box-sizing: border-box;
}

.nip-faq {
    --nipfaq-navy: #09294d;
    --nipfaq-orange: #ff7417;
    --nipfaq-muted: #60738d;
    --nipfaq-border: #e0e7f0;

    position: relative;
    width: 100%;
    margin: 0;
    padding: 80px 0;
    background: #f8fafc;
    overflow: hidden;
}

/* SAME WIDTH AS WEBSITE HEADER */

.nip-faq-container {
    width: min(1250px, calc(100% - 48px));
    max-width: 1250px;
    margin: 0 auto;
}

/* HEADING */

.nip-faq-heading {
    max-width: 800px;
    margin: 0 auto 52px;
    text-align: center;
}

.nip-faq-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px;
    color: var(--nipfaq-orange);
    background: #fff0e5;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-faq-heading h2 {
    margin: 17px 0 13px;
    color: var(--nipfaq-navy);
    font-size: clamp(30px, 3.3vw, 43px);
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: -.6px;
}

.nip-faq-heading h2 span {
    color: var(--nipfaq-orange);
}

.nip-faq-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--nipfaq-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* TWO-COLUMN LAYOUT */

.nip-faq-layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.4fr);
    align-items: start;
    gap: 36px;
}

/* LEFT INFORMATION CARD */

.nip-faq-intro {
    position: relative;
    padding: 35px 30px;
    background: var(--nipfaq-navy);
    border-radius: 23px;
    color: #ffffff;
    overflow: hidden;
}

.nip-faq-intro::before {
    content: "";
    position: absolute;
    top: -90px;
    right: -90px;
    width: 200px;
    height: 200px;
    background: rgba(255, 116, 23, .14);
    border-radius: 50%;
    pointer-events: none;
}

.nip-faq-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    margin-bottom: 24px;
    color: #ffffff;
    background: var(--nipfaq-orange);
    border-radius: 18px;
    font-size: 27px;
}

.nip-faq-intro h3 {
    position: relative;
    margin: 0 0 14px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
}

.nip-faq-intro > p {
    position: relative;
    margin: 0;
    color: #d7e2ef;
    font-size: 14px;
    line-height: 1.85;
}

/* BENEFITS */

.nip-faq-benefits {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 27px;
}

.nip-faq-benefit {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.65;
}

.nip-faq-benefit i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #ff974e;
    font-size: 15px;
}

/* LEFT CTA */

.nip-faq-cta {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 51px;
    margin-top: 30px;
    padding: 13px 18px;
    color: #ffffff;
    background: var(--nipfaq-orange);
    border: 1px solid var(--nipfaq-orange);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background .25s ease, transform .25s ease;
}

.nip-faq-cta:hover {
    color: #ffffff;
    background: #e9630b;
    transform: translateY(-2px);
}

.nip-faq-cta i {
    transition: transform .25s ease;
}

.nip-faq-cta:hover i {
    transform: translateX(4px);
}

/* FAQ LIST */

.nip-faq-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
    min-width: 0;
}

/* FAQ ITEM */

.nip-faq-item {
    width: 100%;
    min-width: 0;
    margin: 0;
    background: #ffffff;
    border: 1px solid var(--nipfaq-border);
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(9, 41, 77, .035);
    overflow: hidden;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.nip-faq-item:hover,
.nip-faq-item.is-active {
    border-color: rgba(255, 116, 23, .45);
}

.nip-faq-item.is-active {
    box-shadow: 0 8px 22px rgba(9, 41, 77, .055);
}

/* QUESTION BUTTON */

.nip-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 72px;
    margin: 0;
    padding: 20px 23px;
    color: var(--nipfaq-navy);
    background: #ffffff;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    text-align: left;
    cursor: pointer;
}

.nip-faq-question > span:first-child {
    flex: 1;
    min-width: 0;
}

.nip-faq-question:hover {
    color: var(--nipfaq-orange);
}

/* PLUS ICON */

.nip-faq-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    color: var(--nipfaq-navy);
    background: #f1f5f9;
    border-radius: 50%;
    font-size: 12px;
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.nip-faq-item.is-active .nip-faq-toggle {
    color: #ffffff;
    background: var(--nipfaq-orange);
    transform: rotate(45deg);
}

/* ANSWER ANIMATION */

.nip-faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .3s ease;
}

.nip-faq-item.is-active .nip-faq-answer {
    grid-template-rows: 1fr;
}

.nip-faq-answer-inner {
    min-height: 0;
    padding: 0 23px;
    color: var(--nipfaq-muted);
    font-size: 14px;
    line-height: 1.85;
    overflow: hidden;
    overflow-wrap: anywhere;
    transition: padding .3s ease;
}

.nip-faq-item.is-active .nip-faq-answer-inner {
    padding: 0 23px 22px;
}

.nip-faq-answer-inner a {
    color: var(--nipfaq-orange);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* BOTTOM CONTACT CTA */

.nip-faq-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 42px;
    padding: 25px 30px;
    background: #ffffff;
    border: 1px solid var(--nipfaq-border);
    border-radius: 18px;
}

.nip-faq-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 53px;
    width: 53px;
    height: 53px;
    color: #ffffff;
    background: var(--nipfaq-navy);
    border-radius: 15px;
    font-size: 23px;
}

.nip-faq-bottom-text {
    flex: 1;
    min-width: 0;
}

.nip-faq-bottom-text h3 {
    margin: 0 0 5px;
    color: var(--nipfaq-navy);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-faq-bottom-text p {
    margin: 0;
    color: var(--nipfaq-muted);
    font-size: 13px;
    line-height: 1.7;
}

.nip-faq-bottom-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
    min-height: 47px;
    padding: 12px 20px;
    color: #ffffff;
    background: var(--nipfaq-orange);
    border: 1px solid var(--nipfaq-orange);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background .25s ease;
}

.nip-faq-bottom-link:hover {
    color: #ffffff;
    background: #e9630b;
}

/* KEYBOARD ACCESSIBILITY */

.nip-faq button:focus-visible,
.nip-faq a:focus-visible {
    outline: 3px solid rgba(255, 116, 23, .55);
    outline-offset: 4px;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-faq {
        padding: 65px 0;
    }

    .nip-faq-container {
        width: calc(100% - 40px);
    }

    .nip-faq-heading {
        margin-bottom: 38px;
    }

    .nip-faq-layout {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
        gap: 23px;
    }

    .nip-faq-intro {
        padding: 28px 23px;
    }

    .nip-faq-intro h3 {
        font-size: 22px;
    }

    .nip-faq-question {
        min-height: 66px;
        padding: 17px 18px;
        font-size: 14px;
    }

    .nip-faq-answer-inner {
        padding-right: 18px;
        padding-left: 18px;
        font-size: 13px;
    }

    .nip-faq-item.is-active .nip-faq-answer-inner {
        padding-right: 18px;
        padding-left: 18px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .nip-faq {
        padding: 50px 0;
    }

    .nip-faq-container {
        width: calc(100% - 32px);
    }

    .nip-faq-heading {
        margin-bottom: 30px;
    }

    .nip-faq-label {
        gap: 7px;
        padding: 8px 14px;
        font-size: 10px;
    }

    .nip-faq-heading h2 {
        margin: 14px 0 11px;
        font-size: clamp(27px, 7.2vw, 34px);
        line-height: 1.25;
        letter-spacing: -.4px;
    }

    .nip-faq-heading > p {
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-faq-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }

    .nip-faq-intro {
        padding: 27px 23px;
        border-radius: 18px;
    }

    .nip-faq-icon {
        width: 54px;
        height: 54px;
        margin-bottom: 19px;
        border-radius: 14px;
        font-size: 23px;
    }

    .nip-faq-intro h3 {
        font-size: 22px;
    }

    .nip-faq-intro > p {
        font-size: 13px;
    }

    .nip-faq-benefits {
        gap: 13px;
        margin-top: 22px;
    }

    .nip-faq-benefit {
        font-size: 12px;
    }

    .nip-faq-cta {
        margin-top: 24px;
    }

    .nip-faq-list {
        gap: 11px;
    }

    .nip-faq-item {
        border-radius: 12px;
    }

    .nip-faq-question {
        gap: 12px;
        min-height: 64px;
        padding: 16px;
        font-size: 13px;
        line-height: 1.65;
    }

    .nip-faq-toggle {
        flex-basis: 29px;
        width: 29px;
        height: 29px;
        font-size: 11px;
    }

    .nip-faq-answer-inner {
        padding: 0 16px;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-faq-item.is-active .nip-faq-answer-inner {
        padding: 0 16px 18px;
    }

    .nip-faq-bottom {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 14px;
        margin-top: 28px;
        padding: 22px 19px;
        border-radius: 15px;
    }

    .nip-faq-bottom-icon {
        flex-basis: 45px;
        width: 45px;
        height: 45px;
        border-radius: 12px;
        font-size: 20px;
    }

    .nip-faq-bottom-text {
        flex: 1 1 calc(100% - 60px);
        padding-top: 1px;
    }

    .nip-faq-bottom-text h3 {
        font-size: 16px;
    }

    .nip-faq-bottom-text p {
        font-size: 12px;
    }

    .nip-faq-bottom-link {
        width: 100%;
        min-height: 45px;
        margin-top: 3px;
    }
}

/* SMALL MOBILE */

@media (max-width: 360px) {
    .nip-faq-container {
        width: calc(100% - 24px);
    }

    .nip-faq-intro {
        padding: 23px 18px;
    }

    .nip-faq-question {
        padding: 14px 12px;
        font-size: 12px;
    }

    .nip-faq-toggle {
        flex-basis: 26px;
        width: 26px;
        height: 26px;
    }

    .nip-faq-answer-inner {
        padding-right: 12px;
        padding-left: 12px;
        font-size: 12px;
    }

    .nip-faq-item.is-active .nip-faq-answer-inner {
        padding-right: 12px;
        padding-left: 12px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-faq *,
    .nip-faq *::before,
    .nip-faq *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/* =========================================================
   NICE INDIA PACKERS AND MOVERS
   CONTACT SECTION - UPDATED RESPONSIVE STYLES
   Matches FAQ styling while keeping the same 1250px container
========================================================= */

.nip-contact {
    position: relative;
    width: 100%;
    padding: 86px 0;
    background: #ffffff;
    overflow: hidden;
}

.nip-contact::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #123b66 0%, #f58220 50%, #123b66 100%);
    content: "";
}

.nip-contact .nip-container {
    position: relative;
    z-index: 1;
    width: min(var(--nip-container, 1250px), calc(100% - 48px));
    max-width: 1250px;
    margin-inline: auto;
}

.nip-contact .nip-section-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.nip-contact .nip-section-kicker {
    display: inline-block;
    margin-bottom: 12px;
    padding: 9px 18px;
    color: #df6b0c;
    background: #fff0e0;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.nip-contact .nip-section-title {
    margin: 0;
    color: #123b66;
    font-size: clamp(30px, 3.4vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.8px;
}

.nip-contact .nip-section-title span {
    color: #f58220;
}

.nip-contact .nip-section-heading > p {
    max-width: 680px;
    margin: 14px auto 0;
    color: #5d6878;
    font-size: 13px;
    line-height: 1.9;
}

.nip-contact .nip-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 22px;
}

.nip-contact .nip-contact-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    min-height: 245px;
    margin: 0;
    padding: 30px 24px;
    text-align: center;
    background: #f8fafc;
    border: 1px solid #e2e9f1;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 59, 102, .045);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.nip-contact .nip-contact-card:hover {
    transform: translateY(-5px);
    background: #ffffff;
    border-color: rgba(245, 130, 32, .55);
    box-shadow: 0 15px 34px rgba(18, 59, 102, .09);
}

.nip-contact .nip-contact-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    margin: 0 0 18px;
    color: #ffffff;
    background: #123b66;
    border-radius: 15px;
    font-size: 23px;
    transition: background .25s ease, transform .25s ease;
}

.nip-contact .nip-contact-card:hover .nip-contact-icon {
    background: #f58220;
    transform: scale(1.05);
}

.nip-contact .nip-contact-card h3 {
    margin: 0 0 9px;
    color: #123b66;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
}

.nip-contact .nip-contact-card > a {
    display: inline-block;
    max-width: 100%;
    margin: 0;
    color: #df6b0c;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.8;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color .2s ease;
}

.nip-contact .nip-contact-card > a:hover {
    color: #123b66;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.nip-contact .nip-contact-card > p {
    margin: 9px 0 0;
    color: #5d6878;
    font-size: 12px;
    line-height: 1.85;
}

@media (max-width: 1024px) {
    .nip-contact {
        padding: 68px 0;
    }

    .nip-contact .nip-container {
        width: calc(100% - 40px);
    }

    .nip-contact .nip-contact-grid {
        gap: 17px;
    }

    .nip-contact .nip-contact-card {
        padding: 26px 18px;
    }

    .nip-contact .nip-contact-card h3 {
        font-size: 16px;
    }

    .nip-contact .nip-contact-card > a {
        font-size: 12px;
    }
}

@media (max-width: 700px) {
    .nip-contact {
        padding: 52px 0;
    }

    .nip-contact .nip-container {
        width: calc(100% - 32px);
    }

    .nip-contact .nip-section-heading {
        margin-bottom: 30px;
    }

    .nip-contact .nip-section-kicker {
        margin-bottom: 10px;
        padding: 8px 14px;
        font-size: 10px;
    }

    .nip-contact .nip-section-title {
        font-size: clamp(27px, 7.2vw, 34px);
        letter-spacing: -.4px;
    }

    .nip-contact .nip-section-heading > p {
        margin-top: 11px;
        font-size: 13px;
    }

    .nip-contact .nip-contact-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .nip-contact .nip-contact-card {
        min-height: 0;
        padding: 25px 20px;
        border-radius: 14px;
    }

    .nip-contact .nip-contact-icon {
        flex-basis: 53px;
        width: 53px;
        height: 53px;
        margin-bottom: 15px;
        border-radius: 13px;
        font-size: 21px;
    }

    .nip-contact .nip-contact-card h3 {
        margin-bottom: 8px;
        font-size: 17px;
    }

    .nip-contact .nip-contact-card > a {
        font-size: 13px;
    }

    .nip-contact .nip-contact-card > p {
        margin-top: 7px;
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .nip-contact .nip-container {
        width: calc(100% - 24px);
    }

    .nip-contact .nip-contact-card {
        padding: 22px 16px;
    }

    .nip-contact .nip-contact-card > a {
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nip-contact *,
    .nip-contact *::before,
    .nip-contact *::after {
        transition-duration: .01ms !important;
    }
}


/* =========================================
   NICE INDIA PACKERS AND MOVERS
   SERVICE AREAS SECTION
========================================= */

.nip-sa-section {
    --nip-sa-navy: #123b66;
    --nip-sa-orange: #f58220;
    --nip-sa-text: #26374a;
    --nip-sa-muted: #68778a;

    position: relative;
    overflow: hidden;
    padding: 90px 20px;
    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(245, 130, 32, 0.07),
            transparent 28%
        ),
        linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
    font-family: inherit;
}

.nip-sa-section *,
.nip-sa-section *::before,
.nip-sa-section *::after {
    box-sizing: border-box;
}

.nip-sa-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

.nip-sa-heading {
    max-width: 820px;
    margin: 0 auto 45px;
    text-align: center;
}

.nip-sa-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 9px 16px;
    border: 1px solid rgba(245, 130, 32, 0.25);
    border-radius: 50px;
    background: rgba(245, 130, 32, 0.09);
    color: var(--nip-sa-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.nip-sa-heading h2 {
    margin: 0 0 18px;
    color: var(--nip-sa-navy);
    font-size: clamp(30px, 4vw, 43px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.nip-sa-heading h2 span {
    color: var(--nip-sa-orange);
}

.nip-sa-heading > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--nip-sa-muted);
    font-size: 16px;
    line-height: 1.85;
}

/* Feature banner */

.nip-sa-feature {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 35px;
    padding: 27px 30px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(245, 130, 32, 0.22),
            transparent 35%
        ),
        var(--nip-sa-navy);
    box-shadow: 0 15px 35px rgba(18, 59, 102, 0.14);
}

.nip-sa-feature-icon {
    display: flex;
    flex: 0 0 64px;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 27px;
}

.nip-sa-feature-content {
    flex: 1;
    min-width: 0;
}

.nip-sa-feature-content h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 750;
    line-height: 1.4;
}

.nip-sa-feature-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    line-height: 1.8;
}

.nip-sa-feature-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 13px 20px;
    border: 2px solid var(--nip-sa-orange);
    border-radius: 9px;
    background: var(--nip-sa-orange);
    color: #ffffff;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-sa-feature-btn:hover {
    transform: translateY(-2px);
    border-color: #ffffff;
    background: #ffffff;
    color: var(--nip-sa-navy);
}

/* Location cards */

.nip-sa-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.nip-sa-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 0;
    min-height: 106px;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #e5ebf2;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(18, 59, 102, 0.035);
    text-decoration: none;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-sa-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 0;
    background: var(--nip-sa-orange);
    content: "";
    transition: height 0.25s ease;
}

.nip-sa-card:hover {
    transform: translateY(-5px);
    border-color: rgba(245, 130, 32, 0.5);
    box-shadow: 0 14px 30px rgba(18, 59, 102, 0.1);
}

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

.nip-sa-card-icon {
    display: flex;
    flex: 0 0 50px;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #edf3f9;
    color: var(--nip-sa-navy);
    font-size: 20px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-sa-card:hover .nip-sa-card-icon {
    background: var(--nip-sa-orange);
    color: #ffffff;
}

.nip-sa-card-text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.nip-sa-card-text strong {
    color: var(--nip-sa-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.nip-sa-card:hover .nip-sa-card-text strong {
    color: var(--nip-sa-orange);
}

.nip-sa-card-text small {
    color: var(--nip-sa-muted);
    font-size: 12px;
    line-height: 1.5;
}

.nip-sa-arrow {
    flex: 0 0 auto;
    color: #9aa8b8;
    font-size: 14px;
    transition:
        transform 0.25s ease,
        color 0.25s ease;
}

.nip-sa-card:hover .nip-sa-arrow {
    transform: translateX(4px);
    color: var(--nip-sa-orange);
}

/* Bottom CTA */

.nip-sa-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 38px;
    padding: 28px 30px;
    border: 1px solid #e3eaf2;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(18, 59, 102, 0.045);
}

.nip-sa-bottom-text {
    flex: 1;
    min-width: 0;
}

.nip-sa-bottom-text h3 {
    margin: 0 0 8px;
    color: var(--nip-sa-navy);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-sa-bottom-text p {
    margin: 0;
    color: var(--nip-sa-muted);
    font-size: 14px;
    line-height: 1.8;
}

.nip-sa-bottom-actions {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.nip-sa-call,
.nip-sa-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 12px 17px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 750;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        background 0.25s ease,
        color 0.25s ease;
}

.nip-sa-call {
    border-color: var(--nip-sa-navy);
    background: var(--nip-sa-navy);
    color: #ffffff;
}

.nip-sa-call:hover {
    transform: translateY(-2px);
    background: #ffffff;
    color: var(--nip-sa-navy);
}

.nip-sa-whatsapp {
    border-color: #1fa855;
    background: #1fa855;
    color: #ffffff;
}

.nip-sa-whatsapp:hover {
    transform: translateY(-2px);
    background: #ffffff;
    color: #168b43;
}

/* Responsive tablet */

@media (max-width: 1024px) {
    .nip-sa-section {
        padding: 75px 22px;
    }

    .nip-sa-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .nip-sa-feature {
        flex-wrap: wrap;
    }

    .nip-sa-feature-content {
        flex-basis: calc(100% - 90px);
    }

    .nip-sa-feature-btn {
        margin-left: 86px;
    }

    .nip-sa-bottom {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Responsive mobile */

@media (max-width: 600px) {
    .nip-sa-section {
        padding: 58px 16px;
    }

    .nip-sa-heading {
        margin-bottom: 30px;
        text-align: left;
    }

    .nip-sa-kicker {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .nip-sa-heading h2 {
        font-size: clamp(27px, 7vw, 34px);
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .nip-sa-heading > p {
        font-size: 14px;
        line-height: 1.8;
    }

    .nip-sa-feature {
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 25px;
        padding: 21px 18px;
        border-radius: 14px;
    }

    .nip-sa-feature-icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 21px;
    }

    .nip-sa-feature-content {
        flex-basis: calc(100% - 63px);
    }

    .nip-sa-feature-content h3 {
        font-size: 17px;
    }

    .nip-sa-feature-content p {
        font-size: 13px;
    }

    .nip-sa-feature-btn {
        width: 100%;
        min-height: 46px;
        margin-left: 0;
    }

    .nip-sa-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .nip-sa-card {
        min-height: 88px;
        gap: 13px;
        padding: 16px;
    }

    .nip-sa-card-icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
        font-size: 18px;
    }

    .nip-sa-card-text strong {
        font-size: 16px;
    }

    .nip-sa-card-text small {
        font-size: 12px;
    }

    .nip-sa-bottom {
        gap: 20px;
        margin-top: 27px;
        padding: 22px 18px;
    }

    .nip-sa-bottom-text h3 {
        font-size: 20px;
    }

    .nip-sa-bottom-text p {
        font-size: 13px;
    }

    .nip-sa-bottom-actions {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .nip-sa-call,
    .nip-sa-whatsapp {
        width: 100%;
        min-height: 47px;
    }
}

@media (max-width: 360px) {
    .nip-sa-section {
        padding-right: 12px;
        padding-left: 12px;
    }

    .nip-sa-card {
        gap: 10px;
        padding: 13px;
    }

    .nip-sa-card-text strong {
        font-size: 15px;
    }

    .nip-sa-card-text small {
        font-size: 11px;
    }

    .nip-sa-bottom-text h3 {
        font-size: 18px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .nip-sa-section *,
    .nip-sa-section *::before,
    .nip-sa-section *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

.nip-about-hero {
    --nip-about-navy: #123b66;
    --nip-about-orange: #f58220;
    --nip-about-dark-orange: #df6b0c;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 48px 24px;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(245, 130, 32, 0.16),
            transparent 32%
        ),
        linear-gradient(
            120deg,
            #071a2d 0%,
            #0b2948 48%,
            #123b66 100%
        );
    font-family: inherit;
}

.nip-about-hero *,
.nip-about-hero *::before,
.nip-about-hero *::after {
    box-sizing: border-box;
}

/* CONTAINER */

.nip-about-hero-inner {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 42px;
}

/* CONTENT */

.nip-about-hero-content {
    min-width: 0;
}

.nip-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 14px;
    color: #ffad58;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1.6;
}

.nip-about-eyebrow i {
    font-size: 16px;
}

.nip-about-hero-content h1 {
    max-width: 620px;
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.8px;
}

.nip-about-hero-content h1 span {
    display: block;
    color: var(--nip-about-orange);
}

.nip-about-hero-description {
    max-width: 590px;
    margin: 0;
    color: #d6e2ef;
    font-size: 15px;
    line-height: 1.8;
}

/* BUTTONS */

.nip-about-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 23px;
}

.nip-about-btn {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-about-btn-primary {
    color: #ffffff;
    background: var(--nip-about-orange);
    border-color: var(--nip-about-orange);
}

.nip-about-btn-primary:hover {
    color: #ffffff;
    background: var(--nip-about-dark-orange);
    border-color: var(--nip-about-dark-orange);
    transform: translateY(-2px);
}

.nip-about-btn-outline {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.42);
}

.nip-about-btn-outline:hover {
    color: #102c49;
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

/* VISUAL PANEL */

.nip-about-hero-visual {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(245, 130, 32, 0.19),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025)
        );
}

.nip-about-visual-icon {
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.055);
}

.nip-about-visual-icon i {
    color: #ffffff;
    font-size: 90px;
}

/* TRUST BADGE */

.nip-about-hero-badge {
    position: absolute;
    right: 14px;
    bottom: 14px;
    left: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);
}

.nip-about-badge-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: var(--nip-about-orange);
    font-size: 18px;
}

.nip-about-hero-badge strong {
    display: block;
    margin-bottom: 3px;
    color: #123b66;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-about-hero-badge small {
    display: block;
    color: #657488;
    font-size: 12px;
    line-height: 1.5;
}

/* LAPTOP */

@media (max-width: 1100px) {
    .nip-about-hero {
        padding: 40px 24px;
    }

    .nip-about-hero-inner {
        gap: 30px;
    }

    .nip-about-hero-content h1 {
        font-size: 36px;
    }

    .nip-about-hero-visual {
        min-height: 245px;
    }
}

/* TABLET */

@media (max-width: 800px) {
    .nip-about-hero {
        padding: 34px 22px;
    }

    .nip-about-hero-inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr);
        gap: 22px;
    }

    .nip-about-hero-content h1 {
        font-size: 31px;
    }

    .nip-about-hero-description {
        font-size: 14px;
    }

    .nip-about-hero-visual {
        min-height: 220px;
    }

    .nip-about-visual-icon {
        width: 120px;
        height: 120px;
    }

    .nip-about-visual-icon i {
        font-size: 68px;
    }

    .nip-about-hero-badge {
        right: 10px;
        bottom: 10px;
        left: 10px;
        padding: 10px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-about-hero {
        padding: 30px 16px;
    }

    .nip-about-hero-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 23px;
    }

    .nip-about-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .nip-about-hero-content h1 {
        margin-bottom: 12px;
        font-size: 30px;
        line-height: 1.2;
        letter-spacing: -0.4px;
    }

    .nip-about-hero-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .nip-about-hero-actions {
        gap: 10px;
        margin-top: 18px;
    }

    .nip-about-btn {
        min-height: 43px;
        padding: 10px 14px;
        font-size: 13px;
    }

    .nip-about-hero-visual {
        min-height: 205px;
        border-radius: 13px;
    }

    .nip-about-visual-icon {
        width: 110px;
        height: 110px;
    }

    .nip-about-visual-icon i {
        font-size: 62px;
    }

    .nip-about-hero-badge {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 10px;
        padding: 10px 12px;
    }

    .nip-about-badge-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 16px;
    }

    .nip-about-hero-badge strong {
        font-size: 13px;
    }

    .nip-about-hero-badge small {
        font-size: 11px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-about-hero {
        padding: 25px 13px;
    }

    .nip-about-hero-content h1 {
        font-size: 27px;
    }

    .nip-about-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nip-about-btn {
        width: 100%;
    }

    .nip-about-hero-visual {
        min-height: 185px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-about-btn {
        transition: none;
    }
}

/* ========================================
   ABOUT INTRO SECTION
   NICE INDIA PACKERS AND MOVERS
======================================== */

.nip-about-intro {
    --nip-intro-navy: #123b66;
    --nip-intro-orange: #f58220;
    --nip-intro-dark-orange: #df6b0c;

    width: 100%;
    padding: 65px 24px;
    background: #ffffff;
    font-family: inherit;
}

.nip-about-intro *,
.nip-about-intro *::before,
.nip-about-intro *::after {
    box-sizing: border-box;
}

/* SHARED 1250PX CONTAINER */

.nip-about-intro-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 55px;
}

/* VISUAL PANEL */

.nip-about-intro-visual {
    position: relative;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #e1eaf4;
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(245, 130, 32, 0.15),
            transparent 35%
        ),
        linear-gradient(145deg, #edf4fc, #f9fbfe);
}

.nip-about-intro-icon {
    width: 190px;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(18, 59, 102, 0.07);
}

.nip-about-intro-icon i {
    color: var(--nip-intro-navy);
    font-size: 100px;
}

/* VISUAL BADGE */

.nip-about-intro-experience {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px;
    border: 1px solid #e9edf3;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(18, 59, 102, 0.08);
}

.nip-about-intro-experience > i {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nip-intro-orange);
    font-size: 20px;
}

.nip-about-intro-experience strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-intro-navy);
    font-size: 15px;
    font-weight: 800;
}

.nip-about-intro-experience span {
    display: block;
    color: #68788a;
    font-size: 12px;
    line-height: 1.5;
}

/* CONTENT */

.nip-about-intro-content {
    min-width: 0;
}

.nip-about-intro-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--nip-intro-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-about-intro-label i {
    font-size: 15px;
}

.nip-about-intro-content h2 {
    margin: 0 0 17px;
    color: var(--nip-intro-navy);
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-about-intro-content h2 span {
    display: block;
    color: var(--nip-intro-orange);
}

.nip-about-intro-content p {
    margin: 0 0 13px;
    color: #5b6b7e;
    font-size: 15px;
    line-height: 1.8;
}

/* FEATURE LIST */

.nip-about-intro-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 20px;
    margin: 23px 0;
}

.nip-about-intro-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--nip-intro-navy);
    font-size: 14px;
    font-weight: 700;
}

.nip-about-intro-feature i {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--nip-intro-orange);
    background: #fff3e8;
    font-size: 15px;
}

/* CTA BUTTON */

.nip-about-intro-btn {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 12px 20px;
    border: 2px solid var(--nip-intro-orange);
    border-radius: 6px;
    color: #ffffff;
    background: var(--nip-intro-orange);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.nip-about-intro-btn:hover {
    color: #ffffff;
    background: var(--nip-intro-dark-orange);
    border-color: var(--nip-intro-dark-orange);
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 1000px) {
    .nip-about-intro {
        padding: 50px 24px;
    }

    .nip-about-intro-container {
        gap: 32px;
    }

    .nip-about-intro-visual {
        min-height: 310px;
    }

    .nip-about-intro-icon {
        width: 155px;
        height: 155px;
    }

    .nip-about-intro-icon i {
        font-size: 82px;
    }

    .nip-about-intro-content h2 {
        font-size: 31px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .nip-about-intro {
        padding: 42px 18px;
    }

    .nip-about-intro-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    .nip-about-intro-visual {
        min-height: 250px;
        border-radius: 14px;
    }

    .nip-about-intro-icon {
        width: 130px;
        height: 130px;
    }

    .nip-about-intro-icon i {
        font-size: 70px;
    }

    .nip-about-intro-experience {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 12px;
    }

    .nip-about-intro-content h2 {
        font-size: 30px;
    }

    .nip-about-intro-content p {
        font-size: 14px;
        line-height: 1.75;
    }

    .nip-about-intro-features {
        gap: 13px 12px;
        margin: 20px 0;
    }

    .nip-about-intro-feature {
        font-size: 13px;
    }
}

/* SMALL MOBILE */

@media (max-width: 400px) {
    .nip-about-intro {
        padding: 35px 14px;
    }

    .nip-about-intro-visual {
        min-height: 220px;
    }

    .nip-about-intro-content h2 {
        font-size: 27px;
    }

    .nip-about-intro-features {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    .nip-about-intro-btn {
        width: 100%;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-about-intro-btn {
        transition: none;
    }
}
.nip-about-why {
    --nip-why-navy: #123b66;
    --nip-why-orange: #f58220;
    --nip-why-dark-orange: #df6b0c;

    width: 100%;
    padding: 60px 24px;
    background: #f6f9fd;
    font-family: inherit;
}

.nip-about-why *,
.nip-about-why *::before,
.nip-about-why *::after {
    box-sizing: border-box;
}

.nip-about-why-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-about-why-heading {
    max-width: 700px;
    margin: 0 auto 34px;
    text-align: center;
}

.nip-about-why-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--nip-why-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-about-why-label i {
    font-size: 14px;
}

.nip-about-why-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-why-navy);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-about-why-heading h2 span {
    display: block;
    color: var(--nip-why-orange);
}

.nip-about-why-heading p {
    max-width: 590px;
    margin: 0 auto;
    color: #617185;
    font-size: 15px;
    line-height: 1.7;
}

/* CARDS GRID */

.nip-about-why-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

/* INDIVIDUAL CARD */

.nip-about-why-card {
    min-width: 0;
    padding: 27px 22px;
    border: 1px solid #e5ebf2;
    border-radius: 12px;
    background: #ffffff;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.nip-about-why-card:hover {
    transform: translateY(-5px);
    border-color: rgba(245, 130, 32, 0.45);
    box-shadow: 0 12px 30px rgba(18, 59, 102, 0.08);
}

.nip-about-why-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 19px;
    border-radius: 10px;
    color: var(--nip-why-orange);
    background: #fff2e5;
    font-size: 23px;
    transition:
        color 0.25s ease,
        background 0.25s ease;
}

.nip-about-why-card:hover .nip-about-why-icon {
    color: #ffffff;
    background: var(--nip-why-orange);
}

.nip-about-why-card h3 {
    margin: 0 0 10px;
    color: var(--nip-why-navy);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-about-why-card p {
    margin: 0;
    color: #657488;
    font-size: 14px;
    line-height: 1.75;
}

/* LAPTOP */

@media (max-width: 1050px) {
    .nip-about-why {
        padding: 50px 24px;
    }

    .nip-about-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .nip-about-why-card {
        padding: 24px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-about-why {
        padding: 40px 18px;
    }

    .nip-about-why-heading {
        margin-bottom: 25px;
        text-align: left;
    }

    .nip-about-why-heading h2 {
        font-size: 28px;
    }

    .nip-about-why-heading p {
        margin: 0;
        font-size: 14px;
    }

    .nip-about-why-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .nip-about-why-card {
        padding: 22px;
    }

    .nip-about-why-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 14px;
        font-size: 21px;
    }

    .nip-about-why-card h3 {
        font-size: 17px;
    }

    .nip-about-why-card p {
        font-size: 14px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-about-why {
        padding: 34px 14px;
    }

    .nip-about-why-heading h2 {
        font-size: 25px;
    }

    .nip-about-why-card {
        padding: 19px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-about-why-card,
    .nip-about-why-icon {
        transition: none;
    }
}
.nip-about-process {
    --nip-process-navy: #123b66;
    --nip-process-orange: #f58220;
    --nip-process-dark-orange: #df6b0c;

    width: 100%;
    padding: 60px 24px;
    background: #ffffff;
    font-family: inherit;
}

.nip-about-process *,
.nip-about-process *::before,
.nip-about-process *::after {
    box-sizing: border-box;
}

.nip-about-process-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-about-process-heading {
    max-width: 700px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-about-process-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--nip-process-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-about-process-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-process-navy);
    font-size: clamp(28px, 3vw, 38px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-about-process-heading h2 span {
    display: block;
    color: var(--nip-process-orange);
}

.nip-about-process-heading p {
    max-width: 600px;
    margin: 0 auto;
    color: #617185;
    font-size: 15px;
    line-height: 1.7;
}

/* PROCESS GRID */

.nip-about-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.nip-about-process-card {
    position: relative;
    min-width: 0;
    padding: 26px 21px;
    overflow: hidden;
    border: 1px solid #e4eaf2;
    border-radius: 12px;
    background: #ffffff;
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-about-process-card:hover {
    transform: translateY(-5px);
    border-color: rgba(245, 130, 32, 0.45);
    box-shadow: 0 12px 28px rgba(18, 59, 102, 0.08);
}

.nip-about-process-number {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #edf1f6;
    font-size: 38px;
    font-weight: 900;
    line-height: 1;
}

.nip-about-process-icon {
    position: relative;
    z-index: 1;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 10px;
    color: var(--nip-process-orange);
    background: #fff2e6;
    font-size: 22px;
}

.nip-about-process-card h3 {
    margin: 0 0 10px;
    color: var(--nip-process-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-about-process-card p {
    margin: 0;
    color: #657488;
    font-size: 14px;
    line-height: 1.75;
}

/* BOTTOM CTA */

.nip-about-process-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
    padding: 24px 28px;
    border-radius: 12px;
    background: #123b66;
}

.nip-about-process-cta-content h3 {
    margin: 0 0 6px;
    color: #ffffff;
    font-size: 21px;
    font-weight: 800;
}

.nip-about-process-cta-content p {
    margin: 0;
    color: #e0e9f4;
    font-size: 14px;
    line-height: 1.6;
}

.nip-about-process-btn {
    min-height: 44px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 11px 18px;
    border: 2px solid var(--nip-process-orange);
    border-radius: 6px;
    color: #ffffff;
    background: var(--nip-process-orange);
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: all 0.25s ease;
}

.nip-about-process-btn:hover {
    color: #ffffff;
    background: var(--nip-process-dark-orange);
    border-color: var(--nip-process-dark-orange);
    transform: translateY(-2px);
}

/* TABLET */

@media (max-width: 1050px) {
    .nip-about-process {
        padding: 50px 24px;
    }

    .nip-about-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .nip-about-process-card {
        padding: 24px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-about-process {
        padding: 40px 18px;
    }

    .nip-about-process-heading {
        margin-bottom: 26px;
        text-align: left;
    }

    .nip-about-process-heading h2 {
        font-size: 28px;
    }

    .nip-about-process-heading p {
        margin: 0;
        font-size: 14px;
    }

    .nip-about-process-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .nip-about-process-card {
        padding: 21px;
    }

    .nip-about-process-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 14px;
        font-size: 20px;
    }

    .nip-about-process-card h3 {
        font-size: 16px;
    }

    .nip-about-process-card p {
        font-size: 14px;
    }

    .nip-about-process-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 17px;
        margin-top: 22px;
        padding: 22px;
    }

    .nip-about-process-cta-content h3 {
        font-size: 19px;
    }

    .nip-about-process-btn {
        width: 100%;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-about-process {
        padding: 34px 14px;
    }

    .nip-about-process-heading h2 {
        font-size: 25px;
    }

    .nip-about-process-card {
        padding: 18px;
    }

    .nip-about-process-cta {
        padding: 18px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-about-process-card,
    .nip-about-process-btn {
        transition: none;
    }
}
.nip-about-cta {
    --nip-cta-navy: #123b66;
    --nip-cta-orange: #f58220;
    --nip-cta-dark-orange: #df6b0c;

    width: 100%;
    padding: 55px 24px;
    background: #f5f8fc;
    font-family: inherit;
}

.nip-about-cta *,
.nip-about-cta *::before,
.nip-about-cta *::after {
    box-sizing: border-box;
}

/* CONTAINER */

.nip-about-cta-container {
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 38px 42px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: center;
    gap: 35px;
    overflow: hidden;
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(245, 130, 32, 0.17),
            transparent 32%
        ),
        linear-gradient(120deg, #123b66, #174b7b);
}

/* CONTENT */

.nip-about-cta-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.nip-about-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #ffb66e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-about-cta-label i {
    font-size: 14px;
}

.nip-about-cta-content h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(29px, 3.1vw, 40px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-about-cta-content h2 span {
    display: block;
    color: #ffab5b;
}

.nip-about-cta-content p {
    max-width: 590px;
    margin: 0;
    color: #e1eaf4;
    font-size: 14px;
    line-height: 1.8;
}

/* ACTION BUTTONS */

.nip-about-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 23px;
}

.nip-about-cta-btn {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-about-cta-call {
    color: #ffffff;
    background: var(--nip-cta-orange);
    border-color: var(--nip-cta-orange);
}

.nip-about-cta-call:hover {
    color: #ffffff;
    background: var(--nip-cta-dark-orange);
    border-color: var(--nip-cta-dark-orange);
    transform: translateY(-2px);
}

.nip-about-cta-whatsapp {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.55);
}

.nip-about-cta-whatsapp:hover {
    color: var(--nip-cta-navy);
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

/* RIGHT VISUAL */

.nip-about-cta-visual {
    position: relative;
    min-width: 0;
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nip-about-cta-circle {
    width: 185px;
    height: 185px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.nip-about-cta-circle i {
    color: #ffffff;
    font-size: 100px;
}

/* FLOATING CARD */

.nip-about-cta-card {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #e9edf3;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.nip-about-cta-card > i {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: var(--nip-cta-orange);
    font-size: 20px;
}

.nip-about-cta-card strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-cta-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-about-cta-card span {
    display: block;
    color: #68788a;
    font-size: 11px;
    line-height: 1.5;
}

/* TABLET */

@media (max-width: 900px) {
    .nip-about-cta {
        padding: 42px 22px;
    }

    .nip-about-cta-container {
        padding: 32px 28px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.75fr);
        gap: 24px;
    }

    .nip-about-cta-content h2 {
        font-size: 32px;
    }

    .nip-about-cta-visual {
        min-height: 210px;
    }

    .nip-about-cta-circle {
        width: 145px;
        height: 145px;
    }

    .nip-about-cta-circle i {
        font-size: 78px;
    }

    .nip-about-cta-card {
        padding: 10px;
    }
}

/* MOBILE */

@media (max-width: 650px) {
    .nip-about-cta {
        padding: 35px 16px;
    }

    .nip-about-cta-container {
        padding: 27px 21px;
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
        border-radius: 12px;
    }

    .nip-about-cta-label {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .nip-about-cta-content h2 {
        margin-bottom: 12px;
        font-size: 29px;
    }

    .nip-about-cta-content p {
        font-size: 14px;
        line-height: 1.7;
    }

    .nip-about-cta-actions {
        gap: 10px;
        margin-top: 18px;
    }

    .nip-about-cta-btn {
        min-height: 43px;
        padding: 10px 14px;
        font-size: 13px;
    }

    .nip-about-cta-visual {
        min-height: 205px;
    }

    .nip-about-cta-circle {
        width: 135px;
        height: 135px;
    }

    .nip-about-cta-circle i {
        font-size: 72px;
    }

    .nip-about-cta-card {
        right: 0;
        bottom: 0;
        left: 0;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-about-cta {
        padding: 28px 12px;
    }

    .nip-about-cta-container {
        padding: 23px 16px;
    }

    .nip-about-cta-content h2 {
        font-size: 26px;
    }

    .nip-about-cta-actions {
        flex-direction: column;
    }

    .nip-about-cta-btn {
        width: 100%;
    }

    .nip-about-cta-visual {
        min-height: 190px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-about-cta-btn {
        transition: none;
    }
}

.fsg-gallery-section,
.fsg-gallery-section *,
.fsg-lightbox,
.fsg-lightbox * {
    box-sizing: border-box;
}

.fsg-gallery-section {
    --fsg-navy: #173d69;
    --fsg-orange: #dd7436;
    --fsg-muted: #6d7888;

    width: 100%;
    padding: 85px 20px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.fsg-gallery-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

/* Heading */

.fsg-gallery-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.fsg-gallery-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--fsg-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    line-height: 1.6;
}

.fsg-gallery-subtitle-line {
    width: 25px;
    height: 2px;
    background: var(--fsg-orange);
}

.fsg-gallery-heading h2 {
    margin: 15px 0;
    color: var(--fsg-navy);
    font-size: clamp(30px, 4vw, 45px);
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -1px;
}

.fsg-gallery-heading h2 span {
    color: var(--fsg-orange);
}

.fsg-gallery-heading p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--fsg-muted);
    font-size: 16px;
    line-height: 1.85;
}

/* Gallery Grid */

.fsg-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.fsg-gallery-item {
    position: relative;
    display: block;
    width: 100%;
    height: 305px;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 10px;
    background: #e9edf2;
    text-align: left;
    cursor: zoom-in;
    isolation: isolate;
    animation: fsgGalleryEnter 0.55s ease both;
}

.fsg-gallery-item:nth-child(2) {
    animation-delay: 0.07s;
}

.fsg-gallery-item:nth-child(3) {
    animation-delay: 0.14s;
}

.fsg-gallery-item:nth-child(4) {
    animation-delay: 0.21s;
}

.fsg-gallery-item:nth-child(5) {
    animation-delay: 0.28s;
}

.fsg-gallery-item:nth-child(6) {
    animation-delay: 0.35s;
}

@keyframes fsgGalleryEnter {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fsg-gallery-item > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.65s cubic-bezier(.2,.7,.2,1);
}

.fsg-gallery-item:hover > img {
    transform: scale(1.09);
}

.fsg-gallery-item::after {
    position: absolute;
    z-index: 0;
    inset: 0;
    content: "";
    background: linear-gradient(
        180deg,
        rgba(10, 25, 42, 0) 25%,
        rgba(10, 25, 42, 0.12) 45%,
        rgba(10, 25, 42, 0.9) 100%
    );
    transition: background 0.35s ease;
}

.fsg-gallery-item:hover::after {
    background: linear-gradient(
        180deg,
        rgba(10, 25, 42, 0.04) 15%,
        rgba(10, 25, 42, 0.2) 42%,
        rgba(10, 25, 42, 0.96) 100%
    );
}

.fsg-gallery-overlay {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 20px;
}

.fsg-gallery-info {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    transform: translateY(5px);
    transition: transform 0.3s ease;
}

.fsg-gallery-item:hover .fsg-gallery-info {
    transform: translateY(0);
}

.fsg-gallery-category {
    color: #ffbd91;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.5;
}

.fsg-gallery-title {
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.fsg-gallery-zoom {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    transition: background .3s ease, transform .3s ease;
}

.fsg-gallery-item:hover .fsg-gallery-zoom {
    background: var(--fsg-orange);
    border-color: var(--fsg-orange);
    transform: rotate(45deg);
}

.fsg-gallery-item:focus-visible {
    outline: 3px solid var(--fsg-orange);
    outline-offset: 4px;
}

/* Call to Action */

.fsg-gallery-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 42px;
    padding: 32px 35px;
    border-radius: 10px;
    background: var(--fsg-navy);
}

.fsg-gallery-cta-content {
    flex: 1;
    min-width: 0;
}

.fsg-gallery-cta-content > span {
    display: block;
    margin-bottom: 9px;
    color: #ffbd91;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.fsg-gallery-cta-content h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: clamp(21px, 2.5vw, 28px);
    line-height: 1.35;
    font-weight: 800;
}

.fsg-gallery-cta-content p {
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    line-height: 1.7;
}

.fsg-gallery-cta-btn {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 49px;
    padding: 13px 22px;
    border-radius: 5px;
    background: var(--fsg-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition: background .25s ease, transform .25s ease;
}

.fsg-gallery-cta-btn:hover {
    background: #c85f24;
    color: #fff;
    transform: translateY(-3px);
}

.fsg-gallery-cta-btn span {
    font-size: 20px;
}

/* Popup Lightbox */

.fsg-lightbox[hidden] {
    display: none !important;
}

.fsg-lightbox {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 65px 35px 35px;
    background: rgba(7,15,27,.95);
    backdrop-filter: blur(7px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}

.fsg-lightbox.fsg-lightbox-open {
    opacity: 1;
    visibility: visible;
}

body.fsg-lightbox-active {
    overflow: hidden;
}

.fsg-lightbox-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
    max-height: 100%;
    min-width: 0;
    transform: scale(.96);
    transition: transform .3s ease;
}

.fsg-lightbox-open .fsg-lightbox-content {
    transform: scale(1);
}

.fsg-lightbox-content > img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 190px);
    object-fit: contain;
    border-radius: 7px;
    box-shadow: 0 15px 55px rgba(0,0,0,.4);
}

.fsg-lightbox-caption {
    width: 100%;
    max-width: 850px;
    padding: 17px 5px 0;
    text-align: center;
}

.fsg-lightbox-caption > span:first-child {
    display: block;
    margin-bottom: 5px;
    color: #ffbd91;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.fsg-lightbox-caption h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
}

.fsg-lightbox-caption > span:last-child {
    display: block;
    color: #cbd2dc;
    font-size: 12px;
}

.fsg-lightbox-close,
.fsg-lightbox-prev,
.fsg-lightbox-next {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #fff;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

.fsg-lightbox-close:hover,
.fsg-lightbox-prev:hover,
.fsg-lightbox-next:hover {
    background: var(--fsg-orange);
    border-color: var(--fsg-orange);
}

.fsg-lightbox-close {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 45px;
    height: 45px;
    font-size: 32px;
    line-height: 1;
}

.fsg-lightbox-prev,
.fsg-lightbox-next {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    font-size: 35px;
    line-height: 1;
}

.fsg-lightbox-prev:hover {
    transform: translateX(-2px);
}

.fsg-lightbox-next:hover {
    transform: translateX(2px);
}

.fsg-lightbox-close:focus-visible,
.fsg-lightbox-prev:focus-visible,
.fsg-lightbox-next:focus-visible {
    outline: 3px solid #ffbd91;
    outline-offset: 4px;
}

/* Tablet */

@media (max-width: 991px) {
    .fsg-gallery-section {
        padding: 70px 22px;
    }

    .fsg-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .fsg-gallery-item {
        height: 285px;
    }

    .fsg-gallery-cta {
        padding: 27px;
    }

    .fsg-lightbox {
        gap: 13px;
        padding-right: 22px;
        padding-left: 22px;
    }
}

/* Mobile */

@media (max-width: 600px) {
    .fsg-gallery-section {
        padding: 55px 15px;
    }

    .fsg-gallery-heading {
        margin-bottom: 28px;
        text-align: left;
    }

    .fsg-gallery-subtitle {
        justify-content: flex-start;
        gap: 7px;
        font-size: 10px;
        letter-spacing: 1.2px;
    }

    .fsg-gallery-subtitle-line {
        width: 16px;
    }

    .fsg-gallery-heading h2 {
        margin: 13px 0;
        font-size: 30px;
        line-height: 1.25;
        letter-spacing: -.6px;
    }

    .fsg-gallery-heading p {
        font-size: 14px;
        line-height: 1.8;
    }

    .fsg-gallery-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .fsg-gallery-item {
        height: 280px;
        border-radius: 8px;
    }

    .fsg-gallery-overlay {
        padding: 19px 17px;
    }

    .fsg-gallery-title {
        font-size: 18px;
    }

    .fsg-gallery-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-top: 28px;
        padding: 24px 20px;
    }

    .fsg-gallery-cta-content h3 {
        font-size: 23px;
    }

    .fsg-gallery-cta-content p {
        font-size: 13px;
    }

    .fsg-gallery-cta-btn {
        width: 100%;
    }

    .fsg-lightbox {
        gap: 8px;
        padding: 65px 10px 25px;
    }

    .fsg-lightbox-content {
        flex: 1;
        width: 0;
    }

    .fsg-lightbox-content > img {
        max-width: 100%;
        max-height: calc(100vh - 200px);
    }

    .fsg-lightbox-prev,
    .fsg-lightbox-next {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 26px;
    }

    .fsg-lightbox-close {
        top: 13px;
        right: 13px;
        width: 39px;
        height: 39px;
    }

    .fsg-lightbox-caption {
        padding-top: 13px;
    }

    .fsg-lightbox-caption h3 {
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .fsg-gallery-section {
        padding-right: 12px;
        padding-left: 12px;
    }

    .fsg-gallery-item {
        height: 245px;
    }

    .fsg-lightbox {
        gap: 5px;
        padding-right: 6px;
        padding-left: 6px;
    }

    .fsg-lightbox-prev,
    .fsg-lightbox-next {
        flex-basis: 29px;
        width: 29px;
        height: 29px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fsg-gallery-section *,
    .fsg-lightbox,
    .fsg-lightbox * {
        animation: none !important;
        transition: none !important;
    }
}

/* =====================================
   GALLERY PAGE HERO
   FLOOR SHIFT PACKERS AND MOVERS
===================================== */

.fsg-gallery-hero,
.fsg-gallery-hero * {
    box-sizing: border-box;
}

.fsg-gallery-hero {
    --fsg-navy: #173d69;
    --fsg-orange: #dd7436;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    background: #0c213b;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.fsg-gallery-hero-bg {
    position: absolute;
    z-index: -2;
    inset: 0;
    background-image: url("https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?auto=format&fit=crop&w=1800&q=85");
    background-position: center;
    background-size: cover;
    opacity: .24;
    transform: scale(1.04);
}

.fsg-gallery-hero-overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(
        105deg,
        rgba(7, 23, 43, .98) 0%,
        rgba(13, 39, 69, .96) 48%,
        rgba(23, 61, 105, .88) 100%
    );
}

/* Main Layout */

.fsg-gallery-hero-container {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .85fr);
    align-items: center;
    gap: 65px;
    width: 100%;
    max-width: 1250px;
    min-height: 460px;
    margin: 0 auto;
    padding: 65px 25px 75px;
}

/* Text Content */

.fsg-gallery-hero-content {
    min-width: 0;
    animation: fsgGalleryHeroEnter .8s ease both;
}

.fsg-gallery-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    margin-bottom: 22px;
    padding: 10px 13px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 4px;
    background: rgba(255, 255, 255, .06);
    color: #ffbd91;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    line-height: 1.6;
}

.fsg-gallery-hero-badge span {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--fsg-orange);
    box-shadow: 0 0 0 4px rgba(221, 116, 54, .16);
}

.fsg-gallery-hero-content h1 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(38px, 4.5vw, 59px);
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.fsg-gallery-hero-content h1 span {
    display: block;
    color: #ff9b60;
}

.fsg-gallery-hero-content p {
    max-width: 550px;
    margin: 0 0 27px;
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.9;
}

/* Breadcrumb */

.fsg-gallery-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: #ffbd91;
    font-size: 13px;
    font-weight: 600;
}

.fsg-gallery-breadcrumb a {
    color: #ffffff;
    text-decoration: none;
    transition: color .25s ease;
}

.fsg-gallery-breadcrumb a:hover {
    color: #ffbd91;
}

.fsg-gallery-breadcrumb > span:nth-child(2) {
    color: rgba(255, 255, 255, .48);
}

/* Hero Image */

.fsg-gallery-hero-visual {
    position: relative;
    width: 100%;
    max-width: 490px;
    justify-self: end;
    padding: 0 15px 24px 0;
    animation: fsgGalleryImageEnter .9s .1s ease both;
}

.fsg-gallery-hero-image {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 320px;
    overflow: hidden;
    border: 5px solid rgba(255, 255, 255, .13);
    border-radius: 8px;
    background: #263b53;
    box-shadow: 0 25px 55px rgba(0, 0, 0, .24);
}

.fsg-gallery-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease;
}

.fsg-gallery-hero-image:hover img {
    transform: scale(1.06);
}

.fsg-gallery-hero-accent {
    position: absolute;
    z-index: 0;
    top: 20px;
    right: 0;
    bottom: 0;
    width: 72%;
    border: 2px solid var(--fsg-orange);
    border-radius: 8px;
}

/* Image Caption */

.fsg-gallery-hero-caption {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 25px);
    padding: 15px 19px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .2);
    color: #24374d;
}

.fsg-gallery-caption-icon {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(221, 116, 54, .13);
    color: var(--fsg-orange);
    font-size: 19px;
    font-weight: 800;
}

.fsg-gallery-hero-caption > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.fsg-gallery-hero-caption strong {
    color: var(--fsg-navy);
    font-size: 13px;
    line-height: 1.4;
}

.fsg-gallery-hero-caption > div span {
    color: #6d7888;
    font-size: 11px;
    line-height: 1.5;
}

/* Bottom Service Strip */

.fsg-gallery-hero-bottom {
    border-top: 1px solid rgba(255, 255, 255, .13);
    background: rgba(4, 17, 32, .38);
}

.fsg-gallery-hero-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 22px;
    width: 100%;
    max-width: 1250px;
    min-height: 55px;
    margin: 0 auto;
    padding: 13px 20px;
    color: rgba(255, 255, 255, .83);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-align: center;
}

.fsg-gallery-hero-dot {
    flex: 0 0 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--fsg-orange);
}

/* Animations */

@keyframes fsgGalleryHeroEnter {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

@keyframes fsgGalleryImageEnter {
    from {
        opacity: 0;
        transform: translateX(18px);
    }

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

/* Tablet */

@media (max-width: 950px) {
    .fsg-gallery-hero-container {
        gap: 35px;
        min-height: 420px;
        padding: 55px 24px 65px;
    }

    .fsg-gallery-hero-content h1 {
        font-size: clamp(35px, 4.5vw, 46px);
    }

    .fsg-gallery-hero-image {
        height: 280px;
    }

    .fsg-gallery-hero-content p {
        font-size: 14px;
    }
}

/* Mobile */

@media (max-width: 700px) {
    .fsg-gallery-hero-container {
        grid-template-columns: 1fr;
        gap: 34px;
        min-height: auto;
        padding: 48px 20px 55px;
    }

    .fsg-gallery-hero-content {
        width: 100%;
    }

    .fsg-gallery-hero-content h1 {
        font-size: clamp(36px, 8vw, 48px);
        line-height: 1.15;
        letter-spacing: -1px;
    }

    .fsg-gallery-hero-content p {
        max-width: 600px;
        margin-bottom: 23px;
        font-size: 14px;
        line-height: 1.85;
    }

    .fsg-gallery-hero-visual {
        justify-self: start;
        width: 100%;
        max-width: 520px;
        padding-right: 12px;
    }

    .fsg-gallery-hero-image {
        height: 290px;
    }

    .fsg-gallery-hero-bottom-inner {
        justify-content: flex-start;
        gap: 12px;
        font-size: 9px;
        letter-spacing: .8px;
    }
}

@media (max-width: 420px) {
    .fsg-gallery-hero-container {
        gap: 29px;
        padding: 40px 16px 48px;
    }

    .fsg-gallery-hero-badge {
        margin-bottom: 18px;
        padding: 9px 10px;
        font-size: 9px;
        letter-spacing: .8px;
    }

    .fsg-gallery-hero-content h1 {
        font-size: 35px;
    }

    .fsg-gallery-hero-content p {
        font-size: 13px;
    }

    .fsg-gallery-hero-image {
        height: 235px;
        border-width: 4px;
    }

    .fsg-gallery-hero-caption {
        gap: 9px;
        padding: 12px;
    }

    .fsg-gallery-caption-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .fsg-gallery-hero-caption strong {
        font-size: 12px;
    }

    .fsg-gallery-hero-caption > div span {
        font-size: 10px;
    }

    .fsg-gallery-hero-bottom-inner {
        gap: 9px;
        padding: 13px 16px;
        font-size: 8px;
        letter-spacing: .5px;
    }

    .fsg-gallery-hero-dot {
        flex-basis: 4px;
        width: 4px;
        height: 4px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .fsg-gallery-hero *,
    .fsg-gallery-hero *::before,
    .fsg-gallery-hero *::after {
        animation: none !important;
        transition: none !important;
    }
}

.nip-contact-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 78px 0 65px;
    background: linear-gradient(125deg, #0b2038 0%, #173d69 60%, #214d77 100%);
    font-family: 'Inter', sans-serif;
}

.nip-contact-hero,
.nip-contact-hero * {
    box-sizing: border-box;
}

.nip-contact-hero-bg {
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 15%, rgba(221,116,54,.22), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(255,255,255,.06), transparent 32%);
}

.nip-contact-hero::before {
    position: absolute;
    z-index: -1;
    top: -150px;
    right: -100px;
    width: 430px;
    height: 430px;
    content: "";
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
    box-shadow:
        0 0 0 45px rgba(255,255,255,.025),
        0 0 0 90px rgba(255,255,255,.02);
}

.nip-contact-hero-container {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    align-items: center;
    gap: 65px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

.nip-contact-hero-content {
    position: relative;
    z-index: 2;
    animation: nipContactHeroReveal .7s ease both;
}

.nip-contact-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 30px;
    background: rgba(255,255,255,.07);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.nip-contact-hero-label i {
    color: #ffad76;
    font-size: 14px;
}

.nip-contact-hero-content h1 {
    margin: 25px 0 20px;
    color: #fff;
    font-size: clamp(35px, 4vw, 53px);
    font-weight: 800;
    letter-spacing: -1.6px;
    line-height: 1.17;
}

.nip-contact-hero-content h1 span {
    display: block;
    margin-top: 7px;
    color: #ffad76;
}

.nip-contact-hero-content > p {
    max-width: 590px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 14px;
    line-height: 1.95;
}

.nip-contact-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 29px;
}

.nip-contact-hero-btn {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 21px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .25s ease, background .25s ease;
}

.nip-contact-hero-btn:hover {
    transform: translateY(-3px);
}

.nip-contact-call-btn {
    color: #fff;
    background: #dd7436;
    box-shadow: 0 8px 22px rgba(221,116,54,.23);
}

.nip-contact-call-btn:hover {
    color: #fff;
    background: #c65d24;
}

.nip-contact-whatsapp-btn {
    color: #fff;
    border-color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.07);
}

.nip-contact-whatsapp-btn:hover {
    color: #fff;
    border-color: #159b61;
    background: #159b61;
}

.nip-contact-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: 28px;
}

.nip-contact-hero-features span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.9);
    font-size: 11px;
    font-weight: 600;
}

.nip-contact-hero-features i {
    color: #ffad76;
    font-size: 13px;
}

.nip-contact-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
    margin-top: 33px;
    color: rgba(255,255,255,.7);
    font-size: 12px;
}

.nip-contact-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.nip-contact-breadcrumb a:hover {
    color: #ffad76;
}

.nip-contact-breadcrumb > i {
    font-size: 9px;
}

/* IMAGE AREA */

.nip-contact-hero-visual {
    position: relative;
    width: 100%;
    max-width: 520px;
    justify-self: end;
    padding: 0 13px 30px 20px;
    animation: nipContactHeroReveal .9s ease both;
}

.nip-contact-hero-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 390px;
    border: 6px solid rgba(255,255,255,.14);
    border-radius: 13px;
    background: #dfe7ef;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
}

.nip-contact-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.nip-contact-hero-image:hover img {
    transform: scale(1.05);
}

/* FLOATING IMAGE CARD */

.nip-contact-floating-card {
    position: absolute;
    z-index: 3;
    right: -4px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: calc(100% - 20px);
    padding: 17px 21px;
    border: 1px solid rgba(23,61,105,.06);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.2);
}

.nip-contact-floating-icon {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    color: #fff;
    border-radius: 8px;
    background: #dd7436;
    font-size: 21px;
}

.nip-contact-floating-card strong,
.nip-contact-floating-card span {
    display: block;
}

.nip-contact-floating-card strong {
    margin-bottom: 6px;
    color: #173d69;
    font-size: 13px;
    font-weight: 800;
}

.nip-contact-floating-card span {
    color: #718096;
    font-size: 10px;
    line-height: 1.6;
}

/* DECORATIVE SHAPES */

.nip-contact-decoration {
    position: absolute;
    z-index: 0;
    border-radius: 9px;
    transform: rotate(12deg);
}

.nip-contact-decoration-one {
    top: 16px;
    right: -3px;
    width: 90px;
    height: 90px;
    border: 2px solid rgba(221,116,54,.65);
}

.nip-contact-decoration-two {
    bottom: 38px;
    left: 0;
    width: 60px;
    height: 60px;
    background: rgba(221,116,54,.2);
}

/* ANIMATION */

@keyframes nipContactHeroReveal {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

/* TABLET */

@media (max-width: 1000px) {
    .nip-contact-hero {
        padding: 60px 0;
    }

    .nip-contact-hero-container {
        gap: 35px;
    }

    .nip-contact-hero-content h1 {
        font-size: clamp(32px, 4.4vw, 45px);
    }

    .nip-contact-hero-image {
        height: 330px;
    }

    .nip-contact-hero-features {
        gap: 12px;
    }
}

/* MOBILE */

@media (max-width: 760px) {
    .nip-contact-hero {
        padding: 45px 0 60px;
    }

    .nip-contact-hero-container {
        grid-template-columns: 1fr;
        gap: 38px;
        width: calc(100% - 36px);
    }

    .nip-contact-hero-content h1 {
        margin: 20px 0 15px;
        font-size: clamp(31px, 8vw, 43px);
        letter-spacing: -.8px;
        line-height: 1.2;
    }

    .nip-contact-hero-content > p {
        font-size: 13px;
        line-height: 1.9;
    }

    .nip-contact-hero-buttons {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 24px;
    }

    .nip-contact-hero-btn {
        width: 100%;
        min-height: 48px;
    }

    .nip-contact-hero-features {
        flex-direction: column;
        gap: 12px;
        margin-top: 23px;
    }

    .nip-contact-breadcrumb {
        margin-top: 25px;
    }

    .nip-contact-hero-visual {
        width: 100%;
        max-width: 550px;
        justify-self: center;
        padding: 0 9px 25px 0;
    }

    .nip-contact-hero-image {
        height: 280px;
        border-width: 4px;
        border-radius: 10px;
    }

    .nip-contact-floating-card {
        right: 0;
        max-width: calc(100% - 15px);
        gap: 10px;
        padding: 13px 15px;
    }

    .nip-contact-floating-icon {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
        font-size: 18px;
    }

    .nip-contact-floating-card strong {
        font-size: 12px;
    }

    .nip-contact-floating-card span {
        font-size: 10px;
    }

    .nip-contact-decoration-one {
        top: -8px;
        right: 0;
        width: 60px;
        height: 60px;
    }

    .nip-contact-decoration-two {
        bottom: 28px;
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 380px) {
    .nip-contact-hero-container {
        width: calc(100% - 28px);
    }

    .nip-contact-hero-label {
        padding: 8px 10px;
        font-size: 9px;
        letter-spacing: 1px;
    }

    .nip-contact-hero-content h1 {
        font-size: 30px;
    }

    .nip-contact-hero-image {
        height: 235px;
    }

    .nip-contact-floating-card {
        padding: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nip-contact-hero-content,
    .nip-contact-hero-visual {
        animation: none;
    }

    .nip-contact-hero *,
    .nip-contact-hero *::before,
    .nip-contact-hero *::after {
        transition-duration: .01ms !important;
    }
}
/* CONTACT INFORMATION CARDS */

.nip-contact-info {
    position: relative;
    z-index: 3;
    padding: 0 0 35px;
    background: #f5f7fb;
    font-family: 'Inter', sans-serif;
}

.nip-contact-info *,
.nip-contact-info *::before,
.nip-contact-info *::after {
    box-sizing: border-box;
}

.nip-contact-info-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    width: min(1250px, calc(100% - 40px));
    margin: -25px auto 0;
}

.nip-contact-info-card {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 17px;
    padding: 28px 23px;
    border: 1px solid #e4eaf2;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(23, 61, 105, 0.07);
    transition: transform .3s ease, box-shadow .3s ease,
                border-color .3s ease;
}

.nip-contact-info-card:hover {
    transform: translateY(-6px);
    border-color: rgba(221, 116, 54, .45);
    box-shadow: 0 18px 40px rgba(23, 61, 105, 0.12);
}

.nip-ci-icon {
    display: flex;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 22px;
    transition: transform .3s ease;
}

.nip-contact-info-card:hover .nip-ci-icon {
    transform: scale(1.07);
}

.nip-ci-orange {
    color: #dd7436;
    background: #fff0e5;
}

.nip-ci-blue {
    color: #173d69;
    background: #eaf1fa;
}

.nip-ci-green {
    color: #159b61;
    background: #e6f7ee;
}

.nip-ci-content {
    min-width: 0;
    flex: 1;
}

.nip-ci-label {
    display: block;
    margin-bottom: 8px;
    color: #dd7436;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nip-ci-content h3 {
    margin: 0 0 9px;
    color: #173d69;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-ci-content p {
    margin: 0 0 15px;
    color: #718096;
    font-size: 12px;
    line-height: 1.8;
}

.nip-ci-content > a {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: 9px;
    color: #173d69;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.7;
    overflow-wrap: anywhere;
    text-decoration: none;
    transition: color .25s ease;
}

.nip-ci-content > a i {
    flex-shrink: 0;
    font-size: 11px;
    transition: transform .25s ease;
}

.nip-ci-content > a:hover {
    color: #dd7436;
}

.nip-ci-content > a:hover i {
    transform: translateX(4px);
}

/* TABLET */

@media (max-width: 1000px) {
    .nip-contact-info-container {
        gap: 14px;
    }

    .nip-contact-info-card {
        gap: 13px;
        padding: 23px 17px;
    }

    .nip-ci-icon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
        font-size: 19px;
    }

    .nip-ci-content h3 {
        font-size: 15px;
    }
}

/* MOBILE */

@media (max-width: 760px) {
    .nip-contact-info {
        padding-bottom: 25px;
    }

    .nip-contact-info-container {
        grid-template-columns: 1fr;
        gap: 13px;
        width: calc(100% - 36px);
        margin-top: -20px;
    }

    .nip-contact-info-card {
        padding: 21px;
    }

    .nip-ci-content h3 {
        font-size: 16px;
    }

    .nip-ci-content p {
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    .nip-contact-info-container {
        width: calc(100% - 28px);
    }

    .nip-contact-info-card {
        gap: 12px;
        padding: 17px 14px;
    }

    .nip-ci-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nip-contact-info-card,
    .nip-ci-icon,
    .nip-ci-content > a i {
        transition: none;
    }
}

/* ============================================
   NICE INDIA PACKERS AND MOVERS
   BRANCH SECTION - COMPLETE RESPONSIVE CSS
   Brand Colors: Navy #173d69 | Orange #dd7436
   ============================================ */

.nip-branch-section {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 85px 0;
    background: #f5f7fb;
    font-family: 'Inter', sans-serif;
}

.nip-branch-section *,
.nip-branch-section *::before,
.nip-branch-section *::after {
    box-sizing: border-box;
}

.nip-branch-section::before {
    position: absolute;
    z-index: -1;
    top: -160px;
    right: -130px;
    width: 360px;
    height: 360px;
    content: "";
    border: 1px solid rgba(23, 61, 105, 0.06);
    border-radius: 50%;
    box-shadow:
        0 0 0 45px rgba(23, 61, 105, 0.025),
        0 0 0 90px rgba(23, 61, 105, 0.02);
    pointer-events: none;
}

.nip-branch-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-branch-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.nip-branch-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #dd7436;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.6px;
    line-height: 1.6;
    text-transform: uppercase;
}

.nip-branch-eyebrow i {
    font-size: 14px;
}

.nip-branch-heading h2 {
    margin: 15px 0 14px;
    color: #173d69;
    font-size: clamp(30px, 3.5vw, 42px);
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 1.25;
}

.nip-branch-heading h2 span {
    color: #dd7436;
}

.nip-branch-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: #718096;
    font-size: 13px;
    line-height: 1.9;
}

/* BRANCH GRID */

.nip-branch-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

/* BRANCH CARD */

.nip-branch-card {
    position: relative;
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    padding: 28px 24px 22px;
    border: 1px solid #e1e8f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(23, 61, 105, 0.055);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.nip-branch-card:hover {
    transform: translateY(-6px);
    border-color: rgba(221, 116, 54, 0.55);
    box-shadow: 0 18px 42px rgba(23, 61, 105, 0.12);
}

.nip-branch-featured {
    border-top: 4px solid #dd7436;
    box-shadow: 0 12px 34px rgba(23, 61, 105, 0.09);
}

/* CARD TOP */

.nip-branch-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 23px;
}

.nip-branch-icon {
    display: grid;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    place-items: center;
    color: #dd7436;
    border-radius: 10px;
    background: #fff0e6;
    font-size: 22px;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease;
}

.nip-branch-card:hover .nip-branch-icon {
    transform: translateY(-2px);
    color: #ffffff;
    background: #dd7436;
}

.nip-branch-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px;
    color: #173d69;
    border-radius: 30px;
    background: #edf3fa;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
    text-align: center;
}

.nip-branch-small-title {
    display: block;
    margin-bottom: 8px;
    color: #dd7436;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
    line-height: 1.5;
}

.nip-branch-card h3 {
    margin: 0 0 16px;
    color: #173d69;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: -0.4px;
    line-height: 1.4;
}

/* FULL OFFICE ADDRESS */

.nip-branch-address {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-height: 80px;
}

.nip-branch-address > i {
    flex: 0 0 auto;
    margin-top: 4px;
    color: #dd7436;
    font-size: 15px;
}

.nip-branch-address p {
    min-width: 0;
    margin: 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.95;
    overflow-wrap: anywhere;
    word-break: normal;
}

.nip-branch-divider {
    width: 100%;
    height: 1px;
    flex-shrink: 0;
    margin: 18px 0 20px;
    background: #e9eef4;
}

/* PHONE DETAILS */

.nip-branch-contact {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: auto;
    margin-bottom: 22px;
}

.nip-branch-contact > i {
    display: grid;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    place-items: center;
    color: #173d69;
    border-radius: 8px;
    background: #edf3fa;
    font-size: 16px;
}

.nip-branch-contact small {
    display: block;
    margin-bottom: 5px;
    color: #718096;
    font-size: 10px;
    line-height: 1.5;
}

.nip-branch-contact a {
    display: inline-block;
    color: #173d69;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    overflow-wrap: anywhere;
    transition: color 0.25s ease;
}

.nip-branch-contact a:hover {
    color: #dd7436;
}

/* CALL AND WHATSAPP BUTTONS */

.nip-branch-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: 0;
}

.nip-branch-buttons a {
    display: inline-flex;
    min-width: 0;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 8px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    transition:
        transform 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-branch-buttons a:hover {
    transform: translateY(-2px);
}

.nip-branch-buttons a i {
    flex-shrink: 0;
    font-size: 13px;
}

.nip-branch-call {
    color: #ffffff;
    background: #173d69;
}

.nip-branch-call:hover {
    color: #ffffff;
    background: #0d2746;
    box-shadow: 0 5px 12px rgba(23, 61, 105, 0.15);
}

.nip-branch-whatsapp {
    color: #ffffff;
    background: #159b61;
}

.nip-branch-whatsapp:hover {
    color: #ffffff;
    background: #0d804d;
    box-shadow: 0 5px 12px rgba(21, 155, 97, 0.16);
}

/* GOOGLE MAPS DIRECTIONS */

.nip-branch-map {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 18px;
    padding-top: 16px;
    color: #173d69;
    border-top: 1px solid #e9eef4;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    text-decoration: none;
    transition: color 0.25s ease;
}

.nip-branch-map:hover {
    color: #dd7436;
}

.nip-branch-map i {
    flex-shrink: 0;
    font-size: 10px;
}

/* BOTTOM CALL TO ACTION */

.nip-branch-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 35px;
    padding: 27px 30px;
    border-radius: 10px;
    background: linear-gradient(110deg, #102c4d, #173d69);
    box-shadow: 0 12px 30px rgba(23, 61, 105, 0.13);
}

.nip-branch-bottom-icon {
    display: grid;
    width: 57px;
    height: 57px;
    flex: 0 0 57px;
    place-items: center;
    color: #ffffff;
    border-radius: 9px;
    background: #dd7436;
    font-size: 24px;
}

.nip-branch-bottom-content {
    min-width: 0;
    flex: 1;
}

.nip-branch-bottom-content h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-branch-bottom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    line-height: 1.85;
}

.nip-branch-bottom > a {
    display: inline-flex;
    min-height: 47px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 18px;
    color: #ffffff;
    border-radius: 6px;
    background: #dd7436;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.nip-branch-bottom > a:hover {
    transform: translateY(-2px);
    color: #ffffff;
    background: #c65d24;
}

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

@media (max-width: 1050px) {
    .nip-branch-section {
        padding: 70px 0;
    }

    .nip-branch-grid {
        gap: 16px;
    }

    .nip-branch-card {
        padding: 23px 17px 20px;
    }

    .nip-branch-card h3 {
        font-size: 18px;
    }

    .nip-branch-address {
        min-height: 155px;
        gap: 9px;
    }

    .nip-branch-address p {
        font-size: 11px;
        line-height: 1.9;
    }

    .nip-branch-buttons {
        gap: 7px;
    }

    .nip-branch-buttons a {
        gap: 5px;
        padding: 10px 5px;
        font-size: 10px;
    }

    .nip-branch-bottom {
        gap: 15px;
        padding: 24px;
    }
}

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

@media (max-width: 760px) {
    .nip-branch-section {
        padding: 55px 0;
    }

    .nip-branch-container {
        width: calc(100% - 36px);
    }

    .nip-branch-heading {
        margin: 0 0 30px;
        text-align: left;
    }

    .nip-branch-heading h2 {
        margin: 13px 0;
        font-size: clamp(28px, 7vw, 34px);
        letter-spacing: -0.6px;
        line-height: 1.3;
    }

    .nip-branch-heading > p {
        margin: 0;
        font-size: 12px;
        line-height: 1.9;
    }

    .nip-branch-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .nip-branch-card {
        height: auto;
        padding: 24px 21px 21px;
    }

    .nip-branch-card-top {
        margin-bottom: 20px;
    }

    .nip-branch-card h3 {
        margin-bottom: 13px;
        font-size: 21px;
    }

    .nip-branch-address {
        min-height: 0;
        gap: 11px;
    }

    .nip-branch-address p {
        font-size: 12px;
        line-height: 1.9;
    }

    .nip-branch-divider {
        margin: 17px 0;
    }

    .nip-branch-contact {
        margin-top: 0;
        margin-bottom: 19px;
    }

    .nip-branch-buttons {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .nip-branch-buttons a {
        min-height: 45px;
        gap: 7px;
        padding: 11px 9px;
        font-size: 11px;
    }

    .nip-branch-map {
        margin-top: 17px;
        padding-top: 15px;
    }

    .nip-branch-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
        margin-top: 25px;
        padding: 24px 20px;
    }

    .nip-branch-bottom-icon {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 21px;
    }

    .nip-branch-bottom-content h3 {
        font-size: 18px;
    }

    .nip-branch-bottom-content p {
        font-size: 12px;
    }

    .nip-branch-bottom > a {
        width: 100%;
        min-height: 48px;
    }
}

/* ============================================
   SMALL MOBILE
   ============================================ */

@media (max-width: 380px) {
    .nip-branch-container {
        width: calc(100% - 28px);
    }

    .nip-branch-section {
        padding: 45px 0;
    }

    .nip-branch-heading h2 {
        font-size: 27px;
    }

    .nip-branch-eyebrow {
        font-size: 10px;
        letter-spacing: 1px;
    }

    .nip-branch-card {
        padding: 20px 16px;
    }

    .nip-branch-icon {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
        font-size: 20px;
    }

    .nip-branch-tag {
        padding: 6px 9px;
        font-size: 8px;
    }

    .nip-branch-card h3 {
        font-size: 19px;
    }

    .nip-branch-address p {
        font-size: 11px;
    }

    .nip-branch-buttons {
        gap: 7px;
    }

    .nip-branch-buttons a {
        gap: 5px;
        padding: 10px 5px;
        font-size: 10px;
    }

    .nip-branch-contact a {
        font-size: 13px;
    }

    .nip-branch-bottom {
        padding: 21px 16px;
    }

    .nip-branch-bottom-content h3 {
        font-size: 17px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-branch-card,
    .nip-branch-icon,
    .nip-branch-buttons a,
    .nip-branch-map,
    .nip-branch-bottom > a {
        scroll-behavior: auto;
        transition: none;
    }
}

/* =========================================
   NICE INDIA - ENQUIRY FORM SECTION
========================================= */

.nip-enquiry-section {
    width: 100%;
    padding: 75px 24px;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

.nip-enquiry-section *,
.nip-enquiry-section *::before,
.nip-enquiry-section *::after {
    box-sizing: border-box;
}

.nip-enquiry-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    align-items: start;
    gap: 55px;
}

/* Left Intro */

.nip-enquiry-intro {
    min-width: 0;
    padding-top: 12px;
}

.nip-enquiry-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 19px;
    color: #dd7436;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.nip-enquiry-eyebrow i {
    font-size: 15px;
}

.nip-enquiry-intro > h2 {
    margin: 0 0 19px;
    color: #173d69;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.8px;
}

.nip-enquiry-intro > h2 span {
    color: #dd7436;
}

.nip-enquiry-intro > p {
    margin: 0 0 30px;
    color: #65748b;
    font-size: 15px;
    line-height: 1.9;
}

/* Benefits */

.nip-enquiry-benefits {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.nip-enquiry-benefit {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.nip-enquiry-benefit-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dd7436;
    background: #fff0e5;
    border-radius: 12px;
    font-size: 19px;
}

.nip-enquiry-benefit h3 {
    margin: 1px 0 6px;
    color: #173d69;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-enquiry-benefit p {
    margin: 0;
    color: #65748b;
    font-size: 13px;
    line-height: 1.8;
}

/* Callout */

.nip-enquiry-callout {
    margin-top: 32px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #f4f7fb;
    border: 1px solid #e5ebf3;
    border-radius: 12px;
}

.nip-enquiry-call-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #173d69;
    border-radius: 11px;
    font-size: 18px;
}

.nip-enquiry-callout span {
    display: block;
    margin-bottom: 5px;
    color: #65748b;
    font-size: 12px;
}

.nip-enquiry-callout a {
    color: #173d69;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.nip-enquiry-callout a:hover {
    color: #dd7436;
}

/* Form Card */

.nip-enquiry-form-card {
    width: 100%;
    min-width: 0;
    padding: 36px;
    background: #ffffff;
    border: 1px solid #e1e9f3;
    border-radius: 17px;
    box-shadow: 0 18px 55px rgba(23, 61, 105, 0.09);
}

.nip-enquiry-form-heading {
    margin-bottom: 27px;
}

.nip-enquiry-form-heading > span {
    display: block;
    margin-bottom: 10px;
    color: #dd7436;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nip-enquiry-form-heading h2 {
    margin: 0 0 10px;
    color: #173d69;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.35;
}

.nip-enquiry-form-heading p {
    margin: 0;
    color: #65748b;
    font-size: 13px;
    line-height: 1.8;
}

/* Form Fields */

.nip-enquiry-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 21px 18px;
}

.nip-enquiry-field {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.nip-enquiry-field-full {
    grid-column: 1 / -1;
}

.nip-enquiry-field label {
    margin-bottom: 9px;
    color: #173d69;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.nip-enquiry-field label span {
    color: #dd7436;
}

.nip-enquiry-field input,
.nip-enquiry-field select,
.nip-enquiry-field textarea {
    width: 100%;
    max-width: 100%;
    min-height: 49px;
    margin: 0;
    padding: 13px 14px;
    color: #173d69;
    background: #f8fafd;
    border: 1px solid #dce5f0;
    border-radius: 8px;
    outline: none;
    font-family: inherit;
    font-size: 13px;
    line-height: 1.5;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.nip-enquiry-field input::placeholder,
.nip-enquiry-field textarea::placeholder {
    color: #98a5b7;
    opacity: 1;
}

.nip-enquiry-field select {
    cursor: pointer;
}

.nip-enquiry-field textarea {
    min-height: 115px;
    resize: vertical;
}

.nip-enquiry-field input:focus,
.nip-enquiry-field select:focus,
.nip-enquiry-field textarea:focus {
    border-color: #173d69;
    box-shadow: 0 0 0 3px rgba(23, 61, 105, 0.08);
    background: #ffffff;
}

/* Submit Button */

.nip-enquiry-submit {
    width: 100%;
    min-height: 53px;
    margin-top: 24px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #ffffff;
    background: #173d69;
    border: 1px solid #173d69;
    border-radius: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.nip-enquiry-submit i {
    transition: transform 0.25s ease;
}

.nip-enquiry-submit:hover {
    background: #dd7436;
    border-color: #dd7436;
}

.nip-enquiry-submit:hover i {
    transform: translateX(4px);
}

/* Privacy Note */

.nip-enquiry-privacy {
    margin: 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #8290a3;
    font-size: 11px;
    line-height: 1.7;
    text-align: center;
}

.nip-enquiry-privacy i {
    color: #159b61;
    flex-shrink: 0;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
    .nip-enquiry-section {
        padding: 60px 22px;
    }

    .nip-enquiry-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
        max-width: 750px;
    }

    .nip-enquiry-intro {
        padding-top: 0;
    }

    .nip-enquiry-intro > h2 {
        max-width: 600px;
    }

    .nip-enquiry-benefits {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }

    .nip-enquiry-callout {
        max-width: 350px;
    }

    .nip-enquiry-form-card {
        padding: 32px;
    }
}

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

@media (max-width: 600px) {
    .nip-enquiry-section {
        padding: 42px 16px;
    }

    .nip-enquiry-container {
        gap: 28px;
    }

    .nip-enquiry-eyebrow {
        margin-bottom: 14px;
        font-size: 11px;
    }

    .nip-enquiry-intro > h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .nip-enquiry-intro > p {
        margin-bottom: 24px;
        font-size: 14px;
    }

    .nip-enquiry-benefits {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .nip-enquiry-benefit-icon {
        width: 43px;
        height: 43px;
        min-width: 43px;
        font-size: 17px;
    }

    .nip-enquiry-benefit h3 {
        font-size: 15px;
    }

    .nip-enquiry-benefit p {
        font-size: 12px;
    }

    .nip-enquiry-callout {
        margin-top: 25px;
        padding: 16px;
    }

    .nip-enquiry-callout a {
        font-size: 16px;
    }

    .nip-enquiry-form-card {
        padding: 24px 18px;
        border-radius: 13px;
    }

    .nip-enquiry-form-heading {
        margin-bottom: 23px;
    }

    .nip-enquiry-form-heading h2 {
        font-size: 23px;
    }

    .nip-enquiry-fields {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .nip-enquiry-field-full {
        grid-column: auto;
    }

    .nip-enquiry-field input,
    .nip-enquiry-field select,
    .nip-enquiry-field textarea {
        font-size: 14px;
    }

    .nip-enquiry-submit {
        min-height: 50px;
    }
}

/* Small Phones */

@media (max-width: 380px) {
    .nip-enquiry-section {
        padding-right: 12px;
        padding-left: 12px;
    }

    .nip-enquiry-intro > h2 {
        font-size: 26px;
    }

    .nip-enquiry-form-card {
        padding: 21px 14px;
    }

    .nip-enquiry-form-heading h2 {
        font-size: 21px;
    }

    .nip-enquiry-callout {
        gap: 11px;
    }
}

/* Reduced Motion */

@media (prefers-reduced-motion: reduce) {
    .nip-enquiry-option,
    .nip-enquiry-submit,
    .nip-enquiry-submit i {
        transition: none;
    }
}

/* =========================================
   NICE INDIA PACKERS AND MOVERS
   HOUSE SHIFTING HERO - DARK DESIGN
========================================= */

.nip-house-hero {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 32px 24px 42px;
    background: #102b49;
    font-family: 'Inter', sans-serif;
    isolation: isolate;
    box-sizing: border-box;
}

.nip-house-hero *,
.nip-house-hero *::before,
.nip-house-hero *::after {
    box-sizing: border-box;
}

/* Background Decoration */

.nip-house-hero::before {
    content: "";
    position: absolute;
    top: -180px;
    right: -100px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 50%;
    box-shadow:
        0 0 0 45px rgba(255, 255, 255, 0.025),
        0 0 0 90px rgba(255, 255, 255, 0.018);
    pointer-events: none;
    z-index: -1;
}

.nip-house-hero::after {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -220px;
    width: 350px;
    height: 350px;
    background: rgba(221, 116, 54, 0.08);
    border-radius: 50%;
    filter: blur(5px);
    pointer-events: none;
    z-index: -1;
}

/* Main Container */

.nip-house-hero-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: center;
    gap: 45px;
}

/* Breadcrumb */

.nip-house-hero-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 22px;
    color: #b9c9dc;
    font-size: 12px;
    line-height: 1.6;
}

.nip-house-hero-breadcrumb a {
    color: #dce7f4;
    text-decoration: none;
    transition: color 0.25s ease;
}

.nip-house-hero-breadcrumb a:hover {
    color: #ffad77;
}

.nip-house-hero-breadcrumb i {
    color: #dd7436;
    font-size: 9px;
}

.nip-house-hero-breadcrumb span {
    color: #a9bdd3;
}

/* Content */

.nip-house-hero-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.nip-house-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 12px;
    color: #ffb17e;
    background: rgba(221, 116, 54, 0.12);
    border: 1px solid rgba(221, 116, 54, 0.35);
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-house-hero-eyebrow i {
    font-size: 13px;
}

/* Heading */

.nip-house-hero-content h1 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(34px, 3.4vw, 47px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.nip-house-hero-content h1 span {
    display: block;
    margin-top: 5px;
    color: #ff995e;
}

/* Description */

.nip-house-hero-description {
    max-width: 570px;
    margin: 0 0 20px;
    color: #c2d0e0;
    font-size: 14px;
    line-height: 1.85;
}

/* Service Points */

.nip-house-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-bottom: 24px;
}

.nip-house-hero-points > div {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #edf3fa;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.nip-house-hero-points i {
    color: #55d39b;
    font-size: 14px;
    flex-shrink: 0;
}

/* Buttons */

.nip-house-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.nip-house-hero-btn-primary,
.nip-house-hero-btn-secondary {
    min-height: 46px;
    padding: 12px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}

.nip-house-hero-btn-primary {
    color: #ffffff;
    background: #dd7436;
    border-color: #dd7436;
}

.nip-house-hero-btn-primary:hover {
    color: #ffffff;
    background: #c96025;
    border-color: #c96025;
    transform: translateY(-2px);
}

.nip-house-hero-btn-secondary {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
}

.nip-house-hero-btn-secondary i {
    color: #55d39b;
}

.nip-house-hero-btn-secondary:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: #55d39b;
    transform: translateY(-2px);
}

/* Trust Line */

.nip-house-hero-trust {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 21px;
    color: #aebfd2;
    font-size: 11px;
    line-height: 1.7;
}

.nip-house-hero-trust i {
    color: #ff995e;
    font-size: 16px;
    flex-shrink: 0;
}

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

.nip-house-hero-visual {
    position: relative;
    min-width: 0;
    padding: 0 8px 12px 0;
}

.nip-house-hero-image-wrap {
    position: relative;
    width: 100%;
    height: 390px;
    overflow: hidden;
    background: #233f5e;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 13px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
}

.nip-house-hero-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.nip-house-hero-image-wrap:hover .nip-house-hero-image {
    transform: scale(1.035);
}

.nip-house-hero-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(9, 28, 49, 0.02) 30%,
        rgba(9, 28, 49, 0.83) 100%
    );
    pointer-events: none;
}

/* Image Caption */

.nip-house-hero-image-caption {
    position: absolute;
    right: 17px;
    bottom: 17px;
    left: 17px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.97);
    border-radius: 9px;
}

.nip-house-hero-caption-icon {
    width: 43px;
    height: 43px;
    min-width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #dd7436;
    border-radius: 8px;
    font-size: 18px;
}

.nip-house-hero-image-caption > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-house-hero-image-caption strong {
    color: #173d69;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-house-hero-image-caption > div span {
    color: #65748b;
    font-size: 11px;
    line-height: 1.6;
}

/* Floating Info Card */

.nip-house-hero-floating-card {
    position: absolute;
    top: 25px;
    right: -10px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: calc(100% - 20px);
    padding: 12px 15px;
    background: #ffffff;
    border: 1px solid #e7edf4;
    border-radius: 9px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.nip-house-hero-floating-icon {
    width: 39px;
    height: 39px;
    min-width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dd7436;
    background: #fff0e5;
    border-radius: 8px;
    font-size: 17px;
}

.nip-house-hero-floating-card > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-house-hero-floating-card strong {
    color: #173d69;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-house-hero-floating-card > div span {
    color: #718096;
    font-size: 10px;
    line-height: 1.5;
}

/* Orange Accent */

.nip-house-hero-accent {
    position: absolute;
    right: -1px;
    bottom: 0;
    z-index: -1;
    width: 100px;
    height: 100px;
    border-right: 5px solid #dd7436;
    border-bottom: 5px solid #dd7436;
    border-radius: 0 0 13px 0;
    opacity: 0.85;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
    .nip-house-hero {
        padding: 30px 22px 36px;
    }

    .nip-house-hero-container {
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
        gap: 28px;
    }

    .nip-house-hero-content h1 {
        font-size: clamp(32px, 3.7vw, 40px);
    }

    .nip-house-hero-image-wrap {
        height: 340px;
    }

    .nip-house-hero-floating-card {
        right: -5px;
    }

    .nip-house-hero-points {
        gap: 9px 12px;
    }
}

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

@media (max-width: 760px) {
    .nip-house-hero {
        padding: 22px 16px 34px;
    }

    .nip-house-hero-container {
        max-width: 560px;
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
    }

    .nip-house-hero-breadcrumb {
        gap: 7px;
        margin-bottom: 19px;
        font-size: 11px;
    }

    .nip-house-hero-eyebrow {
        margin-bottom: 14px;
        padding: 8px 10px;
        font-size: 9px;
        letter-spacing: 0.65px;
    }

    .nip-house-hero-content h1 {
        margin-bottom: 14px;
        font-size: clamp(30px, 7vw, 39px);
        line-height: 1.2;
        letter-spacing: -0.6px;
    }

    .nip-house-hero-description {
        margin-bottom: 18px;
        font-size: 13px;
        line-height: 1.85;
    }

    .nip-house-hero-points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px 9px;
        margin-bottom: 21px;
    }

    .nip-house-hero-points > div {
        align-items: flex-start;
        gap: 7px;
        font-size: 11px;
    }

    .nip-house-hero-points i {
        margin-top: 2px;
        font-size: 13px;
    }

    .nip-house-hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .nip-house-hero-btn-primary,
    .nip-house-hero-btn-secondary {
        width: 100%;
        min-height: 45px;
        padding: 11px 8px;
        gap: 7px;
        font-size: 11px;
    }

    .nip-house-hero-trust {
        margin-top: 17px;
        font-size: 10px;
    }

    .nip-house-hero-visual {
        padding: 8px 5px 10px 0;
    }

    .nip-house-hero-image-wrap {
        height: 310px;
        border-radius: 11px;
    }

    .nip-house-hero-image-caption {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 9px;
        padding: 11px;
    }

    .nip-house-hero-caption-icon {
        width: 37px;
        height: 37px;
        min-width: 37px;
        font-size: 16px;
    }

    .nip-house-hero-image-caption strong {
        font-size: 12px;
    }

    .nip-house-hero-image-caption > div span {
        font-size: 10px;
    }

    .nip-house-hero-floating-card {
        top: 17px;
        right: -4px;
        gap: 8px;
        padding: 9px 11px;
    }

    .nip-house-hero-floating-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 14px;
    }

    .nip-house-hero-floating-card strong {
        font-size: 10px;
    }

    .nip-house-hero-floating-card > div span {
        font-size: 9px;
    }

    .nip-house-hero-accent {
        width: 65px;
        height: 65px;
        border-width: 4px;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {
    .nip-house-hero {
        padding-right: 12px;
        padding-left: 12px;
    }

    .nip-house-hero-content h1 {
        font-size: 29px;
    }

    .nip-house-hero-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .nip-house-hero-btn-primary,
    .nip-house-hero-btn-secondary {
        font-size: 12px;
    }

    .nip-house-hero-image-wrap {
        height: 270px;
    }

    .nip-house-hero-floating-card {
        right: -3px;
        padding: 8px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .nip-house-hero-image,
    .nip-house-hero-btn-primary,
    .nip-house-hero-btn-secondary {
        transition: none;
    }

    .nip-house-hero-image-wrap:hover .nip-house-hero-image {
        transform: none;
    }
}
/* =========================================
   NICE INDIA - HOUSE SHIFTING SERVICES
========================================= */

.nip-house-services {
    width: 100%;
    padding: 65px 24px;
    background: #f4f7fb;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

.nip-house-services *,
.nip-house-services *::before,
.nip-house-services *::after {
    box-sizing: border-box;
}

.nip-house-services-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

/* Section Heading */

.nip-house-services-heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-house-services-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #dd7436;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nip-house-services-eyebrow i {
    font-size: 14px;
}

.nip-house-services-heading h2 {
    margin: 0 0 14px;
    color: #173d69;
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.6px;
}

.nip-house-services-heading h2 span {
    color: #dd7436;
}

.nip-house-services-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: #65748b;
    font-size: 14px;
    line-height: 1.9;
}

/* Service Grid */

.nip-house-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

/* Service Cards */

.nip-house-service-card {
    min-width: 0;
    padding: 26px 25px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e1e9f3;
    border-radius: 12px;
    box-shadow: 0 8px 26px rgba(23, 61, 105, 0.045);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;
}

.nip-house-service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(221, 116, 54, 0.45);
    box-shadow: 0 16px 35px rgba(23, 61, 105, 0.09);
}

/* Card Top */

.nip-house-service-top {
    width: 100%;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.nip-house-service-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dd7436;
    background: #fff0e5;
    border-radius: 11px;
    font-size: 22px;
    transition: color 0.3s ease, background 0.3s ease;
}

.nip-house-service-card:hover .nip-house-service-icon {
    color: #ffffff;
    background: #173d69;
}

.nip-house-service-number {
    color: #dce5ef;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
}

/* Card Text */

.nip-house-service-card h3 {
    margin: 0 0 11px;
    color: #173d69;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.nip-house-service-card > p {
    margin: 0 0 22px;
    color: #65748b;
    font-size: 13px;
    line-height: 1.9;
}

/* Card Link */

.nip-house-service-link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #173d69;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    transition: color 0.25s ease;
}

.nip-house-service-link i {
    color: #dd7436;
    font-size: 12px;
    transition: transform 0.25s ease;
}

.nip-house-service-link:hover {
    color: #dd7436;
}

.nip-house-service-link:hover i {
    transform: translateX(4px);
}

/* Bottom CTA */

.nip-house-services-cta {
    margin-top: 30px;
    padding: 25px 28px;
    display: flex;
    align-items: center;
    gap: 18px;
    background: #173d69;
    border-radius: 12px;
}

.nip-house-services-cta-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    font-size: 21px;
}

.nip-house-services-cta-content {
    flex: 1;
    min-width: 0;
}

.nip-house-services-cta-content h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.45;
}

.nip-house-services-cta-content p {
    margin: 0;
    color: #d1deec;
    font-size: 12px;
    line-height: 1.8;
}

/* CTA Buttons */

.nip-house-services-cta-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
}

.nip-house-services-call,
.nip-house-services-whatsapp {
    min-height: 43px;
    padding: 11px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.25s ease, color 0.25s ease;
}

.nip-house-services-call {
    color: #173d69;
    background: #ffffff;
    border-color: #ffffff;
}

.nip-house-services-call:hover {
    color: #ffffff;
    background: #dd7436;
    border-color: #dd7436;
}

.nip-house-services-whatsapp {
    color: #ffffff;
    background: #159b61;
    border-color: #159b61;
}

.nip-house-services-whatsapp:hover {
    color: #159b61;
    background: #ffffff;
    border-color: #ffffff;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
    .nip-house-services {
        padding: 55px 22px;
    }

    .nip-house-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }

    .nip-house-service-card {
        padding: 24px 22px;
    }

    .nip-house-services-cta {
        flex-wrap: wrap;
    }

    .nip-house-services-cta-content {
        flex-basis: calc(100% - 75px);
    }

    .nip-house-services-cta-actions {
        width: 100%;
        margin-left: 70px;
    }
}

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

@media (max-width: 600px) {
    .nip-house-services {
        padding: 42px 16px;
    }

    .nip-house-services-heading {
        margin-bottom: 27px;
        text-align: left;
    }

    .nip-house-services-eyebrow {
        justify-content: flex-start;
        font-size: 10px;
        letter-spacing: 1px;
    }

    .nip-house-services-heading h2 {
        font-size: 27px;
        line-height: 1.35;
    }

    .nip-house-services-heading > p {
        font-size: 13px;
        line-height: 1.85;
    }

    .nip-house-services-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .nip-house-service-card {
        padding: 23px 21px;
        border-radius: 11px;
    }

    .nip-house-service-top {
        margin-bottom: 17px;
    }

    .nip-house-service-icon {
        width: 49px;
        height: 49px;
        min-width: 49px;
        font-size: 20px;
    }

    .nip-house-service-number {
        font-size: 25px;
    }

    .nip-house-service-card h3 {
        font-size: 17px;
    }

    .nip-house-service-card > p {
        margin-bottom: 18px;
        font-size: 13px;
    }

    .nip-house-services-cta {
        margin-top: 22px;
        padding: 22px 18px;
        gap: 13px;
        border-radius: 11px;
    }

    .nip-house-services-cta-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 18px;
    }

    .nip-house-services-cta-content {
        flex-basis: calc(100% - 57px);
    }

    .nip-house-services-cta-content h3 {
        font-size: 17px;
    }

    .nip-house-services-cta-content p {
        font-size: 12px;
    }

    .nip-house-services-cta-actions {
        margin-left: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .nip-house-services-call,
    .nip-house-services-whatsapp {
        width: 100%;
        padding: 11px 8px;
        font-size: 11px;
    }
}

/* Small Mobile */

@media (max-width: 380px) {
    .nip-house-services {
        padding-right: 12px;
        padding-left: 12px;
    }

    .nip-house-services-heading h2 {
        font-size: 24px;
    }

    .nip-house-service-card {
        padding: 21px 17px;
    }

    .nip-house-services-cta {
        padding: 19px 14px;
    }

    .nip-house-services-cta-content h3 {
        font-size: 16px;
    }

    .nip-house-services-call,
    .nip-house-services-whatsapp {
        gap: 5px;
        font-size: 10px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .nip-house-service-card,
    .nip-house-service-icon,
    .nip-house-service-link,
    .nip-house-service-link i,
    .nip-house-services-call,
    .nip-house-services-whatsapp {
        transition: none;
    }

    .nip-house-service-card:hover {
        transform: none;
    }
}
/* =========================================
   NICE INDIA PACKERS AND MOVERS
   HOUSE SHIFTING ABOUT SECTION
   WHITE BACKGROUND DESIGN
========================================= */

.nip-house-about {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 65px 24px;
    margin: 0;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

.nip-house-about *,
.nip-house-about *::before,
.nip-house-about *::after {
    box-sizing: border-box;
}

.nip-house-about-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);
    align-items: center;
    gap: 55px;
}

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

.nip-house-about-visual {
    position: relative;
    min-width: 0;
    padding: 0 14px 15px 0;
}

.nip-house-about-image-wrap {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
    background: #edf2f7;
    border: 1px solid #e4eaf1;
    border-radius: 13px;
    box-shadow: 0 15px 38px rgba(23, 61, 105, 0.12);
}

.nip-house-about-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.5s ease;
}

.nip-house-about-image-wrap:hover .nip-house-about-image {
    transform: scale(1.035);
}

.nip-house-about-image-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(9, 28, 49, 0.02) 35%,
        rgba(9, 28, 49, 0.72) 100%
    );
    pointer-events: none;
}

/* Image Caption */

.nip-house-about-image-label {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 9px;
    box-shadow: 0 7px 22px rgba(0, 0, 0, 0.1);
}

.nip-house-about-label-icon {
    width: 43px;
    height: 43px;
    min-width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #dd7436;
    border-radius: 8px;
    font-size: 18px;
}

.nip-house-about-image-label > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-house-about-image-label strong {
    color: #173d69;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-house-about-image-label > div span {
    color: #65748b;
    font-size: 11px;
    line-height: 1.6;
}

/* Floating Info Card */

.nip-house-about-experience-card {
    position: absolute;
    top: 24px;
    right: -6px;
    z-index: 3;
    max-width: calc(100% - 10px);
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    background: #ffffff;
    border: 1px solid #e1e9f3;
    border-radius: 9px;
    box-shadow: 0 10px 28px rgba(23, 61, 105, 0.13);
}

.nip-house-about-experience-icon {
    width: 39px;
    height: 39px;
    min-width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dd7436;
    background: #fff0e5;
    border-radius: 8px;
    font-size: 17px;
}

.nip-house-about-experience-card > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-house-about-experience-card strong {
    color: #173d69;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-house-about-experience-card > div span {
    color: #718096;
    font-size: 10px;
    line-height: 1.5;
}

/* Orange Image Accent */

.nip-house-about-image-accent {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100px;
    height: 100px;
    border-right: 5px solid #dd7436;
    border-bottom: 5px solid #dd7436;
    border-radius: 0 0 12px 0;
    pointer-events: none;
}

/* =========================================
   CONTENT SIDE
========================================= */

.nip-house-about-content {
    min-width: 0;
}

/* Eyebrow */

.nip-house-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    color: #dd7436;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.6;
}

.nip-house-about-eyebrow i {
    font-size: 14px;
}

/* Heading */

.nip-house-about-content h2 {
    margin: 0 0 18px;
    color: #173d69;
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.7px;
    overflow-wrap: anywhere;
}

.nip-house-about-content h2 span {
    display: block;
    margin-top: 4px;
    color: #dd7436;
}

/* Paragraphs */

.nip-house-about-intro {
    margin: 0 0 13px;
    color: #52657b;
    font-size: 13px;
    line-height: 1.9;
}

.nip-house-about-description {
    margin: 0 0 22px;
    color: #65748b;
    font-size: 13px;
    line-height: 1.9;
}

/* Feature List */

.nip-house-about-features {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 25px;
}

.nip-house-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.nip-house-about-check {
    width: 25px;
    height: 25px;
    min-width: 25px;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #159b61;
    border-radius: 50%;
    font-size: 11px;
}

.nip-house-about-feature > div {
    min-width: 0;
}

.nip-house-about-feature h3 {
    margin: 0 0 4px;
    color: #173d69;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.6;
}

.nip-house-about-feature p {
    margin: 0;
    color: #65748b;
    font-size: 12px;
    line-height: 1.8;
}

/* =========================================
   ACTION BUTTONS
========================================= */

.nip-house-about-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 11px;
}

.nip-house-about-primary,
.nip-house-about-secondary {
    min-height: 45px;
    padding: 12px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-house-about-primary {
    color: #ffffff;
    background: #173d69;
    border-color: #173d69;
}

.nip-house-about-primary:hover {
    color: #ffffff;
    background: #dd7436;
    border-color: #dd7436;
    transform: translateY(-2px);
}

.nip-house-about-secondary {
    color: #173d69;
    background: #ffffff;
    border-color: #d8e2ee;
}

.nip-house-about-secondary i {
    color: #159b61;
}

.nip-house-about-secondary:hover {
    color: #ffffff;
    background: #173d69;
    border-color: #173d69;
    transform: translateY(-2px);
}

.nip-house-about-secondary:hover i {
    color: #55d39b;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {
    .nip-house-about {
        padding: 55px 22px;
    }

    .nip-house-about-container {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 30px;
    }

    .nip-house-about-image-wrap {
        height: 390px;
    }

    .nip-house-about-content h2 {
        font-size: 31px;
    }

    .nip-house-about-experience-card {
        right: -4px;
        padding: 10px;
    }
}

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

@media (max-width: 760px) {
    .nip-house-about {
        padding: 42px 16px;
    }

    .nip-house-about-container {
        width: 100%;
        max-width: 560px;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
    }

    .nip-house-about-visual {
        padding: 8px 5px 10px 0;
    }

    .nip-house-about-image-wrap {
        height: 320px;
        border-radius: 11px;
    }

    .nip-house-about-image-label {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 9px;
        padding: 11px;
    }

    .nip-house-about-label-icon {
        width: 37px;
        height: 37px;
        min-width: 37px;
        font-size: 16px;
    }

    .nip-house-about-image-label strong {
        font-size: 12px;
    }

    .nip-house-about-image-label > div span {
        font-size: 10px;
    }

    .nip-house-about-experience-card {
        top: 17px;
        right: -3px;
        gap: 8px;
        padding: 9px 11px;
    }

    .nip-house-about-experience-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 14px;
    }

    .nip-house-about-experience-card strong {
        font-size: 10px;
    }

    .nip-house-about-experience-card > div span {
        font-size: 9px;
    }

    .nip-house-about-image-accent {
        width: 65px;
        height: 65px;
        border-width: 4px;
    }

    .nip-house-about-eyebrow {
        margin-bottom: 12px;
        font-size: 9px;
        letter-spacing: 0.7px;
    }

    .nip-house-about-content h2 {
        margin-bottom: 15px;
        font-size: clamp(27px, 6.5vw, 35px);
        line-height: 1.3;
    }

    .nip-house-about-intro,
    .nip-house-about-description {
        font-size: 13px;
        line-height: 1.85;
    }

    .nip-house-about-description {
        margin-bottom: 20px;
    }

    .nip-house-about-features {
        gap: 15px;
        margin-bottom: 23px;
    }

    .nip-house-about-feature h3 {
        font-size: 12px;
    }

    .nip-house-about-feature p {
        font-size: 11px;
    }

    .nip-house-about-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .nip-house-about-primary,
    .nip-house-about-secondary {
        width: 100%;
        min-height: 44px;
        padding: 11px 8px;
        gap: 7px;
        font-size: 10px;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 380px) {
    .nip-house-about {
        padding: 35px 12px;
    }

    .nip-house-about-image-wrap {
        height: 275px;
    }

    .nip-house-about-content h2 {
        font-size: 26px;
    }

    .nip-house-about-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .nip-house-about-primary,
    .nip-house-about-secondary {
        font-size: 12px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .nip-house-about-image,
    .nip-house-about-primary,
    .nip-house-about-secondary {
        transition: none;
    }

    .nip-house-about-image-wrap:hover .nip-house-about-image {
        transform: none;
    }
}

/* OFFICE RELOCATION HERO */

.nip-office-hero {
    --nip-office-navy: #102b49;
    --nip-office-blue: #173d69;
    --nip-office-orange: #dd7436;
    --nip-office-green: #159b61;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 85% 45%, rgba(49, 99, 145, 0.25), transparent 40%),
        linear-gradient(115deg, #0b2038 0%, #102b49 58%, #173d69 100%);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-office-hero,
.nip-office-hero * {
    box-sizing: border-box;
}

.nip-office-hero-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
    padding: 48px 0;
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 45px;
}

/* LEFT CONTENT */

.nip-office-hero-content {
    min-width: 0;
    position: relative;
    z-index: 2;
}

.nip-office-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    padding: 8px 12px;
    border: 1px solid rgba(221, 116, 54, 0.45);
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.10);
    color: #ffb17f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-office-hero-eyebrow i {
    color: var(--nip-office-orange);
    font-size: 14px;
}

.nip-office-hero-content h1 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(34px, 3.6vw, 49px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.2px;
}

.nip-office-hero-content h1 span {
    display: block;
    margin-top: 5px;
    color: #ff9b5b;
}

.nip-office-hero-description {
    max-width: 590px;
    margin: 0 0 19px;
    color: #d0dbe8;
    font-size: 14px;
    line-height: 1.8;
}

.nip-office-hero-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 14px;
    margin-bottom: 23px;
}

.nip-office-hero-features > div {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #f1f5fa;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.nip-office-hero-features i {
    flex-shrink: 0;
    color: #5cdda0;
    font-size: 15px;
}

/* CTA BUTTONS */

.nip-office-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 21px;
}

.nip-office-hero-btn {
    min-height: 47px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 19px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
    transition: 0.25s ease;
}

.nip-office-hero-btn:hover {
    transform: translateY(-2px);
}

.nip-office-hero-btn-primary {
    background: var(--nip-office-orange);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(221, 116, 54, 0.18);
}

.nip-office-hero-btn-primary:hover {
    background: #c96328;
    color: #ffffff;
}

.nip-office-hero-btn-whatsapp {
    border-color: rgba(255, 255, 255, 0.27);
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

.nip-office-hero-btn-whatsapp i {
    color: #55df9a;
    font-size: 17px;
}

.nip-office-hero-btn-whatsapp:hover {
    border-color: var(--nip-office-green);
    background: var(--nip-office-green);
    color: #ffffff;
}

.nip-office-hero-btn-whatsapp:hover i {
    color: #ffffff;
}

/* TRUST STRIP */

.nip-office-hero-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.nip-office-hero-trust > i {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.15);
    color: #ffab75;
    font-size: 17px;
}

.nip-office-hero-trust strong {
    display: block;
    margin-bottom: 3px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
}

.nip-office-hero-trust span {
    display: block;
    color: #b9c9da;
    font-size: 11px;
    line-height: 1.6;
}

/* RIGHT ICON PANEL */

.nip-office-hero-visual {
    position: relative;
    min-width: 0;
    padding: 10px 5px 10px 12px;
}

.nip-office-hero-icon-card {
    position: relative;
    z-index: 1;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.10),
        rgba(255, 255, 255, 0.035)
    );
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.17);
}

.nip-office-hero-icon-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.nip-office-hero-icon-item {
    min-height: 142px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 17px 15px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 5px;
    background: rgba(6, 25, 44, 0.35);
    transition: background 0.25s ease, border-color 0.25s ease;
}

.nip-office-hero-icon-item:hover {
    border-color: rgba(255, 155, 91, 0.5);
    background: rgba(221, 116, 54, 0.09);
}

.nip-office-hero-icon-item > span {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 13px;
    border-radius: 5px;
    background: rgba(221, 116, 54, 0.15);
    color: #ffab75;
    font-size: 20px;
}

.nip-office-hero-icon-item strong {
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.5;
}

.nip-office-hero-icon-item small {
    color: #b9c9da;
    font-size: 10px;
    line-height: 1.6;
}

/* PANEL FOOTER */

.nip-office-hero-icon-footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 17px;
    padding: 15px;
    border-radius: 5px;
    background: #ffffff;
}

.nip-office-hero-footer-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff0e6;
    color: var(--nip-office-orange);
    font-size: 18px;
}

.nip-office-hero-icon-footer > div {
    flex: 1;
    min-width: 0;
}

.nip-office-hero-icon-footer strong {
    display: block;
    margin-bottom: 4px;
    color: #17324f;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-office-hero-icon-footer p {
    margin: 0;
    color: #64748b;
    font-size: 10px;
    line-height: 1.6;
}

.nip-office-hero-footer-arrow {
    flex-shrink: 0;
    color: var(--nip-office-orange);
    font-size: 16px;
}

/* DECORATION */

.nip-office-hero-decoration {
    position: absolute;
    z-index: 0;
    width: 70px;
    height: 70px;
    border: 1px solid rgba(255, 155, 91, 0.4);
    border-radius: 7px;
    pointer-events: none;
}

.nip-office-hero-decoration-one {
    top: 0;
    right: -4px;
}

.nip-office-hero-decoration-two {
    bottom: 0;
    left: 0;
    width: 55px;
    height: 55px;
    border-color: rgba(111, 168, 219, 0.35);
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-office-hero-container {
        padding: 40px 0;
        grid-template-columns: 1fr 0.88fr;
        gap: 28px;
    }

    .nip-office-hero-content h1 {
        font-size: clamp(32px, 4vw, 43px);
    }

    .nip-office-hero-icon-card {
        padding: 17px;
    }

    .nip-office-hero-icon-item {
        min-height: 130px;
        padding: 13px 11px;
    }

    .nip-office-hero-icon-item strong {
        font-size: 12px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .nip-office-hero-container {
        width: calc(100% - 36px);
        padding: 34px 0 36px;
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .nip-office-hero-eyebrow {
        margin-bottom: 15px;
        padding: 8px 10px;
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    .nip-office-hero-content h1 {
        margin-bottom: 15px;
        font-size: clamp(32px, 8vw, 42px);
        line-height: 1.14;
        letter-spacing: -0.8px;
    }

    .nip-office-hero-description {
        margin-bottom: 17px;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-office-hero-features {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 21px;
    }

    .nip-office-hero-features > div {
        font-size: 12px;
    }

    .nip-office-hero-buttons {
        gap: 10px;
        margin-bottom: 19px;
    }

    .nip-office-hero-btn {
        min-height: 46px;
        flex: 1 1 140px;
        padding: 11px 13px;
        font-size: 12px;
    }

    .nip-office-hero-trust {
        padding-top: 15px;
    }

    .nip-office-hero-visual {
        padding: 8px 4px 8px 9px;
    }

    .nip-office-hero-icon-card {
        padding: 17px;
    }

    .nip-office-hero-icon-grid {
        gap: 10px;
    }

    .nip-office-hero-icon-item {
        min-height: 126px;
        padding: 13px 12px;
    }

    .nip-office-hero-icon-item > span {
        width: 38px;
        height: 38px;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .nip-office-hero-icon-item strong {
        font-size: 12px;
    }

    .nip-office-hero-icon-item small {
        font-size: 10px;
    }

    .nip-office-hero-icon-footer {
        gap: 10px;
        margin-top: 12px;
        padding: 12px;
    }

    .nip-office-hero-footer-icon {
        width: 37px;
        height: 37px;
        font-size: 16px;
    }

    .nip-office-hero-icon-footer strong {
        font-size: 11px;
    }

    .nip-office-hero-icon-footer p {
        font-size: 10px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-office-hero-container {
        width: calc(100% - 28px);
    }

    .nip-office-hero-content h1 {
        font-size: 30px;
    }

    .nip-office-hero-buttons {
        flex-direction: column;
    }

    .nip-office-hero-btn {
        width: 100%;
        flex: auto;
    }

    .nip-office-hero-icon-card {
        padding: 12px;
    }

    .nip-office-hero-icon-item {
        min-height: 120px;
        padding: 11px 9px;
    }

    .nip-office-hero-icon-footer {
        padding: 10px;
    }

    .nip-office-hero-footer-arrow {
        font-size: 13px;
    }
}

/* ==========================================
   OFFICE RELOCATION SERVICES
========================================== */

.nip-office-services {
    --nip-os-navy: #173d69;
    --nip-os-orange: #dd7436;
    --nip-os-green: #159b61;

    padding: 65px 0;
    background: #ffffff;
    color: #25364a;
    font-family: 'Inter', sans-serif;
}

.nip-office-services,
.nip-office-services * {
    box-sizing: border-box;
}

.nip-office-services-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-office-services-heading {
    max-width: 740px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-office-services-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-os-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
    line-height: 1.5;
}

.nip-office-services-eyebrow i {
    font-size: 15px;
}

.nip-office-services-heading h2 {
    margin: 0 0 14px;
    color: var(--nip-os-navy);
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.nip-office-services-heading h2 span {
    color: var(--nip-os-orange);
}

.nip-office-services-heading > p {
    max-width: 650px;
    margin: 0 auto;
    color: #657386;
    font-size: 14px;
    line-height: 1.85;
}

/* SERVICES GRID */

.nip-office-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.nip-office-service-card {
    position: relative;
    min-width: 0;
    min-height: 235px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 24px 20px;
    overflow: hidden;
    border: 1px solid #e7edf3;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(23, 61, 105, 0.045);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-office-service-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--nip-os-orange);
    content: "";
    transition: width 0.3s ease;
}

.nip-office-service-card:hover {
    transform: translateY(-5px);
    border-color: #d5e0ec;
    box-shadow: 0 13px 30px rgba(23, 61, 105, 0.10);
}

.nip-office-service-card:hover::before {
    width: 100%;
}

/* SERVICE ICON */

.nip-office-service-icon {
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 6px;
    background: #edf3f9;
    color: var(--nip-os-navy);
    font-size: 22px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-office-service-card:hover .nip-office-service-icon {
    background: var(--nip-os-orange);
    color: #ffffff;
}

.nip-office-service-card h3 {
    margin: 0 0 10px;
    color: var(--nip-os-navy);
    font-size: 17px;
    font-weight: 750;
    line-height: 1.45;
}

.nip-office-service-card > p {
    margin: 0 0 18px;
    color: #68778a;
    font-size: 13px;
    line-height: 1.8;
}

.nip-office-service-bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 13px;
    border-top: 1px solid #edf1f5;
}

.nip-office-service-bottom span {
    color: #a3afbd;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-office-service-bottom i {
    color: var(--nip-os-orange);
    font-size: 14px;
    transition: transform 0.25s ease;
}

.nip-office-service-card:hover .nip-office-service-bottom i {
    transform: translateX(4px);
}

/* BOTTOM CTA */

.nip-office-services-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 22px 25px;
    border-radius: 7px;
    background: #f2f6fa;
    border: 1px solid #e6edf4;
}

.nip-office-services-cta-content {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.nip-office-services-cta-icon {
    width: 49px;
    height: 49px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #ffffff;
    color: var(--nip-os-orange);
    font-size: 21px;
    box-shadow: 0 3px 12px rgba(23, 61, 105, 0.06);
}

.nip-office-services-cta-content h3 {
    margin: 0 0 5px;
    color: var(--nip-os-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-office-services-cta-content p {
    margin: 0;
    color: #657386;
    font-size: 12px;
    line-height: 1.7;
}

.nip-office-services-cta-buttons {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
}

.nip-office-services-call,
.nip-office-services-whatsapp {
    min-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    transition: 0.25s ease;
}

.nip-office-services-call {
    background: var(--nip-os-navy);
    color: #ffffff;
}

.nip-office-services-call:hover {
    background: #0e2c4d;
    color: #ffffff;
}

.nip-office-services-whatsapp {
    background: var(--nip-os-green);
    color: #ffffff;
}

.nip-office-services-whatsapp:hover {
    background: #117e4e;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-office-services {
        padding: 55px 0;
    }

    .nip-office-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
    }

    .nip-office-service-card {
        min-height: 225px;
        padding: 22px;
    }

    .nip-office-services-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-office-services {
        padding: 43px 0;
    }

    .nip-office-services-container {
        width: calc(100% - 32px);
    }

    .nip-office-services-heading {
        margin-bottom: 25px;
        text-align: left;
    }

    .nip-office-services-eyebrow {
        justify-content: flex-start;
        margin-bottom: 11px;
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .nip-office-services-heading h2 {
        margin-bottom: 11px;
        font-size: 29px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .nip-office-services-heading > p {
        margin: 0;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-office-services-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .nip-office-service-card {
        min-height: auto;
        padding: 19px;
    }

    .nip-office-service-icon {
        width: 45px;
        height: 45px;
        margin-bottom: 13px;
        font-size: 20px;
    }

    .nip-office-service-card h3 {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .nip-office-service-card > p {
        margin-bottom: 14px;
        font-size: 12px;
        line-height: 1.8;
    }

    .nip-office-service-bottom {
        padding-top: 11px;
    }

    .nip-office-services-cta {
        margin-top: 20px;
        padding: 18px;
        gap: 17px;
    }

    .nip-office-services-cta-content {
        align-items: flex-start;
        gap: 11px;
    }

    .nip-office-services-cta-icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    .nip-office-services-cta-content h3 {
        font-size: 15px;
    }

    .nip-office-services-cta-content p {
        font-size: 12px;
    }

    .nip-office-services-cta-buttons {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .nip-office-services-call,
    .nip-office-services-whatsapp {
        min-height: 43px;
        padding: 10px 8px;
        font-size: 11px;
    }
}

@media (max-width: 360px) {
    .nip-office-services-container {
        width: calc(100% - 26px);
    }

    .nip-office-services-heading h2 {
        font-size: 26px;
    }

    .nip-office-services-cta-buttons {
        grid-template-columns: 1fr;
    }
}
/* ==========================================
   OFFICE RELOCATION ABOUT SECTION
========================================== */

.nip-office-about {
    --nip-oa-navy: #173d69;
    --nip-oa-orange: #dd7436;
    --nip-oa-green: #159b61;

    padding: 65px 0;
    background: #ffffff;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-office-about,
.nip-office-about * {
    box-sizing: border-box;
}

.nip-office-about-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 55px;
}

/* LEFT VISUAL */

.nip-office-about-visual {
    position: relative;
    min-width: 0;
    padding: 15px 12px 22px 0;
}

.nip-office-about-main-card {
    position: relative;
    z-index: 1;
    padding: 24px;
    border: 1px solid #e2eaf2;
    border-radius: 9px;
    background: #f5f8fc;
    box-shadow: 0 12px 35px rgba(23, 61, 105, 0.07);
}

.nip-office-about-card-top {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 19px;
    border-bottom: 1px solid #e0e8f0;
}

.nip-office-about-card-top > span {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--nip-oa-navy);
    color: #ffffff;
    font-size: 20px;
}

.nip-office-about-card-top strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-oa-navy);
    font-size: 15px;
    font-weight: 800;
}

.nip-office-about-card-top small {
    color: #718096;
    font-size: 11px;
}

/* OFFICE MOVE ILLUSTRATION */

.nip-office-about-illustration {
    display: grid;
    grid-template-columns: 1fr 75px 1fr;
    align-items: center;
    gap: 8px;
    padding: 27px 0;
}

.nip-office-about-office {
    min-height: 132px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 8px;
    border: 1px solid #dce6f0;
    border-radius: 7px;
    background: #ffffff;
    color: var(--nip-oa-navy);
}

.nip-office-about-office > i {
    font-size: 43px;
}

.nip-office-about-office > span {
    color: #60748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.7px;
}

.nip-office-about-office-new {
    border-color: #f1d5c4;
    background: #fff8f3;
    color: var(--nip-oa-orange);
}

.nip-office-about-office-new > span {
    color: #a85c2f;
}

.nip-office-about-move-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    color: var(--nip-oa-orange);
    text-align: center;
}

.nip-office-about-move-arrow > i {
    font-size: 30px;
}

.nip-office-about-move-arrow small {
    color: #758398;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.5px;
}

/* CHECKLIST */

.nip-office-about-checklist {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
    padding-top: 17px;
    border-top: 1px solid #e0e8f0;
}

.nip-office-about-checklist > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #40536a;
    font-size: 12px;
    font-weight: 600;
}

.nip-office-about-checklist i {
    color: var(--nip-oa-green);
    font-size: 15px;
}

/* FLOATING CARD */

.nip-office-about-floating {
    position: absolute;
    z-index: 2;
    right: -7px;
    bottom: 0;
    max-width: calc(100% - 15px);
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 16px;
    border: 1px solid #e6edf4;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(23, 61, 105, 0.12);
}

.nip-office-about-floating > span {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff0e6;
    color: var(--nip-oa-orange);
    font-size: 18px;
}

.nip-office-about-floating strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-oa-navy);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-office-about-floating small {
    display: block;
    color: #718096;
    font-size: 10px;
    line-height: 1.5;
}

/* RIGHT CONTENT */

.nip-office-about-content {
    min-width: 0;
}

.nip-office-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: var(--nip-oa-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-office-about-eyebrow i {
    font-size: 15px;
}

.nip-office-about-content h2 {
    margin: 0 0 17px;
    color: var(--nip-oa-navy);
    font-size: clamp(30px, 3.2vw, 41px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.nip-office-about-content h2 span {
    display: block;
    margin-top: 4px;
    color: var(--nip-oa-orange);
}

.nip-office-about-content > p {
    margin: 0 0 13px;
    color: #657386;
    font-size: 13px;
    line-height: 1.9;
}

/* FEATURE POINTS */

.nip-office-about-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 23px 0;
}

.nip-office-about-point {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.nip-office-about-point > span {
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e9f2;
    border-radius: 5px;
    background: #f2f6fa;
    color: var(--nip-oa-navy);
    font-size: 18px;
}

.nip-office-about-point strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-oa-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-office-about-point p {
    margin: 0;
    color: #718096;
    font-size: 12px;
    line-height: 1.7;
}

/* BUTTONS */

.nip-office-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.nip-office-about-call,
.nip-office-about-whatsapp {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    transition: 0.25s ease;
}

.nip-office-about-call {
    background: var(--nip-oa-navy);
    color: #ffffff;
}

.nip-office-about-call:hover {
    background: #0e2c4d;
    color: #ffffff;
}

.nip-office-about-whatsapp {
    background: var(--nip-oa-green);
    color: #ffffff;
}

.nip-office-about-whatsapp:hover {
    background: #117e4e;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-office-about {
        padding: 55px 0;
    }

    .nip-office-about-container {
        gap: 35px;
    }

    .nip-office-about-main-card {
        padding: 19px;
    }

    .nip-office-about-illustration {
        grid-template-columns: 1fr 55px 1fr;
        gap: 5px;
    }

    .nip-office-about-office {
        min-height: 118px;
    }

    .nip-office-about-office > i {
        font-size: 35px;
    }

    .nip-office-about-content h2 {
        font-size: 33px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .nip-office-about {
        padding: 43px 0;
    }

    .nip-office-about-container {
        width: calc(100% - 32px);
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .nip-office-about-visual {
        padding: 5px 5px 17px 0;
    }

    .nip-office-about-main-card {
        padding: 17px;
    }

    .nip-office-about-card-top {
        padding-bottom: 15px;
    }

    .nip-office-about-card-top > span {
        width: 41px;
        height: 41px;
        font-size: 18px;
    }

    .nip-office-about-card-top strong {
        font-size: 14px;
    }

    .nip-office-about-illustration {
        grid-template-columns: 1fr 55px 1fr;
        padding: 20px 0;
    }

    .nip-office-about-office {
        min-height: 112px;
        gap: 10px;
        padding: 12px 5px;
    }

    .nip-office-about-office > i {
        font-size: 34px;
    }

    .nip-office-about-office > span {
        font-size: 9px;
    }

    .nip-office-about-move-arrow > i {
        font-size: 25px;
    }

    .nip-office-about-move-arrow small {
        font-size: 7px;
    }

    .nip-office-about-checklist {
        gap: 10px;
        padding-top: 15px;
    }

    .nip-office-about-floating {
        right: 0;
        bottom: 0;
        gap: 9px;
        padding: 10px 12px;
    }

    .nip-office-about-floating > span {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .nip-office-about-floating strong {
        font-size: 11px;
    }

    .nip-office-about-floating small {
        font-size: 9px;
    }

    .nip-office-about-content h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .nip-office-about-content > p {
        font-size: 13px;
        line-height: 1.85;
    }

    .nip-office-about-points {
        gap: 14px;
        margin: 21px 0;
    }

    .nip-office-about-point > span {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .nip-office-about-actions {
        gap: 9px;
    }

    .nip-office-about-call,
    .nip-office-about-whatsapp {
        min-height: 44px;
        padding: 11px 13px;
        font-size: 11px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-office-about-container {
        width: calc(100% - 26px);
    }

    .nip-office-about-main-card {
        padding: 13px;
    }

    .nip-office-about-illustration {
        grid-template-columns: 1fr 42px 1fr;
        gap: 4px;
    }

    .nip-office-about-office > i {
        font-size: 29px;
    }

    .nip-office-about-office > span {
        font-size: 8px;
        letter-spacing: 0.3px;
    }

    .nip-office-about-floating {
        max-width: calc(100% - 5px);
    }

    .nip-office-about-content h2 {
        font-size: 27px;
    }

    .nip-office-about-actions {
        flex-direction: column;
    }

    .nip-office-about-call,
    .nip-office-about-whatsapp {
        width: 100%;
    }
}

/* ==========================================
   OFFICE RELOCATION FINAL CTA
========================================== */

.nip-office-final-cta {
    --nip-ofc-navy: #173d69;
    --nip-ofc-orange: #dd7436;
    --nip-ofc-green: #159b61;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 58px 0;
    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(54, 104, 151, 0.32),
            transparent 34%
        ),
        linear-gradient(120deg, #0c223b, #173d69);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-office-final-cta,
.nip-office-final-cta * {
    box-sizing: border-box;
}

.nip-office-final-cta-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    gap: 45px;
}

/* CONTENT */

.nip-office-final-cta-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.nip-office-final-cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: #ffad78;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-office-final-cta-eyebrow i {
    color: var(--nip-ofc-orange);
    font-size: 15px;
}

.nip-office-final-cta-content h2 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(32px, 3.5vw, 45px);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -1px;
}

.nip-office-final-cta-content h2 span {
    display: block;
    margin-top: 5px;
    color: #ff9b5b;
}

.nip-office-final-cta-content > p {
    max-width: 600px;
    margin: 0 0 21px;
    color: #d2deeb;
    font-size: 14px;
    line-height: 1.85;
}

/* BENEFITS */

.nip-office-final-cta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-bottom: 25px;
}

.nip-office-final-cta-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #edf4fb;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.nip-office-final-cta-points i {
    color: #5cdda0;
    font-size: 14px;
}

/* BUTTONS */

.nip-office-final-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nip-office-final-cta-call,
.nip-office-final-cta-whatsapp {
    min-height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 19px;
    border: 1px solid transparent;
    border-radius: 5px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.nip-office-final-cta-call {
    background: var(--nip-ofc-orange);
    color: #ffffff;
}

.nip-office-final-cta-call:hover {
    transform: translateY(-3px);
    background: #c96328;
    color: #ffffff;
}

.nip-office-final-cta-call > i:last-child {
    margin-left: 4px;
    font-size: 12px;
}

.nip-office-final-cta-whatsapp {
    border-color: rgba(255, 255, 255, 0.27);
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

.nip-office-final-cta-whatsapp > i {
    color: #55df9a;
    font-size: 18px;
}

.nip-office-final-cta-whatsapp:hover {
    transform: translateY(-3px);
    border-color: var(--nip-ofc-green);
    background: var(--nip-ofc-green);
    color: #ffffff;
}

.nip-office-final-cta-whatsapp:hover > i {
    color: #ffffff;
}

/* CONTACT NOTE */

.nip-office-final-cta-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 22px;
    padding-top: 17px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    color: #c8d7e6;
    font-size: 12px;
    line-height: 1.7;
}

.nip-office-final-cta-contact > i {
    margin-right: 2px;
    color: #ffad78;
    font-size: 15px;
}

.nip-office-final-cta-contact a {
    color: #ffffff;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.5);
    text-underline-offset: 3px;
}

.nip-office-final-cta-contact a:hover {
    color: #ffad78;
}

/* ICON VISUAL */

.nip-office-final-cta-visual {
    position: relative;
    min-width: 0;
    min-height: 335px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nip-office-final-cta-icon-main {
    position: relative;
    z-index: 2;
    width: 155px;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    background: linear-gradient(145deg, #dd7436, #bc5925);
    color: #ffffff;
    font-size: 64px;
    box-shadow:
        0 0 0 14px rgba(255, 255, 255, 0.04),
        0 20px 55px rgba(0, 0, 0, 0.20);
}

.nip-office-final-cta-orbit {
    position: absolute;
    border: 1px dashed rgba(255, 255, 255, 0.24);
    border-radius: 50%;
    pointer-events: none;
}

.nip-office-final-cta-orbit-one {
    width: 245px;
    height: 245px;
}

.nip-office-final-cta-orbit-two {
    width: 315px;
    height: 315px;
    border-color: rgba(255, 155, 91, 0.27);
}

.nip-office-final-cta-icon {
    position: absolute;
    z-index: 3;
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    background: #ffffff;
    color: var(--nip-ofc-navy);
    font-size: 22px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);
}

.nip-office-final-cta-icon-one {
    top: 20px;
    left: 23%;
}

.nip-office-final-cta-icon-two {
    top: 27px;
    right: 16%;
    color: var(--nip-ofc-orange);
}

.nip-office-final-cta-icon-three {
    right: 13%;
    bottom: 40px;
}

.nip-office-final-cta-icon-four {
    bottom: 24px;
    left: 20%;
    color: var(--nip-ofc-orange);
}

.nip-office-final-cta-visual-label {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 auto;
    padding: 12px 17px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 5px;
    background: rgba(7, 25, 44, 0.85);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.nip-office-final-cta-visual-label i {
    color: #5cdda0;
    font-size: 15px;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-office-final-cta {
        padding: 48px 0;
    }

    .nip-office-final-cta-container {
        gap: 25px;
    }

    .nip-office-final-cta-content h2 {
        font-size: 36px;
    }

    .nip-office-final-cta-visual {
        min-height: 300px;
    }

    .nip-office-final-cta-icon-main {
        width: 125px;
        height: 125px;
        font-size: 52px;
    }

    .nip-office-final-cta-orbit-one {
        width: 205px;
        height: 205px;
    }

    .nip-office-final-cta-orbit-two {
        width: 265px;
        height: 265px;
    }

    .nip-office-final-cta-icon {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .nip-office-final-cta {
        padding: 42px 0;
    }

    .nip-office-final-cta-container {
        width: calc(100% - 36px);
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .nip-office-final-cta-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .nip-office-final-cta-content h2 {
        margin-bottom: 13px;
        font-size: clamp(29px, 7.5vw, 37px);
        line-height: 1.22;
        letter-spacing: -0.6px;
    }

    .nip-office-final-cta-content > p {
        margin-bottom: 17px;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-office-final-cta-points {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 21px;
    }

    .nip-office-final-cta-points span {
        font-size: 12px;
    }

    .nip-office-final-cta-buttons {
        gap: 10px;
    }

    .nip-office-final-cta-call,
    .nip-office-final-cta-whatsapp {
        min-height: 46px;
        flex: 1 1 140px;
        padding: 11px 13px;
        font-size: 12px;
    }

    .nip-office-final-cta-contact {
        margin-top: 18px;
        padding-top: 15px;
        font-size: 11px;
    }

    .nip-office-final-cta-visual {
        min-height: 285px;
        margin: 0 0 4px;
    }

    .nip-office-final-cta-icon-main {
        width: 112px;
        height: 112px;
        font-size: 46px;
    }

    .nip-office-final-cta-orbit-one {
        width: 185px;
        height: 185px;
    }

    .nip-office-final-cta-orbit-two {
        width: 245px;
        height: 245px;
    }

    .nip-office-final-cta-icon {
        width: 45px;
        height: 45px;
        border-radius: 9px;
        font-size: 18px;
    }

    .nip-office-final-cta-icon-one {
        top: 18px;
        left: 15%;
    }

    .nip-office-final-cta-icon-two {
        top: 20px;
        right: 13%;
    }

    .nip-office-final-cta-icon-three {
        right: 11%;
        bottom: 42px;
    }

    .nip-office-final-cta-icon-four {
        bottom: 35px;
        left: 14%;
    }

    .nip-office-final-cta-visual-label {
        bottom: 0;
        padding: 10px 13px;
        font-size: 11px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-office-final-cta-container {
        width: calc(100% - 28px);
    }

    .nip-office-final-cta-content h2 {
        font-size: 28px;
    }

    .nip-office-final-cta-buttons {
        flex-direction: column;
    }

    .nip-office-final-cta-call,
    .nip-office-final-cta-whatsapp {
        width: 100%;
        flex: auto;
    }

    .nip-office-final-cta-visual {
        min-height: 255px;
    }

    .nip-office-final-cta-icon-main {
        width: 95px;
        height: 95px;
        font-size: 39px;
    }

    .nip-office-final-cta-orbit-one {
        width: 160px;
        height: 160px;
    }

    .nip-office-final-cta-orbit-two {
        width: 215px;
        height: 215px;
    }

    .nip-office-final-cta-icon-one {
        left: 9%;
    }

    .nip-office-final-cta-icon-two {
        right: 8%;
    }

    .nip-office-final-cta-icon-three {
        right: 6%;
        bottom: 37px;
    }

    .nip-office-final-cta-icon-four {
        left: 8%;
        bottom: 29px;
    }
}

/* ==========================================
   NICE INDIA - CAR TRANSPORTATION HERO
========================================== */

.nip-car-hero {
    --nip-car-navy: #102b49;
    --nip-car-blue: #173d69;
    --nip-car-orange: #dd7436;
    --nip-car-green: #159b61;

    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 82% 45%,
            rgba(54, 105, 153, 0.25),
            transparent 36%
        ),
        linear-gradient(115deg, #0b2038 0%, #102b49 58%, #173d69 100%);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-car-hero,
.nip-car-hero * {
    box-sizing: border-box;
}

.nip-car-hero-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
    padding: 40px 0;
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 45px;
}

/* LEFT CONTENT */

.nip-car-hero-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.nip-car-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    padding: 8px 12px;
    border: 1px solid rgba(221, 116, 54, 0.45);
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.10);
    color: #ffb17f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-car-hero-eyebrow i {
    color: var(--nip-car-orange);
    font-size: 14px;
}

.nip-car-hero-content h1 {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(34px, 3.6vw, 49px);
    font-weight: 800;
    line-height: 1.13;
    letter-spacing: -1.2px;
}

.nip-car-hero-content h1 span {
    display: block;
    margin-top: 5px;
    color: #ff9b5b;
}

.nip-car-hero-description {
    max-width: 570px;
    margin: 0 0 19px;
    color: #d0dbe8;
    font-size: 14px;
    line-height: 1.8;
}

.nip-car-hero-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px 14px;
    margin-bottom: 23px;
}

.nip-car-hero-features > div {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #f1f5fa;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.nip-car-hero-features i {
    flex-shrink: 0;
    margin-top: 2px;
    color: #5cdda0;
    font-size: 14px;
}

/* CTA BUTTONS */

.nip-car-hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 20px;
}

.nip-car-hero-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}

.nip-car-hero-btn:hover {
    transform: translateY(-2px);
}

.nip-car-hero-btn-primary {
    background: var(--nip-car-orange);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(221, 116, 54, 0.18);
}

.nip-car-hero-btn-primary:hover {
    background: #c96328;
    color: #ffffff;
}

.nip-car-hero-btn-whatsapp {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;
}

.nip-car-hero-btn-whatsapp i {
    color: #55df9a;
    font-size: 17px;
}

.nip-car-hero-btn-whatsapp:hover {
    border-color: var(--nip-car-green);
    background: var(--nip-car-green);
    color: #ffffff;
}

.nip-car-hero-btn-whatsapp:hover i {
    color: #ffffff;
}

/* CONTACT STRIP */

.nip-car-hero-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.nip-car-hero-contact-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(221, 116, 54, 0.15);
    color: #ffab75;
    font-size: 17px;
}

.nip-car-hero-contact strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.5;
}

.nip-car-hero-contact div > span {
    display: block;
    color: #b9c9da;
    font-size: 11px;
    line-height: 1.6;
}

/* RIGHT VISUAL PANEL */

.nip-car-hero-visual {
    position: relative;
    min-width: 0;
    padding: 21px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 9px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.10),
        rgba(255, 255, 255, 0.035)
    );
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.16);
}

/* PANEL HEADER */

.nip-car-hero-visual-top {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.nip-car-hero-visual-top > span {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--nip-car-orange);
    color: #ffffff;
    font-size: 19px;
}

.nip-car-hero-visual-top strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-car-hero-visual-top small {
    display: block;
    color: #c3d2e1;
    font-size: 11px;
    line-height: 1.5;
}

/* CAR ICON ILLUSTRATION */

.nip-car-hero-car-display {
    position: relative;
    min-height: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.nip-car-hero-car-glow {
    position: absolute;
    top: 28px;
    left: 50%;
    width: 190px;
    height: 125px;
    border-radius: 50%;
    background: rgba(221, 116, 54, 0.13);
    filter: blur(25px);
    transform: translateX(-50%);
}

.nip-car-hero-main-car {
    position: relative;
    z-index: 2;
    color: #ff9b5b;
    font-size: clamp(100px, 11vw, 145px);
    filter: drop-shadow(0 12px 15px rgba(0, 0, 0, 0.25));
    animation: nipCarHeroFloat 3s ease-in-out infinite;
}

@keyframes nipCarHeroFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }
}

.nip-car-hero-road {
    position: absolute;
    right: 0;
    bottom: 37px;
    left: 0;
    height: 2px;
    background: rgba(255, 255, 255, 0.19);
}

.nip-car-hero-road span {
    position: absolute;
    top: -2px;
    left: 10%;
    width: 80%;
    height: 5px;
    background: repeating-linear-gradient(
        to right,
        #ffad78 0,
        #ffad78 17px,
        transparent 17px,
        transparent 29px
    );
    opacity: 0.65;
}

/* PICKUP AND DESTINATION */

.nip-car-hero-location {
    position: absolute;
    z-index: 3;
    bottom: 7px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #d9e4ef;
    font-size: 10px;
    font-weight: 700;
}

.nip-car-hero-location i {
    color: #ff9b5b;
    font-size: 13px;
}

.nip-car-hero-location-start {
    left: 0;
}

.nip-car-hero-location-end {
    right: 0;
}

/* PANEL FOOTER */

.nip-car-hero-visual-bottom {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px;
    border-radius: 5px;
    background: rgba(5, 22, 39, 0.5);
}

.nip-car-hero-bottom-icon {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 17px;
}

.nip-car-hero-visual-bottom > div:nth-child(2) {
    flex: 1;
    min-width: 0;
}

.nip-car-hero-visual-bottom strong {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.5;
}

.nip-car-hero-visual-bottom span {
    display: block;
    color: #c3d2e1;
    font-size: 10px;
    line-height: 1.6;
}

.nip-car-hero-bottom-arrow {
    flex-shrink: 0;
    color: #ffad78;
    font-size: 14px;
}

/* DECORATIVE SHAPES */

.nip-car-hero-decoration {
    position: absolute;
    z-index: -1;
    width: 65px;
    height: 65px;
    border: 1px solid rgba(255, 155, 91, 0.35);
    border-radius: 7px;
    pointer-events: none;
}

.nip-car-hero-decoration-one {
    top: -10px;
    right: -10px;
}

.nip-car-hero-decoration-two {
    bottom: -10px;
    left: -10px;
    border-color: rgba(111, 168, 219, 0.3);
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-car-hero-container {
        padding: 35px 0;
        grid-template-columns: 1fr 0.9fr;
        gap: 28px;
    }

    .nip-car-hero-content h1 {
        font-size: clamp(31px, 3.8vw, 41px);
    }

    .nip-car-hero-visual {
        padding: 17px;
    }

    .nip-car-hero-car-display {
        min-height: 180px;
    }

    .nip-car-hero-main-car {
        font-size: 105px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .nip-car-hero-container {
        width: calc(100% - 36px);
        padding: 32px 0;
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .nip-car-hero-eyebrow {
        margin-bottom: 14px;
        padding: 8px 10px;
        font-size: 9px;
        letter-spacing: 0.7px;
    }

    .nip-car-hero-content h1 {
        margin-bottom: 14px;
        font-size: clamp(31px, 8vw, 41px);
        line-height: 1.15;
        letter-spacing: -0.7px;
    }

    .nip-car-hero-description {
        margin-bottom: 17px;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-car-hero-features {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 20px;
    }

    .nip-car-hero-features > div {
        font-size: 12px;
    }

    .nip-car-hero-buttons {
        gap: 9px;
        margin-bottom: 18px;
    }

    .nip-car-hero-btn {
        min-height: 45px;
        flex: 1 1 140px;
        padding: 11px 12px;
        font-size: 11px;
    }

    .nip-car-hero-contact {
        padding-top: 14px;
    }

    .nip-car-hero-visual {
        padding: 16px;
    }

    .nip-car-hero-visual-top > span {
        width: 39px;
        height: 39px;
        font-size: 17px;
    }

    .nip-car-hero-visual-top strong {
        font-size: 13px;
    }

    .nip-car-hero-car-display {
        min-height: 175px;
    }

    .nip-car-hero-main-car {
        font-size: clamp(100px, 29vw, 130px);
    }

    .nip-car-hero-road {
        bottom: 33px;
    }

    .nip-car-hero-location {
        bottom: 4px;
    }

    .nip-car-hero-visual-bottom {
        gap: 9px;
        padding: 11px;
    }

    .nip-car-hero-bottom-icon {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .nip-car-hero-visual-bottom strong {
        font-size: 10px;
    }

    .nip-car-hero-visual-bottom span {
        font-size: 9px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-car-hero-container {
        width: calc(100% - 28px);
    }

    .nip-car-hero-content h1 {
        font-size: 29px;
    }

    .nip-car-hero-buttons {
        flex-direction: column;
    }

    .nip-car-hero-btn {
        width: 100%;
        flex: auto;
    }

    .nip-car-hero-visual {
        padding: 12px;
    }

    .nip-car-hero-car-display {
        min-height: 155px;
    }

    .nip-car-hero-main-car {
        font-size: 95px;
    }

    .nip-car-hero-visual-bottom {
        padding: 9px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-car-hero-main-car {
        animation: none;
    }

    .nip-car-hero-btn {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - CAR TRANSPORTATION SERVICES
========================================== */

.nip-car-services {
    --nip-cs-navy: #173d69;
    --nip-cs-orange: #dd7436;
    --nip-cs-green: #159b61;

    padding: 62px 0;
    background: #ffffff;
    color: #25364a;
    font-family: 'Inter', sans-serif;
}

.nip-car-services,
.nip-car-services * {
    box-sizing: border-box;
}

.nip-car-services-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-car-services-heading {
    max-width: 730px;
    margin: 0 auto 35px;
    text-align: center;
}

.nip-car-services-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-cs-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.nip-car-services-eyebrow i {
    font-size: 15px;
}

.nip-car-services-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-cs-navy);
    font-size: clamp(30px, 3.3vw, 41px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.nip-car-services-heading h2 span {
    color: var(--nip-cs-orange);
}

.nip-car-services-heading > p {
    max-width: 650px;
    margin: 0 auto;
    color: #657386;
    font-size: 14px;
    line-height: 1.85;
}

/* SERVICES GRID */

.nip-car-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.nip-car-service-card {
    position: relative;
    min-width: 0;
    min-height: 242px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px 22px 18px;
    overflow: hidden;
    border: 1px solid #e5ebf2;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(23, 61, 105, 0.045);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-car-service-card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--nip-cs-orange);
    content: "";
    transition: width 0.3s ease;
}

.nip-car-service-card:hover {
    transform: translateY(-4px);
    border-color: #d5e0ec;
    box-shadow: 0 13px 28px rgba(23, 61, 105, 0.10);
}

.nip-car-service-card:hover::before {
    width: 100%;
}

/* CARD TOP */

.nip-car-service-top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.nip-car-service-icon {
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #edf3f9;
    color: var(--nip-cs-navy);
    font-size: 21px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-car-service-card:hover .nip-car-service-icon {
    background: var(--nip-cs-orange);
    color: #ffffff;
}

.nip-car-service-number {
    color: #c4ced9;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
}

/* CARD CONTENT */

.nip-car-service-card h3 {
    margin: 0 0 9px;
    color: var(--nip-cs-navy);
    font-size: 16px;
    font-weight: 750;
    line-height: 1.45;
}

.nip-car-service-card > p {
    margin: 0 0 17px;
    color: #68778a;
    font-size: 12px;
    line-height: 1.85;
}

.nip-car-service-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf1f5;
    width: 100%;
    color: var(--nip-cs-navy);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.5;
    text-decoration: none;
    transition: color 0.25s ease;
}

.nip-car-service-link i {
    color: var(--nip-cs-orange);
    font-size: 13px;
    transition: transform 0.25s ease;
}

.nip-car-service-card:hover .nip-car-service-link {
    color: var(--nip-cs-orange);
}

.nip-car-service-card:hover .nip-car-service-link i {
    transform: translateX(4px);
}

/* BOTTOM CTA */

.nip-car-services-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-top: 27px;
    padding: 21px 24px;
    border: 1px solid #e5ebf2;
    border-radius: 7px;
    background: #f3f7fb;
}

.nip-car-services-bottom-content {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.nip-car-services-bottom-icon {
    width: 47px;
    height: 47px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #ffffff;
    color: var(--nip-cs-orange);
    font-size: 20px;
    box-shadow: 0 3px 12px rgba(23, 61, 105, 0.06);
}

.nip-car-services-bottom-content h3 {
    margin: 0 0 5px;
    color: var(--nip-cs-navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-car-services-bottom-content p {
    margin: 0;
    color: #657386;
    font-size: 12px;
    line-height: 1.7;
}

.nip-car-services-bottom-btn {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 12px 17px;
    border-radius: 4px;
    background: var(--nip-cs-green);
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    text-decoration: none;
    transition: background 0.25s ease, transform 0.25s ease;
}

.nip-car-services-bottom-btn i {
    font-size: 17px;
}

.nip-car-services-bottom-btn:hover {
    transform: translateY(-2px);
    background: #117e4e;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-car-services {
        padding: 52px 0;
    }

    .nip-car-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .nip-car-service-card {
        min-height: 230px;
        padding: 20px;
    }

    .nip-car-services-bottom {
        padding: 19px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-car-services {
        padding: 42px 0;
    }

    .nip-car-services-container {
        width: calc(100% - 32px);
    }

    .nip-car-services-heading {
        margin-bottom: 24px;
        text-align: left;
    }

    .nip-car-services-eyebrow {
        justify-content: flex-start;
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.7px;
    }

    .nip-car-services-heading h2 {
        margin-bottom: 11px;
        font-size: 29px;
        line-height: 1.25;
    }

    .nip-car-services-heading > p {
        margin: 0;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-car-services-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .nip-car-service-card {
        min-height: auto;
        padding: 18px;
    }

    .nip-car-service-top {
        margin-bottom: 13px;
    }

    .nip-car-service-icon {
        width: 44px;
        height: 44px;
        font-size: 19px;
    }

    .nip-car-service-card h3 {
        margin-bottom: 7px;
        font-size: 15px;
    }

    .nip-car-service-card > p {
        margin-bottom: 13px;
        font-size: 12px;
        line-height: 1.8;
    }

    .nip-car-service-link {
        padding-top: 10px;
        font-size: 12px;
    }

    .nip-car-services-bottom {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
        margin-top: 19px;
        padding: 17px;
    }

    .nip-car-services-bottom-content {
        align-items: flex-start;
        gap: 11px;
    }

    .nip-car-services-bottom-icon {
        width: 41px;
        height: 41px;
        font-size: 18px;
    }

    .nip-car-services-bottom-content h3 {
        font-size: 14px;
    }

    .nip-car-services-bottom-content p {
        font-size: 12px;
    }

    .nip-car-services-bottom-btn {
        width: 100%;
        min-height: 43px;
    }
}

/* SMALL MOBILE */

@media (max-width: 360px) {
    .nip-car-services-container {
        width: calc(100% - 26px);
    }

    .nip-car-services-heading h2 {
        font-size: 26px;
    }
}

/* ==========================================
   NICE INDIA - CAR TRANSPORT ABOUT SECTION
========================================== */

.nip-car-about {
    --nip-ca-navy: #173d69;
    --nip-ca-orange: #dd7436;
    --nip-ca-green: #159b61;

    padding: 62px 0;
    background: #ffffff;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-car-about,
.nip-car-about * {
    box-sizing: border-box;
}

.nip-car-about-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 52px;
}

/* LEFT VISUAL */

.nip-car-about-visual {
    position: relative;
    min-width: 0;
    padding: 10px 12px 22px 0;
}

.nip-car-about-main-card {
    position: relative;
    z-index: 1;
    padding: 23px;
    border: 1px solid #e2eaf2;
    border-radius: 8px;
    background: #f5f8fc;
    box-shadow: 0 12px 32px rgba(23, 61, 105, 0.07);
}

.nip-car-about-card-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e0e8f0;
}

.nip-car-about-card-heading > span {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--nip-ca-navy);
    color: #ffffff;
    font-size: 21px;
}

.nip-car-about-card-heading strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-ca-navy);
    font-size: 15px;
    font-weight: 800;
}

.nip-car-about-card-heading small {
    color: #718096;
    font-size: 11px;
}

/* ROUTE VISUAL */

.nip-car-about-route {
    padding: 24px 3px;
}

.nip-car-about-route-point {
    display: flex;
    align-items: center;
    gap: 13px;
}

.nip-car-about-route-dot {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    border: 4px solid #d8e8f7;
    border-radius: 50%;
    background: var(--nip-ca-navy);
}

.nip-car-about-route-dot-end {
    border-color: #f9dfcf;
    background: var(--nip-ca-orange);
}

.nip-car-about-route-point small {
    display: block;
    margin-bottom: 5px;
    color: #8795a7;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.nip-car-about-route-point strong {
    display: block;
    color: var(--nip-ca-navy);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.5;
}

.nip-car-about-route-line {
    height: 44px;
    display: flex;
    align-items: center;
    margin-left: 6px;
    padding-left: 0;
    border-left: 2px dashed #c4d2e1;
    color: var(--nip-ca-orange);
}

.nip-car-about-route-line i {
    margin-left: -11px;
    padding: 4px 0;
    background: #f5f8fc;
    font-size: 18px;
}

/* VEHICLE TYPES */

.nip-car-about-vehicle-types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding-top: 17px;
    border-top: 1px solid #e0e8f0;
}

.nip-car-about-vehicle-types > div {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 5px;
    border: 1px solid #e2eaf2;
    border-radius: 5px;
    background: #ffffff;
    color: var(--nip-ca-navy);
}

.nip-car-about-vehicle-types i {
    font-size: 22px;
}

.nip-car-about-vehicle-types span {
    color: #657386;
    font-size: 10px;
    font-weight: 700;
}

/* FLOATING CARD */

.nip-car-about-floating {
    position: absolute;
    z-index: 2;
    right: -4px;
    bottom: 0;
    max-width: calc(100% - 12px);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    border: 1px solid #e6edf4;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 8px 23px rgba(23, 61, 105, 0.12);
}

.nip-car-about-floating > span {
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff0e6;
    color: var(--nip-ca-orange);
    font-size: 17px;
}

.nip-car-about-floating strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-ca-navy);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-car-about-floating small {
    display: block;
    color: #718096;
    font-size: 10px;
    line-height: 1.5;
}

/* RIGHT CONTENT */

.nip-car-about-content {
    min-width: 0;
}

.nip-car-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--nip-ca-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.9px;
    line-height: 1.5;
}

.nip-car-about-eyebrow i {
    font-size: 14px;
}

.nip-car-about-content h2 {
    margin: 0 0 16px;
    color: var(--nip-ca-navy);
    font-size: clamp(30px, 3.2vw, 41px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.nip-car-about-content h2 span {
    display: block;
    margin-top: 4px;
    color: var(--nip-ca-orange);
}

.nip-car-about-content > p {
    margin: 0 0 13px;
    color: #657386;
    font-size: 13px;
    line-height: 1.85;
}

/* FEATURES */

.nip-car-about-features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 21px 0;
}

.nip-car-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.nip-car-about-feature > span {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e9f2;
    border-radius: 5px;
    background: #f2f6fa;
    color: var(--nip-ca-navy);
    font-size: 17px;
}

.nip-car-about-feature strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-ca-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-car-about-feature p {
    margin: 0;
    color: #718096;
    font-size: 12px;
    line-height: 1.7;
}

/* ACTION BUTTONS */

.nip-car-about-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.nip-car-about-call,
.nip-car-about-whatsapp {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
    transition: background 0.25s ease, transform 0.25s ease;
}

.nip-car-about-call {
    background: var(--nip-ca-navy);
    color: #ffffff;
}

.nip-car-about-call:hover {
    transform: translateY(-2px);
    background: #0e2c4d;
    color: #ffffff;
}

.nip-car-about-whatsapp {
    background: var(--nip-ca-green);
    color: #ffffff;
}

.nip-car-about-whatsapp:hover {
    transform: translateY(-2px);
    background: #117e4e;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-car-about {
        padding: 52px 0;
    }

    .nip-car-about-container {
        gap: 32px;
    }

    .nip-car-about-main-card {
        padding: 18px;
    }

    .nip-car-about-content h2 {
        font-size: 33px;
    }
}

/* MOBILE */

@media (max-width: 767px) {
    .nip-car-about {
        padding: 42px 0;
    }

    .nip-car-about-container {
        width: calc(100% - 32px);
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .nip-car-about-visual {
        padding: 5px 5px 18px 0;
    }

    .nip-car-about-main-card {
        padding: 16px;
    }

    .nip-car-about-card-heading {
        padding-bottom: 14px;
    }

    .nip-car-about-card-heading > span {
        width: 41px;
        height: 41px;
        font-size: 19px;
    }

    .nip-car-about-card-heading strong {
        font-size: 14px;
    }

    .nip-car-about-route {
        padding: 20px 2px;
    }

    .nip-car-about-vehicle-types {
        gap: 7px;
        padding-top: 14px;
    }

    .nip-car-about-vehicle-types > div {
        gap: 8px;
        padding: 12px 4px;
    }

    .nip-car-about-vehicle-types i {
        font-size: 20px;
    }

    .nip-car-about-vehicle-types span {
        font-size: 9px;
    }

    .nip-car-about-floating {
        right: 0;
        gap: 9px;
        padding: 10px 12px;
    }

    .nip-car-about-floating > span {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .nip-car-about-floating strong {
        font-size: 11px;
    }

    .nip-car-about-floating small {
        font-size: 9px;
    }

    .nip-car-about-content h2 {
        font-size: 30px;
        line-height: 1.25;
    }

    .nip-car-about-content > p {
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-car-about-features {
        gap: 13px;
        margin: 19px 0;
    }

    .nip-car-about-feature > span {
        width: 39px;
        height: 39px;
        font-size: 16px;
    }

    .nip-car-about-buttons {
        gap: 9px;
    }

    .nip-car-about-call,
    .nip-car-about-whatsapp {
        min-height: 44px;
        padding: 10px 12px;
        font-size: 11px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-car-about-container {
        width: calc(100% - 26px);
    }

    .nip-car-about-main-card {
        padding: 12px;
    }

    .nip-car-about-content h2 {
        font-size: 27px;
    }

    .nip-car-about-buttons {
        flex-direction: column;
    }

    .nip-car-about-call,
    .nip-car-about-whatsapp {
        width: 100%;
    }
}

/* ==========================================
   NICE INDIA - CAR TRANSPORTATION PROCESS
========================================== */

.nip-car-process {
    --nip-cp-navy: #173d69;
    --nip-cp-orange: #dd7436;
    --nip-cp-green: #159b61;

    padding: 62px 0;
    background: #f4f7fb;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-car-process,
.nip-car-process * {
    box-sizing: border-box;
}

.nip-car-process-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* HEADING */

.nip-car-process-heading {
    max-width: 730px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-car-process-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-cp-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-car-process-eyebrow i {
    font-size: 15px;
}

.nip-car-process-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-cp-navy);
    font-size: clamp(30px, 3.3vw, 41px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.7px;
}

.nip-car-process-heading h2 span {
    color: var(--nip-cp-orange);
}

.nip-car-process-heading > p {
    max-width: 650px;
    margin: 0 auto;
    color: #657386;
    font-size: 14px;
    line-height: 1.85;
}

/* PROCESS GRID */

.nip-car-process-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.nip-car-process-card {
    position: relative;
    min-width: 0;
    padding: 24px 20px 22px;
    border: 1px solid #e2e9f1;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 5px 20px rgba(23, 61, 105, 0.04);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.nip-car-process-card:hover {
    transform: translateY(-4px);
    border-color: #d0deec;
    box-shadow: 0 12px 28px rgba(23, 61, 105, 0.09);
}

/* ICONS */

.nip-car-process-icon {
    position: relative;
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 7px;
    background: #edf3f9;
    color: var(--nip-cp-navy);
    font-size: 24px;
}

.nip-car-process-icon > span {
    position: absolute;
    top: -7px;
    right: -8px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: var(--nip-cp-orange);
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
}

.nip-car-process-card h3 {
    margin: 0 0 10px;
    color: var(--nip-cp-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-car-process-card p {
    margin: 0;
    color: #68778a;
    font-size: 12px;
    line-height: 1.85;
}

/* INFORMATION NOTE */

.nip-car-process-note {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 25px;
    padding: 17px 20px;
    border: 1px solid #e0e8f1;
    border-radius: 6px;
    background: #ffffff;
}

.nip-car-process-note-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #fff0e6;
    color: var(--nip-cp-orange);
    font-size: 19px;
}

.nip-car-process-note > p {
    flex: 1;
    margin: 0;
    color: #657386;
    font-size: 12px;
    line-height: 1.8;
}

.nip-car-process-note > p strong {
    color: var(--nip-cp-navy);
}

.nip-car-process-note > a {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 15px;
    border-radius: 4px;
    background: var(--nip-cp-navy);
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: background 0.25s ease;
}

.nip-car-process-note > a:hover {
    background: #0e2c4d;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 1024px) {
    .nip-car-process {
        padding: 52px 0;
    }

    .nip-car-process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
    }

    .nip-car-process-card {
        padding: 21px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-car-process {
        padding: 42px 0;
    }

    .nip-car-process-container {
        width: calc(100% - 32px);
    }

    .nip-car-process-heading {
        margin-bottom: 25px;
        text-align: left;
    }

    .nip-car-process-eyebrow {
        justify-content: flex-start;
        margin-bottom: 10px;
        font-size: 10px;
    }

    .nip-car-process-heading h2 {
        margin-bottom: 11px;
        font-size: 29px;
        line-height: 1.25;
    }

    .nip-car-process-heading > p {
        margin: 0;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-car-process-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .nip-car-process-card {
        padding: 18px;
    }

    .nip-car-process-icon {
        width: 47px;
        height: 47px;
        margin-bottom: 14px;
        font-size: 20px;
    }

    .nip-car-process-card h3 {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .nip-car-process-card p {
        font-size: 12px;
        line-height: 1.8;
    }

    .nip-car-process-note {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 11px;
        margin-top: 18px;
        padding: 15px;
    }

    .nip-car-process-note-icon {
        width: 37px;
        height: 37px;
        font-size: 17px;
    }

    .nip-car-process-note > p {
        flex: 1 1 calc(100% - 50px);
        font-size: 12px;
    }

    .nip-car-process-note > a {
        width: 100%;
        min-height: 42px;
    }
}

/* SMALL MOBILE */

@media (max-width: 360px) {
    .nip-car-process-container {
        width: calc(100% - 26px);
    }

    .nip-car-process-heading h2 {
        font-size: 26px;
    }
}

/* ==========================================
   NICE INDIA - CAR TRANSPORTATION BENEFITS
========================================== */

.nip-car-benefits {
    --nip-cb-navy: #173d69;
    --nip-cb-orange: #dd7436;
    --nip-cb-green: #159b61;

    padding: 68px 0;
    background: #ffffff;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-car-benefits,
.nip-car-benefits * {
    box-sizing: border-box;
}

.nip-car-benefits-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-car-benefits-heading {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center;
}

.nip-car-benefits-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-cb-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-car-benefits-eyebrow i {
    font-size: 15px;
}

.nip-car-benefits-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-cb-navy);
    font-size: clamp(30px, 3.3vw, 41px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.nip-car-benefits-heading h2 span {
    color: var(--nip-cb-orange);
}

.nip-car-benefits-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: #68778a;
    font-size: 14px;
    line-height: 1.85;
}

/* MAIN LAYOUT */

.nip-car-benefits-layout {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    align-items: stretch;
    gap: 35px;
}

/* LEFT VISUAL PANEL */

.nip-car-benefits-visual {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
    background: var(--nip-cb-navy);
    color: #ffffff;
}

.nip-car-benefits-visual-top {
    position: relative;
    flex: 1;
    min-height: 300px;
    padding: 27px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(221, 116, 54, 0.22),
            transparent 38%
        ),
        linear-gradient(145deg, #173d69, #102b49);
}

.nip-car-benefits-visual-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
}

.nip-car-benefits-visual-label i {
    color: #ffb17f;
}

.nip-car-benefits-car-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 100px;
    margin: 28px 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
    color: #ffad78;
    font-size: 61px;
}

.nip-car-benefits-visual-top h3 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.3;
}

.nip-car-benefits-visual-top > p {
    max-width: 350px;
    margin: 0;
    color: #d7e2ef;
    font-size: 13px;
    line-height: 1.85;
}

.nip-car-benefits-visual-bottom {
    display: grid;
    gap: 0;
    padding: 5px 24px;
    background: rgba(5, 20, 37, 0.3);
}

.nip-car-benefits-visual-bottom > div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    color: #f0f5fb;
    font-size: 12px;
    font-weight: 650;
}

.nip-car-benefits-visual-bottom > div:last-child {
    border-bottom: none;
}

.nip-car-benefits-visual-bottom i {
    width: 20px;
    color: #ffad78;
    font-size: 16px;
    text-align: center;
}

/* RIGHT BENEFIT ITEMS */

.nip-car-benefits-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 21px;
}

.nip-car-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.nip-car-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    border-radius: 6px;
    background: #edf3f9;
    color: var(--nip-cb-navy);
    font-size: 20px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-car-benefit-item:hover .nip-car-benefit-icon {
    background: var(--nip-cb-navy);
    color: #ffffff;
}

.nip-car-benefit-item h3 {
    margin: 1px 0 6px;
    color: var(--nip-cb-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
}

.nip-car-benefit-item p {
    margin: 0;
    color: #68778a;
    font-size: 12px;
    line-height: 1.8;
}

/* CTA */

.nip-car-benefits-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 4px;
    padding: 17px;
    border: 1px solid #e3eaf2;
    border-left: 4px solid var(--nip-cb-orange);
    border-radius: 5px;
    background: #f7f9fc;
}

.nip-car-benefits-action > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nip-car-benefits-action strong {
    color: var(--nip-cb-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-car-benefits-action span {
    color: #68778a;
    font-size: 11px;
    line-height: 1.6;
}

.nip-car-benefits-action > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-shrink: 0;
    padding: 12px 15px;
    border-radius: 4px;
    background: var(--nip-cb-orange);
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: background 0.25s ease;
}

.nip-car-benefits-action > a:hover {
    background: #c65e24;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 950px) {
    .nip-car-benefits {
        padding: 55px 0;
    }

    .nip-car-benefits-layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .nip-car-benefits-visual-top {
        min-height: auto;
    }

    .nip-car-benefits-visual-bottom {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 10px 22px;
    }

    .nip-car-benefits-visual-bottom > div {
        align-items: flex-start;
        border-bottom: none;
        font-size: 11px;
    }

    .nip-car-benefits-list {
        gap: 20px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-car-benefits {
        padding: 43px 0;
    }

    .nip-car-benefits-container {
        width: calc(100% - 32px);
    }

    .nip-car-benefits-heading {
        margin-bottom: 26px;
        text-align: left;
    }

    .nip-car-benefits-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .nip-car-benefits-heading h2 {
        margin-bottom: 11px;
        font-size: 29px;
        line-height: 1.25;
    }

    .nip-car-benefits-heading > p {
        margin: 0;
        font-size: 13px;
        line-height: 1.8;
    }

    .nip-car-benefits-layout {
        gap: 25px;
    }

    .nip-car-benefits-visual-top {
        padding: 22px;
    }

    .nip-car-benefits-car-icon {
        width: 92px;
        height: 78px;
        margin: 23px 0 17px;
        font-size: 47px;
    }

    .nip-car-benefits-visual-top h3 {
        font-size: 23px;
    }

    .nip-car-benefits-visual-top > p {
        font-size: 12px;
    }

    .nip-car-benefits-visual-bottom {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 5px 20px;
    }

    .nip-car-benefits-visual-bottom > div {
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        font-size: 12px;
    }

    .nip-car-benefit-item {
        gap: 13px;
    }

    .nip-car-benefit-icon {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 17px;
    }

    .nip-car-benefit-item h3 {
        font-size: 14px;
    }

    .nip-car-benefit-item p {
        font-size: 12px;
    }

    .nip-car-benefits-action {
        align-items: stretch;
        flex-direction: column;
        gap: 13px;
        padding: 15px;
    }

    .nip-car-benefits-action > a {
        width: 100%;
        min-height: 43px;
    }
}

/* ======================================
   NICE INDIA - CAR FINAL CTA SECTION
====================================== */

.nip-car-final-cta {
    --nip-cf-navy: #173d69;
    --nip-cf-dark: #102b49;
    --nip-cf-orange: #dd7436;
    --nip-cf-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(221, 116, 54, 0.13),
            transparent 33%
        ),
        linear-gradient(120deg, #102b49, #173d69);
    font-family: 'Inter', sans-serif;
}

.nip-car-final-cta,
.nip-car-final-cta * {
    box-sizing: border-box;
}

.nip-car-final-cta-container {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 40px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* CONTENT */

.nip-car-final-cta-content {
    position: relative;
    z-index: 2;
}

.nip-car-final-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 15px;
    color: #ffb17f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-car-final-cta-label i {
    font-size: 17px;
}

.nip-car-final-cta-content h2 {
    max-width: 650px;
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(30px, 3.5vw, 43px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.nip-car-final-cta-content h2 span {
    display: block;
    margin-top: 5px;
    color: #ffad78;
}

.nip-car-final-cta-content > p {
    max-width: 620px;
    margin: 0 0 20px;
    color: #d5e0ed;
    font-size: 13px;
    line-height: 1.9;
}

/* BENEFIT POINTS */

.nip-car-final-cta-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-bottom: 25px;
}

.nip-car-final-cta-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f0f5fa;
    font-size: 11px;
    font-weight: 600;
}

.nip-car-final-cta-points i {
    color: #70d6a6;
    font-size: 14px;
}

/* BUTTONS */

.nip-car-final-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nip-car-final-cta-buttons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 22px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-car-final-cta-buttons a:hover {
    transform: translateY(-2px);
}

.nip-car-final-cta-call {
    background: var(--nip-cf-orange);
}

.nip-car-final-cta-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-car-final-cta-whatsapp {
    border-color: rgba(255, 255, 255, 0.38) !important;
    background: rgba(255, 255, 255, 0.07);
}

.nip-car-final-cta-whatsapp:hover {
    border-color: var(--nip-cf-green) !important;
    background: var(--nip-cf-green);
    color: #ffffff;
}

.nip-car-final-cta-buttons i {
    font-size: 17px;
}

.nip-car-final-cta-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 21px;
    color: #c5d4e5;
    font-size: 11px;
    line-height: 1.7;
}

.nip-car-final-cta-note i {
    color: #ffad78;
    font-size: 16px;
}

/* RIGHT-SIDE VISUAL */

.nip-car-final-cta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 330px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.045);
}

.nip-car-final-cta-circle {
    position: absolute;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    pointer-events: none;
}

.nip-car-final-cta-circle-one {
    width: 240px;
}

.nip-car-final-cta-circle-two {
    width: 340px;
    border-style: dashed;
    border-color: rgba(255, 173, 120, 0.24);
}

.nip-car-final-cta-car {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 170px;
    height: 140px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.13),
        rgba(255, 255, 255, 0.035)
    );
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.17);
    color: #ffad78;
    font-size: 92px;
    animation: nipCarFinalFloat 3.5s ease-in-out infinite;
}

.nip-car-final-cta-route {
    position: absolute;
    right: 12%;
    bottom: 27%;
    left: 12%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.nip-car-final-cta-route-point {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: #173d69;
    color: #ffad78;
    font-size: 14px;
}

.nip-car-final-cta-route-line {
    flex: 1;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #ffad78 0,
        #ffad78 7px,
        transparent 7px,
        transparent 13px
    );
}

.nip-car-final-cta-visual-caption {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 5px;
    background: rgba(8, 28, 49, 0.8);
}

.nip-car-final-cta-visual-caption > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-car-final-cta-visual-caption div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-car-final-cta-visual-caption strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
}

.nip-car-final-cta-visual-caption span {
    color: #c5d4e5;
    font-size: 10px;
}

@keyframes nipCarFinalFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

/* TABLET */

@media (max-width: 900px) {
    .nip-car-final-cta {
        padding: 55px 0;
    }

    .nip-car-final-cta-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nip-car-final-cta-content h2 {
        max-width: 700px;
    }

    .nip-car-final-cta-visual {
        min-height: 300px;
    }

    .nip-car-final-cta-route {
        bottom: 25%;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-car-final-cta {
        padding: 43px 0;
    }

    .nip-car-final-cta-container {
        width: calc(100% - 32px);
        gap: 25px;
    }

    .nip-car-final-cta-label {
        margin-bottom: 12px;
        font-size: 10px;
    }

    .nip-car-final-cta-content h2 {
        margin-bottom: 13px;
        font-size: 29px;
        line-height: 1.27;
        letter-spacing: -0.4px;
    }

    .nip-car-final-cta-content > p {
        margin-bottom: 17px;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-car-final-cta-points {
        flex-direction: column;
        gap: 11px;
        margin-bottom: 21px;
    }

    .nip-car-final-cta-points span {
        font-size: 12px;
    }

    .nip-car-final-cta-buttons {
        flex-direction: column;
        gap: 10px;
    }

    .nip-car-final-cta-buttons a {
        width: 100%;
        min-height: 47px;
    }

    .nip-car-final-cta-note {
        align-items: flex-start;
        margin-top: 16px;
        font-size: 11px;
    }

    .nip-car-final-cta-visual {
        min-height: 280px;
    }

    .nip-car-final-cta-circle-one {
        width: 190px;
    }

    .nip-car-final-cta-circle-two {
        width: 270px;
    }

    .nip-car-final-cta-car {
        width: 130px;
        height: 110px;
        font-size: 70px;
    }

    .nip-car-final-cta-route {
        right: 8%;
        bottom: 28%;
        left: 8%;
        gap: 8px;
    }

    .nip-car-final-cta-route-point {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .nip-car-final-cta-visual-caption {
        right: 12px;
        bottom: 12px;
        left: 12px;
        padding: 11px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nip-car-final-cta-car {
        animation: none;
    }

    .nip-car-final-cta-buttons a {
        transition: none;
    }
}

/* =========================================
   NICE INDIA - BIKE TRANSPORTATION HERO
========================================= */

.nip-bike-hero {
    --nip-bh-navy: #173d69;
    --nip-bh-dark: #102b49;
    --nip-bh-orange: #dd7436;
    --nip-bh-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(221, 116, 54, 0.13),
            transparent 32%
        ),
        linear-gradient(120deg, #102b49 0%, #173d69 68%, #102b49 100%);
    font-family: 'Inter', sans-serif;
    color: #ffffff;
}

.nip-bike-hero,
.nip-bike-hero * {
    box-sizing: border-box;
}

.nip-bike-hero-container {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 42px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* HERO CONTENT */

.nip-bike-hero-content {
    position: relative;
    z-index: 2;
}

.nip-bike-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #ffb17f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-bike-hero-eyebrow i {
    font-size: 17px;
}

.nip-bike-hero-content h1 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1px;
}

.nip-bike-hero-content h1 span {
    display: block;
    color: #ffad78;
}

.nip-bike-hero-description {
    max-width: 590px;
    margin: 0 0 22px;
    color: #d6e2ef;
    font-size: 14px;
    line-height: 1.9;
}

/* FEATURE POINTS */

.nip-bike-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 26px;
}

.nip-bike-hero-features span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f0f5fb;
    font-size: 11px;
    font-weight: 600;
}

.nip-bike-hero-features i {
    color: #72d7a8;
    font-size: 14px;
}

/* CTA BUTTONS */

.nip-bike-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nip-bike-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 21px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-bike-hero-actions a:hover {
    transform: translateY(-2px);
}

.nip-bike-hero-call {
    background: var(--nip-bh-orange);
}

.nip-bike-hero-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-bike-hero-whatsapp {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.06);
}

.nip-bike-hero-whatsapp:hover {
    border-color: var(--nip-bh-green) !important;
    background: var(--nip-bh-green);
    color: #ffffff;
}

.nip-bike-hero-actions i {
    font-size: 17px;
}

.nip-bike-hero-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    color: #c6d5e5;
    font-size: 11px;
    line-height: 1.7;
}

.nip-bike-hero-note i {
    color: #ffad78;
    font-size: 16px;
}

/* RIGHT-SIDE ILLUSTRATION */

.nip-bike-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 370px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.065),
        rgba(255, 255, 255, 0.015)
    );
}

.nip-bike-hero-glow {
    position: absolute;
    top: 18%;
    left: 18%;
    width: 65%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(221, 116, 54, 0.12);
    filter: blur(38px);
}

.nip-bike-hero-top-label {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.5px;
}

.nip-bike-hero-top-label i {
    color: #ffad78;
    font-size: 14px;
}

.nip-bike-hero-bike-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 205px;
    height: 170px;
    margin-top: -22px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.12),
        rgba(255, 255, 255, 0.025)
    );
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    color: #ffad78;
    font-size: 112px;
    animation: nipBikeHeroFloat 3.5s ease-in-out infinite;
}

.nip-bike-hero-road {
    position: absolute;
    right: 12%;
    bottom: 26%;
    left: 12%;
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.12);
}

.nip-bike-hero-road-line {
    display: block;
    width: 40%;
    height: 100%;
    background: #ffad78;
    animation: nipBikeHeroRoadMove 3s linear infinite;
}

.nip-bike-hero-visual-card {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: rgba(8, 28, 49, 0.88);
}

.nip-bike-hero-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-bike-hero-visual-card > div:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.nip-bike-hero-visual-card strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.nip-bike-hero-visual-card span {
    color: #c6d5e5;
    font-size: 10px;
    line-height: 1.5;
}

.nip-bike-hero-card-arrow {
    color: #ffad78;
    font-size: 17px;
}

.nip-bike-hero-decoration {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: #173d69;
    color: #ffad78;
    font-size: 19px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.nip-bike-hero-decoration-one {
    top: 28%;
    right: 11%;
}

.nip-bike-hero-decoration-two {
    bottom: 33%;
    left: 9%;
    color: #8de0b8;
}

/* ANIMATIONS */

@keyframes nipBikeHeroFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@keyframes nipBikeHeroRoadMove {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(260%);
    }
}

/* TABLET */

@media (max-width: 900px) {
    .nip-bike-hero {
        padding: 52px 0;
    }

    .nip-bike-hero-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nip-bike-hero-content h1 {
        max-width: 700px;
    }

    .nip-bike-hero-visual {
        min-height: 330px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-bike-hero {
        padding: 40px 0;
    }

    .nip-bike-hero-container {
        width: calc(100% - 32px);
        gap: 25px;
    }

    .nip-bike-hero-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
    }

    .nip-bike-hero-content h1 {
        margin-bottom: 14px;
        font-size: 31px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .nip-bike-hero-description {
        margin-bottom: 18px;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-bike-hero-features {
        flex-direction: column;
        gap: 11px;
        margin-bottom: 22px;
    }

    .nip-bike-hero-features span {
        font-size: 12px;
    }

    .nip-bike-hero-actions {
        flex-direction: column;
        gap: 10px;
    }

    .nip-bike-hero-actions a {
        width: 100%;
        min-height: 47px;
    }

    .nip-bike-hero-note {
        align-items: flex-start;
        margin-top: 15px;
        font-size: 10px;
    }

    .nip-bike-hero-visual {
        min-height: 285px;
    }

    .nip-bike-hero-top-label {
        top: 14px;
        left: 14px;
        padding: 8px 9px;
        font-size: 9px;
    }

    .nip-bike-hero-bike-icon {
        width: 145px;
        height: 120px;
        margin-top: -17px;
        font-size: 78px;
    }

    .nip-bike-hero-decoration {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .nip-bike-hero-decoration-one {
        top: 27%;
        right: 8%;
    }

    .nip-bike-hero-decoration-two {
        bottom: 34%;
        left: 7%;
    }

    .nip-bike-hero-road {
        bottom: 29%;
    }

    .nip-bike-hero-visual-card {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 9px;
        padding: 10px;
    }

    .nip-bike-hero-card-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .nip-bike-hero-visual-card strong {
        font-size: 11px;
    }

    .nip-bike-hero-visual-card span {
        font-size: 9px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-bike-hero-bike-icon,
    .nip-bike-hero-road-line {
        animation: none;
    }

    .nip-bike-hero-actions a {
        transition: none;
    }
}



/* ==========================================
   NICE INDIA - BIKE ABOUT SECTION
========================================== */

.nip-bike-about {
    --nip-ba-navy: #173d69;
    --nip-ba-dark: #102b49;
    --nip-ba-orange: #dd7436;
    --nip-ba-green: #159b61;

    padding: 70px 0;
    overflow: hidden;
    background: #ffffff;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-bike-about,
.nip-bike-about * {
    box-sizing: border-box;
}

.nip-bike-about-container {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 55px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* VISUAL AREA */

.nip-bike-about-visual {
    position: relative;
    padding: 0 0 25px 0;
}

.nip-bike-about-visual-main {
    position: relative;
    display: flex;
    min-height: 400px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 26px;
    border-radius: 8px;
    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(221, 116, 54, 0.18),
            transparent 36%
        ),
        linear-gradient(145deg, #173d69, #102b49);
}

.nip-bike-about-visual-label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
}

.nip-bike-about-visual-label i {
    color: #ffad78;
    font-size: 15px;
}

.nip-bike-about-bike {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 205px;
    margin: 12px 0 0;
}

.nip-bike-about-bike-circle {
    position: absolute;
    width: 190px;
    height: 190px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    box-shadow:
        0 0 0 22px rgba(255, 255, 255, 0.025),
        0 0 0 44px rgba(255, 255, 255, 0.018);
}

.nip-bike-about-bike > i {
    position: relative;
    z-index: 1;
    color: #ffad78;
    font-size: 125px;
    filter: drop-shadow(0 12px 14px rgba(0, 0, 0, 0.2));
    animation: nipBikeAboutFloat 3.5s ease-in-out infinite;
}

.nip-bike-about-route {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 4px 0 23px;
}

.nip-bike-about-route > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    color: #ffad78;
    font-size: 14px;
}

.nip-bike-about-route-line {
    flex: 1;
    height: 2px;
    background: repeating-linear-gradient(
        to right,
        #ffad78 0,
        #ffad78 7px,
        transparent 7px,
        transparent 13px
    );
}

.nip-bike-about-visual-caption {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 5px;
    background: rgba(6, 24, 43, 0.65);
}

.nip-bike-about-visual-caption > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-bike-about-visual-caption > div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nip-bike-about-visual-caption strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-bike-about-visual-caption span {
    color: #cbd9e8;
    font-size: 10px;
    line-height: 1.6;
}

/* FLOATING MINI CARD */

.nip-bike-about-mini-card {
    position: absolute;
    right: -18px;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 285px;
    padding: 15px 18px;
    border: 1px solid #e5ebf2;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(16, 43, 73, 0.1);
}

.nip-bike-about-mini-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 5px;
    background: #fff1e7;
    color: var(--nip-ba-orange);
    font-size: 19px;
}

.nip-bike-about-mini-card > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nip-bike-about-mini-card strong {
    color: var(--nip-ba-navy);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-bike-about-mini-card span {
    color: #718095;
    font-size: 10px;
    line-height: 1.5;
}

/* TEXT CONTENT */

.nip-bike-about-content {
    min-width: 0;
}

.nip-bike-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-ba-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-bike-about-eyebrow i {
    font-size: 15px;
}

.nip-bike-about-content h2 {
    margin: 0 0 16px;
    color: var(--nip-ba-navy);
    font-size: clamp(29px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.nip-bike-about-content h2 span {
    display: block;
    color: var(--nip-ba-orange);
}

.nip-bike-about-intro,
.nip-bike-about-description {
    margin: 0 0 13px;
    color: #68778a;
    font-size: 13px;
    line-height: 1.9;
}

/* FEATURES */

.nip-bike-about-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 23px 0 25px;
}

.nip-bike-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.nip-bike-about-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border-radius: 5px;
    background: #edf3f9;
    color: var(--nip-ba-navy);
    font-size: 18px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-bike-about-feature:hover .nip-bike-about-feature-icon {
    background: var(--nip-ba-navy);
    color: #ffffff;
}

.nip-bike-about-feature h3 {
    margin: 0 0 5px;
    color: var(--nip-ba-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-bike-about-feature p {
    margin: 0;
    color: #718095;
    font-size: 11px;
    line-height: 1.8;
}

/* ACTION BUTTONS */

.nip-bike-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.nip-bike-about-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 45px;
    padding: 12px 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-bike-about-actions a:hover {
    transform: translateY(-2px);
}

.nip-bike-about-call {
    background: var(--nip-ba-orange);
}

.nip-bike-about-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-bike-about-whatsapp {
    background: var(--nip-ba-green);
}

.nip-bike-about-whatsapp:hover {
    background: #107d4e;
    color: #ffffff;
}

.nip-bike-about-actions i {
    font-size: 16px;
}

/* ANIMATION */

@keyframes nipBikeAboutFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

/* TABLET */

@media (max-width: 950px) {
    .nip-bike-about {
        padding: 55px 0;
    }

    .nip-bike-about-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .nip-bike-about-visual {
        max-width: 620px;
        width: 100%;
        margin: 0 auto;
    }

    .nip-bike-about-visual-main {
        min-height: 380px;
    }

    .nip-bike-about-content {
        max-width: 750px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-bike-about {
        padding: 43px 0;
    }

    .nip-bike-about-container {
        width: calc(100% - 32px);
        gap: 35px;
    }

    .nip-bike-about-visual {
        padding-bottom: 20px;
    }

    .nip-bike-about-visual-main {
        min-height: 325px;
        padding: 17px;
    }

    .nip-bike-about-visual-label {
        padding: 8px 9px;
        font-size: 9px;
    }

    .nip-bike-about-bike {
        min-height: 160px;
        margin-top: 10px;
    }

    .nip-bike-about-bike-circle {
        width: 140px;
        height: 140px;
        box-shadow:
            0 0 0 15px rgba(255, 255, 255, 0.025),
            0 0 0 30px rgba(255, 255, 255, 0.018);
    }

    .nip-bike-about-bike > i {
        font-size: 90px;
    }

    .nip-bike-about-route {
        margin: 0 0 17px;
    }

    .nip-bike-about-visual-caption {
        gap: 9px;
        padding: 11px;
    }

    .nip-bike-about-visual-caption > i {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .nip-bike-about-visual-caption strong {
        font-size: 11px;
    }

    .nip-bike-about-visual-caption span {
        font-size: 9px;
    }

    .nip-bike-about-mini-card {
        right: 8px;
        bottom: 0;
        max-width: 250px;
        gap: 9px;
        padding: 11px 12px;
    }

    .nip-bike-about-mini-icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        font-size: 16px;
    }

    .nip-bike-about-mini-card strong {
        font-size: 11px;
    }

    .nip-bike-about-mini-card span {
        font-size: 9px;
    }

    .nip-bike-about-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .nip-bike-about-content h2 {
        margin-bottom: 13px;
        font-size: 29px;
        line-height: 1.28;
    }

    .nip-bike-about-intro,
    .nip-bike-about-description {
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-bike-about-features {
        gap: 17px;
        margin: 21px 0;
    }

    .nip-bike-about-feature {
        gap: 11px;
    }

    .nip-bike-about-feature-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        font-size: 16px;
    }

    .nip-bike-about-feature h3 {
        font-size: 12px;
    }

    .nip-bike-about-feature p {
        font-size: 11px;
    }

    .nip-bike-about-actions {
        flex-direction: column;
        gap: 10px;
    }

    .nip-bike-about-actions a {
        width: 100%;
        min-height: 46px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-bike-about-bike > i {
        animation: none;
    }

    .nip-bike-about-actions a {
        transition: none;
    }
}
/* =========================================
   NICE INDIA - PACKING & UNPACKING HERO
========================================= */

.nip-pack-hero {
    --nip-ph-navy: #173d69;
    --nip-ph-dark: #102b49;
    --nip-ph-orange: #dd7436;
    --nip-ph-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(221, 116, 54, 0.14),
            transparent 33%
        ),
        linear-gradient(120deg, #102b49 0%, #173d69 68%, #102b49 100%);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-pack-hero,
.nip-pack-hero * {
    box-sizing: border-box;
}

.nip-pack-hero-container {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 42px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* CONTENT */

.nip-pack-hero-content {
    position: relative;
    z-index: 2;
}

.nip-pack-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #ffb17f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-pack-hero-eyebrow i {
    font-size: 17px;
}

.nip-pack-hero-content h1 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1px;
}

.nip-pack-hero-content h1 span {
    display: block;
    color: #ffad78;
}

.nip-pack-hero-description {
    max-width: 590px;
    margin: 0 0 22px;
    color: #d6e2ef;
    font-size: 14px;
    line-height: 1.9;
}

/* FEATURES */

.nip-pack-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 26px;
}

.nip-pack-hero-features span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f0f5fb;
    font-size: 11px;
    font-weight: 600;
}

.nip-pack-hero-features i {
    color: #72d7a8;
    font-size: 14px;
}

/* BUTTONS */

.nip-pack-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nip-pack-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 21px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-pack-hero-actions a:hover {
    transform: translateY(-2px);
}

.nip-pack-hero-call {
    background: var(--nip-ph-orange);
}

.nip-pack-hero-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-pack-hero-whatsapp {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.06);
}

.nip-pack-hero-whatsapp:hover {
    border-color: var(--nip-ph-green) !important;
    background: var(--nip-ph-green);
    color: #ffffff;
}

.nip-pack-hero-actions i {
    font-size: 17px;
}

.nip-pack-hero-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    color: #c6d5e5;
    font-size: 11px;
    line-height: 1.7;
}

.nip-pack-hero-note i {
    color: #ffad78;
    font-size: 16px;
}

/* RIGHT VISUAL */

.nip-pack-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 370px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.065),
        rgba(255, 255, 255, 0.015)
    );
}

.nip-pack-hero-glow {
    position: absolute;
    top: 15%;
    left: 18%;
    width: 65%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(221, 116, 54, 0.14);
    filter: blur(38px);
}

.nip-pack-hero-top-label {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.5px;
}

.nip-pack-hero-top-label i {
    color: #ffad78;
    font-size: 14px;
}

/* BOX ILLUSTRATION */

.nip-pack-hero-box-scene {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 270px;
    height: 230px;
    margin-top: -24px;
}

.nip-pack-hero-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 8px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.17);
}

.nip-pack-hero-box i {
    color: #ffad78;
}

.nip-pack-hero-box-back {
    top: 20px;
    right: 22px;
    width: 125px;
    height: 125px;
    transform: rotate(7deg);
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.13),
        rgba(255, 255, 255, 0.035)
    );
}

.nip-pack-hero-box-back i {
    font-size: 76px;
    opacity: 0.8;
}

.nip-pack-hero-box-front {
    bottom: 16px;
    left: 18px;
    z-index: 1;
    width: 165px;
    height: 150px;
    transform: rotate(-5deg);
    background: linear-gradient(
        145deg,
        #244e78,
        #173d69
    );
}

.nip-pack-hero-box-front i {
    font-size: 100px;
}

.nip-pack-hero-tape {
    position: absolute;
    top: 4px;
    left: 46px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 6px;
    background: #173d69;
    color: #ffad78;
    font-size: 20px;
    transform: rotate(-12deg);
}

/* VISUAL CARD */

.nip-pack-hero-visual-card {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: rgba(8, 28, 49, 0.88);
}

.nip-pack-hero-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-pack-hero-visual-card > div:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.nip-pack-hero-visual-card strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
}

.nip-pack-hero-visual-card span {
    color: #c6d5e5;
    font-size: 10px;
    line-height: 1.5;
}

.nip-pack-hero-card-arrow {
    color: #ffad78;
    font-size: 17px;
}

/* DECORATIVE ICONS */

.nip-pack-hero-decoration {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: #173d69;
    color: #ffad78;
    font-size: 19px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.nip-pack-hero-decoration-one {
    top: 28%;
    right: 9%;
}

.nip-pack-hero-decoration-two {
    bottom: 33%;
    left: 8%;
    color: #8de0b8;
}

/* ANIMATION */

@keyframes nipPackHeroFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

.nip-pack-hero-box-front {
    animation: nipPackHeroFloat 3.5s ease-in-out infinite;
}

/* TABLET */

@media (max-width: 900px) {
    .nip-pack-hero {
        padding: 52px 0;
    }

    .nip-pack-hero-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nip-pack-hero-content h1 {
        max-width: 700px;
    }

    .nip-pack-hero-visual {
        min-height: 330px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-pack-hero {
        padding: 40px 0;
    }

    .nip-pack-hero-container {
        width: calc(100% - 32px);
        gap: 25px;
    }

    .nip-pack-hero-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
    }

    .nip-pack-hero-content h1 {
        margin-bottom: 14px;
        font-size: 31px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .nip-pack-hero-description {
        margin-bottom: 18px;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-pack-hero-features {
        flex-direction: column;
        gap: 11px;
        margin-bottom: 22px;
    }

    .nip-pack-hero-features span {
        font-size: 12px;
    }

    .nip-pack-hero-actions {
        flex-direction: column;
        gap: 10px;
    }

    .nip-pack-hero-actions a {
        width: 100%;
        min-height: 47px;
    }

    .nip-pack-hero-note {
        align-items: flex-start;
        margin-top: 15px;
        font-size: 10px;
    }

    .nip-pack-hero-visual {
        min-height: 285px;
    }

    .nip-pack-hero-top-label {
        top: 14px;
        left: 14px;
        padding: 8px 9px;
        font-size: 9px;
    }

    .nip-pack-hero-box-scene {
        width: 220px;
        height: 190px;
        margin-top: -15px;
    }

    .nip-pack-hero-box-back {
        top: 17px;
        right: 10px;
        width: 100px;
        height: 100px;
    }

    .nip-pack-hero-box-back i {
        font-size: 61px;
    }

    .nip-pack-hero-box-front {
        bottom: 12px;
        left: 10px;
        width: 135px;
        height: 125px;
    }

    .nip-pack-hero-box-front i {
        font-size: 81px;
    }

    .nip-pack-hero-tape {
        top: 2px;
        left: 30px;
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .nip-pack-hero-decoration {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .nip-pack-hero-decoration-one {
        top: 27%;
        right: 6%;
    }

    .nip-pack-hero-decoration-two {
        bottom: 34%;
        left: 5%;
    }

    .nip-pack-hero-visual-card {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 9px;
        padding: 10px;
    }

    .nip-pack-hero-card-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .nip-pack-hero-visual-card strong {
        font-size: 11px;
    }

    .nip-pack-hero-visual-card span {
        font-size: 9px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-pack-hero-box-front {
        animation: none;
    }

    .nip-pack-hero-actions a {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - PACKING & UNPACKING ABOUT
========================================== */

.nip-pu-about {
    --nip-pua-navy: #173d69;
    --nip-pua-dark: #102b49;
    --nip-pua-orange: #dd7436;
    --nip-pua-green: #159b61;

    padding: 70px 0;
    overflow: hidden;
    background: #ffffff;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-pu-about,
.nip-pu-about * {
    box-sizing: border-box;
}

.nip-pu-about-container {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    align-items: center;
    gap: 55px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* LEFT VISUAL */

.nip-pu-about-visual {
    position: relative;
    padding-bottom: 25px;
}

.nip-pu-about-visual-main {
    position: relative;
    display: flex;
    min-height: 400px;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 26px;
    border-radius: 8px;
    background:
        radial-gradient(
            circle at 75% 35%,
            rgba(221, 116, 54, 0.18),
            transparent 36%
        ),
        linear-gradient(145deg, #173d69, #102b49);
}

.nip-pu-about-visual-label {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.6px;
}

.nip-pu-about-visual-label i {
    color: #ffad78;
    font-size: 15px;
}

/* BOX ILLUSTRATION */

.nip-pu-about-illustration {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 235px;
    margin: 7px auto 12px;
}

.nip-pu-about-box {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 8px;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.16);
}

.nip-pu-about-box i {
    color: #ffad78;
}

.nip-pu-about-box-one {
    top: 28px;
    left: 17%;
    width: 105px;
    height: 105px;
    transform: rotate(-8deg);
    background: rgba(255, 255, 255, 0.07);
}

.nip-pu-about-box-one i {
    font-size: 65px;
}

.nip-pu-about-box-two {
    bottom: 17px;
    left: 31%;
    z-index: 2;
    width: 150px;
    height: 135px;
    transform: rotate(3deg);
    background: linear-gradient(145deg, #244e78, #173d69);
}

.nip-pu-about-box-two i {
    font-size: 92px;
}

.nip-pu-about-box-three {
    top: 37px;
    right: 10%;
    width: 90px;
    height: 90px;
    transform: rotate(8deg);
    background: rgba(255, 255, 255, 0.06);
}

.nip-pu-about-box-three i {
    font-size: 55px;
}

/* VISUAL CAPTION */

.nip-pu-about-visual-caption {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 5px;
    background: rgba(6, 24, 43, 0.65);
}

.nip-pu-about-caption-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-pu-about-visual-caption > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nip-pu-about-visual-caption strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-pu-about-visual-caption span {
    color: #cbd9e8;
    font-size: 10px;
    line-height: 1.6;
}

/* FLOATING CARD */

.nip-pu-about-floating-card {
    position: absolute;
    right: -18px;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: 285px;
    padding: 15px 18px;
    border: 1px solid #e5ebf2;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(16, 43, 73, 0.1);
}

.nip-pu-about-floating-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 5px;
    background: #fff1e7;
    color: var(--nip-pua-orange);
    font-size: 19px;
}

.nip-pu-about-floating-card > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.nip-pu-about-floating-card strong {
    color: var(--nip-pua-navy);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-pu-about-floating-card span {
    color: #718095;
    font-size: 10px;
    line-height: 1.5;
}

/* RIGHT CONTENT */

.nip-pu-about-content {
    min-width: 0;
}

.nip-pu-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-pua-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-pu-about-eyebrow i {
    font-size: 15px;
}

.nip-pu-about-content h2 {
    margin: 0 0 16px;
    color: var(--nip-pua-navy);
    font-size: clamp(29px, 3.2vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.nip-pu-about-content h2 span {
    display: block;
    color: var(--nip-pua-orange);
}

.nip-pu-about-intro,
.nip-pu-about-description {
    margin: 0 0 13px;
    color: #68778a;
    font-size: 13px;
    line-height: 1.9;
}

/* FEATURE LIST */

.nip-pu-about-features {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 23px 0 25px;
}

.nip-pu-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.nip-pu-about-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border-radius: 5px;
    background: #edf3f9;
    color: var(--nip-pua-navy);
    font-size: 18px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-pu-about-feature:hover .nip-pu-about-feature-icon {
    background: var(--nip-pua-navy);
    color: #ffffff;
}

.nip-pu-about-feature h3 {
    margin: 0 0 5px;
    color: var(--nip-pua-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-pu-about-feature p {
    margin: 0;
    color: #718095;
    font-size: 11px;
    line-height: 1.8;
}

/* ACTION BUTTONS */

.nip-pu-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.nip-pu-about-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 45px;
    padding: 12px 18px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        transform 0.25s ease;
}

.nip-pu-about-actions a:hover {
    transform: translateY(-2px);
}

.nip-pu-about-call {
    background: var(--nip-pua-orange);
}

.nip-pu-about-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-pu-about-whatsapp {
    background: var(--nip-pua-green);
}

.nip-pu-about-whatsapp:hover {
    background: #107d4e;
    color: #ffffff;
}

.nip-pu-about-actions i {
    font-size: 16px;
}

/* TABLET */

@media (max-width: 950px) {
    .nip-pu-about {
        padding: 55px 0;
    }

    .nip-pu-about-container {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .nip-pu-about-visual {
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
    }

    .nip-pu-about-visual-main {
        min-height: 380px;
    }

    .nip-pu-about-content {
        max-width: 750px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-pu-about {
        padding: 43px 0;
    }

    .nip-pu-about-container {
        width: calc(100% - 32px);
        gap: 35px;
    }

    .nip-pu-about-visual {
        padding-bottom: 20px;
    }

    .nip-pu-about-visual-main {
        min-height: 325px;
        padding: 17px;
    }

    .nip-pu-about-visual-label {
        padding: 8px 9px;
        font-size: 9px;
    }

    .nip-pu-about-illustration {
        height: 190px;
        margin: 6px auto 10px;
    }

    .nip-pu-about-box-one {
        top: 22px;
        left: 10%;
        width: 83px;
        height: 83px;
    }

    .nip-pu-about-box-one i {
        font-size: 50px;
    }

    .nip-pu-about-box-two {
        bottom: 12px;
        left: 25%;
        width: 125px;
        height: 112px;
    }

    .nip-pu-about-box-two i {
        font-size: 75px;
    }

    .nip-pu-about-box-three {
        top: 30px;
        right: 7%;
        width: 72px;
        height: 72px;
    }

    .nip-pu-about-box-three i {
        font-size: 44px;
    }

    .nip-pu-about-visual-caption {
        gap: 9px;
        padding: 11px;
    }

    .nip-pu-about-caption-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .nip-pu-about-visual-caption strong {
        font-size: 11px;
    }

    .nip-pu-about-visual-caption span {
        font-size: 9px;
    }

    .nip-pu-about-floating-card {
        right: 8px;
        bottom: 0;
        max-width: 250px;
        gap: 9px;
        padding: 11px 12px;
    }

    .nip-pu-about-floating-icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        font-size: 16px;
    }

    .nip-pu-about-floating-card strong {
        font-size: 11px;
    }

    .nip-pu-about-floating-card span {
        font-size: 9px;
    }

    .nip-pu-about-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .nip-pu-about-content h2 {
        margin-bottom: 13px;
        font-size: 29px;
        line-height: 1.28;
    }

    .nip-pu-about-intro,
    .nip-pu-about-description {
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-pu-about-features {
        gap: 17px;
        margin: 21px 0;
    }

    .nip-pu-about-feature {
        gap: 11px;
    }

    .nip-pu-about-feature-icon {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
        font-size: 16px;
    }

    .nip-pu-about-feature h3 {
        font-size: 12px;
    }

    .nip-pu-about-feature p {
        font-size: 11px;
    }

    .nip-pu-about-actions {
        flex-direction: column;
        gap: 10px;
    }

    .nip-pu-about-actions a {
        width: 100%;
        min-height: 46px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-pu-about-actions a {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - WAREHOUSE STORAGE HERO
========================================== */

.nip-warehouse-hero {
    --nip-wh-navy: #173d69;
    --nip-wh-dark: #102b49;
    --nip-wh-orange: #dd7436;
    --nip-wh-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 65px 0;
    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(221, 116, 54, 0.14),
            transparent 33%
        ),
        linear-gradient(
            120deg,
            #102b49 0%,
            #173d69 68%,
            #102b49 100%
        );
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-warehouse-hero,
.nip-warehouse-hero * {
    box-sizing: border-box;
}

.nip-warehouse-hero-container {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    align-items: center;
    gap: 42px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* CONTENT */

.nip-warehouse-hero-content {
    position: relative;
    z-index: 2;
}

.nip-warehouse-hero-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #ffb17f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-warehouse-hero-eyebrow i {
    font-size: 17px;
}

.nip-warehouse-hero-content h1 {
    margin: 0 0 17px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: -1px;
}

.nip-warehouse-hero-content h1 span {
    display: block;
    color: #ffad78;
}

.nip-warehouse-hero-description {
    max-width: 590px;
    margin: 0 0 22px;
    color: #d6e2ef;
    font-size: 14px;
    line-height: 1.9;
}

/* FEATURES */

.nip-warehouse-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-bottom: 26px;
}

.nip-warehouse-hero-features span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #f0f5fb;
    font-size: 11px;
    font-weight: 600;
}

.nip-warehouse-hero-features i {
    color: #72d7a8;
    font-size: 14px;
}

/* BUTTONS */

.nip-warehouse-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.nip-warehouse-hero-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 19px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-warehouse-hero-actions a:hover {
    transform: translateY(-2px);
}

.nip-warehouse-hero-call {
    background: var(--nip-wh-orange);
}

.nip-warehouse-hero-call:hover {
    background: #c65e24;
    color: #ffffff;
}

.nip-warehouse-hero-whatsapp {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.06);
}

.nip-warehouse-hero-whatsapp:hover {
    border-color: var(--nip-wh-green) !important;
    background: var(--nip-wh-green);
    color: #ffffff;
}

.nip-warehouse-hero-actions i {
    font-size: 17px;
}

.nip-warehouse-hero-note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 19px;
    color: #c6d5e5;
    font-size: 11px;
    line-height: 1.7;
}

.nip-warehouse-hero-note i {
    color: #ffad78;
    font-size: 16px;
}

/* VISUAL PANEL */

.nip-warehouse-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 370px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.065),
        rgba(255, 255, 255, 0.015)
    );
}

.nip-warehouse-hero-glow {
    position: absolute;
    top: 15%;
    left: 18%;
    width: 65%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(221, 116, 54, 0.14);
    filter: blur(38px);
}

.nip-warehouse-hero-top-label {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.5px;
}

.nip-warehouse-hero-top-label i {
    color: #ffad78;
    font-size: 14px;
}

/* WAREHOUSE ILLUSTRATION */

.nip-warehouse-hero-scene {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 255px;
    margin-top: -15px;
}

.nip-warehouse-hero-rack {
    position: relative;
    z-index: 1;
    display: flex;
    width: 235px;
    height: 205px;
    flex-direction: column;
    justify-content: space-around;
    padding: 8px 12px;
    border: 4px solid rgba(255, 255, 255, 0.24);
    border-bottom-width: 7px;
    border-radius: 4px;
    background: rgba(16, 43, 73, 0.25);
}

.nip-warehouse-hero-rack-shelf {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 75px;
    gap: 9px;
}

.nip-warehouse-hero-rack-bar {
    width: calc(100% + 24px);
    height: 5px;
    flex-shrink: 0;
    margin-left: -12px;
    background: #ffad78;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
}

.nip-warehouse-hero-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-radius: 4px;
    background: linear-gradient(
        145deg,
        #244e78,
        #173d69
    );
    color: #ffad78;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.nip-warehouse-hero-box i {
    font-size: 32px;
}

.nip-warehouse-box-small {
    width: 58px;
    height: 49px;
}

.nip-warehouse-box-medium {
    width: 78px;
    height: 60px;
}

.nip-warehouse-box-large {
    width: 90px;
    height: 66px;
}

.nip-warehouse-box-large i {
    font-size: 43px;
}

.nip-warehouse-hero-warehouse-icon {
    position: absolute;
    right: 10%;
    bottom: 22px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 7px;
    background: #173d69;
    color: #ffad78;
    font-size: 32px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
}

/* VISUAL CARD */

.nip-warehouse-hero-visual-card {
    position: absolute;
    right: 18px;
    bottom: 18px;
    left: 18px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: rgba(8, 28, 49, 0.9);
}

.nip-warehouse-hero-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 4px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffad78;
    font-size: 18px;
}

.nip-warehouse-hero-visual-card > div:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
}

.nip-warehouse-hero-visual-card strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-warehouse-hero-visual-card span {
    color: #c6d5e5;
    font-size: 10px;
    line-height: 1.5;
}

.nip-warehouse-hero-card-arrow {
    color: #ffad78;
    font-size: 17px;
}

/* DECORATIVE ICONS */

.nip-warehouse-hero-decoration {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
    background: #173d69;
    color: #ffad78;
    font-size: 19px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.nip-warehouse-decoration-one {
    top: 28%;
    right: 8%;
}

.nip-warehouse-decoration-two {
    bottom: 34%;
    left: 7%;
    color: #8de0b8;
}

/* TABLET */

@media (max-width: 900px) {
    .nip-warehouse-hero {
        padding: 52px 0;
    }

    .nip-warehouse-hero-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .nip-warehouse-hero-content h1 {
        max-width: 700px;
    }

    .nip-warehouse-hero-visual {
        min-height: 330px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-warehouse-hero {
        padding: 40px 0;
    }

    .nip-warehouse-hero-container {
        width: calc(100% - 32px);
        gap: 25px;
    }

    .nip-warehouse-hero-eyebrow {
        margin-bottom: 13px;
        font-size: 10px;
    }

    .nip-warehouse-hero-content h1 {
        margin-bottom: 14px;
        font-size: 31px;
        line-height: 1.25;
        letter-spacing: -0.5px;
    }

    .nip-warehouse-hero-description {
        margin-bottom: 18px;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-warehouse-hero-features {
        flex-direction: column;
        gap: 11px;
        margin-bottom: 22px;
    }

    .nip-warehouse-hero-features span {
        font-size: 12px;
    }

    .nip-warehouse-hero-actions {
        flex-direction: column;
        gap: 10px;
    }

    .nip-warehouse-hero-actions a {
        width: 100%;
        min-height: 47px;
    }

    .nip-warehouse-hero-note {
        align-items: flex-start;
        margin-top: 15px;
        font-size: 10px;
    }

    .nip-warehouse-hero-visual {
        min-height: 285px;
    }

    .nip-warehouse-hero-top-label {
        top: 14px;
        left: 14px;
        padding: 8px 9px;
        font-size: 9px;
    }

    .nip-warehouse-hero-scene {
        height: 205px;
        margin-top: -12px;
    }

    .nip-warehouse-hero-rack {
        width: 190px;
        height: 165px;
        padding: 6px 9px;
        border-width: 3px;
        border-bottom-width: 6px;
    }

    .nip-warehouse-hero-rack-shelf {
        height: 60px;
        gap: 7px;
    }

    .nip-warehouse-hero-rack-bar {
        width: calc(100% + 18px);
        height: 4px;
        margin-left: -9px;
    }

    .nip-warehouse-hero-box i {
        font-size: 25px;
    }

    .nip-warehouse-box-small {
        width: 46px;
        height: 40px;
    }

    .nip-warehouse-box-medium {
        width: 63px;
        height: 48px;
    }

    .nip-warehouse-box-large {
        width: 70px;
        height: 51px;
    }

    .nip-warehouse-box-large i {
        font-size: 33px;
    }

    .nip-warehouse-hero-warehouse-icon {
        right: 6%;
        bottom: 14px;
        width: 47px;
        height: 47px;
        font-size: 23px;
    }

    .nip-warehouse-hero-decoration {
        width: 33px;
        height: 33px;
        font-size: 14px;
    }

    .nip-warehouse-decoration-one {
        top: 28%;
        right: 5%;
    }

    .nip-warehouse-decoration-two {
        bottom: 34%;
        left: 4%;
    }

    .nip-warehouse-hero-visual-card {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 9px;
        padding: 10px;
    }

    .nip-warehouse-hero-card-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 15px;
    }

    .nip-warehouse-hero-visual-card strong {
        font-size: 11px;
    }

    .nip-warehouse-hero-visual-card span {
        font-size: 9px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-warehouse-hero-actions a {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - WAREHOUSE STORAGE SERVICES
========================================== */

.nip-wh-services {
    --nip-ws-navy: #173d69;
    --nip-ws-dark: #102b49;
    --nip-ws-orange: #dd7436;
    --nip-ws-green: #159b61;

    padding: 68px 0;
    background: #f5f7fa;
    color: #26384c;
    font-family: 'Inter', sans-serif;
}

.nip-wh-services,
.nip-wh-services * {
    box-sizing: border-box;
}

.nip-wh-services-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-wh-services-heading {
    max-width: 760px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-wh-services-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: var(--nip-ws-orange);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-wh-services-eyebrow i {
    font-size: 15px;
}

.nip-wh-services-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-ws-navy);
    font-size: clamp(30px, 3.3vw, 41px);
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.6px;
}

.nip-wh-services-heading h2 span {
    color: var(--nip-ws-orange);
}

.nip-wh-services-heading > p {
    max-width: 680px;
    margin: 0 auto;
    color: #68778a;
    font-size: 13px;
    line-height: 1.9;
}

/* SERVICES GRID */

.nip-wh-services-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.nip-wh-service-card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    min-height: 275px;
    overflow: hidden;
    padding: 25px 23px 22px;
    border: 1px solid #e6ebf1;
    border-radius: 7px;
    background: #ffffff;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.nip-wh-service-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: var(--nip-ws-orange);
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

.nip-wh-service-card:hover {
    transform: translateY(-5px);
    border-color: #d7e1ed;
    box-shadow: 0 13px 30px rgba(23, 61, 105, 0.08);
}

.nip-wh-service-card:hover::before {
    transform: scaleX(1);
}

/* ICON AND NUMBER */

.nip-wh-service-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-bottom: 19px;
    border-radius: 6px;
    background: #edf3f9;
    color: var(--nip-ws-navy);
    font-size: 23px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-wh-service-card:hover .nip-wh-service-icon {
    background: var(--nip-ws-navy);
    color: #ffffff;
}

.nip-wh-service-number {
    position: absolute;
    top: 25px;
    right: 22px;
    color: #e8edf3;
    font-size: 29px;
    font-weight: 800;
    line-height: 1;
}

/* CARD TEXT */

.nip-wh-service-card h3 {
    margin: 0 0 10px;
    color: var(--nip-ws-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.45;
}

.nip-wh-service-card p {
    margin: 0 0 19px;
    color: #68778a;
    font-size: 12px;
    line-height: 1.85;
}

/* CARD LINK */

.nip-wh-service-card > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf0f4;
    width: 100%;
    color: var(--nip-ws-navy);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.25s ease;
}

.nip-wh-service-card > a i {
    color: var(--nip-ws-orange);
    transition: transform 0.25s ease;
}

.nip-wh-service-card > a:hover {
    color: var(--nip-ws-orange);
}

.nip-wh-service-card > a:hover i {
    transform: translateX(5px);
}

/* BOTTOM CTA */

.nip-wh-services-bottom {
    display: flex;
    align-items: center;
    gap: 17px;
    margin-top: 28px;
    padding: 22px 24px;
    border-radius: 6px;
    background: var(--nip-ws-navy);
}

.nip-wh-services-bottom-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffad78;
    font-size: 21px;
}

.nip-wh-services-bottom-content {
    flex: 1;
    min-width: 0;
}

.nip-wh-services-bottom-content h3 {
    margin: 0 0 5px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-wh-services-bottom-content p {
    margin: 0;
    color: #d5e0ed;
    font-size: 12px;
    line-height: 1.75;
}

.nip-wh-services-bottom-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex-shrink: 0;
    min-height: 44px;
    padding: 12px 18px;
    border-radius: 4px;
    background: var(--nip-ws-orange);
    color: #ffffff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
    transition: background 0.25s ease;
}

.nip-wh-services-bottom-btn:hover {
    background: #c65e24;
    color: #ffffff;
}

/* TABLET */

@media (max-width: 950px) {
    .nip-wh-services {
        padding: 55px 0;
    }

    .nip-wh-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .nip-wh-service-card {
        min-height: 265px;
        padding: 22px 20px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-wh-services {
        padding: 43px 0;
    }

    .nip-wh-services-container {
        width: calc(100% - 32px);
    }

    .nip-wh-services-heading {
        margin-bottom: 25px;
        text-align: left;
    }

    .nip-wh-services-eyebrow {
        margin-bottom: 10px;
        font-size: 10px;
    }

    .nip-wh-services-heading h2 {
        margin-bottom: 11px;
        font-size: 29px;
        line-height: 1.27;
    }

    .nip-wh-services-heading > p {
        margin: 0;
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-wh-services-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .nip-wh-service-card {
        min-height: 0;
        padding: 20px;
    }

    .nip-wh-service-icon {
        width: 47px;
        height: 47px;
        margin-bottom: 15px;
        font-size: 20px;
    }

    .nip-wh-service-number {
        top: 21px;
        right: 19px;
        font-size: 25px;
    }

    .nip-wh-service-card h3 {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .nip-wh-service-card p {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .nip-wh-service-card > a {
        padding-top: 11px;
    }

    .nip-wh-services-bottom {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 20px;
        padding: 19px;
    }

    .nip-wh-services-bottom-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 18px;
    }

    .nip-wh-services-bottom-content {
        flex: 1 1 calc(100% - 55px);
    }

    .nip-wh-services-bottom-content h3 {
        font-size: 14px;
    }

    .nip-wh-services-bottom-content p {
        font-size: 11px;
    }

    .nip-wh-services-bottom-btn {
        width: 100%;
        min-height: 45px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-wh-service-card,
    .nip-wh-service-card::before,
    .nip-wh-service-icon,
    .nip-wh-service-card > a,
    .nip-wh-service-card > a i,
    .nip-wh-services-bottom-btn {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - WAREHOUSE ABOUT SECTION
========================================== */

.nip-wh-about {
    --nip-wa-navy: #173d69;
    --nip-wa-dark: #102b49;
    --nip-wa-orange: #dd7436;
    --nip-wa-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 82px 0;
    background: #ffffff;
    font-family: 'Inter', sans-serif;
}

.nip-wh-about,
.nip-wh-about * {
    box-sizing: border-box;
}

.nip-wh-about-container {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: center;
    gap: 65px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* VISUAL AREA */

.nip-wh-about-visual {
    position: relative;
    min-width: 0;
    padding: 0 15px 25px 0;
}

.nip-wh-about-main-card {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 27px;
    border-radius: 9px;
    background: var(--nip-wa-dark);
    box-shadow: 0 20px 45px rgba(16, 43, 73, 0.16);
}

.nip-wh-about-visual-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.nip-wh-about-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nip-wh-about-label i {
    color: #ffad78;
    font-size: 15px;
}

.nip-wh-about-visual-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 6px;
    color: #ffad78;
    font-size: 20px;
}

/* CSS WAREHOUSE ILLUSTRATION */

.nip-wh-about-warehouse-art {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 11px;
    height: 265px;
    margin-top: 20px;
    padding: 0 10px 20px;
    overflow: hidden;
    border-radius: 5px;
    background:
        radial-gradient(ellipse at 50% 100%,
        rgba(221, 116, 54, 0.19), transparent 65%),
        linear-gradient(180deg, #183957 0%, #10253d 100%);
}

.nip-wh-about-warehouse-art::before {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 27px 27px;
    content: "";
}

.nip-wh-rack {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end;
    gap: 7px;
    max-width: 115px;
    height: 215px;
    padding: 8px;
    border: 4px solid #8ba2b8;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
}

.nip-wh-rack::before,
.nip-wh-rack::after {
    position: absolute;
    right: -4px;
    left: -4px;
    height: 5px;
    background: #8ba2b8;
    content: "";
}

.nip-wh-rack::before {
    top: 33%;
}

.nip-wh-rack::after {
    top: 66%;
}

.nip-wh-rack span {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28%;
    border-radius: 3px;
    background: rgba(221, 116, 54, 0.17);
    color: #ffb37f;
    font-size: 26px;
}

.nip-wh-rack-two {
    height: 235px;
    max-width: 125px;
}

.nip-wh-rack-two span {
    color: #e5edf6;
    background: rgba(255, 255, 255, 0.1);
}

.nip-wh-warehouse-floor {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    background: linear-gradient(180deg, #354d64, #20384f);
    border-top: 2px solid #8ba2b8;
}

/* VISUAL FOOTER */

.nip-wh-about-visual-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 23px;
}

.nip-wh-about-visual-bottom > div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #e1eaf4;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.5;
}

.nip-wh-about-visual-bottom i {
    color: #ffad78;
    font-size: 17px;
}

/* FLOATING INFO */

.nip-wh-about-floating {
    position: absolute;
    z-index: 3;
    right: -3px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100% - 25px);
    padding: 15px 19px;
    border: 1px solid #e8edf3;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(16, 43, 73, 0.12);
}

.nip-wh-about-floating-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 5px;
    background: #fff0e6;
    color: var(--nip-wa-orange);
    font-size: 19px;
}

.nip-wh-about-floating > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-wh-about-floating strong {
    color: var(--nip-wa-navy);
    font-size: 12px;
    font-weight: 800;
}

.nip-wh-about-floating small {
    color: #738196;
    font-size: 10px;
    line-height: 1.5;
}

.nip-wh-about-decoration {
    position: absolute;
    z-index: 0;
    top: -15px;
    left: -15px;
    width: 100px;
    height: 100px;
    border-top: 4px solid var(--nip-wa-orange);
    border-left: 4px solid var(--nip-wa-orange);
    border-radius: 6px 0 0 0;
}

/* CONTENT AREA */

.nip-wh-about-content {
    min-width: 0;
}

.nip-wh-about-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--nip-wa-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.nip-wh-about-eyebrow i {
    font-size: 14px;
}

.nip-wh-about-content h2 {
    margin: 0 0 18px;
    color: var(--nip-wa-navy);
    font-size: clamp(30px, 3.1vw, 40px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

.nip-wh-about-content h2 span {
    display: block;
    color: var(--nip-wa-orange);
}

.nip-wh-about-intro {
    margin: 0 0 12px;
    color: #40556b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.9;
}

.nip-wh-about-description {
    margin: 0;
    color: #728094;
    font-size: 12px;
    line-height: 1.95;
}

/* BENEFIT POINTS */

.nip-wh-about-points {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 27px;
}

.nip-wh-about-point {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.nip-wh-about-point-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border: 1px solid #e5ebf2;
    border-radius: 5px;
    background: #f3f7fb;
    color: var(--nip-wa-navy);
    font-size: 18px;
}

.nip-wh-about-point h3 {
    margin: 0 0 5px;
    color: var(--nip-wa-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.5;
}

.nip-wh-about-point p {
    margin: 0;
    color: #758296;
    font-size: 11px;
    line-height: 1.8;
}

/* ACTION BUTTONS */

.nip-wh-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 29px;
}

.nip-wh-about-call,
.nip-wh-about-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 45px;
    padding: 12px 17px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

.nip-wh-about-call {
    background: var(--nip-wa-navy);
    color: #ffffff;
}

.nip-wh-about-call:hover {
    background: var(--nip-wa-dark);
    color: #ffffff;
}

.nip-wh-about-whatsapp {
    border-color: #dce5ed;
    background: #ffffff;
    color: var(--nip-wa-green);
}

.nip-wh-about-whatsapp:hover {
    border-color: var(--nip-wa-green);
    background: #f0fbf5;
    color: var(--nip-wa-green);
}

/* TABLET */

@media (max-width: 1000px) {
    .nip-wh-about {
        padding: 65px 0;
    }

    .nip-wh-about-container {
        grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
        gap: 35px;
    }

    .nip-wh-about-main-card {
        padding: 20px;
    }

    .nip-wh-about-warehouse-art {
        height: 235px;
    }

    .nip-wh-rack {
        height: 185px;
    }

    .nip-wh-rack-two {
        height: 205px;
    }

    .nip-wh-about-content h2 {
        font-size: 32px;
    }

    .nip-wh-about-floating {
        right: -5px;
        padding: 12px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .nip-wh-about {
        padding: 48px 0;
    }

    .nip-wh-about-container {
        grid-template-columns: 1fr;
        gap: 45px;
        width: calc(100% - 32px);
    }

    .nip-wh-about-visual {
        width: 100%;
        max-width: 490px;
        margin: 0 auto;
        padding: 0 8px 23px 0;
    }

    .nip-wh-about-main-card {
        padding: 19px;
    }

    .nip-wh-about-warehouse-art {
        height: 230px;
        gap: 8px;
        padding-right: 7px;
        padding-left: 7px;
    }

    .nip-wh-rack {
        height: 180px;
        padding: 6px;
        border-width: 3px;
    }

    .nip-wh-rack-two {
        height: 200px;
    }

    .nip-wh-rack::before,
    .nip-wh-rack::after {
        right: -3px;
        left: -3px;
        height: 4px;
    }

    .nip-wh-rack span {
        font-size: 21px;
    }

    .nip-wh-about-visual-bottom {
        gap: 10px;
        margin-top: 18px;
    }

    .nip-wh-about-visual-bottom > div {
        align-items: flex-start;
        gap: 7px;
        font-size: 10px;
    }

    .nip-wh-about-visual-bottom i {
        font-size: 15px;
    }

    .nip-wh-about-floating {
        right: 0;
        bottom: 0;
        gap: 9px;
        padding: 10px 12px;
    }

    .nip-wh-about-floating-icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
        font-size: 16px;
    }

    .nip-wh-about-floating strong {
        font-size: 11px;
    }

    .nip-wh-about-floating small {
        font-size: 9px;
    }

    .nip-wh-about-decoration {
        top: -8px;
        left: -8px;
        width: 65px;
        height: 65px;
        border-width: 3px;
    }

    .nip-wh-about-content h2 {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 1.3;
    }

    .nip-wh-about-intro {
        font-size: 13px;
    }

    .nip-wh-about-description {
        font-size: 12px;
    }

    .nip-wh-about-points {
        gap: 18px;
        margin-top: 23px;
    }

    .nip-wh-about-point {
        gap: 12px;
    }

    .nip-wh-about-point-icon {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
        font-size: 16px;
    }

    .nip-wh-about-point h3 {
        font-size: 12px;
    }

    .nip-wh-about-point p {
        font-size: 11px;
    }

    .nip-wh-about-actions {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 25px;
    }

    .nip-wh-about-call,
    .nip-wh-about-whatsapp {
        width: 100%;
        min-height: 46px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-wh-about-container {
        width: calc(100% - 26px);
    }

    .nip-wh-about-main-card {
        padding: 14px;
    }

    .nip-wh-about-warehouse-art {
        height: 205px;
        gap: 5px;
    }

    .nip-wh-rack {
        height: 160px;
        padding: 4px;
    }

    .nip-wh-rack-two {
        height: 178px;
    }

    .nip-wh-rack span {
        font-size: 17px;
    }

    .nip-wh-about-visual-bottom > div {
        font-size: 9px;
    }

    .nip-wh-about-content h2 {
        font-size: 27px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nip-wh-about-call,
    .nip-wh-about-whatsapp {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - TYPES OF GOODS STORAGE
========================================== */

.nip-wh-goods {
    --nip-wg-navy: #173d69;
    --nip-wg-dark: #102b49;
    --nip-wg-orange: #dd7436;
    --nip-wg-green: #159b61;

    padding: 76px 0;
    background: #f5f7fa;
    font-family: 'Inter', sans-serif;
}

.nip-wh-goods,
.nip-wh-goods * {
    box-sizing: border-box;
}

.nip-wh-goods-container {
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-wh-goods-heading {
    max-width: 690px;
    margin: 0 auto 38px;
    text-align: center;
}

.nip-wh-goods-eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 13px;
    color: var(--nip-wg-orange);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.3px;
}

.nip-wh-goods-eyebrow i {
    font-size: 14px;
}

.nip-wh-goods-heading h2 {
    margin: 0 0 14px;
    color: var(--nip-wg-navy);
    font-size: clamp(29px, 3.2vw, 39px);
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -0.6px;
}

.nip-wh-goods-heading h2 span {
    color: var(--nip-wg-orange);
}

.nip-wh-goods-heading > p {
    max-width: 610px;
    margin: 0 auto;
    color: #68778a;
    font-size: 13px;
    line-height: 1.85;
}

/* GOODS GRID */

.nip-wh-goods-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.nip-wh-goods-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    min-height: 255px;
    padding: 26px 24px 23px;
    border: 1px solid #e8edf3;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(16, 43, 73, 0.035);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.nip-wh-goods-card:hover {
    transform: translateY(-4px);
    border-color: rgba(221, 116, 54, 0.55);
    box-shadow: 0 12px 27px rgba(16, 43, 73, 0.09);
}

.nip-wh-goods-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 51px;
    height: 51px;
    margin-bottom: 18px;
    border-radius: 6px;
    background: #fff0e6;
    color: var(--nip-wg-orange);
    font-size: 22px;
    transition:
        background 0.25s ease,
        color 0.25s ease;
}

.nip-wh-goods-card:hover .nip-wh-goods-icon {
    background: var(--nip-wg-orange);
    color: #ffffff;
}

.nip-wh-goods-card h3 {
    margin: 0 0 10px;
    color: var(--nip-wg-navy);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
}

.nip-wh-goods-card > p {
    flex: 1;
    margin: 0 0 18px;
    color: #748195;
    font-size: 12px;
    line-height: 1.85;
}

.nip-wh-goods-card > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--nip-wg-navy);
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    transition: color 0.2s ease;
}

.nip-wh-goods-card > a i {
    color: var(--nip-wg-orange);
    transition: transform 0.2s ease;
}

.nip-wh-goods-card > a:hover {
    color: var(--nip-wg-orange);
}

.nip-wh-goods-card > a:hover i {
    transform: translateX(4px);
}

/* STORAGE NOTE */

.nip-wh-goods-note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 25px;
    padding: 17px 20px;
    border: 1px solid #e2eaf2;
    border-left: 4px solid var(--nip-wg-orange);
    border-radius: 5px;
    background: #ffffff;
}

.nip-wh-goods-note > i {
    margin-top: 3px;
    color: var(--nip-wg-orange);
    font-size: 17px;
}

.nip-wh-goods-note p {
    margin: 0;
    color: #68778a;
    font-size: 11px;
    line-height: 1.8;
}

.nip-wh-goods-note strong {
    color: var(--nip-wg-navy);
}

/* TABLET */

@media (max-width: 950px) {
    .nip-wh-goods {
        padding: 65px 0;
    }

    .nip-wh-goods-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .nip-wh-goods-card {
        min-height: 245px;
        padding: 23px 21px;
    }
}

/* MOBILE */

@media (max-width: 600px) {
    .nip-wh-goods {
        padding: 48px 0;
    }

    .nip-wh-goods-container {
        width: calc(100% - 30px);
    }

    .nip-wh-goods-heading {
        margin-bottom: 27px;
        text-align: left;
    }

    .nip-wh-goods-heading h2 {
        font-size: 29px;
        line-height: 1.3;
    }

    .nip-wh-goods-heading > p {
        margin: 0;
        font-size: 12px;
        line-height: 1.8;
    }

    .nip-wh-goods-grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .nip-wh-goods-card {
        min-height: auto;
        padding: 21px;
    }

    .nip-wh-goods-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 14px;
        font-size: 20px;
    }

    .nip-wh-goods-card h3 {
        font-size: 15px;
    }

    .nip-wh-goods-card > p {
        margin-bottom: 15px;
        font-size: 12px;
    }

    .nip-wh-goods-note {
        gap: 10px;
        margin-top: 18px;
        padding: 14px;
    }

    .nip-wh-goods-note p {
        font-size: 10px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-wh-goods-card,
    .nip-wh-goods-icon,
    .nip-wh-goods-card > a,
    .nip-wh-goods-card > a i {
        transition: none;
    }
}

/* ==========================================
   NICE INDIA - WAREHOUSE FINAL CTA
========================================== */

.nip-wh-final-cta {
    --nip-wfc-navy: #173d69;
    --nip-wfc-dark: #102b49;
    --nip-wfc-orange: #dd7436;
    --nip-wfc-green: #159b61;

    position: relative;
    overflow: hidden;
    padding: 75px 0;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(221, 116, 54, 0.12),
            transparent 30%
        ),
        linear-gradient(120deg, #102b49 0%, #173d69 100%);
    font-family: 'Inter', sans-serif;
}

.nip-wh-final-cta,
.nip-wh-final-cta * {
    box-sizing: border-box;
}

.nip-wh-final-cta-container {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    align-items: center;
    gap: 45px;
    width: min(1250px, calc(100% - 40px));
    margin: 0 auto;
}

/* CONTENT */

.nip-wh-final-cta-content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.nip-wh-final-cta-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 17px;
    color: #ffb37f;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.nip-wh-final-cta-eyebrow i {
    font-size: 15px;
}

.nip-wh-final-cta-content h2 {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(30px, 3.5vw, 43px);
    font-weight: 800;
    line-height: 1.23;
    letter-spacing: -0.8px;
}

.nip-wh-final-cta-content h2 span {
    display: block;
    color: #ffad78;
}

.nip-wh-final-cta-content > p {
    max-width: 600px;
    margin: 0;
    color: #d6e1ed;
    font-size: 13px;
    line-height: 1.95;
}

/* BUTTONS */

.nip-wh-final-cta-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.nip-wh-final-cta-call,
.nip-wh-final-cta-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 47px;
    padding: 13px 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-wh-final-cta-call {
    background: var(--nip-wfc-orange);
    color: #ffffff;
}

.nip-wh-final-cta-call:hover {
    transform: translateY(-2px);
    background: #c9632a;
    color: #ffffff;
}

.nip-wh-final-cta-whatsapp {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
}

.nip-wh-final-cta-whatsapp i {
    color: #7de2a9;
    font-size: 17px;
}

.nip-wh-final-cta-whatsapp:hover {
    transform: translateY(-2px);
    border-color: var(--nip-wfc-green);
    background: var(--nip-wfc-green);
    color: #ffffff;
}

.nip-wh-final-cta-whatsapp:hover i {
    color: #ffffff;
}

/* NOTE */

.nip-wh-final-cta-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 22px;
    color: #d6e1ed;
    font-size: 11px;
    line-height: 1.8;
}

.nip-wh-final-cta-note i {
    flex-shrink: 0;
    margin-top: 3px;
    color: #ffad78;
    font-size: 14px;
}

/* ILLUSTRATION */

.nip-wh-final-cta-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 350px;
    isolation: isolate;
}

.nip-wh-final-cta-circle {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
}

.nip-wh-final-cta-circle-one {
    width: 320px;
    height: 320px;
}

.nip-wh-final-cta-circle-two {
    width: 250px;
    height: 250px;
    border-color: rgba(221, 116, 54, 0.4);
}

/* WAREHOUSE BUILDING */

.nip-wh-final-cta-warehouse {
    position: relative;
    width: 290px;
    max-width: 88%;
    padding-top: 28px;
}

.nip-wh-final-cta-warehouse-roof {
    width: 100%;
    height: 45px;
    background: #f2a16c;
    clip-path: polygon(10% 0, 90% 0, 100% 100%, 0 100%);
}

.nip-wh-final-cta-warehouse-body {
    position: relative;
    height: 205px;
    overflow: hidden;
    border: 5px solid #e8edf3;
    border-top: 0;
    background: #dce6ef;
}

.nip-wh-final-cta-warehouse-sign {
    position: absolute;
    top: 15px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    transform: translateX(-50%);
    border-radius: 3px;
    background: var(--nip-wfc-navy);
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1px;
    white-space: nowrap;
}

.nip-wh-final-cta-warehouse-sign i {
    color: #ffad78;
    font-size: 14px;
}

.nip-wh-final-cta-warehouse-door {
    position: absolute;
    right: 52px;
    bottom: 0;
    left: 52px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    height: 118px;
    padding: 10px;
    border: 4px solid #a6b8c9;
    border-bottom: 0;
    background: #173d69;
}

.nip-wh-final-cta-door-line {
    width: 100%;
    height: 15px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: #244c74;
}

.nip-wh-final-cta-box {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 53px;
    height: 48px;
    border: 2px solid #b85d2d;
    background: #dd7436;
    color: #ffffff;
    font-size: 23px;
    box-shadow: 0 5px 12px rgba(16, 43, 73, 0.15);
}

.nip-wh-final-cta-box-one {
    bottom: 0;
    left: 8px;
}

.nip-wh-final-cta-box-two {
    right: 8px;
    bottom: 0;
    background: #e8edf3;
    border-color: #a6b8c9;
    color: var(--nip-wfc-navy);
}

.nip-wh-final-cta-ground {
    height: 8px;
    background: #a6b8c9;
}

/* FLOATING CARD */

.nip-wh-final-cta-floating-card {
    position: absolute;
    right: -5px;
    bottom: 13px;
    display: flex;
    align-items: center;
    gap: 11px;
    max-width: calc(100% - 15px);
    padding: 14px 17px;
    border: 1px solid #e8edf3;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}

.nip-wh-final-cta-floating-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    flex: 0 0 41px;
    border-radius: 4px;
    background: #fff0e6;
    color: var(--nip-wfc-orange);
    font-size: 19px;
}

.nip-wh-final-cta-floating-card > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.nip-wh-final-cta-floating-card strong {
    color: var(--nip-wfc-navy);
    font-size: 11px;
    font-weight: 800;
}

.nip-wh-final-cta-floating-card small {
    color: #738196;
    font-size: 10px;
}

/* TABLET */

@media (max-width: 950px) {
    .nip-wh-final-cta {
        padding: 60px 0;
    }

    .nip-wh-final-cta-container {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 0.8fr);
        gap: 25px;
    }

    .nip-wh-final-cta-content h2 {
        font-size: 34px;
    }

    .nip-wh-final-cta-visual {
        min-height: 310px;
    }

    .nip-wh-final-cta-circle-one {
        width: 270px;
        height: 270px;
    }

    .nip-wh-final-cta-circle-two {
        width: 215px;
        height: 215px;
    }

    .nip-wh-final-cta-warehouse {
        width: 255px;
    }

    .nip-wh-final-cta-warehouse-body {
        height: 185px;
    }

    .nip-wh-final-cta-floating-card {
        right: -3px;
        bottom: 0;
        padding: 11px;
    }
}

/* MOBILE */

@media (max-width: 700px) {
    .nip-wh-final-cta {
        padding: 48px 0 40px;
    }

    .nip-wh-final-cta-container {
        grid-template-columns: 1fr;
        gap: 20px;
        width: calc(100% - 32px);
    }

    .nip-wh-final-cta-content h2 {
        font-size: 30px;
        line-height: 1.3;
    }

    .nip-wh-final-cta-content > p {
        font-size: 12px;
        line-height: 1.85;
    }

    .nip-wh-final-cta-buttons {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 23px;
    }

    .nip-wh-final-cta-call,
    .nip-wh-final-cta-whatsapp {
        width: 100%;
        min-height: 47px;
    }

    .nip-wh-final-cta-note {
        font-size: 10px;
    }

    .nip-wh-final-cta-visual {
        min-height: 300px;
        margin-top: 0;
    }

    .nip-wh-final-cta-circle-one {
        width: 260px;
        height: 260px;
    }

    .nip-wh-final-cta-circle-two {
        width: 205px;
        height: 205px;
    }

    .nip-wh-final-cta-warehouse {
        width: 260px;
        max-width: 82%;
    }

    .nip-wh-final-cta-warehouse-body {
        height: 185px;
    }

    .nip-wh-final-cta-floating-card {
        right: 0;
        bottom: 0;
        padding: 11px 13px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-wh-final-cta-container {
        width: calc(100% - 26px);
    }

    .nip-wh-final-cta-content h2 {
        font-size: 27px;
    }

    .nip-wh-final-cta-visual {
        min-height: 270px;
    }

    .nip-wh-final-cta-warehouse {
        width: 235px;
    }

    .nip-wh-final-cta-warehouse-body {
        height: 170px;
    }

    .nip-wh-final-cta-warehouse-door {
        right: 43px;
        left: 43px;
        height: 100px;
    }

    .nip-wh-final-cta-floating-card {
        gap: 8px;
        padding: 9px;
    }

    .nip-wh-final-cta-floating-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
        font-size: 16px;
    }
}

/* REDUCED MOTION */

@media (prefers-reduced-motion: reduce) {
    .nip-wh-final-cta-call,
    .nip-wh-final-cta-whatsapp {
        transition: none;
    }
}

/* ========================================
   REQUEST QUOTE HERO
   NICE INDIA PACKERS AND MOVERS
======================================== */

.nip-rq-hero {
    --nip-rq-navy: #123b66;
    --nip-rq-orange: #f58220;
    --nip-rq-dark-orange: #df6b0c;

    position: relative;
    isolation: isolate;
    width: 100%;
    overflow: hidden;
    padding: 44px 24px;
    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(245, 130, 32, 0.16),
            transparent 32%
        ),
        linear-gradient(
            120deg,
            #071a2d 0%,
            #0b2948 48%,
            #123b66 100%
        );
    font-family: inherit;
}

.nip-rq-hero *,
.nip-rq-hero *::before,
.nip-rq-hero *::after {
    box-sizing: border-box;
}

/* CONTAINER */

.nip-rq-hero-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 42px;
}

/* CONTENT */

.nip-rq-hero-content {
    min-width: 0;
}

.nip-rq-hero-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
    color: #ffad58;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.8px;
    line-height: 1.6;
}

.nip-rq-hero-label i {
    font-size: 15px;
}

.nip-rq-hero-content h1 {
    max-width: 620px;
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -0.7px;
}

.nip-rq-hero-content h1 span {
    display: block;
    color: var(--nip-rq-orange);
}

.nip-rq-hero-description {
    max-width: 590px;
    margin: 0;
    color: #d6e2ef;
    font-size: 15px;
    line-height: 1.8;
}

/* BUTTONS */

.nip-rq-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 22px;
}

.nip-rq-hero-btn {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-rq-hero-btn-primary {
    color: #ffffff;
    background: var(--nip-rq-orange);
    border-color: var(--nip-rq-orange);
}

.nip-rq-hero-btn-primary:hover {
    color: #ffffff;
    background: var(--nip-rq-dark-orange);
    border-color: var(--nip-rq-dark-orange);
    transform: translateY(-2px);
}

.nip-rq-hero-btn-outline {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.4);
}

.nip-rq-hero-btn-outline:hover {
    color: var(--nip-rq-navy);
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

/* VISUAL PANEL */

.nip-rq-hero-visual {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 265px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(
            circle at 70% 25%,
            rgba(245, 130, 32, 0.19),
            transparent 40%
        ),
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025)
        );
}

.nip-rq-hero-visual-circle {
    width: 155px;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.055);
}

.nip-rq-hero-visual-circle i {
    color: #ffffff;
    font-size: 85px;
}

/* INFO CARD */

.nip-rq-hero-info-card {
    position: absolute;
    right: 14px;
    bottom: 14px;
    left: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 15px;
    border: 1px solid #e8edf3;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);
}

.nip-rq-hero-info-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: var(--nip-rq-orange);
    font-size: 18px;
}

.nip-rq-hero-info-card strong {
    display: block;
    margin-bottom: 3px;
    color: var(--nip-rq-navy);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-rq-hero-info-card small {
    display: block;
    color: #657488;
    font-size: 12px;
    line-height: 1.5;
}

/* TABLET */

@media (max-width: 900px) {
    .nip-rq-hero {
        padding: 36px 22px;
    }

    .nip-rq-hero-container {
        gap: 25px;
    }

    .nip-rq-hero-content h1 {
        font-size: 34px;
    }

    .nip-rq-hero-visual {
        min-height: 235px;
    }

    .nip-rq-hero-visual-circle {
        width: 125px;
        height: 125px;
    }

    .nip-rq-hero-visual-circle i {
        font-size: 68px;
    }
}

/* MOBILE */

@media (max-width: 650px) {
    .nip-rq-hero {
        padding: 30px 16px;
    }

    .nip-rq-hero-container {
        grid-template-columns: minmax(0, 1fr);
        gap: 23px;
    }

    .nip-rq-hero-label {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .nip-rq-hero-content h1 {
        margin-bottom: 12px;
        font-size: 30px;
        line-height: 1.2;
    }

    .nip-rq-hero-description {
        font-size: 14px;
        line-height: 1.75;
    }

    .nip-rq-hero-actions {
        gap: 10px;
        margin-top: 18px;
    }

    .nip-rq-hero-btn {
        min-height: 43px;
        padding: 10px 14px;
        font-size: 13px;
    }

    .nip-rq-hero-visual {
        min-height: 205px;
        border-radius: 13px;
    }

    .nip-rq-hero-visual-circle {
        width: 110px;
        height: 110px;
    }

    .nip-rq-hero-visual-circle i {
        font-size: 60px;
    }

    .nip-rq-hero-info-card {
        right: 10px;
        bottom: 10px;
        left: 10px;
        gap: 10px;
        padding: 10px 12px;
    }

    .nip-rq-hero-info-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 16px;
    }

    .nip-rq-hero-info-card strong {
        font-size: 13px;
    }

    .nip-rq-hero-info-card small {
        font-size: 11px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-rq-hero {
        padding: 25px 13px;
    }

    .nip-rq-hero-content h1 {
        font-size: 27px;
    }

    .nip-rq-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .nip-rq-hero-btn {
        width: 100%;
    }

    .nip-rq-hero-visual {
        min-height: 185px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-rq-hero-btn {
        transition: none;
    }
}

.nip-rq-form-section {
    --nip-rqf-navy: #123b66;
    --nip-rqf-orange: #f58220;
    --nip-rqf-dark-orange: #df6b0c;

    width: 100%;
    padding: 65px 24px;
    background: #f5f8fc;
    font-family: inherit;
}

.nip-rq-form-section *,
.nip-rq-form-section *::before,
.nip-rq-form-section *::after {
    box-sizing: border-box;
}

.nip-rq-form-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}

/* SECTION HEADING */

.nip-rq-form-heading {
    max-width: 700px;
    margin: 0 auto 35px;
    text-align: center;
}

.nip-rq-form-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--nip-rqf-orange);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

.nip-rq-form-heading h2 {
    margin: 0 0 13px;
    color: var(--nip-rqf-navy);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-rq-form-heading h2 span {
    display: block;
    color: var(--nip-rqf-orange);
}

.nip-rq-form-heading > p {
    max-width: 590px;
    margin: 0 auto;
    color: #617185;
    font-size: 15px;
    line-height: 1.75;
}

/* MAIN LAYOUT */

.nip-rq-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
    align-items: stretch;
    gap: 25px;
}

/* FORM CARD */

.nip-rq-form-card {
    min-width: 0;
    padding: 30px;
    border: 1px solid #e3eaf2;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(18, 59, 102, 0.045);
}

.nip-rq-form-card-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9eef4;
}

.nip-rq-form-card-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nip-rqf-orange);
    font-size: 21px;
}

.nip-rq-form-card-heading h3 {
    margin: 0 0 5px;
    color: var(--nip-rqf-navy);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-rq-form-card-heading p {
    margin: 0;
    color: #758396;
    font-size: 12px;
    line-height: 1.5;
}

/* FORM GRID */

.nip-rq-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 19px 17px;
}

.nip-rq-field {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nip-rq-field-full {
    grid-column: 1 / -1;
}

.nip-rq-field label {
    color: #243b54;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.nip-rq-field label span {
    color: #e35435;
}

.nip-rq-field input,
.nip-rq-field select,
.nip-rq-field textarea {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 12px 13px;
    border: 1px solid #dce4ed;
    border-radius: 6px;
    outline: none;
    color: #243b54;
    background: #ffffff;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.nip-rq-field input,
.nip-rq-field select {
    min-height: 46px;
}

.nip-rq-field textarea {
    min-height: 115px;
    resize: vertical;
}

.nip-rq-field input::placeholder,
.nip-rq-field textarea::placeholder {
    color: #9aa7b6;
    opacity: 1;
}

.nip-rq-field input:focus,
.nip-rq-field select:focus,
.nip-rq-field textarea:focus {
    border-color: var(--nip-rqf-orange);
    box-shadow: 0 0 0 3px rgba(245, 130, 32, 0.12);
}

.nip-rq-field input:focus-visible,
.nip-rq-field select:focus-visible,
.nip-rq-field textarea:focus-visible {
    outline: 2px solid transparent;
}

/* SUBMIT BUTTON */

.nip-rq-submit-btn {
    width: 100%;
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 23px;
    padding: 13px 18px;
    border: 2px solid var(--nip-rqf-orange);
    border-radius: 6px;
    color: #ffffff;
    background: var(--nip-rqf-orange);
    font-family: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition:
        background 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-rq-submit-btn:hover {
    background: var(--nip-rqf-dark-orange);
    border-color: var(--nip-rqf-dark-orange);
    transform: translateY(-1px);
}

.nip-rq-form-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 13px 0 0;
    color: #748296;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
}

.nip-rq-form-note i {
    color: #32815a;
}

/* CONTACT PANEL */

.nip-rq-contact-panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 29px 25px;
    overflow: hidden;
    border-radius: 13px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(245, 130, 32, 0.16),
            transparent 35%
        ),
        linear-gradient(145deg, #071a2d, #123b66);
}

.nip-rq-contact-eyebrow {
    margin-bottom: 12px;
    color: #ffb36d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.nip-rq-contact-panel > h3 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.3;
}

.nip-rq-contact-description {
    margin: 0;
    color: #d4e0ed;
    font-size: 14px;
    line-height: 1.8;
}

/* CONTACT LINKS */

.nip-rq-contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 25px;
}

.nip-rq-contact-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 11px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 8px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.055);
    text-decoration: none;
    transition:
        background 0.2s ease,
        border-color 0.2s ease;
}

.nip-rq-contact-item:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(245, 130, 32, 0.65);
}

.nip-rq-contact-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: var(--nip-rqf-orange);
    font-size: 18px;
}

.nip-rq-whatsapp-icon {
    background: #168c57;
}

.nip-rq-contact-item > span:nth-child(2) {
    min-width: 0;
    flex: 1;
}

.nip-rq-contact-item small {
    display: block;
    margin-bottom: 4px;
    color: #c4d4e5;
    font-size: 11px;
    line-height: 1.4;
}

.nip-rq-contact-item strong {
    display: block;
    overflow-wrap: anywhere;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.nip-rq-contact-arrow {
    flex-shrink: 0;
    color: #ffb36d;
    font-size: 12px;
}

/* CONTACT BENEFITS */

.nip-rq-contact-divider {
    height: 1px;
    margin: 24px 0 20px;
    background: rgba(255, 255, 255, 0.16);
}

.nip-rq-contact-points {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.nip-rq-contact-points > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #e0eaf4;
    font-size: 13px;
    line-height: 1.6;
}

.nip-rq-contact-points i {
    flex: 0 0 auto;
    margin-top: 3px;
    color: #ffad58;
    font-size: 14px;
}

.nip-rq-contact-bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding-top: 28px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.nip-rq-contact-bottom i {
    color: #ffad58;
    font-size: 22px;
}

/* TABLET */

@media (max-width: 1000px) {
    .nip-rq-form-section {
        padding: 50px 22px;
    }

    .nip-rq-form-layout {
        grid-template-columns: minmax(0, 1.4fr) minmax(250px, 0.9fr);
        gap: 18px;
    }

    .nip-rq-form-card {
        padding: 24px;
    }

    .nip-rq-contact-panel {
        padding: 25px 19px;
    }

    .nip-rq-contact-panel > h3 {
        font-size: 22px;
    }
}

/* MOBILE */

@media (max-width: 760px) {
    .nip-rq-form-section {
        padding: 40px 18px;
    }

    .nip-rq-form-heading {
        margin-bottom: 26px;
        text-align: left;
    }

    .nip-rq-form-heading h2 {
        font-size: 29px;
    }

    .nip-rq-form-heading > p {
        margin: 0;
        font-size: 14px;
    }

    .nip-rq-form-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .nip-rq-form-card {
        padding: 23px 19px;
    }

    .nip-rq-contact-panel {
        padding: 25px 22px;
    }

    .nip-rq-contact-bottom {
        margin-top: 25px;
    }
}

/* SMALL MOBILE */

@media (max-width: 480px) {
    .nip-rq-form-section {
        padding: 34px 14px;
    }

    .nip-rq-form-card {
        padding: 20px 15px;
        border-radius: 10px;
    }

    .nip-rq-form-card-heading {
        align-items: flex-start;
        gap: 11px;
        margin-bottom: 21px;
        padding-bottom: 17px;
    }

    .nip-rq-form-card-icon {
        width: 41px;
        height: 41px;
        flex-basis: 41px;
        font-size: 18px;
    }

    .nip-rq-form-card-heading h3 {
        font-size: 16px;
    }

    .nip-rq-field-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .nip-rq-field-full {
        grid-column: auto;
    }

    .nip-rq-field label {
        font-size: 13px;
    }

    .nip-rq-field input,
    .nip-rq-field select {
        min-height: 45px;
    }

    .nip-rq-submit-btn {
        min-height: 47px;
        gap: 8px;
        padding: 12px 10px;
        font-size: 13px;
    }

    .nip-rq-form-note {
        align-items: flex-start;
        font-size: 11px;
    }

    .nip-rq-contact-panel {
        padding: 23px 17px;
        border-radius: 10px;
    }

    .nip-rq-contact-panel > h3 {
        font-size: 23px;
    }

    .nip-rq-contact-item {
        gap: 9px;
        padding: 11px 9px;
    }

    .nip-rq-contact-icon {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
        font-size: 16px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-rq-field input,
    .nip-rq-field select,
    .nip-rq-field textarea,
    .nip-rq-submit-btn,
    .nip-rq-contact-item {
        transition: none;
    }
}

/* ========================================
   REQUEST QUOTE FINAL CTA
   NICE INDIA PACKERS AND MOVERS
======================================== */

.nip-rq-final-cta {
    --nip-rqcta-navy: #123b66;
    --nip-rqcta-orange: #f58220;
    --nip-rqcta-dark-orange: #df6b0c;

    width: 100%;
    padding: 50px 24px;
    background: #ffffff;
    font-family: inherit;
}

.nip-rq-final-cta *,
.nip-rq-final-cta *::before,
.nip-rq-final-cta *::after {
    box-sizing: border-box;
}

/* CONTAINER */

.nip-rq-final-cta-container {
    position: relative;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 38px 42px;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    align-items: center;
    gap: 35px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(245, 130, 32, 0.18),
            transparent 32%
        ),
        linear-gradient(120deg, #071a2d, #123b66);
}

/* CONTENT */

.nip-rq-final-cta-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.nip-rq-final-cta-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 13px;
    color: #ffb36d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.5;
}

.nip-rq-final-cta-label i {
    font-size: 14px;
}

.nip-rq-final-cta-content h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.nip-rq-final-cta-content h2 span {
    display: block;
    color: var(--nip-rqcta-orange);
}

.nip-rq-final-cta-content p {
    max-width: 600px;
    margin: 0;
    color: #d6e2ef;
    font-size: 14px;
    line-height: 1.8;
}

/* ACTION BUTTONS */

.nip-rq-final-cta-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 23px;
}

.nip-rq-final-cta-btn {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 19px;
    border: 2px solid transparent;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        transform 0.25s ease;
}

.nip-rq-final-cta-primary {
    color: #ffffff;
    background: var(--nip-rqcta-orange);
    border-color: var(--nip-rqcta-orange);
}

.nip-rq-final-cta-primary:hover {
    color: #ffffff;
    background: var(--nip-rqcta-dark-orange);
    border-color: var(--nip-rqcta-dark-orange);
    transform: translateY(-2px);
}

.nip-rq-final-cta-secondary {
    color: #ffffff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.42);
}

.nip-rq-final-cta-secondary:hover {
    color: var(--nip-rqcta-navy);
    background: #ffffff;
    border-color: #ffffff;
    transform: translateY(-2px);
}

/* VISUAL */

.nip-rq-final-cta-visual {
    position: relative;
    min-width: 0;
    min-height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nip-rq-final-cta-circle {
    width: 175px;
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.nip-rq-final-cta-circle i {
    color: #ffffff;
    font-size: 92px;
}

/* FLOATING BADGE */

.nip-rq-final-cta-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid #e7edf4;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}


.nip-rq-final-cta-badge-icon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #ffffff;
    background: var(--nip-rqcta-orange);
    font-size: 18px;
}

.nip-rq-final-cta-badge strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nip-rqcta-navy);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
}

.nip-rq-final-cta-badge small {
    display: block;
    color: #657488;
    font-size: 11px;
    line-height: 1.5;
}

/* TABLET */

@media (max-width: 900px) {
    .nip-rq-final-cta {
        padding: 40px 22px;
    }

    .nip-rq-final-cta-container {
        padding: 30px 27px;
        grid-template-columns: minmax(0, 1fr) minmax(0, 0.75fr);
        gap: 24px;
    }

    .nip-rq-final-cta-content h2 {
        font-size: 32px;
    }

    .nip-rq-final-cta-visual {
        min-height: 205px;
    }

    .nip-rq-final-cta-circle {
        width: 140px;
        height: 140px;
    }

    .nip-rq-final-cta-circle i {
        font-size: 74px;
    }

    .nip-rq-final-cta-badge {
        padding: 10px;
    }
}

/* MOBILE */

@media (max-width: 650px) {
    .nip-rq-final-cta {
        padding: 32px 16px;
    }

    .nip-rq-final-cta-container {
        padding: 25px 20px;
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        border-radius: 12px;
    }

    .nip-rq-final-cta-label {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 0.6px;
    }

    .nip-rq-final-cta-content h2 {
        margin-bottom: 12px;
        font-size: 29px;
    }

    .nip-rq-final-cta-content p {
        font-size: 14px;
        line-height: 1.75;
    }

    .nip-rq-final-cta-actions {
        gap: 10px;
        margin-top: 18px;
    }

    .nip-rq-final-cta-btn {
        min-height: 43px;
        padding: 10px 14px;
        font-size: 13px;
    }

    .nip-rq-final-cta-visual {
        min-height: 200px;
    }

    .nip-rq-final-cta-circle {
        width: 130px;
        height: 130px;
    }

    .nip-rq-final-cta-circle i {
        font-size: 68px;
    }
}

/* SMALL MOBILE */

@media (max-width: 380px) {
    .nip-rq-final-cta {
        padding: 26px 12px;
    }

    .nip-rq-final-cta-container {
        padding: 22px 15px;
    }

    .nip-rq-final-cta-content h2 {
        font-size: 26px;
    }

    .nip-rq-final-cta-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .nip-rq-final-cta-btn {
        width: 100%;
    }

    .nip-rq-final-cta-visual {
        min-height: 185px;
    }
}

/* ACCESSIBILITY */

@media (prefers-reduced-motion: reduce) {
    .nip-rq-final-cta-btn {
        transition: none;
    }
}