/* ================================
   K2H Out Of Box Case Study UI
================================ */

/* ================================
   K2H Out Of Box Case Study UI
================================ */

/* ================================
   K2H Detailed Case Study Showcase
================================ */

/* ================================
   K2H Projects Page Section
================================ */

.k2h-projects-section {
    position: relative;
    padding: 22px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 138, 0, 0.16), transparent 30%),
        radial-gradient(circle at 88% 80%, rgba(255, 200, 87, 0.10), transparent 28%),
        linear-gradient(135deg, #020815 0%, #061a34 55%, #082b57 100%);
    overflow: hidden;
}

.k2h-projects-section::before {
    content: "";
    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: 44px 44px;
    pointer-events: none;
}

.k2h-projects-section .container {
    position: relative;
    z-index: 2;
}

.k2h-projects-head {
    display: grid;
    grid-template-columns: 1fr 0.72fr;
    gap: 40px;
    align-items: end;
    margin-bottom: 70px;
}

.k2h-projects-head .k2h-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    color: #ffc857;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.k2h-projects-head .k2h-section-badge i {
    color: #ffc857;
}

.k2h-projects-head h2 {
    color: #fff;
    font-size: 64px;
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -2.2px;
    margin: 0;
}

.k2h-projects-head p {
    color: rgba(255,255,255,0.72);
    font-size: 17px;
    line-height: 1.85;
    margin: 0;
}

.k2h-projects-list {
    display: grid;
    gap: 46px;
}

/* Big project card - ek screen me ek hi strong card feel */
.k2h-project-card {
    position: relative;
    display: grid;
    grid-template-columns: 390px 1fr;
    gap: 0;
    min-height: 520px;
    border-radius: 40px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(16px);
    box-shadow: 0 30px 90px rgba(0,0,0,0.22);
    overflow: hidden;
    transition: all 0.4s ease;
}

.k2h-project-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 200, 87, 0.45);
    box-shadow: 0 36px 110px rgba(0,0,0,0.30);
}

.k2h-project-card:nth-child(even) {
    grid-template-columns: 1fr 390px;
}

.k2h-project-card:nth-child(even) .k2h-project-media {
    order: 2;
}

.k2h-project-card:nth-child(even) .k2h-project-content {
    order: 1;
}

/* Image update option */
.k2h-project-media {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    background: #061a34;
}

.k2h-project-media img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.k2h-project-card:hover .k2h-project-media img {
    transform: scale(1.08);
}

.k2h-project-media::after {
    content: "";
    position: absolute;
    inset: 0;
    /* background:
        linear-gradient(180deg, rgba(2,8,21,0.10), rgba(2,8,21,0.65)),
        linear-gradient(90deg, rgba(2,8,21,0.18), transparent); */
}

.k2h-project-no {
    position: absolute;
    left: 28px;
    top: 28px;
    z-index: 2;
    width: 78px;
    height: 78px;
    border-radius: 24px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 18px 45px rgba(255,138,0,0.24);
}

.k2h-project-content {
    padding: 46px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.k2h-project-top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 22px;
}

.k2h-project-top span {
    display: block;
    color: #ffc857;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.k2h-project-top h3 {
    color: #fff;
    font-size: 42px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.4px;
    margin: 0;
}

/* Project card title area without button */
.k2h-project-top {
    display: block !important;
    margin-bottom: 22px;
}

.k2h-project-top h3 {
    max-width: 900px;
}

.k2h-project-content > p {
    color: rgba(255,255,255,0.76);
    font-size: 17px;
    line-height: 1.85;
    max-width: 900px;
    margin: 0 0 24px;
}

.k2h-project-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.k2h-project-tags span {
    padding: 9px 14px;
    border-radius: 50px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.14);
    color: rgba(255,255,255,0.82);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.k2h-project-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 0.92fr;
    gap: 18px;
}

.k2h-project-detail-grid > div {
    padding: 22px;
    border-radius: 24px;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
}

.k2h-project-detail-grid h4 {
    color: #ffc857;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 12px;
}

.k2h-project-detail-grid p {
    color: rgba(255,255,255,0.72);
    font-size: 14.5px;
    line-height: 1.72;
    margin: 0;
}

.k2h-project-detail-grid ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}

.k2h-project-detail-grid li {
    position: relative;
    padding-left: 22px;
    color: rgba(255,255,255,0.82);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 800;
}

.k2h-project-detail-grid li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #ffc857;
    font-weight: 900;
}

/* Admin friendly note:
   Image path: assets/img/projects/project-1.jpg
   Title/category/tags/description are separate fields in HTML.
   Later admin panel can map same fields directly.
*/

/* Responsive */
@media (max-width: 1199px) {
    .k2h-project-card,
    .k2h-project-card:nth-child(even) {
        grid-template-columns: 330px 1fr;
    }

    .k2h-project-top h3 {
        font-size: 34px;
    }

    .k2h-project-detail-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .k2h-projects-section {
        padding: 20px 0;
    }

    .k2h-projects-head {
        grid-template-columns: 1fr;
        margin-bottom: 45px;
    }

    .k2h-projects-head h2 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .k2h-project-card,
    .k2h-project-card:nth-child(even) {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .k2h-project-card:nth-child(even) .k2h-project-media,
    .k2h-project-card:nth-child(even) .k2h-project-content {
        order: initial;
    }

    .k2h-project-media,
    .k2h-project-media img {
        min-height: 360px;
        height: 360px;
    }

    .k2h-project-content {
        padding: 34px 26px;
    }

    .k2h-project-top {
        flex-direction: column;
    }
}

@media (max-width: 576px) {
    .k2h-projects-head h2 {
        font-size: 32px;
    }

    .k2h-project-card {
        border-radius: 28px;
    }

    .k2h-project-media,
    .k2h-project-media img {
        min-height: 260px;
        height: 260px;
    }

    .k2h-project-content {
        padding: 28px 20px;
    }

    .k2h-project-top h3 {
        font-size: 28px;
    }

    .k2h-project-no {
        width: 62px;
        height: 62px;
        border-radius: 18px;
        font-size: 20px;
    }
}
/* contact us */

/* ================================
   K2H Contact Page
================================ */

.k2h-contact-hero-section {
    position: relative;
    padding: 150px 0 110px;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 138, 0, 0.20), transparent 28%),
        radial-gradient(circle at 88% 82%, rgba(255, 200, 87, 0.12), transparent 30%),
        linear-gradient(135deg, #020815 0%, #061a34 55%, #082b57 100%);
    overflow: hidden;
}

.k2h-contact-hero-content span,
.k2h-location-heading span,
.k2h-contact-left-panel > span,
.k2h-form-title span,
.k2h-map-info span {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #ffc857;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.k2h-contact-hero-content h1 {
    color: #fff;
    font-size: 74px;
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -2.5px;
    margin-bottom: 24px;
}

.k2h-contact-hero-content p {
    color: rgba(255,255,255,.74);
    font-size: 18px;
    line-height: 1.85;
    max-width: 780px;
    margin-bottom: 30px;
}

.k2h-contact-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.k2h-contact-hero-points div {
    padding: 12px 16px;
    border-radius: 50px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
    font-size: 14px;
    font-weight: 800;
}

.k2h-contact-hero-points i {
    color: #ffc857;
    margin-right: 7px;
}

.k2h-contact-quick-card {
    position: relative;
    padding: 38px;
    border-radius: 34px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(16px);
    box-shadow: 0 30px 90px rgba(0,0,0,.20);
}

.k2h-contact-quick-card h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 28px;
}

.k2h-quick-contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.k2h-quick-contact-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.k2h-quick-contact-item .icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    flex: 0 0 auto;
}

.k2h-quick-contact-item span {
    display: block;
    color: rgba(255,255,255,.58);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 4px;
}

.k2h-quick-contact-item a {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    text-decoration: none;
}

/* Location */
.k2h-location-section {
    padding-top: 110px;
}

.k2h-location-heading {
    text-align: center;
    max-width: 860px;
    margin: 0 auto 60px;
}

.k2h-location-heading span {
    background: rgba(255, 138, 0, 0.10);
    border-color: rgba(255, 138, 0, 0.22);
    color: #ff8a00;
}

.k2h-location-heading h2 {
    color: #061a34;
    font-size: 54px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}

.k2h-location-heading p {
    color: #5d6677;
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

.k2h-location-card {
    height: 100%;
    padding: 34px 30px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.08);
    box-shadow: 0 22px 70px rgba(7,26,52,.08);
    transition: all .35s ease;
}

.k2h-location-card:hover,
.k2h-location-card.active {
    transform: translateY(-8px);
    background:
        radial-gradient(circle at 85% 15%, rgba(255, 138, 0, 0.20), transparent 32%),
        #061a34;
}

.k2h-location-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 28px;
}

.k2h-location-card span {
    color: #ff8a00;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.k2h-location-card h3 {
    color: #061a34;
    font-size: 27px;
    font-weight: 900;
    margin: 10px 0 12px;
}

.k2h-location-card p {
    color: #5d6677;
    font-size: 15.5px;
    line-height: 1.75;
    margin: 0;
}

.k2h-location-card:hover h3,
.k2h-location-card.active h3 {
    color: #fff;
}

.k2h-location-card:hover p,
.k2h-location-card.active p {
    color: rgba(255,255,255,.72);
}

/* Contact Main */
.k2h-contact-main-section {
    position: relative;
}

.k2h-contact-main-wrap {
    padding: 24px;
    border-radius: 42px;
    background:
        radial-gradient(circle at 15% 15%, rgba(255, 138, 0, 0.10), transparent 28%),
        #f6f8fc;
}

.k2h-contact-left-panel {
    height: 100%;
    padding: 46px 38px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 138, 0, 0.22), transparent 32%),
        linear-gradient(135deg, #020815, #061a34 60%, #082b57);
}

.k2h-contact-left-panel h2 {
    color: #fff;
    font-size: 44px;
    line-height: 1.12;
    font-weight: 900;
    letter-spacing: -1.2px;
    margin-bottom: 18px;
}

.k2h-contact-left-panel p {
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

.k2h-contact-service-list {
    display: grid;
    gap: 18px;
}

.k2h-contact-service-list div {
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.13);
}

.k2h-contact-service-list i {
    color: #ffc857;
    font-size: 28px;
    margin-bottom: 12px;
    display: inline-flex;
}

.k2h-contact-service-list h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 7px;
}

.k2h-contact-service-list p {
    font-size: 14px;
    line-height: 1.65;
    margin: 0;
}

.k2h-contact-social {
    margin-top: 34px;
}

.k2h-contact-social h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 15px;
}

.k2h-contact-social ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.k2h-contact-social a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: rgba(255,255,255,.10);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .35s ease;
}

.k2h-contact-social a:hover {
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    transform: translateY(-4px);
}

/* Form */
.k2h-contact-form-card {
    height: 100%;
    padding: 46px 42px;
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(7,26,52,.08);
}

.k2h-form-title span {
    background: rgba(255, 138, 0, 0.10);
    border-color: rgba(255, 138, 0, 0.22);
    color: #ff8a00;
}

.k2h-form-title h3 {
    color: #061a34;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-form-title p {
    color: #5d6677;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 30px;
}

.k2h-form-inner label {
    display: block;
    color: #061a34;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 9px;
}

.k2h-form-inner input,
.k2h-form-inner select,
.k2h-form-inner textarea {
    width: 100%;
    height: 58px;
    border: 1px solid rgba(7,26,52,.10);
    border-radius: 16px;
    background: #f6f8fc;
    color: #061a34;
    padding: 0 18px;
    font-size: 15px;
    outline: none;
    transition: all .3s ease;
}

.k2h-form-inner textarea {
    height: 150px;
    padding-top: 16px;
    resize: none;
}

.k2h-form-inner input:focus,
.k2h-form-inner select:focus,
.k2h-form-inner textarea:focus {
    border-color: rgba(255,138,0,.55);
    background: #fff;
    box-shadow: 0 12px 35px rgba(255,138,0,.10);
}

.k2h-form-check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #5d6677;
    font-size: 14px;
    line-height: 1.5;
}

.k2h-submit-btn {
    border: 0;
    padding: 17px 30px;
    border-radius: 50px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all .35s ease;
}

.k2h-submit-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(255,138,0,.25);
}

/* Map */
.k2h-map-wrap {
    position: relative;
    border-radius: 38px;
    overflow: hidden;
    height: 520px;
    box-shadow: 0 24px 80px rgba(7,26,52,.10);
}

.k2h-map-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(20%);
}

.k2h-map-info {
    position: absolute;
    left: 35px;
    top: 35px;
    z-index: 2;
    width: 360px;
    padding: 28px;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(7,26,52,.14);
}

.k2h-map-info span {
    background: rgba(255, 138, 0, 0.10);
    border-color: rgba(255, 138, 0, 0.22);
    color: #ff8a00;
}

.k2h-map-info h3 {
    color: #061a34;
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 8px;
}

.k2h-map-info p {
    color: #5d6677;
    margin: 0;
}

/* Responsive */
@media (max-width: 1199px) {
    .k2h-contact-hero-content h1 {
        font-size: 58px;
    }

    .k2h-location-heading h2 {
        font-size: 44px;
    }
}

@media (max-width: 991px) {
    .k2h-contact-hero-section {
        padding: 120px 0 80px;
    }

    .k2h-contact-hero-content h1 {
        font-size: 44px;
    }

    .k2h-contact-main-wrap {
        padding: 16px;
        border-radius: 30px;
    }

    .k2h-map-info {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        border-radius: 0;
    }

    .k2h-map-wrap {
        height: auto;
    }

    .k2h-map-wrap iframe {
        height: 420px;
    }
}

@media (max-width: 576px) {
    .k2h-contact-hero-content h1 {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .k2h-contact-quick-card,
    .k2h-contact-left-panel,
    .k2h-contact-form-card {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .k2h-location-heading h2,
    .k2h-contact-left-panel h2,
    .k2h-form-title h3 {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .k2h-contact-hero-points {
        display: grid;
    }

    .k2h-quick-contact-item {
        align-items: flex-start;
    }
}

/* about us page` */
/* ================================
   K2H Full About Page
================================ */

:root {
    --k2h-dark: #020815;
    --k2h-navy: #061a34;
    --k2h-blue: #082b57;
    --k2h-orange: #ff8a00;
    --k2h-gold: #ffc857;
    --k2h-text: #5d6677;
    --k2h-light: #f6f8fc;
}

/* Common */
.k2h-tag {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 138, 0, .10);
    border: 1px solid rgba(255, 138, 0, .25);
    color: var(--k2h-orange);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.k2h-tag.light {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.16);
    color: var(--k2h-gold);
}

.k2h-center-title {
    text-align: center;
}

.k2h-center-title h2,
.k2h-left-title h2 {
    color: var(--k2h-navy);
    font-size: 54px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}

.k2h-center-title p,
.k2h-title-text {
    color: var(--k2h-text);
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

.k2h-center-title.white h2 {
    color: #fff;
}

.k2h-center-title.white p {
    color: rgba(255,255,255,.72);
}


/* About Intro */
.k2h-about-intro-section {
    padding: 25px 0;
    background: #fff;
}

.k2h-about-intro-content h2 {
    color: var(--k2h-navy);
    font-size: 60px;
    line-height: 1.04;
    font-weight: 900;
    letter-spacing: -2px;
    margin-bottom: 22px;
}

.k2h-about-intro-content p {
    color: var(--k2h-text);
    font-size: 17px;
    line-height: 1.85;
    margin-bottom: 16px;
}

.k2h-about-highlights {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 32px;
}

.k2h-about-highlights div {
    padding: 22px;
    border-radius: 22px;
    background: var(--k2h-light);
    border: 1px solid rgba(7,26,52,.08);
}

.k2h-about-highlights strong {
    color: var(--k2h-orange);
    font-size: 34px;
    font-weight: 900;
    display: block;
    line-height: 1;
    margin-bottom: 8px;
}

.k2h-about-highlights span {
    color: var(--k2h-navy);
    font-size: 13px;
    font-weight: 900;
}

.k2h-about-visual {
    position: relative;
    min-height: 560px;
}

.k2h-about-visual .main-img {
    width: 78%;
    height: 470px;
    object-fit: cover;
    border-radius: 38px;
    display: block;
    margin-left: auto;
    box-shadow: 0 30px 80px rgba(7,26,52,.16);
}

.k2h-about-visual .small-img {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 42%;
    height: 245px;
    object-fit: cover;
    border-radius: 30px;
    border: 8px solid #fff;
    box-shadow: 0 25px 70px rgba(7,26,52,.14);
}

.k2h-about-badge {
    position: absolute;
    left: 25px;
    top: 35px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    box-shadow: 0 20px 55px rgba(255,138,0,.25);
}

.k2h-about-badge strong {
    font-size: 42px;
    font-weight: 900;
    line-height: 1;
}

.k2h-about-badge span {
    max-width: 100px;
    font-size: 13px;
    font-weight: 900;
}

.k2h-about-floating {
    position: absolute;
    right: 0;
    bottom: 52px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 22px;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(7,26,52,.14);
}

.k2h-about-floating i {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: var(--k2h-navy);
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.k2h-about-floating h4 {
    color: var(--k2h-navy);
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 4px;
}

.k2h-about-floating p {
    color: var(--k2h-text);
    font-size: 13px;
    margin: 0;
}

/* Mission Vision */
.k2h-mission-vision-section {
    padding: 25px 0;
    background: var(--k2h-light);
}

.k2h-mv-title {
    height: 100%;
    padding: 36px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.08);
}

.k2h-mv-title h2 {
    color: var(--k2h-navy);
    font-size: 40px;
    line-height: 1.15;
    font-weight: 900;
    margin-bottom: 18px;
}

.k2h-mv-title p {
    color: var(--k2h-text);
    font-size: 16px;
    line-height: 1.8;
}

.k2h-mv-card {
    height: 100%;
    padding: 38px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.08);
    box-shadow: 0 22px 70px rgba(7,26,52,.08);
}

.k2h-mv-card.dark {
    background: linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy));
}

.k2h-mv-card .icon {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-bottom: 28px;
}

.k2h-mv-card h3 {
    color: var(--k2h-navy);
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 15px;
}

.k2h-mv-card p,
.k2h-mv-card li {
    color: var(--k2h-text);
    font-size: 15.5px;
    line-height: 1.8;
}

.k2h-mv-card ul {
    margin: 20px 0 0;
    padding-left: 18px;
}

.k2h-mv-card.dark h3,
.k2h-mv-card.dark p,
.k2h-mv-card.dark li {
    color: #fff;
}

.k2h-mv-card.dark p,
.k2h-mv-card.dark li {
    color: rgba(255,255,255,.72);
}

/* Core Services */


/* Industries */


/* Why Choose */
.k2h-why-choose-section {
    padding: 110px 0;
    background: #fff;
}

.k2h-why-left h2 {
    color: var(--k2h-navy);
    font-size: 56px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: -1.8px;
    margin-bottom: 18px;
}

.k2h-why-left > p {
    color: var(--k2h-text);
    font-size: 17px;
    line-height: 1.8;
    max-width: 780px;
    margin-bottom: 42px;
}

.k2h-why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.k2h-why-card {
    padding: 28px 24px;
    border-radius: 24px;
    background: #fff;
    border: 2px solid #1f5599;
    box-shadow: 0 18px 55px rgba(7,26,52,.06);
    transition: all .35s ease;
}

.k2h-why-card:hover {
    transform: translateY(-7px);
    border-color: var(--k2h-orange);
}

.k2h-why-card h3 {
    color: #5f6b6d;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.k2h-why-card p {
    color: var(--k2h-text);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

.k2h-why-map-wrap {
    position: relative;
    min-height: 610px;
    border-radius: 38px;
    background: linear-gradient(135deg, #ffffff, #eef4fb);
    border: 1px solid rgba(7,26,52,.08);
    box-shadow: 0 28px 90px rgba(7,26,52,.10);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px;
}

.k2h-why-map-wrap img {
    width: 100%;
    max-width: 520px;
    animation: k2hMapFloat 5s ease-in-out infinite;
}

.k2h-why-map-wrap::before {
    content: "";
    position: absolute;
    inset: 30px;
    border-radius: 32px;
    background:
        linear-gradient(90deg, rgba(6,26,52,0.04) 1px, transparent 1px),
        linear-gradient(rgba(6,26,52,0.04) 1px, transparent 1px);
    background-size: 38px 38px;
    pointer-events: none;
}

.k2h-map-badge {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-radius: 50px;
    background: #fff;
    color: var(--k2h-navy);
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 14px 35px rgba(7,26,52,.12);
}

.k2h-map-badge span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--k2h-orange);
    box-shadow: 0 0 0 6px rgba(255,138,0,.16);
}

.badge-1 { left: 20%; top: 40%; }
.badge-2 { left: 10%; top: 22%; }
.badge-3 { right: 13%; top: 35%; }
.badge-4 { right: 10%; bottom: 24%; }

.k2h-map-stat {
    position: absolute;
    left: 32px;
    bottom: 32px;
    z-index: 4;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--k2h-navy), var(--k2h-blue));
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.k2h-map-stat strong {
    font-size: 42px;
    font-weight: 900;
    color: var(--k2h-gold);
    line-height: 1;
}

.k2h-map-stat small {
    max-width: 90px;
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
}

@keyframes k2hMapFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

/* Process */
.k2h-process-section {
    padding: 17px 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(255,138,0,.18), transparent 30%),
        radial-gradient(circle at 90% 80%, rgba(255,200,87,.12), transparent 30%),
        linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy) 58%, var(--k2h-blue));
}

.k2h-process-flow {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.k2h-process-step {
    text-align: center;
    color: #fff;
}

.k2h-process-step .circle {
    width: 150px;
    height: 150px;
    border: 10px solid #24559c;
    border-radius: 50%;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.85);
    font-size: 42px;
    background: rgba(255,255,255,.06);
    transition: all .35s ease;
}

.k2h-process-step:hover .circle {
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    transform: translateY(-8px);
}

.k2h-process-step h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.k2h-process-step p {
    color: rgba(255,255,255,.68);
    font-size: 13.5px;
    line-height: 1.6;
    margin: 0;
}

/* Global */
.k2h-global-section {
    padding: 110px 0;
    background: #fff;
}

.k2h-global-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
}

.k2h-country-card {
    padding: 28px 30px;
    border-radius: 18px;
    background: #24559c;
    color: #fff;
    box-shadow: 0 18px 55px rgba(36,85,156,.15);
}

.k2h-country-card span {
    display: inline-flex;
    color: #111;
    font-size: 15px;
    font-weight: 900;
    margin-right: 8px;
}

.k2h-country-card h3 {
    display: inline-flex;
    color: #fff;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-country-card p {
    color: rgba(255,255,255,.90);
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}




/* Responsive */
@media (max-width: 1199px) {
    .k2h-about-intro-content h2,
    .k2h-center-title h2,
    .k2h-left-title h2,
    .k2h-why-left h2 {
        font-size: 44px;
    }

    .k2h-process-flow {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
    }

    .k2h-why-grid,
    .k2h-service-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .k2h-about-intro-section,
    .k2h-mission-vision-section,
    .k2h-core-services-section,
    .k2h-industry-solutions-section,
    .k2h-why-choose-section,
    .k2h-process-section,
    .k2h-global-section,
    .k2h-case-study-section,
    .k2h-about-cta-section {
        padding: 20px 0;
    }

    .k2h-about-visual {
        min-height: 480px;
    }

    .k2h-why-map-wrap {
        min-height: 480px;
    }

    .k2h-global-grid {
        grid-template-columns: 1fr;
    }

    .k2h-about-cta-wrap {
        flex-direction: column;
        align-items: flex-start;
        padding: 45px 30px;
    }
}

@media (max-width: 576px) {
    .k2h-about-intro-content h2,
    .k2h-center-title h2,
    .k2h-left-title h2,
    .k2h-why-left h2 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .k2h-about-highlights {
        grid-template-columns: 1fr;
    }

    .k2h-about-visual {
        min-height: auto;
    }

    .k2h-about-visual .main-img {
        width: 100%;
        height: 330px;
        border-radius: 26px;
    }

    .k2h-about-visual .small-img {
        display: none;
    }

    .k2h-about-badge {
        width: 120px;
        height: 120px;
        left: 16px;
        top: 18px;
    }

    .k2h-about-floating {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 18px;
    }

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

    .k2h-process-step .circle {
        width: 130px;
        height: 130px;
    }

 
}

/* service css custom */
:root {
    --k2h-dark: #020815;
    --k2h-navy: #061a34;
    --k2h-blue: #082b57;
    --k2h-orange: #ff8a00;
    --k2h-gold: #ffc857;
    --k2h-text: #5d6677;
    --k2h-light: #f6f8fc;
}

.k2h-service-detail-page {
    background: #fff;
    overflow: hidden;
}

.k2h-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: all .8s cubic-bezier(.2,.8,.2,1);
}

.k2h-reveal.show {
    opacity: 1;
    transform: translateY(0);
}

.k2h-section-tag,
.k2h-service-label {
    display: inline-flex;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 138, 0, .12);
    border: 1px solid rgba(255, 138, 0, .28);
    color: var(--k2h-orange);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.k2h-section-tag.light {
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.16);
    color: var(--k2h-gold);
}

.k2h-main-btn,
.k2h-outline-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    padding: 16px 26px;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .35s ease;
}

.k2h-main-btn {
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    box-shadow: 0 18px 45px rgba(255, 138, 0, .25);
}

.k2h-main-btn:hover {
    color: var(--k2h-navy);
    transform: translateY(-4px);
}

.k2h-outline-btn {
    color: #fff;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.08);
}

.k2h-outline-btn:hover {
    color: #fff;
    transform: translateY(-4px);
}

/* Hero */
.k2h-service-hero {
    position: relative;
    padding: 155px 0 105px;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 138, 0, .20), transparent 30%),
        radial-gradient(circle at 85% 78%, rgba(255, 200, 87, .12), transparent 28%),
        linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy) 55%, var(--k2h-blue));
}

.k2h-service-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 24px;
    color: rgba(255,255,255,.65);
    font-size: 14px;
    font-weight: 800;
}

.k2h-service-breadcrumb a {
    color: rgba(255,255,255,.72);
    text-decoration: none;
}

.k2h-service-breadcrumb strong {
    color: var(--k2h-gold);
}

.k2h-service-hero-content h1 {
    color: #fff;
    font-size: 76px;
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -2.8px;
    margin-bottom: 24px;
}

.k2h-service-hero-content p {
    color: rgba(255,255,255,.74);
    font-size: 18px;
    line-height: 1.85;
    max-width: 820px;
    margin-bottom: 28px;
}

.k2h-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 34px;
}

.k2h-service-tags span {
    padding: 9px 14px;
    border-radius: 50px;
    color: rgba(255,255,255,.82);
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.k2h-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

/* Hero visual */
.k2h-service-hero-visual {
    position: relative;
    min-height: 560px;
}

.k2h-dashboard-card {
    position: relative;
    z-index: 2;
    padding: 28px;
    border-radius: 34px;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(18px);
    box-shadow: 0 34px 95px rgba(0,0,0,.28);
    animation: k2hFloat 5s ease-in-out infinite;
}

.k2h-dashboard-top {
    display: flex;
    gap: 8px;
    margin-bottom: 28px;
}

.k2h-dashboard-top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.28);
}

.k2h-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
}

.k2h-dashboard-header small {
    color: rgba(255,255,255,.55);
    font-size: 13px;
    font-weight: 800;
}

.k2h-dashboard-header h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    margin: 4px 0 0;
}

.k2h-dashboard-header strong {
    padding: 8px 12px;
    border-radius: 50px;
    background: rgba(28, 255, 148, .12);
    color: #4dffb3;
    font-size: 12px;
    font-weight: 900;
}

.k2h-dashboard-progress {
    margin-bottom: 20px;
}

.k2h-dashboard-progress div:first-child {
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,.80);
    font-size: 13px;
    font-weight: 900;
    margin-bottom: 8px;
}

.k2h-dashboard-progress .bar {
    height: 9px;
    border-radius: 50px;
    background: rgba(255,255,255,.10);
    overflow: hidden;
}

.k2h-dashboard-progress .bar span {
    display: block;
    height: 100%;
    border-radius: 50px;
    background: linear-gradient(90deg, var(--k2h-orange), var(--k2h-gold));
}

.k2h-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 28px;
}

.k2h-dashboard-grid div {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.12);
}

.k2h-dashboard-grid i {
    color: var(--k2h-gold);
    font-size: 25px;
    margin-bottom: 12px;
    display: inline-flex;
}

.k2h-dashboard-grid h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 5px;
}

.k2h-dashboard-grid p {
    color: rgba(255,255,255,.62);
    font-size: 13px;
    margin: 0;
}

.k2h-floating-card {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px;
    border-radius: 50px;
    background: #fff;
    color: var(--k2h-navy);
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 18px 55px rgba(0,0,0,.18);
}

.k2h-floating-card i {
    color: var(--k2h-orange);
    font-size: 22px;
}

.k2h-floating-card.one {
    left: -35px;
    top: 80px;
}

.k2h-floating-card.two {
    right: -20px;
    bottom: 95px;
}

@keyframes k2hFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-14px); }
}

/* Meta */
.k2h-service-meta-section {
    margin-top: -45px;
    position: relative;
    z-index: 4;
}

.k2h-service-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 28px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 80px rgba(7,26,52,.13);
}

.k2h-service-meta-grid div {
    padding: 28px;
    border-right: 1px solid rgba(7,26,52,.08);
}

.k2h-service-meta-grid div:last-child {
    border-right: 0;
}

.k2h-service-meta-grid span {
    color: var(--k2h-orange);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.k2h-service-meta-grid h3 {
    color: var(--k2h-navy);
    font-size: 21px;
    font-weight: 900;
    margin: 8px 0 0;
}

/* Overview */
.k2h-service-overview,
.k2h-tech-stack-section,
.k2h-service-faq-section {
    padding: 115px 0;
    background: #fff;
}

.k2h-overview-content h2,
.k2h-left-title h2,
.k2h-tech-content h2,
.k2h-faq-left h2 {
    color: var(--k2h-navy);
    font-size: 54px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}

.k2h-overview-content p,
.k2h-title-text,
.k2h-tech-content p,
.k2h-faq-left p {
    color: var(--k2h-text);
    font-size: 17px;
    line-height: 1.8;
}

.k2h-overview-points {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.k2h-overview-points div {
    display: flex;
    gap: 11px;
    color: var(--k2h-navy);
    font-size: 15px;
    font-weight: 800;
}

.k2h-overview-points i {
    color: var(--k2h-orange);
    font-size: 20px;
}

.k2h-overview-image {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    box-shadow: 0 28px 85px rgba(7,26,52,.14);
}

.k2h-overview-image img {
    width: 100%;
    height: 560px;
    object-fit: cover;
}

.k2h-image-note {
    position: absolute;
    left: 28px;
    bottom: 28px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 20px 55px rgba(255,138,0,.30);
}

.k2h-image-note strong {
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
}

.k2h-image-note span {
    max-width: 90px;
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

/* Modules */
.k2h-service-modules {
    padding: 115px 0;
    background: var(--k2h-light);
}

.k2h-module-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.k2h-module-card {
    position: relative;
    min-height: 310px;
    padding: 34px 30px;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.08);
    box-shadow: 0 22px 70px rgba(7,26,52,.07);
    overflow: hidden;
    transition: all .35s ease;
}

.k2h-module-card::before {
    content: attr(data-module);
    position: absolute;
    right: 22px;
    top: 18px;
    color: rgba(6,26,52,.06);
    font-size: 70px;
    font-weight: 900;
}

.k2h-module-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 32px 90px rgba(7,26,52,.13);
}

.k2h-module-card i {
    width: 72px;
    height: 72px;
    border-radius: 22px;
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    color: var(--k2h-navy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    margin-bottom: 28px;
}

.k2h-module-card h3 {
    color: var(--k2h-navy);
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 13px;
}

.k2h-module-card p {
    color: var(--k2h-text);
    font-size: 15.5px;
    line-height: 1.75;
    margin-bottom: 20px;
}

.k2h-module-card > span {
    color: var(--k2h-orange);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Process */
.k2h-service-process {
    padding: 115px 0;
    background:
        radial-gradient(circle at 12% 20%, rgba(255,138,0,.18), transparent 30%),
        radial-gradient(circle at 90% 82%, rgba(255,200,87,.12), transparent 30%),
        linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy) 58%, var(--k2h-blue));
}

.k2h-center-title {
    text-align: center;
}

.k2h-center-title h2 {
    color: var(--k2h-navy);
    font-size: 54px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.6px;
    margin-bottom: 18px;
}

.k2h-center-title.white h2 {
    color: #fff;
}

.k2h-center-title p {
    color: var(--k2h-text);
    font-size: 17px;
    line-height: 1.8;
}

.k2h-center-title.white p {
    color: rgba(255,255,255,.72);
}

.k2h-process-timeline {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 18px;
}

.k2h-process-item {
    position: relative;
    padding: 30px 24px;
    border-radius: 26px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    transition: all .35s ease;
}

.k2h-process-item:hover {
    transform: translateY(-8px);
    border-color: rgba(255,200,87,.45);
}

.k2h-process-item span {
    color: rgba(255,255,255,.16);
    font-size: 48px;
    font-weight: 900;
}

.k2h-process-item h3 {
    color: #fff;
    font-size: 21px;
    font-weight: 900;
    margin: 18px 0 12px;
}

.k2h-process-item p {
    color: rgba(255,255,255,.68);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}

/* Tech */
.k2h-tech-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 34px;
    border-radius: 30px;
    background: var(--k2h-light);
    border: 1px solid rgba(7,26,52,.08);
}

.k2h-tech-cloud span {
    padding: 14px 18px;
    border-radius: 50px;
    background: #fff;
    color: var(--k2h-navy);
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 35px rgba(7,26,52,.06);
    transition: all .35s ease;
}

.k2h-tech-cloud span:hover {
    background: linear-gradient(135deg, var(--k2h-orange), var(--k2h-gold));
    transform: translateY(-4px);
}

/* Deliverables */
.k2h-deliverables-section {
    padding: 115px 0;
    background: var(--k2h-light);
}

.k2h-deliverables-wrap {
    padding: 60px;
    border-radius: 38px;
    background:
        radial-gradient(circle at 85% 20%, rgba(255,138,0,.20), transparent 34%),
        linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy));
}

.k2h-deliverables-heading {
    max-width: 850px;
    margin-bottom: 42px;
}

.k2h-deliverables-heading h2 {
    color: #fff;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.5px;
}

.k2h-deliverables-heading p {
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.8;
}

.k2h-deliverables-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.k2h-deliverables-grid div {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.13);
    color: rgba(255,255,255,.86);
    font-size: 14px;
    font-weight: 900;
}

.k2h-deliverables-grid i {
    color: var(--k2h-gold);
    margin-right: 7px;
}

/* FAQ */
.k2h-faq-item {
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(7,26,52,.09);
    box-shadow: 0 16px 50px rgba(7,26,52,.06);
    margin-bottom: 16px;
    overflow: hidden;
}

.k2h-faq-item button {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 24px 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--k2h-navy);
    font-size: 18px;
    font-weight: 900;
    text-align: left;
}

.k2h-faq-item button i {
    transition: all .35s ease;
}

.k2h-faq-body {
    display: none;
    padding: 0 26px 24px;
    color: var(--k2h-text);
    font-size: 15.5px;
    line-height: 1.75;
}

.k2h-faq-item.active .k2h-faq-body {
    display: block;
}

.k2h-faq-item.active button i {
    transform: rotate(45deg);
    color: var(--k2h-orange);
}

/* CTA */
.k2h-service-cta-section {
    padding: 110px 0;
    background: #fff;
}

.k2h-service-cta-wrap {
    padding: 60px;
    border-radius: 38px;
    background:
        radial-gradient(circle at 90% 18%, rgba(255,200,87,.20), transparent 30%),
        linear-gradient(135deg, var(--k2h-dark), var(--k2h-navy));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}

.k2h-service-cta-wrap > div > span {
    color: var(--k2h-gold);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.k2h-service-cta-wrap h2 {
    color: #fff;
    font-size: 48px;
    line-height: 1.1;
    font-weight: 900;
    max-width: 760px;
    margin: 12px 0 14px;
}

.k2h-service-cta-wrap p {
    color: rgba(255,255,255,.72);
    font-size: 16.5px;
    line-height: 1.8;
    max-width: 760px;
    margin: 0;
}

/* Responsive */
@media (max-width: 1199px) {
    .k2h-service-hero-content h1 {
        font-size: 58px;
    }

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

    .k2h-process-timeline {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .k2h-service-meta-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 991px) {
    .k2h-service-hero {
        padding: 120px 0 80px;
    }

    .k2h-service-hero-content h1,
    .k2h-overview-content h2,
    .k2h-left-title h2,
    .k2h-center-title h2,
    .k2h-tech-content h2,
    .k2h-faq-left h2 {
        font-size: 40px;
        letter-spacing: -1px;
    }

    .k2h-service-hero-visual {
        min-height: auto;
    }

    .k2h-floating-card {
        display: none;
    }

    .k2h-service-meta-section {
        margin-top: 0;
        padding-top: 30px;
    }

    .k2h-service-overview,
    .k2h-service-modules,
    .k2h-service-process,
    .k2h-tech-stack-section,
    .k2h-deliverables-section,
    .k2h-service-faq-section,
    .k2h-service-cta-section {
        padding: 80px 0;
    }

    .k2h-service-cta-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .k2h-service-hero-content h1,
    .k2h-overview-content h2,
    .k2h-left-title h2,
    .k2h-center-title h2,
    .k2h-tech-content h2,
    .k2h-faq-left h2 {
        font-size: 31px;
    }

    .k2h-service-meta-grid,
    .k2h-module-grid,
    .k2h-process-timeline,
    .k2h-deliverables-grid {
        grid-template-columns: 1fr;
    }

    .k2h-dashboard-grid {
        grid-template-columns: 1fr;
    }

    .k2h-dashboard-card,
    .k2h-deliverables-wrap,
    .k2h-service-cta-wrap {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .k2h-overview-image img {
        height: 360px;
    }

    .k2h-image-note {
        width: 120px;
        height: 120px;
    }

    .k2h-service-cta-wrap h2,
    .k2h-deliverables-heading h2 {
        font-size: 30px;
    }
}

/* ================================
   K2H Tech Lab Section
================================ */

.k2h-tech-lab-section {
    position: relative;
    padding: 85px 0;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 138, 0, 0.12), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(255, 200, 87, 0.08), transparent 30%),
        linear-gradient(135deg, #020815 0%, #061a34 55%, #082b57 100%);
    overflow: hidden;
}

.k2h-tech-lab-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 42px 42px;
    pointer-events: none;
}

.k2h-tech-lab-content,
.k2h-tech-lab-visual {
    position: relative;
    z-index: 2;
}

.k2h-tech-lab-content h2 {
    color: #fff;
    font-size: 56px;
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -1.8px;
    margin-bottom: 20px;
}

.k2h-tech-lab-content p {
    color: rgba(255,255,255,.72);
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 28px;
}

.k2h-tech-lab-points {
    display: grid;
    gap: 14px;
}

.k2h-tech-lab-points div {
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255,255,255,.86);
    font-size: 15px;
    font-weight: 800;
}

.k2h-tech-lab-points i {
    color: #ffc857;
    font-size: 20px;
}

.k2h-tech-lab-visual {
    min-height: 430px;
    border-radius: 36px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(14px);
    overflow: hidden;
    box-shadow: 0 28px 85px rgba(0,0,0,.22);
}

.k2h-tech-orbit {
    position: relative;
    height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orbit-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px dashed rgba(255,255,255,.20);
}

.ring-one {
    width: 265px;
    height: 265px;
    animation: k2hOrbitRotate 18s linear infinite;
}

.ring-two {
    width: 390px;
    height: 390px;
    animation: k2hOrbitRotateReverse 26s linear infinite;
}

.orbit-center {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0 22px 65px rgba(255,138,0,.28);
    animation: k2hPulseGlow 2.6s ease-in-out infinite;
}

.orbit-center i {
    font-size: 38px;
    margin-bottom: 8px;
}

.orbit-center span {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

.orbit-dot {
    position: absolute;
    padding: 10px 15px;
    border-radius: 50px;
    background: #fff;
    color: #061a34;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 14px 38px rgba(0,0,0,.22);
    animation: k2hFloatTech 4s ease-in-out infinite;
}

.dot-1 { left: 16%; top: 22%; animation-delay: .1s; }
.dot-2 { right: 18%; top: 18%; animation-delay: .4s; }
.dot-3 { left: 10%; bottom: 28%; animation-delay: .7s; }
.dot-4 { right: 12%; bottom: 28%; animation-delay: 1s; }
.dot-5 { left: 44%; top: 7%; animation-delay: 1.3s; }
.dot-6 { left: 45%; bottom: 8%; animation-delay: 1.6s; }

.k2h-tech-marquee {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18px 0;
    border-top: 1px solid rgba(255,255,255,.12);
    background: rgba(2,8,21,.38);
    overflow: hidden;
}

.k2h-tech-marquee-track {
    display: flex;
    gap: 14px;
    width: max-content;
    animation: k2hTechMarquee 25s linear infinite;
}

.k2h-tech-marquee span {
    padding: 10px 16px;
    border-radius: 50px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.88);
    font-size: 13px;
    font-weight: 900;
    white-space: nowrap;
}

@keyframes k2hOrbitRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes k2hOrbitRotateReverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

@keyframes k2hFloatTech {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes k2hPulseGlow {
    0%, 100% { box-shadow: 0 22px 65px rgba(255,138,0,.28); }
    50% { box-shadow: 0 22px 85px rgba(255,200,87,.42); }
}

@keyframes k2hTechMarquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* Service page overall spacing compact */
.k2h-service-overview,
.k2h-service-modules,
.k2h-service-process,
.k2h-tech-stack-section,
.k2h-tech-lab-section,
.k2h-deliverables-section,
.k2h-service-faq-section,
.k2h-service-cta-section {
    padding-top: 34px !important;
    padding-bottom: 20px !important;
}

/* Bootstrap/template mb-120 gap kam */
.k2h-service-detail-page .mb-120 {
    margin-bottom: 70px !important;
}

.k2h-service-detail-page .mb-100 {
    margin-bottom: 60px !important;
}

.k2h-service-detail-page .mb-70 {
    margin-bottom: 45px !important;
}

.k2h-service-detail-page .mb-60 {
    margin-bottom: 40px !important;
}

/* Hero ke baad extra gap control */
.k2h-service-meta-section {
    margin-top: -35px !important;
}

/* Screenshot wali tech section agar old class me bachi hai */
.k2h-tech-stack-section {
    display: none !important;
}





/* industries css update */


/* privacy policy */
/* ================================
   K2H Simple Privacy Policy Page
================================ */

.k2h-simple-policy-page {
    background: #ffffff;
    overflow: hidden;
}

.k2h-simple-policy-section {
    padding: 90px 0;
    background: #ffffff;
}

/* Page Heading */
.k2h-simple-policy-head {
    max-width: 980px;
    margin-bottom: 52px;
}

.k2h-simple-policy-head h1 {
    color: #061a34;
    font-size: 54px;
    line-height: 1.1;
    font-weight: 900;
    letter-spacing: -1.5px;
    margin-bottom: 16px;
}

.k2h-simple-policy-head p {
    color: #5d6677;
    font-size: 18px;
    line-height: 1.75;
    margin-bottom: 12px;
}

.k2h-simple-policy-head span {
    display: inline-block;
    color: #ff8a00;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 800;
}

/* Content Wrapper */
.k2h-simple-policy-content {
    max-width: 1000px;
}

/* Each Policy Block */
.k2h-policy-item {
    padding: 30px 0;
    border-bottom: 1px solid rgba(7, 26, 52, 0.10);
}

.k2h-policy-item:first-child {
    border-top: 1px solid rgba(7, 26, 52, 0.10);
}

.k2h-policy-item h2 {
    color: #061a34;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 900;
    letter-spacing: -0.4px;
    margin-bottom: 14px;
}

.k2h-policy-item p {
    color: #5d6677;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 12px;
}

.k2h-policy-item p:last-child {
    margin-bottom: 0;
}

/* List Styling */
.k2h-policy-item ul {
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 10px;
}

.k2h-policy-item li {
    position: relative;
    padding-left: 28px;
    color: #5d6677;
    font-size: 16px;
    line-height: 1.7;
}

.k2h-policy-item li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: -1px;
    color: #ff8a00;
    font-size: 26px;
    line-height: 1;
    font-weight: 900;
}

/* Links */
.k2h-policy-item a {
    color: #ff8a00;
    font-weight: 800;
    text-decoration: none;
}

.k2h-policy-item a:hover {
    text-decoration: underline;
}

/* Strong Text */
.k2h-policy-item strong {
    color: #061a34;
    font-weight: 900;
}

/* Responsive */
@media (max-width: 991px) {
    .k2h-simple-policy-section {
        padding: 75px 0;
    }

    .k2h-simple-policy-head {
        margin-bottom: 42px;
    }

    .k2h-simple-policy-head h1 {
        font-size: 44px;
    }

    .k2h-simple-policy-head p {
        font-size: 17px;
    }

    .k2h-policy-item {
        padding: 28px 0;
    }

    .k2h-policy-item h2 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .k2h-simple-policy-section {
        padding: 60px 0;
    }

    .k2h-simple-policy-head {
        margin-bottom: 34px;
    }

    .k2h-simple-policy-head h1 {
        font-size: 36px;
        letter-spacing: -1px;
    }

    .k2h-simple-policy-head p {
        font-size: 16px;
        line-height: 1.7;
    }

    .k2h-policy-item {
        padding: 24px 0;
    }

    .k2h-policy-item h2 {
        font-size: 22px;
    }

    .k2h-policy-item p,
    .k2h-policy-item li {
        font-size: 15px;
        line-height: 1.75;
    }

    .k2h-policy-item li {
        padding-left: 24px;
    }

    .k2h-policy-item li::before {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .k2h-simple-policy-head h1 {
        font-size: 32px;
    }

    .k2h-policy-item h2 {
        font-size: 21px;
    }
}   


/* software page */
/* ================================
   K2H Industries Page
================================ */

.k2h-industries-page {
    background: #ffffff;
    overflow: hidden;
}

/* Hero */
.k2h-industries-hero {
    padding: 105px 0 85px;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 138, 0, 0.12), transparent 30%),
        linear-gradient(135deg, #020815 0%, #061a34 58%, #082b57 100%);
}

/* .k2h-industries-hero-content {
    max-width: 980px;
} */

.k2h-industries-hero .k2h-section-badge,
.k2h-inventory-features-head .k2h-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    color: #ffc857;
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.k2h-industries-hero .k2h-section-badge i,
.k2h-inventory-features-head .k2h-section-badge i {
    color: #ffc857;
}

.k2h-industries-hero h1 {
    color: #ffffff;
    font-size: 66px;
    line-height: 1.06;
    font-weight: 900;
    letter-spacing: -2.2px;
    margin-bottom: 22px;
}

.k2h-industries-hero p {
    color: rgba(255,255,255,0.76);
    font-size: 18px;
    line-height: 1.85;
    max-width: 850px;
    margin: 0;
}

/* Industries List */
.k2h-industries-list-section {
    padding: 20px 0;
    background: #f6f8fc;
}

.k2h-industries-page-head {
    max-width: 940px;
    margin-bottom: 52px;
}

.k2h-industries-page-head h2 {
    color: #061a34;
    font-size: 52px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.6px;
    margin-bottom: 16px;
}

.k2h-industries-page-head p {
    color: #5d6677;
    font-size: 17px;
    line-height: 1.85;
    margin: 0;
}

/* Grid */
.k2h-industries-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* Industry Card */
.k2h-industry-page-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 610px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7, 26, 52, 0.08);
    box-shadow: 0 18px 55px rgba(7, 26, 52, 0.07);
    overflow: hidden;
    transition: all 0.35s ease;
}

.k2h-industry-page-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 138, 0, 0.35);
    box-shadow: 0 26px 75px rgba(7, 26, 52, 0.12);
}

.k2h-industry-page-img {
    width: 100%;
    /* height: 245px; */
    height: auto !important;

    min-height: 245px;
    background: #061a34;
    overflow: hidden;
}

.k2h-industry-page-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.k2h-industry-page-card:hover .k2h-industry-page-img img {
    transform: scale(1.08);
}

.k2h-industry-page-content {
    padding: 28px 26px 26px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.k2h-industry-page-content > span {
    color: #ff8a00;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    margin-bottom: 10px;
}

.k2h-industry-page-content h3 {
    color: #061a34;
    font-size: 25px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
}

.k2h-industry-page-content p {
    color: #5d6677;
    font-size: 15.5px;
    line-height: 1.72;
    margin-bottom: 20px;
}

/* Modules */
.k2h-industry-modules {
    margin-bottom: 24px;
}

.k2h-industry-modules h4 {
    color: #061a34;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-industry-modules ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.k2h-industry-modules li {
    position: relative;
    padding-left: 22px;
    color: #5d6677;
    font-size: 13.5px;
    line-height: 1.45;
    font-weight: 700;
}

.k2h-industry-modules li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #ff8a00;
    font-weight: 900;
}

/* View More Button */
.k2h-industry-details-btn {
    margin-top: auto;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 18px;
    border-radius: 50px;
    background: #061a34;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.35s ease;
}

.k2h-industry-details-btn i {
    font-size: 14px;
}

.k2h-industry-details-btn:hover {
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    transform: translateY(-3px);
}

/* Features Section */
.k2h-inventory-features-section {
    padding: 95px 0;
    background: #ffffff;
}

.k2h-inventory-features-box {
    padding: 60px;
    border-radius: 36px;
    background:
        radial-gradient(circle at 85% 15%, rgba(255, 138, 0, 0.12), transparent 28%),
        linear-gradient(135deg, #020815 0%, #061a34 58%, #082b57 100%);
}

.k2h-inventory-features-head {
    max-width: 850px;
    margin-bottom: 42px;
}

.k2h-inventory-features-head h2 {
    color: #ffffff;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.4px;
    margin-bottom: 16px;
}

.k2h-inventory-features-head p {
    color: rgba(255,255,255,0.72);
    font-size: 17px;
    line-height: 1.8;
    margin: 0;
}

.k2h-feature-list-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.k2h-feature-list-item {
    padding: 28px;
    border-radius: 24px;
    background: rgba(255,255,255,0.09);
    border: 1px solid rgba(255,255,255,0.13);
}

.k2h-feature-list-item i {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.k2h-feature-list-item h3 {
    color: #ffffff;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 10px;
}

.k2h-feature-list-item p {
    color: rgba(255,255,255,0.72);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (max-width: 1199px) {
    .k2h-industries-hero h1 {
        font-size: 52px;
    }

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

    .k2h-feature-list-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .k2h-industry-page-card {
        min-height: 590px;
    }
}

@media (max-width: 991px) {
    .k2h-industries-hero {
        padding: 95px 0 70px;
    }

    .k2h-industries-list-section,
    .k2h-inventory-features-section {
        padding: 20px 0;
    }

    .k2h-industries-page-head h2,
    .k2h-inventory-features-head h2 {
        font-size: 40px;
    }

    .k2h-inventory-features-box {
        padding: 42px 30px;
        border-radius: 28px;
    }
}

@media (max-width: 767px) {
    .k2h-industries-hero h1 {
        font-size: 38px;
        letter-spacing: -1px;
    }

    .k2h-industries-hero p {
        font-size: 16px;
    }

    .k2h-industries-page-head h2,
    .k2h-inventory-features-head h2 {
        font-size: 32px;
    }

    .k2h-industries-grid {
        grid-template-columns: 1fr;
    }

    .k2h-industry-page-card {
        min-height: auto;
    }

    .k2h-industry-page-img {
        height: 230px;
        min-height: 230px;
    }

    .k2h-industry-page-content {
        padding: 25px 22px;
    }

    .k2h-industry-page-content h3 {
        font-size: 23px;
    }

    .k2h-industry-modules ul {
        grid-template-columns: 1fr;
    }

    .k2h-feature-list-grid {
        grid-template-columns: 1fr;
    }

    .k2h-inventory-features-box {
        padding: 34px 22px;
    }
}

@media (max-width: 480px) {
    .k2h-industries-hero h1 {
        font-size: 34px;
    }

    .k2h-industries-page-head h2,
    .k2h-inventory-features-head h2 {
        font-size: 29px;
    }
}
/* web app  */
/* ================================
   K2H Web Application Development Page
================================ */

.k2h-webapp-page {
    background: #ffffff;
    overflow: hidden;
}

.k2h-section-badge {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 138, 0, 0.10);
    border: 1px solid rgba(255, 138, 0, 0.25);
    color: #ff8a00;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.k2h-section-badge i {
    color: #ff8a00;
}

.k2h-small-title {
    display: inline-block;
    color: #ff8a00;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

/* Hero */
.k2h-service-hero-section {
    position: relative;
    padding: 115px 0 110px;
    background:
        radial-gradient(circle at 12% 25%, rgba(255, 138, 0, 0.14), transparent 30%),
        radial-gradient(circle at 90% 75%, rgba(255, 200, 87, 0.09), transparent 28%),
        linear-gradient(135deg, #020815 0%, #061a34 56%, #082b57 100%);
    overflow: hidden;
}

.k2h-service-hero-section::before {
    content: "";
    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: 46px 46px;
    pointer-events: none;
}

.k2h-service-hero-section .container {
    position: relative;
    z-index: 2;
}

.k2h-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    color: rgba(255,255,255,0.78);
    font-size: 14px;
    font-weight: 900;
}

.k2h-breadcrumb a {
    color: rgba(255,255,255,0.78);
    text-decoration: none;
}

.k2h-breadcrumb a:hover,
.k2h-breadcrumb strong {
    color: #ffc857;
}

.k2h-service-badge {
    display: inline-flex;
    align-items: center;
    padding: 13px 22px;
    border-radius: 50px;
    background: rgba(255, 138, 0, 0.12);
    border: 1px solid rgba(255, 138, 0, 0.35);
    color: #ff8a00;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    margin-bottom: 28px;
}

.k2h-service-hero-content h1 {
    color: #ffffff;
    font-size: 78px;
    line-height: 1.02;
    font-weight: 900;
    letter-spacing: -3px;
    margin-bottom: 28px;
}

.k2h-service-hero-content p {
    color: rgba(255,255,255,0.76);
    font-size: 18px;
    line-height: 1.85;
    max-width: 820px;
    margin-bottom: 30px;
}

.k2h-service-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 38px;
}

.k2h-service-tags span {
    padding: 11px 18px;
    border-radius: 50px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.13);
    color: rgba(255,255,255,0.88);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.k2h-service-hero-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.k2h-main-btn,
.k2h-outline-btn,
.k2h-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 16px 26px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.35s ease;
}

.k2h-main-btn,
.k2h-cta-btn {
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
}

.k2h-outline-btn {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.18);
    color: #ffffff;
}

.k2h-main-btn:hover,
.k2h-outline-btn:hover,
.k2h-cta-btn:hover {
    transform: translateY(-3px);
}

.k2h-outline-btn:hover {
    background: #ffffff;
    color: #061a34;
}

/* Hero Dashboard */
.k2h-service-dashboard-card {
    position: relative;
    padding: 30px;
    border-radius: 36px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    box-shadow: 0 35px 100px rgba(0,0,0,0.28);
    backdrop-filter: blur(14px);
    min-height: 590px;
}

.k2h-dash-top {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 34px;
}

.k2h-dash-top span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
}

.k2h-dash-top strong {
    margin-left: auto;
    color: rgba(255,255,255,0.72);
    font-size: 13px;
    font-weight: 900;
}

.k2h-dash-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.k2h-dash-status small {
    color: rgba(255,255,255,0.55);
    font-weight: 900;
    text-transform: uppercase;
}

.k2h-dash-status h3 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 900;
    margin: 8px 0 0;
}

.k2h-dash-status b {
    padding: 12px 18px;
    border-radius: 50px;
    background: rgba(26, 188, 156, 0.18);
    color: #27e6b4;
    font-size: 12px;
    font-weight: 900;
}

.k2h-progress-list {
    display: grid;
    gap: 26px;
    margin-bottom: 34px;
}

.k2h-progress-list label {
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,0.84);
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 10px;
}

.k2h-progress-list label strong {
    color: #ffffff;
}

.k2h-progress-list em {
    display: block;
    height: 9px;
    border-radius: 50px;
    background: rgba(255,255,255,0.12);
    overflow: hidden;
}

.k2h-progress-list em i {
    display: block;
    height: 100%;
    border-radius: 50px;
    background: linear-gradient(90deg, #ff8a00, #ffc857);
}

.k2h-dash-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.k2h-dash-grid div {
    padding: 24px;
    border-radius: 22px;
    background: rgba(255,255,255,0.09);
    border: 1px solid rgba(255,255,255,0.13);
}

.k2h-dash-grid i {
    color: #ffc857;
    font-size: 28px;
    margin-bottom: 18px;
    display: block;
}

.k2h-dash-grid h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 8px;
}

.k2h-dash-grid p {
    color: rgba(255,255,255,0.60);
    margin: 0;
    font-size: 14px;
}

.k2h-floating-chip {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 22px;
    border-radius: 50px;
    background: #ffffff;
    color: #061a34;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 22px 60px rgba(0,0,0,0.20);
}

.k2h-floating-chip i {
    color: #ff8a00;
    font-size: 22px;
}

.k2h-chip-one {
    left: -46px;
    top: 120px;
}

.k2h-chip-two {
    right: -36px;
    bottom: 95px;
}

/* Overview */
.k2h-webapp-overview-section,
.k2h-webapp-modules-section,
.k2h-webapp-tech-section,
.k2h-webapp-cta-section {
    padding: 14px 0;
    background: #ffffff;
}

.k2h-premium-service-visual {
    position: relative;
    padding: 16px;
    border-radius: 36px;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 138, 0, 0.16), transparent 35%),
        linear-gradient(135deg, #020815 0%, #061a34 100%);
    box-shadow: 0 30px 90px rgba(7, 26, 52, 0.18);
}

.k2h-visual-window {
    overflow: hidden;
    border-radius: 28px;
    background: #ffffff;
}

.k2h-visual-header {
    height: 68px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 24px;
    background: #061a34;
}

.k2h-visual-header span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff8a00;
}

.k2h-visual-header span:nth-child(2) {
    background: #ffc857;
}

.k2h-visual-header span:nth-child(3) {
    background: rgba(255,255,255,0.35);
}

.k2h-visual-header b {
    margin-left: auto;
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    font-weight: 900;
}

.k2h-visual-body {
    display: grid;
    grid-template-columns: 96px 1fr;
    min-height: 480px;
}

.k2h-visual-sidebar {
    padding: 24px 18px;
    background: #f6f8fc;
    display: grid;
    align-content: start;
    gap: 14px;
}

.k2h-visual-sidebar span {
    height: 42px;
    border-radius: 14px;
    background: #e9eef6;
}

.k2h-visual-sidebar span.active {
    background: linear-gradient(135deg, #ff8a00, #ffc857);
}

.k2h-visual-main {
    padding: 28px;
}

.k2h-visual-title {
    width: 55%;
    height: 32px;
    border-radius: 12px;
    background: #061a34;
    margin-bottom: 22px;
}

.k2h-visual-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 24px;
}

.k2h-visual-cards div {
    padding: 18px;
    border-radius: 18px;
    background: #f6f8fc;
    border: 1px solid rgba(7,26,52,0.08);
}

.k2h-visual-cards small {
    display: block;
    color: #5d6677;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 8px;
}

.k2h-visual-cards strong {
    color: #061a34;
    font-size: 22px;
    font-weight: 900;
}

.k2h-visual-chart {
    height: 180px;
    display: flex;
    align-items: flex-end;
    gap: 13px;
    padding: 22px;
    border-radius: 22px;
    background: #f6f8fc;
    margin-bottom: 24px;
}

.k2h-visual-chart span {
    flex: 1;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(180deg, #ff8a00, #ffc857);
}

.k2h-visual-table {
    display: grid;
    gap: 12px;
}

.k2h-visual-table p {
    height: 18px;
    border-radius: 50px;
    background: #eef2f7;
    margin: 0;
}

.k2h-visual-table p:nth-child(1) {
    width: 88%;
}

.k2h-visual-table p:nth-child(2) {
    width: 72%;
}

.k2h-visual-table p:nth-child(3) {
    width: 94%;
}

.k2h-webapp-overview-content h2,
.k2h-webapp-modules-head h2,
.k2h-webapp-tech-left h2 {
    color: #061a34;
    font-size: 48px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.5px;
    margin-bottom: 18px;
}

.k2h-webapp-overview-content p,
.k2h-webapp-modules-head p,
.k2h-webapp-tech-left p {
    color: #5d6677;
    font-size: 16.5px;
    line-height: 1.85;
    margin-bottom: 16px;
}

.k2h-overview-list {
    display: grid;
    gap: 14px;
    margin-top: 26px;
}

.k2h-overview-list div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.k2h-overview-list i {
    color: #ff8a00;
    font-size: 21px;
    margin-top: 3px;
}

.k2h-overview-list span {
    color: #061a34;
    font-size: 15.5px;
    font-weight: 900;
}

/* Common Section Head */
.k2h-webapp-section-head {
    max-width: 940px;
    margin-bottom: 52px;
}

.k2h-webapp-section-head h2 {
    color: #061a34;
    font-size: 52px;
    line-height: 1.07;
    font-weight: 900;
    letter-spacing: -1.8px;
    margin-bottom: 16px;
}

.k2h-webapp-section-head p {
    color: #5d6677;
    font-size: 17px;
    line-height: 1.85;
    margin: 0;
}

/* Features */
.k2h-webapp-features-section,
.k2h-webapp-process-section {
    padding: 16px 0;
    background: #f6f8fc;
}

.k2h-webapp-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.k2h-webapp-feature-card {
    padding: 30px 24px;
    border-radius: 26px;
    background: #ffffff;
    border: 1px solid rgba(7, 26, 52, 0.08);
    box-shadow: 0 16px 50px rgba(7, 26, 52, 0.06);
    transition: all 0.35s ease;
}

.k2h-webapp-feature-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 138, 0, 0.35);
    box-shadow: 0 24px 70px rgba(7, 26, 52, 0.11);
}

.k2h-webapp-feature-card i {
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    margin-bottom: 22px;
}

.k2h-webapp-feature-card h3 {
    color: #061a34;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-webapp-feature-card p {
    color: #5d6677;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Modules */
.k2h-webapp-modules-head {
    max-width: 980px;
    margin-bottom: 52px;
}

.k2h-webapp-modules-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.k2h-webapp-module-item {
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 22px;
    align-items: flex-start;
    padding: 30px;
    border-radius: 28px;
    background: #f6f8fc;
    border: 1px solid rgba(7, 26, 52, 0.08);
    box-shadow: 0 14px 45px rgba(7, 26, 52, 0.05);
    transition: all 0.35s ease;
}

.k2h-webapp-module-item:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 138, 0, 0.35);
    box-shadow: 0 24px 70px rgba(7, 26, 52, 0.10);
}

.k2h-webapp-module-item > span {
    width: 64px;
    height: 64px;
    border-radius: 20px;
    background: #061a34;
    color: #ffc857;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

.k2h-webapp-module-item h3 {
    color: #061a34;
    font-size: 25px;
    line-height: 1.25;
    font-weight: 900;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.k2h-webapp-module-item p {
    color: #5d6677;
    font-size: 15.5px;
    line-height: 1.75;
    margin: 0;
}

/* Solutions */
.k2h-webapp-solutions-section {
    padding: 16px 0;
    background: #f6f8fc;
}

.k2h-webapp-solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.k2h-solution-card {
    padding: 32px 28px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7, 26, 52, 0.08);
    box-shadow: 0 16px 50px rgba(7, 26, 52, 0.06);
    transition: all 0.35s ease;
}

.k2h-solution-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 138, 0, 0.35);
    box-shadow: 0 24px 70px rgba(7, 26, 52, 0.11);
}

.k2h-solution-card h3 {
    color: #061a34;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-solution-card p {
    color: #5d6677;
    font-size: 15.5px;
    line-height: 1.75;
    margin: 0;
}

/* Process */
.k2h-webapp-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.k2h-webapp-process-card {
    padding: 32px 26px;
    border-radius: 28px;
    background: #ffffff;
    border: 1px solid rgba(7, 26, 52, 0.08);
    box-shadow: 0 18px 55px rgba(7, 26, 52, 0.06);
}

.k2h-webapp-process-card span {
    display: inline-flex;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff8a00, #ffc857);
    color: #061a34;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 900;
    margin-bottom: 24px;
}

.k2h-webapp-process-card h3 {
    color: #061a34;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 12px;
}

.k2h-webapp-process-card p {
    color: #5d6677;
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Tech */
.k2h-tech-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.k2h-tech-tags span {
    display: inline-flex;
    padding: 14px 18px;
    border-radius: 50px;
    background: #f6f8fc;
    border: 1px solid rgba(7, 26, 52, 0.08);
    color: #061a34;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 10px 30px rgba(7, 26, 52, 0.05);
}

/* CTA */
.k2h-webapp-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 58px;
    border-radius: 36px;
    background:
        radial-gradient(circle at 85% 20%, rgba(255, 138, 0, 0.18), transparent 30%),
        linear-gradient(135deg, #020815 0%, #061a34 58%, #082b57 100%);
}

.k2h-webapp-cta-box span {
    display: block;
    color: #ffc857;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.k2h-webapp-cta-box h2 {
    color: #ffffff;
    font-size: 44px;
    line-height: 1.08;
    font-weight: 900;
    letter-spacing: -1.3px;
    margin-bottom: 14px;
}

.k2h-webapp-cta-box p {
    color: rgba(255,255,255,0.72);
    font-size: 16.5px;
    line-height: 1.75;
    margin: 0;
    max-width: 760px;
}

/* Responsive */
@media (max-width: 1199px) {
    .k2h-service-hero-content h1 {
        font-size: 60px;
    }

    .k2h-service-dashboard-card {
        min-height: auto;
    }

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

    .k2h-webapp-solutions-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .k2h-webapp-overview-content h2,
    .k2h-webapp-modules-head h2,
    .k2h-webapp-tech-left h2,
    .k2h-webapp-section-head h2 {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .k2h-service-hero-section,
    .k2h-webapp-overview-section,
    .k2h-webapp-features-section,
    .k2h-webapp-modules-section,
    .k2h-webapp-solutions-section,
    .k2h-webapp-process-section,
    .k2h-webapp-tech-section,
    .k2h-webapp-cta-section {
        padding: 16px 0;
    }

    .k2h-service-hero-content h1 {
        font-size: 46px;
        letter-spacing: -1.4px;
    }

    .k2h-chip-one,
    .k2h-chip-two {
        position: static;
        margin-top: 18px;
        margin-right: 10px;
    }

    .k2h-webapp-cta-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 42px 30px;
    }

    .k2h-webapp-cta-box h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .k2h-service-hero-content h1 {
        font-size: 36px;
    }

    .k2h-service-hero-content p {
        font-size: 16px;
    }

    .k2h-dash-grid,
    .k2h-webapp-features-grid,
    .k2h-webapp-modules-grid,
    .k2h-webapp-solutions-grid,
    .k2h-webapp-process-grid {
        grid-template-columns: 1fr;
    }

    .k2h-webapp-overview-content h2,
    .k2h-webapp-modules-head h2,
    .k2h-webapp-tech-left h2,
    .k2h-webapp-section-head h2 {
        font-size: 32px;
        letter-spacing: -1px;
    }

    .k2h-visual-body {
        grid-template-columns: 1fr;
    }

    .k2h-visual-sidebar {
        display: none;
    }

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

    .k2h-webapp-module-item {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 26px 22px;
    }

    .k2h-main-btn,
    .k2h-outline-btn,
    .k2h-cta-btn {
        width: 100%;
    }

    .k2h-webapp-cta-box h2 {
        font-size: 30px;
    }
}

@media (max-width: 480px) {
    .k2h-service-hero-content h1 {
        font-size: 32px;
    }

    .k2h-service-dashboard-card {
        padding: 22px;
    }

    .k2h-dash-status {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
    }

    .k2h-visual-main {
        padding: 20px;
    }
}

.k2h-service-image-box{
    position: relative;
    width: 100%;
    height: 560px;
    border-radius: 28px;
    overflow: hidden;
    background: #0d1b33;
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
}

.k2h-service-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.k2h-service-image-box:hover img{
    transform:scale(1.05);
}

@media(max-width:991px){
    .k2h-service-image-box{
        height:420px;
        margin-bottom:40px;
    }
}

.k2h-image-overlay{
    position:absolute;
    left:25px;
    bottom:25px;
    color:#fff;
    z-index:2;
}

.k2h-image-overlay span{
    display:inline-block;
    background:#ff9d00;
    color:#111;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:700;
    margin-bottom:12px;
}

.k2h-image-overlay h4{
    font-size:30px;
    font-weight:800;
    line-height:1.3;
    margin:0;
}

.k2h-service-image-box::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.65),
        rgba(0,0,0,.05));
}



/* whatsapp btn  */
.primary-btn1.whatsapp-btn {
    background: #25d366 !important;
    border-color: #25d366 !important;
    color: #ffffff !important;
}

.primary-btn1.whatsapp-btn span {
    color: #ffffff !important;
}

.primary-btn1.whatsapp-btn svg {
    stroke: #ffffff !important;
}

.primary-btn1.whatsapp-btn:hover {
    background: #128c7e !important;
    border-color: #128c7e !important;
    color: #ffffff !important;
}

/* socail media */
#fixed-social {
  position: fixed;
  top: 260px;
  z-index: 99;
  right: 0;
}

#fixed-social a {
  color: #fff;
  display: block;
  height: 40px;
  position: relative;
  text-align: center;
  line-height: 40px;
  width: 40px;
  margin-bottom: 1px;
  z-index: 2;
}
#fixed-social a:hover > span {
  visibility: visible;
  left: -122px;
  opacity: 1;
}
#fixed-social a span {
  line-height: 40px;
  left: 60px;
  position: absolute;
  text-align: center;
  width: 120px;
  visibility: hidden;
  transition-duration: 0.5s;
  z-index: 1;
  opacity: 0;
}
.fixed-facebook {
  background-color: #4267b2;
}
.fixed-facebook span {
  background-color: #4267b2;
}
.fixed-twitter {
  background-color: #1df25d;
}
.fixed-twitter span {
  background-color: #1df25d;
}
.fixed-gplus {
  background-color: #00af54;
}
.fixed-gplus span {
  background-color: #00af54;
}
.fixed-linkedin {
  background-color: #0e76a8;
}
.fixed-linkedin span {
  background-color: #0e76a8;
}

.fixed-instagrem span {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  display: inline-block; /* Ye zaroori hai gradient support ke liye */
}

.fixed-instagrem {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}


.fixed-tumblr {
  background-color: #34526f;
}
.fixed-tumblr span {
  background-color: #34526f;
}

/*--------------------------------------------------------------
# End All Css
--------------------------------------------------------------*/


/* ==========================================
   FIX: Equal Height & Uniform Testimonial Cards
=========================================== */

/* 1. Swiper slider ke sabhi slides ko barabar height me force karna */
.home1-testimonial-slider .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
}

.home1-testimonial-slider .swiper-slide {
    height: auto !important; /* Stretch hoke sabhi slides equal height lenge */
    display: flex !important;
}

/* 2. Testimonial Card ko Flexbox banana taaki content sahi se distribute ho */
.k2h-premium-testimonial-card {
    width: 100% !important;
    height: 100% !important;
    min-height: 320px !important; /* Ek standard minimum height set kar di */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 30px !important;
    box-sizing: border-box !important;
}

/* 3. Top Section (Photo, Name, Rating) ko upar lock karna */
.k2h-card-top, 
.k2h-rating-row {
    flex-shrink: 0 !important;
}

/* 4. Review Text <p> ko expand karna taaki wo beech ka saara khali space fill kar le */
.k2h-premium-testimonial-card p {
    flex-grow: 1 !important; /* Ye magic property hai jo khali space cover karti hai */
    margin: 15px 0 20px 0 !important;
    display: flex !important;
    align-items: flex-start !important; /* Text hamesha upar se shuru hoga */
    line-height: 1.6 !important;
}

/* 5. Footer ko hamesha card ke ekdum bottom me fix karna */
.k2h-card-footer {
    margin-top: auto !important; /* Footer ko force karke neeche bhejega */
    padding-top: 15px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important; /* Ek clean subtle line */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    flex-shrink: 0 !important;
}