.tp-portfolio-mix-slider{height:100%;width:100%}.tp-portfolio-mix-slider-wrap.mix{padding:0 0 0 0;height:100vh}.tp-portfolio-mix-slider-navigation{position:absolute;bottom:0;width:100%}.tp-portfolio-mix-slider-navigation .nav-icon{font-size:16px;text-transform:uppercase;display:flex;gap:20px;color:var(--tp-common-px-white);line-height:1;position:relative;z-index:2;cursor:pointer}.tp-portfolio-mix-slider-navigation .slider-nav{display:flex;height:80px;justify-content:space-between;width:100%;align-items:center}@media only screen and (min-width:1400px) and (max-width:1599px){.tp-portfolio-mix-slider-navigation .slider-nav{height:80px}}.tp-portfolio-mix-slider-navigation .slider-nav-box{position:absolute;bottom:0;width:100%}.tp-portfolio-mix-slider-navigation.navigation-white .nav-icon{color:var(--tp-common-px-black)}.tp-portfolio-mix-slider-image .popup-image{position:absolute;bottom:200px;left:72px;right:auto}@media (max-width:767px){.tp-portfolio-mix-slider-image .popup-image{display:none}}.tp-portfolio-mix-slider-image .popup-image i{width:35px;height:35px;display:flex;justify-content:center;align-items:center;background:rgb(0 0 0 / .2);backdrop-filter:blur(10px);color:var(--tp-common-px-white)}.tp-portfolio-mix-slider-content{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:0 auto;text-align:center}.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-text{transform:translateX(200px);transition:all 2s ease}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-text{transform:translateX(0)}}.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-heading{transform:translateX(-200px);transition:all 2s ease}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){.tp-portfolio-mix-slider-content .tp-portfolio-mix-slide-heading{transform:translateX(0)}}.tp-portfolio-mix-slider .swiper-slide-active .tp-portfolio-mix-slide-text{transform:translateX(0)}.tp-portfolio-mix-slider .swiper-slide-active .tp-portfolio-mix-slide-heading{transform:translateX(0)}.tp-portfolio-mix-slide-heading{font-size:clamp(5rem, 15vw, 13rem);font-weight:500;line-height:.8;color:var(--tp-common-px-white);font-family:var(--tp-ff-thundermed);letter-spacing:-4px}@media only screen and (min-width:576px) and (max-width:767px),(max-width:767px){.tp-portfolio-mix-slide-heading{letter-spacing:0}}.tp-portfolio-mix-slide-text{font-size:16px;font-weight:500;line-height:1;margin-bottom:50px;display:inline-block;color:var(--tp-common-px-white);text-transform:uppercase}.tp-portfolio-mix-pagination{position:absolute;top:auto!important;bottom:0;transform:none;height:50px;left:0!important;right:0!important;display:inline-flex;gap:20px;margin-inline:auto;align-items:center;justify-content:center;z-index:1}@media only screen and (min-width:1200px) and (max-width:1399px){.tp-portfolio-mix-pagination{gap:10px}}@media only screen and (min-width:576px) and (max-width:767px),(max-width:767px){.tp-portfolio-mix-pagination{display:none}}.tp-portfolio-mix-pagination .swiper-pagination-bullet{width:80px;height:5px;display:inline-block;margin:0 5px;overflow:hidden;transition:0.4s;position:relative;border-radius:5px;background:rgb(255 255 255 / .3)}@media only screen and (min-width:992px) and (max-width:1199px){.tp-portfolio-mix-pagination .swiper-pagination-bullet{width:50px}}.tp-portfolio-mix-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active{width:80px}@media only screen and (min-width:992px) and (max-width:1199px){.tp-portfolio-mix-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active{width:40px}}.tp-portfolio-mix-pagination .swiper-pagination-bullet::before{content:"";width:80px;height:100%;position:absolute;transition:0.6s;z-index:9;left:0;border-radius:5px;background:rgb(255 255 255 / .3)}.tp-portfolio-mix-pagination .swiper-pagination-bullet::after{content:"";width:0;height:100%;position:absolute;transition:0.6s;z-index:8;left:0;background-color:#fff}.tp-portfolio-mix-pagination .swiper-pagination-bullet-active::after{opacity:1;width:100%}