.site-header{
    background-color:#8ed109;    
}
.div-header{
    color: blue;    
}

.btn-blanco{
    background-color: white;
    color: #8ed109;
}

.btn-verde{
    color: white!important;
    background-color:#8ed109!important;
    text-align: center!important;   
    display: block;
}



.justifica-texto{
    text-align: justify;
    text-justify: inter-word;

}

.margin-banner{
    padding: 50px;    
}

.segundo-banner, .tercer-banner, .margin-banner{
    overflow: hidden;
    text-align: justify;
}

.ul-tomi {
    list-style: none; /* Remove default bullets */
  }
  
.ul-tomi li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color:#8ed109; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 3em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

  .linea-gris{
      background-color: lightgrey;
      height:10px;
      width:100%;
      margin-top: 50px;
      margin-bottom: 50px;
  }

  .titulo-acordion{
    color:white;
    background-color:#8ed109!important;

  }

.footer{
    background-color: #003b4c;
    width:100%;
    margin-top:100px;
    height:250px;    
    overflow: hidden;
}

.footer-image{
    display:block;
    margin:auto;
    max-height: 200px;
    padding-top: 30px;
    overflow: hidden;
}

.body-tomi {
    height: 100%;
    margin: 0;
    padding: 0;
}

.img-tomi {
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
}

/* popup cart style */
.mycart-popover {
    max-width: 300px !important;
}
/* end popup cart style */



/* educrea refresh design  */

.customCenterNavBar {
    justify-content: center;
  }
  .customPrimaryColor {
    color: #ED6F26;
  }
  .customSecondaryColor {
    color: #3161ab;
  }
  
  .grayColor{
      color: gray !important;
  }
  .b-transparent{
      background: transparent !important;
  }
  
  .bordersForAccordion{
      border-left-color: transparent;
      border-top-color: transparent;
      border-right-color: transparent;
      border-top-style: solid;
  }
  .customTerciaryColor{
  color: #EAAC1E;
  }
  .blackColor{
      color:black;
  }
  .bz-70{
      width: 70%;
  }
  .btn-primary {
      color: #fff !important;
      background-color: #EAAC1E;
      border-color: #EAAC1E;
  }
  
  .buttonDesign{
      font-size: 26px;
      font-weight: 300;
  }
  
  .buttonDesign2{
      color: #fff !important;
      background-color: #3161ab;
      border-color: #3161ab;
  }
  .customSizeButton{
      width: 45%;
  }
  
  .buttonDesign3{
      color: gray !important;
      background-color: #DBDBDB;
      border-color: #DBDBDB;
  }
  
  .buttonDesign2:hover{
      color: #fff !important;
      background-color: #EAAC1E !important;
      border-color: #EAAC1E !important;
  }
  
  .btn-primary:hover {
      color: #fff !important;
      background-color: #3161ab;
      border-color: #3161ab;
  }
  .mr-ml-50 {
    margin-right: 50px;
    margin-left: 50px;
  }
  .mb-10{
      margin-bottom: 10px !important;
  }
  .mt-10{
      margin-top: 10px !important;
  }
  .mt-30{
      margin-top: 30px;
  }
  .mb-30{
      margin-bottom: 30px;
  }
  
  .mb-30-custom{
      margin-bottom: 0px;
  }
  
  .mt-50{
      margin-top: 50px;
  }
  .mb-50{
      margin-bottom: 50px;
  }
  
  .pt-50{
      padding-top: 50px;
  }
  .pb-50{
      padding-bottom: 50px;
  }
  
  .bg-background-banner-2 {
      --tw-bg-opacity: 1;
      background-color: rgba(225,228,240,1);
  }
  
  .rounded-lg{
      border-radius: 10px;
  }
  
  .bg-background-banner-3 {
      background: #97d700;
      background: linear-gradient(90deg,#97d700 0,#03e5e4);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#97d700",endColorstr="#03e5e4",GradientType=1);
  }
  .overflow-hidden {
      overflow: hidden;
  }
  .rounded-full {
    border-radius: 9999px;
  }
  .mr-15-custom{
      margin-right: 15px;
  }
  @media (max-width: 768px) {
    .mr-ml-50 {
      margin-right: 0px;
      margin-left: 0px;
    }
  
    .mb-30-custom{
      margin-bottom: 30px;
      }
  
    .mr-15-custom{
        margin-right: 15px;
    }
  
    .customSizeButton{
      width: 100%;
      }   
  }
  @media (max-width: 426px) {
      .mr-15-custom{
          margin-right: 0px;
      }
      .mb-30-custom{
          margin-bottom: 30px;
      }
      .customSizeButton{
          width: 100%;
      }  
  }