@charset "utf-8";

/* =========================== SUB */
#subBnr{position:relative;z-index:2;width:100%;height:244px;padding:0 70px;color:#fff;overflow:hidden}
#subBnr .inner{height:100%;background:url(../../images/fs/layout/sub_bg.jpg) center no-repeat}
#subBnr .txt_area{position:relative;top:50%;max-width:1200px;margin:0 auto;text-align:center;opacity:0;transform:translateY(-50%)}
#subBnr .txt_area p{padding-bottom:10px;font-size:15px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;font-family:'mulish'}
#subBnr .txt_area span{display:inline-block;font-size:42px;font-weight:300;letter-spacing:-.5px;font-family:'Noto Sans Kr';line-height: 1;}
@media (max-width:1400px){
    #subBnr{padding:0 30px}
}
@media (max-width:1024px){
    #subBnr{height:212px;padding:0}
    #subBnr .txt_area span{font-size:37px}
}

/* =========================== SNB */
#sh_snb{display: table;overflow:hidden;margin:19px auto 0;padding-right:18px;overflow:hidden}
#sh_snb li{float:left}
#sh_snb li a{display:block;position:relative;padding:0 30px;font-size:18px;font-weight:500;line-height:66px;color:#727272;letter-spacing:-.2px;transition:all .3s;font-family:'Noto Sans Kr'}
#sh_snb li a:after{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:1px;background-color:#222}
#sh_snb li.snb_on a{border-bottom:solid 4px #000;color:#000}
#sh_snb li a:hover{color:#000}


/****************/
/* 컨텐츠 */
/****************/
/* 서브 타이틀 */
.con_header {padding-top:6rem;position:relative;text-align: center;margin-top:5rem;}
.con_header:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;width:1px;height:4rem;background:var(--primary);}
.con_header .bullet {display:block;color:var(--primary);font-size:15px;font-weight:900;text-transform: uppercase;}
.con_header h3 {margin-top:5px;color:#1d1d1d;font-size:4rem;font-weight:800;}
@media only screen and (max-width:767px){
    .con_body {padding:80px 0 100px;}
    .con_header h3 {font-size:2em;}
}

/* 공통 */
/* 준비중 */
.img_ready {display:flex;justify-content:center;align-items: center;margin:10rem 0;}
.img_ready .left img {width: 41.7rem;}
.img_ready .right {padding-left:2rem;}
.img_ready .right strong {line-height:1.2;font-size:4rem;color:#1d1d1d;font-weight: 300;}
.img_ready .right strong em {font-weight: 700;}
.img_ready .right p {margin-top:2.5rem;line-height:1.5;font-size:1.8rem;color:#767676;}
@media only screen and (max-width:767px){
    .img_ready {flex-direction: column;gap:4rem;text-align: center;}
    .img_ready .right strong em br {display: none;}
}

.wrap {width: 1400px;margin: 0 auto;}
@media only screen and (max-width:1399px){
    .wrap {width: auto;padding:0 4rem;}
}
@media only screen and (max-width:1023px){
    .wrap {width: auto;padding:0;}
}


/* sub0302_네트워크 */
.cir_step_sect {overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);}
.cir_step_sect strong {color:#000;font-size:2.5rem;font-weight:700;}
.cir_step_sect > .tit {margin-bottom:80px;font-size:2rem;font-weight:800;text-align:center;}
.cir_step_sect .cir_wrap {position:relative;display:flex;width:1110px;margin:0 auto;align-items:center;justify-content:center;}
.cir_step_sect .cir_wrap .line.before {content:'';position:absolute;right:0;top:50%;width:100%;height:1px;background-color:#000;transform:translate(-100%, -50%);}
.cir_step_sect .cir_wrap .line.before:before {content:'';position:absolute;display:block;right:0;top:50%;width:100%;height:10px;background-color:#fff;transform:translateY(-50%);transition:all 1s;}
.cir_step_sect .cir_wrap .line.after {content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#000;transform:translate(100%, -50%);}
.cir_step_sect .cir_wrap .line.after:before {content:'';position:absolute;display:block;right:-1px;top:50%;width:100%;height:10px;background-color:#fff;transform:translateY(-50%);transition:all 1.5s;transition-delay:2s;}
.cir_step_sect.on .cir_wrap .line.before:before {width:0;}
.cir_step_sect.on .cir_wrap .line.after:before {width:0;}
.cir_step_sect .cir_wrap .cir {position:relative;width:calc(100%/3);padding-top:calc(100%/3);}
.cir_step_sect .cir_wrap .cir + .cir {margin-left:-20px;}
.cir_step_sect .cir_wrap .cir .svg {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%, -50%);opacity:0;transition-delay:1s;}
.cir_step_sect.on .cir_wrap .cir .svg {opacity:1;}
.cir_step_sect .cir_wrap .cir .svg svg {width:100%;height:100%;stroke-dasharray:1214;stroke-dashoffset:0;stroke-linecap:round;transform:rotate(-90deg);}
.cir_step_sect.on .cir_wrap .cir .svg svg {animation:drawCircle 1s linear;animation-delay:1s;}
.cir_step_sect .cir_wrap .cir:nth-of-type(2n) .svg svg {transform:rotate(-270deg);}
.cir_step_sect .cir_wrap .cir .box {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%, -50%);text-align:center;padding:0 5rem;}
.cir_step_sect .cir_wrap .cir .box .label {max-width:37px;height:37px;line-height:37px;margin:0 auto 35px;border-radius:50%;font-size:17px;font-weight:800;background-color:var(--primary);color:#fff;}
.cir_step_sect .cir_wrap .cir .box .desc {margin-bottom:25px;}
.cir_step_sect .cir_wrap .cir .box .tit {font-size:1.7rem;font-weight:400;margin-top:1rem;}
.cir_step_sect .cir_wrap .cir .box .tit + .desc {margin-bottom:0;margin-top:25px;}
.cir_step_sect.col2 .cir_wrap {width:33%;}
.cir_step_sect.col2 .cir_wrap .cir {width:calc(100%/2);padding-top:calc(100%/2);}
.cir_step_sect.col2 .cir_wrap .line.before {width:110%;left:12px;right:unset;}
.cir_step_sect.col2 .cir_wrap .line.after {width:110%;right:11px;left:unset;}
@keyframes drawCircle { 0% {stroke-dashoffset:1214;} 100% {stroke-dashoffset:0;} }
@media only screen and (max-width:1199px){
    .cir_step_sect .cir_wrap {width:90%;}
}
@media only screen and (max-width:1023px){
    .cir_step_sect .cir_wrap .cir .box .label {margin: 0 auto 2rem;}
    .cir_step_sect .cir_wrap .cir .box {padding:0 3rem;}
    .cir_step_sect strong {font-size:2rem;}
    .cir_step_sect .cir_wrap .cir .box .tit {font-size:1.6rem;}
}
@media only screen and (max-width:767px){
    .cir_step_sect .cir_wrap {flex-wrap:wrap;justify-content:center;flex-direction:column;}
    .cir_step_sect .cir_wrap .cir {width:300px;padding-top:300px;}
    .cir_step_sect .cir_wrap .cir + .cir {margin-left:0;margin-top:-4rem;}
    .cir_step_sect .cir_wrap .line.before {display:none;}
    .cir_step_sect .cir_wrap .line.after {display:none;}
}


/* Intro */
.sv_intro {margin:6rem 0 10rem; text-align:center;}
.sv_intro .tit {font-size:2.8rem; font-weight:700; color:#222; margin-bottom:3rem; letter-spacing:-1px;}
.sv_intro .desc {font-size:1.8rem; line-height:1.9; color:#555; font-weight:400; word-break:keep-all;}
/* Visual Image */
.sv_img {margin-bottom:4rem; border-radius:1.5rem; overflow:hidden; box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.sv_img img {width:100%; height:auto; display:block;}
/* Service List */
.sv_services {margin-bottom:10rem;}
.sv_services .sv_tit {font-size:1.6rem; font-weight:900; color:var(--primary); text-transform:uppercase; text-align:center; letter-spacing:2px; margin-bottom:4rem; position:relative;}
.sv_services .sv_tit::after {content:''; display:block; width:1px; height:2rem; background:var(--primary); margin:1rem auto 0;}
.sv_list {display:flex; flex-wrap:wrap; justify-content:center; gap:3rem;}
.sv_list li {width:calc(33.333% - 2rem); min-height:25rem; background:#fff; border:1px solid #eee; border-radius:1.5rem; padding:4rem 3rem; text-align:center; transition:0.3s cubic-bezier(0.25, 0.8, 0.25, 1); display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; overflow:hidden;}
.sv_list li:hover {border-color:transparent; box-shadow: 0 15px 30px rgba(0,0,0,0.08); transform:translateY(-10px);}
.sv_list li .icon {font-size:5rem; color:#ddd; margin-bottom:2rem; transition:0.3s;}
.sv_list li:hover .icon {color:var(--primary); transform:scale(1.1);}
.sv_list li .text {font-size:1.8rem; font-weight:600; color:#333; line-height:1.4; word-break:keep-all; transition:0.3s;}
.sv_list li:hover .text {color:#000;}

@media (max-width:1024px){
    .sv_list li {width:calc(50% - 1.5rem); min-height:22rem;}
}
@media (max-width:768px){
    .con_header {padding-top:4rem; margin-top:3rem;}
    .con_header h3 {font-size:3rem;}
    .sv_intro {margin:4rem 0 6rem;}
    .sv_intro .tit {font-size:2.2rem;}
    .sv_intro .desc {font-size:1.6rem;}
    .sv_list li {width:100%; height:auto; min-height:auto; padding:3rem; flex-direction:row; justify-content:flex-start; text-align:left;}
    .sv_list li .icon {margin-bottom:0; margin-right:2rem; font-size:3rem;}
    .sv_list li:hover {transform:translateY(-5px);}
}

/* Type 2: Web Service Layout */
.sv_intro_split {display:flex; justify-content:space-between; align-items:flex-end; margin:8rem 0 6rem; padding-bottom:4rem; border-bottom:1px dashed #ddd;}
.sv_intro_split .tit_area {width:40%;}
.sv_intro_split .tit_area .bullet {display:block; font-size:1.4rem; font-weight:900; color:var(--primary); margin-bottom:1rem; letter-spacing:2px;}
.sv_intro_split .tit_area h3 {font-size:4rem; font-weight:800; color:#111; line-height:1.2; word-break:keep-all;}
.sv_intro_split .desc {width:55%; font-size:1.7rem; line-height:1.8; color:#444;}

.sv_list_grid {display:flex; flex-wrap:wrap; border-top:2px solid #111;}
.sv_list_grid li {width:33.333%; height:30rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:4rem; display:flex; flex-direction:column; justify-content:space-between; transition:0.3s;}
.sv_list_grid li:nth-child(3n) {border-right:none;}
.sv_list_grid li .top {display:flex; justify-content:space-between; align-items:flex-start;}
.sv_list_grid li .icon {font-size:4rem; color:#111; transition:0.3s;}
.sv_list_grid li .num {font-size:1.4rem; font-family:'Roboto'; font-weight:700; color:#ccc;}
.sv_list_grid li .text {font-size:2rem; font-weight:700; color:#111; line-height:1.3;}
.sv_list_grid li:hover {background:#f9f9f9;}
.sv_list_grid li:hover .icon {color:var(--primary); transform:scale(1.1);}

@media (max-width:1024px){
    .sv_intro_split {flex-direction:column; align-items:flex-start;}
    .sv_intro_split .tit_area {width:100%; margin-bottom:3rem;}
    .sv_intro_split .desc {width:100%;}
    .sv_list_grid li {width:50%;}
    .sv_list_grid li:nth-child(3n) {border-right:1px solid #ddd;}
    .sv_list_grid li:nth-child(2n) {border-right:none;}
}
@media (max-width:768px){
    .sv_list_grid li {width:100%; height:auto; padding:3rem; flex-direction:row; align-items:center;border-right:none;justify-content: flex-start}
    .sv_list_grid li:nth-child(3n) {border-right:none;}
    .sv_list_grid li {border-right:none;}
    .sv_list_grid li .top {margin-right:2rem; align-items:center;}
    .sv_list_grid li .icon {font-size:3rem;}
    .sv_list_grid li .num {display:none;}
    .sv_list_grid li .text {font-size:1.8rem;}
    .sv_list_grid li .text br {display: none;}
}
/* @media only screen and (max-width:480px){
    .wrap {width: auto;padding:0 1.5rem;}
} */


/* 마케팅 */
.sv_wrap.limitless_section {width:100%; background-color:#050510; color:#ffffff; height:100vh; display:flex; align-items:center; justify-content:center; box-sizing:border-box; overflow:hidden; position:relative;}
.limitless_container { display:flex; justify-content:space-between; align-items:flex-start; width:90%; max-width:1400px; position:relative; z-index:2;}
.lm_sticky { width:40%; position:relative; z-index:5; }
.lm_sticky h2 { font-size:5.6rem; font-weight:800; line-height:1.1; margin-bottom:40px; letter-spacing:-2px; background:linear-gradient(to right,#fff,#e4c7ac); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.lm_sticky p.lm_desc { font-size:1.8rem; line-height:1.7; color:#dfd4cc; margin-bottom:30px; font-weight:300; border-left:2px solid var(--primary); padding-left:20px; }
.lm_badge { display:inline-block; padding:8px 16px; border:1px solid var(--primary); color:var(--primary); border-radius:50px; font-size:14px; margin-bottom:20px; text-transform:uppercase; letter-spacing:1px; }
.lm_list { width:50%; position:relative; height:500px; }
.lm_item { position:absolute; top:13%; left:0; width:100%; height:80%; background:#302219; padding:60px 50px; border:1px solid rgba(255,255,255,0.1); box-shadow:0 20px 50px rgba(0,0,0,0.3); box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; opacity:0; transform:translateY(100%); }
.lm_item:nth-child(1) { opacity:1; transform:translateY(0); z-index:1; }
.lm_item:nth-child(2) { z-index:2; }
.lm_item:nth-child(3) { z-index:3; }
.lm_item:nth-child(4) { z-index:4; }
.lm_item:nth-child(5) { z-index:5; }
.lm_item:nth-child(6) { z-index:6; }
.lm_item .num { font-size:2rem; color:var(--primary); margin-bottom:20px; font-family:'Courier New',monospace; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:10px; display:inline-block; }
.lm_item h3 { font-size:3rem; font-weight:600; margin-bottom:20px; color:#fff; }
.lm_item h3 span { font-size:1.8rem; font-weight:400; }
.lm_item p { font-size:1.8rem; color:#dfd4cc; line-height:1.6; }
.bg_video { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0; opacity: 0.5; }
.bg_overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1; }
@media (max-width:1024px) {
    .lm_sticky h2 { font-size:4rem; }
    .limitless_container { flex-direction:column; width: 100%; height:auto; }
    .sv_wrap.limitless_section { height:auto; padding:100px 20px; display:block; }
    .lm_sticky { width:100%; margin-bottom:50px; }
    .lm_list { width:100%; height:auto; display:block; }
    .lm_item { position:relative; opacity:1 !important; transform:translateY(0) !important; margin-bottom:20px; height:auto; padding:40px 30px;}
}

/* Cooperative Section (Redesign: Simple Minimalist) */
.sv_wrap.simple_section { padding: 4rem 0; width:auto; background:transparent; color:inherit; display:block; }

.sv_wrap .coop_intro { text-align:center; margin-bottom:8rem; }
.sv_wrap .coop_intro .sub_tit { display:block; font-size:1.6rem; font-weight:700; color:var(--primary); letter-spacing:0.1em; text-transform:uppercase; margin-bottom:1rem; font-family:'Poppins', sans-serif; }
.sv_wrap .coop_intro .tit { font-size:4.2rem; font-weight:800; color:#111; margin-bottom:2.5rem; letter-spacing:-1px; line-height:1.2; font-family:'Poppins', sans-serif; }
.sv_wrap .coop_intro .deco_line { width:4rem; height:0.3rem; background:var(--primary); margin:0 auto 3rem; }
.sv_wrap .coop_intro .desc { font-size:1.8rem; line-height:1.8; color:#444; word-break:keep-all; }
.sv_wrap .coop_intro .desc b { font-weight:700; color:#222; }
.sv_wrap .coop_intro .desc .highlight { display:inline-block; font-weight:700; color:var(--primary); background:transparent; border-bottom:1px solid var(--primary); }

.coop_networks.simple_grid { display:flex; flex-wrap:wrap; gap:3rem; justify-content:center; }

.network_card.simple {
    width:calc(25% - 2.25rem);
    background:#fff;
    border:1px solid #e1e1e1;
    border-radius:12px;
    padding:4rem 3rem;
    display:flex;
    flex-direction:column;
    align-items:flex-start; /* Left Align */
    transition:0.3s;
    box-shadow:none;
}
.network_card.simple:hover {
    border-color:var(--primary);
    transform:translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}

.network_card.simple .card_icon {
    margin-bottom:2.5rem;
    width: 6rem;
    height: 6rem;
    background: #f4f6f9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.network_card.simple:hover .card_icon { background: var(--primary); }

.network_card.simple .card_icon i {
    font-size:3rem;
    color:#333;
    transition: 0.3s;
}
.network_card.simple:hover .card_icon i { color: #fff; }

.network_card.simple .card_txt { padding:0; width:100%; }
.network_card.simple .card_txt h3 {
    font-size:2.2rem;
    font-weight:700;
    color:#222;
    margin-bottom:2rem;
    padding-bottom:1.5rem;
    border-bottom:2px solid #222;
    display: inline-block;
}

.network_card.simple .card_txt ul li {
    font-size:1.6rem;
    color:#555;
    margin-bottom:1.2rem;
    position:relative;
    padding-left:1.5rem;
    line-height:1.4;
    word-break:keep-all;
}
.network_card.simple .card_txt ul li:last-child { margin-bottom:0; }
.network_card.simple .card_txt ul li::before {
    content:'';
    position:absolute;
    top:0.9rem;
    left:0;
    width:0.4rem;
    height:0.4rem;
    background:#ccc;
    border-radius:50%;
}

@media (max-width:1200px){
    .network_card.simple { width:calc(50% - 1.5rem); }
}
@media (max-width:640px){
    .coop_intro .desc { font-size:1.6rem; }
    .network_card.simple { width:100%; }
    .network_card.simple .card_txt h3 { font-size:2rem; }
}


/* Sitemap */
.sitemap { margin-bottom:10rem; }
.sitemap > ul { display:flex; flex-wrap:wrap; margin:0 -1.5rem; }
.sitemap > ul > li { width:25%; padding:0 1.5rem; margin-bottom:4rem; }
.sitemap > ul > li > a { display:block; font-size:2.2rem; font-weight:800; color:#111; padding-bottom:1.5rem; border-bottom:2px solid #111; margin-bottom:2rem; }
.sitemap > ul > li > ul > li { margin-bottom:1rem; }
.sitemap > ul > li > ul > li > a { display:block; font-size:1.6rem; color:#666; transition:0.3s; position:relative; padding-left:1.5rem; }
.sitemap > ul > li > ul > li > a::before { content:'-'; position:absolute; top:0; left:0; color:#ccc; transition:0.3s; }
.sitemap > ul > li > ul > li > a:hover { color:var(--primary); font-weight:600; }
.sitemap > ul > li > ul > li > a:hover::before { color:var(--primary); }
.sitemap > ul > li + li + li + li + li {display: none;}

@media (max-width:1024px){
    .sitemap > ul > li { width:50%; }
}
@media (max-width:640px){
    .sitemap > ul > li { width:100%; }
    .sitemap > ul > li > a { font-size:2rem; }
}




/* 1:1상담요청 */
.consult-box {display:flex;justify-content:space-between;border-radius:1rem;margin:0 auto;color:#000;position:fixed;bottom:2rem;left:0;right:0; top:auto; flex-wrap:wrap;z-index:10; height: 120px; }
.consult-inner {display:flex;align-items:center;flex-wrap:wrap;background:#eee;padding:3rem 2.5rem 3rem 4rem;border-radius:1rem 0 0 1rem;gap:1rem;flex:1;justify-content:space-around;width:calc(100% - 20rem);}
.consult-title {font-weight:700;font-size:3rem;white-space:nowrap;color:#222;width:20rem;}
.consult-title span {display:block;font-weight:700;font-size:1.6rem;color:#666;}
.consult-inner label {font-weight:500;font-size:1.6rem;white-space:nowrap;}
.consult-inner input[type="text"] {padding:0 1.5rem;border-radius:0.5rem;border:none;background:#fff;font-size:1.4rem;width:18rem;line-height:5rem;}
.consult-inner input::placeholder {color:#999;}
.consult-inner .agree {font-size:1.5rem;display:flex;align-items:center;gap:1rem;color:#929292;justify-content:end;}
.consult-btn {background:var(--primary);color:#fff;padding:0 0 0 2.5rem;border:none;border-radius:0 1rem 1rem 0;font-size:2.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:1rem;white-space:nowrap;width:20rem;height:-webkit-fill-available;}
.consult-btn i {font-size:8rem;opacity:0.1;font-weight:500;}
@media only screen and (max-width:1250px){
    .consult-inner {padding:3rem 1.5rem 3rem 4rem;}
}
@media only screen and (max-width:1199px){
    .consult-box {padding:0 2rem; }
    .consult-inner {gap:0.5rem;flex:none;padding:2.5rem 2rem 2.5rem 3rem;flex-wrap:nowrap;}
    .consult-inner label {padding:0 1rem;font-size:11.8px;}
    .consult-title {width:auto;font-size:20px;}
    .consult-btn {}
    .consult-inner .agree {font-size:11.2px;}
}
@media only screen and (max-width:1023px){
    .consult-inner {flex-wrap:wrap;justify-content:flex-start;padding:1.5rem 1rem 1.5rem 1rem;}
    .consult-title {font-size:18px;}
    .consult-inner .agree {margin-top:0.5rem;padding:0;}
}
@media only screen and (max-width:767px){
    .consult-box { height: 175px;}
    .consult-inner {width:100%;padding:2rem 2rem 2.5rem 2rem;border-radius:1rem;}
    .consult-inner label {padding:0;width:5rem;}
    .consult-inner input[type="text"] {width:calc(100% - 6rem);line-height:3.5rem;}
    .consult-inner .agree {width:100%;justify-content:flex-start;margin-top:2rem;}
    .consult-title {width:100%;font-size:2rem;margin-bottom:0.5rem;}
    .consult-title span {display:inline-block;margin-left:10px;}
    .consult-btn {position:absolute;bottom:1rem;right:4rem;height:auto;width:auto;font-size:1.8rem;border-radius:1rem;}
    .consult-btn i {font-size:4rem;}
}

.modal-overlay {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:none;justify-content:center;align-items:center;z-index:1000;}
.modal-content {background-color:#fff;color:#000;padding:3rem;border-radius:1rem;width:90%;max-width:40rem;position:relative;box-shadow:0 10px 25px rgba(0,0,0,0.2);}
.modal-close {position:absolute;top:12px;right:16px;font-size:2.5rem;background:none;border:none;cursor:pointer;}
.modal-content h3 {margin-top:0;margin-bottom:10px;font-size:1.8rem;}
.modal-content p {font-size:1.4rem;line-height:1.5;}
@media only screen and (max-width:1023px){
    .counseling .consult_form {max-width:100%;}
}
@media only screen and (max-width:767px){
    .counseling .form_row.form_row_left {width:100%;}
    .counseling .form_row.form_row_btn {width:100%;margin-top:2rem;gap:1rem 1rem;    padding-left:0;}
    .counseling .btn {width:calc(50% - 0.5rem);}
}