.swal2-container {
    z-index: 9999 !important;
  }
  .sweet-video-container {
    padding: 0% !important;
  }
  .sweet-video-container .swal2-popup {
    width: 80% !important;
    padding: 0% !important;
    font-size: 0 !important;
    height: auto !important;
    background: transparent;
  }
  .sweet-video-container .swal2-popup .swal2-content {
    background: transparent;
  }
  .sweet-video-container .swal2-popup .swal2-content .swal2-html-container {
    background: transparent;
  }
  .sweet-video-container .swal2-popup .swal2-content .swal2-html-container iframe {
    border-radius: 15px;
    height: 500px;
    background: transparent;
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .sweet-video-container .swal2-popup .swal2-content .swal2-html-container iframe {
      height: 400px;
    }
  }
  @media (max-width: 767px) {
    .sweet-video-container .swal2-popup .swal2-content .swal2-html-container iframe {
      height: 280px;
    }
  }
  .sweet-video-container .swal2-popup .swal2-content {
    padding: 0% !important;
  }
  .cont_post {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    background: #f8f8f8;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cont_post {
      flex-direction: row;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cont_post {
      flex-direction: row;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .cont_post {
      flex-direction: column;
    }
  }
  @media (max-width: 767px) {
    .cont_post {
      flex-direction: column;
    }
  }
  .cont_post .post-img {
    display: flex;
    flex: 50%;
    align-items: center;
    justify-content: flex-end;
    order: 0;
  }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .cont_post .post-img {
      order: -2;
    }
  }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .cont_post .post-img {
      order: -2;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .cont_post .post-img {
      order: -2;
    }
  }
  @media (max-width: 767px) {
    .cont_post .post-img {
      order: -2;
    }
  }
  .cont_post .post-img img {
    width: 100%;
    height: auto;
  }
  @supports (object-fit: cover) {
    .cont_post .post-img img {
      height: 100%;
      object-fit: cover;
      object-position: center center;
    }
  }
  .cont_post .post-text {
    justify-content: space-between;
    flex-direction: column;
    display: flex;
    padding: 20px;
    flex: 50%;
    align-items: center;
  }
  .cont_post .post-text .cont-header {
    display: grid;
    grid-template-areas: "ava user " "ava date ";
    align-self: flex-start;
  }
  .cont_post .post-text .cont-header .avatar {
    grid-area: ava;
    display: flex;
    align-items: center;
    margin-right: 5px;
  }
  .cont_post .post-text .cont-header .avatar img {
    border-radius: 50%;
  }
  .cont_post .post-text .cont-header .name {
    grid-area: user;
  }
  .cont_post .post-text .cont-header .date {
    grid-area: date;
  }
  .cont_post .post-text .cont-body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin: auto;
  }
  .cont_post .post-text .cont-body h3 {
    text-align: left;
    font-weight: 800;
    text-transform: uppercase;
    width: 100%;
    color: #595858;
  }
  .cont_post .post-text .cont-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .cont_post .post-text .cont-footer hr {
    width: 90%;
    margin: auto;
    background: #595858;
    height: 1px;
  }
  .cont_post .post-text .cont-footer .info {
    padding: 8px 0px 0px 0px;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    color: #595858;
  }
  .cont_post .post-text .cont-footer .info a {
    text-decoration: none;
    color: #595858;
  }
  
  .cont_video {
    overflow: hidden;
  }
  .cont_video .video_layer {
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -100%;
    overflow: hidden;
  }
  .cont_video .video_layer span {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    left: 50%;
    transform: translateX(-50%);
    top: -100%;
    height: 100px;
    border: 3px solid #F26135;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
  }
  .cont_video .video_layer span i {
    color: #F26135;
    font-size: 40px;
  }
  .cont_video .video_layer a {
    position: absolute;
    top: -60%;
  }
  .cont_video:hover .video_layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 1;
    visibility: visible;
    top: 0%;
  }
  .cont_video:hover .video_layer span {
    opacity: 1;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    visibility: visible;
  }
  .cont_video:hover .video_layer a {
    top: 60%;
  }
  .pagination {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 8px;
  }
  .pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .pagination .page-item a {
    background-color: #f58665 !important;
    border: none;
    color: #fff;
    padding: 5px;
  }
  .pagination .page-item a:hover {
    background-color: #e5410f !important;
    border: none;
    color: #fff;
  }
  
  .page-item.active a {
    background-color: #F26135 !important;
    border: none;
    color: #fff !important;
  }