@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');


:root {
    --primary-blu: #0025e0;
    --light-down: #EBECF5;
    --dark-down: #67697A;
    --primary-up: #B8C3FF;


  
}

* {
    box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html, body {
    margin: 0;
    background: var(--light-grey);
}


body{
  font-family: "Nunito Sans";
  background: #fff;
}


body, button, input, select, textarea {
    font-family: "Nunito Sans";
    color: var(--down-grey);
}


.banco-digital h3 {
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
    color: var(--primary-blu);
    font-family: "Nunito Sans";
    text-align: center;
}



.banco-digital {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
    padding: 48px 72px;
    background: rgba(184, 195, 255, 0.56);
    max-width: 1076px;
    border-radius: 16px;
    margin: 0 auto;
    margin-top: 80px;
    position: relative;
}



.banco-digital .img-container {
  flex: none;
  position: absolute;
    left: 74%;
    right: 13%;
    bottom: 70%;

     
  }



.tenha-mais-saldo .img-container  img {
      object-fit: cover;
   
}




/* RESPONSIVIDADE */

  /* SMALL DESKTOPS */
  @media (max-width: 1000px) {

   
   
.banco-digital {
      margin: 80px 20px;
  

    }



  }


   /* TABLET */

  @media (max-width: 767px) {
 
  

  }







/* MOBILE */


 @media (max-width: 480px) {
 
  .banco-digital {
    padding: 40px 16px;
}

  .banco-digital .img-container {
    left: 48%;
    right: 11%;
    top: -37%;
    bottom: unset;
}
.banco-digital .img-container img {
    max-width: 92px;


  }