*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:'Inter',sans-serif;
background:#ffffff;
color:#1F1F1F;
overflow-x:hidden;
background-image:
   radial-gradient(circle at top right,#dff7ff 0%,transparent 35%),
   radial-gradient(circle at bottom left,#eef3ff 0%,transparent 40%);

}

:root{

--primary:#0A1A2F;
--cyan:#00C2FF;
--green:#4CFFB3;
--purple:#6A4CFF;
--light:#F7F9FC;
--gray:#707070;
--border:#E9EDF2;
--radius:18px;
--shadow:0 20px 60px rgba(0,0,0,.08);

}

.container{

width:92%;
max-width:1280px;
margin:auto;

}

header{

position:fixed;
top:0;
left:0;
width:100%;
height:82px;
display:flex;
align-items:center;
z-index:999;
transition:.35s;

}

header.scrolled{

background:white;
box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.nav{

display:flex;
justify-content:space-between;
align-items:center;

}

.logo{

font-family:Montserrat;
font-size:32px;
font-weight:800;
color:var(--primary);

}

.logo span{

color:var(--cyan);

}
.logo img {
  width: 200px; /* Ajuste o tamanho conforme necessário */
  height: auto;
}
nav ul{

display:flex;
list-style:none;
gap:40px;

}

nav a{

text-decoration:none;
font-weight:600;
color:#222;
transition:.3s;

}

.menu-toggle{
	display:none;
background:none;
border:none;
cursor:pointer;
padding:8px;
}

.menu-toggle span{
	display:block;
width:24px;
height:2px;
background:var(--primary);
margin:5px 0;
transition:.3s;
}

nav a:hover{

color:var(--cyan);

}

.btn{

padding:15px 32px;
border-radius:100px;
text-decoration:none;
font-weight:700;
display:inline-block;
transition:.3s;

}

.btn-primary{

background:linear-gradient(90deg,var(--cyan),#5f6dff);
color:white;

}

.btn-primary:hover{

transform:translateY(-3px);

}

.btn-outline{

border:2px solid var(--cyan);
color:var(--cyan);

}

.btn-outline:hover{

background:var(--cyan);
color:white;

}

 .hero{

min-height:100vh;
display:flex;
align-items:center;
padding-top:100px;

background:
radial-gradient(circle at top right,#dff7ff 0%,transparent 35%),
radial-gradient(circle at bottom left,#eef3ff 0%,transparent 40%),
white;

}

.hero-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
align-items:center;

} 

.tag{

display:inline-block;
padding:8px 18px;
background:#E8FAFF;
color:#008DB8;
border-radius:100px;
font-size:13px;
font-weight:700;
margin-bottom:25px;

}
 
.hero h1{

font-family:Montserrat;
font-size:64px;
line-height:1.08;
color:var(--primary);
margin-bottom:25px;

}

.hero h1 span{

color:var(--cyan);

}

.hero p{

font-size:20px;
line-height:1.8;
color:var(--gray);
margin-bottom:45px;

}
 

.buttons{

display:flex;
gap:18px;

}
 
.hero-card{

height:560px;
border-radius:30px;

background:

linear-gradient(140deg,#08111d,#112746);

display:flex;
align-items:center;
justify-content:center;

position:relative;

overflow:hidden;

box-shadow:var(--shadow);

} 

.circle{

position:absolute;
border-radius:50%;
filter:blur(5px);

}

.c1{

width:380px;
height:380px;
background:#00C2FF22;
top:-120px;
right:-80px;

}

.c2{

width:260px;
height:260px;
background:#6A4CFF33;
left:-70px;
bottom:-70px;

}

.dashboard{

width:88%;
height:82%;
border-radius:20px;

background:white;

padding:25px;

display:flex;
flex-direction:column;
gap:18px;

}

.bar{

height:14px;
border-radius:10px;
background:#edf2f8;

}

.bar:nth-child(2){

width:80%;

}

.bar:nth-child(3){

width:55%;

}

.widgets{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:10px;

}

.widget{

height:130px;
border-radius:16px;
background:linear-gradient(145deg,#0A1A2F,#14365f);

}

.section{

padding:120px 0;

}

.section-title{

font-family:Montserrat;
font-size:46px;
text-align:center;
color:var(--primary);
margin-bottom:20px;

}

.section-sub{

max-width:760px;
margin:auto;
text-align:center;
color:#707070;
font-size:19px;
line-height:1.8;
margin-bottom:70px;

}

.cards{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.card{

padding:40px;
border-radius:20px;
border:1px solid var(--border);
transition:.4s;
background:white;

}

.card:hover{

transform:translateY(-8px);

box-shadow:var(--shadow);

}

.icon{

width:70px;
height:70px;
background:#EAFBFF;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
margin-bottom:25px;

}

.card h3{

font-family:Montserrat;
margin-bottom:15px;

}

.card p{

line-height:1.8;
color:#707070;

}

/* footer styles consolidated later in the file */

.footer-grid{

display:flex;
justify-content:space-between;
align-items:center;

}

.copy{

margin-top:15px;
opacity:.7;

}

/* @media(max-width:1000px){

.hero-grid{

grid-template-columns:1fr;

}

.cards{

grid-template-columns:1fr;

}

nav{

display:none;

}

.hero h1{

font-size:42px;

}

.hero-card{

height:420px;

}

.buttons{

flex-direction:column;

}

.footer-grid{

flex-direction:column;
gap:30px;

}

} */

/* ===========================
   TABLETS
=========================== */

@media (max-width:1024px){

header{
height:75px;
padding:0 20px;
}

.container{
width:94%;
}

.nav{
position:relative;
flex-wrap:wrap;
}

.menu-toggle{
display:block;
}

.nav-links{
position:absolute;
top:calc(100% + 12px);
left:0;
right:0;
background:white;
border:1px solid var(--border);
border-radius:18px;
padding:20px;
box-shadow:var(--shadow);
display:none;
z-index:1000;
}

.nav-links.active{
display:block;
}

.nav-links ul{
flex-direction:column;
gap:16px;
}

.header-cta{
display:none;
}

.hero{
padding:130px 0 70px;
min-height:auto;
}

.hero-grid{
grid-template-columns:1fr;
gap:50px;
text-align:center;
}

.hero h1{
font-size:48px;
}

.hero p{
font-size:18px;
}

.buttons{
justify-content:center;
flex-wrap:wrap;
}

.hero-card{
max-width:700px;
width:100%;
height:420px;
margin:auto;
}

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

.section{
padding:90px 0;
}

.section-title{
font-size:38px;
}

.footer-grid{
flex-direction:column;
text-align:center;
gap:30px;
}

}


/* ===========================
   CELULARES
=========================== */

@media (max-width:768px){

header{

height:70px;

}

.logo{

font-size:26px;

}

header .btn{

display:none;

}

.hero{

padding-top:110px;
padding-bottom:60px;

}

.hero-grid{

gap:40px;

}

.tag{

font-size:11px;
padding:8px 14px;

}

.hero h1{

font-size:36px;
line-height:1.15;

}

.hero p{

font-size:16px;
line-height:1.7;

}

.buttons{

flex-direction:column;
align-items:center;
gap:15px;

}

.buttons .btn{

width:100%;
max-width:320px;
text-align:center;

}

.hero-card{

height:300px;
border-radius:20px;

}

.dashboard{

width:92%;
height:86%;
padding:15px;

}

.widgets{

gap:10px;

}

.widget{

height:70px;

}

.bar{

height:10px;

}

.section{

padding:70px 0;

}

.section-title{

font-size:30px;
line-height:1.2;

}

.section-sub{

font-size:16px;
margin-bottom:40px;

}

.cards{

gap:20px;

}

.card{

padding:25px;

}

.icon{

width:55px;
height:55px;
font-size:24px;
margin-bottom:18px;

}

.card h3{

font-size:20px;

}

.card p{

font-size:15px;

}

footer{

padding:50px 0;

}

.copy{

font-size:14px;

}

}


/* ===========================
   CELULARES PEQUENOS
=========================== */

@media (max-width:480px){

.container{

width:90%;

}

.hero{

padding-top:95px;

}

.hero h1{

font-size:30px;

}

.hero p{

font-size:15px;

}

.hero-card{

height:240px;

}

.dashboard{

padding:12px;

}

.widget{

height:55px;

}

.section-title{

font-size:26px;

}

.card{

padding:22px;

}

}

/* ================================= */
/* TIMELINE */
/* ================================= */

.timeline{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:30px;

margin-top:60px;

}

.step{

background:white;

padding:35px;

border-radius:20px;

text-align:center;

border:1px solid #E9EDF2;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.number{

width:60px;

height:60px;

margin:auto;

margin-bottom:20px;

background:linear-gradient(135deg,#00C2FF,#6A4CFF);

color:white;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:22px;

font-weight:bold;

}

.tech-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(180px,1fr));

gap:25px;

margin-top:60px;

}

.tech{

background:white;

padding:28px;

border-radius:18px;

text-align:center;

font-weight:700;

border:1px solid #E9EDF2;

transition:.3s;

}

.tech:hover{

transform:translateY(-6px);

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

}

@media(max-width:900px){

.timeline{

grid-template-columns:1fr;

}

}

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

.menu-toggle{

display:none;

position:fixed;

right:20px;

top:22px;

z-index:2000;

background:white;

border:none;

padding:12px;

border-radius:12px;

box-shadow:0 10px 30px rgba(0,0,0,.15);

cursor:pointer;

}

.menu-toggle span{

display:block;

width:28px;

height:3px;

background:#0A1A2F;

margin:5px 0;

transition:.35s;

}

.mobile-menu{

position:fixed;

top:0;

right:-100%;

width:300px;

height:100vh;

background:white;

display:flex;

flex-direction:column;

padding:120px 35px;

gap:25px;

transition:.35s;

z-index:1500;

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

}

.mobile-menu.active{

right:0;

}

.mobile-menu a{

text-decoration:none;

font-weight:600;

color:#0A1A2F;

font-size:18px;

}

@media(max-width:1000px){

.menu-toggle{

display:block;

}

header nav{

display:none;

}

header .btn{

display:none;

}

}

/* ========================= */
/* FOOTER PREMIUM */
/* ========================= */

footer{

background:#071321;

color:white;

padding:90px 0 30px;

}

.footer-columns{

display:grid;

grid-template-columns:2fr 1fr 1fr 1fr;

gap:50px;

}

.footer-logo{

font-family:Montserrat;

font-size:34px;

margin-bottom:20px;

}

.footer-logo span{

color:#00C2FF;

}

.footer-columns h4{

margin-bottom:20px;

font-family:Montserrat;

}

.footer-columns p{

line-height:1.9;

opacity:.8;

}

.footer-columns ul{

list-style:none;

}

.footer-columns li{

margin-bottom:12px;

opacity:.8;

}

.footer-columns a{

color:white;

text-decoration:none;

}

.footer-bottom{

margin-top:60px;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.08);

text-align:center;

opacity:.6;

}

@media(max-width:900px){

.footer-columns{

grid-template-columns:1fr;

text-align:center;

}

}

/* ===========================================================
EFEITOS PREMIUM
=========================================================== */

/* Accessibility helpers */
.sr-only{
   position:absolute;
   width:1px;
   height:1px;
   padding:0;
   margin:-1px;
   overflow:hidden;
   clip:rect(0,0,0,0);
   white-space:nowrap;
   border:0;
}

.skip-link{
   position:absolute;
   left:-9999px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}

.skip-link:focus{
   left:10px;
   top:10px;
   width:auto;
   height:auto;
   background:white;
   color:var(--primary);
   padding:8px 12px;
   z-index:9999;
}

/* Respect user preference for reduced motion */
@media (prefers-reduced-motion: reduce) {
   * {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
      scroll-behavior: auto !important;
   }
}


/* Barra de progresso */

#progressBar{

position:fixed;

top:0;

left:0;

height:4px;

width:0;

background:linear-gradient(90deg,#00C2FF,#6A4CFF);

z-index:99999;

transition:.1s;

}

/* Blur */

.bg-blur{

position:fixed;

border-radius:50%;

filter:blur(120px);

opacity:.18;

pointer-events:none;

z-index:-1;

}

.blur1{

width:420px;

height:420px;

background:#00C2FF;

top:-180px;

right:-120px;

}

.blur2{

width:380px;

height:380px;

background:#6A4CFF;

left:-150px;

bottom:-150px;

}

/* Reveal */

.reveal{

opacity:0;

transform:translateY(60px);

transition:1s;

}

.reveal.active{

opacity:1;

transform:none;

}

/* Cards */

.card{

transition:.35s;

}

.card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

/* Tecnologia */

.tech{

transition:.35s;

cursor:pointer;

}

.tech:hover{

background:#0A1A2F;

color:white;

transform:translateY(-8px);

}

/* CTA */

.btn{

transition:.35s;

}

.btn:hover{

transform:translateY(-4px);

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

}

/* Hero */

.hero{

position:relative;

overflow:hidden;

}

.hero::before{

content:"";

position:absolute;

width:700px;

height:700px;

border-radius:50%;

background:radial-gradient(circle,#00C2FF15,transparent);

top:-300px;

right:-150px;

animation:float 8s ease-in-out infinite;

}

.hero::after{

content:"";

position:absolute;

width:600px;

height:600px;

background:radial-gradient(circle,#6A4CFF15,transparent);

left:-250px;

bottom:-250px;

border-radius:50%;

animation:float2 10s ease-in-out infinite;

}

@keyframes float{

50%{

transform:translateY(30px);

}

}

@keyframes float2{

50%{

transform:translateX(40px);

}

}

/* Títulos */

.section-title{

position:relative;

padding-bottom:18px;

}

.section-title::after{

content:"";

position:absolute;

left:50%;

transform:translateX(-50%);

bottom:0;

width:80px;

height:5px;

border-radius:20px;

background:linear-gradient(90deg,#00C2FF,#6A4CFF);

}

/* Scroll suave */

section{

scroll-margin-top:120px;

}

/* Desktop grande */

@media(min-width:1600px){

.container{

max-width:1450px;

}

.hero h1{

font-size:74px;

}

}

/* Mobile */

@media(max-width:768px){

.blur1{

width:250px;

height:250px;

}

.blur2{

width:220px;

height:220px;

}

.hero::before,
.hero::after{

display:none;

}

}

/* ===========================================================
HERO PREMIUM
===========================================================*/

.hero-card{

position:relative;

background:linear-gradient(145deg,#07111f,#102847);

border-radius:28px;

overflow:hidden;

padding:30px;

box-shadow:0 40px 80px rgba(10,26,47,.25);

}

.grid-bg{

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),

linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);

background-size:35px 35px;

}

.dashboard{

position:relative;

z-index:5;

background:white;

border-radius:22px;

padding:25px;

}

.dashboard-header{

display:flex;

gap:10px;

margin-bottom:25px;

}

.status{

width:12px;

height:12px;

border-radius:50%;

background:#d9d9d9;

}

.online{

background:#2ecc71;

}

.chart{

border-radius:18px;

background:linear-gradient(135deg,#edf7ff,#f4f4ff);

position:relative;

overflow:hidden;

}

.chart::before{

content:"";

position:absolute;

left:-40%;

top:0;

width:50%;

height:100%;

background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);

animation:shine 3.5s infinite;

}

.large{

height:180px;

margin-bottom:20px;

}

.dashboard-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-bottom:20px;

}

.small{

height:110px;

}

.metric{

background:#F7F9FC;

border-radius:18px;

padding:25px;

text-align:center;

}

.metric h3{

font-family:Montserrat;

font-size:34px;

color:#0A1A2F;

margin-bottom:10px;

}

.metric span{

color:#707070;

font-size:15px;

}

.floating{

position:absolute;

border-radius:50%;

animation:floating 8s ease-in-out infinite;

}

.floating1{

width:20px;

height:20px;

background:#00C2FF;

top:80px;

right:50px;

}

.floating2{

width:14px;

height:14px;

background:#6A4CFF;

bottom:70px;

left:50px;

animation-delay:2s;

}

.floating3{

width:12px;

height:12px;

background:#4CFFB3;

top:45%;

right:25px;

animation-delay:4s;

}

@keyframes floating{

50%{

transform:translateY(-18px);

}

}

@keyframes shine{

100%{

left:120%;

}

}

/* ===========================================================
SCROLLBAR
===========================================================*/

::-webkit-scrollbar{

width:10px;

}

::-webkit-scrollbar-thumb{

background:linear-gradient(#00C2FF,#6A4CFF);

border-radius:20px;

}

::-webkit-scrollbar-track{

background:#f2f4f8;

}

/* ===========================================================
SELECTION
===========================================================*/

::selection{

background:#00C2FF;

color:white;

}

/* ===========================================================
IMAGENS
===========================================================*/

img{

max-width:100%;

display:block;

}

/* ===========================================================
FOCUS
===========================================================*/

a:focus,
button:focus{

outline:3px solid rgba(0,194,255,.35);

outline-offset:4px;

}

/* ===========================================================
LOADING
===========================================================*/

body{

animation:fadeIn .8s;

}

@keyframes fadeIn{

from{

opacity:0;

transform:translateY(15px);

}

to{

opacity:1;

transform:none;

}

}

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

@media(max-width:768px){

.large{

height:120px;

}

.small{

height:70px;

}

.metric{

padding:15px;

}

.metric h3{

font-size:24px;

}

}
/* =======================================================
SOBRE
======================================================= */

.about-card{

display:grid;

gap:20px;

}

.about-item{

background:white;

padding:30px;

border-radius:20px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

border:1px solid #edf1f5;

}

.about-item h3{

font-family:Montserrat;

margin-bottom:12px;

color:#0A1A2F;

}

.about-highlight{

display:grid;

gap:25px;

}

.about-highlight>div{

background:white;

padding:35px;

border-radius:22px;

box-shadow:0 20px 45px rgba(0,0,0,.06);

border-left:6px solid #00C2FF;

}

.about-highlight h3{

font-size:34px;

font-family:Montserrat;

color:#0A1A2F;

margin-bottom:10px;

}

.about-highlight p{

line-height:1.8;

color:#707070;

}

.numbers-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

text-align:center;

}

.numbers-grid h2{

font-family:Montserrat;

font-size:58px;

color:#00C2FF;

margin-bottom:15px;

}

.numbers-grid p{

line-height:1.8;

opacity:.85;

}

@media(max-width:900px){

.about-highlight{

margin-top:40px;

}

.numbers-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.numbers-grid{

grid-template-columns:1fr;

}

}

/* FAQ */

.faq details{

background:#FFF;
padding:22px 28px;
margin-bottom:18px;
border-radius:16px;
border:1px solid #E8EDF3;
box-shadow:0 10px 25px rgba(0,0,0,.04);

}

.faq summary{

cursor:pointer;
font-family:Montserrat;
font-size:18px;
font-weight:700;
color:#0A1A2F;

}

.faq p{

margin-top:18px;
line-height:1.8;
color:#666;

}
/* ===========================================================
CONTATO
=========================================================== */

.contact-grid{

display:grid;
grid-template-columns:1.3fr .7fr;
gap:50px;
align-items:start;

}

.contact-form{

background:#FFF;
padding:45px;
border-radius:24px;
box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.contact-form h2{

font-family:Montserrat;
font-size:38px;
margin:20px 0 10px;
color:#0A1A2F;

}

.contact-form p{

color:#666;
margin-bottom:35px;

}

.input-group{

margin-bottom:22px;

}

.input-group label{

display:block;
margin-bottom:8px;
font-weight:600;
color:#0A1A2F;

}

.input-group input,
.input-group select,
.input-group textarea{

width:100%;
padding:16px 18px;
border:1px solid #DCE3EA;
border-radius:14px;
font-family:Inter;
font-size:16px;
transition:.3s;
background:#FFF;
box-sizing:border-box;

}

.input-group input:focus,
.input-group select:focus,
.input-group textarea:focus{

border-color:#00C2FF;
outline:none;
box-shadow:0 0 0 4px rgba(0,194,255,.12);

}

.input-group textarea{

resize:vertical;
min-height:160px;

}

.contact-info{

display:flex;
flex-direction:column;
gap:30px;

}

.info-card{

background:#FFF;
padding:35px;
border-radius:24px;
box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.info-card h3{

font-family:Montserrat;
margin-bottom:20px;
color:#0A1A2F;

}

.info-card p{

line-height:1.9;
color:#666;
margin-bottom:20px;

}

.info-card ul{

list-style:none;
padding:0;
margin:0;

}

.info-card li{

padding:10px 0;
border-bottom:1px solid #EEF2F5;
color:#666;

}

.info-card li:last-child{

border-bottom:none;

}

@media(max-width:992px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-form{

padding:30px;

}

}

/* ==========================================================
OBRIGADO
========================================================== */

.thankyou-page{

min-height:100vh;

display:flex;

justify-content:center;

align-items:center;

padding:80px 20px;

background:

radial-gradient(circle at top right,#dff7ff 0%,transparent 35%),

radial-gradient(circle at bottom left,#ece8ff 0%,transparent 40%),

#F8FAFD;

}

.thankyou-card{

max-width:900px;

width:100%;

background:#FFF;

padding:70px;

border-radius:30px;

text-align:center;

box-shadow:0 30px 80px rgba(0,0,0,.08);

}

.success-icon{

margin-bottom:35px;

}

.thankyou-card h1{

font-family:Montserrat;

font-size:54px;

margin:25px 0;

color:#0A1A2F;

}

.thankyou-card p{

font-size:18px;

line-height:1.9;

color:#666;

max-width:700px;

margin:auto;

}

.next-steps{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:25px;

margin:60px 0;

}

.step-card{

background:#F7F9FC;

padding:35px;

border-radius:20px;

}

.step-card h3{

font-family:Montserrat;

margin:18px 0;

color:#0A1A2F;

}

.thankyou-footer{

margin-top:50px;

opacity:.8;

}

@media(max-width:900px){

.thankyou-card{

padding:40px;

}

.thankyou-card h1{

font-size:40px;

}

.next-steps{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.thankyou-card{

padding:30px 25px;

}

.thankyou-card h1{

font-size:32px;

}

}

/* ==========================================================
NOSSA HISTÓRIA - RESPONSIVO
========================================================== */

.about-history{

display:grid;
grid-template-columns:1.1fr .9fr;
gap:70px;
align-items:center;

}

@media (max-width:992px){

.about-history{

grid-template-columns:1fr;
gap:45px;

}

.about-history h2{

font-size:38px !important;
line-height:1.2;

}

.about-highlight{

margin-top:0;

}

}

@media (max-width:768px){

.about-history{

gap:35px;

}

.about-history h2{

font-size:30px !important;

}

.about-history p{

font-size:16px !important;
line-height:1.8 !important;

}

.about-highlight>div{

padding:25px;

}

.about-highlight h3{

font-size:28px;

}

}

@media (max-width:480px){

.about-history h2{

font-size:26px !important;

}

.about-highlight{

gap:18px;

}

.about-highlight>div{

padding:20px;

}

.about-highlight h3{

font-size:24px;

}

}