.elementor-663 .elementor-element.elementor-element-ac6bac3{--display:flex;--min-height:92vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-663 .elementor-element.elementor-element-ac6bac3:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-ac6bac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-663 .elementor-element.elementor-element-6af4b02{text-align:center;font-family:"Inter", Sans-serif;font-size:91px;font-weight:600;line-height:1em;color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-2fa560a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DADADAF2;--border-color:#DADADAF2;--border-radius:712px 712px 712px 712px;--padding-top:5px;--padding-bottom:5px;--padding-left:25px;--padding-right:5px;--z-index:22;}.elementor-663 .elementor-element.elementor-element-2fa560a:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-2fa560a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB36FF;}.elementor-663 .elementor-element.elementor-element-2fa560a.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-5dec989{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-663 .elementor-element.elementor-element-5dec989.e-con{--order:99999 /* order end hack */;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-663 .elementor-element.elementor-element-5f2867f .elementor-button{background-color:#DEAC5E;font-family:"Sora", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-663 .elementor-element.elementor-element-5f2867f{width:100%;max-width:100%;z-index:22222222;}.elementor-663 .elementor-element.elementor-element-5f2867f.elementor-element{--align-self:stretch;}.elementor-663 .elementor-element.elementor-element-30ea04e{--display:flex;}.elementor-663 .elementor-element.elementor-element-d6d56f7{--display:flex;}.elementor-663 .elementor-element.elementor-element-134b20e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-663 .elementor-element.elementor-element-f36fabf{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-663 .elementor-element.elementor-element-f36fabf .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-577d8e2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;--z-index:2222222;}.elementor-663 .elementor-element.elementor-element-577d8e2:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-577d8e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-663 .elementor-element.elementor-element-bb129e3.elementor-element{--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-bb131f0.elementor-element{--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-5d00bd0.elementor-element{--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-26dc45c{--grid-template-columns:repeat(0, auto);--icon-size:20px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-663 .elementor-element.elementor-element-26dc45c .elementor-widget-container{text-align:center;}.elementor-663 .elementor-element.elementor-element-26dc45c .elementor-social-icon{background-color:#BB36FF;}.elementor-663 .elementor-element.elementor-element-26dc45c .elementor-social-icon i{color:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-26dc45c .elementor-social-icon svg{fill:#FFFFFF;}.elementor-663 .elementor-element.elementor-element-26dc45c .elementor-icon{border-radius:437px 437px 437px 437px;}.elementor-663 .elementor-element.elementor-element-4244932{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;text-align:center;}.elementor-663 .elementor-element.elementor-element-4244932 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:38px;color:#CECECE;}.elementor-663 .elementor-element.elementor-element-3815c48.elementor-element{--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-3815c48 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;color:#CECECE;}.elementor-663 .elementor-element.elementor-element-d3348cd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DADADAF2;--border-color:#DADADAF2;--border-radius:712px 712px 712px 712px;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:25px;--padding-right:5px;--z-index:22;}.elementor-663 .elementor-element.elementor-element-d3348cd:not(.elementor-motion-effects-element-type-background), .elementor-663 .elementor-element.elementor-element-d3348cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB36FF;}.elementor-663 .elementor-element.elementor-element-d3348cd.e-con{--align-self:center;}.elementor-663 .elementor-element.elementor-element-f2a3629{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-663 .elementor-element.elementor-element-f2a3629.e-con{--order:99999 /* order end hack */;}.elementor-663 .elementor-element.elementor-element-9c127aa .elementor-button{background-color:#DEAC5E;font-family:"Sora", Sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.7px;fill:#FFFFFF;color:#FFFFFF;padding:20px 20px 20px 20px;}.elementor-663 .elementor-element.elementor-element-9c127aa{width:100%;max-width:100%;z-index:22222222;}.elementor-663 .elementor-element.elementor-element-9c127aa.elementor-element{--align-self:stretch;}.elementor-663 .elementor-element.elementor-element-fa22765{--display:flex;}.elementor-663 .elementor-element.elementor-element-fac654e{--display:flex;}.elementor-663 .elementor-element.elementor-element-e8c0a80{--display:flex;}.elementor-663 .elementor-element.elementor-element-b98062d{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;}.elementor-663 .elementor-element.elementor-element-b98062d .elementor-heading-title{font-family:"Sora", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-663 .elementor-element.elementor-element-2fa560a{--width:40%;}.elementor-663 .elementor-element.elementor-element-5dec989{--width:100%;}.elementor-663 .elementor-element.elementor-element-d3348cd{--width:41%;}.elementor-663 .elementor-element.elementor-element-f2a3629{--width:100%;}}@media(max-width:767px){.elementor-663 .elementor-element.elementor-element-ac6bac3{--min-height:49vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-663 .elementor-element.elementor-element-6af4b02{font-size:27px;}.elementor-663 .elementor-element.elementor-element-2fa560a{--justify-content:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-663 .elementor-element.elementor-element-5f2867f .elementor-button{font-size:10px;}.elementor-663 .elementor-element.elementor-element-f36fabf{width:100%;max-width:100%;text-align:center;}.elementor-663 .elementor-element.elementor-element-577d8e2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-663 .elementor-element.elementor-element-4244932{width:100%;max-width:100%;}.elementor-663 .elementor-element.elementor-element-4244932 .elementor-heading-title{font-size:19px;}.elementor-663 .elementor-element.elementor-element-3815c48 .elementor-heading-title{font-size:12px;}.elementor-663 .elementor-element.elementor-element-d3348cd{--justify-content:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-663 .elementor-element.elementor-element-9c127aa .elementor-button{font-size:10px;}.elementor-663 .elementor-element.elementor-element-b98062d{width:100%;max-width:100%;text-align:center;}}/* Start custom CSS for button, class: .elementor-element-5f2867f */.elementor-663 .elementor-element.elementor-element-5f2867f svg {
 color: white;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5dec989 */.elementor-663 .elementor-element.elementor-element-5dec989:before{
    content: "";
    position: absolute;
    background: conic-gradient(
        from 50deg at 50% 50%,
        transparent 0deg, 
        #fff 30deg,
#fff 50deg, 
transparent 80deg, 
        transparent 360deg
    );
    transform: translate(-50%, -50%) rotate(0deg);
    animation: rodarestrelas 3s linear infinite;
    opacity: 1;
    left: 50%;
    top:50%;
height: 500px;
width: 500px;
}
.elementor-663 .elementor-element.elementor-element-5dec989{
    overflow: hidden;
    border-radius: 100px;
    padding: 0px;
    width: 280px;
    background: #292929;
}
.e1 .elementor-button{
    padding: 18px 20px !important;
    border-radius: 100px;
    overflow: hidden;
    z-index: 30;
    background: transparent !important;
}
.e1 .elementor-button-text{
    transform: translatey(4px) translatex(-4px) !important;
    z-index: 5;
}
.e1 .elementor-button-icon{
    transform: translatey(2px) translatex(5px) scale(1.15) !important;
    z-index: 5;
}
.e1 .elementor-button:after{
content: "";
position: absolute;
top: 120%;
left: 50%;
width: 100%;
height: 100px;
transform: translate(-50%, -50%);
background: #0d442c;
opacity: 0;
border-radius: 100%;
filter: blur(20px);
z-index: 2;
transition: 1s;
}
.e1:hover .elementor-button:after{
opacity: 1;
transition: 1s;
}
.e2{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: calc(100% - 3px) !important;
    height: calc(100% - 3px) !important;
    overflow: hidden;
    border-radius: 100px;
    padding: 0px;
    pointer-events: none;
}
.e3 {
background: #000 !important;
 z-index: 6;
 padding: 0px;
 mask:conic-gradient(
        from 50deg at 50% 50%,
        #fff 0deg, 
        transparent 30deg,
transparent 50deg, 
        #fff 80deg, 
        #fff 360deg
    );
     -webkit-mask:  conic-gradient(
        from 50deg at 50% 50%,
        #fff 0deg, 
        transparent 30deg,
transparent 50deg, 
        #fff 80deg, 
        #fff 360deg
    );
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
      width: 500px;
    height: 500px;
    animation: rodarestrelas 3s linear infinite;
  position: absolute;
}
@keyframes rodarestrelas {
    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}
.e4{
    background: #0C0B0B !important;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-image: url("https://vivianagiachini.com.br/wp-content/uploads/2025/01/Estrelas-CSS-PACK.png") !important;
    background-position: center center;
    background-size: 30px !important;
    z-index: 5;
}






/* Media Queries */
@media (max-width: 1024px) {
    .elementor-663 .elementor-element.elementor-element-5dec989:before {
        height: 400px;
        width: 400px;
    }

    .elementor-663 .elementor-element.elementor-element-5dec989 {
        width: 350px;
        border-radius: 80px;
    }

    .e3 {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 768px) {
    .elementor-663 .elementor-element.elementor-element-5dec989:before {
        height: 300px;
        width: 300px;
    }

    .elementor-663 .elementor-element.elementor-element-5dec989 {
        width: 300px;
        border-radius: 60px;
    }

    .e3 {
        width: 300px;
        height: 300px;
    }

    .e1 .elementor-button {
        padding: 12px 16px !important;
    }
}

@media (max-width: 480px) {
    .elementor-663 .elementor-element.elementor-element-5dec989:before {
        height: 900%;
        width: 900%;
    }

    .elementor-663 .elementor-element.elementor-element-5dec989 {
        width: 400px;
        border-radius: 50px;
    }

 

    .e1 .elementor-button {
        padding: 20px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fa560a */.luzhorizontal{
    overflow: hidden;
}
.luzhorizontal:before {
    animation:  horizontal1 5s cubic-bezier(.6,.6,0,1) infinite;
    background: linear-gradient(to right, transparent, #83a39e, transparent);
    content: "";
    display: block;
    position: absolute;
    top:0;
    height: 2px;
    z-index: 90;
    width: 100%;
}
.luzhorizontal:after {
    animation:  horizontal2 5s cubic-bezier(.6,.6,0,1) infinite;
    background: linear-gradient(to right, transparent, #83a39e, transparent);
    content: "";
    z-index: 90;
    position: absolute;
    display: block;
    height: 2px;
    bottom:0;
    width: 100%;
}
@keyframes horizontal1{
   0% {
    transform: translate(-100%);
}
50%, 100% {
    transform: translate(100%);
}
}
@keyframes horizontal2{
   0% {
    transform: translate(100%);
}
50%, 100% {
    transform: translate(-100%);
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb129e3 */.barrafora {
    height: 6px;
    padding: 0;
    overflow: hidden;
    border-radius: 100px;
    background: #ffffff!important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.barradentro {
    height: 100%;
    width: 100%;
    border-radius: 100px;
    background: #BB36FF!important;
    transform: translateX(-100%); /* Corrigido de translatex para translateX */
    padding: 0;
}

.containerhorizontal {
    padding: 0;
    position: relative; /* Adicionado para evitar problemas com o absolute dos elementos filhos */
}

.horizontalconteudo {
    padding: 0;
    z-index: 2;
}

.horizontalpai {
    transition: none !important;
    overflow-x: hidden; /* Alterado para evitar corte no conteúdo vertical */
}

.containerhorizontal::before {
    content: "01";
    position: absolute;
    top: 99%;
    right: -30px; /* Ajustado para melhor compatibilidade */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Figtree;
    color: white;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    background: #BB36FF;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.containerhorizontal::after {
    content: "04";
    position: absolute;
    top: 99%;
    left: -30px; /* Ajustado para melhor compatibilidade */
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Figtree;
    color: white;
    font-size: 12px;
    font-weight: 600;
    border-radius: 50%;
    background: #BB36FF;
    transform: translate(-50%, -50%);
    z-index: 10;
}

@media (max-width: 767px) {
    .containerhorizontal::before {
        transform: translate(-30%, -50%);
    }
    .containerhorizontal::after {
        transform: translate(-70%, -50%);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d00bd0 */.brilho{
    transform: translateY(5px) scaleY(0.2) translateZ(0px) scale(1);
    transform-origin: bottom;
    transition: 1s;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9c127aa */.elementor-663 .elementor-element.elementor-element-9c127aa svg {
 color: white;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f2a3629 */.elementor-663 .elementor-element.elementor-element-f2a3629:before{
    content: "";
    position: absolute;
    background: conic-gradient(
        from 50deg at 50% 50%,
        transparent 0deg, 
        #fff 30deg,
#fff 50deg, 
transparent 80deg, 
        transparent 360deg
    );
    transform: translate(-50%, -50%) rotate(0deg);
    animation: rodarestrelas 3s linear infinite;
    opacity: 1;
    left: 50%;
    top:50%;
height: 500px;
width: 500px;
}
.elementor-663 .elementor-element.elementor-element-f2a3629{
    overflow: hidden;
    border-radius: 100px;
    padding: 0px;
    width: 280px;
    background: #292929;
}
.e1 .elementor-button{
    padding: 18px 20px !important;
    border-radius: 100px;
    overflow: hidden;
    z-index: 30;
    background: transparent !important;
}
.e1 .elementor-button-text{
    transform: translatey(4px) translatex(-4px) !important;
    z-index: 5;
}
.e1 .elementor-button-icon{
    transform: translatey(2px) translatex(5px) scale(1.15) !important;
    z-index: 5;
}
.e1 .elementor-button:after{
content: "";
position: absolute;
top: 120%;
left: 50%;
width: 100%;
height: 100px;
transform: translate(-50%, -50%);
background: #0d442c;
opacity: 0;
border-radius: 100%;
filter: blur(20px);
z-index: 2;
transition: 1s;
}
.e1:hover .elementor-button:after{
opacity: 1;
transition: 1s;
}
.e2{
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: calc(100% - 3px) !important;
    height: calc(100% - 3px) !important;
    overflow: hidden;
    border-radius: 100px;
    padding: 0px;
    pointer-events: none;
}
.e3 {
background: #000 !important;
 z-index: 6;
 padding: 0px;
 mask:conic-gradient(
        from 50deg at 50% 50%,
        #fff 0deg, 
        transparent 30deg,
transparent 50deg, 
        #fff 80deg, 
        #fff 360deg
    );
     -webkit-mask:  conic-gradient(
        from 50deg at 50% 50%,
        #fff 0deg, 
        transparent 30deg,
transparent 50deg, 
        #fff 80deg, 
        #fff 360deg
    );
     transform: translate(-50%, -50%);
     left: 50%;
     top: 50%;
      width: 500px;
    height: 500px;
    animation: rodarestrelas 3s linear infinite;
  position: absolute;
}
@keyframes rodarestrelas {
    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}
.e4{
    background: #0C0B0B !important;
    padding: 0px;
    width: 100%;
    height: 100%;
    background-image: url("https://vivianagiachini.com.br/wp-content/uploads/2025/01/Estrelas-CSS-PACK.png") !important;
    background-position: center center;
    background-size: 30px !important;
    z-index: 5;
}






/* Media Queries */
@media (max-width: 1024px) {
    .elementor-663 .elementor-element.elementor-element-f2a3629:before {
        height: 400px;
        width: 400px;
    }

    .elementor-663 .elementor-element.elementor-element-f2a3629 {
        width: 350px;
        border-radius: 80px;
    }

    .e3 {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 768px) {
    .elementor-663 .elementor-element.elementor-element-f2a3629:before {
        height: 300px;
        width: 300px;
    }

    .elementor-663 .elementor-element.elementor-element-f2a3629 {
        width: 300px;
        border-radius: 60px;
    }

    .e3 {
        width: 300px;
        height: 300px;
    }

    .e1 .elementor-button {
        padding: 12px 16px !important;
    }
}

@media (max-width: 480px) {
    .elementor-663 .elementor-element.elementor-element-f2a3629:before {
        height: 900%;
        width: 900%;
    }

    .elementor-663 .elementor-element.elementor-element-f2a3629 {
        width: 400px;
        border-radius: 50px;
    }

 

    .e1 .elementor-button {
        padding: 20px 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3348cd */.luzhorizontal{
    overflow: hidden;
}
.luzhorizontal:before {
    animation:  horizontal1 5s cubic-bezier(.6,.6,0,1) infinite;
    background: linear-gradient(to right, transparent, #83a39e, transparent);
    content: "";
    display: block;
    position: absolute;
    top:0;
    height: 2px;
    z-index: 90;
    width: 100%;
}
.luzhorizontal:after {
    animation:  horizontal2 5s cubic-bezier(.6,.6,0,1) infinite;
    background: linear-gradient(to right, transparent, #83a39e, transparent);
    content: "";
    z-index: 90;
    position: absolute;
    display: block;
    height: 2px;
    bottom:0;
    width: 100%;
}
@keyframes horizontal1{
   0% {
    transform: translate(-100%);
}
50%, 100% {
    transform: translate(100%);
}
}
@keyframes horizontal2{
   0% {
    transform: translate(100%);
}
50%, 100% {
    transform: translate(-100%);
}
}/* End custom CSS */