.accordion {
    height: 300px;        
    overflow-y: auto;    
    overflow-x: hidden;
    padding-right: 10px;
    
    @media(min-width: 768px) {
        /*height: 400px;*/
    }
    @media(min-width: 1024px) {
        /*height: 400px;*/
    }
    @media(min-width: 14440px) {
        /*height: 500px;*/
    }
    @media(min-width: 1900px) {
        /*height: 600px;*/
    }
}

.accordion-item {
      cursor: pointer;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      justify-items: space-between;
    }
    
.accordion-item.active {
        border: solid 2px #3C91E6;
    }

    .accordion-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      color: #606060;
      font-size: 1rem;
	  font-weight: 500;
	  line-height: calc(2 / 1.5);
	  
	  @media (min-width: 1440px) {
        font-size: 1.25;
        line-height: calc(1.75 / 1.25);
      }
    }
    
    .accordion-question svg {
      transition: transform 0.3s ease;
    }
    
    /* Modify .accordion-question only when .accordion-item is active */
    .accordion-item.active .accordion-question {
        color: #3C91E6;
    }
    
    /* Modify icon inside .accordion-question when active*/
    .accordion-item.active .accordion-question svg {
        transform: rotate(45deg);
        fill: #3C91E6;
    }
    
    .accordion-icon {
        width: 15px;
        height: 15px;
        display: inline-block;
        fill: #606060;
        
        @media (min-width: 1440px) {
            width: 20px;
            height: 20px;
        }
    }

    .accordion-answer {
      display: none;
      padding: 0.5rem 0;
      color: #606060;
      font-size: 1rem;
	  font-weight: 400;
	  line-height: calc(1.5 / 1);
    }

    .accordion-item.active .accordion-answer {
      display: block;
    }