/* حالت پیش فرض برای نمایش تا یک خط */
    .read-more {
        white-space: nowrap;
          overflow: hidden;
        text-overflow: "";
        width: 100%;
            }
        
            /* حالت نمایش همه محتوا بعد از کلیک */
            .show-all {
                white-space: normal;
                overflow: visible;
                text-overflow: unset;
            }
            #show-more-btn, #hide-more-btn {
                border-radius: 5px;
          color: #1b1b1b;
          background-color: #fff;
          border: 1px solid #E0E0E0;
          box-shadow: 10px 0px 50px 45px rgb(255, 255, 255);
        float: left;
          top: -5px;
          position: relative;
          padding: 0px 10px !important;
            }
            
        @media only screen and (max-width: 600px) {
          #hide-more-btn {
          top: -10px !important;
          left: 40% !important;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
          }
          #show-more-btn {
          top: -10px !important;
          left: 40% !important;
          box-shadow: -172px -15px 45px 70px rgb(255, 255, 255);
          }
          .read-more {
            width: 100%;
            display: flex;
            margin: 0 15px !important;
          }
          .show-all {
            display: inherit !important;
          }
        }
        
        .custom-table-of-contents a {
          border-radius: 5px;
          color: #1b1b1b;
          background-color: #fff;
          margin-bottom: 5px !important;
          margin-left: 5px !important;
          border: 1px solid #E0E0E0;
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
          display: inline-block;
          padding: 3px 10px !important;
        }
        .custom-table-of-contents a:hover {
          color: #d5932b !important;
        }
        .custom-table-of-contents a.active {
          color: #d5932b !important;
        }
        
        .elementor-element-4fed1aa {
          margin-bottom: -40px !important;
        }
        @media only screen and (max-width: 400px) {
           .elementor-element-4fed1aa {
             margin-bottom: -20px !important;
           }
        }
        @media only screen and (max-width: 800px) {
           .acf-custom-fields.main-div-first-info {
          display: inherit !important;
          }
          .acf-description-image, .acf-description-text {
          width: 100% !important;
          }
          .custom-table-of-contents {
             display: inherit !important; 
          }
        }
        
        .acf-description-text {
          width: 100%;
          align-content: center;
          padding: 10px !important;
        }
        .acf-description-image {
          width: 100%;
          align-content: center;
          padding: 10px !important;
        }
        .acf-custom-fields.main-div-first-info {
          display: flex;
        }
        .acf-description-text p {
          margin: 0;
          text-align: justify;
        }
        .acf-description-image img {
          border-radius: 15px;
          text-align: center;
        }