.about-page{

    padding-bottom:120px;

}

.about-section{
    position:relative;
}

.about-section::before{

    content:"";

    position:absolute;

    top:-70px;

    left:0;

    width:100%;

    height:70px;

    background:linear-gradient(
        to bottom,
        transparent,
        white
    );

}
/*==================================================
DIVISOR PREMIUM
==================================================*/

.about-section + .about-section{

    position:relative;

}

.about-section + .about-section::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(183,114,44,.35),
        transparent
    );

}

.about-section + .about-section::after{

    content:"";

    position:absolute;

    top:-5px;

    left:50%;

    width:10px;

    height:10px;

    transform:translateX(-50%) rotate(45deg);

    background:#B7722C;

    border-radius:1px;

}
/* ==================================================
POSICIONAMENTO
================================================== */

.positioning-section{

    position:relative;

    overflow:hidden;

    padding:190px 0;

    background:
    linear-gradient(
        135deg,
        #181310 0%,
        #231b16 45%,
        #30251d 100%
    );

    color:#fff;

}

.positioning-section::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:160px;

    height:3px;

    background:
    linear-gradient(
        90deg,
        transparent,
        #D4A35F,
        transparent
    );
}

.positioning-section::after{

    content:"";

    position:absolute;

    top:-250px;

    right:-220px;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(212,163,95,.05);

}

.positioning-section .container{

    position:relative;

    z-index:2;

}

.positioning-section .section-label{

    justify-content:center;

    color:#D4A35F;

}

.positioning-section .section-label::before{

    background:#D4A35F;

}

.positioning-section h2{

    max-width:780px;

    margin:0 auto 30px;

    text-align:center;

    font-size:2.6rem;

    font-weight:600;

    line-height:1.18;

    color:#fff;

}

.positioning-section p{

    max-width:820px;

    margin:0 auto 22px;

    text-align:center;

    font-size:1rem;

    line-height:2;

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

}

/*==================================================
QUOTE
==================================================*/

.positioning-section blockquote{

    position:relative;

    max-width:900px;

    margin:80px auto 0;

    padding:55px 70px;

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

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

    backdrop-filter:blur(10px);

    text-align:center;

    font-size:1.45rem;

    line-height:1.8;

    font-weight:400;

    color:#fff;

}

.positioning-section blockquote::before{

    content:"“";

    position:absolute;

    top:-50px;

    left:45px;

    font-size:7rem;

    color:rgba(212,163,95,.18);

    font-family:Georgia,serif;

    line-height:1;

}

.positioning-section blockquote::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:-25px;

    transform:translateX(-50%);

    width:90px;

    height:2px;

    background:#D4A35F;

}

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

@media(max-width:992px){

    .positioning-section{

        padding:150px 0;

    }

    .positioning-section h2{

        font-size:2.2rem;

    }

}

@media(max-width:768px){

    .positioning-section{

        padding:110px 0;

    }

    .positioning-section h2{

        font-size:1.9rem;

    }

    .positioning-section blockquote{

        padding:35px 28px;

        font-size:1.15rem;

    }

    .positioning-section blockquote::before{

        left:20px;

        top:-30px;

        font-size:5rem;

    }

}
/*==================================================
METODOLOGIA
==================================================*/

.methodology-grid{

    position:relative;

    display:grid;

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

    gap:45px;

    margin-top:90px;

}

.methodology-grid::before{

    content:"";

    position:absolute;

    left:6%;

    right:6%;

    top:42px;

    height:2px;

    background:linear-gradient(
        90deg,
        rgba(183,114,44,.15),
        rgba(183,114,44,.55),
        rgba(183,114,44,.15)
    );

}

.method-item{

    position:relative;

    background:none;

    border:none;

    padding:0;

    text-align:center;

}

.method-item span{

    width:82px;

    height:82px;

    margin:auto;

    margin-bottom:28px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:
    linear-gradient(
        135deg,
        #B7722C,
        #D6A267
    );

    color:#fff;

    font-size:1.15rem;

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

    font-weight:700;

    box-shadow:
    0 18px 40px rgba(183,114,44,.18);

}

.method-item h3{

    font-size:1.45rem;

    margin-bottom:15px;

    color:#231B16;

}

.method-item p{

    max-width:230px;

    margin:auto;

    color:#6A625B;

    line-height:1.9;

    font-size:.95rem;

}

.method-item:hover span{

    transform:scale(1.08);

    transition:.35s;

}

.method-item:hover h3{

    color:#B7722C;

}

/*==================================================
O QUE A BIZNET NÃO É
==================================================*/

.about-list{

    display:grid;

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

    gap:28px;

    margin-top:70px;

    padding:0;

    list-style:none;

}

.about-list li{

    position:relative;

    padding:35px 35px 35px 90px;

    background:white;

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

    transition:.35s;

    font-size:.96rem;

    color:#655D56;

    line-height:1.9;

}

.about-list li::before{

    content:"×";

    position:absolute;

    left:30px;

    top:32px;

    width:38px;

    height:38px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(183,114,44,.10);

    color:#B7722C;

    font-weight:700;

    font-size:1.05rem;

}

.about-list li:hover{

    transform:translateY(-8px);

    border-color:#B7722C;

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

}

/*==================================================
EFEITO DE SECÇÃO
==================================================*/

.about-section:nth-child(3){

    background:

    linear-gradient(
        135deg,
        #ffffff,
        #FBF7F2
    );

}

.about-section:nth-child(5){

    background:

    linear-gradient(
        135deg,
        #FCFAF7,
        #F6F0E8
    );

}

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

@media(max-width:1100px){

    .methodology-grid{

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

        gap:60px;

    }

    .methodology-grid::before{

        display:none;

    }

}

@media(max-width:768px){

    .methodology-grid{

        grid-template-columns:1fr;

    }

    .about-list{

        grid-template-columns:1fr;

    }

    .method-item span{

        width:70px;

        height:70px;

    }

    .method-item h3{

        font-size:1.25rem;

    }

}
/*==================================================
POSICIONAMENTO
==================================================*/

.positioning-section{

    position:relative;

    overflow:hidden;

    padding:190px 0;

    background:

    radial-gradient(

        circle at top right,

        rgba(183,114,44,.12),

        transparent 35%

    ),

    linear-gradient(

        135deg,

        #171310 0%,

        #231B16 45%,

        #2E241D 100%

    );

}

.positioning-section::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    transform:translateX(-50%);

    width:180px;

    height:3px;

    background:

    linear-gradient(

        90deg,

        transparent,

        #D6A267,

        transparent

    );

}

.positioning-section::after{

    content:"";

    position:absolute;

    right:-180px;

    top:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(214,162,103,.05);

}

.positioning-section .container{

    position:relative;

    z-index:5;

}

/*==================================================
LABEL
==================================================*/

.positioning-section .section-label{

    justify-content:center;

    color:#D6A267;

}

.positioning-section .section-label::before{

    background:#D6A267;

}

/*==================================================
TITLE
==================================================*/

.positioning-section h2{

    max-width:760px;

    margin:auto;

    margin-bottom:35px;

    text-align:center;

    font-family:'Cormorant Garamond',serif;

    font-size:2.9rem;

    line-height:1.12;

    font-weight:600;

    color:white;

}

/*==================================================
TEXT
==================================================*/

.positioning-section p{

    max-width:850px;

    margin:auto;

    margin-bottom:22px;

    text-align:center;

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

    line-height:2;

    font-size:1rem;

}

/*==================================================
QUOTE
==================================================*/

.positioning-section blockquote{

    position:relative;

    max-width:950px;

    margin:90px auto 0;

    padding:70px;

    background:

    linear-gradient(

        135deg,

        rgba(255,255,255,.04),

        rgba(255,255,255,.02)

    );

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

    backdrop-filter:blur(10px);

    text-align:center;

    overflow:hidden;

}

.positioning-section blockquote::before{

    content:"“";

    position:absolute;

    top:-70px;

    left:35px;

    font-family:'Cormorant Garamond',serif;

    font-size:9rem;

    color:rgba(214,162,103,.15);

}

.positioning-section blockquote::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0;

    transform:translateX(-50%);

    width:90px;

    height:3px;

    background:#D6A267;
}

.positioning-section blockquote{

    font-family:'Cormorant Garamond',serif;

    font-size:1.6rem;

    line-height:1.8;

    color:white;

    font-weight:500;

}

/*==================================================
ASSINATURA
==================================================*/

.positioning-signature{

    margin-top:35px;

    text-align:center;

    color:#D6A267;

    letter-spacing:3px;

    font-size:.72rem;

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

    text-transform:uppercase;

}

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

@media(max-width:992px){
    .positioning-section{
        padding:150px 0;
    }

    .positioning-section h2{
        font-size:2.3rem;
    }
}

@media(max-width:768px){
    .positioning-section{
        padding:110px 0;
    }

    .positioning-section h2{

        font-size:1.9rem;

    }

    .positioning-section blockquote{

        padding:40px 28px;

        font-size:1.2rem;

    }

    .positioning-section blockquote::before{

        font-size:6rem;

        top:-45px;

        left:18px;

    }

}

/*==================================================
HIGHLIGHT QUOTE
==================================================*/

.highlight-quote{

    position:relative;

    margin-top:75px;

    padding:60px;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #F8F3EC
    );

    border:1px solid rgba(183,114,44,.12);

    border-left:5px solid #B7722C;

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

    overflow:hidden;

}

.highlight-quote::before{

    content:"“";

    position:absolute;

    top:-55px;

    right:35px;

    font-family:'Cormorant Garamond',serif;

    font-size:8rem;

    color:rgba(183,114,44,.08);

    line-height:1;

}

.highlight-quote::after{

    content:"";

    position:absolute;

    left:60px;

    bottom:0;

    width:120px;

    height:3px;

    background:
    linear-gradient(
        90deg,
        #B7722C,
        transparent
    );

}

.highlight-quote p{

    margin:0;

    font-family:'Cormorant Garamond',serif;

    font-size:1.32rem;

    line-height:1.85;

    color:#231B16;

    font-weight:500;

}

/*==================================================
EFEITOS DE FUNDO
==================================================*/

.about-section::before{

    content:"";

    position:absolute;

    top:-220px;

    right:-180px;

    width:420px;

    height:420px;

    border-radius:50%;

    background:rgba(183,114,44,.03);

    pointer-events:none;

}

.about-section::after{

    content:"";

    position:absolute;

    bottom:-180px;

    left:-180px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(183,114,44,.025);

    pointer-events:none;

}

/*==================================================
EFEITOS DE LEITURA
==================================================*/

.about-section .narrow{

    position:relative;

    z-index:2;

}

.about-section h2{

    transition:.35s;

}

.about-section:hover h2{

    color:#B7722C;

}

.about-section p{

    transition:.3s;

}

.about-section:hover .lead{

    transform:translateX(4px);

}

/*==================================================
ANIMAÇÃO SUAVE
==================================================*/

.about-section{

    transition:.4s ease;

}

.highlight-quote{

    transition:.35s ease;

}

.highlight-quote:hover{

    transform:translateY(-5px);

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

}

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

@media(max-width:992px){

    .about-page{

        padding-top:170px;

    }

    .about-section{

        padding:120px 0;

    }

    .about-section h2{

        font-size:2.1rem;

    }

    .about-section .lead{

        font-size:1.2rem;

    }

}

@media(max-width:768px){

    .about-page{

        padding-top:145px;

        padding-bottom:90px;

    }

    .about-section{

        padding:90px 0;

    }

    .section-label{

        font-size:.68rem;

        padding:10px 18px;

    }

    .about-section h2{

        font-size:1.8rem;

    }

    .about-section .lead{

        font-size:1.08rem;

    }

    .about-section p{

        font-size:.94rem;

    }

    .highlight-quote{

        padding:35px 28px;

    }

    .highlight-quote p{

        font-size:1.1rem;

    }

    .highlight-quote::before{

        font-size:5.5rem;

        top:-35px;

        right:18px;

    }

}