/**
Fonte 
********/
@font-face {
    font-family: 'Neue Machina';
    src: url('assets/font/NeueMachina-Light.woff2') format('woff2'),
        url('assets/font/NeueMachina-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('assets/font/NeueMachina-Regular.woff2') format('woff2'),
        url('assets/font/NeueMachina-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Machina';
    src: url('assets/font/NeueMachina-Ultrabold.woff2') format('woff2'),
        url('assets/font/NeueMachina-Ultrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/***
Principais 
***************/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html,body{
    scroll-behavior: smooth;
    background: #f4f5f8;
    font-family: 'Raleway', sans-serif;
    overflow-x: hidden;
}
body{
    overflow-x: hidden;
    min-height: 100vh;
}
ul{
    padding: 0;
}
a{
    text-decoration: none;
}
img {
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.flex-content{
    display: flex;
    flex-flow: wrap;
    align-items: center;
}
.flex-between{
    justify-content: space-between;
}
.flex-centered{
    justify-content: center;
}
.direction-column{
    flex-direction: column;
}
.text-linear{
    /* background: linear-gradient(145.43deg, #0C0C0C 6.52%, #DFAFFE 113.74%); */
    /* -webkit-background-clip: text; */
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
h1.type1,
h2.type1{
    background: linear-gradient(145.43deg, #0C0C0C 6.52%, #DFAFFE 113.74%);
    -webkit-background-clip: text;
}
h2.type2{
    background: linear-gradient(145.43deg, #FFFFFF 6.52%, #DFAFFE 113.74%);
    -webkit-background-clip: text;
}
.font-default p.color-white {
    color:#fff;
    font-size: 14px;
    line-height: 16px;
    margin: 20px 0;
}
.font-default h1{
    font-size: 40px;
    line-height: 52px;
    text-align: center;
}
.font-default h2{
    font-size: 39px;
    line-height: 46px;
}
.font-default p{
    font-size: 16px;
    line-height: 22px;
    color: #35253F;
}

/* header */
header.header-cat {
    position: absolute;
    top: 0;
    width: 100%;
    background:  #f4f5f8;
    padding: 25px 0;
    position: fixed;
    z-index: 99999999;
}
.header-cat .aside a {
    display: inline-block;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    padding: 0px 12.5px 0 10px;
    border-radius: 10px;
    align-items: center;
    display: flex;
    gap: 5px;
    font-weight: 600;
    transition: all .4s;
    font-family: 'Montserrat', sans-serif;
}
.header-cat .aside a:hover {
    background: #0C0C0C;
    color: #f4f5f8;
    transition: all .4s;
}
.header-cat .aside a span {
    font-weight: 600;
    font-size: 30px;
}
.logo svg {
    display: inline-block;
    width: 60px;
    height: 50px;
}
@font-face {
    font-family: 'Geometric';
    src: url('/assets/font/Geometr415 Blk BT Black.ttf') format('ttf');
}
.logo a span.new-logo {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #000;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.logo a span.new-logo:hover {
    text-decoration: underline;
    text-decoration-color: #BCA2CD;
}
.btn-default {
    position: absolute;
}
.header-cat .btn-default a {
    display: inline-block;
    /* font-size: 16px; */
    /* color: #000; */
    /* border: 1px solid #00000050; */
    border-radius: 5px;
    /* padding: 5px 15px 5px 10px; */
    /* position: relative; */
    border: 1px solid #00000050;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 60px;
    right: 60px;
    transform: scale(1.2);
    z-index: 9999999;
    background: #ffffff;
}
i.icon-instagram {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(assets/svg/instagram.svg) no-repeat center center;
    background-size: cover;
    filter: brightness(0);
}

.header-cat .btn-default i:before {
    content: "+";
    margin-right: 5px;
    font-weight: bold;
}
.header-cat .btn-default a.icon-whats i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    position: relative;
}
.header-cat .btn-default a.icon-whats i:after {
    content: "";
    display: inline-block;
    width: 60px;
    height: 60px;
    /* border: 1px solid red; */
    border-radius: 50%;
    position: absolute;
    inset: 0;
    background: radial-gradient(transparent 60%, #4DCA5B);
    /* background: radial-gradient(transparent 60%, #DFAFFE); */
    filter: hue-rotate(360deg);
    transition: 5s ease-in-out;
}
.header-cat .btn-default a.icon-whats i:before {
    content: "";
    background: url(assets/svg/whats-icon.svg) no-repeat center center;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0;
}
/* content */
section.webbanner {
    min-height: 100vh;
    position: relative;
    pointer-events: none;
}
/* section.webbanner:after, */
section.webbanner svg {
    content: "";
    position: absolute;
    /* inset: 0;
    background: url(assets/svg/stars-banner.svg) no-repeat center center;
    background-size: contain;
    pointer-events: none; */
}
svg.fire-banner {
    width: 100%;
    inset: 0;
    height: 120%;
}
.header-cat .aside a:after {
    /* content: "";
    display: inline-block;
    width: 15px;
    height: 2px; */
    /* background: #000; */
    /* margin: 5px 0 5px 5px; */
}

.webbanner .banner {
    /* background: url(assets/img/casinha-banner-min.png) no-repeat center center; */
    /* background-size: cover; */
    /* min-height: 250px; */
    /* background: red; */
    position: relative;
}
/* g.ball {
    offset-rotate: 0deg;
    offset-path: path('M571.987 144.135C602.179 163.17 625.082 188.081 637.706 218.204C682.926 326.086 579.57 459.816 406.86 516.901C344.443 537.536 281.558 545.267 224.515 541.733,M495.403 112.196C422.708 93.5524 332.405 96.7345 243.099 126.253C70.3893 183.356 -32.9671 317.086 12.2526 424.949C32.7323 473.814 80.2384 508.916 142.068 527.482');
    offset-distance: 0%;
    /* offset-distance: 100%; *
    /* transition: 3s; *
    transform-origin: 141px 531px;
    animation:ball-banner 3s ease-in-out infinite;
} */
@keyframes ball-banner {
    0%{offset-distance: 0%;}
    50%{offset-distance: 100%;}
    /* 100%{offset-distance: 0%;} */
}
.webbanner .banner:after {
    content: "";
    background: url(assets/svg/grafismo-banner.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    inset: 0;
    top: 70px;
    bottom: -40px;
    left: 50px;
}
/* .webbanner svg.fire-banner {
    content: "";
    position: absolute;
    inset: 0;
    top: 30px;
    bottom: -40px;
    left: 50px;
    transform: none;
    width: 75%;
} */

.webbanner .banner img {
    position: relative;
    z-index: 9;
}

section.abas {
    padding-top: 50px;
}
section.abas.aba1 {
    position: relative;
}

/* section.abas.aba1:before {
    content: "";
    pointer-events: none;
    background: url(assets/svg/stars-aba1.svg) no-repeat center center;
    background-size: cover;
} */
.aside-50 {
    width: 100%;
    position: relative;
}

.aside-50 img {
    min-height: 250px;
    /* background: #000; */
    width: 100%;
    display: inline-block;
    margin: 20px 0;
    position: relative;
    z-index: 9;
}

.sidepic-newbannerws, .sidepic-newbanners {
    max-width: 60%;
    margin: 20px 0;
    z-index: 999;
}

.sidepic-newbannerws img, .sidepic-newbanners img {
    z-index: 999;
}

svg.stars2, svg.stars3 {
    position: absolute;
    pointer-events: none;
}

svg.stars2 {
    top: 165vh;
}

svg.stars3 {
    top: 267.5vh;
}

section.abas.aba1 .aside-50.grf-circle{
    margin-top: 125px;
}

section.abas.aba1 .aside-50:last-child:after,
section.abas.aba1 svg {
    content: "";
    pointer-events: none;
    /* background: url(assets/svg/stars-aba1.svg) no-repeat bottom;
    background-size: contain; */
    position: absolute;
    left: 20px;
    bottom: -40px;
    width: 250px;
    height: 90px;
}
.abas .aside-50.grf-circle:after {
    content: "";
    background: url(assets/svg/grafismo-aba1.svg) no-repeat center center;
    background-size: contain;
    display: inline-block;
    width: 100%;
    position: absolute;
    inset: 0;
}
.aba4 .aside-50.grf-circle:before,
.aba4 .aside-50.grf-circle:after {
    display: none;
}
/* .aba4 .aside-50.grf-circle:before {
    width: 260px;
    bottom: -240px;
    left: 180px;
    z-index: 99;
} */
/* grid */
.grid-1 {
    background: linear-gradient(180.79deg, #39005E -30.11%, #000000 99.32%);
    padding: 60px 30px;
    position: relative;
}
.grid-1:before {
    content: "";
    position: absolute;
    right: 35px;
    top: 30px;
    display: inline-block;
    background: url(assets/svg/grafismo1-aba-grid.svg) no-repeat center center;
    background-size: contain;
    width: 80px;
    height: 60px;
}
/* .grid-1:after,
#grf-world {
    content: "";
    position: absolute;
    right: 35px;
    bottom: 30px;
    display: inline-block;
    /* background: url(assets/svg/grafismo2-aba-grid.svg) no-repeat center center;
    background-size: contain; *
    width: 80px;
    height: 60px;
    pointer-events: none;
} */
.grid-1:after, .grf-world {
    content: "";
    position: absolute;
    pointer-events: none;
    height: 100%;
    width: 70px;
    left: calc(100% - 20%);
    top: calc(100% - 65%);
}
.grf-world {
    content: "";
    position: absolute;
    pointer-events: none;
    height: 100%;
    width: 70px;
    left: calc(100% - 20%);
    top: calc(100% - 65%);
}
path.bolinha{
    offset-rotate: 0deg;
    offset-path: path('M97.7706 12.0112C101.151 11.903 103.506 12.5746 104.487 14.1404C108.421 20.4007 89.2892 38.3921 61.7521 54.3276C34.2183 70.2631 8.70453 78.1051 4.77066 71.8449C2.20667 67.7679 5.83189 61.0471 18.7944 50.8245');
    offset-distance: 0%;
    /* offset-distance: 100%; */
    transition: .6s ease-in-out;
    transform-origin: 54px 58.65px;
    animation: bolinha 1s ease-in-out .25s infinite alternate;
}
.circle {
    offset-rotate: 0deg;
    offset-path: path('M97.7706 12.0112C101.151 11.903 103.506 12.5746 104.487 14.1404C108.421 20.4007 89.2892 38.3921 61.7521 54.3276C34.2183 70.2631 8.70453 78.1051 4.77066 71.8449C2.20667 67.7679 5.83189 61.0471 18.7944 50.8245');
    transition: .6s ease-in-out;
    transform-origin: 95px 13px;
    animation: bolinhareverse 2s ease-in-out .25s infinite alternate;
}
@keyframes bolinha {
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 100%;
    }
}
@keyframes bolinhareverse {
    0% {
        offset-distance: 100%;
    }
    100% {
        offset-distance: 0%;
    }
}
.grid-1 p br {
    display: none;
}
/* .grid-1 i,
.grid-1 svg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: url(assets/svg/stars-aba2.svg) no-repeat center center;
    background-size: contain;
    transform: scale(.8);
    left: -100px;
} */
.grid-1 i, .grid-1 svg#stars-grid1 {
    position: absolute;
    pointer-events: none;
    left: 30px;
    top: 30px;
    width: 180px;
}
section.abas.aba2.aba-grid {
    min-height: 100vh;
    /* padding: 0; */
}

.follow-text, .follow-text a {
    color: #4E3F58;
    text-align: center;
    margin: 40px 0;
    position: relative;
    width: 100%;
}

.flexbox-social {
    width: 100%;
}
.teste .flex-social-imgs {
    /* grid-template-columns: 1fr; */
    display: flex;
    flex-flow: wrap;
}
.flex-social-imgs a.file-insta, .flex-social-imgs a.file-insta video {
    width: 100%;
}
.flex-social-imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.flex-social-imgs img {
    width: 31%;
    margin: 1%;
}

/* end grid */
section.abas.aba3.banner-full {
    min-height: 100vh;
    background: url(assets/img/banner-aba3-min.jpg) no-repeat 80%;
    background-size: cover;
    display: flex;
    align-items: center;
}
.depoiments {
    background: #000;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.head-depoiments h2, .head-depoiments p {
    text-align: center;
}
.box-depoiments {
    background: #fff;
    /* padding: 30px; */
    margin: 35px 0;
    border-radius: 12px;
    min-height: 250px;
    position: relative;
}
.box-depoiments .img-participante.aside-50 {
    height: 400px;
    border-radius: 12px 12px 0 0;
}
.box-depoiments .aside-50 {
    padding: 50px;
}
.box-depoiments a {
    position: absolute;
    inset: 0;
}
section.abas.depoiments {
    padding-bottom: 50px;
}
section.abas.aba4 {
    padding-bottom: 50px;
}
.font-default .box-depoiments h4 {
    font-size: 20px;
}
.font-default .box-depoiments p {
    font-size: 14px;
}

/* Modal  Depoiments */

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 215px;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
    padding: 40px 20px 30px 20px;
    z-index: 999;
    box-shadow: 2px 2px 100vw 100vh rgba(0,0,0,.6);
    overflow: hidden;
}
  
.close-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
    border: none;
    background: none;
    color: #4E3F58;
}

 video.modal-video {
    width: 100%;
    max-height: 235px;
    border-radius: 15px;
}

@media (min-width: 1024px) {
    .modal {
        width: 480px;
        height: 280px;
    }

    video.modal-video {
        max-height: 100%;
    }
    .teste .flex-social-imgs {
        /* display: flex; */
        /* flex-direction: row; */
        /* flex-wrap: wrap; */
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-gap: 10px;
    }
}

@media (min-width: 1280px) {
    .modal {
        width: 720px;
        height: 400px;
    }
}

@media (min-width: 1920px) {
    .modal {
        width: 1080px;
        height: 590px;
    }

    .close-btn {
        font-size: 24px;
        right: 20px;
        font-weight: 500;
    }
}

/* footer */
footer.foot-cat {
    padding: 50px 0 0px;
    background: #101010;
    position: relative;
}
.foot-end {
    background: #000;
    width: 100%;
    padding: 20px 0;
    margin-top: 20px;
}
.itens-foot {
    width: 100%;
}
.foot-end p {
    margin-bottom: 5px;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
}
footer.foot-cat:before,
footer.foot-cat svg.foot-stars {
    content: "";
    position: absolute;
    pointer-events: none;
    /* background: url(assets/svg/stars-footer.svg) no-repeat center center;
    background-size: contain; */
    width: 100%;
    height: 160px;
    right: calc(100% - 100%);
    top: calc(100% - 110%);
}
.foot-three i,
.foot-three .grf-world {
    display: inline-block;
    /* background: url(assets/svg/grafismo2-aba-grid.svg) no-repeat center center;
    background-size: contain; */
    width: 80px;
    height: 60px;
}
.foot-three i {
    display: inline-block;
    border: 1px solid #fff;
    height: 1px;
    border-radius: 34px;
    transform: rotateY(-35deg);
    background: #fff;
    width: 80px;
    transform: translate(-3px, 22px) rotate(-25deg) skew(-25deg, -3deg);
}
.foot-cat .foot-three svg {
    width: 80px;
    height: 50px;
    transform: scale(1.3);
}
.foot-three a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 10px 35px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    margin-top: 30px;
}
.foot-one i {
    display: inline-block;
    background: url('assets/svg/logo.svg') no-repeat left center;
    background-size: contain;
    width: 50px;
    height: 60px;
    filter: brightness(0) invert(1);
    width:100%;
}
.foot-one .redes-sociais a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 10px 10px 10px 0;
}
a.face {
    background-image: url('assets/svg/facebook.svg');
}
a.linkedin {
    background-image: url('assets/svg/linkedin.svg');
}
a.insta {
    background-image: url('assets/svg/instagram.svg');
}
a.youtube {
    background-image: url('assets/svg/youtube.svg');
}
.foot-one a {
    display: inline-block;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
}

@media(min-width:1024px) {
    footer.foot-cat {
        padding: 50px 0 120px;
    }
    .foot-end {
        position: absolute;
        bottom: 0;
    }
    .itens-foot {
        width: auto;
    }
    .logo a.flex-content.flex-between {
        grid-gap: 10px;
    }
    .logo a span.new-logo {
        font-size: 16px;
        line-height: 20px;
    }
    .webbanner .banner img {
        max-height: 300px;
        object-fit: contain;
    }
    section.webbanner:after,
    section.webbanner svg {
        transform: scale(.8) translateY(30px);
    }
    .content-banner {
        width: 100%;
    }
    section.abas.aba1 .aside-50:last-child:after,
    section.abas.aba1 svg {
        bottom: -80px;
        width: 300px;
        height: 120px;
        left: -80px;
    }
    .font-default h1 {
        font-size: 56px;
        line-height: 56px;
    }

    .banner_01 .sidepic-newbannerws img, 
    .banner_02 .sidepic-newbannerws img {
        display: block; 
    }
    
    .aside-50 {
        width: 46%;
    }

    svg.stars2  {
        top: 100vh;
        transform: scale(.8) translateY(30px);
        z-index: 998;
    }

    svg.stars3 {
        top: 200vh;
        transform: scale(.8) translateY(30px);
        z-index: 998;
    }

    /* grid */
    .grid-1 p br {
        display: block;
    }
    .grid-box {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .grid-1 {
        grid-area: 1 / 1 / 5 / 3;
        padding-top: calc(100% - 70%);
    }
    .grid-2 { grid-area: 1 / 3 / 3 / 4; }
    .grid-3 { grid-area: 1 / 4 / 3 / 5; }
    .grid-4 { grid-area: 3 / 3 / 5 / 4; }
    .grid-5 { grid-area: 3 / 4 / 5 / 5; }
    section.abas.aba3.banner-full {
        background-position: center center;
    }
    .grid-1:before {
        right: 60px;
        top: 60px;
        width: 100px;
    }
    
    .grid-1:after,
    #grf-world {
        bottom: 60px;
        right: 60px;
        width: 80px;
        height: 80px;
    }
    .grid-1 i,
    .grid-1 svg#stars-grid1 {
        width: 260px;
    }
    .font-default h2 {
        font-size: 50px;
        line-height: 52px;
    }
    
    .box-depoiments {
        width: 49%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .box-depoiments .aside-50 {
        padding: 30px 40px 30px 0;
    }
    
    .box-depoiments .img-participante.aside-50 {
        border-radius: 12px 0 0 12px;
    }

    .follow-text {
        margin: 100px auto 40px;
    }

    .follow-text:before {
        content:'';
        display: inline-block;
        position: absolute;
        width: 28%;
        top: 50%;
        height: 1px; 
        background-color: #E1E1E1;
        left: 0
    }

    .follow-text:after{
        content:'';
        display: inline-block;
        position: absolute;
        width: 28%;
        top: 50%;
        height: 1px; 
        background-color: #E1E1E1;
        right: 0
    }

    .flex-social-imgs img,
    .flex-social-imgs a {
        width: 19%;
        margin: 0.5%;
    }
    .flex-social-imgs .file-insta{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: auto;
    }
    .flex-social-imgs .file-insta video{
        width:100%;
    }
    
    section.abas.depoiments {
        padding-bottom: 70px;
    }
    
    section.abas {
        padding-top: 100px;
    }
    section.abas.aba1 {
        padding-top: 50px;
    }
    footer.foot-cat:before,
    footer.foot-cat svg {
        right: calc(100% - 120%);
        top: calc(100% - 130%);
    }
    .font-default p.color-white {
        margin: 0;
    }
    .foot-one i {
    display: inline-block;
    background: url('assets/svg/logo.svg') no-repeat center center;
    background-size: contain;
    width: 50px;
    height: 60px;
    filter: brightness(0) invert(1);
    width:100%;
    }
    .box-footer {
        width: 20%;
    }
    
    .foot-cat .flex-content {
        justify-content: space-between;
    }
    
    .box-footer:nth-of-type(2) {
        width: 50%;
    }
    
    .box-footer.foot-one {display: flex;flex-flow: wrap;justify-content: space-around;grid-gap: 5px;}
    
    .foot-one .redes-sociais a {
        width: 25px;
        height: 25px;
        margin: 10px;
    }
}
@media(min-width:1280px) {
    .font-default p {
        font-size: 18px;
        line-height: 24px;
    }
    .grid-1 {
        padding-left: 70px;
        padding-right: 70px;
    }
    .grid-1 i, .grid-1 svg#stars-grid1 {
        width: 300px;
    }

    .follow-text:before, .follow-text:after {
        width: 32%;
    }
}
@media(min-width:1920px) {
    .font-default h1 {
        font-size: 86px;
        line-height: 86px;
    }
    .webbanner .banner img {
        max-height: 400px;
    }
    .grid-1 {
        padding-left: 17%;
    }
    footer.foot-cat:before,
    footer.foot-cat svg {
        top: calc(100% - 150%);
    }
    .grid-1 i, .grid-1 svg#stars-grid1 {
        width: 300px;
        top: 160px;
        left: 170px;
    }
    .grid-box {
        max-height: 969px;
        /* transform: scale(.8); */
    }
    section.abas.aba2.aba-grid {
        min-height: auto;
    }
}

/***
Novos banners 
*********************/
.flex-desc-newbanners {
    display: flex;
    flex-flow: wrap;
    height: 100vh;
    padding-top: 100px;
    justify-content: center;
    position: relative;
    z-index: 8;
}
.sidetext-newbanners h2 {
    background: linear-gradient(145.43deg, #0C0C0C 6.52%, #DFAFFE 113.74%);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 52px;
    line-height: 62px;
    margin-bottom: 20px;
    font-family: 'Neue Machina';
}

.sidetext-newbanners p {
    color: #35253F;
    font-size: 16px;
    margin: 0;
    line-height: 22px;
}
section.newbanner.banner_01, section.newbanner.banner_02 {
    position: relative;
}
.graphism-newbanners {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.graphism-newbanners2 {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

@media(min-width: 1024px){
    .sidetext-newbanners,
    .sidepic-newbannerws{
        width: 50%;
    }
    .flex-desc-newbanners {
        flex-direction: inherit;
        align-items: center;
    }
    .sidepic-newbanners {
        width: 50%;
    }
    .sidetext-newbanners h2 {
        font-size: 64px;
        line-height: 70px;
    }
    
    .sidetext-newbanners p {
        font-size: 22px;
        line-height: 32px;
    }

    .graphism-newbanners:before, 
    .graphism-newbanners2:before {
        content: url(assets/svg/estelar_2.svg);
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
    }
}

@media(min-width: 1280px){
    .sidetext-newbanners h2 {
        font-size: 80px;
        line-height: 83px;    
    }
}

/* NOVO GRID DESTAQUE */
section.aba-destaque-products {
    /* min-height: 60vh; */
    /* margin-top: -100px; */
    background: #ffffff;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 50px;
}
.destaques-produtos {
    display: flex;
    flex-flow: wrap;
    grid-gap: 30px;
}
.box-grid-products {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 10px;
}

.box-grid-products .items-products {
    /* width: 48%; */
    /* background: #fff; */
    min-height: 250px;
    /* border-radius: 10px; */
    padding: 10px 30px 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    grid-gap:10px;
    transition: .6s ease-in-out;
}
.box-grid-products .items-products:after {
    content: "";
    position: absolute;
    background: linear-gradient(to top, #24242450 20%, transparent);
    inset: 0;
}
.items-products:hover {
    transition: .6s ease-in-out;
    filter: drop-shadow(2px 4px 6px #24242485);
}
.product-01 {
    background: url(assets/img/product-01-min.jpg) no-repeat center center;
    background-size: cover;
}
.product-02 {
    background: url(assets/img/arranhadouro-2-min.jpg) no-repeat center center;
    background-size: cover;
}
.product-03 {
    background: url(assets/img/comedouro-1-min.jpg) no-repeat center center;
    background-size: cover;
}
.product-04 {
    background: url(assets/img/casinha-06-min.jpg) no-repeat center center;
    background-size: cover;
}
.product-05 {
    background: url(assets/img/casinha-03-min.jpg) no-repeat center center;
    background-size: cover;
}
.box-grid-products .items-products h3 {
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    position: relative;
    z-index: 9;
}
.box-grid-products .items-products i {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 35px;
    background: #242424;
    top: 0;
    left: 0;
    border-radius: 0 0 20px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    z-index: 9;
}

.box-grid-products .items-products a {
    display: inline-block;
    background: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 12px;
    color: #242424;
    font-weight: 600;
    position: relative;
    z-index: 9;
}
.destaques-produtos h3.follow-text {
    margin: 0;
}
@media(min-width:1024px) {
    section.aba-destaque-products {
        /* margin-top: -70px; */
        padding: 0 0 120px;
    }
    .destaques-produtos h3.follow-text {
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .destaques-produtos .box-grid-products {
        width: 100%;
    }
    .destaques-produtos .sidetext-newbanners {
        width: 45%;
    }
    .box-grid-products .items-products {
        min-height: 320px;
        /* width: 24%; */
    }
    .destaques-produtos .sidetext-newbanners h2 {
        font-size: 50px;
        line-height: 50px;
    }
    .destaques-produtos .sidetext-newbanners p {
        font-size: 16px;
        line-height: 22px;
    }
}
/* modal produtos */
.modal {
    z-index: 999999999999;
}
.modal.produtos-default {
    padding: 0 !important;
    border: 0;
    margin: 0;
    height: auto;
}
.produtos-default .modal-dialog {
    padding: 0;
    margin: 0;
}
.produtos-default .modal-content {
    border: none;
}
.produtos-default .modal-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    border: none;
}
.content-produtos .images {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    max-height: 300px;
    min-height: 200px;
}
.description-product {
    width: 100%;
}
.modal-body.flex-content.content-produtos {
    padding: 30px 20px;
    position: relative;
}
.images img {
    width: 48%;
    max-height: 200px;
}
.produtos-default .modal-header button {
    display: inline-block;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.produtos-default .modal-header span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.produtos-default .modal-header span:before {
    content: "x";
    font-size: 20px;
    position: absolute;
    top: 5px;
}
.content-produtos a {
    display: inline-block;
    background: linear-gradient(145.43deg, #0C0C0C 6.52%, #DFAFFE 113.74%);
    padding: 7px 35px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
}
.sidetext-newbanners.description-product {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    grid-gap: 20px;
    margin-top: 20px;
}
.sidetext-newbanners.description-product h2 {
    margin: 0;
}
.owl-dots {
    margin-top: 10px;
    position: absolute;
    bottom: -35px;
    width: 100%;
    text-align: center;
}
.owl-dots button span {
    width: 10px;
    height: 10px;
    background: #D6D6D6;
    display: inline-block;
    border-radius: 10px;
    margin: 3px;
}
.owl-dots button.active span {
    background: #9273a6;
}
@media(min-width:1024px) {
    .description-product i {
        display: inline-block;
        width: 100%;
        height: 60px;
        /* background: red; */
        position: relative;
    }
    .description-product i:before {
        content: "";
        position: absolute;
        background: url(assets/svg/logo.svg) no-repeat center center;
        width: 60px;
        height: 60px;
        bottom: 0;
        right: 0;
        background-size: contain;
    }
    
    .produtos-default .modal-content {
        width: 920px;
    }
    .modal-body.flex-content.content-produtos {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        padding: 0 32px 62px;
    }
    .produtos-default .modal-header {
        position: sticky;
    }
    .modal.produtos-default {
        width: 920px;
        max-height: 90%;
        overflow-y: hidden;
    }
    .description-product h2 {
        font-size: 40px;
        line-height: 32px;
    }
    .description-product p {
        font-size: 18px;
        line-height: 22px;
    }
    .sidetext-newbanners.description-product {
        margin-top: 50px;
        width: 50%;
        align-self: baseline;
        position: sticky;
        top: 60px;
        justify-content: flex-start;
        text-align: left;
    }
    .content-produtos .images {
        width: 45%;
        flex-flow: wrap;
        grid-gap: 30px;
        max-height: 440px;
        min-height: 300px;
    }
    .images img {
        max-height: 440px;
        width: 100%;
    }
}

@media(min-width:1920px) {
    .modal.produtos-default {
        max-height: 65%;
    }
}

.modal::-webkit-scrollbar{
    border-radius: 10px;
    width: 5px;
}
.modal::-webkit-scrollbar-thumb {
    background:#DFAFFE;   
    border-radius: 10px;
}
.modal::-webkit-scrollbar-track {
    background:#24242450;
    border-radius: 10px;
}
/* Webbanner gato cosmico */
.gato-cosmico-webbanner.webbanner {
    background: url(assets/img/webbanner-gatocosmico-min.jpg) no-repeat 100%;
    background-size: cover;
}
@media(min-width:1024px){
    .gato-cosmico-webbanner.webbanner {
        background-position: center;
    }
    .gato-cosmico-webbanner.webbanner .aside-50 {
        width: 60%;
    }
    .gato-cosmico-webbanner.webbanner .aside-50:last-child {
        width: 40%;
    }  
}