.upk-ramble-carousel {
  position: relative; }
  .upk-ramble-carousel .upk-ramble-grid-item {
    display: flex;
    position: relative;
    position: relative;
    overflow: hidden;
    height: 360px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5);
    box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5); }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-image-wrap {
      display: flex;
      width: 100%; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-image-wrap:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-image {
      object-fit: cover;
      height: 100%;
      width: 100%; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-author-name a {
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      text-transform: capitalize;
      -webkit-transition: color .3s ease;
      transition: color .3s ease; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-post-time,
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-date {
      color: #f5f5f5;
      font-size: 14px; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-post-time {
      margin-left: 5px; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-post-time i {
        margin-right: 2px; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-meta {
      display: flex;
      align-items: center;
      position: absolute;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 0;
      transform: translateY(-100%); }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-meta .upk-author-image {
        margin-right: 15px; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-meta .upk-author-image img {
          border-radius: 80px; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap {
      display: inline-flex;
      align-items: center;
      position: relative;
      opacity: 1;
      transition: all .3s ease;
      margin-bottom: 15px;
      transform: translateY(0);
      visibility: visible;
      transition: all .3s ease; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-post-time,
      .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-date {
        color: #8D99AE;
        font-size: 15px; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-category {
        position: relative;
        margin-left: 10px;
        padding-left: 10px; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-category a {
          color: #8D99AE;
          font-size: 15px;
          text-transform: capitalize; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-category a + a {
          margin-left: 5px; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-category:before {
          content: '';
          position: absolute;
          background: #e6e9ec;
          height: 100%;
          width: 2px;
          left: -1px; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-date-cetagory-wrap .upk-ramble-grid-category span {
          display: flex; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-title {
      font-size: 24px;
      font-weight: 600;
      margin: 0;
      padding-bottom: 15px;
      text-transform: capitalize; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-title a {
        color: #2B2D42;
        background-image: linear-gradient(currentColor, currentColor);
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0 2px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-title a:hover {
          background-size: 100% 2px; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-ramble-grid-text {
      font-size: 16px;
      color: #8D99AE;
      opacity: 0;
      transition: all .3s ease;
      transform: translateY(-20px); }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-btn-comments-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      width: 100%;
      bottom: 0;
      padding: 30px; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-btn-comments-wrap .upk-ramble-grid-readmore {
        color: #8D99AE;
        font-size: 15px;
        font-weight: 600;
        text-transform: capitalize;
        -webkit-transition: all .3s ease;
        transition: all .3s ease; }
        .upk-ramble-carousel .upk-ramble-grid-item .upk-btn-comments-wrap .upk-ramble-grid-readmore svg {
          width: 1em; }
          .upk-ramble-carousel .upk-ramble-grid-item .upk-btn-comments-wrap .upk-ramble-grid-readmore svg * {
            fill: #8D99AE; }
      .upk-ramble-carousel .upk-ramble-grid-item .upk-btn-comments-wrap .upk-ramble-grid-comments {
        color: #8D99AE;
        font-size: 15px;
        text-transform: capitalize;
        -webkit-transition: color .3s ease;
        transition: color .3s ease; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-ramble-grid-image-wrap:before {
      background-color: rgba(239, 35, 60, 0.5); }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-ramble-grid-meta {
      position: relative;
      opacity: 1;
      margin-top: 0;
      margin-bottom: 15px;
      transform: translateY(0);
      transition-delay: .3s; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-date-cetagory-wrap {
      position: absolute;
      opacity: 0;
      visibility: hidden;
      transform: translateY(20px);
      transition-delay: .3s; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-ramble-grid-title a {
      color: #fff; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-ramble-grid-text {
      color: #f8f8f8;
      opacity: 1;
      transition-delay: .4s;
      transform: translateY(0px); }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-btn-comments-wrap .upk-ramble-grid-readmore {
      color: #fff; }
      .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-btn-comments-wrap .upk-ramble-grid-readmore svg * {
        fill: #fff; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-btn-comments-wrap .upk-ramble-grid-comments {
      color: #fff; }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-default-show {
      visibility: hidden;
      opacity: 0;
      transform: translateY(20px); }
    .upk-ramble-carousel .upk-ramble-grid-item:hover .upk-default-hide {
      opacity: 1;
      transform: translateY(0);
      visibility: visible;
      transition-delay: .1s; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-default-show {
      position: absolute;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 1;
      transform: translateY(0);
      padding: 30px; }
    .upk-ramble-carousel .upk-ramble-grid-item .upk-default-hide {
      position: absolute;
      -webkit-transition: all .3s ease;
      transition: all .3s ease;
      opacity: 0;
      transform: translateY(-100%);
      visibility: hidden;
      padding: 30px; }

.upk-global-link-yes .upk-ramble-carousel .upk-ramble-grid-item:hover {
  cursor: pointer; }

.elementor-widget-upk-ramble-carousel .upk-arrows-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-arrows-ncx, 0), var(--upk-ramble-carousel-arrows-ncy, 40));
  transform: translate(var(--upk-ramble-carousel-arrows-ncx, 0), var(--upk-ramble-carousel-arrows-ncy, 40)); }

.elementor-widget-upk-ramble-carousel .upk-dots-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-dots-nnx, 0), var(--upk-ramble-carousel-dots-nny, 30));
  transform: translate(var(--upk-ramble-carousel-dots-nnx, 0), var(--upk-ramble-carousel-dots-nny, 30)); }

.elementor-widget-upk-ramble-carousel .upk-arrows-dots-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-both-ncx, 0), var(--upk-ramble-carousel-both-ncy, 40));
  transform: translate(var(--upk-ramble-carousel-both-ncx, 0), var(--upk-ramble-carousel-both-ncy, 40)); }

.elementor-widget-upk-ramble-carousel .upk-arrows-fraction-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-arrows-fraction-ncx, 0), var(--upk-ramble-carousel-arrows-fraction-ncy, 40));
  transform: translate(var(--upk-ramble-carousel-arrows-fraction-ncx, 0), var(--upk-ramble-carousel-arrows-fraction-ncy, 40)); }

.elementor-widget-upk-ramble-carousel .upk-position-center-left .upk-arrows-container,
.elementor-widget-upk-ramble-carousel .upk-position-center-right .upk-arrows-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-arrows-ncx, 0), var(--upk-ramble-carousel-arrows-ncy, 0)) rotate(90deg);
  transform: translate(var(--upk-ramble-carousel-arrows-ncx, 0), var(--upk-ramble-carousel-arrows-ncy, 0)) rotate(90deg); }

.elementor-widget-upk-ramble-carousel .upk-position-center-left .upk-dots-container,
.elementor-widget-upk-ramble-carousel .upk-position-center-right .upk-dots-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-dots-nnx, 0), var(--upk-ramble-carousel-dots-nny, 0)) rotate(90deg);
  transform: translate(var(--upk-ramble-carousel-dots-nnx, 0), var(--upk-ramble-carousel-dots-nny, 0)) rotate(90deg); }

.elementor-widget-upk-ramble-carousel .upk-position-center-left .upk-arrows-dots-container,
.elementor-widget-upk-ramble-carousel .upk-position-center-right .upk-arrows-dots-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-both-ncx, 0), var(--upk-ramble-carousel-both-ncy, 0)) rotate(90deg);
  transform: translate(var(--upk-ramble-carousel-both-ncx, 0), var(--upk-ramble-carousel-both-ncy, 0)) rotate(90deg); }

.elementor-widget-upk-ramble-carousel .upk-position-center-left .upk-arrows-fraction-container,
.elementor-widget-upk-ramble-carousel .upk-position-center-right .upk-arrows-fraction-container {
  -webkit-transform: translate(var(--upk-ramble-carousel-arrows-fraction-ncx, 0), var(--upk-ramble-carousel-arrows-fraction-ncy, 0)) rotate(90deg);
  transform: translate(var(--upk-ramble-carousel-arrows-fraction-ncx, 0), var(--upk-ramble-carousel-arrows-fraction-ncy, 0)) rotate(90deg); }