@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* common.css */
:root {
    --content-inner-width: 1280px;
    --content-inner-center-padding-top: clamp(50px, 10vw, 130px);
    --height-100dvh: 100dvh;

    --border-radius-default: 7px;
    --border-radius-20: 20px;
    --border-radius-30: 30px;

    --font-size-lg-xx: clamp(36px, 3.692vw, 48px);
    --font-size-lg-x: clamp(34px, 4.66vw, 42px);
    --font-size-lg-sx: clamp(30px, 3.63vw, 40px);
    --font-size-lg-bb: clamp(26px, 2.46vw, 32px);
    --font-size-lg-b: clamp(24px, 5.825vw, 28px);
    --font-size-lg-m: clamp(22px, 2vw, 26px);
    --font-size-lg-sm: clamp(21px, 1.84vw, 24px);
    --font-size-lg-s: clamp(20px, 4.99vw, 22px);
    --font-size-lg-ss: clamp(18px, 4.165vw, 20px);
    --font-size-default: clamp(16px, 3.75vw, 18px);
    --font-size-mid-l: clamp(15px, 3.54vw, 17px);
    --font-size-mid: clamp(14px, 3.33vw, 16px);
    --font-size-mid-s: clamp(13px, 2.5vw, 15px);
    --font-size-sm: clamp(12px, 2.91vw, 14px);
    --font-size-xsm: clamp(10px, 2.5vw, 12px);

    --font-weight-light: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 550;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;

    --color-white-01: #fafafa;
    
    --color-black-01: #333;
    --color-black-02: #1f1f1f;
    --color-black-03: #343131;
    --color-black-04: #45474B;

    --color-gray-01: #c2c2c2;
    --color-gray-02: #acb1ba;
    --color-gray-03: #dddddd;
    --color-gray-04: #fbfbfb;
    --color-gray-05: #a9a9a9;
    --color-gray-06: #989898;
    --color-gray-07: #bbb;
    --color-gray-08: #F8FAFC;

    --color-green-01: #dbff7b;
    --color-green-02: #96b81f;
    --color-green-03: #046950;
    --color-green-04: #41B3A2;
    
    --color-blue-01: #99dfff;
    --color-blue-02: #416eac;
    --color-blue-03: #21a6f0;
    --color-blue-04: #171c23;
    --color-blue-05: #131428;
    --color-blue-06: #2e3542;
    --color-blue-07: #2b3d5f;
    --color-blue-08: #074799;
    --color-blue-09: #1363DF;

    --color-orange-01: #fe9416;

    --color-yellow-01: #F2B50B;

    --color-red-01: #B82132;
    --color-red-02: #D80032;
    --color-red-03: #E195AB;

    --color-brown-01: #685752;

    --color-quick-point-01: #0992C2;
    --color-quick-point-02: #237227;
    --color-quick-point-03: #982598;

    --gap-5: 5px;
    --gap-10: 10px;
    --gap-15: 15px;
    --gap-20: 20px;
    --gap-25: 25px;
    --gap-30: 30px;
    --gap-40: 40px;
    --gap-50: 50px;
    --gap-60: 60px;
    --gap-70: 70px; 
    --gap-80: 80px; 
    --gap-90: 90px; 
    --gap-100: 100px; 
    --gap-120: 120px; 

    --line-height-1: 1.1;
    --line-height-2: 1.2;
    --line-height-3: 1.3;
    --line-height-4: 1.4;
    --line-height-5: 1.5;
    --line-height-6: 1.6;
    --line-height-7: 1.7;
    --line-height-8: 1.8;

    --clamp-95px-w500: clamp(85px, 19vw, 95px);

    --clamp-10px-w640: clamp(5px, 1.56vw, 10px);
    --clamp-15px-w640: clamp(8px, 2.34vw, 15px);
    --clamp-20px-w640: clamp(10px, 3.125vw, 20px);
    --clamp-25px-w640: clamp(15px, 3.9vw, 25px);
    --clamp-30px-w640: clamp(15px, 4.68vw, 30px);
    --clamp-35px-w640: clamp(18px, 5.46vw, 35px);
    --clamp-40px-w640: clamp(20px, 6.25vw, 40px);
    --clamp-95px-w640: clamp(85px, 14.84vw, 95px);

    --clamp-30px-w1000: clamp(10px, 3vw, 30px);
    --clamp-60px-w1300: clamp(30px, 4.6vw, 60px);
    --clamp-70px-w1300: clamp(35px, 5.38vw, 70px);
    --clamp-80px-w1300: clamp(40px, 6.15vw, 80px);
    --clamp-100px-w1400: clamp(50px, 7.14vw, 100px);
}

body {font-size: var(--font-size-default);}

h2 {
    font-size: clamp(30px, 5.93vw, 38px);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-4);
    letter-spacing: -0.048rem;
}
h3 {
    font-size: clamp(20px, 3.75vw, 24px);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-3);
}
h3.lg {font-size: var(--font-size-lg-b);}

@media screen and (max-width: 480px) {
    :root {
        --font-size-lg-x: clamp(30px, 7.0825vw, 34px);
    }
    h2 {font-size: clamp(24px, 6.25vw, 30px);}
    h3 {font-size: clamp(18px, 4.165vw, 20px);}
}

.content-title {
    font-size: var(--font-size-lg-b);
    font-weight: var(--font-weight-bold);
    color: var(--color-black-01);
    line-height: var(--line-height-2);
    letter-spacing: -0.048rem;
}
.lawfirm-title {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-light);
    color: var(--color-gray-01);
    letter-spacing: 3px;
}
.sub-title {
    font-size: var(--font-size-mid);
    font-weight: var(--font-weight-medium);
    color: var(--color-black-01);
    letter-spacing: -0.048rem;
}

.w {color: #fff;}
.jeju {
    font-family: 'Jeju Myeongjo';
    letter-spacing: -4px;
    line-height: var(--line-height-6);
}
.strong {
    background: linear-gradient(to right, var(--color-green-02), var(--color-blue-03));
    color: transparent;
    -webkit-background-clip: text;
}
.green {color: var(--color-green-01);}
.blue {color: var(--color-blue-01);}
.orange {color: var(--color-orange-01)}

.br-640 {display: none;}
.br-500 {display: none;}
.br-360 {display: none;}
.br-remove-1400 {display: block;}
.br-remove-1280 {display: block;}
.br-remove-1000 {display: block;}
.br-remove-640 {display: block;}
.br-remove-400 {display: block;}

.pd-b-100 {padding-bottom: clamp(40px, 7.14vw, 100px);}

@media screen and (max-width: 1400px) {
    .br-remove-1400 {display: none;}
}
@media screen and (max-width: 1280px) {
    .br-remove-1280 {display: none;}
}
@media screen and (max-width: 1000px) {
    .br-remove-1000 {display: none;}
}
@media screen and (max-width: 900px) {
    .jeju {line-height: var(--line-height-3);}
}
@media screen and (max-width: 640px) {
    .br-640 {display: block;}
    .br-remove-640 {display: none;}
}
@media screen and (max-width: 500px) {
    .br-500 {display: block;}
}
@media screen and (max-width: 400px) {
    .br-remove-400 {display: none;}
}
@media screen and (max-width: 360px) {
    .br-360 {display: block;}
}


/***************************************************************************************
| grid
****************************************************************************************/
.grid {
    display: grid;
    width: 100%;
}
.reason .grid {width: fit-content;}
.grid.col-2 {grid-template-columns: repeat(2, 1fr);}
.grid.col-3 {grid-template-columns: repeat(3, 1fr);}
.grid.col-4 {grid-template-columns: repeat(4, 1fr);}
.grid.col-5 {grid-template-columns: repeat(5, 1fr);}
.grid.col-6 {grid-template-columns: repeat(6, 1fr);}


/***************************************************************************************
| partition 설정
****************************************************************************************/
:root {
    --main-partition-min-height: 800px;
    --main-partition-consult-min-height: 900px;
    --main-partition-content-inner-intro-min-height: calc(var(--main-partition-min-height) - var(--top-banner-height));
    --main-partition-banner-height: 434px;
}
/* #container {overflow-x: hidden;} */
.main-partition {
    overflow: hidden;
    width: 100%;
    height: var(--height-100dvh);
    min-height: var(--main-partition-min-height);
    background-color: #fff;
}
.main-partition.main-visual {
    min-height: var(--main-partition-min-height);
    background: url('/img/main/main.webp') no-repeat 0 0/cover;
}
.main-partition.loca {
    display: flex;
    flex-direction: column;
    gap: var(--gap-30);
    min-height: var(--main-partition-min-height);
}
.main-partition.banner {
    overflow: visible;
    z-index: 1;
    position: relative;
    height: var(--main-partition-banner-height);
    min-height: unset;
    margin-bottom: 100px;
    background-color: var(--color-gray-04);
}
.main-partition.banner .content-inner {position: relative;}
.main-partition.banner .content-inner::after {
    z-index: -1;
    position: absolute;
    top: 50px;
    right: -130px;
    width: var(--banner-content-inner-after-width);
    aspect-ratio: 1/0.757;
    background: url('/img/main/img-table.webp') no-repeat center/contain;
    content: '';
    animation: tiltSwitch 1.8s ease-in-out infinite alternate;
    will-change: transform;
}
.main-partition.cert {
    height: var(--cert-height);
    background: linear-gradient(
        -65deg,
        #171a22 20%,
        #2e3f5e 49%,
        #2e3f5e 50%,
        #171a22 80%
    );
}
.main-partition.map {padding-bottom: clamp(30px, 1.0935vw, 70px);}
.main-partition.consult {min-height: var(--main-partition-consult-min-height);}


@keyframes tiltSwitch {
    from {
        transform: skewX(-10deg);
    }
    to {
        transform: skewX(10deg);
    }
}
@keyframes tiltSwitchTranslateX {
    from {
        transform: translateX(50%) skewX(-10deg);
    }
    to {
        transform: translateX(50%) skewX(10deg);
    }
}

/***************************************************************************************
| content-inner
****************************************************************************************/
.content-inner {
    display: flex;
    align-items: center;
    width: var(--content-inner-width);
    height: inherit;
    min-height: inherit;
    margin: 0 auto 0 var(--header-width);
    word-break: keep-all;
}
.content-inner.center {
    display: flex;
    flex-direction: column;
    padding-top: var(--content-inner-center-padding-top);
}
.content-inner.full {
    width: 100%;
    margin: 0 auto;
}
.content-inner.intro {
    height: calc(var(--height-100dvh) - var(--top-banner-height));
    min-height: var(--main-partition-content-inner-intro-min-height);
    gap: var(--gap-70);
}
.content-inner.reason {gap: var(--gap-120);}
.content-inner.banner {min-height: unset;}
.content-inner.loca {
    flex-direction: column;
    align-items: flex-start;
    height: fit-content;
    min-height: unset;
    padding-top: var(--content-inner-center-padding-top);
}
.content-inner.consult {min-height: var(--main-partition-consult-min-height);}
.content-inner.success {overflow: hidden;}


/***************************************************************************************
| inner-title-box
****************************************************************************************/
.inner-title-box {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}
.inner-title-box.center {
    align-items: center;
    text-align: center;
}
.inner-title-box .text {
    margin-top: var(--gap-15);
    font-size: var(--font-size-default);
    line-height: var(--line-height-8);
    word-break: keep-all;
}

@media screen and (max-width: 480px) {
    .inner-title-box .text {
        margin-left: 15px;
        margin-right: 15px;
        line-height: var(--line-height-5);
    }
    .consult .inner-title-box .text {margin: 0;}
}


/***************************************************************************************
| 상담신청
****************************************************************************************/
:root {
    --consult-input-side-padding-size: clamp(10px, 1.15vw, 15px);
}
.main-partition.consult {
    background: url('/img/main/img-bg-consult.webp') no-repeat 0 0/cover;
    color: #fff;
}
.content-inner.consult > div {flex: 1;}
.inner-box.consult {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-top: 50px;
}

.state-section {overflow: hidden;}
.current-state-container {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    border-top: 2px solid var(--color-gray-03);

    /* 마스킹 적용 */
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}
.current-state-box {position: relative;}
.current-state-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-top: 1px solid var(--color-gray-02);
    font-size: var(--font-size-mid);
    color: var(--color-gray-02);
}
.current-state-list .category {
    padding: 5px var(--consult-input-side-padding-size);
    border-radius: var(--border-radius-20);
    background-color: #fff;
    font-weight: var(--font-weight-bold);
    color: var(--color-blue-06);
}

.request-section {
    height: fit-content;
    padding: 25px;
    background-color: #fff;
    border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;
    color: var(--color-blue-06);
    letter-spacing: -0.025rem;
}
.request-section-inner {
    grid-column-gap: 10px; 
    grid-row-gap: 20px;
    margin-top: 15px;
}
.request-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.request-item:nth-child(1) {grid-column: 1/2; grid-row: 1/2;}
.request-item:nth-child(2) {grid-column: 2/5; grid-row: 1/2;}
.request-item:nth-child(3) {grid-column: 1/5; grid-row: 2/3;}
.request-item:nth-child(4) {grid-column: 1/5; grid-row: 3/4;}

.request-item h4 {
    font-weight: var(--font-weight-bold);
    color: var(--color-blue-06);
}
.request-item-inner {
    display: flex;
    gap: 10px;
}
.request-item-inner :where(input[type='text'], input[type='tel'], select, textarea) {
    width: 100%;
    padding: 12px var(--consult-input-side-padding-size);
    border: 1px solid var(--color-gray-03);
    border-radius: var(--border-radius-default);
    background-color: var(--color-white-01);
    font-size: var(--font-size-mid-s);
    color: var(--color-gray-05);
}
.request-item-inner select {
    appearance: none;
    background: var(--color-white-01) url('/img/common/icon-arrow-down-gray.webp') no-repeat 90% 50%/10%;
}
.request-item-inner :where(input[type='text'], input[type='tel'], textarea)::placeholder {color: var(--color-gray-05);}
.request-item-inner textarea {
    height: 86px;
    padding: 18px var(--consult-input-side-padding-size);
    resize: none;
}

.request-check-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
    font-size: var(--font-size-mid);
}
.request-check-box-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    transform: translateX(-2px);
}
.request-check-box-inner input[type='checkbox'] {
    width: 18px;
    aspect-ratio: 1/1;
    margin: 0;
    accent-color: var(--color-blue-06);
}
.request-check-box-inner label {
    font-weight: var(--font-weight-semi-bold);
    color: #0a2648;
    cursor: pointer;
}
.request-check-box button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    aspect-ratio: 1/0.276;
    border-radius: var(--border-radius-default);
    background-color: var(--color-blue-07);
    font-size: var(--font-size-default);
    font-weight: var(--font-weight-bold);
    color: #fff;
}


/***************************************************************************************
| footer
****************************************************************************************/
:root {
    --footer-bottom-padding-base: clamp(15px, 4.68vw, 30px);
}
#footer {
    height: 100%;
    background-color: var(--color-black-02);
    font-size: var(--font-size-mid);
    color: #fff;
}
.footer-top {background-color: var(--color-black-01);}
.footer-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding-block: var(--footer-bottom-padding-base);
}
.footer-menu li {padding-top: 5px;}

.footer-bottom {
    padding-block: 
        calc(var(--footer-bottom-padding-base) * 2)
        calc(var(--footer-bottom-padding-base) * 3);
}
.footer-bottom-item {
    display: flex;
    flex-direction: column;
    gap: var(--gap-10);
}
.footer-bottom-item:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
    width: var(--logo-width);
}
.footer-bottom-item:nth-child(1) img {width: 100%;}
.footer-bottom-item:nth-child(2) {
    justify-content: flex-end;
    grid-column: 1/2;
    grid-row: 2/3;
}
.footer-bottom-item:nth-child(3) {
    align-items: flex-end;
    grid-column: 2/3;
    grid-row: 2/3;
}
.footer-bottom-item:where(:nth-child(2), :nth-child(3)) {margin-bottom: 30px;}
.footer-bottom-item:nth-child(3) select {
    appearance: none;
    width: 100%;
    padding: 18px 15px;
    border-radius: var(--border-radius-default);
    background: var(--color-black-01) url('/img/common/icon-arrow-down-white.webp') no-repeat 97% 50%/2.5%;
    color: #fff;
}
.footer-bottom-item:nth-child(4) {
    grid-column: 1/2;
    grid-row: 3/4;
}
.footer-bottom-item:nth-child(5) {
    align-items: flex-end;
    grid-column: 2/3;
    grid-row: 3/4;
}
.footer-bottom h3 {
    padding-right: 10px;
    font-size: var(--font-size-default);
}
:root {
    --footer-bottom-strong-gap: 34px;
    --footer-bottom-p-gap: 20px;
}
.footer-bottom-item strong {
    display: flex;
    align-items: center;
    gap: var(--footer-bottom-strong-gap);
    font-size: var(--font-size-lg-s);
    font-weight: var(--font-weight-bold);
}
.footer-bottom-item p {
    display: flex;
    align-items: center;
    gap: var(--footer-bottom-p-gap);
    font-weight: var(--font-weight-light);
    color: var(--color-gray-06);
}
.footer-bottom-item :where(strong, p) span {position: relative;}
.footer-bottom-item strong span::after {
    position: absolute;
    top: 50%;
    right: calc(var(--footer-bottom-strong-gap) / 2 * -1 - 1.5px);
    width: 3px;
    height: 85%;
    background-color: var(--color-gray-03);
    transform: translateY(-50%);
    content: '';
}
.footer-bottom-item p span::after {
    position: absolute;
    top: 50%;
    right: calc(var(--footer-bottom-p-gap) / 2 * -1 - 0.5px);
    width: 1px;
    height: 85%;
    background-color: var(--color-gray-06);
    transform: translateY(-50%);
    content: '';
}
.footer-bottom-item strong span:last-child::after {content: none;}
.footer-bottom-item p span:last-child::after {content: none;}


@media screen and (max-width: 1600px) {
    :root {
        --content-inner-width: 100%;
    }
    .content-inner {
        margin-left: auto;
        padding: 0 var(--header-padding-base);
    }
    .content-inner.intro {
        height: var(--height-100dvh);
        min-height: var(--main-partition-min-height);
    }
    .content-inner:where(.full, .loca) {padding-left: 0; padding-right: 0;}

    .content-inner.loca .inner-title-box :where(.lawfirm-title, h2), 
    .content-inner.loca .branch-box :where(.branch-info, .branch-map-app) {padding: 0 var(--header-padding-base);}
    /* .branch-menu button:first-child {margin-left: var(--header-padding-base);} */
    /* .branch-menu button:nth-child(6) {margin-right: var(--header-padding-base);} */
}
@media screen and (max-width: 1400px) {
    .main-partition:where(.reason, .member) {
        height: auto;
        min-height: unset;
    }
    .content-inner.reason {
        gap: var(--gap-50);
        flex-direction: column;
        height: auto;
        min-height: unset;
        padding: var(--content-inner-center-padding-top) 15px calc(var(--content-inner-center-padding-top) * 2);
    }
    .content-inner.reason .grid {gap: var(--gap-20);}
}
@media screen and (max-width: 1300px) {
    .main-partition.main-visual {background-position: 80% 0;}
    .content-inner.intro {gap: 0;}
}
@media screen and (max-width: 1200px) {
    .main-partition.consult {
        overflow: hidden;
        position: relative;
        height: auto;
        padding: var(--content-inner-center-padding-top) 0 0;
        background-size: 200%;
    }
    .content-inner.consult {
        overflow: hidden;
        flex-direction: column;
        height: auto;
    }
    .content-inner.consult .inner-title-box {
        align-items: flex-start;
        width: 100%;
        gap: var(--gap-20);
    }
    .inner-box.consult {
        z-index: 1;
        position: relative;
        gap: 30px;
        width: 100%;
    }
    .inner-box.consult::after {
        z-index: -1;
        position: absolute;
        top: calc(var(--header-padding-base) * -1);
        left: calc(var(--header-padding-base) * -1);
        width: 100vw;
        height: calc(100% + var(--header-padding-base));
        background: linear-gradient(to bottom, transparent 0%, #0e172a 15%);
        content: '';
    }
}
@media screen and (max-width: 1100px) {
    :root {
        --main-partition-banner-height: clamp(400px, 63.6vw, 700px);
    }
    .main-partition.main-visual {position: relative;}
    .main-partition.main-visual::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(23, 26, 34, 0.7) 50%);
        pointer-events: none;
    }
    .main-partition {height: 100%;}
    .content-inner.intro {min-height: 900px;}

    .main-partition.banner .content-inner::after {
        top: unset;
        bottom: -35%;
        right: 45%;
        transform: translateX(50%);
        animation: tiltSwitchTranslateX 1.8s ease-in-out infinite alternate;
    }
    #container .main-partition:where(.cert, .map, .success) {
        height: auto;
        min-height: auto;
    }
    #container .main-partition.loca {
        justify-content: space-between;
        min-height: unset;
    }

    .footer-bottom {margin-bottom: var(--header-height);}
    .footer-bottom-item {gap: var(--gap-5);}
    .footer-bottom-item-box {
        display: flex;
        flex-direction: column;
        gap: var(--gap-20);
        width: 100%;
    }
    .footer-bottom-item:nth-child(1) {order: 2;}
    .footer-bottom-item:nth-child(2) {order: 3; margin-bottom: 0;}
    .footer-bottom-item:nth-child(3) {order: 1; align-items: flex-start;}
    .footer-bottom-item:nth-child(4) {order: 4;}
    .footer-bottom-item:nth-child(5) {order: 5; align-items: flex-start;}
}
@media screen and (max-width: 720px) {
    .footer-menu {
        justify-content: center;
        gap: var(--gap-25);
        width: 100%;
    }
    .footer-bottom-item:nth-child(3) select {
        padding-right: 30px;
        font-size: var(--font-size-sm);
    }
}
@media screen and (max-width: 580px) {
    .main-partition.banner .content-inner::after {
        bottom: -25%;
    }
}
@media screen and (max-width: 550px) {
    .request-item:nth-child(1) {grid-column: 1/5; grid-row: 1/2;}
    .request-item:nth-child(2) {grid-column: 1/5; grid-row: 2/3;}
    .request-item:nth-child(3) {grid-column: 1/5; grid-row: 3/4;}
    .request-item:nth-child(4) {grid-column: 1/5; grid-row: 4/5;}
    .request-item:nth-child(3) .request-item-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-bottom-item :where(strong, p) span {
        display: flex;
        flex-direction: column;
        line-height: var(--line-height-2);
    }
    .footer-bottom-item span.fax {flex-direction: unset;}
}
@media screen and (max-width: 480px) {
    .content-inner.reason .grid {gap: var(--clamp-15px-w640);}
    .main-partition.loca {max-height: 600px;}
    .current-state-list {font-size: var(--font-size-sm);}
    .footer-bottom-item strong {font-size: var(--font-size-default);}
    .footer-bottom-item:nth-child(3) {margin-bottom: 0;}
}
@media screen and (max-width: 400px) {
    .inner-box.consult::after {background: linear-gradient(to bottom, transparent 0%, #0e172a 10%);}
}