
      .text-docs_area {
         text-align: center;
         margin-top: 2rem;
      }

      .text_docs_area_highlight {
         /* color: #ff4d01; */
         color: #1a1919;
         font-weight: 900;
      }


      .docs_area {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
      }


      .docs_area_search {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: row;
         padding-top: 2rem;
         padding-bottom: 2rem;
      }


      .docs_area_search_grid {

         display: grid;
         grid-template-columns: 4fr 1fr;
         grid-template-rows: 5fr auto;
         gap: 10px;

      }

      .docs_area_search button {
         padding: 10px 25px !important;
         border-radius: 35px;
         background: #ff4d01;
         border: none;
         outline: none;
         color: #fff;
         transition: 0.3s;
      }


      .docs_area_search button:hover {
         background: #ff7135;
      }

      .docs_area_search label {
         color: #a7a7a7;
         margin-left: 24px;
         font-size: .9rem;
      }


      .docs_area_select {
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: row;
         padding-top: 2rem;
         /* padding-bottom: 2rem; */
         position: relative;
      }


      .docs_area_select_grid {

         display: grid;
         grid-template-columns: 1fr;
         grid-template-rows: auto auto;
         gap: 10px;

      }


      .docs_area_select label {
         color: #a7a7a7;
         margin-left: 24px;
         font-size: .9rem;
      }


      .docs_area_select select {
         padding: 15px 45px 15px 21px;
         border-radius: 35px;
         border: 2px solid #ff4e00;
         outline: none;
         background: #fff;
         appearance: none;
         -webkit-appearance: none;
         -moz-appearance: none;
      }



      .docs_area_select::after {
         content: "▼";
         position: absolute;
         right: 20px;

         /* top: 37%; */
         top: 45%;
         transform: translateY(-50%);
         pointer-events: none;
         font-size: 12px;
         color: #666;
      }




      .docs_area_select select option {
         padding: 15px 10px;
      }




      .docs_area_table {

         width: 100%;

         display: flex;
         justify-content: center;
         align-items: center;

         padding-top: 2rem;
         padding-bottom: 2rem;


         margin-bottom: 2rem;
      }


      .docs_area_table table {
         width: 100%;
         border-collapse: separate;
         border-spacing: 0;
         border-radius: 12px;
         /* overflow: hidden;*/

         box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);

      }


      /* top */
      .docs_area_table th:first-child {
         border-top-left-radius: 12px;
      }

      .docs_area_table th:last-child {
         border-top-right-radius: 12px;
      }

      /* bottom */
      .docs_area_table tr:last-child td:first-child {
         border-bottom-left-radius: 12px;
      }

      .docs_area_table tr:last-child td:last-child {
         border-bottom-right-radius: 12px;
      }







      .docs_area_table th {
         color: #fff;
         background-color: #000;
         padding: 15px 30px;
      }

      .docs_area_table td {

         border: 1px solid #aeaeae;
         text-align: center;
         padding: 8px;
      }

      .docs_area_table tr:nth-child(even) {
         background-color: #dadada;
         color: #5b5b5b;
      }

      .docs_area_table tr:nth-child(odd) {
         background-color: #fff;
      }


      @media (max-width: 480px) {

         .docs_area_search_grid {


            grid-template-columns: 1fr;
            gap: 20px;
         }



         .text-docs_area {
            margin-top: 1rem;
            margin-bottom: .5rem !important;
         }



      }



      @media (max-width: 426px) {
         .docs_area_select::after {
            top: 40% !important;
         }


      }

