.upk-camux-slider-wrap  {
  display: flex;
  /*height:100%;*/
  position: relative;
  width: 100%;
  /*height: clamp(28.125rem, 60vw, 43.75rem); */
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
  
  object-fit: cover; }

.upk-camux-slider {
  /*margin-bottom: clamp(2.5rem, 6vw, 3.438rem); */
  
  position: relative;
  border-right: 1px solid #707070;
  width: 48%;
  z-index: 1 !important;
  padding-right: 10px;
}

.upk-camux-slider .swiper-slide-active {
   /*width: 70% !important;
   border-right: 1px solid #000 !important;*/
}

/*.upk-camux-slider .swiper-slide-active  .upk-content {
   display: inline;
   width: 60%;
}*/

  .upk-camux-slider .upk-item {
    
    /*display: flex;*/
    /*height: clamp(28.125rem, 60vw, 43.75rem); */
    padding-left: 117px;
    padding-top: 50px;
    
  }

    .upk-camux-slider  .upk-img-wrap {
      margin-top: 50px;
      margin-left: 50px;
      text-align: center !important;
      align-items: center;
      opacity: 0.5;
    /*height: 100%;*/ }

    .upk-camux-slider .swiper-slide-active .upk-img-wrap {
      margin-top: 50px;
      
      opacity: 1;
      
    }

    .upk-camux-slider .upk-item .upk-img-wrap img {
      height:400px;
    }
    
    .upk-camux-slider .upk-img-wrap::before {
      /*position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      background-image: linear-gradient(45deg, rgba(5, 4, 4, 0.741), transparent);*/ }


  .upk-camux-slider .upk-content {
    /*border: 1px solid #707070;*/
    position: relative;
    width: 100%;
    padding-right: 30px;
    font-size: 18px;
    /*padding: 0 100px 0 20px;*/
    /*position: relative;*/
    /*transform: translate(0, -30%);*/
    font-family: 'Avenir', Helvetica, sans-serif;
    overflow: hidden; }

    .upk-camux-slider .upk-p-detail {
       margin-top: 0px;
    }
  
    .upk-camux-slider .upk-small {
      font-size: 13px;
      font-family: 'Avenir', Helvetica, sans-serif;
      font-weight: 700;
    } 
  
    .upk-camux-slider .upk-category {
    margin-bottom: clamp(0.938rem, 2vw, 1.25rem);
    display: inline-flex; }
    .upk-camux-slider .upk-category a {
      background: #EF233C;
      padding: 6px 10px;
      color: #EDF2F4;
      font-weight: 700;
      text-decoration: none;
      text-transform: uppercase;
      font-size: clamp(0.625rem, 1vw, 0.75rem);
      border-radius: 3px;
      display: inline-block;
      transition: all .3s ease; }
      .upk-camux-slider .upk-category a:hover {
        background: #D90429; }
    .upk-camux-slider .upk-category a + a {
      margin-left: 5px; }
  
  
    .upk-camux-slider .upk-title {
    margin-top: 30px;
    font-size: 30px;/*clamp(1.25rem, 5vw, 3rem);*/
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 0/*clamp(1.25rem, 3vw, 1.875rem)*/;
    word-wrap: break-word;
    }
    .upk-camux-slider .upk-title a {
      color: #edf2f4;
      background: #2b2d42;
      display: inline;
      -webkit-box-decoration-break: clone;
      padding: 5px 15px 8px;
      border-radius: 4px;
      transition: all .3s ease; }
      .upk-camux-slider .upk-title a:hover {
        color: #D90429; }

  .upk-camux-slider .upk-text {
    position: relative;
    width: 100%;
    font-weight: 400;
    text-align: left;
    /*margin-bottom: 20px;*/
    /*color: #c9d5e9;*/
    font-size: 18px /*clamp(0.875rem, 2vw, 1rem)*/;
    line-height: 1.3em; 
    padding-bottom: 5px;
    /*display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5; 
    overflow: hidden; 
    text-overflow: ellipsis; */
    height:150px;

  }
    
    .upk-camux-slider .upk-text p {
      /*margin: 0; */
    
    }

    .upk-camux-slider .button,.upk-camux-slider .button:hover {
      margin-top: 10px;
      margin-bottom: 30px;
      width: 200px;
      border-radius: 29px;
      background-color: #D71900;
      color:#FFF;
    }

    .upk-camux-slider .button a {
      color:#FFF;
    }

  .upk-camux-slider .upk-meta {
    display: inline-flex;
    align-items: center;
    color: #c9d5e9;
    font-size: clamp(0.75rem, 1.5vw, 0.875rem);
    text-transform: uppercase;
    gap: 10px; }
    .upk-camux-slider .upk-meta .upk-name {
      text-decoration: none;
      color: #c9d5e9;
      transition: all .3s ease; }
      .upk-camux-slider .upk-meta .upk-name:hover {
        color: #D90429; }
    .upk-camux-slider .upk-meta .upk-post-time {
      margin-left: 5px; }
      .upk-camux-slider .upk-meta .upk-post-time i {
        margin-right: 2px; }
    .upk-camux-slider .upk-meta > div {
      position: relative;
      display: inline-flex;
      gap: 5px; }
      .upk-camux-slider .upk-meta > div:before {
        content: attr(data-separator);
        margin: 0 5px; }
      .upk-camux-slider .upk-meta > div:nth-child(1)::before {
        display: none; }


        
  /*.upk-camux-slider .upk-navigation-prev,
  .upk-camux-slider .upk-navigation-next {
    position: absolute;;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999999 !important;
    cursor: pointer;
    width: 80px;
    height: 80px;;
    padding: 8px;
    background: transparent ;
    display: inline-flex;
    border-radius: 4px; }
    .upk-camux-slider .upk-navigation-prev i,
    .upk-camux-slider .upk-navigation-next i {
      color: transparent !important; }
  .upk-camux-slider .upk-navigation-prev {
    
    left: 0;
    display: none;
      }
  .upk-camux-slider .upk-navigation-next {
     right: 26%}*/

.upk-camux-thumbs {
  position: relative;
  /*position: absolute !important;*/
  /*top: 10%;*/
  
  /*margin-left:-200px;*/
  
  /*width: clamp(15.625rem, 60vw, 42.5rem);*/
  /*pointer-events: none;*/
  
  
  width: 50%;
  /*bottom: 0;*/
  /*transform: translateX(-50%);*/ }
  .upk-camux-thumbs .upk-item {
    overflow: hidden;
    /*text-align: center;*/
    /*width: 450px !important;*/
    /*padding: 0 20px;*/
    /*margin-right: 30px !important;*/
    /*border: 1px solid #D71900;*/
    
  }
  .upk-camux-thumbs .upk-item .swiper-slide[style] {
      pointer-events: none;
     
      
    }
  .upk-camux-thumbs .swiper-slide-active {
    /*-webkit-mask-image: url(../images/mask/thumbs-active.svg);
    mask-image: url(../images/mask/thumbs-active.svg);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;*/
    /*margin-left:-20px !important;
    margin-right: 0px !important;*/
    margin-right: 80px !important;
  }
  .upk-camux-thumbs .upk-img-wrap {
    pointer-events: none;
    position: relative;
    display: inline-block;
    text-align: center;
    height: auto;
    /*border: 1px solid #D71900;*/
  }
    .upk-camux-thumbs .upk-img-wrap .bdt-img {
      position: relative;
      cursor: pointer; 
      text-align: center;
      align-items: center;
      margin-top:20%;
      /*margin-right: 20px;*/
    }


      .upk-camux-thumbs img {
         /*height: 350px;*/
         /*width: 100%;*/
         width: 90%;
      }
  .upk-camux-thumbs .upk-comments {
    position: absolute;
    bottom: 0;
    left: 0;
    top:20%;
    margin: 10px;
    background: #2b2d42;
    color: #fff;
    font-size: 10px;
    padding: 4px 6px;
    border-radius: 3px;
    text-transform: uppercase; }


    .upk-camux-thumbs .upk-navigation-wrap {
      position: absolute;
      /*border: 1px solid #000;*/
      top: 0;
      z-index: 999999 !important;
      left:50%;
      height: 100%;
      margin:0;
    }

    .upk-camux-thumbs .upk-navigation-wrap .upk-line {
      position: absolute;
      border-left: 1px solid #707070;
      opacity: 0.8;
      /*margin: 20px 0 30px 0;*/
      top: 0;
      left:20px;
      height: 100%;
      z-index: 999;
    }
    .upk-camux-thumbs .upk-navigation-prev,
  .upk-camux-thumbs .upk-navigation-next {
    position: relative;
    top:50%;
    transform: translateY(-50%);
    z-index: 999999 !important;
    cursor: pointer;
    width: 80px;
    height: 80px;;
    padding: 8px;
    background: transparent ;
    display: inline-flex;
    border-radius: 4px; }
    .upk-camux-thumbs .upk-navigation-prev i,
    .upk-camux-thumbs .upk-navigation-next i {
      color: transparent !important; }
  .upk-camux-thumbs .upk-navigation-prev {
    
    left: 0;
    display: none;
      }
  .upk-camux-thumbs .upk-navigation-next {
     right: 20px}
    
    

/*
* Screen max 1366 (laptop)
*/
@media only screen and (max-width: 1440px)/*, only screen and (min-width: 1024px)*/{  
  .upk-camux-slider-wrap {
     /*height: 300px;*/
  }

  .upk-camux-slider .upk-text {
    position: relative;
    width: 100%;
    font-weight: 400;
    /*margin-bottom: 20px;*/
    /*color: #c9d5e9;*/
    font-size: 16px !important;
    line-height: 1.3em; 
    padding-bottom: 5px;
    /*display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 5; 
    overflow: hidden; 
    text-overflow: ellipsis; */
    /*height:80px;*/

  }

}

  

@media (min-width: 768px) {
  .upk-camux-thumbs {
    /*height: 500px;*/ } }