
:root{
    font-size: 62.5%;
    --color-dark-hero:#0B0B0B;
    --color-dark-bg:#141414;
    --color-black-card:#1B1B1B;
    --color-blue-primary:#015BF6;
    --color-white-primary:#ffffff;
    

}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    overflow-x: hidden !important;
}
body {
    max-width: 42.8rem;
    margin: 0 auto;    
    background-color: var(--color-dark-bg);
    overflow-x: hidden !important;
   
    
      
}
a {
    text-decoration: none;
    color: inherit;
}
h1,h2{
    margin: 0;
    font-family: 'Kantumruy Pro',sans-serif;
    
}
p{
    font-family: "Poppins";
    color:var(--color-white-primary)
}


.hero{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;  
    background-color: var(--color-dark-hero);  
    gap:2.5rem;
}
.hero .action {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}
.hero .action > h1{
    text-align: center;
    font-size: 4.48rem;
    font-weight: bold;
}
.hero .action > p {
    font-size: 2rem;
    text-align: center;
}
.button-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.38rem; 
  width: 35.6rem;
  height: 8rem;
  border-radius: 0.7rem;
  font-size: 2.12rem;
  color: var(--color-white-primary);
  font-family: "Poppins", sans-serif;
  cursor: pointer;
  transition: background-color .25s ease, 
             transform .25s cubic-bezier(.175, .885, .32, 1.275);
}

.hero .action > .button-action {  
  background-color: var(--color-blue-primary);
  
}


.hero .action > .button-action:hover {
  background-color: #0047C4;
  transform: translateY(-4px);
}
.hero .action > h1{
    color: var(--color-blue-primary);
}
.hero .action p {
    font-family: "Poppins","sans-serif";
}
.hero-image-container {
   width: 100%;      
  overflow: hidden
  
}

.hero-image-container .hero-image {
  
 transform: translate(-55%, -0%);
  
}
.quem-somos{
   background: #141414;
   background: linear-gradient(180deg,rgba(20, 20, 20, 1) 0%, rgba(11, 11, 11, 1) 80%);
   padding: 5rem 0;
}

.quem-somos,.quem-somos-content,.quem-somos-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.6rem;
}

.quem-somos .quem-somos-content .quem-somos-action h2 { 
    
    font-size: 3.9rem;
    font-weight: 400;
    color:var(--color-blue-primary)
}

.quem-somos .quem-somos-content .quem-somos-action p { 
    width: 34.6rem;    
    text-align: center;
    font-size: 1.8rem;    
}
.about-wrapper {
  position: relative;
  width: fit-content; 
  margin: 0 auto; 
}


.bg-block {
  position: absolute;
  top: 1.5rem;     
  left: -1.5rem;   
  width: 100%;
  height: 100%;
  background: var(--color-blue-primary);  
  border-radius: 1.2rem;
  z-index: 1;           
}


.about-img {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 1.2rem;
  z-index: 2;
}

.servicos{
    background-color: var(--color-blue-primary); 
    
}


.servicos  .servico-container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}



.servicos  .servico-container .servico-content{
    
    margin-bottom: 1.5rem;
}
.servicos  .servico-container .servico-content h2{
    color:var(--color-white-primary);
    font-size: 3.9rem;
    font-weight: 400;
    
}
.cards-servicos{
    display: flex;
    flex-direction: column;

    gap: 1rem;
    margin-bottom: 5rem;
}
.card-servico{
    display: flex;
    flex-direction: row;
    align-items: center;
    
    width: 36.1rem;
    gap: 01rem;
    padding: 2rem 4rem ;
    
    background-color: var(--color-black-card);
    border-left: 1px white solid;
    border-radius: 0.489rem;
    

}
.card-servico span{
    font-size: 1.8rem;
    font-family: "Poppins",sans-serif ;
    color: var(--color-white-primary);
    
    
}
.servico-container p {
    text-align: center;
    font-size: 2.4rem;
    width: 36.1rem;
    font-family: "Kantumruy Pro",sans-serif; 
    padding-bottom: 10rem;   
}
.transicao {
  position: relative;
  width: 100%;
  background-color: var(--color-dark-hero);
}

.transicao .curve {    
  width: 100%;  
  display: block;
}

.arrow-content {
  position: absolute;
  top: 12%;           
  left: 50%;          
  transform: translate(-50%, -50%); 
  z-index: 10;        
}
.arrow {
  width: 3rem;  /* ajuste como preferir */
}
.estrategia{
    background: #015BF6;
    background: linear-gradient(180deg,rgba(1, 91, 246, 1) 0%, rgba(11, 11, 11, 1) 95%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;  
    gap:4rem; 
    
}
.estrategia-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:1rem;
   
}

.estrategia-content h2{
    text-align: center;
    width: 28.5rem;
    color: var(--color-white-primary);
    font-weight: 400;
    font-size: 3.9rem;
    padding-bottom: 3rem;
    font-family: "Kantumruy Pro",sans-serif;
}

.estrategia-content .text-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:1rem;
    max-width: 34.9rem;
    padding: 0rem 0.22rem;
    
}

.estrategia-content .text-content p{
    text-align: center;
    font-size: 1.8rem;
    font-family: "Kantumruy Pro",sans-serif;
    
    
}
.estrategia-content .text-content p:nth-last-child(1){
    padding-bottom: 10rem;
}


.bg-block-estrategia {
  position: absolute;
  top: -2rem;     
  right: -1rem;   
  width: 11.254rem;
  height: 8.689rem;
  background: var(--color-black-card);  
  border-radius: 1.2rem;
  z-index: 1;           
}


.estrategia-image {    
  position: relative;
  display: block;
  width: 35.6rem;
  border-radius: 1.2rem;
  z-index: 2;
}
.image-estategia-container .button-action{
    background-color: var(--color-dark-bg);
}
.image-estategia-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 5rem;
}

.image-estategia-container .button-action:hover {
  background-color: var(--color-black-card);
  transform: translateY(-4px);
}
.desktop-link{
    visibility: hidden ;
    
}
.diferencial{
    background-color: var(--color-dark-hero);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap:2rem;
}
.diferencial .diferencial-titulo{
    background-color: var(--color-dark-hero);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 35.6rem;
}
.diferencial .diferencial-titulo h2{
    color: var(--color-blue-primary);
    font-weight: 400;
    text-align: center;
    font-size: 3.9rem;
    font-family: "Kantumruy Pro",sans-serif;
}
.diferencial .diferencial-titulo p{
    
    text-align: center;
    font-size: 2rem;
    font-family: "Poppins",sans-serif;
}
.diferencial-cards{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:2rem;
    
}
.diferencial-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:1rem;
    width: 36.6rem;
    height: 25.2rem;
    background-color: var(--color-blue-primary);
    padding: 5rem 0rem;
    border-radius: 2.5rem;
}
.diferencial-card p {
    font-family: "Poppins",sans-serif;
    font-size: 2rem;
    text-align: center;
}
.diferencial .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:2rem;
    width: 35.9rem;
}
.diferencial .text p{
    font-size: 2rem;
    font-family: "Poppins",sans-serif;
    text-align: center;
}
.proposito{

    background-color: var(--color-dark-hero);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.proposito .proposito-content{
    margin-top: 10rem;
    padding-top: 2rem;
    background-color: var(--color-blue-primary);
    width: 35rem;
    border-radius: 2.6rem;
}

.proposito .proposito-content .text{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}
.proposito .proposito-content .text h2{
    font-size: 3.362rem;
    font-family: 'Kantumruy Pro',sans-serif;
    color: var(--color-white-primary);
    font-weight: 400;
}
.proposito .proposito-content .text p {
    text-align: center;
    font-size: 1.724rem;
    
}
.proposito .proposito-content  > img{
    width: 100%;
    transform: scaleX(-1);
}
.connect{
    background-color: var(--color-dark-hero);
    padding: 0 3.3rem;
    padding-top: 10rem;
}

.connect-wrapper {
  position: relative;
  
  
  padding-bottom: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  
}


.connect-img{
  position: absolute;
  top: -5rem;
  z-index: 1; 
  width: 36.6rem;
  opacity: 40%;          
}


.content-connect{
  position: relative;
  display: block;
  width: 36.6rem;
  border-radius: 2.9rem;
  z-index: 2;
  background-color: var(--color-black-card);
  border: 1px solid #2F2F2F;
  padding: 5rem 0rem 0 0rem;
}
.thumb{
    width: 100%;
    overflow: hidden; 
    border-radius: 2.9rem;
}
.content-connect .thumb .img-gestora{
    width: 36rem;
    transform: translate(-20%, 10%) scale(2);
    
    border-radius: 2.9rem;
}
.content-connect .connect-action{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:3rem;
    margin-bottom: 7rem;
    padding: 0 1rem;
}

.content-connect .connect-action .titulo h2 {    
    font-size: 2.447rem;
    font-weight: 400;
    color: var(--color-white-primary);
    text-align: center;
}
.content-connect .connect-action p {
    text-align: center;
    font-size: 1.621rem;
    padding: 0 1rem;
}

.content-connect .connect-action .titulo span {    
    font-weight: bold;
    color: var(--color-blue-primary);
}
.content-connect .connect-action a{
    background-color: var(--color-blue-primary);
}
.content-connect .connect-action a:hover{
    background-color: #0047C4;

}
footer{
    background-color: var(--color-blue-primary);
    
    height: 8.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
   
    
}
footer span{
    font-size: 2rem;
    font-family: "Poppins",sans-serif;
    color: var(--color-white-primary);
    text-align: center;
}

@media (min-width: 768px) {
    body{
        max-width: 102.4rem;
    }   
    
    .hero-image-container .hero-image {        
        transform: translate(-40%, -0%);    
    }
    .hero-image-container .hero-image img{        
        width: 100%;    
    }
    .quem-somos-content{
        flex-direction: row-reverse;
        padding: 10rem 0;
    }
    .quem-somos-action {
            align-items:  flex-start;
    }
    .quem-somos  .quem-somos-content .quem-somos-action{
        gap:3.6rem;
    }
    .quem-somos .quem-somos-content .quem-somos-action .titulo{
       text-align: left;
       align-items: flex-start;

    }
    .quem-somos .quem-somos-content .quem-somos-action .text{
        text-align: left;
       
        
    }
    .quem-somos-content .about-wrapper .about-img{
        height: 61rem;
    }

    .cards-servicos{
       flex-wrap: wrap;
       flex-direction: row;
       justify-content: center;
    }
    .card-servico{
        flex: 0 0 calc(50% - 20px);
    }
    .servico-container p {
        min-width: 71.9rem;
    }
    .estrategia{
        flex-direction: row;
        align-items: start;
    }
    .estrategia .estrategia-content{
        gap: 0.2rem;
        align-items: flex-start;
    }
    .estrategia-content h2{
        text-align: left;
    }
    .estrategia-content .text-content p{
        text-align: left;
    }
    .mobile-link{
        visibility: hidden;
        
    }
    .desktop-link{
        visibility: visible;
        background-color: var(--color-dark-hero);
        align-items: center;
    }
    .desktop-link:hover {
        background-color: #1B1B1B;
        transform: translateY(-4px);
    }
    .estrategia .text-content{
        
        align-items: start;
    }
    .diferencial-cards{
       flex-wrap: wrap;
       flex-direction: row;
       justify-content: center;
       
    }
    .diferencial .diferencial-titulo{
        min-width: 76.8rem;
    }
    .diferencial .text{
        width: 76.8rem;
        
    }
    
    .proposito .proposito-content{
        display: flex;
        flex-direction: row;
        padding: 3rem;
        width: 80%;     
        
    }
    .proposito .proposito-content .text{
        align-items: flex-start;
    }

    .proposito .proposito-content .text p{
        text-align: left;
    }
    .proposito .proposito-content .text h2{
        text-align: left;
        font-size: 5.4rem;
    }
    .proposito .proposito-content img{
        width: 20rem;
    }
    .connect{
        padding-top: 20rem;
    }
    .thumb{
        width: 76.8rem;    
        border-radius: 2.9rem;
        overflow: initial;
    }
    .content-connect{
        min-width: 76.8rem;
        display: flex;
        flex-direction: row-reverse;
        gap:3rem;
    }
    .connect-img{
        min-width: 76.8rem;
        top: -10rem;
        
    }
    .content-connect .thumb .img-gestora{
      width: 25rem;
      transform: translate(20%, -20%) scale(2);
      padding-left: 1rem;
      padding-right: 2rem;
    }
    .content-connect .connect-action p {
        text-align: left;
        font-size: 1.621rem;
        padding: 0 0.5rem;
    }
    .content-connect .connect-action .titulo h2 {    
        
        text-align: left;
    }

    

   
    
}





@media (min-width: 1024px) {
    body {
        min-width: 102.4rem;
        overflow-x: hidden;
    }
    
    .hero {
        flex-direction: column;
        align-items: flex-start;
        padding: 5rem 5rem;
        gap: 4rem;
        min-height: 80vh;
        background-image:  url("./assets/imagens/gestora.webp");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        
    }
    
    .hero .action {
        align-items: flex-start;
        max-width: 50%;
    }
    
    .hero .action > h1 {
        font-size: 5rem;
        text-align: left;
    }
    
    .hero .action > p {
        font-size: 2.4rem;
        text-align: left;
        max-width: 48rem;
    }
    
    .hero .action > .button-action {
        width: 28rem;
        height: 7rem;
        font-size: 1.8rem;
    }
    
    .hero-image-container {
        max-width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        display: none;
    }
    
    .hero-image-container .hero-image {
        transform: translate(0, 0);
        max-width: 100%;
        height: auto;
    }
    
    .quem-somos {
        padding: 10rem 8rem;
    }
    
    .quem-somos-content {
        flex-direction: row;
        gap: 8rem;
        align-items: center;
        justify-content: center;
    }
    
    .quem-somos-action {
        max-width: 50%;
        align-items: flex-start;
    }
    
    .quem-somos .quem-somos-content .quem-somos-action h2 {
        font-size: 4.8rem;
        text-align: left;
    }
    
    .quem-somos .quem-somos-content .quem-somos-action p {
        width: 100%;
        text-align: left;
        font-size: 2rem;
        max-width: 48rem;
    }
    
    .about-wrapper {
        max-width: 50%;
    }
    
    .about-wrapper .about-img {
        width: 100%;
        max-width: 48rem;
    }
    
    .bg-block {
        top: 2rem;
        left: -2rem;
    }
    
    .servico-container {
        padding: 8rem;
    }
    
    .servico-container .servico-content h2 {
        font-size: 4.8rem;
        margin-bottom: 6rem;
    }
    
    .cards-servicos {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 2rem;
        margin-bottom: 8rem;
    }
    
    .card-servico {
        flex: 0 0 calc(33.333% - 2rem);
        min-height: 20rem;
        padding: 3rem 2rem;
    }
    
    .servico-container p {
        width: 100%;
        max-width: 80rem;
        font-size: 2.8rem;
        margin: 0 auto;
    }
    
    .estrategia {
        flex-direction: row;
        padding: 8rem;
        gap: 8rem;
        align-items: center;
    }
    
    .estrategia-content {
        max-width: 50%;
        align-items: flex-start;
    }
    
    .estrategia-content h2 {
        font-size: 4.8rem;
        width: 100%;
        text-align: left;
        max-width: 48rem;
    }
    
    .estrategia-content .text-content {
        max-width: 48rem;
        padding: 0;
    }
    
    .estrategia-content .text-content p {
        text-align: left;
        font-size: 2rem;
    }
    
    .image-estategia-container {
        max-width: 50%;
    }
    
    .estrategia-image {
        width: 100%;
        max-width: 48rem;
    }
    
    .mobile-link {
        display: none;
    }
    
    .desktop-link {
        visibility: visible;
    }
    
    .diferencial {
        padding: 8rem;
    }
    
    .diferencial .diferencial-titulo {
        width: 100%;
        max-width: 80rem;
        margin: 0 auto 6rem;
    }
    
    .diferencial .diferencial-titulo h2 {
        font-size: 4.8rem;
    }
    
    .diferencial .diferencial-titulo p {
        font-size: 2.4rem;
    }
    
    .diferencial-cards {
        flex-direction: row;
        gap: 3rem;
        margin-bottom: 6rem;
    }
    
    .diferencial-card {
        flex: 1;
        min-height: 30rem;
        padding: 4rem 2rem;
    }
    
    .diferencial .text {
        width: 100%;
        max-width: 80rem;
    }
    
    .diferencial .text p {
        font-size: 2.4rem;
    }
    
    .proposito {
        padding: 8rem;
    }
    
    .proposito .proposito-content {
        width: 100%;
        max-width: 120rem;
        flex-direction: row;
        align-items: center;
        gap: 3rem;
        padding: 3rem;
    }
    
    .proposito .proposito-content .text {
        flex: 1;
        align-items: flex-start;
    }
    
    .proposito .proposito-content .text h2 {
        font-size: 4.8rem;
        text-align: left;
    }
    
    .proposito .proposito-content .text p {
        text-align: left;
        font-size: 1.8rem;
    }
    
    .proposito .proposito-content > img {
        flex: 1;
        width: 40rem;
    }
    
    .connect {
        padding: 15rem 8rem 8rem;
    }
    
    .connect-wrapper {
        max-width: 120rem;
        margin: 0 auto;
    }
    
    .connect-img {
        width: 100%;
        max-width: 120rem;
        top: -15rem;
    }
    
    .content-connect {
        width: 100%;
        max-width: 120rem;
        flex-direction: row-reverse;
        align-items: center;
        gap: 8rem;
        padding: 8rem;
    }
    
    .content-connect .connect-action {
        flex: 1;
        align-items: flex-start;
        margin-bottom: 0;
        padding: 0;
    }
    
    .content-connect .connect-action .titulo h2 {
        font-size: 3.6rem;
        text-align: left;
    }
    
    .content-connect .connect-action p {
        text-align: left;
        font-size: 2rem;
        padding: 0;
    }
    
    .thumb {
        flex: 1;
    }
    
    .content-connect .thumb .img-gestora {
      min-width: 40rem;
      transform: translate(20%, 1%) scale(2);
      padding-left: 1rem;
      padding-right: 10rem;
    }
    .arrow{
        width: 200%;
    }

    .arrow-content{
        top: 5%;
        left:49.4%;
        
    }
    
    footer {
        height: 12rem;
    }
    
    footer span {
        font-size: 2.4rem;
    }
}

/* Desktop grande (1080p / 1440p) */
@media (min-width: 1440px) {
    body {
        max-width: 144rem;
    }
    
    .hero {
        padding: 8rem 12rem;
        min-height: 90vh;
    }
    
    .hero .action > h1 {
        font-size: 6.4rem;
    }
    
    .hero .action > p {
        font-size: 2.8rem;
        max-width: 56rem;
    }
    
    .hero .action > .button-action {
        width: 32rem;
        height: 8rem;
        font-size: 2rem;
    }
    
    .quem-somos {
        padding: 15rem 12rem;
    }
    .quem-somos-content {
        gap:20rem;
    }
    
    .quem-somos .quem-somos-content .quem-somos-action h2 {
        font-size: 5.6rem;
    }
    
    .servico-container {
        padding:6rem 12rem;
        padding-bottom: 6rem;
    }
    
    .servico-container .servico-content h2 {
        font-size: 5.6rem;
    }
    
    .servico-container p {
        font-size: 3.2rem;
        max-width: 100rem;
    }
    
    .estrategia {
        padding: 12rem;
        padding-bottom: 6rem;
    }
    
    .estrategia-content h2 {
        font-size: 5.6rem;
    }
    
    .diferencial {
        padding: 12rem;
    }
    
    .diferencial .diferencial-titulo h2 {
        font-size: 5.6rem;
    }
    
    .proposito {
        padding: 7rem;
    }
    
    .proposito .proposito-content .text h2 {
        font-size: 5.6rem;
    }
    
    .connect {
        padding: 30rem 12rem;
    }
    
    .content-connect .connect-action .titulo h2 {
        font-size: 4rem;
    }
}

/* Full HD / 2K Monitores grandes */
@media (min-width: 1920px) {
    body {
        max-width: 192rem;
    }
    
    .hero {
        padding: 10rem 20rem;
        min-height: 100vh;
    }
    
    .hero .action > h1 {
        font-size: 7.2rem;
    }
    
    .hero .action > p {
        font-size: 3.2rem;
        max-width: 64rem;
    }
    
    .hero .action > .button-action {
        width: 36rem;
        height: 9rem;
        font-size: 2.2rem;
    }
    
    .quem-somos,
    .servico-container,
    .estrategia,
    .diferencial,
    .proposito,
    .connect {
        padding-left: 20rem;
        padding-right: 20rem;
    }
    
    .quem-somos {
        padding-top: 20rem;
        padding-bottom: 20rem;
    }
    
    .quem-somos .quem-somos-content .quem-somos-action h2,
    .servico-container .servico-content h2,
    .estrategia-content h2,
    .diferencial .diferencial-titulo h2,
    .proposito .proposito-content .text h2 {
        font-size: 6.4rem;
    }
    
    .servico-container p {
        font-size: 3.6rem;
        max-width: 120rem;
    }
    
    .content-connect .connect-action .titulo h2 {
        font-size: 4.8rem;
    }
    
    .button-action {
        font-size: 2.2rem;
    }
}

/* 4K (UHD) */
@media (min-width: 2560px) {
    
    body {
        max-width: 256rem;
    }
    
    .hero {
        padding: 15rem 30rem;
    }
    
    .hero .action > h1 {
        font-size: 5rem;
    }
    
    .hero .action > p {
        font-size: 3.6rem;
        max-width: 80rem;
    }
    
    .hero .action > .button-action {
        width: 42rem;
        height: 10rem;
        font-size: 2.6rem;
    }
    
    .quem-somos,
    .servico-container,
    .estrategia,
    .diferencial,
    .proposito,
    .connect {
        padding-left: 30rem;
        padding-right: 30rem;
    }
    
    .quem-somos {
        padding-top: 15rem;
        padding-bottom: 15rem;
    }
    
    .quem-somos .quem-somos-content .quem-somos-action h2,
    .servico-container .servico-content h2,
    .estrategia-content h2,
    .diferencial .diferencial-titulo h2,
    .proposito .proposito-content .text h2 {
        font-size: 7rem;
    }
    
    
    .quem-somos .quem-somos-content .quem-somos-action p,
    .estrategia-content .text-content p,
    .proposito .proposito-content .text p,
    .content-connect .connect-action p,
    .diferencial .diferencial-titulo p,
    .diferencial .text p {
        font-size: 2.2rem;
    }
    
    .servico-container p {
        font-size: 4rem;
        max-width: 140rem;
    }
    
    .card-servico span {
        font-size: 2.4rem;
    }
    
    .content-connect .connect-action .titulo h2 {
        font-size: 5.6rem;
    }
    
    .button-action {
        font-size: 2.6rem;
    }
    
    footer span {
        font-size: 3rem;
    }
}
