@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,800;1,400&display=swap');
*{
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@keyframes pulse {to { box-shadow: 0px 0px 46px 5px rgba(1, 187, 1, 0.9);}}
@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}

a,
a:hover,
a:active,
a:focus ,
svg,
input[type=checkbox],
button{
    cursor: url("../img/cursor-pointer.webp"), auto !important;
}
label{
    cursor: url("../img/cursor.webp"), auto !important;
}
a:hover{
    fill: var(--azulCiano) !important;
}
:root{
    --azulClaro: #f4ffff;
    --azulCiano: #0f9cc3;
    --azulEscuro: #23324d;
    --sizeParagrafo: 16.67px;
}
html, body{
    scroll-behavior: smooth;
    cursor: url("../img/cursor.webp"), auto !important;
    height: 100%;
}
:target {
    scroll-margin-top: 6rem !important;
}

body{
    display: flex;
    flex-direction: column;
}
body::-webkit-scrollbar {
    width: 10px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
    background: var(--azulEscuro) ;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--azulCiano);

}
.box-message{
    z-index: 99999999999999999;
    position: fixed;
    top: 15px;
    right: 50px;
    padding: 5px 20px;
    outline: 1px solid #398723;
    background-color: #48B02C;
}
.box-message p{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20.75px;
    color: white;
    margin: 0;
}
.btn-whats {
    background-color: #00b300;
    border-radius: 50%;
    padding: 14px;
    position: fixed;
    right: 6%;
    bottom: 10%;
    z-index: 99!important;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: pulse 1s ease-in-out infinite alternate, float 5s ease-in-out infinite;
}
.btn-whats svg{
    fill: #ffff !important; 
    color:#fff;
    font-size:50px}

/* --------------------------HEADER------------------------------- */
.content{
    width: 100%;
    max-width: 1251px;
    margin: 0 auto;
    padding: 0 20px;
}

header{
    position: fixed !important;
    background-color: var(--azulClaro) !important;
    text-align: center;
    z-index: 99;
    width: 100%;
    height: 158px;
    padding: 4px;    
    transition: all .3s ease-in-out;
}
header.resized {
    -webkit-box-shadow: 0px 6px 16px -15px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 6px 16px -15px rgba(0,0,0,0.6);
    box-shadow: 0px 6px 16px -15px rgba(0,0,0,0.6);
    height: 100px;
}
header.resized .wrapper-logo {
    transform: translateX(150%);
}
header.resized .wrapper-logo img{
    margin: 0 auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 78px;
}
header.resized .socials h3{
    margin-bottom: 0px;
}
header.resized .socials ul li svg{
    height: 0.7em !important;
}
header .content{
    justify-content: center;
}
header .content-header{
    max-width: 1260px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .btnMobile{
    display: none;
}
header .btnMobile {
    width: 30px;
    height: 25px;
    position: relative;
    cursor: pointer;
}
header .btnMobile span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: var(--azulEscuro);
    border-radius: 10px;
    opacity: 1;
    left: 0;
}
header .btnMobile span:nth-child(1) {
    top: 0;
}
header .btnMobile span:nth-child(2){
    top: 11px;
}
header .btnMobile span:nth-child(3) {
    top: 22px;
}
header .btnMobile.open span:nth-child(1) {
    transform: translateY(11px) rotate(45deg);
}

header .btnMobile.open span:nth-child(2) {
    opacity: 0;
}

header .btnMobile.open span:nth-child(3) {
    transform: translateY(-11px) rotate(-45deg);
}
header .wrapper-logo {
    transition: all .3s ease-in-out;
    transform: translateX(65%);
    margin: 0 auto;
    justify-content: center;
}
header .wrapper-logo img{
    transition: all .3s ease-in-out;
    width: auto;
    height: 150px;
    object-fit: contain;
}
header .wrapper-logo.mobile{
    display: none;
}
header .socials {
    color: var(--azulEscuro);
}
header .socials h3{
    font-weight: 500;
    font-size: var(--sizeParagrafo);
    margin-bottom: 20px;
}
header .socials ul{
    list-style: none;
    padding-left: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 30px;
    font-size: 39.56px;
}
header .socials ul li a:hover svg{
    fill: var(--corRoxo) !important;
}
header .wrapper-links{
    list-style: none;
    display: flex;
    align-items: center;
    gap: 40px;
}
header .wrapper-links.active{
    transition: transform .4s ease-in-out;
    background-color: var(--azulEscuro);
    padding: 30px;
    width: 100%;
    height: auto;
    transform: translateX(0%);
    visibility: visible;
    opacity: 1;
    left: 0;
    top: 158px;
    position: absolute;
    text-align: left;
}
header .wrapper-links a{
    transition: background-color .2s ease-in;
    background-color: var(--corRosa);
    width: 239px;
    height: 34px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: var(--sizeParagrafo);
    font-weight: 400;
}
header .wrapper-links a:hover{
    background-color: var(--corRoxo);
}
header .wrapper-links.active a{
    width: 100%;
}
header .wrapper-links .socials-mobile{
    margin-top: 20px;
    text-align: center;
    color: #fff;
}
header .wrapper-links .socials-mobile h3{
    margin-bottom: 15px;
}
header .wrapper-links .socials-mobile ul{
    width: 140px;
    list-style: none;
    padding-left: 0;
    display: flex;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between;
}
header .wrapper-links .socials-mobile ul li a {
    font-size: 28.54px;
    background-color: transparent;
}
header .wrapper-links .socials-mobile ul li a svg{
    fill: #fff !important;
}

/* --------------------------FIM HEADER------------------------------- */


/* --------------------------MAIN------------------------------- */

main{
    flex: 1;
}
main .banner{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-top: 158px;
    background-image: url('../img/banner-main2.webp');
    background-position: center ;
    background-size: cover;
    background-repeat: no-repeat;
    height: 312px;
    width: 100%;
    padding: 0 83px;
}
main .banner h3{
    color: #fff;
    font-size: 40.99px;
    font-weight: 400;
}


/* --------------------------FIM MAIN------------------------------- */



/* --------------------------SECTION------------------------------- */

section{
    flex: 2;
    padding: 45px 0;
}
section.sobre {
    background-image: url('../img/banner-sobre.webp');
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 74px 0;
}
section.sobre .content{
    padding-left: 43px;
}
section.sobre .wrapper-sobre{
    display: flex;
    align-items: center;
    gap: 150px;
}
section.sobre .wrapper-sobre .info{
    flex-basis: 50%;
}
section.sobre .wrapper-sobre .info .numbers{
    display: flex;
    justify-content: space-between;
    color: var(--azulEscuro);
    padding-top: 20px;
}
section.sobre .wrapper-sobre .info .numbers .card{
    text-align: center;
    font-weight: bold;
    width: 220px;
}
section.sobre .wrapper-sobre .info .numbers .card:nth-child(1){
    width: 120px;
}
section.sobre .wrapper-sobre .info .numbers .card h3{
    font-size: 57.40px;
}
section.sobre .wrapper-sobre .info .numbers .card p{
    line-height: 0.9;
    font-size: 22.57px;
}
section.sobre .wrapper-sobre .info .stars {
    margin-top: 52px;
    display: flex;
    gap: 20px;
    align-items: start;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 2px solid var(--azulCiano);
}
section.sobre .wrapper-sobre .info .stars .left{
    display: flex;
    gap: 20px;
}
section.sobre .wrapper-sobre .info .stars .left svg{
    cursor: url("../img/cursor.webp"), auto !important;
}
section.sobre .wrapper-sobre .info .stars .left svg:hover{
    fill: var(--azulCiano) !important;
}
section.sobre .wrapper-sobre .info .stars .right{
    text-align: right;
    font-size: 22.57px;
    font-weight: bold;
    color: var(--azulEscuro);
}
section.sobre .wrapper-sobre .text-sobre{
    flex-basis: 50%;
    
}
section.sobre .wrapper-sobre .text-sobre h3{
    text-align: right;
    font-size: 45.32px;
    font-weight: bold;
    color: var(--azulCiano);
    margin-bottom: 24px;
}
section.sobre .wrapper-sobre .text-sobre p{
    font-size: 20.83px;
    font-weight: 500;
    color: var(--azulEscuro);
    text-align: justify;
    text-align-last: left;
}

section.servicos {
    background-color: var(--azulEscuro);
    color: #fff;
    padding-bottom: 127px;
}
section.servicos .wrapper-servicos h3{
    font-size: 45.32px;
    margin-bottom: 72px;
}
section.servicos .wrapper-servicos .card-servicos{
    display: flex;
    justify-content: space-between;
}
section.servicos .wrapper-servicos .card-servicos .card{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform .3s ease-in-out;
}
section.servicos .wrapper-servicos .card-servicos .card:hover{
    transform: scale3d(1.15, 1.15 , 1.15);
}
section.servicos .wrapper-servicos .card-servicos .card .image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 123px;
    height: 123px;
    background-color: #fff;
    border-radius: 50%;
    margin-bottom: 15px;
}
section.servicos .wrapper-servicos .card-servicos .card .image img{
    object-fit: contain;
    width: auto;
    height: auto;
    
}
section.servicos .wrapper-servicos .card-servicos .card p{
    width: 150px;
}
section.entre_em_contato{
    background-image: url('../img/banner-entre_em_contato.webp');
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    height: 277px;
    padding: 150px 0 40px 0;
    color: #fff;
}
section.entre_em_contato a{
    text-decoration: none;
    color: #fff;
}
section.entre_em_contato .wrapper-contato{
    display: flex;
    justify-content: space-between;
}
section.entre_em_contato .wrapper-contato h3{
    width: 675px;
    font-size: 33.09px;
    font-weight: 400;
}
section.entre_em_contato .wrapper-contato a#btn-contato{
    transform: translateY(-40px);
    -webkit-box-shadow: 11px 11px 20px 2px rgba(36,36,36,0.6);
    -moz-box-shadow: 11px 11px 20px 2px rgba(36,36,36,0.6);
    box-shadow: 11px 11px 20px 2px rgba(36,36,36,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 30.69px;
    width: 395px;
    height: 56px;
    text-align: center;
}
section.por_que_zeidan{
    padding-bottom: 5rem;
    background-image: url('../img/banner-por_que_zeidan.webp');
    background-position: center ;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}
section.por_que_zeidan .wrapper-por_que_zeidan h3{
    font-size: 45.32px;
    color: var(--azulEscuro);
    margin-bottom: 72px;
}
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card:hover{
    transform: scale(1.05);
} 
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card:hover h3{ 
    color: var(--azulCiano);
}
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card:hover p{
    opacity: 1;
} 
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card {
    text-align: left;
    width: 350px;
    transition: transform .2s ease-in-out;
}
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card h3{
    font-size: 34.94px;
    color: #78cceb;
    margin-bottom: 46px;
    transition: color .2s ease-in-out;
    min-height: 130px;
}
section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card p{
    margin: 0 auto;
    width: 100%;
    color: #22314c;
    font-size: 17.03px;
    font-weight: 500;
    opacity: 0.8;
    transition: opacity .2s ease-in-out;
}
section.lead{
    padding-bottom: 4rem;
}
section.lead .content{
    padding-right: 0 !important;
}
section.lead .wrapper-lead {
    display: flex;
    justify-content: space-between;
}
section.lead .wrapper-lead .ag-flipclock-block h3{
    font-size: 31.46px;
    font-weight: 500;
    color: var(--azulEscuro);
    margin-bottom: 30px;
}
section.lead .wrapper-lead .ag-flipclock-block h3 strong{
    font-weight: 800 !important;
}


/* TIMER */
.conjunto-timers * {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6.25rem;
    font-weight: bold;
}
    
.flip-card {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    border-radius: .1em;
    box-shadow: 3px 10px 20px 3px #00000042;
}
    
.top,
.bottom,
.flip-card .top-flip,
.flip-card .bottom-flip {
    color: var(--azulEscuro);
    height: .80em;
    font-size: 70px;
    line-height: 1;
    padding: .30em .2em;
    overflow: hidden;
}
    
.top,
.flip-card .top-flip {
    background-color: #E0E0E0;
    border-top-right-radius: .1em;
    border-top-left-radius: .1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.bottom,
.flip-card .bottom-flip {
    background-color: #E0E0E0;
    display: flex;
    align-items: flex-end;
    border-bottom-right-radius: .1em;
    border-bottom-left-radius: .1em;
}
    
.flip-card .top-flip {
    position: absolute;
    width: 100%;
    animation: flip-top 250ms ease-in;
    transform-origin: bottom;
} 
.flip-card .bottom-flip {
    position: absolute;
    bottom: 0;
    width: 100%;
    animation: flip-bottom 250ms ease-out 250ms;
    transform-origin: top;
    transform: rotateX(90deg);
}
.conjunto-timers {
    display: flex;
    gap: 70px;
    justify-content: left;
    margin-top: 24px;
}
.timers-segment {
    display: flex;
    flex-direction: column;
    gap: .1em;
    align-items: center;
}
.segment {
    display: flex;
    gap: .1em;
    position: relative;   
}
.timers-segment .title-segment{
    font-size: 16.25px !important;
    color: var(--azulEscuro);
    font-family: 'Montserrat', sans-serif;
}
.segment::after,
.segment::before{
    content: "";
    position: absolute;
    height: 26px;
    top: 50%;
    z-index: 2;
    width: 11px;
    background-image: url('https://mbclinica.com.br/public/img/cursos/bichectomia/icone-chapa.webp');
    background-repeat: no-repeat;
    transform: translateY(-50%);
    background-size: 100% 100%;
}
.segment::after{
    right: 0;
}
.segment-title {
    font-size: 1rem;
}
@keyframes  flip-top {
    100% {
        transform: rotateX(90deg);
    }
}
@keyframes  flip-bottom {
    100% {
        transform: rotateX(0deg);
    }
}
/* END TIMER */
section.lead .wrapper-lead form{
    margin-top: 50px;
    width: 600px;
    padding: 20px 0 0 0;
}
section.lead .wrapper-lead form p{
    margin-bottom: 20px;
    color: var(--azulEscuro);
    font-size: 16.55px;
    font-weight: 600;
}
section.lead .wrapper-lead form .wrapper-inputs{
    display: flex;
    justify-content: space-between;
    text-align: center;
}
section.lead .wrapper-lead form .group-input{
    color: var(--azulEscuro);
    font-weight: 600;
    font-size: var(--sizeParagrafo);
    width: 260px !important;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
section.lead .wrapper-lead form .group-input input{
    border-radius: 0;
    border: none;
    background-color: #f1f0f0;
    outline: 1px solid var(--azulEscuro);
    width: 100%;
    height: 32px !important;
    padding: 0 12px;
}
section.lead .wrapper-lead form .group-terms{
    margin-top: 25px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 12.47px;
    font-weight: 400;
    color: var(--azulEscuro);
    display: flex;
    align-items: center;
    gap: 7px;
}
section.lead .wrapper-lead form .group-terms label a{
    color: var(--azulEscuro);
}
section.lead .wrapper-lead form .group-button{
    margin-bottom: 47px;
}
section.lead .wrapper-lead form .group-button button{
    margin: 0 auto;
    display: flex;
    width: 99px;
    height: 36px;
    background-color: var(--azulEscuro);
    color: #fff;
    border: none;
    border-radius: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 20.83px;
    transition: background-color .3s ease-in-out;
}
section.lead .wrapper-lead form .group-button button:hover{
    background-color: var(--azulCiano);
}

/* --------------------------FIM SECTION------------------------------- */



/* --------------------------FOOTER------------------------------- */
footer {
    flex-shrink: 0;
    padding-top: 5px;
    padding-bottom: 20px;
    background-color: var(--azulEscuro);
    transform: translateY(-40px);
    color: #fff;
}

footer img {
    width: 85px;
    height: auto;
}
footer .wrapper-footer{
    margin: 0 auto;
    justify-content: space-between;
    height: max-content;
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
}
footer .wrapper-footer .content-link {
    width: 250px;
}
footer .wrapper-footer .content-link h3{
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
}
footer .wrapper-footer .content-link.about {
    width: 270px;
}
footer .wrapper-footer .content-link.about p:hover{
    font-weight: 600 !important;
}
footer .wrapper-footer .content-link.pages ul{
    transform: translateX(-13px);
}

footer .wrapper-footer .content-link.contact h3,
footer .wrapper-footer .content-link.about h3{
    text-align: left;
    background-color: #fff;
    color: var(--azulEscuro);
    font-weight: 600;
    width: 192px;
}
footer .wrapper-footer .content-link a {
    text-decoration: none !important;
    font-size: 14.95px;
    color: #fff;
}

footer .wrapper-footer .content-link ul {
    padding-left: 0 !important;
}
footer .wrapper-footer .content-link ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;

}
footer .wrapper-footer .content-link.pages .group-links{
    display: flex;
    justify-content: center;
}
footer .wrapper-footer .content-link.contact a {
    display: flex;
    align-items: center;
    gap: 6px;
    text-align: justify;
}

footer .wrapper-footer .content-link li a {
    position: relative;
}
footer .wrapper-footer .content-link li a:hover{
    font-weight: 600 !important;
}
footer .wrapper-footer .content-link li a::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px; 
  left: 0;
  background-color: var(--gray-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}
footer .wrapper-footer .content-link li a:hover::after,
footer .wrapper-footer .content-link li.selected a:hover::after {
  transform: scaleX(1);
}

footer .wrapper-footer .content-link li.selected a {
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.byEngenho{
    text-align: center;
    padding: 3px;
    background-color: var(--azulCiano);
    transform: translateY(-40px);
}

/* --------------------------FIM FOOTER------------------------------- */

@media(max-width: 1200px){
    .content{
        padding: 0 20px;
    }
    .btn-flutuante{
        right: 30px;
    }
    header.resized{
        height: 158px !important;
    }
    header.resized .wrapper-logo img{
        width: 90px;
        height: auto;
    }
    header .content{
        padding: 0;
    }
    header .content-header {
        padding: 20px;
    }
    header .btnMobile{
        display: block;
        z-index: 999999;
    }
    header .wrapper-links{
        opacity: 0;
        display: block;
        width: 0;
        position: absolute;
        transform: translateX(-100%);
        visibility: hidden;
    }
    header .wrapper-logo {
        margin: auto !important;
        transform: translateX(-100px)!important;
    }
    header .wrapper-logo img{
        width: 90px;
        height: auto;
    }
    header .wrapper-links .socials-mobile{
        display: block !important;
    }
    header .socials {
        display: none;
    }
    main {
        height: 100vh;
    }
    main .banner{
        border-image: fill 0 linear-gradient(#0001, #0000008c);
        background-position-x: -375vw;
        padding: 0 20px;
        height: 420px;
    }
    section.sobre .wrapper-sobre{
        flex-direction: column;
        gap: 50px;
    }
    section.sobre .wrapper-sobre .info .numbers{
        flex-direction: column;
        align-items: center;
        row-gap: 35px;
    }
    section.sobre .wrapper-sobre .info .stars .right{
        text-align: right;
    }
    section.sobre .wrapper-sobre .text-sobre h3{
        text-align: center;
    }
    section.servicos .wrapper-servicos .card-servicos{
        flex-wrap: wrap;
        row-gap: 35px;
    }
    section.servicos .wrapper-servicos .card-servicos .card{
        flex-basis: 50%;
    }
    section.entre_em_contato .wrapper-contato{
        flex-direction: column;
    }
    section.entre_em_contato {
        padding: 40px 0;
        height: auto;
    }
    section.entre_em_contato .wrapper-contato h3{
        text-align: center;
        width: auto;
        margin-bottom: 40px;
    }
    section.entre_em_contato .wrapper-contato a#btn-contato{
        width: auto;
    }
    section.por_que_zeidan {
        background-position-x: -400px;
    }
    section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques{
        justify-content: center;
        row-gap: 60px;
    }
    section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card:hover{
        transform: scale(1.05);
    } 
    section.por_que_zeidan .wrapper-por_que_zeidan .card-por_ques .card h3 {
        margin-bottom: 5px;
    }
    .conjunto-timers{
        flex-direction: column;
        gap: 25px;
    }
    section.lead .content{
        padding: 0 20px !important;
    }
    section.lead .wrapper-lead{
        flex-direction: column;
        row-gap: 50px;
    }
    section.lead .wrapper-lead form{
        margin-top: 10px;
        width: auto;
    }
    section.lead .wrapper-lead form .wrapper-inputs{
        flex-direction: column;
        row-gap: 30px;
    }
    section.lead .wrapper-lead form .group-input{
        width: 100% !important;
    }
    section.lead .wrapper-lead form .group-terms label{
        text-align: left;
    }
    section.lead .wrapper-lead form .group-terms input{
        width: 30px;
        height: 30px;
    }
    footer{
        padding: 20px 0;
        height: auto;
    }
    footer img{
        margin: 0 auto;
        display: flex;
    }
    footer .wrapper-footer .content-link{
        width: 100% !important;
    }
    footer .wrapper-footer .content-link ul{
        flex-direction: column;
    }
    footer .wrapper-footer .content-link.contact h3, footer .wrapper-footer .content-link.about h3{
        text-align: center !important;
        width: 100% !important; 
        margin-bottom: 25px;
    }
    footer .wrapper-footer {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        align-items: center;
        gap: 60px;
        padding: 20px;
    }
    footer .wrapper-footer .content-link ul li {
        justify-content: center;
    }
    [data-anime]{
        transform: none !important;
        animation: none !important;
    }
}
@media only screen and (max-width: 479px) {
    .flip-clock-wrapper ul {
      height: 70px !important;
      width: 80px !important;
    }
    .flip-clock-wrapper ul li {
      line-height: 80px !important;
    }
  
    .flip-clock-divider .flip-clock-label,
    .flip-clock-divider.minutes .flip-clock-label,
    .flip-clock-divider.seconds .flip-clock-label {
      right: -85px !important;
    }
    .flip-clock-wrapper ul li a div div.inn {
      font-size: 44px !important;
    }
  
    .flip-clock-divider {
        width: 20px !important;
      height: 80px !important;
    }
    .flip-clock-dot.top {
      top: 20px !important;
    }
    .flip-clock-dot.bottom {
      bottom: 20px !important;
    }
    section.sobre .wrapper-sobre .text-sobre p {
        text-align: left !important;
    }
  }
  
  @media (min-width: 768px) and (max-width: 979px) {
    .ag-format-container {
      width: 750px !important;
    }
  
  }
  
  @media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
      width: 960px !important;
    }

  }
[data-anime]{
    opacity: 0;
    transition: .5s;
}
[data-anime="left"]{
    transform: translate3d(-200px,0px,0);
}
[data-anime="right"]{
    transform: translate3d(200px,0px,0);
}
[data-anime="bottom"]{
    transition: .9s;
    transform: translate3d(0px , -300px,0);
}
[data-anime="bottom-vertical"]{
    transform: translate3d(0 , 300px,0);
}
[data-anime].animate{
    opacity: 1;
    transform: translate3d(0px,0px,0px);
}