.widget.c-news.c-news-template-12{
  position: relative;
  padding: clamp(10px, 10vw, 70px) 0 38px;
}

.widget.c-news.c-news-template-12 .widget-header .widget-title{
  color: #000;
  font-size: clamp(18px, 3.6vw, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  max-width: 449px;
}
.widget.c-news.c-news-template-12 .widget-header .widget-description{
  color: #8C8C8C;
  font-size: clamp(16px, 3vw, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  max-width: 584px;
}

.widget.c-news.c-news-template-12 .widget-content {
  position: relative;
}
.widget.c-news.c-news-template-12 .widget-items {
  position: relative;
  z-index: 1;
  margin: -17px -15px 15px;
}

.widget.c-news.c-news-template-12 .widget-items-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 618px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
.widget.c-news.c-news-template-12 .widget-item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  min-height: 275px;
  max-width: 584px;
  width: calc(50% - 30px);
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #DEE0E5;
  background-position: center;
  border-radius: 2px;
  margin: 17px 15px;
  padding: 30px 40px;
  text-decoration: none;

  -webkit-transition: box-shadow .3s ease-out;
  -o-transition: box-shadow .3s ease-out;
  -webkit-transition: -webkit-box-shadow .3s ease-out;
  transition: -webkit-box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out;
  transition: box-shadow .3s ease-out, -webkit-box-shadow .3s ease-out;
}
.widget.c-news.c-news-template-12 .widget-item:hover{
  -webkit-box-shadow: 3px 9px 14px 0 rgba(99, 97, 97, .25);
  box-shadow: 3px 9px 14px 0 rgba(99, 97, 97, .25);
}

.widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child{
   min-height: 584px;
}

.widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child:after,
.widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child:after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background: -o-linear-gradient(68.92deg, rgba(91, 98, 105, 0.9) 15.02%, rgba(91, 98, 105, 0.742581) 29.47%, rgba(121, 127, 133, 0.606909) 41.31%, rgba(142, 148, 152, 0) 64.75%, rgba(142, 148, 152, 0) 76.63%);
  background: linear-gradient(21.08deg, rgba(91, 98, 105, 0.9) 15.02%, rgba(91, 98, 105, 0.742581) 29.47%, rgba(121, 127, 133, 0.606909) 41.31%, rgba(142, 148, 152, 0) 64.75%, rgba(142, 148, 152, 0) 76.63%);
}


.widget.c-news.c-news-template-12 .widget-item:nth-child(even){
  background-color: #BDC9CD;
}

.widget.c-news.c-news-template-12 .widget-item a {
  color: #353639;
  text-decoration: none;
}

.widget.c-news.c-news-template-12 .widget-item-text {
  position: relative;
  height: 100%;
  z-index: 2;
}
.widget.c-news.c-news-template-12 .widget-item-text[data-date=true] {
  padding-bottom: 40px;
}
.widget.c-news.c-news-template-12 .widget-item-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-weight: 600;
  font-size: clamp(14px, 2.6vw, 28px);
  line-height: 130%;
  text-transform: uppercase;
  color: #232323;
}

.widget.c-news.c-news-template-12 .title-over{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: clamp(12px, 3vw, 16px);
  line-height: 141.5%;
  color: #232323;
  margin: 0 0 13px;
}
.widget.c-news.c-news-template-12 .title-over svg{
  margin: 0 0 0 9px;
}

.widget.c-news.c-news-template-12 .title-over,
.widget.c-news.c-news-template-12 .widget-item-name,
.widget.c-news.c-news-template-12 .title-over svg{
  -webkit-transition: transform .6s cubic-bezier(0, 0, 0.2, 1);
  -o-transition: transform .6s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: -webkit-transform .6s cubic-bezier(0, 0, 0.2, 1);
  transition: -webkit-transform .6s cubic-bezier(0, 0, 0.2, 1);
  transition: transform .6s cubic-bezier(0, 0, 0.2, 1);
  transition: transform .6s cubic-bezier(0, 0, 0.2, 1), -webkit-transform .6s cubic-bezier(0, 0, 0.2, 1);
}

.widget.c-news.c-news-template-12 .widget-item:hover .title-over svg{
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.widget.c-news.c-news-template-12 .widget-item:hover .title-over{
  -webkit-transition-delay: .05s;
  -o-transition-delay: .05s;
  transition-delay: .05s;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.widget.c-news.c-news-template-12 .widget-item:hover .widget-item-name{
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child .widget-item-name,
.widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child .title-over,
.widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child .widget-item-name,
.widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child .title-over{
  color: #fff;
}

.widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child .title-over svg path,
.widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child .title-over svg path{
  fill: #fff;
}

.widget.c-news.c-news-template-12 .widget-item-description {
  margin-top: 12px;
  font-size: 14px;
  line-height: 21px;
  color: #808080;
}

.widget.c-news.c-news-template-12 .add-picture-container{
  max-height: 156px;
  max-width: 200px;
  height: 100%;
  position: absolute;
  top: 33px;
  right: 31px;
  overflow: hidden;
}
.widget.c-news.c-news-template-12 .add-picture{
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
}
.widget.c-news.c-news-template-12 .mobile-picture{
  display: none;
}

@media screen and (max-width: 500px){
  .widget.c-news.c-news-template-12 .desktop-picture{
    display: none;
  }
  .widget.c-news.c-news-template-12 .mobile-picture{
    display: block;
  }
}

.widget.c-news.c-news-template-12 .widget-footer-button {
  color: #2d2d2d !important;
}
.widget.c-news.c-news-template-12 .widget-footer-button:hover, .widget.c-news.c-news-template-12 .widget-footer-button:focus, .widget.c-news.c-news-template-12 .widget-footer-button:active {
  color: #fff !important;
}
.widget.c-news.c-news-template-12 .widget-header {
  overflow: hidden;
}
.widget.c-news.c-news-template-12 .widget-all-container {
  display: none;
}
.widget.c-news.c-news-template-12 .widget-all-button {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #808080;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.widget.c-news.c-news-template-12 .widget-all-button i {
  display: none;
  font-size: 18px;
}

@media all and (max-width: 1000px) {
  .widget.c-news.c-news-template-12 .widget-header .widget-title,
  .widget.c-news.c-news-template-12 .widget-header .widget-description{
    max-width: 100%;
  }
}
@media all and (max-device-width: 800px) {
  .widget.c-news.c-news-template-12 .add-picture-container{
    max-width: clamp(68px, 20vw, 110px);
    height: auto;
  }
  .widget.c-news.c-news-template-12 .add-picture{
    -o-object-fit: contain;
    object-fit: contain;
  }
  .widget.c-news.c-news-template-12 .widget-items{
    margin: -10px -10px 20px;
  }
  .widget.c-news.c-news-template-12 .widget-item{
    padding: 20px;
    width: calc(50% - 20px);
    margin: 10px;
  }
  .widget.c-news.c-news-template-12 .add-picture-container{
    top: 16px;
    right: 16px;
  }
  .widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child,
  .widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child{
    min-height: 570px;
  }
}
@media all and (max-device-width: 700px) {
  .widget.c-news.c-news-template-12 .widget-items-container{
    max-height: none;
  }
  .widget.c-news.c-news-template-12 .widget-items{
    max-width: 100%;
  }
  .widget.c-news.c-news-template-12 .widget-items-container:nth-child(even){
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .widget.c-news.c-news-template-12 .widget-item{
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 100%;
    width: 100%;
    min-height: clamp(131px, 35vw, 275px);
  }
  .widget.c-news.c-news-template-12 .widget-items-container:nth-child(odd) .widget-item:first-child,
  .widget.c-news.c-news-template-12 .widget-items-container:nth-child(even) .widget-item:last-child{
    min-height: clamp(280px, 60vw, 460px);
  }

}
@media all and (max-device-width: 500px) {
  .widget.c-news.c-news-template-12 .widget-items{
    margin: 24px 0;
  }
  .widget.c-news.c-news-template-12 .widget-item{
    margin: 4px 0;
  }
  .widget.c-news.c-news-template-12{
    position: relative;
    padding: 0 0 14px;
  }
  .widget.c-news.c-news-template-12 .title-over{
    margin: 0 0 8px;
  }
  .widget.c-news.c-news-template-12 .title-over svg{
    width: 15px;
  }
  .widget.c-news.c-news-template-12 .add-picture-container{
    top: 11px;
    right: 8px;
  }
}