.mos-img img {display: none !important;}
:root {
     --olb-light-color: #f6f6f6;
     --olb-light-color-rgb: 246, 246, 246;
     --olb-white-color: #ffffff;
	 --olb-white-color-rgb: 255,255,255;
     --olb-blackish-color: #1e2a2a;
	 --olb-blackish-color-rgb: 30, 42, 42; 
     --olb-link-color-normal: #1e2a2a;
     --olb-link-color-hover: #ff6137;
     --olb-secondary-color-rgb: 0, 60, 64;  
     --olb-headings-font-weight:600; 
     --olb-color-body: #f1f1f1;
    --olb-border-radius-5:5px;
    --olb-border-radius-10:10px;
    --olb-border-radius-15:15px;
    --olb-border-radius-20:20px;
    --olb-border-radius-25:25px;
    --olb-border-radius-30:30px;

}
.olb-portfolio-slider { width: 100%; height: 100%; z-index: 1; position: relative; }
.swiper-slider, .mx-tmln-wrapper, .swiper-wrapper { background:  var(--olb-color-body); }
.olb-portfolio-slider-img-holder { width: 100%; height: auto; display: flex; flex-direction:column; }
.olb-portfolio-slider-img { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; margin:0; overflow:hidden; border-radius:var(--olb-border-radius-15); overflow:hidden; }
.olb-portfolio-slider-img img { width: 100%; height: 100%; position: relative; display: block; object-position: center; object-fit: cover; border-radius:var(--olb-border-radius-15); }
.olb-portfolio-image-zoom-yes .olb-portfolio-slider .olb-portfolio-slider-img img { transform: scale(1.0); transition: all .3s cubic-bezier(.785, .135, .15, .860) 0ms; }
.olb-portfolio-image-zoom-yes .olb-portfolio-slider .olb-swiper-item:hover .olb-portfolio-slider-img img { transform: scale(1.1); }
.olb-portfolio-slider .swiper-pagination-bullets .swiper-pagination-bullet-active,
.olb-portfolio-slider .swiper-pagination-bullets .swiper-pagination-bullet:hover { background-color: var(--olb-white-color); }
.olb-portfolio-slider .swiper-pagination-bullets .swiper-pagination-bullet { border-color: var(--olb-white-color); }
.olb-portfolio-slider .olb-slider-pn svg polyline { stroke: var(--olb-white-color); }
.olb-portfolio-slider .olb-swiper-item .olb-portfolio-slider-wrapper { height: 100%; -webkit-transition: all .3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; align-content:center; background:var(--olb-white-color); border-radius:var(--olb-border-radius-15); padding:25px 25px 0; margin:40px 0; }

.olb-portfolio-slider .olb-pf-slider-title-category { display:flex; justify-content:center; align-items:center; flex-direction:column; padding:27px 20px;  }
.olb-portfolio-slider .olb-pf-slider-title { font-weight: var(--olb-headings-font-weight); font-size:25px; }
.olb-portfolio-slider .olb-pf-slider-category { margin-top:5px; }

.olb-portfolio-slider .olb-pf-slider-counterArrow { line-height:100px; width:100px; height:100px; display:flex; justify-content:center; align-items:center; border-radius:100%; text-align: center; border-radius: 100%; z-index: 1; display: block; flex-shrink: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position:absolute; bottom:-10px; left:50%; transform: translateX(-50%); border:15px solid var(--olb-color-body); background:var(--olb-white-color); }

.olb-portfolio-slider .olb-pf-slider-counterArrow .olb-pf-slider-counterArrow_holder { position:relative; width:100%; height:100%; display:flex;  justify-content:center; align-items:center; overflow:hidden; }

.olb-portfolio-slider .olb-swiper-item:nth-child(even) .olb-num-year{ position: absolute; top: 74px; right: 32px; text-align: center; padding: 5px 10px; background: #f1f1f1; color: #000; border-radius: 15px;}
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-num-year{ position: absolute; bottom: 74px; right: 32px; text-align: center; padding: 5px 10px; background: #f1f1f1; color: #000; border-radius: 15px;}

.olb-portfolio-slider .olb-pf-slider-counterArrow span { position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; display:flex; justify-content:center; align-items:center; line-height:1; font-weight:500;  }
.olb-portfolio-slider .olb-pf-slider-counter {  font-size:16px; opacity: 1; visibility: visible; }
.olb-portfolio-slider .olb-pf-slider-counterArrow span.olb-pf-slider-arrow { opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; left: -200%; font-size:20px;}
.olb-portfolio-slider .olb-pf-slider-arrow svg { transform:rotate(-45deg); }

.olb-portfolio-slider .olb-pf-slider-arrow a { position: relative; width: 100%; height: 100%; }

.olb-portfolio-slider .olb-swiper-item.active-item .olb-pf-slider-counterArrow:not(.empty-link) span.olb-pf-slider-counter,
.olb-portfolio-slider .olb-swiper-item:hover .olb-pf-slider-counterArrow:not(.empty-link) span.olb-pf-slider-counter { left: 100%; opacity: 0; visibility: hidden;  }

.olb-portfolio-slider .olb-swiper-item.active-item .olb-pf-slider-counterArrow:not(.empty-link) span.olb-pf-slider-arrow,
.olb-portfolio-slider .olb-swiper-item:hover .olb-pf-slider-counterArrow:not(.empty-link) span.olb-pf-slider-arrow { opacity: 1; visibility: visible; left:50%; }
.olb-portfolio-slider .olb-pf-slider-counterArrow.empty-link .olb-pf-slider-counter { opacity: 1; visibility: visible;  }

.olb-portfolio-slider .olb-swiper-item:nth-child(even) .olb-pf-slider-content { padding-bottom:45px; }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-content { padding-top:55px; }

.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow { bottom:auto; top:-10px; }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-portfolio-slider-img-holder { flex-direction:column-reverse; }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-title-category { padding: 20px 27px; }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-portfolio-slider-wrapper { padding:0 25px 25px; }

.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow:after,
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow:before {  box-shadow: 0 -20px 0 0 var(--olb-color-body); bottom:-6px; top:auto; height: 40px; width: 20px; z-index:3;  }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow:before { left:-30px; border-top-right-radius: 20px; }
.olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow:after { right: -30px; border-top-left-radius: 20px; }

.olb-pf-slider-counterArrow_holder a { position:absolute; z-index:4; width:100%; height:100%; display:block; border-radius:100%; }

.olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow:after,
.olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow:before { content: ""; box-shadow: 0 20px 0 0 var(--olb-color-body); position: absolute; background-color: transparent; top:-6px; height: 40px; width: 20px; z-index:3; }
.olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow:before { left:-30px; border-bottom-right-radius: 20px; }
.olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow:after { right: -30px; border-bottom-left-radius: 20px; }
.olb-portfolio-slider a {
  color: var(--olb-blackish-color);
}
.olb-portfolio-slider .olb-desc{
  text-align: center;
}
@media (max-width:1024px) {
    .olb-portfolio-slider .olb-pf-slider-counterArrow { width:70px; height:70px; line-height:70px; border-width:10px; }
    .olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow span { border-width:10px; width:50px; height:50px; }
    .olb-portfolio-slider .olb-pf-slider-counter { font-size:12px; }
    .olb-portfolio-slider .olb-pf-slider-counterArrow span.olb-pf-slider-arrow { font-size:16px; }

    .olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow { bottom:0px; }
    .olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow::before { top:-21px; left:-24px; }
    .olb-portfolio-slider .olb-swiper-item .olb-pf-slider-counterArrow::after { top:-21px; right:-24px; }

    .olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow { top:0; }
    .olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow::before { bottom:-21px; left:-24px; }
    .olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-counterArrow::after { bottom:-21px; right:-24px; }
}
/* Navigation */
.olb-portfolio-slider-navigation { display: flex; clear: both; justify-content: center; align-items: center; z-index:1;  }
.olb-portfolio-slider-navigation.arrow-nav-yes { justify-content:center; }
.olb-portfolio-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { margin-top: 0px; }

@media only screen and (max-width:1024px) {
    .olb-portfolio-slider .olb-slider-pn { font-size: 20px; }
    .olb-portfolio-slider-navigation { justify-content: space-evenly; }
    .olb-pf-slider-counter-yes .olb-portfolio-slider .olb-swiper-item:nth-child(even) .olb-pf-slider-content { padding-bottom:20px; }
    .olb-pf-slider-counter-yes .olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-content { padding-top:40px; }
}
@media only screen and (max-width:767px) {
    .olb-portfolio-slider .olb-swiper-item.swiper-slide-duplicate-active .olb-pf-slider-title a { font-size: 24px; }
    .olb-portfolio-slider .olb-swiper-item .olb-portfolio-slider-wrapper { padding:15px; border-radius:var(--olb-border-radius-10); }
    .olb-portfolio-slider-img img { border-radius:var(--olb-border-radius-10); }
    .olb-pf-slider-counter-yes .olb-portfolio-slider .olb-swiper-item:nth-child(even) .olb-pf-slider-content { padding-bottom:10px; }
    .olb-pf-slider-counter-yes .olb-portfolio-slider .olb-swiper-item:nth-child(odd) .olb-pf-slider-content { padding-top:40px; }
}
.olb-portfolio-slider .swiper-button-next,
.olb-portfolio-slider .swiper-button-prev { color: #111; font-size: 20px; background: #fff; width: 40px; height: 40px; border-radius: 50%;top: 98%; }
.olb-portfolio-slider .swiper-button-next:after,
.olb-portfolio-slider .swiper-button-prev:after {color: #000;  font-size: 20px; }
.olb-portfolio-slider .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal { left:50%; transform: translateX(-50%);  }
.olb-portfolio-slider svg:not(:root) {
    overflow: hidden;
    width: 1em;
    height: 1em;
    position: relative;
}