*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f7f8fb;color:#152033}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}.topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e8edf4;position:sticky;top:0;z-index:1000}.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand img{height:108px;width:auto;display:block}.menu{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:900;text-transform:uppercase;color:#17336b}.menu a.active,.menu a:hover{color:#f58220}.portal-link{background:#fff2e6;color:#123b7a!important;border:1px solid #ffd1a8;border-radius:12px;padding:12px 15px}.mobile-menu{display:none;background:none;border:0;color:#17336b;font-size:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:15px 22px;font-weight:900;cursor:pointer;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(23,51,107,.15)}.btn-primary{background:#123b7a;color:#fff}.btn-secondary{background:#fff;color:#123b7a;border:1px solid #dbe4f0}.btn-whats{background:#20b45b;color:#fff;padding:13px 18px}.btn-portal{background:#fff2e6;color:#123b7a;border:1px solid #ffd1a8}.hero-soft{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 48%,#fff4e9 100%);border-bottom:1px solid #e8edf4}.soft-bg{position:absolute;border-radius:50%;pointer-events:none}.soft-bg.one{right:-120px;top:40px;width:450px;height:450px;background:rgba(18,59,122,.08)}.soft-bg.two{right:310px;bottom:-135px;width:350px;height:350px;background:rgba(245,130,32,.10)}.soft-bg.three{left:-180px;top:120px;width:320px;height:320px;background:rgba(18,59,122,.05)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;min-height:610px;align-items:center;gap:46px}.eyebrow{display:inline-block;background:#fff2e6;color:#123b7a;border:1px solid #ffd8b8;border-radius:999px;padding:10px 15px;font-weight:900;margin-bottom:16px}.hero-copy h1{font-size:58px;line-height:1.02;text-transform:uppercase;margin:0 0 20px;color:#152033}.hero-copy h1 strong{display:block;color:#123b7a}.hero-copy p{font-size:21px;line-height:1.5;font-weight:700;color:#45556d;max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px}.trust-row div{background:#fff;border:1px solid #d5e2f2;border-radius:16px;padding:16px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 25px rgba(23,51,107,.06)}.trust-row i{font-style:normal;color:#f58220;font-weight:900}.trust-row b{font-size:14px;color:#17336b}.hero-visual{position:relative;min-height:520px}.finance-panel{position:absolute;right:20px;top:36px;width:500px;min-height:430px;background:#fff;border:2px solid #d6e4f4;border-radius:34px;padding:34px;box-shadow:0 28px 80px rgba(23,51,107,.15);overflow:hidden}.finance-panel:before{content:"";position:absolute;right:-85px;top:-85px;width:250px;height:250px;background:rgba(245,130,32,.13);border-radius:50%}.finance-panel:after{content:"";position:absolute;left:-95px;bottom:-95px;width:250px;height:250px;background:rgba(18,59,122,.08);border-radius:50%}.panel-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-top span{background:#123b7a;color:#fff;border-radius:999px;padding:10px 15px;font-weight:900}.panel-top b{color:#f58220}.score-ring{position:absolute;right:38px;top:95px;width:118px;height:118px;border:8px solid #e8f0fa;border-top-color:#f58220;border-right-color:#123b7a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;z-index:3}.score-ring strong{color:#123b7a;font-size:25px}.score-ring small{font-size:10px;text-align:center;color:#637083;font-weight:900}.finance-panel h3{position:relative;z-index:2;color:#123b7a;font-size:38px;line-height:1.1;margin:38px 0 14px;max-width:320px}.finance-panel p{position:relative;z-index:2;color:#45556d;line-height:1.55;font-weight:700;max-width:340px}.mini-products{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.mini-products span{background:#f7f8fb;border:1px solid #cbd9ea;color:#123b7a;border-radius:12px;padding:13px 8px;text-align:center;font-weight:900}.panel-footer{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel-footer div{background:#f0f6ff;border:1px solid #d5e4f5;border-radius:14px;padding:14px}.panel-footer b{display:block;color:#123b7a}.panel-footer small{color:#637083;font-weight:800}.side-card{position:absolute;z-index:4;background:#fff;border:1px solid #d8e4f2;border-radius:16px;padding:16px 18px;box-shadow:0 18px 45px rgba(23,51,107,.14)}.side-card b{display:block;color:#123b7a}.side-card span{color:#637083;font-size:13px;font-weight:800}.side-a{left:0;bottom:90px;border-left:5px solid #f58220}.side-b{right:0;bottom:28px;border-left:5px solid #123b7a}.section-title{text-align:center;padding-top:62px;margin-bottom:28px}.section-title span,.why-copy span,.form-copy span,.about span{display:inline-block;background:#fff2e6;color:#123b7a;border-radius:999px;padding:9px 14px;font-weight:900}.section-title h2,.why h2,.form-copy h2,.about h2,.faq h2{color:#123b7a;font-size:36px;margin:12px 0}.section-title p{color:#637083}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.product-card{background:#fff;border:1px solid #d5e2f2;border-top:4px solid #123b7a;border-radius:20px;padding:24px 14px;min-height:220px;text-align:center;box-shadow:0 14px 35px rgba(23,51,107,.07);cursor:pointer;transition:.2s}.product-card:nth-child(even){border-top-color:#f58220}.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(23,51,107,.14);border-color:#bfd2ea}.product-card i{font-style:normal;font-size:38px}.product-card h3{color:#123b7a;margin:14px 0 8px;text-transform:uppercase}.product-card p{font-size:13px;color:#45556d;line-height:1.45;min-height:58px}.product-card b{display:inline-flex;background:#123b7a;color:#fff;border-radius:10px;padding:11px 18px;text-transform:uppercase;font-size:12px}.metrics{margin-top:30px;background:#fff;border:1px solid #d5e2f2;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 40px rgba(23,51,107,.08);overflow:hidden}.metrics div{padding:24px;border-right:1px solid #e3e9f2}.metrics div:last-child{border-right:0}.metrics strong{display:block;color:#123b7a;font-size:25px;text-transform:uppercase}.metrics span{color:#637083;font-weight:800}.why{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:60px;margin-bottom:42px}.why-copy{background:#fff;border:1px solid #d5e2f2;border-radius:24px;padding:34px;box-shadow:0 14px 35px rgba(23,51,107,.07)}.why p{color:#45556d;line-height:1.6}.why ul{list-style:none;padding:0;margin:18px 0}.why li{margin:10px 0;color:#45556d}.why li:before{content:"✓";background:#f58220;color:#fff;border-radius:50%;padding:2px 6px;margin-right:9px;font-weight:900}.gabi-card{background:#123b7a;color:#fff;border-radius:24px;padding:34px;box-shadow:0 18px 45px rgba(18,59,122,.18)}.gabi-icon{font-size:52px}.gabi-card h3{font-size:30px;margin:8px 0}.gabi-card p{line-height:1.55;color:#dbeafe}.alert-soft{background:#fff;border-top:1px solid #d5e2f2;border-bottom:1px solid #d5e2f2;margin:20px 0}.alert-content{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:20px;padding-bottom:20px}.alert-content strong{color:#c33131;text-transform:uppercase;font-size:22px}.alert-content span{color:#45556d;font-weight:700}.alert-content a{background:#fff2e6;color:#c33131;border-radius:12px;padding:12px 16px;font-weight:900}.testimonials{text-align:center;margin-top:50px;margin-bottom:45px}.testimonials h2{color:#123b7a}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.test-card{background:#fff;border:1px solid #d5e2f2;border-radius:18px;padding:24px;text-align:left;box-shadow:0 14px 35px rgba(23,51,107,.07)}.test-card p{color:#45556d;line-height:1.5}.test-card strong{display:block;color:#123b7a}.test-card span{color:#f58220;letter-spacing:2px}.form-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;margin-top:40px;margin-bottom:60px}.form-copy p{color:#45556d;line-height:1.5}.lead-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid #d5e2f2;border-radius:24px;padding:28px;box-shadow:0 14px 35px rgba(23,51,107,.07)}.lead-form input,.lead-form select,.lead-form textarea{border:1px solid #d9e1ec;border-radius:13px;padding:15px;font-size:15px}.lead-form textarea{grid-column:1/3;height:100px}.lead-form button{grid-column:1/3}.about{background:#123b7a;color:#fff;padding:55px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.about h2{color:#fff}.about p{color:#dbeafe;line-height:1.65}.about-card{background:rgba(255,255,255,.1);border-radius:20px;padding:26px}.faq{margin-top:50px;margin-bottom:60px}.faq details{background:#fff;border:1px solid #d5e2f2;border-radius:16px;margin:12px 0;padding:20px;box-shadow:0 10px 28px rgba(23,51,107,.05)}.faq summary{cursor:pointer;color:#123b7a;font-weight:900}.footer{background:#fff;border-top:1px solid #d5e2f2}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;padding-top:35px;padding-bottom:35px}.footer img{height:88px}.footer a{display:block;margin:8px 0;color:#45556d}.footer p{color:#45556d}.footer-portal{display:inline-block!important;background:#fff2e6;color:#123b7a!important;border:1px solid #ffd1a8;border-radius:10px;padding:10px 14px;font-weight:900}.modal{position:fixed;inset:0;background:rgba(13,29,55,.55);display:none;align-items:center;justify-content:center;z-index:3000;padding:20px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:24px;padding:30px;max-width:620px;width:100%;position:relative}.modal-close{position:absolute;right:16px;top:14px;background:#123b7a;color:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}.modal h3{font-size:28px;color:#123b7a;margin:0}.notice{background:#fff2e6;border-left:5px solid #f58220;padding:12px;border-radius:10px}.whats-fixed{position:fixed;left:22px;bottom:22px;z-index:2600;background:#20b45b;color:#fff;border-radius:999px;padding:15px 20px;font-weight:900;box-shadow:0 16px 35px rgba(32,180,91,.25)}.gabi-float{position:fixed;right:22px;bottom:22px;background:#123b7a;color:#fff;border-radius:999px;padding:18px 22px;z-index:2600;font-weight:900;box-shadow:0 16px 35px rgba(18,59,122,.25);cursor:pointer}.gabi-box{position:fixed;right:22px;bottom:90px;width:380px;max-width:calc(100% - 30px);background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25);z-index:2700;display:none}.gabi-box.open{display:block}.gabi-top{background:#123b7a;color:#fff;padding:16px;display:flex;justify-content:space-between}.gabi-top small{display:block;color:#dbeafe}.gabi-top button{background:rgba(255,255,255,.15);border:0;color:#fff;border-radius:10px;width:34px;height:34px;font-size:22px}.gabi-chat{height:200px;overflow:auto;background:#f7f8fb;padding:15px}.msg{padding:12px 14px;border-radius:17px;line-height:1.45;font-size:14px}.msg.bot{background:#fff;border:1px solid #e3e9f2}.gabi-form{display:grid;gap:8px;padding:12px}.gabi-form input,.gabi-form select,.gabi-form textarea{border:1px solid #d9e1ec;border-radius:12px;padding:11px}.gabi-form button{border:0;border-radius:12px;background:#f58220;color:#fff;font-weight:900;padding:13px}@media(max-width:1000px){.menu{display:none;position:absolute;top:96px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;border-bottom:1px solid #e3e9f2}.menu.open{display:flex}.mobile-menu{display:block}.hero-grid,.why,.form-section,.about-grid{grid-template-columns:1fr}.hero-visual{min-height:450px}.finance-panel{position:relative;right:auto;top:auto;width:100%}.side-card{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.metrics,.test-grid,.footer-grid{grid-template-columns:1fr 1fr}.alert-content{flex-direction:column;text-align:center}.lead-form{grid-template-columns:1fr}.lead-form textarea,.lead-form button{grid-column:1}}@media(max-width:560px){.brand img{height:74px}.nav{height:82px}.hero-grid{min-height:auto;padding-top:36px;padding-bottom:36px}.hero-copy h1{font-size:34px}.trust-row,.mini-products,.panel-footer,.product-grid,.metrics,.test-grid,.footer-grid{grid-template-columns:1fr}.finance-panel{padding:24px}.score-ring{display:none}.gabi-box{left:10px;right:10px;width:auto}.whats-fixed{display:none}}
/* V12 - Bancos parceiros */
.bank-section{
margin-top:58px;
margin-bottom:28px;
}
.banks-title{
padding-top:0;
}
.bank-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:16px;
}
.bank-card{
background:#fff;
border:1px solid #d5e2f2;
border-radius:20px;
padding:22px 12px;
min-height:126px;
text-align:center;
box-shadow:0 14px 35px rgba(23,51,107,.07);
position:relative;
overflow:hidden;
transition:.2s;
}
.bank-card:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(135deg,rgba(18,59,122,.04),rgba(245,130,32,.05));
pointer-events:none;
}
.bank-card:hover{
transform:translateY(-6px);
box-shadow:0 22px 50px rgba(23,51,107,.14);
border-color:#bfd2ea;
}
.bank-logo-text{
position:relative;
z-index:2;
min-height:48px;
display:flex;
align-items:center;
justify-content:center;
font-size:25px;
font-weight:1000;
letter-spacing:-.5px;
color:#123b7a;
margin-bottom:10px;
}
.bank-card small{
position:relative;
z-index:2;
color:#637083;
font-weight:800;
line-height:1.3;
}
.bank-bmg .bank-logo-text{color:#f58220}
.bank-c6 .bank-logo-text{color:#111827}
.bank-pan .bank-logo-text{color:#123b7a}
.bank-daycoval .bank-logo-text{color:#0d5aa7;font-size:22px}
.bank-safra .bank-logo-text{color:#17336b}
.bank-facta .bank-logo-text{color:#d13b2f}
@media(max-width:1000px){
.bank-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
.bank-grid{grid-template-columns:1fr 1fr}
}
/* V13 - Remove card grande da Gabi e adiciona autoridade +50 mil */
.authority-card{
background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%);
border:1px solid #d5e2f2;
border-top:5px solid #123b7a;
border-radius:24px;
padding:34px;
box-shadow:0 18px 45px rgba(18,59,122,.11);
position:relative;
overflow:hidden;
}
.authority-card:before{
content:"";
position:absolute;
right:-70px;
top:-70px;
width:190px;
height:190px;
border-radius:50%;
background:rgba(245,130,32,.12);
}
.authority-card:after{
content:"";
position:absolute;
left:-85px;
bottom:-85px;
width:210px;
height:210px;
border-radius:50%;
background:rgba(18,59,122,.07);
}
.authority-label{
position:relative;
z-index:2;
display:inline-block;
background:#fff2e6;
color:#123b7a;
border:1px solid #ffd1a8;
border-radius:999px;
padding:9px 14px;
font-weight:900;
}
.authority-card h3{
position:relative;
z-index:2;
color:#123b7a;
font-size:34px;
line-height:1.06;
margin:18px 0 12px;
}
.authority-card h3 b{
color:#f58220;
font-size:42px;
}
.authority-card p{
position:relative;
z-index:2;
color:#45556d;
line-height:1.55;
font-weight:700;
}
.authority-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:22px;
}
.authority-grid div{
background:#fff;
border:1px solid #d9e6f5;
border-radius:16px;
padding:16px;
box-shadow:0 10px 25px rgba(23,51,107,.06);
}
.authority-grid strong{
display:block;
color:#123b7a;
font-size:22px;
text-transform:uppercase;
}
.authority-grid small{
color:#637083;
font-weight:800;
}
.alert-content strong{
color:#c33131;
}
.metrics strong{
color:#123b7a;
}
@media(max-width:560px){
.authority-grid{grid-template-columns:1fr}
}
/* V14 - Quem Somos com história */
.about-history{
background:linear-gradient(135deg,#123b7a 0%,#173f80 55%,#0f2f65 100%);
color:#fff;
padding:64px 0;
position:relative;
overflow:hidden;
}
.about-history:before{
content:"";
position:absolute;
right:-140px;
top:-160px;
width:420px;
height:420px;
border-radius:50%;
background:rgba(245,130,32,.16);
}
.about-history-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.15fr .85fr;
gap:34px;
align-items:start;
}
.about-story span{
display:inline-block;
background:#fff2e6;
color:#123b7a;
border-radius:999px;
padding:9px 14px;
font-weight:900;
}
.about-story h2{
color:#fff;
font-size:42px;
margin:18px 0;
}
.about-story p{
color:#e9f1ff;
line-height:1.7;
font-size:16px;
}
.about-story strong{
color:#ffd1a8;
}
.history-card{
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.18);
border-radius:24px;
padding:28px;
box-shadow:0 20px 55px rgba(0,0,0,.14);
}
.history-card h3{
margin:0 0 20px;
font-size:28px;
color:#fff;
}
.timeline{
display:grid;
gap:16px;
}
.timeline div{
position:relative;
padding-left:24px;
border-left:3px solid rgba(245,130,32,.75);
}
.timeline div:before{
content:"";
position:absolute;
left:-8px;
top:4px;
width:13px;
height:13px;
border-radius:50%;
background:#f58220;
box-shadow:0 0 0 5px rgba(245,130,32,.18);
}
.timeline b{
color:#ffd1a8;
font-size:17px;
}
.timeline p{
margin:6px 0 0;
color:#e9f1ff;
line-height:1.45;
}
.pillars-row{
position:relative;
z-index:2;
margin-top:34px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.pillars-row div{
background:#fff;
color:#123b7a;
border-radius:20px;
padding:24px;
border:1px solid #d5e2f2;
box-shadow:0 14px 35px rgba(0,0,0,.10);
}
.pillars-row strong{
display:block;
font-size:22px;
margin-bottom:8px;
}
.pillars-row p{
color:#45556d;
line-height:1.5;
margin:0;
}
@media(max-width:1000px){
.about-history-grid,.pillars-row{grid-template-columns:1fr}
}
/* V15 completo - logo maior + LGPD + história */
.brand img{
height:150px !important;
width:auto !important;
object-fit:contain !important;
}
.nav{
height:130px !important;
}
.footer img{
height:110px !important;
}
.lgpd-section{
margin-top:50px;
margin-bottom:40px;
}
.lgpd-card{
background:#fff;
border:1px solid #d5e2f2;
border-left:6px solid #123b7a;
border-radius:24px;
padding:30px;
display:grid;
grid-template-columns:auto 1fr;
gap:22px;
align-items:start;
box-shadow:0 16px 40px rgba(23,51,107,.08);
}
.lgpd-icon{
width:70px;
height:70px;
border-radius:20px;
display:flex;
align-items:center;
justify-content:center;
background:#fff2e6;
color:#123b7a;
font-size:34px;
border:1px solid #ffd1a8;
}
.lgpd-card span{
display:inline-block;
background:#f0f6ff;
color:#123b7a;
border:1px solid #d5e4f5;
border-radius:999px;
padding:9px 14px;
font-weight:900;
}
.lgpd-card h2{
color:#123b7a;
font-size:34px;
margin:14px 0 10px;
}
.lgpd-card p{
color:#45556d;
line-height:1.65;
margin:0;
font-weight:700;
}
.lgpd-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
margin-top:16px;
}
.lgpd-grid div{
background:#fff;
border:1px solid #d5e2f2;
border-radius:18px;
padding:18px;
box-shadow:0 12px 28px rgba(23,51,107,.06);
}
.lgpd-grid strong{
display:block;
color:#123b7a;
font-size:17px;
}
.lgpd-grid small{
color:#637083;
font-weight:800;
}
.lgpd-footer{
background:#f0f6ff;
border-top:1px solid #d5e2f2;
text-align:center;
padding:14px 20px;
color:#123b7a;
font-weight:900;
}
@media(max-width:1000px){
.brand img{height:105px !important}
.nav{height:110px !important}
.lgpd-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.brand img{height:82px !important}
.nav{height:92px !important}
.lgpd-card{grid-template-columns:1fr}
.lgpd-grid{grid-template-columns:1fr}
}
/* V16 - Gabi conversando */
.gabi-box{
height:650px;
max-height:calc(100vh - 120px);
display:none;
flex-direction:column;
}
.gabi-box.open{
display:flex;
}
.gabi-chat{
flex:1;
height:auto !important;
overflow:auto;
background:#f7f8fb;
padding:15px;
display:flex;
flex-direction:column;
gap:10px;
}
.msg{
max-width:88%;
padding:12px 14px;
border-radius:17px;
line-height:1.45;
font-size:14px;
}
.msg.bot{
background:#fff;
border:1px solid #e3e9f2;
align-self:flex-start;
}
.msg.user{
background:#123b7a;
color:#fff;
align-self:flex-end;
}
.gabi-quick{
display:flex;
flex-wrap:wrap;
gap:7px;
padding:10px 12px;
background:#fff;
border-top:1px solid #e3e9f2;
}
.gabi-quick button{
border:1px solid #d5e2f2;
background:#f7f8fb;
color:#123b7a;
border-radius:999px;
padding:8px 11px;
font-weight:900;
cursor:pointer;
font-size:12px;
}
.gabi-quick button:hover{
background:#fff2e6;
border-color:#ffd1a8;
}
.gabi-form{
display:grid;
grid-template-columns:1fr 82px;
gap:8px;
padding:12px;
border-top:1px solid #e3e9f2;
}
.gabi-form textarea{
height:58px;
resize:none;
}
.gabi-form input,
.gabi-form select{
display:none;
}
.gabi-whats-link{
display:inline-flex;
background:#20b45b;
color:#fff !important;
padding:12px 14px;
border-radius:12px;
font-weight:900;
text-decoration:none;
}
@media(max-width:560px){
.gabi-box{
height:calc(100vh - 120px);
}
}