/* ===== Pretendard 강제 적용 ===== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

html,
body,
body *,
input,
textarea,
select,
button,
table,
th,
td {
    font-family:
            'Pretendard',
            'Apple SD Gothic Neo',
            'Noto Sans KR',
            'Malgun Gothic',
            sans-serif !important;
}
body{margin:0;}
div{margin:0;}
p{margin: 0;}
h2{margin: 0;}
h1{margin: 0;}
a{
    text-decoration: none;
    color:#000;
}
ul{margin:0; padding:0;}
li{list-style: none;}
.middle_title{background:url(/home/img/b2b_member_02.png)no-repeat;width: 100%;height: 428px; margin:0 auto;}
.top_title{text-align: left;color: #fff;background:url(/home/img/jeheu_banner.png) no-repeat;width: 100%;height: 450px;margin:0 auto; max-width:1920px;}
.top_title h2{padding: 120px 0px 20px 320px;font-size: 30px;font-family: 'paybooc-Bold';}
.top_title h1{padding: 0px 0px 20px 320px;font-size: 45px;font-weight: 500;font-family: 'paybooc-Bold';}
.top_title h1 b{font-weight: 600;}
.top_title .number {margin: 0px 0px 0px 320px;font-size: 26px;border: 1px solid #fff;width: 200px;text-align: center;padding: 20px 10px;line-height: 11px;border-radius: 26px;}
.top_title .time{padding: 10px 0px 20px 320px;}
.fourstep{max-width: 1600px;margin:0 auto;width: 1400px;position: relative;top: 50px;}
.fourstep ul li p.btn{
    color: #fff;
    background: dimgrey;
    width: 150px;
    padding: 7px 0px;
    border-radius: 10px;
    margin: 10px auto;
}
.fourstep ul li h2{font-family: 'paybooc-Bold';}
.fourstep ul li:hover p.btn{background: #2196f3;}
.fourstep ul li:hover h2{color: #2196f3;}
.fourstep ul{display:flex;flex-wrap:nowrap;position: relative;top: 25px;}
.fourstep ul li{flex:1;text-align: center;background: #fff;margin: 6px;height: 231px;box-shadow: 2px 3px 5px #000000;border-radius: 24px;border: 2px solid #eee;}
.main_wrap{max-width: 1600px;width:100%;padding: 10px;margin: 40px auto;}
.main_wrap a{display: block;text-align: center;background:#2196f3;width: 500px;padding: 10px;margin: 0 auto;color: #fff;border-radius: 4px;font-size: 22px;}
.top_header ul{display:flex;flex-wrap:nowrap;width: 1000px;margin: 0 auto;text-align: right;padding: 10px;float: right;}
.top_header ul li{flex:1;text-align: left;}
.top_header ul li a{color:#fff;padding: 7px 0px;font-size: 18px;line-height: 33px;}
.fourstep ul li:hover{border:2px solid #2196f3}
.top_header ul li a.on{color:yellow; border-bottom: 2px solid yellow;}
.top_header ul li a:hover{color:yellow; border-bottom: 2px solid yellow;}
.top_header ul li:nth-child(2){flex:0 0 25%}
.top_header ul li:nth-child(3){flex:0 0 15%}
.top_header{background:#000;padding:10px;height: 45px;}
.member_btn{margin: 5px auto 0px !important;}
.mobile_btn{display: none;}
.ttbanner {
    font-size: 20px;
}
.fbanner{width:100%; max-width:1200px;  margin:0 auto; text-align: center;}
.fbanner ul{display:flex;flex-wrap:wrap;justify-content: center;}
.fbanner ul li{flex:1;text-align: center;width: 16.6%;padding: 0px;margin: 0px;}

.last_tt{display: none;}
.fbanner_step{width:100%; max-width:1200px;  margin:0 auto;}
.fbanner_step ul{display:flex; flex-wrap:wrap}
.fbanner_step ul li{flex:1;text-align: center;border: 2px solid;margin: 5px;padding: 0px 10px 10px;border-radius: 10px;border-color: #2196f3;font-weight: 600;font-size: 20px;background: #ffffff;color: #2196f3;}
.fbanner_step ul li .step{
    position: relative;
    background: #ffffff;
    padding: 3px 12px;
    color: #2196f3;
    border-radius: 50%;
    font-size: 25px;
    font-weight: 600;
    top: -16px;
    border: 3px solid #fff;
}
.fbanner_step ul li:hover{border-color: red; color:red;}
.fbanner_step ul li:hover .step{color:red;}
.fbanner_step ul li img{width:100px; height:100px; padding: 10px 0px;}
.fbanner_step h1{text-align: center; padding:60px 0px 30px;}
.fbanner h1{text-align: center;padding: 57px 0px 30px;}
.fbanner p{text-align: center;}
.fbanner .pageing{width:100%; max-width:1050px;}
.fbanner.longbanner{background: #f3f4f9; max-width: 1920px;}
.fbanner.longbanner::after{width: 50%; background: red}
.mobile_img{display: none;}
/* ì±—ë´‡ */
.chatbot_wrap{position:fixed; z-index:11; left:10px; bottom:10px;}
.chatbot_xmark{display:none}
.chatbot_iframe_wrap{display:none;position:absolute;width:min(500px, 50vw);height:min(600px, 80dvh);bottom:0;left:0}
.chatbot_wrap.active > .chatbot_iframe_wrap{display:block}
/* 챗봇 이미지 */
.chatbot_icon_btn{position:fixed;left:1%;bottom:6px;background-image:url(/home/img/chatbot_icon_pc.png);width:150px;height:150px;background-size:cover;cursor:pointer;}
.chatbot_icon_btn.active{bottom:20px;background-image:url(/home/img/chabot_mini.png);width:50px;height:50px;}
.chatbot_iframe_wrap .chatbot_icon_xmark{width:18px; position:absolute; display:flex; margin-top:7px; right:11px; opacity:0; cursor:pointer;}
@media screen and (max-width:1764px) {
    .imgicon{display:none}
    .top_title h2{padding: 120px 0px 20px 0px;font-size: 30px;font-family: 'paybooc-Bold'; text-align: center;}
    .top_title h1{padding: 0px 0px 20px 0px;font-size: 4vw;font-weight: 500;font-family: 'paybooc-Bold';text-align: center;}
    .top_title h1 b{font-weight: 600;}
    .top_title .number {
        margin: 0 auto;
        font-size: 26px;
        border: 1px solid #fff;
        width: 200px;
        text-align: center;
        padding: 20px 10px;
        line-height: 11px;
        border-radius: 26px;
    }
    .top_title .time{padding: 10px; text-align: center;}
    .top_title{width:100% !important; max-width:100%;}
    .ttbanner{width:80% !important;}
    .middle_title{width:100% !important;height: 429px;}
    .fourstep{max-width: 1764px;margin:0 auto;width: 100%;position: relative;top: 50px;}
    .fourstep ul li h2{font-family: 'paybooc-Bold';}
    .fourstep ul li:hover p.btn{background: #2196f3;}
    .fourstep ul li:hover h2{color: #2196f3;}
    .fourstep ul{display:flex;flex-wrap:wrap;position: relative;top: 25px;}
    .fourstep ul li{flex: 0 0 23%;text-align: center;background: #fff;margin: 6px;height: 231px;box-shadow: 2px 3px 5px #000000;border-radius: 24px;border: 2px solid #eee;}
    .fbanner{width:100%; max-width:100%;  margin:0 auto;}
    .fbanner .pageing{width:90%; max-width:100%; padding:5px}
    .fbanner.longbanner{background: #e0f7ff; max-width: 100%;}

}
@media screen and (max-width:964px) {
    .chatbot_iframe_wrap{display:none;position:absolute;width:min(500px, 95vw);height:min(600px, 80dvh);bottom:0;left:0}
    /* 챗봇 이미지 */
    .chatbot_icon_btn{position:fixed;left:3%;bottom:55px;background-image:url(/home/img/chatbot_icon_pc.png);width:100px;height:100px;background-size:cover;cursor:pointer;}
    .chatbot_icon_btn.active{left:6%;bottom:55px;background-image:url(/home/img/chabot_mini.png);width:50px;height:50px;}
    .chatbot_iframe_wrap .chatbot_icon_xmark{width:18px; position:absolute; display:flex; margin-top:7px; right:11px; opacity:0; cursor:pointer;}
    .top_header ul{display:flex;flex-wrap:nowrap;width:100%;margin: 0 auto;text-align: center;padding: 10px;}
    .top_header ul li:nth-child(1){display: none;}
    .top_header ul li a.on{color:yellow; border-bottom: 2px solid yellow;}
    .top_header ul li a:hover{color:yellow; border-bottom: 2px solid yellow;}
    .top_header ul li:nth-child(2){flex:1}
    .top_header ul li:nth-child(3){flex:1}
    .top_header ul li{flex:1;text-align: center;}
    .top_header{background:#000;padding:10px;height: 45px;}
    .ttbanner{font-size:2vw}
}


@media screen and (max-width:1340px) {
    .fbanner ul li {
        flex: 0 0 33.33%;
        text-align: center;
        width: 33.33%;
        padding: 0px;
        margin: 0px;
    }
    .middle_title{width:100% !important;height: 100%;}
    .mobile_img{display: block;}
    .member_btn{display: none;}
    .mobile_btn{display: block;}
    .mobile_btn a {
        display: block;
        text-align: center;
        background: #2196f3;
        width: 190px;
        padding: 11px;
        margin: 0 auto;
        position: relative;
        top: 19px;
        color: #fff;
        border-radius: 5px;
        font-size: 20px;
    }
    .fourstep{max-width: 100%;margin:0 auto;width: 100%;position: relative;top: 50px;}
    .fourstep ul li{flex: 0 0 46%;text-align: center;background: #fff;margin: 6px;height: 231px;box-shadow: 2px 3px 5px #d6d4d4;border-radius: 24px;border: 2px solid #eee;}
    .top_title h1 {
        padding: 0px 0px 20px 0px;
        font-size: 5vw;
        font-weight: 500;
        font-family: 'paybooc-Bold';
        text-align: center;
    }
}
@media screen and (max-width:730px) {
    body {
        background: #ffffff;
    }
    .fbanner_step_{}
    .fbanner ul li {
        flex: 0 0 27%;
        text-align: center;
    }
    .fbanner_step ul li{font-size:3vw;}
    .fbanner ul li img{width:100%;}
    .fbanner h1{font-size:7vw;}
    .fbanner_step h1{font-size:7vw;}
    .top_title h2 {
        padding: 55px 0px 20px 0px;
        font-size: 5vw;
        font-family: 'paybooc-Bold';
        text-align: center;
    }
    .top_header ul li a.on {
        color: yellow;
        border-bottom:none;
    }
    .top_header {
        background: #000;
        padding: 10px;
        height: 42px;
    }
    .ttbanner {
        font-size: 12px;
        top: 39px !important;
        width:100% !important;
    }
    .top_title p{font-size: 3vw;}
    .top_header ul li a {
        color: #fff;
        padding: 18px 0px;
        font-size: 3.4vw;
    }
    .fourstep ul {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        top: 25px;
        margin: 10px;
        padding: 0;
    }
    .top_title{color: #fff; background:url(/home/img/jeheu_banner.png) no-repeat;width: 100%; height: auto; margin:0 auto; background-size: cover;}
    .middle_title{background:url(/home/img/m_b2b_member_02.png)no-repeat; width:100%; height: auto; margin:0 auto; background-size: cover;}
    .fourstep{max-width: 100%;margin:0 auto;width: 100%;position: relative;top: 50px;}
    .fourstep ul li {
        flex: 0 0 100%;
        text-align: center;
        background: #fff;
        margin: -2px -2px 16px;
        height: 231px;
        box-shadow: 2px 3px 5px #d6d4d4;
        border-radius: 24px;
        border: 2px solid #eee;
    }

    .x_banner{display: none;}
    .last_tt{display: block;}
}

.km_b2b_contact_hero__wrap {
    width: 100%;
    min-height: 360px;
    margin: 42px auto 70px;
    background-image:
            linear-gradient(90deg, rgba(0,0,0,0.78), rgba(0,0,0,0.45), rgba(0,0,0,0.82)),
            url('/home/img/b2b_contact_bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.km_b2b_contact_hero__content {
    width: calc(100% - 40px);
    max-width: 1100px;
    padding: 70px 20px;
    text-align: center;
    box-sizing: border-box;
}

.km_b2b_contact_hero__eyebrow {
    margin: 0 0 18px;
    color: #fff;
    font-size: 23px;
    font-weight: 900;
    font-style: italic;
    text-shadow: 0 3px 12px rgba(0,0,0,0.45);
}

.km_b2b_contact_hero__content h1 {
    margin: 0;
    color: #fff;
    font-size: 48px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -2px;
    text-shadow: 0 5px 18px rgba(0,0,0,0.45);
}

.km_b2b_contact_hero__buttons {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 34px;
}

.km_b2b_contact_hero__btn {
    min-width: 220px;
    height: 72px;
    padding: 0 34px;
    border: 0;
    border-radius: 18px;
    background: linear-gradient(135deg, #19f29a, #0c8cff);
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 16px 34px rgba(0,120,255,0.35);
    transition: 220ms ease;
}

.km_b2b_contact_hero__btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 42px rgba(0,120,255,0.45);
}

.km_b2b_contact_hero__btn_phone {
    background: linear-gradient(135deg, #3157ff, #159bff);
}

.km_b2b_contact_hero__info {
    margin: 26px 0 0;
    color: rgba(255,255,255,0.86);
    font-size: 17px;
    font-weight: 700;
}

.km_b2b_contact_hero__info b {
    color: #fff;
}

.km_b2b_contact_hero__notice {
    display: none;
    width: fit-content;
    margin: 22px auto 0;
    padding: 12px 18px;
    border-radius: 999px;
    background: rgba(255,255,255,0.94);
    color: #0c66ff;
    font-size: 15px;
    font-weight: 900;
}

.km_b2b_contact_hero__notice.active {
    display: block;
}

@media screen and (max-width: 768px) {
    .km_b2b_contact_hero__wrap {
        min-height: 390px;
        margin: 32px auto 50px;
        background-position: center;
    }

    .km_b2b_contact_hero__content {
        width: 100%;
        padding: 54px 18px;
    }

    .km_b2b_contact_hero__eyebrow {
        font-size: 18px;
    }

    .km_b2b_contact_hero__content h1 {
        font-size: 32px;
        letter-spacing: -1.3px;
    }

    .km_b2b_contact_hero__buttons {
        flex-direction: column;
        gap: 12px;
        margin-top: 28px;
    }

    .km_b2b_contact_hero__btn {
        width: 100%;
        max-width: 320px;
        height: 62px;
        margin: 0 auto;
        font-size: 19px;
        border-radius: 16px;
    }

    .km_b2b_contact_hero__info {
        font-size: 14px;
        line-height: 1.7;
    }
}

/* =========================
   B2B CONTACT HERO
========================= */

.km_b2b_contact_hero__wrap {
    position: relative;
    width: 100%;
    min-height: 520px;
    margin: 40px auto 0px;
    background:
            url('/home/img/2026_b2bbox.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.km_b2b_contact_hero__overlay {
    position: absolute;
    inset: 0;

    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.35),
                    rgba(0,0,0,.15),
                    rgba(0,0,0,.45)
            );

    z-index: 1;
}

.km_b2b_contact_hero__content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;

    padding: 70px 20px;

    text-align: center;

    box-sizing: border-box;
}

.km_b2b_contact_hero__eyebrow {
    margin: 0 0 16px;

    color: #ffffff;

    font-size: 20px;
    font-weight: 700;

    opacity: .95;
}

.km_b2b_contact_hero__content h1 {
    margin: 0;
    color: #ffffff;
    font-size: 44px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -2px;
    text-shadow:
            0 4px 18px rgba(0,0,0,.25);
}

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

.km_b2b_contact_hero__cards {
    display: flex;
    justify-content: center;
    gap: 24px;

    margin-top: 40px;
}

.km_b2b_contact_card {
    width: 360px;

    padding: 34px 30px;

    border-radius: 22px;

    background: rgba(15,15,15,.48);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255,255,255,.12);

    box-shadow:
            0 20px 50px rgba(0,0,0,.22),
            inset 0 1px 0 rgba(255,255,255,.08);

    text-align: center;
    text-decoration: none;

    color: #fff;

    cursor: pointer;

    transition: all .25s ease;

    box-sizing: border-box;

    position: relative;
}

.km_b2b_contact_card:before {
    display: none;
}


.km_b2b_contact_card:hover {
    transform: translateY(-6px);

    border-color: rgba(47,131,255,.35);

    box-shadow:
            0 30px 60px rgba(0,0,0,.28),
            0 0 30px rgba(47,131,255,.10);
}

.card_label {
    display: inline-block;

    padding: 8px 18px;

    border-radius: 999px;

    background: linear-gradient(
            135deg,
            #18d8a4 0%,
            #2f83ff 100%
    );

    border: none;

    color: #fff;

    font-size: 14px;
    font-weight: 700;

    box-shadow:
            0 4px 15px rgba(47,131,255,.25);
}

.card_value {
    display: block;
    margin-top: 24px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -1px;
}

.card_desc {
    display: block;

    margin-top: 14px;

    color: rgba(255,255,255,.75);

    font-size: 14px;
}

/* =========================
   COPY NOTICE
========================= */

.km_b2b_contact_hero__notice {
    display: none;

    width: fit-content;

    margin: 24px auto 0;

    padding: 12px 18px;

    border-radius: 999px;

    background: rgba(255,255,255,.95);

    color: #1677ff;

    font-size: 14px;
    font-weight: 800;
}

.km_b2b_contact_hero__notice.active {
    display: block;
}

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

@media screen and (max-width:768px) {

    .km_b2b_contact_hero__wrap {
        min-height: auto;
    }

    .km_b2b_contact_hero__content {
        padding: 55px 16px;
    }

    .km_b2b_contact_hero__eyebrow {
        font-size: 16px;
    }

    .km_b2b_contact_hero__content h1 {
        font-size: 31px;
        line-height: 1.55;
        letter-spacing: -1px;
    }

    .km_b2b_contact_hero__cards {
        flex-direction: column;
        align-items: center;

        gap: 14px;

        margin-top: 28px;
    }

    .km_b2b_contact_card {
        outline: none;
    }

    .card_value {
        font-size: 24px;
    }

    .card_desc {
        font-size: 13px;
    }
}

/* =========================
   KM B2B MODERN SECTION
========================= */

.km_b2b_modern_section {
    width: 100%;
    padding: 86px 20px;
    background: #ffffff;
    box-sizing: border-box;
}

.km_b2b_soft_bg {
    background:
            radial-gradient(circle at top left, rgba(33,150,243,.10), transparent 34%),
            linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);
}

.km_b2b_inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.km_b2b_section_head {
    text-align: center;
    margin-bottom: 36px;
}

.km_b2b_section_head p {
    display: inline-block;
    margin: 0 0 12px;
    padding: 7px 14px;
    border-radius: 999px;
    background: rgba(33,150,243,.10);
    color: #1677ff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .8px;
}

.km_b2b_section_head h1 {
    margin: 0;
    color: #111827;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -1.6px;
}

.km_b2b_section_head h1 b {
    color: #1677ff;
}

/* =========================
   SALES LINE
========================= */

.km_b2b_sales_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin: 0;
    padding: 0;
}

.km_b2b_sales_grid li {
    list-style: none;
}

.km_b2b_sales_grid a {
    position: relative;
    display: flex;
    min-height: 184px;
    padding: 26px 18px 58px;
    border-radius: 28px;
    background:
            linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.96));
    border: 1px solid rgba(17,24,39,.08);
    box-shadow:
            0 20px 50px rgba(15,23,42,.08),
            inset 0 1px 0 rgba(255,255,255,.9);
    color: #111827;
    text-decoration: none;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: .25s ease;
}

.km_b2b_sales_grid a:hover {
    transform: translateY(-7px);
    border-color: rgba(22,119,255,.24);
    box-shadow:
            0 28px 70px rgba(15,23,42,.13),
            0 0 0 5px rgba(22,119,255,.06);
}

.km_b2b_sales_grid img {
    width: 82px;
    height: 82px;
    object-fit: contain;
    margin-bottom: 18px;
    filter: drop-shadow(0 10px 18px rgba(15,23,42,.10));
}

.km_b2b_sales_grid span {
    display: block;
    color: #111827;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -0.5px;
    text-align: center;
}

/* =========================
   MINIMAL MOVING ARROW
========================= */

.km_b2b_arrow {
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 42px;
    height: 42px;
    transform: translateX(-50%);
    border: 1px solid rgba(22,119,255,.18);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: kmCirclePulse 1.6s ease-in-out infinite;
    pointer-events: none;
}

.km_b2b_arrow svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: none;
    stroke: #1677ff;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    animation:
            kmArrowFloat 1.6s ease-in-out infinite,
            kmArrowFade 1.6s ease-in-out infinite;
}

.km_b2b_sales_grid a:hover .km_b2b_arrow {
    border-color: rgba(22,119,255,.35);
}

.km_b2b_sales_grid a:hover .km_b2b_arrow svg {
    stroke: #005eff;
}

@keyframes kmArrowFloat {
    0% {
        transform: translateY(2px);
    }
    50% {
        transform: translateY(-4px);
    }
    100% {
        transform: translateY(2px);
    }
}

@keyframes kmArrowFade {
    0% {
        opacity: .35;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .35;
    }
}

@keyframes kmCirclePulse {
    0% {
        border-color: rgba(22,119,255,.15);
    }
    50% {
        border-color: rgba(22,119,255,.45);
    }
    100% {
        border-color: rgba(22,119,255,.15);
    }
}

/* =========================
   PREMIUM IMAGE VIEWER
========================= */

.km_b2b_modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    opacity: 0;
    visibility: hidden;
    background: rgba(0,0,0,.82);
    backdrop-filter: blur(8px);
    box-sizing: border-box;
    transition:
            opacity .35s ease,
            visibility .35s ease;
}

.km_b2b_modal.is_active {
    opacity: 1;
    visibility: visible;
}

.km_b2b_modal_box {
    position: relative;
    max-width: 1200px;
    max-height: 90vh;
    transform: translateY(30px) scale(.95);
    transition: .35s ease;
}

.km_b2b_modal.is_active .km_b2b_modal_box {
    transform: translateY(0) scale(1);
}

.km_b2b_modal_box img {
    display: block;
    max-width: 100%;
    max-height: 90vh;
    border-radius: 20px;
    box-shadow: 0 30px 100px rgba(0,0,0,.45);
}

.km_b2b_modal_close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #111827;
    font-size: 26px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 15px 40px rgba(0,0,0,.25);
}

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

@media (max-width: 768px) {
    .km_b2b_modern_section {
        padding: 56px 16px;
    }

    .km_b2b_section_head {
        margin-bottom: 28px;
    }

    .km_b2b_section_head h1 {
        font-size: 30px;
        letter-spacing: -1.2px;
    }

    .km_b2b_sales_grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .km_b2b_sales_grid a {
        min-height: 112px;
        padding: 22px 74px 22px 24px;
        border-radius: 22px;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .km_b2b_sales_grid img {
        width: 62px;
        height: 62px;
        margin: 0 18px 0 0;
    }

    .km_b2b_sales_grid span {
        font-size: 17px;
        text-align: left;
        line-height: 1.35;
    }

    .km_b2b_arrow {
        left: auto;
        right: 24px;
        bottom: auto;
        top: 50%;
        width: 34px;
        height: 34px;
        transform: translateY(-50%);
        animation: kmArrowMobileSide 1.4s ease-in-out infinite;
    }

    .km_b2b_arrow svg {
        width: 16px;
        height: 16px;
        transform: rotate(-90deg);
        animation: kmArrowFade 1.4s ease-in-out infinite;
    }

    .km_b2b_modal {
        padding: 18px;
        align-items: center;
    }

    .km_b2b_modal_box {
        width: 100%;
        max-width: 100%;
        max-height: 82vh;
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 16px;
        background: #fff;
        -webkit-overflow-scrolling: touch;
    }

    .km_b2b_modal_box img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
        border-radius: 16px;
        box-shadow: none;
    }

    .km_b2b_modal_close {
        position: fixed;
        top: 14px;
        right: 14px;
        width: 40px;
        height: 40px;
        font-size: 22px;
        z-index: 100000;
    }

    @keyframes kmArrowMobileSide {
        0% {
            transform: translateY(-50%) translateX(0);
        }
        50% {
            transform: translateY(-50%) translateX(-5px);
        }
        100% {
            transform: translateY(-50%) translateX(0);
        }
    }
}
/* =========================
   PROCESS / DOCS CARD
========================= */

.km_b2b_process_grid,
.km_b2b_docs_grid {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
}

.km_b2b_process_grid {
    grid-template-columns: repeat(5, 1fr);
}

.km_b2b_docs_grid {
    max-width: 620px;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
}

.km_b2b_process_grid li,
.km_b2b_docs_grid li {
    position: relative;
    min-height: 210px;
    padding: 28px 18px 24px;
    border-radius: 30px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(17,24,39,.08);
    box-shadow:
            0 20px 55px rgba(15,23,42,.08),
            inset 0 1px 0 rgba(255,255,255,.9);
    list-style: none;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
    transition: .25s ease;
}

.km_b2b_process_grid li:before,
.km_b2b_docs_grid li:before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(22,119,255,.12), transparent 42%);
    opacity: 0;
    transition: .25s ease;
}

.km_b2b_process_grid li:hover,
.km_b2b_docs_grid li:hover {
    transform: translateY(-7px);
    border-color: rgba(22,119,255,.26);
    box-shadow:
            0 30px 75px rgba(15,23,42,.13),
            0 0 0 5px rgba(22,119,255,.06);
}

.km_b2b_process_grid li:hover:before,
.km_b2b_docs_grid li:hover:before {
    opacity: 1;
}

.km_b2b_step_num {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 46px;
    height: 46px;
    margin-bottom: 18px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #18d8a4 0%, #2f83ff 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    box-shadow: 0 12px 24px rgba(47,131,255,.24);
}

.km_b2b_process_grid h2,
.km_b2b_docs_grid h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #111827;
    font-size: 21px;
    font-weight: 900;
    line-height: 1.35;
    letter-spacing: -0.7px;
}

.km_b2b_process_grid p,
.km_b2b_docs_grid p {
    position: relative;
    z-index: 1;
    margin: 18px auto 0;
    color: #4b5563;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.65;
    letter-spacing: -0.4px;
}

.km_b2b_process_grid img,
.km_b2b_docs_grid img {
    position: relative;
    z-index: 1;
    width: 82px;
    height: 82px;
    margin-top: 12px;
    object-fit: contain;
    opacity: .92;
}

/* =========================
   INFO BANNER
========================= */

.km_b2b_info_banner {
    width: 100%;
    padding: 86px 20px;
    background: #f5f7fb;
    box-sizing: border-box;
    text-align: center;
}

.km_b2b_info_banner_last {
    padding-top: 70px;
    background: #ffffff;
}

.km_b2b_info_banner img {
    display: block;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    border-radius: 28px;
    /* box-shadow: 0 24px 70px rgba(15,23,42,.10); */
}

.km_b2b_info_banner a {
    display: inline-block;
    width: 100%;
    max-width: 1050px;
    text-decoration: none;
}

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

@media screen and (max-width: 1180px) {
    .km_b2b_sales_grid,
    .km_b2b_process_grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 860px) {
    .km_b2b_modern_section,
    .km_b2b_info_banner {
        padding: 64px 16px;
    }

    .km_b2b_section_head {
        margin-bottom: 28px;
    }

    .km_b2b_section_head h1 {
        font-size: 31px;
        letter-spacing: -1.2px;
    }

    .km_b2b_sales_grid,
    .km_b2b_process_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .km_b2b_docs_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .km_b2b_sales_grid a {
        min-height: 166px;
        padding: 24px 14px;
        border-radius: 24px;
    }

    .km_b2b_sales_grid img {
        width: 70px;
        height: 70px;
        margin-bottom: 14px;
    }

    .km_b2b_sales_grid span {
        font-size: 16px;
    }

    .km_b2b_process_grid li,
    .km_b2b_docs_grid li {
        min-height: 190px;
        padding: 24px 14px 22px;
        border-radius: 24px;
    }

    .km_b2b_process_grid h2,
    .km_b2b_docs_grid h2 {
        font-size: 18px;
    }

    .km_b2b_process_grid p,
    .km_b2b_docs_grid p {
        font-size: 14px;
    }
}

@media screen and (max-width: 560px) {
    .km_b2b_modern_section,
    .km_b2b_info_banner {
        padding: 52px 14px;
    }

    .km_b2b_section_head p {
        font-size: 12px;
    }

    .km_b2b_section_head h1 {
        font-size: 27px;
        line-height: 1.3;
    }

    .km_b2b_sales_grid,
    .km_b2b_process_grid,
    .km_b2b_docs_grid {
        grid-template-columns: 1fr;
    }

    .km_b2b_sales_grid a {
        min-height: auto;
        padding: 24px 20px;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
    }

    .km_b2b_sales_grid img {
        width: 62px;
        height: 62px;
        margin: 0 18px 0 0;
        flex: 0 0 auto;
    }

    .km_b2b_sales_grid span {
        text-align: left;
        font-size: 17px;
    }

    .km_b2b_process_grid li,
    .km_b2b_docs_grid li {
        min-height: auto;
    }

    .km_b2b_info_banner img {
        border-radius: 18px;
    }
}

/* =========================
   MODERN TOP HEADER / HERO
========================= */

.km_b2b_header_wrap {
    width: 100%;
    background: #05070a;
}

.km_b2b_header {
    width: 100%;
    height: 72px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.km_b2b_logo img {
    height: 42px;
    display: block;
}

.km_b2b_header_btn {
    padding: 13px 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: .25s ease;
}

.km_b2b_header_btn:hover {
    background: #1677ff;
    border-color: #1677ff;
    transform: translateY(-2px);
}

.km_b2b_top_hero {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    display: flex;
    align-items: center;
    background:
            radial-gradient(circle at 75% 35%, rgba(47,131,255,.28), transparent 34%),
            linear-gradient(135deg, #05070a 0%, #101827 52%, #06111f 100%);
}

.km_b2b_top_hero_bg {
    position: absolute;
    inset: 0;
    background-image:
            linear-gradient(90deg, rgba(5,7,10,.92), rgba(5,7,10,.58), rgba(5,7,10,.85)),
            url('/home/img/jeheu_banner.png');
    background-size: cover;
    background-position: center;
    opacity: .38;
}

.km_b2b_top_hero_inner {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 86px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    box-sizing: border-box;
}

.km_b2b_top_hero_text {
    color: #fff;
}

.km_b2b_top_label {
    display: inline-flex;
    margin: 0 0 22px;
    padding: 9px 16px;
    border-radius: 999px;
    background: rgba(22,119,255,.16);
    border: 1px solid rgba(47,131,255,.28);
    color: #79b7ff;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1.2px;
}

.km_b2b_top_hero_text h1 {
    margin: 0;
    color: #fff;
    font-size: 58px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -2.5px;
}

.km_b2b_top_desc {
    margin: 22px 0 0;
    color: rgba(255,255,255,.78);
    font-size: 19px;
    font-weight: 700;
    line-height: 1.6;
}

.km_b2b_top_actions {
    display: flex;
    gap: 12px;
    margin-top: 34px;
    flex-wrap: wrap;
}

.km_b2b_top_phone,
.km_b2b_top_download {
    min-width: 180px;
    height: 58px;
    padding: 0 26px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    text-decoration: none;
    box-sizing: border-box;
}

.km_b2b_top_phone {
    background: linear-gradient(135deg, #18d8a4 0%, #2f83ff 100%);
    box-shadow: 0 16px 34px rgba(47,131,255,.28);
}

.km_b2b_top_download {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    font-size: 17px;
}

.km_b2b_top_time {
    margin-top: 24px;
    color: rgba(255,255,255,.72);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
}

.km_b2b_top_visual {
    position: relative;
    flex: 0 0 420px;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.km_b2b_top_visual span {
    position: absolute;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(24,216,164,.22), rgba(47,131,255,.28));
    filter: blur(6px);
}

.km_b2b_top_visual img {
    position: relative;
    z-index: 2;
    width: 414px;
    max-width: 100%;
    filter: drop-shadow(0 28px 45px rgba(0,0,0,.35));
}

@media screen and (max-width: 900px) {
    .km_b2b_header {
        height: 64px;
    }

    .km_b2b_logo img {
        height: 34px;
    }

    .km_b2b_header_btn {
        padding: 10px 15px;
        font-size: 13px;
    }

    .km_b2b_top_hero {
        min-height: auto;
    }

    .km_b2b_top_hero_inner {
        padding: 68px 18px;
        flex-direction: column;
        text-align: center;
        gap: 34px;
    }

    .km_b2b_top_hero_text h1 {
        font-size: 42px;
        letter-spacing: -1.8px;
    }

    .km_b2b_top_desc {
        font-size: 16px;
    }

    .km_b2b_top_actions {
        justify-content: center;
    }

    .km_b2b_top_phone,
    .km_b2b_top_download {
        width: 100%;
        max-width: 320px;
    }

    .km_b2b_top_visual {
        flex: none;
        width: 100%;
        height: 260px;
    }

    .km_b2b_top_visual span {
        width: 220px;
        height: 220px;
    }

    .km_b2b_top_visual img {
        width: 260px;
    }
}

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

.km_b2b_video_hero{
    position:relative;
    width:100%;
    height:650px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
}

.km_b2b_video_bg{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:translate(-50%,-50%);
    z-index:1;
}

.km_b2b_video_overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(rgb(0 0 0 / 22%), rgb(0 0 0 / 34%));
    z-index:2;
}

.km_b2b_video_content{
    position:relative;
    z-index:3;

    width:100%;
    max-width:1200px;

    padding:0 20px;

    text-align:center;
}

.km_b2b_top_label{
    display:inline-flex;

    padding:12px 24px;

    border-radius:999px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    color:#fff;

    font-size:14px;
    font-weight:700;
    letter-spacing:2px;

    margin-bottom:25px;
}

.km_b2b_video_content h1{
    margin:0;
    color:#fff;
    font-size:72px;
    font-weight: 700;
    line-height:1.1;
    letter-spacing:-3px;
    text-shadow:
            0 10px 30px rgba(0,0,0,.35);
}

.km_b2b_top_desc{
    margin-top:25px;

    color:rgba(255,255,255,.9);

    font-size:24px;
    font-weight:500;

    line-height:1.7;
}

.km_b2b_top_actions{
    display:flex;
    justify-content:center;
    gap:16px;

    margin-top:40px;
}

.km_b2b_top_phone{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    height:68px;
    border-radius:999px;
    background:
            linear-gradient(
                    135deg,
                    #18d8a4,
                    #2f83ff
            );
    color: #fff !important;
    font-size: 22px;
    font-weight:900;
    text-decoration:none;
    box-shadow:
            0 15px 35px rgba(47,131,255,.3);
}

.km_b2b_top_download{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    height:68px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    color: #fff !important;
    font-size:20px;
    font-weight:800;
    text-decoration:none;
}

.km_b2b_top_time{
    margin-top:35px;
    color:rgba(255,255,255,.85);
    font-size: 17px;
    line-height: 1.77;
}

@media(max-width:768px){

    .km_b2b_video_hero{
        height:560px;
    }

    .km_b2b_video_content h1{
        font-size: 35px;
        letter-spacing:-1px;
    }

    .km_b2b_top_desc{
        font-size:18px;
    }

    .km_b2b_top_actions{
        flex-direction:column;
        align-items:center;
    }

    .km_b2b_top_phone,
    .km_b2b_top_download{
        width:100%;
        max-width:320px;
    }

}
.km_b2b_top_phone,
.km_b2b_top_download{
    transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
}

.km_b2b_top_phone:hover,
.km_b2b_top_download:hover{
    transform:translateY(-6px);

    box-shadow:
            0 20px 40px rgba(0,0,0,.25);
}


/* =========================
   X BANNER - PREMIUM DARK BAR
========================= */

.x_banner {
    position: relative;
    width: 100%;
    padding: 34px 20px 36px;
    background:
            linear-gradient(
                    135deg,
                    #000000 0%,
                    #05070b 45%,
                    #09101a 100%
            );
    box-sizing: border-box;
    overflow: hidden;
}

.x_banner::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
            radial-gradient(
                    circle at 25% 50%,
                    rgba(24,216,164,.05),
                    transparent 30%
            ),
            radial-gradient(
                    circle at 75% 50%,
                    rgba(47,131,255,.08),
                    transparent 35%
            );

    opacity: 1;
}

.x_banner ul {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 34px;

    display: grid;
    grid-template-columns: 1.05fr 1.35fr 1.1fr;
    align-items: center;
    gap: 28px;

    border-radius: 26px;

    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.12);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
            0 24px 70px rgba(0,0,0,.32),
            inset 0 1px 0 rgba(255,255,255,.08);

    box-sizing: border-box;
}

.x_banner ul li {
    color: #fff;
    list-style: none;
    box-sizing: border-box;
}

.x_banner ul li:nth-child(1) {
    display: flex;
    align-items: center;
    gap: 16px;
}

.x_banner ul li:nth-child(1) img {
    width: 58px;
    height: 58px;
    padding: 13px;
    border-radius: 50%;
    background: linear-gradient(135deg, #18d8a4, #2f83ff);
    /* box-shadow: 0 14px 32px rgba(47,131,255,.34); */
    box-sizing: border-box;
}

.x_banner ul li:nth-child(1) span {
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    letter-spacing: -1.5px;
    line-height: 1;
}

.x_banner ul li:nth-child(2) {
    padding-left: 28px;
    border-left: 1px solid rgba(255,255,255,.12);
}

.x_banner ul li:nth-child(3) {
    padding-left: 28px;
    border-left: 1px solid rgba(255,255,255,.12);
}

.x_banner ul li p {
    margin: 0;
    color: rgba(255,255,255,.88);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
    letter-spacing: -0.4px;
}

.x_banner ul li:nth-child(3) p {
    color: #fff;
    font-weight: 900;
}

.x_banner ul li:nth-child(3) p::before {
    content: "MAIL";
    display: inline-flex;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(47,131,255,.18);
    color: #79b7ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .8px;
    vertical-align: middle;
}

@media screen and (max-width: 900px) {
    .x_banner {
        padding: 24px 16px 34px;
    }

    .x_banner ul {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px;
        text-align: center;
    }

    .x_banner ul li:nth-child(1) {
        justify-content: center;
    }

    .x_banner ul li:nth-child(1) span {
        font-size: 32px;
    }

    .x_banner ul li:nth-child(2),
    .x_banner ul li:nth-child(3) {
        padding-left: 0;
        padding-top: 18px;
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.12);
    }

    .x_banner ul li p {
        font-size: 14px;
    }
}

.mobile_br{
    display:none;
}

@media screen and (max-width:768px){

    .mobile_br{
        display:block;
    }

}
/* =========================
   CONDITION CARD
========================= */

.km_b2b_condition_card{
    max-width:1000px;
    margin:0 auto;
    padding: 18px;
    border-radius:32px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 27px;
    box-shadow:
            0 20px 60px rgba(15,23,42,.08);
    box-sizing:border-box;
}

.km_b2b_condition_img{
    flex:0 0 auto;
}

.km_b2b_condition_img img{
    width:180px;
    display:block;
}

.condition_badge{
    display:inline-flex;

    padding:8px 18px;

    border-radius:999px;

    background:#eafbf0;

    color:#2fc94f;

    font-size:14px;
    font-weight:800;

    margin-bottom:14px;
}

.km_b2b_condition_text{
    text-align:left;
}

.km_b2b_condition_text h3{
    margin:0;
    color:#30c94f;
    font-size: 44px;
    font-weight:900;
    line-height:1.15;
    letter-spacing:-2px;
}

.km_b2b_condition_text p{
    margin-top:18px;
    color:#1f2937;
    font-size: 23px;
    font-weight:700;
    line-height:1.6;
    letter-spacing:-0.5px;
}

/* MOBILE */

@media screen and (max-width:768px){

    .km_b2b_condition_card{
        flex-direction:column;

        text-align:center;

        padding:32px 22px;

        gap:24px;
    }

    .km_b2b_condition_img img{
        width:130px;
    }

    .km_b2b_condition_text{
        text-align:center;
    }

    .km_b2b_condition_text h3{
        font-size:40px;
        letter-spacing:-1px;
    }

    .km_b2b_condition_text p{
        font-size:18px;
        line-height:1.8;
    }
}

/* =========================
   SALES ACCORDION
========================= */

.km_b2b_sales_toggle{
    cursor:pointer;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(17,24,39,.08);
    box-shadow:0 15px 40px rgba(15,23,42,.08);
    padding:28px 34px;
    transition:.3s ease;
}

.km_b2b_sales_toggle:hover{
    transform:translateY(-2px);
    box-shadow:0 22px 55px rgba(15,23,42,.12);
}

.km_b2b_sales_toggle_title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.km_b2b_sales_toggle_title p{
    margin:0 0 8px;
    color:#1677ff;
    font-size:13px;
    font-weight:900;
    letter-spacing:1px;
}

.km_b2b_sales_toggle_title h2{
    margin:0;
    color:#111827;
    font-size:36px;
    font-weight:800;
    line-height:1.25;
    letter-spacing:-1px;
}

.km_b2b_sales_toggle_title h2 b{
    color:#1677ff;
}

.km_b2b_toggle_icon{
    flex:0 0 auto;
    font-size:30px;
    font-weight:900;
    color:#1677ff;
    transition:transform .35s ease;
}

.km_b2b_sales_toggle.active .km_b2b_toggle_icon{
    transform:rotate(180deg);
}

.km_b2b_sales_content{
    max-height:0;
    overflow:hidden;
    margin-top:0;
    transition:max-height .5s ease, margin-top .5s ease;
}

.km_b2b_sales_content.active{
    max-height:3500px;
    margin-top:40px;
}

.km_b2b_application_inside{
    margin-top:70px;
    text-align:center;
}

.km_b2b_application_inside a{
    display:inline-block;
    width:100%;
    max-width:1050px;
}

.km_b2b_application_inside img{
    display:block;
    width:100%;
    max-width:1050px;
    margin:0 auto;
    border-radius:28px;
}

@media (max-width:768px){

    .km_b2b_sales_toggle{
        padding:22px;
    }

    .km_b2b_sales_toggle_title h2{
        font-size:26px;
    }

    .km_b2b_toggle_icon{
        font-size:22px;
    }

    .km_b2b_application_inside{
        margin-top:45px;
    }

}

.km_b2b_doc_condition_grid{
    display:grid;
    grid-template-columns:1fr 1fr 1.6fr;
    gap:18px;
    align-items:stretch;
    margin:0;
    padding:0;
}

.km_b2b_doc_condition_grid li{
    position:relative;
    min-height:230px;
    padding:28px 18px 24px;
    border-radius:30px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(17,24,39,.08);
    box-shadow:
            0 20px 55px rgba(15,23,42,.08),
            inset 0 1px 0 rgba(255,255,255,.9);
    list-style:none;
    text-align:center;
    box-sizing:border-box;
    overflow:hidden;
    transition:.25s ease;
}

.km_b2b_doc_condition_grid li:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at top right, rgba(22,119,255,.12), transparent 42%);
    opacity:0;
    transition:.25s ease;
}

.km_b2b_doc_condition_grid li:hover{
    transform:translateY(-7px);
    border-color:rgba(22,119,255,.26);
    box-shadow:
            0 30px 75px rgba(15,23,42,.13),
            0 0 0 5px rgba(22,119,255,.06);
}

.km_b2b_doc_condition_grid li:hover:before{
    opacity:1;
}

.km_b2b_doc_condition_grid h2{
    position:relative;
    z-index:1;
    margin:0;
    color:#111827;
    font-size:21px;
    font-weight:900;
    line-height:1.35;
    letter-spacing:-0.7px;
}

.km_b2b_doc_condition_grid > li > img{
    position:relative;
    z-index:1;
    width:82px;
    height:82px;
    margin-top:18px;
    object-fit:contain;
    opacity:.92;
}

.km_b2b_condition_item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    text-align:left !important;
}

.km_b2b_condition_item .km_b2b_condition_img{
    position:relative;
    z-index:1;
    flex:0 0 auto;
}

.km_b2b_condition_item .km_b2b_condition_img img{
    width:145px;
    display:block;
}

.km_b2b_condition_item .km_b2b_condition_text{
    position:relative;
    z-index:1;
    text-align:left;
}

.km_b2b_condition_item .km_b2b_condition_text h3{
    margin:0;
    color:#30c94f;
    font-size:38px;
    font-weight:900;
    line-height:1.15;
    letter-spacing:-1.5px;
}

.km_b2b_condition_item .km_b2b_condition_text p{
    margin-top:18px;
    color:#1f2937;
    font-size:19px;
    font-weight:700;
    line-height:1.7;
    letter-spacing:-0.5px;
}

@media screen and (max-width:900px){
    .km_b2b_doc_condition_grid{
        grid-template-columns:1fr;
    }

    .km_b2b_doc_condition_grid li{
        min-height:auto;
    }

    .km_b2b_condition_item{
        flex-direction:column;
        text-align:center !important;
    }

    .km_b2b_condition_item .km_b2b_condition_text{
        text-align:center;
    }

    .km_b2b_condition_item .km_b2b_condition_img img{
        width:130px;
    }

    .km_b2b_condition_item .km_b2b_condition_text h3{
        font-size:36px;
    }

    .km_b2b_condition_item .km_b2b_condition_text p{
        font-size:17px;
    }
}