/*  
Theme Name: Interlagos - Centro Automotivo
Author: Mustache
Author URI: https://mustache.com.br
*/

*{font-family: "Montserrat", sans-serif; box-sizing: border-box;} body{padding: 0; margin: 0;} html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; } img, fieldset{border: 0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;} @media screen {img {width: auto;}} a, a:hover{text-decoration: none; outline: none;} p {margin: 0 0 20px; padding: 0;} ul, ol, li {margin: 0; padding: 0;} h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 20px 0 .4em;} h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; } html{scroll-behavior: smooth;} button, button:focus{cursor: pointer; outline: none; border:0} .grecaptcha-badge{display:none!important;} section{scroll-margin-top: 90px;}

/*Menu*/
#menu{
    width: 100%; 
    padding: 20px 10%; 
    height: auto; 
    position: sticky; 
    top: 0; 
    right: 0; 
    left: 0; 
    z-index: 9999; 
    background: #fff;
    & .navbar{padding: 0;}
    & .navbar-brand img{height: 50px; width: max-content; margin-bottom: 0px; margin-right: 20px;}
    & .navbar-expand-xl .navbar-collapse{margin: 0px auto 0px; }
    & .navbar-expand-xl .navbar-nav{margin: 0 auto; }
    & .navbar-expand-xl .navbar-nav .dropdown-menu {position: absolute; background: #fff; font-size: 90%; margin: 0 -10px;}
    & .navbar-expand-xl .navbar-nav .dropdown-menu:before {content: ''; top: -16px; position: absolute; left: 10%; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #ffffff; }
    & .navbar-nav .nav-item{margin: 5px 0px; padding: 0 15px;}
    & .navbar-nav .nav-link {color: #000; font-size: 1.1rem; border-top: solid 2px transparent; font-weight: 500; transition: .3s; padding: 0px; margin: 0 15px}
    & .navbar-nav .nav-link:hover{color: #D40000; border-top: solid 2px transparent;}
    & .navbar-nav li:hover .dropdown-menu {display: block; }
    & .dropdown-item:hover {display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; color: #D40000; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
    & .dropdown-toggle::after{font-weight: 900;font-family: "Font Awesome 5 Free";content: "\f078";color: #D40000; display: inline-block;font-size: 11px;width: 15px;height: 15px;margin-left: .355em; vertical-align: 0.055em;border-top: 0em solid; border-right: 0em solid transparent;border-bottom: 0;border-left: 0em solid transparent;}
    & .dropdown-menu li a {padding: 5px 15px; font-weight: 300;} 
    & .collapse navbar-collapse{margin-top: 7px;}
    & .redes{width: max-content; max-width: 100%; display: flex; justify-content: center; align-items: flex-end; gap: 20px;
        & .item{color: #000; font-size: 1.5rem; transition: .3s;
            & :hover{color: #D40000;}
        }
    }
}

/*Barra de informações*/
.infos{
    background: #D40000;
    padding: 15px 10%;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly; 

    i{
        margin-right: 5px;
    }
}
/*Slide*/
.slide{
    width: 100%; 
    height: 850px; 
    margin-top: 0px; 
    padding: 0px;
    & img{width: 100%; height: 850px; object-fit: cover;}
    & .carousel-slides{height: 850px;}
    & .slick-slide{height: 850px; display: flex; justify-content: center; align-items: center;}
    & .slick-controls-wrapper-slide {width: 35px; height: 880px; margin: -850px 3% 0 auto; display: grid; justify-content: center; position: relative; z-index: 1000; padding: 30px; align-items: center; align-content: center; }
    & .slick-controls-wrapper-slide i{margin: 0;}
    & .slick-dots {display: grid; margin: 10px 0; position: unset; }
    & .slick-dots li { position: relative; display: inline-block; width: auto; height: auto; margin: 5px auto; padding: 0; cursor: pointer; }
    & .slick-dots li button:before{content: '';}
    & .slick-dots li button { background: #fff!important; border: 0 !important; outline: none; transition: .3s; color: #6d6d6d; margin: 0px; position: relative; width: 14px; height: 14px; border-radius: 50%; }
    & .slick-dots li.slick-active button, .slick-dots li button:hover { background: #D40000 !important; }
    & .slick-prev-slide, & .slick-next-slide { background: transparent; width: 30px; height: 30px; font-size: .9rem; color: #fff; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); transform: translate(0, 0%); border: solid 2px; outline: 0; margin: 0; transition: .3s; position: unset; padding: 0 8px; border-radius: 50%;}
    & .slick-prev-slide:hover, .slick-prev-slide:focus, .slick-next-slide:hover, .slick-next-slide:focus{ background: #fff; border: solid 2px #fff; color: #D40000; }
    & .slick-next-slide:before,.slick-prev-slide:before{display: none;}
}
.wppfloat {
    background: #25D366;
    width: 50px;
    height: 50px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 2%;
    z-index: 1000;
}
/*Serviços*/
.servicos{
    padding: 100px 10%;
        & h2{
            text-align: center; 
            font-weight: 800; 
            font-size: 3rem; 
            margin: 0 auto 10px}
        & p.intro{
            max-width: 100%; 
            width: 620px; 
            margin: 0 auto 60px; 
            font-size: 1.1rem; 
            line-height: 1.5; 
            text-align: center;}
        & ul{list-style: none;}
        & .servico{
        border: solid 2px #D40000; 
        padding: 20px; 
        margin: 15px 0;
        border-radius: 10px;
        transition: .3s;

        &:hover{
            border-color: #000;

            & h3.titulo{
                color: #D40000;
            }
        }

    & .thumb{ 
        aspect-ratio: 16 / 9;
        width: 100%; 
        background: #c9c8c8;
        border-radius: 10px;
        height: auto;
            & img{
                width: 100%; 
                height: auto;
                aspect-ratio: 16 / 9;
                border-radius: 10px;
            }
        }
    & h3.titulo{
        color: #000; 
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.2;
        margin: 10px 0 0px;
        height: 50px;
        display: flex;
        align-items: center;
        transition: .3s;
    }
    & p{
        color: #000;
        font-size: .9rem;
        line-height: 1.5;
        margin: 0;
        font-weight: 400;
    }}

    & a button{
        background: #D40000;
        padding: 15px 40px;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        margin: 50px auto 0;
        display: block;
        transition: .3s;

        &:hover{
            background: #000;
        }
    }
}

/*Rapidez*/
.rapidez{
    padding: 0px 10%;
    & .box{
        background: #E9E9E9;
        border-radius: 15px;}
    & img{
        width: 100%; 
        border-radius: 0px 15px 15px 0;}
    & .textos{
        padding: 40px 80px;
            & h2{
                font-weight: 800; 
                margin: 0px; 
                font-size: 2rem;
                line-height: 1;
                font-weight: 700;
            }
            & p{
                margin: 8px 0;
                font-size: 1rem;
                line-height: 1.5;
            }

        }
}

/*Tradição*/
.tradicao{
    padding: 80px 0;
    text-align: center;
    & h2{
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1;
        margin: 0 auto 10px;}
    & p.intro{
        max-width: 100%; 
        width: 620px; 
        margin: 0 auto 60px; 
        font-size: 1.1rem; 
        line-height: 1.5; 
        text-align: center;}
    & img{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        border-radius: 15px;
    }
    & .slick-slide {
        padding: 0 15px;
    }
    & .slick-next{
        right: 20px;
    }
    & .slick-prev{
        left: 20px;
        z-index: 10;
    }
    & .slick-next:before, .slick-prev:before{
        color: #D40000;
        font-size: 1.5rem;
    }
    & button.wpp{
        background: #2FD820;
        color: #fff;
        border-radius: 10px;
        padding: 15px 25px;
        font-size: 1.1rem;
        font-weight: 600;
        margin: 40px auto 0;
        border: 0;
        outline: 0;
        transition: .3s;
        &:hover{background-color: #1b9e0f;}
    }
}

/*Etapas*/
.etapas{
    background: #D40000;
    padding: 80px 15% 0px;
    color: #fff;
    text-align: center;
    & h2{
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1;
        margin: 0 auto 80px;
    }
    & .lista{
        display: flex;
        justify-content: space-between;
        gap: 15px;
        padding: 0 10%;

        & .etapa{
            width: calc(33.333% - 15px);

            & span.tag{
                background: #fff;
                border-radius: 15px;
                padding: 10px 40px;
                font-weight: 600;
                color: #D40000;
            }
        }
    }
}

/*Contato*/
.contato{
    background: rgb(212,40,40); 
    background: linear-gradient(0deg, rgba(197,40,40,0) 40%, rgba(212,0,0,1) 40%); 
    padding: 80px 10%;
    & .box{
        background: #E9E9E9;
        border-radius: 15px;}
    & img{
        width: 100%; 
        border-radius: 0px 15px 15px 0;
        object-fit: cover;
        height: 65vh;
    }
    & .formulario{
        padding: 40px 70px;
            & h2{
                font-weight: 800; 
                margin: 0px; 
                font-size: 2rem;
                line-height: 1;
                font-weight: 700;
            }
            & p{
                margin: 8px 0;
            }

            & label{
                width: 100%;
                & input{
                    color: #333;
                    border: solid 1px;
                    padding: 15px 30px;
                    border-radius: 8px;
                    background: transparent;
                    outline: 0;
                    width: 100%;
                    margin: 3px 0;
                    transition: .3s;
                    &::placeholder{
                        font-weight: 500;
                    }
                    &:focus{
                        border-color: #D40000;
                    }
                }
            }  
            & input[type="submit"]{
                background: #000;
                color: #fff;
                padding: 15px 50px;
                border-radius: 10px;
                text-transform: uppercase;
                font-weight: 700;
                transition: .3s;
                border: 0;
                outline: 0;

                &:hover{
                    background: #D40000;
                }
            } 
        }
}

/*Blog*/
.blog{
    padding: 100px 15%;
        & h2{
            text-align: center; 
            font-weight: 800; 
            font-size: 3rem; 
            margin: 0 auto 10px}
        & p.intro{
            max-width: 100%; 
            width: 620px; 
            margin: 0 auto 60px; 
            font-size: 1.1rem; 
            line-height: 1.5; 
            text-align: center;}
        & ul{list-style: none;}
        & .posthome{
        border: solid 2px #D40000; 
        padding: 20px; 
        margin: 15px 0;
        border-radius: 10px;
        transition: .3s;

        &:hover{
            border-color: #000;

            & h3.titulo{
                color: #D40000;
            }
        }

    & .thumb{ 
        aspect-ratio: 16 / 9;
        width: 100%; 
        background: #c9c8c8;
        border-radius: 10px;
        height: auto;
            & img{
                width: 100%; 
                height: auto;
                aspect-ratio: 16 / 9;
                border-radius: 10px;
            }
        }
    & .icone{
            width: 100%; 
            height: 50px; 
            display: flex; 
            justify-content: flex-start; 
            align-items: center;
        & img{max-height: 45px; max-width: 60px;}
        }
    & h3.titulo{
        color: #000; 
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.2;
        margin: 5px 0 10px;
        min-height: 60px;
        display: flex;
        align-items: center;
        transition: .3s;
    }
    & p{
        color: #000;
        font-size: .9rem;
        line-height: 1.5;
        font-weight: 400;
    }}
}

/*Rodape*/
.rodape{
    background: #CECECE; 
    padding: 70px 10%; 
    color: #000;
    & img.logo{margin: 0 auto 0 0; display: block; height: 50px; width: max-content;}
    & nav{display: flex; flex-direction: column; align-items: flex-start; padding: 0; text-align: center;}
    & nav ul{gap: 40px;}
    & nav ul li{padding: 0; margin: 0; font-size: 1rem; font-weight: 600;}
    & nav ul li a{color: #000; transition: .3s;}
    & nav ul li a:hover{color: #D40000;}
    & .navbar-expand-xl .navbar-nav .nav-link{padding: 0; line-height: 1rem;}
    & .redes{width: max-content; max-width: 100%; display: flex; gap: 25px; justify-content: center; align-items: center; margin: 0 0 0 auto}
    & .redes .item{color: #000; font-size: 1.5rem; transition: .3s; line-height: 1rem;}
    & .redes .item:hover{color: #D40000;}
}

/*Copy*/
.copy{
    padding: 20px 10%; 
    background: #D40000; 
    width: 100%; 
    color: #fff; 
    font-size: .95rem;
    & .direitos a{color: #fff; margin: 0 0 0 5px}
    & img{width: 40px; margin: 0 0 0 auto; display: block; filter: contrast(1) brightness(100);}
}


/*Post*/
.post{
    width: 70%; 
    margin: 60px auto; 
    color: #000;
    & .imgd{
        width: 100%; 
        height: 500px; 
        & img{width: 100%; height: 500px; object-position: center; object-fit: cover; border-radius: 10px; filter: brightness(0.3); transition: .3s; margin-bottom: 25px}
        & .titulo{height: 500px; text-align: center; padding: 0px 100px; font-weight: 400; color: #fff; font-size: 2.5rem; line-height: 1.3; margin-top: -525px; position: relative; display: flex; justify-content: center; align-items: center;}
    }
    & h1, h2, h3, h4{text-align: left; color: #D40000; font-weight: 400;}
    & ul li{width: 100%; line-height: 1.5; list-style: none;}
    & .conteudo{
        color: #000; 
        text-align: left; 
        line-height: 1.5; 
        font-size: 1.1rem; 
        margin: 0 auto;
        & img{border-radius: 8px;}
        & p{color: #000; margin: 15px 0; width: 100%;}
        & h1 {font-size: 1.5rem;} 
        & h2 {font-size: 1.4rem;} 
        & h3 {font-size: 1.3rem;}
        & h4 {font-size: 1.2rem;} 
        & a{color: #000; background: #D40000; padding: 3px 5px; border-radius: 5px;}
        & blockquote {background: #000; color: #fff; font-family: 'Montserrat', sans-serif;  font-weight: 400; padding: 30px; border-radius: 5px;border-bottom: solid 5px #D40000; margin: 20px 0px;
            p{color: #000; font-weight: 300; font-size: .8rem; font-family: 'Montserrat', sans-serif; text-align: justify; line-height: 1.5;}
        }
        & .wp-block-embed-youtube iframe{aspect-ratio: 16 / 9; width: 100%; height: auto; border-radius: 15px;}
    }
}

/* Estilo para a paginação */
.pagination { 
    display: flex; 
    justify-content: center; 
    margin: 30px 0; 
    list-style: none; 
    padding: 0;
    & a, span { display: block; padding: 10px 15px; margin: 0 5px; border: 1px solid #D40000; background-color: #fff; color: #000; text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease;
    &:hover{
        background-color: #D40000; 
        color: #fff;}
    }
    & .current {
        background-color: #D40000;
        color: #fff;
        border-color: #D40000;}
    & .prev, .next{font-weight: bold;}
}

/*404*/
.naoencontrado{
    background: #fff; 
    color: #000; 
    padding: 10%; 
    margin-bottom: 0px;
    & h1{font-weight: 700; font-size: 2.5rem; margin-bottom: 5px; color: #D40000;}
    & p{max-width: 100%; width: 800px; font-size: 1.2rem; line-height: 2rem; font-weight: 400;}
    & a{color: #D40000; transition: .3s
        & :hover{color: #D40000}
    }
}

/*Topo da página*/
.topo-pagina{
    background: #000;
    color: #fff; 
    padding: 120px 10%; 
    text-align: center; 
    margin-bottom: 0px;
    
    & h1{font-weight: 400; font-size: 2.5rem; margin: 0;}
}

/*Pagina*/
.page{
    padding: 80px 10%; 
    color: #000;  text-align: left; 
    line-height: 1.5; 
    font-size: 1rem;

    & th, td {text-align: left; border: 1px solid #e8e9eb; line-height: 140%; padding: 10px 14px;}
    & a{color: #D40000;}
    & label{width: 100%; text-align: left}
    & select {text-transform: none; width: 100%; background: #f7f7f7; border: 0px; padding: 10px 10px; color: #D40000; }
    & input{width: 100%; background: #f7f7f7; color: #D40000; padding: 10px 15px; border: solid 1px #D40000; border-radius: 3px;}
    & textarea{width: 100%; height: 150px; background: #f7f7f7; color: #000; padding: 10px 15px; border: solid 1px #f7f7f7; border-radius: 3px;}
    & h1, h2, h3, h4, h5, h6{color: #D40000; font-weight: 700; margin: 15px 0 0}
    & input:focus, textarea:focus, select:focus{outline: none;  border: 0px; border: solid 1px #D40000;}
    & input[type=submit]{width: 100%; background: #D40000; color: #fff; padding: 10px 35px; width: auto; border: solid 1px #D40000; border-radius: 3px; transition: .3s}
    & input[type=submit]:hover{background: #000; color: #fff;}
    & ul, ol{list-style-position: inside; list-style: none}
    & b, strong{color: #D40000;}
}

@media screen and (max-width: 1500px) {
    .slide, .slide  img, .slide .carousel-slides, .slide .slick-slide{height: 550px;}
    .slide .slick-controls-wrapper-slide {height: 550px; margin: -580px 3% 0 auto;}
    .etapas {
        & .lista {
            padding: 0;
        }
    }
    .blog{
        padding: 80px 10%;
    }
}

@media screen and (max-width: 1024px) {
    #menu{
    & .navbar-toggler-icon{height: auto; width: auto;}
    & .navbar-toggler {padding: 0; outline: none; font-size: 2.2rem; color: #D40000; line-height: 100%; background-color: transparent; border: 0px solid transparent; height: auto;}
    & .navbar-expand-xl .navbar-collapse { margin: 15px auto 0px; padding: 0 0 30px; }
    & .navbar-nav .nav-link{padding: 5px 0px; margin: 0;}
    & .navbar-nav li:hover .dropdown-menu {display: block; border: 0; margin: 7px 0px 0px;}
    & .navbar-expand-xl .navbar-nav .dropdown-menu:before{left: 5%}
    & .navbar-expand-xl .navbar-nav .dropdown-menu{position: relative;}
    & .navbar-nav .nav-item {margin: 0px 0px; padding: 10px 0px;}
    & .navbar-collapse .navbar-nav{margin: 0px!important }
    & .navbar-collapse .navbar-nav .nav-link{text-align: left;}
    & .navbar-nav {margin: 0px 0px!important; width: 100%}
    }
    .slide, .slide  img, .slide .carousel-slides, .slide .slick-slide{
        height: 100vw;
    }
    .slide .slick-controls-wrapper-slide {
        height: 100vw; 
        margin: -105vw 3% 0 auto;
    }
    .rapidez {
        & .textos {
            padding: 80px;
        }
        & img{
            border-radius: 0 0 15px 15px;
        }
    }
    .contato {
        & img {
            border-radius: 0 0 15px 15px;
            height: auto;
        }
    }
    .rodape{
        & .navbar-toggler-icon{
            width:auto;
        & i{color: #D40000;}
        }
        & .navbar-toggler{
            padding: 15px 0 0;
        }
        & nav ul{
            text-align: left;
            margin-top: 30px;
        }
    }
    .etapas {
        padding: 60px 10% 0px;
    }
    .post {
        width: 100%;
        margin: 0;
        & .imgd {
            & img {
                border-radius: 0;
            }
        }
        & .conteudo {
            padding: 40px;
        }
    }
    .page{
        padding: 40px;
    }
}

@media screen and (max-width: 480px) {
    .infos{
        flex-direction: column;
        padding: 15px;
       & .info {
            font-size: .7rem;
            margin: 3px 0;
        }
        
    }
    .servicos {
        padding: 40px 30px;
        & h2{
            font-size: 1.6rem;
            margin-bottom: 5px;
        }
        & p.intro {
            font-size: 1rem;
            width: 100%;
            margin-bottom: 30px;
        }
        & a button{
            width: 100%;
            font-size: .9rem;
            margin-top: 20px;
        }
    }
    .rapidez {
        & .textos {
            padding: 30px;
            & p{
                font-size: .9rem;
            }
            & h2{
                font-size: 1.3rem;
                line-height: 1.2;
            }
        }
    }
    .tradicao {
        padding: 40px 0;

        & h2{
            font-size: 1.4rem;
        }
        & p.intro{
            font-size: .9rem;
            padding: 0 30px;
            margin-bottom: 20px;
        }
        & button.wpp{
            margin: 20px 40px 0;
            font-size: .8rem;
            padding: 15px 25px;
        }
        & .slick-slide {
            padding: 0 5px;
        }
    }
    .etapas {
        padding: 50px 30px 0;
        & h2{
            font-size: 1.6rem;
            margin-bottom: 50px;
        }
        & .lista {
            padding: 0;
            flex-direction: column;

            & .etapa{
                width: 100%;
                margin: 15px 0;

                & h3{
                    font-size: 1.2rem;
                }
            }
        }
    }
    .contato{
        padding: 40px 30px 0;
        & .formulario{
            padding: 40px 30px;
            & h2{font-size: 1.8rem;}
            & p{font-size: .9rem;}
        }
    }
    .blog{
        padding: 50px 30px;
        & h2{
            font-size: 1.8rem;
            margin: 0 0 5px;
        }
        & p.intro{
            font-size: .9rem;
            padding: 0px;
            margin-bottom: 20px;
        }
        & .posthome {
            & h3.titulo {
                font-size: 1.2rem;
                margin: 5px 0;
                min-height: auto;
            }
            & p{
                font-size: .8rem;
            }
            & .icone {
                & img {
                    max-height: 30px;
                    max-width: 45px;
                }
            }
        }    

    }
    .rodape {
    padding: 50px 30px;
    & img.logo {margin: 0 auto 25px;height: auto; display: block;  width: 100%; }
    & h2{font-size: 0;}
    & nav ul { text-align: left; margin-top: 20px; gap: 20px; }
    & .navbar-toggler { width: 100%;}
    & .navbar-toggler-icon{color: #000; text-align: center; width: 100%; text-transform: uppercase; height: auto; margin-bottom: 25px; font-size: 1.2rem;}
    & .navbar-toggler-icon i{color: #D40000; margin-right: 15px;}
    & .navbar-collapse{width: 100%; margin-bottom: 20px;}
    & .redes { width: max-content; max-width: 100%; display: flex; gap: 28px; justify-content: center; align-items: center; margin: 20px auto 0; }
    & .navbar-expand-xl .navbar-nav .nav-link{text-align: center;}
    }
    .copy { 
        padding: 30px; 
        font-size: .8rem; 
        text-align: center;
        & img {margin: 10px auto 0;}
    }
    .page {
        padding: 40px 30px; 
        text-align: left;
    }
    .post {

        & .imgd { height: 300px;
            & .titulo, img {
                height: 300px;
            }
            & .titulo{
                margin-top: -325px;
                font-size: 1.8rem;
                padding: 30px;
            }
            }
        & .conteudo {
            padding: 30px;
            & p{
                font-size: .9rem;
            }
        }
    }
    .topo-pagina{
        padding: 80px 30px;
        & h1 { font-size: 1.6rem;}
    }
    .naoencontrado{
        padding: 40px 30px;
        & h1{
            font-size: 1.5rem;
            margin: 0 0 10px
        }
        & p{
            font-size: 1rem;
            line-height: 1.5;
            margin: 0;
        }
    }
}