
  
  ul { list-style-type: none; }
  
  .accordion {
    width: 100%;
    margin: 30px auto 20px;
    background: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
  }
  
  .accordion .link {
    cursor: pointer;
    display: flex;
    padding: 15px 15px 15px 25px;
    color: var(--main-bg-color);
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #e4e4e4;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: 'Neue Haas Grotesk'
  }
  
  .accordion li:last-child .link { border-bottom: 0; }
  
  .accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    color: #595959;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }
  
  .accordion li i.fa-chevron-down {
    right: 30px;
    left: auto;
    font-size: 16px;
  }
  
    .accordion-button {
      color:var(--main-bg-color);
      font-family: 'Neue Haas Grotesk' !important;
    }
  
  /*.accordion li.open .link { color: #7789a6; }
  
  .accordion li.open i { color: #7789a6; }*/
  
  .accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  
  /**
   * Submenu
   -----------------------------*/
  
  
  .submenu {
    display: none;
    font-size: 14px;
  }
  
  .img-tamano{
    max-width: 100%;
    padding: 10px;
    border-right: 1px solid #dee2e6;
  }

  .btn-sec{
    width: 90%;
  }

  .submenu select.form-control{
    padding: 15px 15px 15px 25px ;
    color: var(--main-sec-color);
  }

  .submenu select.form-control:active,
  .submenu select.form-control:hover
  {
    color: var(--main-sec-color);
  }

  .submenu .accordion .accordion-item{
    margin: 0 15px;
  }

  #accordionColor .accordion-item,
  #accordionImpresion .accordion-item{
    border-left: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  }

  .section-canva{
    width: 72%;
    display: inline-block;
  }

  .section-button{
    width: 28%;
    height: auto;
    display: inline-block;
  }

  #img-imp {
    max-width: 50%;
  }
  
  #content-pill-mobile{
      border: 1px solid #e4e4e4;
  }
  
  #accordion div.link:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform);
  }
  
  #accordion div.link::after{
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
  }

  #show-tamano-cap .modal-body{
    text-align: center;
  }