.DetailsPageCnt {
  padding: 70px 0;

  @media (max-width: 992px) {
    padding: 50px 0;
  }

  @media (max-width: 576px) {
    padding: 40px 0;
  }

  .Blog_Dt_Wrap {
    display: flex;
    align-items: start;
    gap: 24px;
    flex-flow: row wrap;

    @media (max-width: 768px) {
      flex-direction: column;
    }

    .Left {
      width: calc(65% - 12px);

      @media (max-width: 992px) {
        width: 100%;
      }

      p {
        font-size: 16px;
        margin-top: 20px;

        &:first-child {
          margin-top: 0;
        }

        @media (max-width: 576px) {
          font-size: 14px;
        }
      }

      h2 {
        font-size: 28px;
        margin: 20px 0;

        @media (max-width: 576px) {
          font-size: 22px;
        }
      }

      ul {
        padding-left: 20px;
        margin: 20px 0;

        li {
          list-style: disc;
          margin: 10px 0;
          font-size: 16px;

          @media (max-width: 576px) {
            font-size: 14px;
          }
        }
      }

      .ImageWrap {
        display: flex;
        align-items: start;
        gap: 24px;
        margin: 20px 0;
        flex-flow: row wrap;

        @media (max-width: 576px) {
          gap: 16px;
        }

        .Item {
          width: calc(50% - 12px);
          aspect-ratio: 372/490;
          border-radius: 18px;
          overflow: hidden;

          @media (max-width: 576px) {
            width: 100%;
            border-radius: 12px;
          }

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
    }

    .Right {
      width: calc(35% - 12px);

      @media (max-width: 992px) {
        width: 100%;
      }

      ul {
        display: flex;
        flex-direction: column;
        gap: 20px;

        li {
          display: flex;
          align-items: center;
          gap: 10px;

          .Image {
            width: 120px;
            aspect-ratio: 116/113;
            overflow: hidden;
            border-radius: 8px;

            @media (max-width: 576px) {
              width: 90px;
            }

            img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
          }

          .Title_Date {
            h3 {
              font-size: 20px;

              @media (max-width: 576px) {
                font-size: 16px;
              }
            }

            span {
              font-size: 16px;
              margin-top: 7px;
              opacity: 0.6;
              display: block;

              @media (max-width: 576px) {
                font-size: 13px;
              }
            }
          }
        }
      }
    }
  }
}



.DetailsPageCnt .Left .gallery {
  display: flex;
  gap: 24px;
  margin: 25px 0;
}

.DetailsPageCnt .Left .gallery-item {
  width: 50%;
  overflow: hidden;
  border-radius: 18px;
}

.DetailsPageCnt .Left .gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}