/* ==========================================================
   AGÊNCIA PERFIL
   STYLE.CSS
   Tema: Roxo Escuro Premium
========================================================== */

/*=========================
  GOOGLE FONTS
=========================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap');

/*=========================
 RESET
=========================*/

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

html{
    scroll-behavior:smooth;
}

body{

    background:#0B0618;

    color:#fff;

    font-family:'Inter',sans-serif;

    overflow-x:hidden;

    line-height:1.7;

}

img{

    max-width:100%;

    display:block;

}

a{

    color:inherit;

    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;

    outline:none;

    cursor:pointer;

    font-family:inherit;

}

input,
textarea{

    outline:none;

    font-family:inherit;

}

section{

    padding:120px 0;

    position:relative;

}

.container{

    width:min(90%,1240px);

    margin:auto;

}

/*=========================
 VARIÁVEIS
=========================*/

:root{

--bg:#0B0618;

--bg2:#140A28;

--card:rgba(255,255,255,.05);

--glass:rgba(255,255,255,.06);

--primary:#6D28D9;

--primary2:#A855F7;

--secondary:#8B5CF6;

--text:#ffffff;

--text2:#CBD5E1;

--border:rgba(255,255,255,.08);

--shadow:0 20px 60px rgba(109,40,217,.35);

--radius:22px;

--transition:.35s;

}

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

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#140A28;

}

::-webkit-scrollbar-thumb{

    background:linear-gradient(var(--primary),var(--primary2));

    border-radius:50px;

}

/*=========================
 TÍTULOS
=========================*/

.section-title{

    text-align:center;

    max-width:760px;

    margin:0 auto 70px;

}

.section-title span{

    display:inline-block;

    color:var(--primary2);

    letter-spacing:3px;

    font-weight:700;

    font-size:.85rem;

    margin-bottom:15px;

}

.section-title h2{

    font-family:'Poppins',sans-serif;

    font-size:3rem;

    line-height:1.2;

    margin-bottom:20px;

}

.section-title p{

    color:var(--text2);

    font-size:1.05rem;

}

/*=========================
 BOTÕES
=========================*/

.btn-primary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 36px;

background:linear-gradient(90deg,#6D28D9,#A855F7);

border-radius:50px;

font-weight:700;

transition:.35s;

box-shadow:0 15px 35px rgba(109,40,217,.35);

}

.btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 25px 45px rgba(109,40,217,.55);

}

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 36px;

border-radius:50px;

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

backdrop-filter:blur(15px);

transition:.35s;

margin-left:15px;

}

.btn-secondary:hover{

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

transform:translateY(-5px);

}

/*=========================
 HEADER
=========================*/

header{

position:fixed;

top:0;

left:0;

width:100%;

z-index:999;

padding:20px 0;

transition:.4s;

}

header.scrolled{

background:rgba(11,6,24,.9);

backdrop-filter:blur(18px);

box-shadow:0 10px 40px rgba(0,0,0,.35);

}

header .container{

display:flex;

align-items:center;

justify-content:space-between;

}

.logo{

font-family:'Poppins';

font-weight:800;

font-size:1.5rem;

display:flex;

align-items:center;

gap:8px;

}

.logo span{

color:#ffffff;

}

.logo strong{

color:var(--primary2);

}

nav ul{

display:flex;

gap:35px;

}

nav a{

color:var(--text2);

font-weight:500;

transition:.3s;

}

nav a:hover{

color:#fff;

}

.btn-header{

padding:14px 26px;

border-radius:40px;

background:linear-gradient(90deg,#6D28D9,#A855F7);

font-weight:600;

transition:.35s;

}

.btn-header:hover{

transform:translateY(-3px);

}

.menu-mobile{

display:none;

background:none;

color:#fff;

font-size:1.6rem;

}

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

.hero{

min-height:100vh;

display:flex;

align-items:center;

overflow:hidden;

background:
radial-gradient(circle at top right,#6D28D933 0%,transparent 35%),
radial-gradient(circle at bottom left,#A855F722 0%,transparent 40%),
linear-gradient(135deg,#0B0618,#140A28);

}

.hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

align-items:center;

gap:80px;

}

.tag{

display:inline-flex;

padding:10px 20px;

border-radius:40px;

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

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

margin-bottom:25px;

font-weight:600;

color:var(--primary2);

}

.hero h1{

font-family:'Poppins';

font-size:4.5rem;

line-height:1.1;

margin-bottom:25px;

}

.hero h1 span{

background:linear-gradient(90deg,#A855F7,#FFFFFF);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero p{

font-size:1.15rem;

color:var(--text2);

margin-bottom:40px;

max-width:620px;

}

.hero-buttons{

display:flex;

align-items:center;

margin-bottom:60px;

}

.hero-info{

display:flex;

gap:50px;

}

.hero-info h3{

font-size:2rem;

font-family:'Poppins';

color:#fff;

}

.hero-info span{

color:var(--text2);

font-size:.95rem;

}

.hero-image{

position:relative;

display:flex;

justify-content:center;

align-items:center;

}

.mockup{

position:relative;

z-index:3;

border-radius:25px;

overflow:hidden;

box-shadow:0 30px 70px rgba(0,0,0,.45);

}

.mockup img{

width:100%;

max-width:580px;

}

.circle{

position:absolute;

border-radius:50%;

filter:blur(80px);

}

.glow-1{

width:320px;

height:320px;

background:#6D28D955;

top:-40px;

right:-30px;

}

.glow-2{

width:260px;

height:260px;

background:#A855F744;

bottom:0;

left:-20px;

}

.glow-3{

width:180px;

height:180px;

background:#8B5CF644;

bottom:120px;

right:120px;

}

.scroll-down{

position:absolute;

bottom:40px;

left:50%;

transform:translateX(-50%);

font-size:2rem;

animation:float 2s infinite;

}

/*=========================
 PARTÍCULAS
=========================*/

.particles{

position:absolute;

inset:0;

background-image:
radial-gradient(#ffffff22 1px,transparent 1px);

background-size:40px 40px;

opacity:.25;

pointer-events:none;

}

/*=========================
 ANIMAÇÕES
=========================*/

@keyframes float{

0%{

transform:translate(-50%,0);

}

50%{

transform:translate(-50%,12px);

}

100%{

transform:translate(-50%,0);

}

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

.fade-up{

animation:fadeUp .8s ease forwards;

}

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

.about{

    background:linear-gradient(180deg,#0B0618 0%,#140A28 100%);

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}

.about-image{

    position:relative;

}

.image-card{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:var(--glass);

    border:1px solid var(--border);

    padding:18px;

    box-shadow:var(--shadow);

}

.image-card img{

    border-radius:22px;

    transition:.5s;

}

.image-card:hover img{

    transform:scale(1.05);

}

.experience-card{

    position:absolute;

    right:-30px;

    bottom:40px;

    width:220px;

    padding:30px;

    text-align:center;

    background:rgba(18,12,35,.9);

    backdrop-filter:blur(25px);

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

    border-radius:22px;

    box-shadow:0 20px 60px rgba(0,0,0,.35);

}

.experience-card h3{

    font-size:3rem;

    color:var(--primary2);

    font-family:'Poppins',sans-serif;

    margin-bottom:5px;

}

.experience-card span{

    color:var(--text2);

}

.about-content{

    display:flex;

    flex-direction:column;

    gap:28px;

}

.feature{

    display:flex;

    gap:25px;

    align-items:flex-start;

    padding:28px;

    border-radius:22px;

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

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

    transition:.35s;

}

.feature:hover{

    transform:translateY(-8px);

    border-color:rgba(168,85,247,.35);

    box-shadow:0 20px 50px rgba(109,40,217,.25);

}

.feature .icon{

    min-width:70px;

    height:70px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    color:#fff;

    font-size:1.7rem;

}

.feature h3{

    font-size:1.3rem;

    margin-bottom:10px;

    font-family:'Poppins',sans-serif;

}

.feature p{

    color:var(--text2);

    line-height:1.8;

}

/*==========================================================
    ESTATÍSTICAS
==========================================================*/

.stats{

    background:#10091f;

    padding:90px 0;

}

.stats-grid{

    display:grid;

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

    gap:30px;

}

.stat-card{

    position:relative;

    overflow:hidden;

    padding:45px 30px;

    text-align:center;

    border-radius:24px;

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

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

    transition:.35s;

}

.stat-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(135deg,
        rgba(109,40,217,.18),
        transparent);

    opacity:0;

    transition:.35s;

}

.stat-card:hover{

    transform:translateY(-10px);

    border-color:rgba(168,85,247,.35);

    box-shadow:0 25px 60px rgba(109,40,217,.25);

}

.stat-card:hover::before{

    opacity:1;

}

.stat-card i{

    width:80px;

    height:80px;

    margin:auto;

    margin-bottom:25px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:2rem;

    color:#fff;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

}

.stat-card h3{

    font-size:3rem;

    font-family:'Poppins',sans-serif;

    margin-bottom:10px;

    color:#fff;

}

.stat-card p{

    color:var(--text2);

    font-size:1rem;

}

/*==========================================================
    EFEITOS EXTRAS
==========================================================*/

.feature,
.stat-card,
.image-card{

    backdrop-filter:blur(18px);

}

.feature::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:22px;

    pointer-events:none;

}

.about::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:#6D28D922;

    filter:blur(120px);

    left:-150px;

    top:50px;

    border-radius:50%;

}

.about::after{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    background:#A855F722;

    filter:blur(120px);

    right:-100px;

    bottom:-100px;

    border-radius:50%;

}

/*==========================================================
    RESPONSIVO
==========================================================*/

@media(max-width:1100px){

.about-grid{

    grid-template-columns:1fr;

}

.experience-card{

    position:relative;

    right:auto;

    bottom:auto;

    margin-top:30px;

}

.stats-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

    grid-template-columns:1fr;

}

.feature{

    flex-direction:column;

    text-align:center;

}

.feature .icon{

    margin:auto;

}

.experience-card{

    width:100%;

}

.about{

    overflow:hidden;

}

}

/*==========================================================
    SERVIÇOS
==========================================================*/

.services{

    position:relative;

    background:linear-gradient(180deg,#140A28 0%,#0B0618 100%);

    overflow:hidden;

}

.services::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    left:-180px;

    top:-180px;

    border-radius:50%;

    background:rgba(109,40,217,.18);

    filter:blur(120px);

}

.services::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-150px;

    bottom:-150px;

    border-radius:50%;

    background:rgba(168,85,247,.15);

    filter:blur(120px);

}

.services .container{

    position:relative;

    z-index:2;

}

.services-grid{

    display:grid;

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

    gap:30px;

}

.service-card{

    position:relative;

    overflow:hidden;

    padding:40px 35px;

    border-radius:28px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s;

}

.service-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(135deg,
        rgba(109,40,217,.20),
        transparent 70%);

    opacity:0;

    transition:.4s;

}

.service-card:hover{

    transform:translateY(-12px);

    border-color:rgba(168,85,247,.45);

    box-shadow:0 25px 60px rgba(109,40,217,.30);

}

.service-card:hover::before{

    opacity:1;

}

.service-card i{

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    margin-bottom:28px;

    font-size:2rem;

    color:#fff;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    transition:.35s;

}

.service-card:hover i{

    transform:rotate(-8deg) scale(1.1);

    box-shadow:0 15px 40px rgba(109,40,217,.45);

}

.service-card h3{

    font-family:'Poppins',sans-serif;

    font-size:1.45rem;

    margin-bottom:15px;

    color:#fff;

}

.service-card p{

    color:var(--text2);

    line-height:1.8;

    margin-bottom:25px;

}

.service-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--primary2);

    font-weight:600;

    transition:.3s;

}

.service-link i{

    width:auto;

    height:auto;

    background:none;

    margin:0;

    font-size:.9rem;

    box-shadow:none;

}

.service-link:hover{

    transform:translateX(6px);

    color:#fff;

}

/*=========================
 CARD EM DESTAQUE
=========================*/

.service-card.featured{

    background:linear-gradient(
        180deg,
        rgba(109,40,217,.25),
        rgba(255,255,255,.05)
    );

    border:1px solid rgba(168,85,247,.45);

}

.service-card.featured::after{

    content:"MAIS POPULAR";

    position:absolute;

    top:22px;

    right:-45px;

    width:180px;

    text-align:center;

    padding:8px;

    background:#A855F7;

    color:#fff;

    font-size:.72rem;

    font-weight:700;

    transform:rotate(45deg);

}

/*=========================
 HOVER ILUMINADO
=========================*/

.service-card:hover{

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

}

.service-card:hover h3{

    color:#A855F7;

}

/*=========================
 RESPONSIVO
=========================*/

@media(max-width:1100px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

    grid-template-columns:1fr;

}

.service-card{

    padding:35px 25px;

}

.service-card i{

    width:70px;

    height:70px;

    font-size:1.7rem;

}

.service-card h3{

    font-size:1.3rem;

}

}

/*==========================================================
    PORTFÓLIO
==========================================================*/

.portfolio{

    position:relative;

    background:linear-gradient(180deg,#0B0618 0%,#140A28 100%);

    overflow:hidden;

}

.portfolio::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    left:-220px;

    top:120px;

    border-radius:50%;

    background:rgba(109,40,217,.15);

    filter:blur(120px);

}

.portfolio::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-150px;

    bottom:-100px;

    border-radius:50%;

    background:rgba(168,85,247,.18);

    filter:blur(120px);

}

.portfolio .container{

    position:relative;

    z-index:2;

}

/*=========================
    FILTROS
=========================*/

.portfolio-filter{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:60px;

}

.portfolio-filter button{

    padding:14px 28px;

    border-radius:40px;

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

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

    color:#fff;

    font-size:.95rem;

    transition:.35s;

    backdrop-filter:blur(15px);

}

.portfolio-filter button:hover{

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    border-color:#A855F7;

    transform:translateY(-3px);

}

.portfolio-filter button.active{

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    border-color:#A855F7;

    box-shadow:0 15px 35px rgba(109,40,217,.35);

}

/*=========================
    GRID
=========================*/

.portfolio-grid{

    display:grid;

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

    gap:30px;

}

.project-card{

    position:relative;

    overflow:hidden;

    border-radius:26px;

    background:#120b24;

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

    transition:.4s;

}

.project-card img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.6s;

}

.project-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 70px rgba(109,40,217,.35);

}

.project-card:hover img{

    transform:scale(1.08);

}

/*=========================
    OVERLAY
=========================*/

.project-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:35px;

    background:linear-gradient(
        180deg,
        transparent,
        rgba(11,6,24,.96)
    );

    opacity:0;

    transition:.45s;

}

.project-card:hover .project-overlay{

    opacity:1;

}

.project-overlay span{

    color:#A855F7;

    font-size:.85rem;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:12px;

}

.project-overlay h3{

    font-family:'Poppins',sans-serif;

    font-size:1.6rem;

    margin-bottom:18px;

    color:#fff;

}

.project-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:600;

    transition:.3s;

}

.project-link i{

    transition:.3s;

}

.project-link:hover{

    color:#A855F7;

}

.project-link:hover i{

    transform:translateX(6px);

}

/*=========================
    BADGE OPCIONAL
=========================*/

.project-card.featured::before{

    content:"Destaque";

    position:absolute;

    top:20px;

    left:20px;

    z-index:5;

    padding:8px 18px;

    border-radius:30px;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    font-size:.75rem;

    font-weight:700;

    color:#fff;

}

/*=========================
    EFEITO BRILHO
=========================*/

.project-card::after{

    content:"";

    position:absolute;

    top:-100%;

    left:-40%;

    width:40%;

    height:300%;

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

    transform:rotate(25deg);

    transition:.8s;

}

.project-card:hover::after{

    left:140%;

}

/*=========================
    RESPONSIVO
=========================*/

@media(max-width:1100px){

.portfolio-grid{

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

}

}

@media(max-width:768px){

.portfolio-filter{

    gap:10px;

}

.portfolio-filter button{

    width:100%;

}

.portfolio-grid{

    grid-template-columns:1fr;

}

.project-card img{

    height:260px;

}

.project-overlay{

    padding:25px;

}

.project-overlay h3{

    font-size:1.3rem;

}

}
/*==========================================================
    PORTFÓLIO
==========================================================*/

.portfolio{

    position:relative;

    background:linear-gradient(180deg,#0B0618 0%,#140A28 100%);

    overflow:hidden;

}

.portfolio::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    left:-220px;

    top:120px;

    border-radius:50%;

    background:rgba(109,40,217,.15);

    filter:blur(120px);

}

.portfolio::after{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-150px;

    bottom:-100px;

    border-radius:50%;

    background:rgba(168,85,247,.18);

    filter:blur(120px);

}

.portfolio .container{

    position:relative;

    z-index:2;

}

/*=========================
    FILTROS
=========================*/

.portfolio-filter{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:60px;

}

.portfolio-filter button{

    padding:14px 28px;

    border-radius:40px;

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

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

    color:#fff;

    font-size:.95rem;

    transition:.35s;

    backdrop-filter:blur(15px);

}

.portfolio-filter button:hover{

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    border-color:#A855F7;

    transform:translateY(-3px);

}

.portfolio-filter button.active{

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    border-color:#A855F7;

    box-shadow:0 15px 35px rgba(109,40,217,.35);

}

/*=========================
    GRID
=========================*/

.portfolio-grid{

    display:grid;

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

    gap:30px;

}

.project-card{

    position:relative;

    overflow:hidden;

    border-radius:26px;

    background:#120b24;

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

    transition:.4s;

}

.project-card img{

    width:100%;

    height:320px;

    object-fit:cover;

    transition:.6s;

}

.project-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 70px rgba(109,40,217,.35);

}

.project-card:hover img{

    transform:scale(1.08);

}

/*=========================
    OVERLAY
=========================*/

.project-overlay{

    position:absolute;

    inset:0;

    display:flex;

    flex-direction:column;

    justify-content:flex-end;

    padding:35px;

    background:linear-gradient(
        180deg,
        transparent,
        rgba(11,6,24,.96)
    );

    opacity:0;

    transition:.45s;

}

.project-card:hover .project-overlay{

    opacity:1;

}

.project-overlay span{

    color:#A855F7;

    font-size:.85rem;

    letter-spacing:2px;

    font-weight:700;

    margin-bottom:12px;

}

.project-overlay h3{

    font-family:'Poppins',sans-serif;

    font-size:1.6rem;

    margin-bottom:18px;

    color:#fff;

}

.project-link{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:600;

    transition:.3s;

}

.project-link i{

    transition:.3s;

}

.project-link:hover{

    color:#A855F7;

}

.project-link:hover i{

    transform:translateX(6px);

}

/*=========================
    BADGE OPCIONAL
=========================*/

.project-card.featured::before{

    content:"Destaque";

    position:absolute;

    top:20px;

    left:20px;

    z-index:5;

    padding:8px 18px;

    border-radius:30px;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    font-size:.75rem;

    font-weight:700;

    color:#fff;

}

/*=========================
    EFEITO BRILHO
=========================*/

.project-card::after{

    content:"";

    position:absolute;

    top:-100%;

    left:-40%;

    width:40%;

    height:300%;

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

    transform:rotate(25deg);

    transition:.8s;

}

.project-card:hover::after{

    left:140%;

}

/*=========================
    RESPONSIVO
=========================*/

@media(max-width:1100px){

.portfolio-grid{

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

}

}

@media(max-width:768px){

.portfolio-filter{

    gap:10px;

}

.portfolio-filter button{

    width:100%;

}

.portfolio-grid{

    grid-template-columns:1fr;

}

.project-card img{

    height:260px;

}

.project-overlay{

    padding:25px;

}

.project-overlay h3{

    font-size:1.3rem;

}

}

/*==========================================================
    PROCESSO
==========================================================*/

.process{

    position:relative;

    background:#140A28;

    overflow:hidden;

}

.process::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    background:rgba(109,40,217,.18);

    filter:blur(120px);

    border-radius:50%;

    top:-180px;

    right:-180px;

}

.process-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.process-card{

    position:relative;

    padding:45px 30px;

    text-align:center;

    border-radius:26px;

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

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

    backdrop-filter:blur(20px);

    transition:.4s;

    overflow:hidden;

}

.process-card:hover{

    transform:translateY(-10px);

    border-color:#A855F7;

    box-shadow:0 25px 60px rgba(109,40,217,.30);

}

.process-card .number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:3rem;

    font-weight:800;

    font-family:'Poppins',sans-serif;

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

}

.process-card i{

    width:85px;

    height:85px;

    margin:auto;

    margin-bottom:25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:24px;

    background:linear-gradient(135deg,#6D28D9,#A855F7);

    color:#fff;

    font-size:2rem;

    transition:.35s;

}

.process-card:hover i{

    transform:rotate(-8deg) scale(1.08);

}

.process-card h3{

    font-family:'Poppins',sans-serif;

    font-size:1.4rem;

    margin-bottom:15px;

}

.process-card p{

    color:var(--text2);

    line-height:1.8;

}

/*==========================================================
    DEPOIMENTOS
==========================================================*/

.testimonials{

    position:relative;

    background:linear-gradient(180deg,#140A28,#0B0618);

    overflow:hidden;

}

.testimonial-slider{

    display:grid;

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

    gap:30px;

}

.testimonial-card{

    position:relative;

    padding:40px 35px;

    border-radius:28px;

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

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

    backdrop-filter:blur(18px);

    transition:.4s;

}

.testimonial-card:hover{

    transform:translateY(-12px);

    border-color:#A855F7;

    box-shadow:0 25px 60px rgba(109,40,217,.30);

}

.testimonial-card img{

    width:90px;

    height:90px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:25px;

    border:4px solid rgba(168,85,247,.35);

}

.testimonial-card p{

    color:var(--text2);

    line-height:1.9;

    font-style:italic;

    margin-bottom:30px;

}

.testimonial-card h4{

    font-size:1.2rem;

    font-family:'Poppins',sans-serif;

    margin-bottom:5px;

}

.testimonial-card span{

    color:#A855F7;

    font-size:.95rem;

}

.testimonial-card::before{

    content:"\201C";

    position:absolute;

    top:25px;

    right:30px;

    font-size:5rem;

    font-family:Georgia,serif;

    color:rgba(168,85,247,.15);

}

/*=========================
    ESTRELAS
=========================*/

.stars{

    display:flex;

    gap:6px;

    margin-bottom:20px;

}

.stars i{

    color:#FFD54A;

    font-size:1rem;

}

/*=========================
    RESPONSIVO
=========================*/

@media(max-width:1100px){

.process-grid{

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

}

.testimonial-slider{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.process-grid{

    grid-template-columns:1fr;

}

.process-card{

    padding:35px 25px;

}

.process-card .number{

    font-size:2.2rem;

}

.process-card i{

    width:70px;

    height:70px;

    font-size:1.6rem;

}

.testimonial-card{

    padding:30px 25px;

}

.testimonial-card img{

    width:75px;

    height:75px;

}

}

/*==========================================================
    CTA - CHAMADA PARA AÇÃO
==========================================================*/

.cta{

    position:relative;

    background:#0B0618;

    overflow:hidden;

}

.cta::before{

    content:"";

    position:absolute;

    width:600px;

    height:600px;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    background:rgba(109,40,217,.20);

    filter:blur(150px);

    border-radius:50%;

}

.cta-box{

    position:relative;

    z-index:2;

    padding:90px 70px;

    text-align:center;

    border-radius:40px;

    background:

    linear-gradient(
        135deg,
        rgba(109,40,217,.45),
        rgba(168,85,247,.15)
    );

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

    backdrop-filter:blur(25px);

    overflow:hidden;

}

.cta-box::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    radial-gradient(
        circle at top right,
        rgba(255,255,255,.18),
        transparent 35%
    );

}

.cta-box span{

    position:relative;

    display:block;

    color:#E9D5FF;

    font-size:.85rem;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:20px;

}

.cta-box h2{

    position:relative;

    max-width:900px;

    margin:auto;

    font-family:'Poppins',sans-serif;

    font-size:3.2rem;

    line-height:1.2;

    margin-bottom:25px;

}

.cta-box p{

    position:relative;

    max-width:750px;

    margin:0 auto 40px;

    color:#E2E8F0;

    font-size:1.1rem;

}

.cta-buttons{

    position:relative;

    display:flex;

    justify-content:center;

    gap:20px;

}

/*=========================
    FAQ
=========================*/

.faq{

    background:#140A28;

    position:relative;

    overflow:hidden;

}

.faq::before{

    content:"";

    position:absolute;

    width:400px;

    height:400px;

    background:rgba(168,85,247,.15);

    filter:blur(120px);

    right:-150px;

    top:100px;

    border-radius:50%;

}

.faq-container{

    max-width:900px;

    margin:auto;

}

.faq-item{

    margin-bottom:20px;

    border-radius:20px;

    overflow:hidden;

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

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

    transition:.35s;

}

.faq-item:hover{

    border-color:rgba(168,85,247,.45);

}

.faq-question{

    width:100%;

    padding:28px 35px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    background:none;

    color:#fff;

    text-align:left;

    font-size:1.1rem;

    font-weight:600;

}

.faq-question i{

    width:35px;

    height:35px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );

    font-size:.9rem;

    transition:.35s;

}

.faq-item.active .faq-question i{

    transform:rotate(45deg);

}

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height .45s ease;

}

.faq-answer p{

    padding:0 35px 30px;

    color:var(--text2);

    line-height:1.8;

}

/*=========================
    FAQ ABERTO
=========================*/

.faq-item.active{

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

    box-shadow:
    0 20px 50px rgba(109,40,217,.20);

}


/*=========================
    RESPONSIVO
=========================*/

@media(max-width:768px){

.cta-box{

    padding:60px 25px;

    border-radius:30px;

}

.cta-box h2{

    font-size:2rem;

}

.cta-box p{

    font-size:1rem;

}

.cta-buttons{

    flex-direction:column;

}

.cta-buttons .btn-secondary{

    margin-left:0;

}

.faq-question{

    padding:22px;

    font-size:.95rem;

}

.faq-answer p{

    padding:0 22px 25px;

}

}

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

.contact{

    position:relative;

    background:#0B0618;

    overflow:hidden;

}

.contact::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:rgba(109,40,217,.18);

    filter:blur(130px);

    border-radius:50%;

    left:-200px;

    bottom:-100px;

}


.contact-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

}


.contact-info > span{

    color:var(--primary2);

    font-weight:700;

    letter-spacing:3px;

    font-size:.85rem;

}


.contact-info h2{

    font-family:'Poppins',sans-serif;

    font-size:3rem;

    line-height:1.2;

    margin:20px 0;

}


.contact-info p{

    color:var(--text2);

    font-size:1.1rem;

    margin-bottom:40px;

}


.contact-item{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:25px;

    color:#fff;

}


.contact-item i{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );

}


.contact-form{

    padding:40px;

    border-radius:30px;

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

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

    backdrop-filter:blur(20px);

}


.contact-form form{

    display:flex;

    flex-direction:column;

    gap:18px;

}


.contact-form input,
.contact-form textarea{

    width:100%;

    padding:18px 22px;

    border-radius:15px;

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

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

    color:#fff;

    font-size:1rem;

    transition:.3s;

}


.contact-form input::placeholder,
.contact-form textarea::placeholder{

    color:#94A3B8;

}


.contact-form input:focus,
.contact-form textarea:focus{

    border-color:#A855F7;

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

}



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


footer{

    background:#070411;

    padding-top:80px;

    position:relative;

}


.footer-grid{

    display:grid;

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

    gap:50px;

    padding-bottom:60px;

}


footer .logo{

    margin-bottom:25px;

}


footer p{

    color:var(--text2);

    line-height:1.8;

    max-width:350px;

}


footer h4{

    font-family:'Poppins',sans-serif;

    font-size:1.2rem;

    margin-bottom:25px;

}


footer ul li{

    margin-bottom:15px;

    color:#CBD5E1;

}


footer ul li a{

    transition:.3s;

}


footer ul li a:hover{

    color:#A855F7;

    padding-left:5px;

}



/*=========================
    REDES SOCIAIS
=========================*/


.social{

    display:flex;

    gap:12px;

    margin-top:30px;

}


.social a{

    width:45px;

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

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

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

    transition:.35s;

}


.social a:hover{

    background:linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );

    transform:translateY(-5px);

}



/*=========================
    FOOTER BOTTOM
=========================*/


.footer-bottom{

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

    padding:25px 0;

    text-align:center;

}


.footer-bottom p{

    color:#94A3B8;

    font-size:.9rem;

}



/*==========================================================
    BOTÃO VOLTAR AO TOPO
==========================================================*/


#backToTop{

    position: fixed;
    left: 30px;
    right: auto;
    bottom: 30px;

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );

    color:#fff;

    font-size:1.2rem;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:.35s;

    z-index:999;

    box-shadow:0 15px 40px rgba(109,40,217,.45);

}


#backToTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}


#backToTop:hover{

    transform:translateY(-5px);

}



/*==========================================================
    ANIMAÇÕES GERAIS
==========================================================*/


.reveal{

    opacity:0;

    transform:translateY(40px);

    transition:.8s ease;

}


.reveal.active{

    opacity:1;

    transform:translateY(0);

}


.fade-left{

    opacity:0;

    transform:translateX(-40px);

    transition:.8s;

}


.fade-left.active{

    opacity:1;

    transform:translateX(0);

}


.fade-right{

    opacity:0;

    transform:translateX(40px);

    transition:.8s;

}


.fade-right.active{

    opacity:1;

    transform:translateX(0);

}



/*==========================================================
    RESPONSIVIDADE FINAL
==========================================================*/


@media(max-width:1100px){


.contact-grid{

    grid-template-columns:1fr;

}


.footer-grid{

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

}


}


@media(max-width:768px){


section{

    padding:80px 0;

}


.section-title h2{

    font-size:2rem;

}


.contact-info h2{

    font-size:2rem;

}


.contact-form{

    padding:25px;

}


.footer-grid{

    grid-template-columns:1fr;

    gap:35px;

}


#backToTop{

    width:48px;

    height:48px;

    right:20px;

    bottom:20px;

}


}


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


@media(max-width:900px){


nav{

    position:absolute;

    top:90px;

    left:5%;

    width:90%;

    background:rgba(11,6,24,.95);

    backdrop-filter:blur(20px);

    border-radius:25px;

    padding:30px;

    opacity:0;

    visibility:hidden;

    transform:translateY(-20px);

    transition:.35s;

}


nav.active{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}


nav ul{

    flex-direction:column;

    gap:20px;

}


.btn-header{

    display:none;

}


.menu-mobile{

    display:block;

}


}


/*==========================================================
    FIM STYLE.CSS
==========================================================*/

/*==========================================================
    WHATSAPP FLUTUANTE
==========================================================*/


.whatsapp-float{

    position:fixed;

    right:30px;

    bottom:120px;

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    font-size:2rem;

    z-index:9999;

    box-shadow:
    0 15px 40px rgba(37,211,102,.45);

    transition:.35s;

    animation:pulseWhatsapp 2s infinite;

}


.whatsapp-float:hover{

    transform:translateY(-8px) scale(1.05);

    box-shadow:
    0 20px 50px rgba(37,211,102,.65);

}



/* Animação */

@keyframes pulseWhatsapp{


0%{

    box-shadow:
    0 0 0 0 rgba(37,211,102,.6);

}


70%{

    box-shadow:
    0 0 0 25px rgba(37,211,102,0);

}


100%{

    box-shadow:
    0 0 0 0 rgba(37,211,102,0);

}


}



/* Mobile */

@media(max-width:768px){


.whatsapp-float{

    width:55px;

    height:55px;

    right:auto;

    bottom:120px;

    font-size:1.7rem;

}


}
/*==========================================================
    WHATSAPP TOOLTIP
==========================================================*/


.whatsapp-tooltip{

    position:absolute;

    right:80px;

    top:50%;

    transform:
    translateY(-50%)
    translateX(20px);


    background:#fff;

    color:#111827;

    padding:12px 22px;

    border-radius:50px;

    font-size:.9rem;

    font-weight:600;

    white-space:nowrap;


    opacity:0;

    visibility:hidden;


    transition:.35s;


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

}



/* Pequena seta */

.whatsapp-tooltip::after{

    content:"";

    position:absolute;

    right:-8px;

    top:50%;

    transform:translateY(-50%);


    border-width:8px 0 8px 8px;

    border-style:solid;

    border-color:
    transparent
    transparent
    transparent
    #fff;

}



/* Mostrar tooltip */

.whatsapp-float:hover .whatsapp-tooltip{


    opacity:1;

    visibility:visible;


    transform:
    translateY(-50%)
    translateX(0);


}



/* Ajuste mobile */

@media(max-width:768px){


.whatsapp-tooltip{

    display:none;

}


}

/*==========================================================
    WHATSAPP MESSAGE BOX
==========================================================*/


.whatsapp-box{

    position:fixed;

    right:30px;

    bottom:110px;

    width:320px;

    z-index:9998;


    opacity:0;

    visibility:hidden;

    transform:
    translateY(30px);


    transition:.5s;

}



.whatsapp-box.show{


    opacity:1;

    visibility:visible;


    transform:
    translateY(0);

}



.whatsapp-message{


    position:relative;


    background:#fff;

    color:#1F2937;


    padding:25px;


    border-radius:25px;


    box-shadow:

    0 20px 60px rgba(0,0,0,.25);


}



.whatsapp-message::after{


    content:"";


    position:absolute;


    right:35px;

    bottom:-12px;


    border-width:12px 12px 0 12px;

    border-style:solid;

    border-color:#fff transparent transparent transparent;


}



.whatsapp-message strong{


    display:block;

    font-size:1.2rem;

    margin-bottom:10px;

    font-family:'Poppins',sans-serif;


}



.whatsapp-message p{


    color:#4B5563;

    font-size:.95rem;

    line-height:1.6;

    margin-bottom:20px;


}



.whatsapp-message a{


    display:block;


    text-align:center;


    padding:14px;


    border-radius:50px;


    background:#25D366;


    color:#fff;


    font-weight:700;


    transition:.3s;


}



.whatsapp-message a:hover{


    transform:translateY(-3px);


    box-shadow:

    0 10px 25px rgba(37,211,102,.35);


}



/* Botão fechar */


.whatsapp-close{


    position:absolute;


    top:-10px;

    right:-10px;


    width:30px;

    height:30px;


    border-radius:50%;


    background:#111827;

    color:#fff;


    font-size:1.2rem;


    z-index:2;


}



/* Mobile */


@media(max-width:768px){


.whatsapp-box{


    right:20px;

    left:20px;

    width:auto;

    bottom:110px;


}


}

/*==========================================================
    PLANOS
==========================================================*/


.pricing{

    background:#140A28;

    position:relative;

    overflow:hidden;

}



.pricing-grid{

    display:grid;

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

    gap:30px;

}



.price-card{


    position:relative;

    padding:45px 35px;


    border-radius:30px;


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


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


    backdrop-filter:blur(20px);


    transition:.4s;


}



.price-card:hover{


    transform:translateY(-12px);


    box-shadow:

    0 25px 60px rgba(109,40,217,.35);


}



.price-card h3{


    font-family:'Poppins';

    font-size:1.5rem;

    margin-bottom:20px;


}



.price{


    font-size:3rem;

    font-family:'Poppins';

    font-weight:800;


    background:

    linear-gradient(
        90deg,
        #A855F7,
        #fff
    );


    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;


}





.period{


    color:#94A3B8;

}



.price-card ul{


    margin:35px 0;


}



.price-card li{


    margin-bottom:15px;

    color:#CBD5E1;


}



.price-card.featured{


    border-color:#A855F7;


    background:

    linear-gradient(
        180deg,
        rgba(109,40,217,.35),
        rgba(255,255,255,.05)
    );


    transform:scale(1.05);


}



.price-card.featured:hover{


    transform:scale(1.05) translateY(-12px);


}



.badge{


    position:absolute;


    top:20px;

    right:20px;


    padding:8px 18px;


    border-radius:50px;


    background:#A855F7;


    font-size:.75rem;


    font-weight:700;


}



@media(max-width:1100px){


.pricing-grid{


    grid-template-columns:1fr;


}



.price-card.featured{


    transform:none;


}



}

/*==========================================================
    DIFERENCIAIS
==========================================================*/


.advantages{

    position:relative;

    background:#0B0618;

    overflow:hidden;

}



.advantages::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:rgba(168,85,247,.15);

    filter:blur(130px);

    left:-200px;

    top:100px;

    border-radius:50%;

}



.advantages-grid{

    display:grid;

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

    gap:25px;

    margin-bottom:90px;

}



.advantage-card{


    padding:35px 25px;


    text-align:center;


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


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


    border-radius:25px;


    transition:.4s;


}



.advantage-card:hover{


    transform:translateY(-10px);


    border-color:#A855F7;


    box-shadow:

    0 25px 50px rgba(109,40,217,.3);


}



.advantage-icon{


    width:75px;

    height:75px;


    margin:0 auto 25px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:22px;


    background:

    linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );


}



.advantage-icon i{


    font-size:2rem;

    color:#fff;


}



.advantage-card h3{


    font-family:'Poppins';

    font-size:1.3rem;

    margin-bottom:15px;


}



.advantage-card p{


    color:#CBD5E1;

    font-size:.95rem;

    line-height:1.8;


}



/*=========================
 NÚMEROS
=========================*/


.authority{


    display:grid;


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


    gap:30px;


    padding:50px;


    border-radius:35px;


    background:

    linear-gradient(
        135deg,
        rgba(109,40,217,.25),
        rgba(255,255,255,.05)
    );


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


    backdrop-filter:blur(20px);


}



.authority-item{


    text-align:center;


}



.authority-item strong{


    display:block;


    font-family:'Poppins';


    font-size:3rem;


    font-weight:800;


    color:#fff;


}



.authority-item span{


    color:#CBD5E1;


}



/* RESPONSIVO */


@media(max-width:1100px){


.advantages-grid{


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


}


.authority{


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


}


}



@media(max-width:768px){


.advantages-grid{


    grid-template-columns:1fr;


}


.authority{


    grid-template-columns:1fr;


    padding:35px 20px;


}



.authority-item strong{


    font-size:2.3rem;


}


}

/*==========================================================
    DIFERENCIAIS
==========================================================*/


.advantages{

    position:relative;

    background:#0B0618;

    overflow:hidden;

}



.advantages::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:rgba(168,85,247,.15);

    filter:blur(130px);

    left:-200px;

    top:100px;

    border-radius:50%;

}



.advantages-grid{

    display:grid;

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

    gap:25px;

    margin-bottom:90px;

}



.advantage-card{


    padding:35px 25px;


    text-align:center;


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


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


    border-radius:25px;


    transition:.4s;


}



.advantage-card:hover{


    transform:translateY(-10px);


    border-color:#A855F7;


    box-shadow:

    0 25px 50px rgba(109,40,217,.3);


}



.advantage-icon{


    width:75px;

    height:75px;


    margin:0 auto 25px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:22px;


    background:

    linear-gradient(
        135deg,
        #6D28D9,
        #A855F7
    );


}



.advantage-icon i{


    font-size:2rem;

    color:#fff;


}



.advantage-card h3{


    font-family:'Poppins';

    font-size:1.3rem;

    margin-bottom:15px;


}



.advantage-card p{


    color:#CBD5E1;

    font-size:.95rem;

    line-height:1.8;


}



/*=========================
 NÚMEROS
=========================*/


.authority{


    display:grid;


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


    gap:30px;


    padding:50px;


    border-radius:35px;


    background:

    linear-gradient(
        135deg,
        rgba(109,40,217,.25),
        rgba(255,255,255,.05)
    );


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


    backdrop-filter:blur(20px);


}



.authority-item{


    text-align:center;


}



.authority-item strong{


    display:block;


    font-family:'Poppins';


    font-size:3rem;


    font-weight:800;


    color:#fff;


}



.authority-item span{


    color:#CBD5E1;


}



/* RESPONSIVO */


@media(max-width:1100px){


.advantages-grid{


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


}


.authority{


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


}


}



@media(max-width:768px){


.advantages-grid{


    grid-template-columns:1fr;


}


.authority{


    grid-template-columns:1fr;


    padding:35px 20px;


}



.authority-item strong{


    font-size:2.3rem;


}


}