.accordion_menu_elem {
    position: relative;
    display: inline-block;
    /* background-color: var(--shadow); */
    color: var(--dark_gray);
    cursor: pointer;

    padding-top: 18px;
    padding-bottom: 18px;
    padding-right: 18px;
    padding-left: 90px;

    width: 100%;
    border: none;
    text-align: left !important;
    outline: none;
    font-size: 18px;
    /* transition: 0.4s !important; */
    /* transition: 0.2s; */
    /* margin: 3px 0px; */
    /* box-sizing: border-box; */
    margin: 0 auto;
    /* margin-top: 5px !important;
    margin-bottom: 5px !important; */
    border-bottom: 2px solid var(--shadow);
    background-color: #fff;
}


.accordion_m {
    /* background-color: var(--shadow);
    color: var(--dark_gray);
    cursor: pointer;
    padding: 18px;
    width: 90%;
    border: none;
    text-align: left !important;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
    box-sizing: border-box;
    margin: 0 auto;
    margin-top: 5px !important;
    margin-bottom: 5px !important; */
  }
  
  .accordion_menu_elem:hover, .accordion_m:hover, .accordion_m:hover:after
  {
    color: #fff !important;
    background-color: var(--red_main);
  }

  .accordion_m:hover:after
  { transition: 0.4s !important; }

  .accordion_active
  { color: var(--red_main);}

  /* .accordion_m:hover {
      color: var(--red_main);
  } */
  
  .accordion_m:after {
    content: "\25E2";
    transform: rotate(-135deg);
    color: var(--dark_gray);
    /* font-weight: bold; */
    float: right;
    margin-left: 5px;
    /* transition: 0.4s; */
  }

  .accordion_active:after {
    content: "\25E2";
    transform: rotate(45deg);
    /* transition: 0.4s; */
  }
  
  .panel {
    display: none;
    background-color: var(--shadow);
    padding-left: 15px;
    /* padding: 0px 18px; */
    /* box-shadow: inset var(--box-shadow_4); */
    /* max-height: 0; */
    /* overflow: hidden; */
    /* transition: max-height 0.2s ease-out; */
  }


  .accordion_icon
  {
    width: 32px; 
    height: 32px; 
    position: absolute; 
    top: 14px; 
    left: 40px;
  }


@media only screen and (max-width:720px), (max-device-width : 720px) /* desktop and mobile orientation: portrait */
{ 

}

@media (min-width:720px) and (max-width:1200px) and (min-device-width : 720px) /* desktop and mobile orientation: landscape */
{ 
   
}

@media (min-width:1200px) /* all other */
{ 

}