@media (max-width:768px) { 
    .container-accordion {
      margin-left: 35px!important;
      margin-right: 35px!important;
     
    }
  
    .accordion {
      font-size: 25px!important;
      position: relative;
    }
  
    .question {
      padding-left: 0px!important;
      padding-right: 30px!important;  
    }
  
    .accordion:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f067";
      font-size: 20px;
      color: #075A47;
      position: absolute;
      top: 20px;
      right: 10px;
    }
    
  }
  
  .container-accordion {
      margin-left: 100px;
      margin-right: 100px;
     
  }
  
  .container-question{
      margin-bottom: 35px;
  }
  
  .question {
      padding-left: 28px;
      color: #23325A;
      font-weight: 700;
  }
  
  /* Style the buttons that are used to open and close the accordion panel */
  .accordion, .accordion:visited {
      background-color: rgba(55, 222, 119, 0.25)!important;
      font-size: 30px;
      color: #075A47!important;
      cursor: pointer;
      padding: 18px;
      width: 100%;
      text-align: left;
      border: none;
      outline: none;
      transition: 0.4s;
      position: relative;
    }
  
    
    
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  /*   .active, .accordion:hover {
      background-color: #1D365E;
      color: white;
    } */
    
   .accordion:hover {
      background-color: #1D365E;
    }
  
  /*   .accordion:hover  span,  .accordion:hover::after{
      color: white;
    } */
    /* Style the accordion panel. Note: hidden by default */
  
    .accordion:hover::after{
      color: #23325A;
    } 
  
    .panel {
      text-align: left;
      font-size: 25px!important;
      font-weight: 100!important;
      color: #23325A;
      padding: 0 48px 0 48px;
      background-color: rgba(217, 217, 217, 0.25);
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
  
    .accordion:after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f067";
      font-size: 20px;
      color: #075A47;
      position: absolute;
      top: 20px;
      right: -10px;
      margin-left: 5px;
      padding-right: 35px;
    }
    
    .active:after {
      content: "\f00d";
      color:  #075A47;
    }