.pxl-swiper-arrows-false .pxl-slider-arrow-wrap
{
    display: none;
}
@media(max-width: 1499px)
{
    .pxl-swiper-arrows-laptop-false .pxl-slider-arrow-wrap
    {
        display: none;
    }
    .pxl-swiper-arrows-laptop-true .pxl-slider-arrow-wrap
    {
        display: flex;
    }
}
@media(max-width: 1199px)
{
    .pxl-swiper-arrows-tablet_extra-false .pxl-slider-arrow-wrap
    {
        display: none;
    }
    .pxl-swiper-arrows-tablet_extra-true .pxl-slider-arrow-wrap
    {
        display: flex;
    }
}
@media(max-width: 991px)
{
    .pxl-swiper-arrows-tablet-false .pxl-slider-arrow-wrap
    {
        display: none;
    }
    .pxl-swiper-arrows-tablet-true .pxl-slider-arrow-wrap
    {
        display: flex;
    }
}
@media(max-width: 767px)
{
    .pxl-swiper-arrows-mobile_extra-false .pxl-slider-arrow-wrap
    {
        display: none;
    }
    .pxl-swiper-arrows-mobile_extra-true .pxl-slider-arrow-wrap
    {
        display: flex;
    }
}
@media(max-width: 575px)
{
    .pxl-swiper-arrows-mobile-false .pxl-slider-arrow-wrap
    {
        display: none;
    }
    .pxl-swiper-arrows-mobile-true .pxl-slider-arrow-wrap
    {
        display: flex;
    }
}
.pxl-swiper-dots-false .pxl-slider-dots
{
    display: none;
}
@media(max-width: 1499px)
{
    .pxl-swiper-dots-laptop-false .pxl-slider-dots
    {
        display: none;
    }
    .pxl-swiper-dots-laptop-true .pxl-slider-dots
    {
        display: flex;
    }
}
@media(max-width: 1199px)
{
    .pxl-swiper-dots-tablet_extra-false .pxl-slider-dots
    {
        display: none;
    }
    .pxl-swiper-dots-tablet_extra-true .pxl-slider-dots
    {
        display: flex;
    }
}
@media(max-width: 991px)
{
    .pxl-swiper-dots-tablet-false .pxl-slider-dots
    {
        display: none;
    }
    .pxl-swiper-dots-tablet-true .pxl-slider-dots
    {
        display: flex;
    }
}
@media(max-width: 767px)
{
    .pxl-swiper-dots-mobile_extra-false .pxl-slider-dots
    {
        display: none;
    }
    .pxl-swiper-dots-mobile_extra-true .pxl-slider-dots
    {
        display: flex;
    }
}
@media(max-width: 575px)
{
    .pxl-swiper-dots-mobile-false .pxl-slider-dots
    {
        display: none;
    }
    .pxl-swiper-dots-mobile-true .pxl-slider-dots
    {
        display: flex;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 0)
{
    .d-flex.gx-xs-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-xs-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-xs-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-xs-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-xs-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-xs-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-xs-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-xs-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-xs-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-xs-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-xs-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-xs-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-xs-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-xs-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-xs-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-xs-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-xs-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-xs-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-xs-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-xs-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-xs-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-xs-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-xs-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-xs-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-xs-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-xs-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-xs-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-xs-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-xs-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-xs-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-xs-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-xs-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 576px)
{
    .d-flex.gx-sm-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-sm-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-sm-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-sm-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-sm-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-sm-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-sm-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-sm-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-sm-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-sm-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-sm-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-sm-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-sm-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-sm-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-sm-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-sm-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-sm-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-sm-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-sm-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-sm-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-sm-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-sm-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-sm-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-sm-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-sm-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-sm-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-sm-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-sm-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-sm-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-sm-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-sm-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-sm-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 768px)
{
    .d-flex.gx-md-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-md-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-md-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-md-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-md-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-md-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-md-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-md-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-md-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-md-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-md-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-md-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-md-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-md-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-md-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-md-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-md-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-md-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-md-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-md-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-md-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-md-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-md-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-md-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-md-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-md-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-md-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-md-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-md-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-md-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-md-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-md-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 992px)
{
    .d-flex.gx-lg-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-lg-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-lg-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-lg-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-lg-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-lg-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-lg-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-lg-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-lg-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-lg-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-lg-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-lg-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-lg-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-lg-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-lg-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-lg-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-lg-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-lg-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-lg-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-lg-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-lg-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-lg-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-lg-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-lg-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-lg-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-lg-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-lg-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-lg-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-lg-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-lg-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-lg-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-lg-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 1200px)
{
    .d-flex.gx-xl-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-xl-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-xl-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-xl-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-xl-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-xl-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-xl-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-xl-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-xl-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-xl-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-xl-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-xl-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-xl-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-xl-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-xl-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-xl-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-xl-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-xl-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-xl-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-xl-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-xl-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-xl-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-xl-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-xl-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-xl-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-xl-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-xl-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-xl-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-xl-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-xl-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-xl-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-xl-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.d-flex.gx-0
{
    margin-left: 0;
    margin-right: 0;
}
.d-flex.gx-0>*
{
    padding-left: 0;
    padding-right: 0;
}
.d-flex.gx-5
{
    margin-left: -2.5px;
    margin-right: -2.5px;
}
.d-flex.gx-5>*
{
    padding-left: 2.5px;
    padding-right: 2.5px;
}
.d-flex.gx-10
{
    margin-left: -5px;
    margin-right: -5px;
}
.d-flex.gx-10>*
{
    padding-left: 5px;
    padding-right: 5px;
}
.d-flex.gx-12
{
    margin-left: -6px;
    margin-right: -6px;
}
.d-flex.gx-12>*
{
    padding-left: 6px;
    padding-right: 6px;
}
.d-flex.gx-15
{
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.d-flex.gx-15>*
{
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.d-flex.gx-16
{
    margin-left: -8px;
    margin-right: -8px;
}
.d-flex.gx-16>*
{
    padding-left: 8px;
    padding-right: 8px;
}
.d-flex.gx-20
{
    margin-left: -10px;
    margin-right: -10px;
}
.d-flex.gx-20>*
{
    padding-left: 10px;
    padding-right: 10px;
}
.d-flex.gx-25
{
    margin-left: -12.5px;
    margin-right: -12.5px;
}
.d-flex.gx-25>*
{
    padding-left: 12.5px;
    padding-right: 12.5px;
}
.d-flex.gx-30
{
    margin-left: -15px;
    margin-right: -15px;
}
.d-flex.gx-30>*
{
    padding-left: 15px;
    padding-right: 15px;
}
.d-flex.gx-40
{
    margin-left: -20px;
    margin-right: -20px;
}
.d-flex.gx-40>*
{
    padding-left: 20px;
    padding-right: 20px;
}
.d-flex.gx-50
{
    margin-left: -25px;
    margin-right: -25px;
}
.d-flex.gx-50>*
{
    padding-left: 25px;
    padding-right: 25px;
}
.d-flex.gx-60
{
    margin-left: -30px;
    margin-right: -30px;
}
.d-flex.gx-60>*
{
    padding-left: 30px;
    padding-right: 30px;
}
.d-flex.gx-70
{
    margin-left: -35px;
    margin-right: -35px;
}
.d-flex.gx-70>*
{
    padding-left: 35px;
    padding-right: 35px;
}
.d-flex.gx-80
{
    margin-left: -40px;
    margin-right: -40px;
}
.d-flex.gx-80>*
{
    padding-left: 40px;
    padding-right: 40px;
}
.d-flex.gx-90
{
    margin-left: -45px;
    margin-right: -45px;
}
.d-flex.gx-90>*
{
    padding-left: 45px;
    padding-right: 45px;
}
.d-flex.gx-100
{
    margin-left: -50px;
    margin-right: -50px;
}
.d-flex.gx-100>*
{
    padding-left: 50px;
    padding-right: 50px;
}
@media(min-width: 1400px)
{
    .d-flex.gx-xxl-0
    {
        margin-left: 0;
        margin-right: 0;
    }
    .d-flex.gx-xxl-0>*
    {
        padding-left: 0;
        padding-right: 0;
    }
    .d-flex.gx-xxl-5
    {
        margin-left: -2.5px;
        margin-right: -2.5px;
    }
    .d-flex.gx-xxl-5>*
    {
        padding-left: 2.5px;
        padding-right: 2.5px;
    }
    .d-flex.gx-xxl-10
    {
        margin-left: -5px;
        margin-right: -5px;
    }
    .d-flex.gx-xxl-10>*
    {
        padding-left: 5px;
        padding-right: 5px;
    }
    .d-flex.gx-xxl-12
    {
        margin-left: -6px;
        margin-right: -6px;
    }
    .d-flex.gx-xxl-12>*
    {
        padding-left: 6px;
        padding-right: 6px;
    }
    .d-flex.gx-xxl-15
    {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .d-flex.gx-xxl-15>*
    {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .d-flex.gx-xxl-16
    {
        margin-left: -8px;
        margin-right: -8px;
    }
    .d-flex.gx-xxl-16>*
    {
        padding-left: 8px;
        padding-right: 8px;
    }
    .d-flex.gx-xxl-20
    {
        margin-left: -10px;
        margin-right: -10px;
    }
    .d-flex.gx-xxl-20>*
    {
        padding-left: 10px;
        padding-right: 10px;
    }
    .d-flex.gx-xxl-25
    {
        margin-left: -12.5px;
        margin-right: -12.5px;
    }
    .d-flex.gx-xxl-25>*
    {
        padding-left: 12.5px;
        padding-right: 12.5px;
    }
    .d-flex.gx-xxl-30
    {
        margin-left: -15px;
        margin-right: -15px;
    }
    .d-flex.gx-xxl-30>*
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    .d-flex.gx-xxl-40
    {
        margin-left: -20px;
        margin-right: -20px;
    }
    .d-flex.gx-xxl-40>*
    {
        padding-left: 20px;
        padding-right: 20px;
    }
    .d-flex.gx-xxl-50
    {
        margin-left: -25px;
        margin-right: -25px;
    }
    .d-flex.gx-xxl-50>*
    {
        padding-left: 25px;
        padding-right: 25px;
    }
    .d-flex.gx-xxl-60
    {
        margin-left: -30px;
        margin-right: -30px;
    }
    .d-flex.gx-xxl-60>*
    {
        padding-left: 30px;
        padding-right: 30px;
    }
    .d-flex.gx-xxl-70
    {
        margin-left: -35px;
        margin-right: -35px;
    }
    .d-flex.gx-xxl-70>*
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .d-flex.gx-xxl-80
    {
        margin-left: -40px;
        margin-right: -40px;
    }
    .d-flex.gx-xxl-80>*
    {
        padding-left: 40px;
        padding-right: 40px;
    }
    .d-flex.gx-xxl-90
    {
        margin-left: -45px;
        margin-right: -45px;
    }
    .d-flex.gx-xxl-90>*
    {
        padding-left: 45px;
        padding-right: 45px;
    }
    .d-flex.gx-xxl-100
    {
        margin-left: -50px;
        margin-right: -50px;
    }
    .d-flex.gx-xxl-100>*
    {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@-webkit-keyframes toRightFromLeft
{
    49%
    {
        -webkit-transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft
{
    49%
    {
        -moz-transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toRightFromLeft
{
    49%
    {
        transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-webkit-keyframes toBottomFromTop
{
    49%
    {
        -webkit-transform: translateY(100%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop
{
    49%
    {
        -moz-transform: translateY(100%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toBottomFromTop
{
    49%
    {
        transform: translateY(100%);
    }
    50%
    {
        opacity: 0;
        transform: translateY(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-webkit-keyframes toTopFromBottom
{
    49%
    {
        -webkit-transform: translateY(-100%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom
{
    49%
    {
        -moz-transform: translateY(-100%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toTopFromBottom
{
    49%
    {
        transform: translateY(-100%);
    }
    50%
    {
        opacity: 0;
        transform: translateY(100%);
    }
    51%
    {
        opacity: 1;
    }
}
.svg-drawing path
{
    -webkit-clip-path: polygon(0 0,0 0,0 100%,0% 100%);
    clip-path: polygon(0 0,0 0,0 100%,0% 100%);
    transition: clip-path 1s cubic-bezier(.4,0,.2,1);
    transition-delay: .2s;
}
.svg-drawing.dr-start path
{
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
}
.elementor-editor-active .svg-drawing path
{
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
}
@-webkit-keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@keyframes shine
{
    100%
    {
        left: 125%;
    }
}
@-webkit-keyframes pxlFadeInUp
{
    from
    {
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes pxlFadeInUp
{
    from
    {
        opacity: 0;
        transform: translate3d(0,30px,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes pxlFadeInDown
{
    from
    {
        opacity: 0;
        transform: translate3d(0,-150px,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes pxlFadeInDown
{
    from
    {
        opacity: 0;
        transform: translate3d(0,-150px,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes pxlFadeInLeft
{
    from
    {
        opacity: 0;
        transform: translate3d(-150px,0,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes pxlFadeInLeft
{
    from
    {
        opacity: 0;
        transform: translate3d(-150px,0,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@-webkit-keyframes pxlFadeInRight
{
    from
    {
        opacity: 0;
        transform: translate3d(150px,0,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes pxlFadeInRight
{
    from
    {
        opacity: 0;
        transform: translate3d(150px,0,0);
    }
    to
    {
        opacity: 1;
        transform: none;
    }
}
@keyframes pulse-border
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    100%
    {
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-border
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    100%
    {
        transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes pulse-border2
{
    0%
    {
        transform: scale(1);
        opacity: .24;
    }
    100%
    {
        transform: scale(2.2);
        opacity: 0;
    }
}
@-webkit-keyframes pulse-border2
{
    0%
    {
        transform: scale(1);
        opacity: .24;
    }
    100%
    {
        transform: scale(2.2);
        opacity: 0;
    }
}
@keyframes animationFramesOne
{
    0%
    {
        transform: translateX(0);
    }
    25%
    {
        transform: translateX(-40px);
    }
    50%
    {
        transform: translateX(0);
    }
    75%
    {
        transform: translateX(40px);
    }
    100%
    {
        transform: translateX(0);
    }
}
@keyframes animationFramesTwo
{
    0%
    {
        transform: translateX(0);
    }
    25%
    {
        transform: translateX(40px);
    }
    50%
    {
        transform: translateX(0);
    }
    75%
    {
        transform: translateX(-40px);
    }
    100%
    {
        transform: translateX(0);
    }
}
@keyframes animationFramesThree
{
    0%
    {
        transform: translate(0,0);
    }
    20%
    {
        transform: translate(40px,-5px);
    }
    40%
    {
        transform: translate(60px,40px);
    }
    60%
    {
        transform: translate(40px,60px);
    }
    80%
    {
        transform: translate(-40px,60px);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes animationFramesFour
{
    0%
    {
        transform: translate(0,0);
    }
    20%
    {
        transform: translate(-30px,40px);
    }
    40%
    {
        transform: translate(60px,60px);
    }
    60%
    {
        transform: translate(80px,40px);
    }
    80%
    {
        transform: translate(40px,-70px);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes animationFramesFive
{
    0%
    {
        transform: translateY(0);
    }
    25%
    {
        transform: translateY(-40px);
    }
    50%
    {
        transform: translateY(0);
    }
    75%
    {
        transform: translateY(40px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@-webkit-keyframes pxl-spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-moz-keyframes pxl-spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-ms-keyframes pxl-spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-o-keyframes pxl-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg);}}
@keyframes pxl-spin
{
    0%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%
    {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes icon-bounce
{
    0%, 100%, 20%, 50%, 80%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40%
    {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    60%
    {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}
@-webkit-keyframes bounce
{
    0%, 20%, 50%, 80%, 100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40%
    {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60%
    {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce
{
    0%, 20%, 50%, 80%, 100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40%
    {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60%
    {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes flash
{
    0%, 50%, 100%
    {
        opacity: 1;
    }
    25%, 75%
    {
        opacity: 0;
    }
}
@keyframes flash
{
    0%, 50%, 100%
    {
        opacity: 1;
    }
    25%, 75%
    {
        opacity: 0;
    }
}
@keyframes index-pulse
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    100%
    {
        transform: scale(2.3);
        opacity: .2;
    }
}
@keyframes index-pulse-small
{
    0%
    {
        transform: scale(1);
        opacity: .4;
    }
    100%
    {
        transform: scale(1.6);
        opacity: 0;
    }
}
@-webkit-keyframes pulse
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pulse
{
    0%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50%
    {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes shake
{
    0%, 100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake
{
    0%, 100%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90%
    {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%, 40%, 60%, 80%
    {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@-webkit-keyframes swing
{
    20%
    {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40%
    {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60%
    {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80%
    {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100%
    {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes swing
{
    20%
    {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40%
    {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60%
    {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80%
    {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100%
    {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@-webkit-keyframes tada
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%, 20%
    {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80%
    {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100%
    {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes tada
{
    0%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%, 20%
    {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90%
    {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80%
    {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100%
    {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes wobble
{
    0%
    {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    15%
    {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30%
    {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45%
    {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60%
    {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75%
    {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100%
    {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes wobble
{
    0%
    {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
    15%
    {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30%
    {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45%
    {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60%
    {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75%
    {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
    100%
    {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes bounceIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
    50%
    {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70%
    {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }
    100%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
    50%
    {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70%
    {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    100%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes bounceInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80%
    {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80%
    {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounceInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80%
    {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80%
    {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes bounceInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80%
    {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80%
    {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes bounceInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80%
    {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60%
    {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80%
    {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes bounceOut
{
    0%
    {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25%
    {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }
    50%
    {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}
@keyframes bounceOut
{
    0%
    {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25%
    {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }
    50%
    {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}
@-webkit-keyframes bounceOutDown
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes bounceOutDown
{
    0%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@-webkit-keyframes bounceOutLeft
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft
{
    0%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes bounceOutRight
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight
{
    0%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes bounceOutUp
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp
{
    0%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20%
    {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInDownBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInLeftBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInRightBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRightBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInUpBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUpBig
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutDown
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@-webkit-keyframes fadeOutDownBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@-webkit-keyframes fadeOutLeft
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@-webkit-keyframes fadeOutLeftBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes fadeOutRight
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@keyframes fadeOutRight
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@-webkit-keyframes fadeOutRightBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes fadeOutUp
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@-webkit-keyframes fadeOutUpBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes flip
{
    0%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    40%
    {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50%
    {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    80%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}
@keyframes flip
{
    0%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    40%
    {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    50%
    {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    80%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100%
    {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
}
@-webkit-keyframes flipInX
{
    0%
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70%
    {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX
{
    0%
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70%
    {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes flipInY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40%
    {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70%
    {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes flipOutX
{
    0%
    {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX
{
    0%
    {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes flipOutY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY
{
    0%
    {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes lightSpeedIn
{
    0%
    {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@keyframes lightSpeedIn
{
    0%
    {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60%
    {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80%
    {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
@-webkit-keyframes lightSpeedOut
{
    0%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut
{
    0%
    {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
    100%
    {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateIn
{
    0%
    {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn
{
    0%
    {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateInUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@-webkit-keyframes rotateOut
{
    0%
    {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut
{
    0%
    {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft
{
    0%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@-webkit-keyframes rotateOutUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight
{
    0%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100%
    {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@-webkit-keyframes slideInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes stickyDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(100%);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes stickyDown
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slideInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes slideOutLeft
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft
{
    0%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@-webkit-keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes slideOutRight
{
    0%
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@-webkit-keyframes slideOutUp
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes slideOutUp
{
    0%
    {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@-webkit-keyframes hinge
{
    0%
    {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    20%, 60%
    {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    40%
    {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    80%
    {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100%
    {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge
{
    0%
    {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    20%, 60%
    {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    40%
    {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    80%
    {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100%
    {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@-webkit-keyframes rollIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}
@keyframes rollIn
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
}
@-webkit-keyframes rollOut
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut
{
    0%
    {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0deg);
        -ms-transform: translateX(0) rotate(0deg);
        transform: translateX(0) rotate(0deg);
    }
    100%
    {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@-webkit-keyframes updown
{
    0%
    {
        transform: translateY(0);
    }
    40%
    {
        transform: translateY(-10px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes updown
{
    0%
    {
        transform: translateY(0);
    }
    40%
    {
        transform: translateY(-10px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@-webkit-keyframes toRightFromLeft
{
    49%
    {
        -webkit-transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toRightFromLeft
{
    49%
    {
        -moz-transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toRightFromLeft
{
    49%
    {
        transform: translate(100%);
    }
    50%
    {
        opacity: 0;
        transform: translate(-100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-webkit-keyframes toLeftFromRight
{
    49%
    {
        -webkit-transform: translate(-100%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toLeftFromRight
{
    49%
    {
        -moz-transform: translate(-100%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toLeftFromRight
{
    49%
    {
        transform: translate(-100%);
    }
    50%
    {
        opacity: 0;
        transform: translate(100%);
    }
    51%
    {
        opacity: 1;
    }
}
@-webkit-keyframes toTopFromBottom
{
    49%
    {
        -webkit-transform: translateY(-50%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translateY(50%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom
{
    49%
    {
        -moz-transform: translateY(-50%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translateY(50%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toTopFromBottom
{
    49%
    {
        transform: translateY(-50%);
    }
    50%
    {
        opacity: 0;
        transform: translateY(50%);
    }
    51%
    {
        opacity: 1;
    }
}
@-webkit-keyframes toBottomFromTop
{
    49%
    {
        -webkit-transform: translateY(50%);
    }
    50%
    {
        opacity: 0;
        -webkit-transform: translateY(-50%);
    }
    51%
    {
        opacity: 1;
    }
}
@-moz-keyframes toBottomFromTop
{
    49%
    {
        -moz-transform: translateY(50%);
    }
    50%
    {
        opacity: 0;
        -moz-transform: translateY(-50%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes toBottomFromTop
{
    49%
    {
        transform: translateY(50%);
    }
    50%
    {
        opacity: 0;
        transform: translateY(-50%);
    }
    51%
    {
        opacity: 1;
    }
}
@keyframes marquee
{
    from
    {
        transform: translateX(0);
    }
    to
    {
        transform: translateX(-50%);
    }
}
@-moz-keyframes spin
{
    from
    {
        -moz-transform: rotate(0deg);
    }
    to
    {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin
{
    from
    {
        -webkit-transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin
{
    from
    {
        transform: rotate(0deg);
    }
    to
    {
        transform: rotate(360deg);
    }
}
@keyframes dotAnimatedTopToBottom
{
    0%
    {
        top: 0;
    }
    50%
    {
        top: 100%;
    }
    100%
    {
        top: 0;
    }
}
@keyframes dotAnimatedBottomToTop
{
    0%
    {
        bottom: 0;
    }
    50%
    {
        bottom: 100%;
    }
    100%
    {
        bottom: 0;
    }
}
@-webkit-keyframes in-top
{
    from
    {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}
@keyframes in-top
{
    from
    {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateX(0deg);
    }
}
@-webkit-keyframes out-top
{
    from
    {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}
@keyframes out-top
{
    from
    {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateX(-90deg);
        opacity: 1;
    }
}
@-webkit-keyframes in-bottom
{
    from
    {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateX(0deg);
    }
}
@keyframes in-bottom
{
    from
    {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateX(0deg);
    }
}
@-webkit-keyframes out-bottom
{
    from
    {
        -webkit-transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}
@keyframes out-bottom
{
    from
    {
        transform: perspective(500px) rotateX(0deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateX(90deg);
        opacity: 1;
    }
}
@-webkit-keyframes in-left
{
    from
    {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}
@keyframes in-left
{
    from
    {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateY(0deg);
    }
}
@-webkit-keyframes out-left
{
    from
    {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}
@keyframes out-left
{
    from
    {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateY(90deg);
        opacity: 1;
    }
}
@-webkit-keyframes in-right
{
    from
    {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateY(0deg);
    }
}
@keyframes in-right
{
    from
    {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateY(0deg);
    }
}
@-webkit-keyframes out-right
{
    from
    {
        -webkit-transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to
    {
        -webkit-transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}
@keyframes out-right
{
    from
    {
        transform: perspective(500px) rotateY(0deg);
        opacity: 1;
    }
    to
    {
        transform: perspective(500px) rotateY(-90deg);
        opacity: 1;
    }
}
@keyframes up-down-move
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-14px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes up-down-move-big
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-120px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes left-right-move
{
    0%
    {
        transform: translateX(0);
    }
    50%
    {
        transform: translateX(-20px);
    }
    100%
    {
        transform: translateX(0);
    }
}
@keyframes up-down-float
{
    0%
    {
        transform: translateY(0) rotate(0deg);
    }
    50%
    {
        transform: translateY(-200px) rotate(360deg);
    }
    100%
    {
        transform: translateY(0) rotate(0deg);
    }
}
.up-down-move-1
{
    animation-duration: 4s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    animation-name: up-down-move;
    animation-timing-function: linear;
}
.up-down-move-2
{
    animation-duration: 4.5s;
    animation-iteration-count: infinite;
    transform-origin: top;
    animation-name: up-down-move;
    animation-timing-function: linear;
}
.up-down-move-3
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-name: up-down-move;
    animation-timing-function: linear;
}
.up-down-move-4
{
    animation-duration: 20s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-name: up-down-move-big;
    animation-timing-function: linear;
}
.up-down-float-1
{
    animation-duration: 25s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: up-down-float;
    animation-timing-function: linear;
    transform-origin: center;
}
.up-down-float-2
{
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-name: up-down-float;
    animation-timing-function: linear;
    transform-origin: center;
}
.left-right-move-1
{
    animation-duration: 4s;
    animation-iteration-count: infinite;
    transform-origin: left;
    animation-name: left-right-move;
    animation-timing-function: linear;
}
.left-right-move-2
{
    animation-duration: 4.5s;
    animation-iteration-count: infinite;
    transform-origin: right;
    animation-name: left-right-move;
    animation-timing-function: linear;
}
.left-right-move-3
{
    animation-duration: 5s;
    animation-iteration-count: infinite;
    transform-origin: center;
    animation-name: left-right-move;
    animation-timing-function: linear;
}
*, *:before, *:after
{
    outline: none;
    box-sizing: inherit;
}
::-moz-selection
{
    background-color: var(--tecko-primary-color);
    color: #fff;
}
::selection
{
    background-color: var(--tecko-primary-color);
    color: #fff;
}
html
{
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
body
{
    overflow-x: clip;
}
@media(max-width: 991px)
{
    body
    {
        overflow-x: hidden;
    }
}
hr
{
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b, strong
{
    font-weight: bolder;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
img
{
    border-style: none;
}
p
{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
dfn, cite, em, i
{
    font-style: italic;
}
pre
{
    font-size: 14px;
    overflow: auto;
    background: #f5f5f5;
    padding: 15px;
    font-family: monospace,monospace;
    font-size: 1em;
}
code, kbd, samp
{
    font-family: monospace,monospace;
    font-size: 1em;
}
code, kbd, tt, var
{
    font-size: 12px;
}
code
{
    padding: 2px 4px;
    color: #c7254e;
    border-radius: 4px;
    display: inline-block;
    vertical-align: top;
}
abbr, acronym
{
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins
{
    text-decoration: none;
}
mark
{
    background: #fff9c0;
}
big
{
    font-size: 125%;
}
a
{
    background-color: transparent;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:focus
{
    text-decoration: none;
}
img, video, iframe, svg
{
    max-width: 100%;
    vertical-align: top;
}
figure
{
    margin: 0 0 30px 0;
}
figcaption
{
    display: block;
}
label
{
    display: block;
}
[type="checkbox"], [type="radio"]
{
    box-sizing: border-box;
    padding: 0;
    height: auto;
    line-height: normal;
    width: auto;
    transform: translate(0,3px);
    margin-right: 10px;
}
input[type="button"i], input[type="submit"i], input[type="reset"i], input[type="file"i]::-webkit-file-upload-button, button
{
    border: none;
}
button, input, optgroup, select, textarea
{
    max-width: 100%;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"]
{
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner
{
    border-style: none;
    padding: 0;
}
fieldset
{
    padding: .35em .75em .625em;
}
legend
{
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress
{
    vertical-align: baseline;
}
textarea
{
    overflow: auto;
}
[type="checkbox"], [type="radio"]
{
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button
{
    height: auto;
}
[type="search"]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
details
{
    display: block;
}
summary
{
    display: list-item;
}
template
{
    display: none;
}
[hidden]
{
    display: none;
}
body img.mfp-img
{
    padding: 0!important;
    max-height: 75vh!important;
}
body .mfp-fade.mfp-bg.mfp-ready
{
    opacity: .9;
}
body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close
{
    right: 0;
    text-align: center;
    top: -40px;
    width: 40px;
    height: 40px;
    font-weight: 400;
    padding: 0 0 0 3px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background-color: var(--tecko-primary-color);
    color: #fff;
}
body .mfp-bottom-bar
{
    margin-top: 0;
}
.mfp-wrap .mfp-container .mfp-arrow
{
    background-color: var(--tecko-primary-color);
    width: 60px;
    height: 120px;
    opacity: 1;
}
.mfp-wrap .mfp-container .mfp-arrow:before, .mfp-wrap .mfp-container .mfp-arrow:after
{
    border: none;
}
.mfp-wrap .mfp-container .mfp-arrow:before
{
    font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: normal;
    position: absolute;
    top: 50%;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    opacity: 1;
    left: 50%;
    width: auto;
    height: auto;
}
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-left:before
{
    content: "";
}
.mfp-wrap .mfp-container .mfp-arrow.mfp-arrow-right:before
{
    content: "";
}
[class^="pxli-"], [class*=" pxli-"]
{
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
[class^="pxli-"]>*, [class*=" pxli-"]>*
{
    max-width: 100%;
}
[class^="pxli-"]:before, [class*=" pxli-"]:before
{
    vertical-align: middle;
}
.page:not(.elementor-page,.woocommerce-page) .pxl-content-wrap
{
    margin: 80px 0;
}
.tecko-smooth-scroll #smooth-wrapper
{
    top: var(--admin-bar-height)!important;
}
body
{
    margin: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    color: var(--tecko-body-color);
    background-color: var(--tecko-body-background-color);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}
a
{
    text-decoration: none;
    -webkit-transition: all 250ms ease 0ms;
    -khtml-transition: all 250ms ease 0ms;
    -moz-transition: all 250ms ease 0ms;
    -ms-transition: all 250ms ease 0ms;
    -o-transition: all 250ms ease 0ms;
    transition: all 250ms ease 0ms;
}
h1, h2, h3, h4, h5, h6
{
    font-family: var(--heading-font-family);
    color: var(--tecko-heading-color);
    clear: both;
    line-height: var(--heading-line-height);
    font-weight: var(--heading-font-weight);
    letter-spacing: var(--heading-letter-spacing);
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover .h1, a:hover .h2, a:hover .h3, a:hover .h4, a:hover .h4-1, a:hover .h5, a:hover .h6
{
    color: var(--link-color-hover);
}
h1, h2, h3, h4, h5, h6
{
    margin: 0 0 15px;
}
h1, .h1, .size-h1
{
    font-size: var(--heading-font-size-h1);
}
h2, .h2, .size-h2
{
    font-size: var(--heading-font-size-h2);
}
@media(max-width: 767px)
{
    h2, .h2, .size-h2
    {
        font-size: 32px;
    }
}
h3, .h3, .size-h3
{
    font-size: var(--heading-font-size-h3);
}
@media(max-width: 767px)
{
    h3, .h3, .size-h3
    {
        font-size: 28px;
    }
}
h4, .h4, .size-h4
{
    font-size: var(--heading-font-size-h4);
}
h5, .h5, .size-h5
{
    font-size: var(--heading-font-size-h5);
}
h6, .h6, .size-h6
{
    font-size: var(--heading-font-size-h6);
}
img
{
    max-width: 100%;
    height: auto;
}
ul, ol
{
    list-style-position: inside;
    padding-left: 0;
    padding-right: 0;
}
ul ul, ul ol, ol ul, ol ol
{
    padding-left: 15px;
}
[dir="rtl"] ul ul, [dir="rtl"] ul ol, [dir="rtl"] ol ul, [dir="rtl"] ol ol
{
    padding-left: 0;
    padding-right: 15px;
}
ul.unstyled, ol.unstyled
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.unstyled ul, ul.unstyled ol, ol.unstyled ul, ol.unstyled ol
{
    list-style: none;
}
ul.horizontal, ol.horizontal
{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}
ul.horizontal>li, ol.horizontal>li
{
    padding: 5px;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
ul li::marker
{
    color: var(--tecko-secondary-color);
}
table
{
    width: 100%;
    max-width: 100%;
    border: 1px solid #e0e0e0;
    border-spacing: 0;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
table th, table td
{
    padding: 8px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    border-left: 0;
    text-align: start;
    vertical-align: middle;
}
table th:last-child, table td:last-child
{
    border-right: 0;
}
table+*
{
    margin-top: 20px;
}
table tbody tr:last-child th, table tbody tr:last-child td
{
    border-bottom: 0;
}
img
{
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
img.image-fit, img.img-fit
{
    height: 100%;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -moz-object-fit: cover;
    -ms-filter-object-fit: cover;
    -webkit-object-fit: cover;
}
img.alignleft[alt="Image Alignment 150x150"], img.alignright[alt="Image Alignment 150x150"]
{
    clear: both;
}
a
{
    color: var(--link-color);
    text-decoration: none;
}
a:hover
{
    color: var(--link-color-hover);
}
a:hover, a:active, a:focus
{
    text-decoration: none;
}
p
{
    margin: 0 0 20px;
}
p:last-child
{
    margin-bottom: 0;
}/* Blockquote */
blockquote
{
    border-left: 4px solid var(--tecko-secondary-color);
    font-size: 20px;
    font-style: italic;
    line-height: 1.4;
    font-family: var(--heading-font-family);
    padding: 25px 0 25px 30px;
    margin: 0 0 40px;
}
blockquote cite
{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--tecko-heading-color);
    display: block;
    margin-top: 10px;
    position: relative;
}
blockquote.pxl-blockquote
{
    position: relative;
    font-family: var(--heading-font-family);
    font-size: 17px;
    line-height: 27px;
    letter-spacing: .03em;
    font-style: normal;
    color: var(--tecko-heading-color);
    font-weight: 500;
    padding: 40px 60px 33px 100px;
    margin: 15px 0;
    border: none;
    border-radius: 20px;
    background-image: -webkit-linear-gradient(180deg,#d0def07a,rgba(0,0,0,0) 60%);
    background-image: -moz-linear-gradient(180deg,#d0def07a,rgba(0,0,0,0) 60%);
    background-image: -ms-linear-gradient(180deg,#d0def07a,rgba(0,0,0,0) 60%);
    background-image: -o-linear-gradient(180deg,#d0def07a,rgba(0,0,0,0) 60%);
    background-image: linear-gradient(180deg,#d0def07a,rgba(0,0,0,0) 60%);
}
blockquote.pxl-blockquote:before
{
    content: "";
    display: block;
    width: 29px;
    height: 23px;
    background-image: url(/tecko/wp-content/themes/tecko/assets/images/quote-icon.png);
    position: absolute;
    left: 40px;
    top: 50px;
}
@media(max-width: 767px)
{
    blockquote.pxl-blockquote
    {
        padding-right: 15px;
        padding-left: 80px;
    }
    blockquote.pxl-blockquote:before
    {
        left: 25px;
    }
}
.wp-block-quote
{
    padding: 25px 0 25px 30px!important;
}
.fw-400
{
    font-weight: 400!important;
}
.fw-500
{
    font-weight: 500!important;
}
.fw-600
{
    font-weight: 600!important;
}
.fw-700
{
    font-weight: 700!important;
}
.fw-800
{
    font-weight: 800!important;
}
.fw-900
{
    font-weight: 900!important;
}
.text-start
{
    text-align: start;
}
.text-end
{
    text-align: end;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.text-center
{
    text-align: center;
}
@media(min-width: 1025px)
{
    .text-lg-right
    {
        text-align: right;
    }
}
.clearfix::after, .clearfix::before
{
    display: block;
    clear: both;
    content: "";
}
.d-flex
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.d-flex>*
{
    max-width: 100%;
}
.d-inline-flex
{
    display: inline-flex;
}
.d-flex-auto
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.d-flex-auto>*
{
    flex: 0 0 auto;
    width: auto!important;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.d-flex-align-justify-center
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.d-flex-align-justify-center>*
{
    max-width: 100%;
}
.pxl-bg-parallax
{
    position: relative;
    overflow: hidden;
}
.parallax-inner
{
    position: absolute;
    top: -10%;
    left: -10%;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media(max-width: 575px)
{
    .text-xs-start
    {
        text-align: start!important;
    }
    .text-xs-end
    {
        text-align: end!important;
    }
    .text-xs-left
    {
        text-align: left!important;
    }
    .text-xs-right
    {
        text-align: right!important;
    }
    .text-xs-center
    {
        text-align: center!important;
    }
    .justify-content-xs-start
    {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    .justify-content-xs-center
    {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .justify-content-xs-end
    {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
    }
    .align-self-xs-start
    {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important;
    }
    .align-self-xs-center
    {
        -ms-flex-item-align: center!important;
        align-self: center!important;
    }
    .align-self-xs-end
    {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important;
    }
}
@media(min-width: 1500px)
{
    .text-xxxl-start
    {
        text-align: start!important;
    }
    .text-xxxl-end
    {
        text-align: end!important;
    }
    .text-xxxl-left
    {
        text-align: left!important;
    }
    .text-xxxl-right
    {
        text-align: right!important;
    }
    .text-xxxl-center
    {
        text-align: center!important;
    }
    .justify-content-xxxl-start
    {
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    .justify-content-xxxl-center
    {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .justify-content-xxxl-end
    {
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
    }
    .align-self-xxxl-start
    {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important;
    }
    .align-self-xxxl-center
    {
        -ms-flex-item-align: center!important;
        align-self: center!important;
    }
    .align-self-xxxl-end
    {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important;
    }
    .elementor-column.pxl-column-element-widescreen-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
.elementor-column.pxl-column-element-auto
{
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto!important;
    max-width: 100%;
}
@media(min-width: 1500px)
{
    .elementor-column.pxl-column-element-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
@media(min-width: 1200px)
{
    .elementor-column.pxl-column-element-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
@media(min-width: 992px)
{
    .elementor-column.pxl-column-element-tablet_extra-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
@media(min-width: 768px)
{
    .elementor-column.pxl-column-element-tablet-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
@media(min-width: 576px)
{
    .elementor-column.pxl-column-element-mobile_extra-auto
    {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto!important;
        max-width: 100%;
    }
}
.color-primary
{
    color: var(--tecko-primary-color);
}
.color-secondary
{
    color: var(--tecko-secondary-color);
}
.color-heading
{
    color: var(--tecko-heading-color);
}
.color-white
{
    color: #fff;
}
.overflow-hidden
{
    overflow: hidden!important;
}
.bg-image
{
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
.scale-hover
{
    cursor: pointer;
    overflow: hidden;
}
.scale-hover img
{
    -webkit-transition: all .3s ease-out 0s;
    -khtml-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.scale-hover:hover img
{
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}
.scale-hover-x
{
    cursor: pointer;
    overflow: hidden;
}
.scale-hover-x img
{
    -webkit-transition: all .4s;
    -khtml-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(1.03) translateX(-3px);
    transform: scale(1.03) translateX(-3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.scale-hover-x:hover img
{
    -webkit-transform: scale(1.03) translateX(3px);
    transform: scale(1.03) translateX(3px);
}
.scale-hover-x-left
{
    cursor: pointer;
    overflow: hidden;
}
.scale-hover-x-left img
{
    -webkit-transition: all .5s;
    -khtml-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1.05) translateX(3px);
    transform: scale(1.05) translateX(3px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.scale-hover-x-left:hover img
{
    -webkit-transform: scale(1.03) translateX(-3px);
    transform: scale(1.03) translateX(-3px);
}
.flash-hover
{
    overflow: hidden;
    position: relative;
}
.flash-hover:before
{
    content: "";
    position: absolute;
    top: 0;
    left: -10px;
    width: 0;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.flash-hover:hover:before
{
    -webkit-transition: all .5s linear .08s;
    -khtml-transition: all .5s linear .08s;
    -moz-transition: all .5s linear .08s;
    -ms-transition: all .5s linear .08s;
    -o-transition: all .5s linear .08s;
    transition: all .5s linear .08s;
    width: 120%;
    background-color: rgba(255,255,255,0);
}
.hover-underline a, a.hover-underline
{
    position: relative;
}
.hover-underline a:after, a.hover-underline:after
{
    content: "";
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    border-bottom: 1px solid;
    transition: all 350ms;
}
.hover-underline a:hover, a.hover-underline:hover
{
    color: inherit;
}
.hover-underline a:hover:after, a.hover-underline:hover:after
{
    width: 100%;
}
.hover-underline-out a, a.hover-underline-out
{
    position: relative;
}
.hover-underline-out a:after, a.hover-underline-out:after
{
    content: "";
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid;
    transition: all 350ms;
}
.hover-underline-out a:hover, a.hover-underline-out:hover
{
    color: inherit;
}
.hover-underline-out a:hover:after, a.hover-underline-out:hover:after
{
    width: 0;
}
.pxl-divider
{
    display: inline-flex;
    background-color: #f8d28b;
    background-image: -webkit-gradient(linear,left top,right top,from(#f8d28b),to(#34369a));
    background-image: -webkit-linear-gradient(90deg,#f8d28b,#c489d7 51%,#34369a);
    background-image: -moz-linear-gradient(90deg,#f8d28b,#c489d7 51%,#34369a);
    background-image: -ms-linear-gradient(90deg,#f8d28b,#c489d7 51%,#34369a);
    background-image: -o-linear-gradient(90deg,#f8d28b,#c489d7 51%,#34369a);
    background-image: linear-gradient(90deg,#f8d28b,#c489d7 51%,#34369a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#f8d28b",midColorStr="#c489d7",endColorStr="#34369a",gradientType="1");
}
@keyframes box-rotate
{
    100%
    {
        transform: rotate(360deg);
    }
}
.square-box
{
    padding: 2px;
    margin: -2px;
    background-color: transparent;
    transition: all 240ms linear;
    z-index: 0;
    position: relative;
    overflow: hidden;
}
.square-box .inner-box
{
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.square-box:before
{
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    opacity: 0;
    background-repeat: no-repeat;
    background-size: 50% 50%,50% 50%;
    background-position: 0 0,100% 0,100% 100%,0 100%;
    background-image: linear-gradient(var(--tecko-primary-color),var(--tecko-primary-color));
    animation: box-rotate 5s linear infinite;
    transition: all 240ms linear;
}
.square-box:hover:before
{
    opacity: 1;
    z-index: 0;
}
.gallery-caption
{
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}
.bypostauthor
{
    display: block;
}
.alignleft, .alignright, .aligncenter
{
    margin-top: 6px;
    margin-bottom: 45px;
}
.alignleft
{
    display: inline;
    float: left;
    margin-right: 35px;
}
.alignright
{
    display: inline;
    float: right;
    margin-left: 35px;
    clear: right;
}
.aligncenter
{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sticky
{
    display: block;
}
.list-style-none
{
    list-style: none;
}
.italic
{
    font-style: italic;
}
.no-padding
{
    padding: 0!important;
}
.text-underline
{
    text-decoration: underline;
}
.relative
{
    position: relative;
}
.absolute
{
    position: absolute;
    z-index: 1;
}
.img-cover
{
    object-fit: cover;
}
.pxl-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pxl-page-overlay
{
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(var(--heading-color-rgb),.9);
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    -khtml-transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    -moz-transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    -ms-transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    -o-transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
    transition: opacity .3s cubic-bezier(.25,.46,.45,.94);
}
.transition, .pxl-transition
{
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.pxl-invisible
{
    visibility: hidden;
    opacity: 0;
}
.pxl-heading
{
    color: var(--tecko-heading-color);
    font-weight: var(--heading-font-weight);
    margin-top: 0;
}
.text-heading
{
    color: var(--tecko-heading-color);
}
.empty-none:empty
{
    display: none;
}
.scaleDisappear
{
    -webkit-animation: scaleDisappear 300ms linear;
    -moz-animation: scaleDisappear 300ms linear;
    -ms-animation: scaleDisappear 300ms linear;
    -o-animation: scaleDisappear 300ms linear;
    animation: scaleDisappear 300ms linear;
}
.pxl-spin
{
    -webkit-animation: pxl-spin 2s linear infinite;
    -khtml-animation: pxl-spin 2s linear infinite;
    -moz-animation: pxl-spin 2s linear infinite;
    -ms-animation: pxl-spin 2s linear infinite;
    -o-animation: pxl-spin 2s linear infinite;
    animation: pxl-spin 2s linear infinite;
}
.pxl-arrow-hover .elementor-icon:hover i, .pxl-arrow-hover .elementor-icon:hover svg
{
    -webkit-animation: toRightFromLeft .3s forwards;
    -khtml-animation: toRightFromLeft .3s forwards;
    -moz-animation: toRightFromLeft .3s forwards;
    -ms-animation: toRightFromLeft .3s forwards;
    -o-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards;
}
.pxl-dot-animate
{
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.pxl-dot-animate .dot-item
{
    position: relative;
}
.pxl-dot-animate .dot-item span
{
    width: 6px;
    height: 6px;
    background-color: #7a7a7a;
    position: absolute;
    bottom: 14%;
    left: 50%;
    margin-left: -2px;
    z-index: 1;
}
.pxl-dot-animate .dot-item:before
{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #292929;
}
.pxl-dot-animate .dot-1 span
{
    bottom: 18%;
    -webkit-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop1 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop1 30s infinite linear;
    animation: dotAnimatedBottomToTop1 30s infinite linear;
}
.pxl-dot-animate .dot-2 span
{
    bottom: 84%;
    -webkit-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop2 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop2 30s infinite linear;
    animation: dotAnimatedBottomToTop2 30s infinite linear;
}
.pxl-dot-animate .dot-3 span
{
    bottom: 6%;
    -webkit-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop3 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop3 30s infinite linear;
    animation: dotAnimatedBottomToTop3 30s infinite linear;
}
.pxl-dot-animate .dot-4 span
{
    bottom: 96%;
    -webkit-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop4 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop4 30s infinite linear;
    animation: dotAnimatedBottomToTop4 30s infinite linear;
}
.pxl-dot-animate .dot-5 span
{
    bottom: 12%;
    -webkit-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop5 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop5 30s infinite linear;
    animation: dotAnimatedBottomToTop5 30s infinite linear;
}
.pxl-dot-animate .dot-6 span
{
    bottom: 94%;
    -webkit-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -moz-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -ms-animation: dotAnimatedBottomToTop6 30s infinite linear;
    -o-animation: dotAnimatedBottomToTop6 30s infinite linear;
    animation: dotAnimatedBottomToTop6 30s infinite linear;
}
.pxl-transforms
{
    -webkit-transform: perspective(var(--pxl-transform-perspective,0)) rotate(var(--pxl-transform-rotateZ,0)) rotateX(var(--pxl-transform-rotateX,0)) rotateY(var(--pxl-transform-rotateY,0)) translate(var(--pxl-transform-translate,0)) translateX(var(--pxl-transform-translateX,0)) translateY(var(--pxl-transform-translateY,0)) scaleX(calc(var(--pxl-transform-flipX,1) * var(--pxl-transform-scaleX,var(--pxl-transform-scale,1)))) scaleY(calc(var(--pxl-transform-flipY,1) * var(--pxl-transform-scaleY,var(--pxl-transform-scale,1)))) skewX(var(--pxl-transform-skewX,0)) skewY(var(--pxl-transform-skewY,0));
    transform: perspective(var(--pxl-transform-perspective,0)) rotate(var(--pxl-transform-rotateZ,0)) rotateX(var(--pxl-transform-rotateX,0)) rotateY(var(--pxl-transform-rotateY,0)) translate(var(--pxl-transform-translate,0)) translateX(var(--pxl-transform-translateX,0)) translateY(var(--pxl-transform-translateY,0)) scaleX(calc(var(--pxl-transform-flipX,1) * var(--pxl-transform-scaleX,var(--pxl-transform-scale,1)))) scaleY(calc(var(--pxl-transform-flipY,1) * var(--pxl-transform-scaleY,var(--pxl-transform-scale,1)))) skewX(var(--pxl-transform-skewX,0)) skewY(var(--pxl-transform-skewY,0));
    -webkit-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
    -ms-transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
    transform-origin: var(--pxl-transform-origin-y) var(--pxl-transform-origin-x);
    -webkit-transition: -webkit-transform var(--pxl-transform-transition-duration,.4s);
    transition: -webkit-transform var(--pxl-transform-transition-duration,.4s);
    -o-transition: transform var(--pxl-transform-transition-duration,.4s);
    transition: transform var(--pxl-transform-transition-duration,.4s);
    transition: transform var(--pxl-transform-transition-duration,.4s),-webkit-transform var(--pxl-transform-transition-duration,.4s);
}
.pxl-element-parallax
{
    will-change: transform;
}
.pxl-element-parallax img
{
    will-change: transform;
}
@keyframes phone-icon-animate
{
    0%
    {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10%
    {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    20%
    {
        transform: rotate(30deg) scale(1) skew(1deg);
    }
    30%
    {
        transform: rotate(-15deg) scale(1) skew(1deg);
    }
    40%
    {
        transform: rotate(30deg) scale(1) skew(1deg);
    }
    100%, 50%
    {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
.header-call-box.elementor-widget-icon-box .elementor-icon
{
    border-color: rgba(255,255,255,.3);
}
@media(max-width: 1599px)
{
    .header-call-box.elementor-widget-icon-box
    {
        max-width: 103px!important;
    }
    .header-call-box.elementor-widget-icon-box .elementor-icon-box-content
    {
        display: none;
    }
    .header-call-box.elementor-widget-icon-box>.elementor-widget-container
    {
        min-height: 100px;
        display: flex;
    }
}
@media(max-width: 1500px)
{
    .responsive-box.elementor-widget-icon-box .elementor-icon-box-content
    {
        display: none;
    }
}
.phone-animation .elementor-icon i, .phone-animation .elementor-icon svg
{
    animation: phone-icon-animate 1.8s linear infinite;
}
.phone-animation .elementor-icon i:hover, .phone-animation .elementor-icon svg:hover
{
    animation-play-state: paused;
}
.box-quote
{
    position: relative;
}
.box-quote:after
{
    content: "";
    display: block;
    position: absolute;
    right: 45px;
    bottom: -19px;
    border-bottom: 19px solid transparent;
    border-right: 22px solid var(--tecko-secondary-color);
}
.blur-border .elementor-icon
{
    border-color: rgba(var(--primary-color-rgb),.3)!important;
}
@keyframes cog
{
    100%
    {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.auto-rotate
{
    -webkit-animation: cog 10s infinite;
    -moz-animation: cog 10s infinite;
    -ms-animation: cog 10s infinite;
    animation: cog 10s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-timing-function: linear;
}
.heading-gradient .heading-title
{
    background: -webkit-linear-gradient(180deg,#e49ff3,#ecbbaa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-testimonial .elementor-testimonial-image
{
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
}
.custom-testimonial .elementor-testimonial-image:before
{
    content: "";
    display: block;
    width: 34px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("/tecko/wp-content/themes/tecko/assets/images/conversation-mark.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 200ms linear 0s;
    opacity: 0;
    visibility: hidden;
}
.custom-testimonial:hover .elementor-testimonial-image:before
{
    opacity: 1;
    visibility: visible;
}
.dot-border
{
    position: relative;
}
.dot-border:after
{
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: var(--tecko-secondary-color);
    position: absolute;
    right: -4px;
    transition: all 300ms ease 0s;
}
.dot-border:nth-child(odd):after
{
    top: 0;
    -webkit-animation: dotAnimatedTopToBottom 12s infinite linear;
    -khtml-animation: dotAnimatedTopToBottom 12s infinite linear;
    -moz-animation: dotAnimatedTopToBottom 12s infinite linear;
    -ms-animation: dotAnimatedTopToBottom 12s infinite linear;
    -o-animation: dotAnimatedTopToBottom 12s infinite linear;
    animation: dotAnimatedTopToBottom 12s infinite linear;
}
.dot-border:nth-child(even):after
{
    bottom: 0;
    -webkit-animation: dotAnimatedBottomToTop 12s infinite linear;
    -khtml-animation: dotAnimatedBottomToTop 12s infinite linear;
    -moz-animation: dotAnimatedBottomToTop 12s infinite linear;
    -ms-animation: dotAnimatedBottomToTop 12s infinite linear;
    -o-animation: dotAnimatedBottomToTop 12s infinite linear;
    animation: dotAnimatedBottomToTop 12s infinite linear;
}
@media(max-width: 991px)
{
    .dot-border:after
    {
        content: none!important;
    }
}
@keyframes pxl-gear
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}
.gear-animation img
{
    transform-origin: center center;
    animation: pxl-gear 7s infinite linear;
}
.pxl-pulse
{
    animation-name: elementor-animation-pulse;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.pxl-pulse.time-1s
{
    animation-duration: 1s;
}
.pxl-pulse.time-2s
{
    animation-duration: 2s;
}
.pxl-pulse.time-3s
{
    animation-duration: 3s;
}
.pxl-pulse.time-4s
{
    animation-duration: 4s;
}/* Hang */
@keyframes pxl-animation-hang
{
    0%
    {
        transform: translateY(20px);
    }
    50%
    {
        transform: translateY(10px);
    }
    100%
    {
        transform: translateY(20px);
    }
}
@keyframes pxl-animation-hang-sink
{
    100%
    {
        transform: translateY(20px);
    }
}
.pxl-hang img
{
    animation-name: pxl-animation-hang-sink,pxl-animation-hang;
    animation-duration: .3s,5s;
    animation-delay: 0s,1s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate;
}
.elementor-hang img
{
    animation-name: elementor-animation-hang-sink,elementor-animation-hang;
    animation-duration: .3s,1.5s;
    animation-delay: 0s,.3s;
    animation-timing-function: ease-out,ease-in-out;
    animation-iteration-count: 1,infinite;
    animation-fill-mode: forwards;
    animation-direction: normal,alternate;
}
@keyframes pxl-circle-move-animation
{
    0%
    {
        transform: rotate(0deg) translate(-30px) rotate(0deg);
    }
    25%
    {
        transform: rotate(360deg) translate(-30px) rotate(-360deg);
    }
    50%
    {
        transform: rotate(720deg) translate(-30px) rotate(-720deg);
    }
    75%
    {
        transform: rotate(1080deg) translate(-30px) rotate(-1080deg);
    }
    100%
    {
        transform: rotate(1440deg) translate(-30px) rotate(-1440deg);
    }
}
.pxl-circle-move .pxl-image-wg.pxl-animated
{
    -webkit-animation: pxl-circle-move-animation 12s infinite linear;/* Safari 4+ */
    -moz-animation: pxl-circle-move-animation 12s infinite linear;/* Fx 5+ */
    -o-animation: pxl-circle-move-animation 12s infinite linear;/* Opera 12+ */
    animation: pxl-circle-move-animation 12s infinite linear;/* IE 10+, Fx 29+ */
}
@keyframes overlay-animation1
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
.overlay-animation1 .elementor-background-overlay
{
    animation: overlay-animation1 5s 1 ease-out;
}
@keyframes animationFramesOne
{
    0%
    {
        transform: translateX(0);
    }
    25%
    {
        transform: translateX(-40px);
    }
    50%
    {
        transform: translateX(0);
    }
    75%
    {
        transform: translateX(40px);
    }
    100%
    {
        transform: translateX(0);
    }
}
@keyframes animationFramesTwo
{
    0%
    {
        transform: translateX(0);
    }
    25%
    {
        transform: translateX(40px);
    }
    50%
    {
        transform: translateX(0);
    }
    75%
    {
        transform: translateX(-40px);
    }
    100%
    {
        transform: translateX(0);
    }
}
@keyframes animationFramesThree
{
    0%
    {
        transform: translate(0,0);
    }
    20%
    {
        transform: translate(40px,-5px);
    }
    40%
    {
        transform: translate(60px,40px);
    }
    60%
    {
        transform: translate(40px,60px);
    }
    80%
    {
        transform: translate(-40px,60px);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes animationFramesFour
{
    0%
    {
        transform: translate(0,0);
    }
    20%
    {
        transform: translate(-30px,40px);
    }
    40%
    {
        transform: translate(60px,60px);
    }
    60%
    {
        transform: translate(80px,40px);
    }
    80%
    {
        transform: translate(40px,-70px);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes animationFramesFive
{
    0%
    {
        transform: translateY(0);
    }
    25%
    {
        transform: translateY(-40px);
    }
    50%
    {
        transform: translateY(0);
    }
    75%
    {
        transform: translateY(40px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@keyframes animationFramesSix
{
    0%
    {
        transform: translate(0,0);
    }
    33%
    {
        transform: translate(-24px,-30px);
    }
    66%
    {
        transform: translate(24px,30px);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes animationFramesSeven
{
    0%
    {
        transform: translate(0,0);
    }
    20%
    {
        transform: rotate(45deg);
    }
    40%
    {
        transform: translate(0,90px);
    }
    60%
    {
        transform: rotate(90deg);
    }
    80%
    {
        transform: translate(90px,0);
    }
    100%
    {
        transform: translate(0,0);
    }
}
@keyframes up-down-move
{
    0%
    {
        transform: translateY(0);
    }
    50%
    {
        transform: translateY(-15px);
    }
    100%
    {
        transform: translateY(0);
    }
}
@-webkit-keyframes fadeInOutCustom
{
    0%
    {
        opacity: 0;
    }
    25%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@keyframes fadeInOutCustom
{
    0%
    {
        opacity: 0;
    }
    25%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
    75%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}
@-webkit-keyframes fadeOutInCustom
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    75%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes fadeOutInCustom
{
    0%
    {
        opacity: 1;
    }
    25%
    {
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    75%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
.shape-animate1
{
    animation: animationFramesTwo 12s infinite linear alternate;
}
.shape-animate2
{
    animation: animationFramesOne 12s infinite linear alternate;
}
.shape-animate3
{
    animation: animationFramesFour 12s infinite linear alternate;
}
.shape-animate4
{
    animation: animationFramesThree 12s infinite linear alternate;
}
.shape-animate5
{
    animation: animationFramesFive 12s infinite linear alternate;
}
.shape-animate6
{
    animation: animationFramesSix 12s infinite linear alternate;
}
.shape-animate7
{
    animation: animationFramesSeven 18s infinite linear alternate;
}
.fade-in-out-custom
{
    animation: fadeInOutCustom 8s infinite linear alternate;
}
.fade-out-in-custom
{
    animation: fadeOutInCustom 8s infinite linear alternate;
}
.up-down-move
{
    animation-duration: 2.3s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    animation-name: up-down-move;
    animation-timing-function: linear;
}
.pxl-ring-ring.animated .elementor-icon-box-icon svg
{
    animation: phone-icon-animate 1.8s ease-out 5;
    transform-origin: top;
}
.fancy-border .elementor-widget-wrap
{
    position: relative;
}
.fancy-border .elementor-widget-wrap:before
{
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    background-color: #d8d8d8;
    left: 50px;
    top: calc(50% - 100px);
    bottom: calc(50% - 100px);
}
@media(max-width: 575px)
{
    .fancy-border .elementor-widget-wrap:before
    {
        top: 15%;
        bottom: 15%;
    }
}
.fancy-wrap:hover .elementor-icon-box-icon .elementor-icon
{
    animation-name: updown;
    animation-duration: 300ms;
    animation-timing-function: linear;
    animation-iteration-count: 1;
}
.overlay-edit .elementor-background-overlay
{
    top: -50px!important;
}
.flex-column
{
    flex-direction: column;
}
.align-items-center
{
    align-items: center;
}
.justify-content-between
{
    justify-content: space-between;
}
.justify-content-center
{
    justify-content: center;
}
.heading-hightlight:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: var(--tecko-primary-color);
    animation: flickerAnimation .75s infinite;
}
@keyframes lineheight
{
    0%
    {
        height: 0%;
    }
    100%
    {
        height: 100%;
    }
}
@keyframes lineround
{
    0%
    {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100%
    {
        -webkit-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%);
    }
}
@keyframes preloadedzero
{
    0%
    {
        width: 50%;
    }
    100%
    {
        width: 0%;
    }
}
#pxl-loadding
{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#pxl-loadding>*
{
    max-width: 100%;
}
#pxl-loadding.default:before, #pxl-loadding.default:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background-color: var(--tecko-secondary-color);
    -webkit-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}
#pxl-loadding.default:after
{
    left: auto;
    right: 0;
}
#pxl-loadding.default .loader_line
{
    margin: auto;
    width: 1px;
    height: 250px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .8s linear 0s;
    -o-transition: all .8s linear 0s;
    transition: all .8s linear 0s;
}
#pxl-loadding.default .loader_line:before
{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 0;
    background-color: #fff;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: lineheight 1000ms linear 0s forwards;
    -khtml-animation: lineheight 1000ms linear 0s forwards;
    -moz-animation: lineheight 1000ms linear 0s forwards;
    -ms-animation: lineheight 1000ms linear 0s forwards;
    -o-animation: lineheight 1000ms linear 0s forwards;
    animation: lineheight 1000ms linear 0s forwards;
}
#pxl-loadding.default .loader_line:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: var(--tecko-primary-color);
    -webkit-transform: translateY(-100%);
    -khtml-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: lineround 1200ms linear 0s infinite;
    -khtml-animation: lineround 1200ms linear 0s infinite;
    -moz-animation: lineround 1200ms linear 0s infinite;
    -ms-animation: lineround 1200ms linear 0s infinite;
    -o-animation: lineround 1200ms linear 0s infinite;
    animation: lineround 1200ms linear 0s infinite;
    animation-delay: 2000ms;
}
#pxl-loadding.content-image
{
    background-color: #fff;
}/*Hiding all*/
.preloaded .loader_line:after
{
    opacity: 0;
    visibility: hidden;
}
.preloaded .loader_line
{
    opacity: 0;
    visibility: hidden;
    height: 100%!important;
}
.preloaded:before, .preloaded:after
{
    -webkit-animation: preloadedzero 300ms linear 500ms forwards;
    -khtml-animation: preloadedzero 300ms linear 500ms forwards;
    -moz-animation: preloadedzero 300ms linear 500ms forwards;
    -ms-animation: preloadedzero 300ms linear 500ms forwards;
    -o-animation: preloadedzero 300ms linear 500ms forwards;
    animation: preloadedzero 300ms linear 500ms forwards;
}
body
{
    opacity: 0;
    transition: opacity 350ms ease;
}
body.loading
{
    opacity: .5!important;
    pointer-events: none;
}
.swiper
{
    overflow: hidden;
}
.swiper-creative .swiper-slide
{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height;
    opacity: 0!important;
}
.swiper-creative .swiper-slide-visible
{
    opacity: 1!important;
}
.swiper-3d
{
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper
{
    transform-style: preserve-3d;
}
.swiper-pagination-bullet
{
    --swiper-pagination-bullet-inactive-color: #474e5c;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 0;
}
.swiper-pagination-bullet:hover
{
    background-color: var(--tecko-primary-color);
}
.swiper-pagination-bullet-active
{
    background: var(--tecko-primary-color);
}
.swiper-nav-button
{
    color: #474e5c;
}
.swiper-button-disabled
{
    opacity: .5;
    pointer-events: none;
}
form label
{
    color: var(--tecko-heading-color);
    font-size: 15px;
    max-width: 100%;
    margin-bottom: 5px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input:-moz-placeholder, textarea:-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input[type="search"]::-webkit-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input[type="search"]:-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input[type="search"]::-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input[type="search"]:-ms-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    height: 30px;
    margin-top: 15px;
    cursor: pointer;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
}
.pxl-input-number-spin
{
    width: 19px;
    height: 25px;
    background: #fff;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    position: absolute;
    top: 12px;
    right: 20px;
}
[dir="rtl"] .pxl-input-number-spin
{
    left: 20px;
    right: auto;
}
.pxl-input-number-spin-inner
{
    cursor: pointer;
    width: 19px;
    height: 12.5px;
    position: relative;
    display: block;
}
.pxl-input-number-spin-inner:before
{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    border-style: solid;
    -webkit-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.pxl-input-number-spin-inner.pxl-input-number-spin-up:before
{
    border-width: 0 3.5px 4px 3.5px;
    border-color: transparent transparent var(--tecko-primary-color) transparent;
}
.pxl-input-number-spin-inner.pxl-input-number-spin-down:before
{
    border-width: 4px 3.5px 0 3.5px;
    border-color: var(--tecko-primary-color) transparent transparent transparent;
}
input::-webkit-calendar-picker-indicator
{
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    text-align: start;
    padding: 0;
    margin: 0;
}
input::-webkit-datetime-edit
{
    text-align: start;
    width: 100%;
}
input[type="search"i]::-webkit-search-cancel-button
{
    opacity: 0;
    display: none;
}
textarea
{
    background-color: #111317;
    color: #fff;
    padding: 15px 18px;
    border: none;
    border-radius: 12px;
    width: 100%;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="date"]
{
    width: 100%;
}
select, .pxl-time, .pxl-date
{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../image/angle-down-solid.svg");
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 50%;
    line-height: 1;
    padding-right: 30px!important;
    width: 100%;
    background-size: 15px;
    cursor: pointer;
}
[dir="rtl"] select, [dir="rtl"] .pxl-time, [dir="rtl"] .pxl-date
{
    background-position: 10px 50%;
    padding-right: 22px;
    padding-left: 30px;
}
input, select, textarea
{
    vertical-align: top;
    position: relative;
}
.pxl-select form
{
    position: relative;
    background-color: #fff;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
}
.pxl-select select
{
    height: 52px;
    line-height: 37px;
    font-size: 15px;
    background-color: transparent;
    position: relative;
    z-index: 99;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.pxl-select i
{
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -khtml-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.pxl-custom-checkbox, .pxl-custom-radio
{
    position: relative;
    margin-right: 5px;
    width: 17px;
    height: 17px;
    display: inline-block;
}
[dir="rtl"] .pxl-custom-checkbox, [dir="rtl"] .pxl-custom-radio
{
    margin-right: 0;
    margin-left: 5px;
}
.pxl-custom-checkbox input[type="checkbox"], .pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio input[type="checkbox"], .pxl-custom-radio .pxl-checkmark
{
    width: 17px;
    height: 17px;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pxl-custom-checkbox input, .pxl-custom-radio input
{
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.pxl-custom-checkbox input:checked+.pxl-checkmark:after, .pxl-custom-radio input:checked+.pxl-checkmark:after
{
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.pxl-custom-checkbox .pxl-checkmark, .pxl-custom-radio .pxl-checkmark
{
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #dadada;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
}
.pxl-custom-checkbox .pxl-checkmark:after, .pxl-custom-radio .pxl-checkmark:after
{
    content: "";
    background-color: var(--tecko-primary-color);
    position: absolute;
    top: 3px;
    left: 3px;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}
.pxl-custom-checkbox+label, .pxl-custom-radio+label
{
    display: inline-block;
}
.pxl-custom-radio input:checked+.pxl-checkmark
{
    border-color: var(--tecko-primary-color);
}
.pxl-custom-radio input:checked+.pxl-checkmark:after
{
    background-color: var(--tecko-primary-color);
}
.pxl-custom-radio .pxl-checkmark
{
    margin-top: 3px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.pxl-custom-radio .pxl-checkmark:after
{
    background-color: #dadada;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}
.pxl-custom-checkbox
{
    -webkit-transform: translate(0,3px);
    -khtml-transform: translate(0,3px);
    -moz-transform: translate(0,3px);
    -ms-transform: translate(0,3px);
    -o-transform: translate(0,3px);
    transform: translate(0,3px);
}
#ui-datepicker-div
{
    padding: 22px;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 26px;
    -khtml-border-radius: 26px;
    -moz-border-radius: 26px;
    -ms-border-radius: 26px;
    -o-border-radius: 26px;
    border-radius: 26px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -khtml-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    position: absolute;
    top: -9999px;
    min-width: 300px;
    z-index: 10001!important;
}
#ui-datepicker-div .ui-datepicker-header
{
    position: relative;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all
{
    display: block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all:before
{
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all span
{
    display: none;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-prev
{
    left: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all.ui-datepicker-next
{
    right: 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title
{
    line-height: 30px;
    margin-bottom: 10px;
    min-height: 40px;
    text-align: center;
    text-transform: uppercase;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span
{
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
#ui-datepicker-div .ui-datepicker-calendar
{
    margin: 0;
    width: 100%;
}
#ui-datepicker-div .ui-datepicker-calendar th
{
    text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar td
{
    text-align: center;
    padding: 6px;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled
{
    color: rgba(0,0,0,.2);
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    top: 15px!important;
    right: 15px!important;
    height: 20px;
}
[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow
{
    right: auto!important;
    left: 15px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 50px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    color: #707070;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
    padding-left: 0;
}
.select2-container.select2-container--woo-search-cat
{
    margin-right: 10px;
}
.select2-container.select2-container--woo-search-cat .select2-selection--single
{
    background-color: transparent;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    box-shadow: none;
    font-size: 13px;
    line-height: 32px;
    letter-spacing: .04em;
    color: #fff;
    margin: 0;
    height: 55px;
    border: 0;
    padding: 0 24px;
    position: relative;
    border-bottom: 1px solid #fff;
}
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__rendered
{
    color: var(--tecko-heading-color);
    padding-left: 0;
    padding-right: 0;
    height: 48px;
    line-height: 48px;
}
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__arrow
{
    position: absolute;
    line-height: 1;
    right: 16px;
    top: 50%;
    margin-top: -6px;
}
.select2-container.select2-container--woo-search-cat .select2-selection--single .select2-selection__arrow b
{
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    line-height: 1;
    display: inline-block;
}
.select2-container--woo-search-cat .select2-dropdown
{
    border-color: #dadada;
}
.select2-container--woo-search-cat .select2-search input
{
    height: 32px;
}
.select2-container--woo-search-cat .select2-results>.select2-results__options
{
    max-height: 250px;
    overflow-y: auto;
}
.select2-container--woo-search-cat .select2-results__option
{
    padding: 2px 15px;
    font-size: 13px;
    line-height: 32px;
    letter-spacing: .04em;
    color: var(--tecko-heading-color);
}
.wpcf7-form .wpcf7-form-control-wrap
{
    display: block;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip
{
    display: none;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid
{
    border-color: #f13c3c!important;
}
.wpcf7-form .wpcf7-response-output
{
    border: medium none!important;
    font-style: italic;
    padding: 0!important;
    margin: 20px 0 15px!important;
    color: #f13c3c;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok
{
    color: #398f14;
}
@media(max-width: 767px)
{
    .wpcf7-form .pxl-button-wrapper
    {
        margin-right: 0!important;
    }
}
.wpcf7-form .wpcf7-submit
{
    margin-top: 7px;
    transition: all 300ms ease 0s;
}
.wpcf7-form .ajax-loader
{
    display: none!important;
}
.wpcf7-form .wpcf7-list-item
{
    margin: 2px 30px 0 0;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: baseline;
    position: relative;
}
.wpcf7-form .wpcf7-list-item>*
{
    max-width: 100%;
}
@media(max-width: 767px)
{
    .wpcf7-form .wpcf7-list-item
    {
        margin-bottom: 10px;
    }
}
.wpcf7-form .wpcf7-list-item input[type="radio"], .wpcf7-form .wpcf7-list-item input[type="checkbox"]
{
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}
.wpcf7-form .wpcf7-list-item input[type="radio"]+span, .wpcf7-form .wpcf7-list-item input[type="checkbox"]+span
{
    display: block;
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    color: var(--tecko-heading-color);
}
.wpcf7-form .wpcf7-list-item input[type="radio"]+span::before, .wpcf7-form .wpcf7-list-item input[type="checkbox"]+span::before
{
    content: "";
    position: absolute;
    left: 0;
    top: .3em;
    cursor: pointer;
    display: block;
    width: 15px;
    height: 15px;
    border: 1px solid #bebebe;
    background-color: #fff;
}
.wpcf7-form .wpcf7-list-item input[type="radio"]+span::after, .wpcf7-form .wpcf7-list-item input[type="checkbox"]+span::after
{
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 12px;
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-weight: bold;
    background-color: transparent;
}
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked+span::before, .wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked+span::before
{
    background-color: var(--tecko-secondary-color);
    border-color: var(--tecko-secondary-color);
}
.wpcf7-form .wpcf7-list-item input[type="radio"]:checked+span::after, .wpcf7-form .wpcf7-list-item input[type="checkbox"]:checked+span::after
{
    content: "";
}
.wpcf7-form .dark-background .wpcf7-list-item .wpcf7-list-item-label
{
    color: #ededed;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wpcf7-form .dark-background .wpcf7-list-item input[type="radio"]+span::before, .wpcf7-form .dark-background .wpcf7-list-item input[type="checkbox"]+span::before
{
    background-color: #fff;
    border-color: transparent;
}
.wpcf7-form .dark-background .wpcf7-list-item input[type="radio"]+span::after, .wpcf7-form .dark-background .wpcf7-list-item input[type="checkbox"]+span::after
{
    color: var(--tecko-secondary-color);
}
.wpcf7-form input[type="date"]::-webkit-calendar-picker-indicator
{
    background: transparent;
    z-index: 1;
}
.pxl-search-form-popup
{
    max-width: 750px;
    margin: 0 auto;
}
.pxl-search-popup-inner .cat-search-wrap
{
    flex: 0 0 173px;
    width: 173px;
    max-width: 173px;
}
.pxl-search-popup-inner .text-search-wrap
{
    position: relative;
}
.pxl-search-popup-inner .text-search-wrap .search-field
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    padding-left: 0;
    padding-right: 48px;
    border: 0;
    color: #fff;
    background-color: transparent;
    border-bottom: 1px solid #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-field:hover, .pxl-search-popup-inner .text-search-wrap .search-field:focus, .pxl-search-popup-inner .text-search-wrap .search-field:active
{
    border-color: var(--tecko-primary-color)!important;
    background-color: transparent;
}
.pxl-search-popup-inner .text-search-wrap input::-webkit-input-placeholder
{
    color: #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-submit
{
    width: 48px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    background: transparent;
    border: 0;
    font-size: 20px;
    color: #fff;
}
.pxl-search-popup-inner .text-search-wrap .search-submit:hover
{
    color: var(--tecko-primary-color);
}
.pxl-search-popup-inner .text-search-wrap .pxl-svg
{
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -8px;
}
.pxl-search-popup-inner .text-search-wrap .search-submit:hover .pxl-svg path
{
    fill: var(--tecko-primary-color);
}
#pxl-search-popup-normal .pxl-search-popup-inner .text-search-wrap .search-submit
{
    right: 0;
}
.search-no-results .pxl-content-area .search-form
{
    position: relative;
}
.search-no-results .pxl-content-area .search-form .search-submit
{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    color: #282828;
    background-color: transparent;
    padding: 0 20px;
}
.search-no-results .pxl-content-area .search-form .search-submit .pxli-search-400
{
    font-size: 18px;
}
.button, button, input[type="button"], input[type="reset"], input[type="submit"]
{
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    vertical-align: bottom;
}
.button:hover, .button:active, .button:focus, button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus
{
    cursor: pointer;
}
.button:visited, button:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited
{
    text-decoration: none;
}
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus
{
    outline: none;
    outline-offset: 0;
}
.btn, button, .button, input[type="submit"], input[type="button"], .added_to_cart
{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Inter",sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 5px 35px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    background-color: var(--tecko-primary-color);
    color: #fff;
    line-height: 1;
    min-height: 46px;
    -webkit-transition: all 250ms ease 0s;
    -khtml-transition: all 250ms ease 0s;
    -moz-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}
.btn:active, .btn:hover, .btn:focus, button:active, button:hover, button:focus, .button:active, .button:hover, .button:focus, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus, .added_to_cart:active, .added_to_cart:hover, .added_to_cart:focus
{
    background-color: #fff;
    color: #000;
}
.tecko-button.default
{
    --btn-width: auto;
    --btn-height: 46px;
    --btn-background-color: #7e8695;
    width: var(--btn-width);
    height: var(--btn-height);
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    background-color: var(--btn-background-color);
    color: #fff;
    border-radius: 12px;
    z-index: 1;
}
.tecko-button.default span
{
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--btn-hover-background-color);
    transition: width .4s ease-in-out,height .4s ease-in-out;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.tecko-button.default:hover
{
    background: var(--btn-hover-background-color,var(--tecko-primary-color));
    transition-delay: .25s;
}
.tecko-button.default:hover span
{
    width: 225%;
    height: calc(var(--tecko-button-width) * 2.25);
}
.pxl-button-widget.layout-2 .tecko-button
{
    --btn-background-color: #fff;
    --btn-width: auto;
    --btn-height: 36px;
    display: inline-flex;
    position: relative;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    height: var(--btn-height);
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
}
.pxl-button-widget.layout-2 .tecko-button:hover .button-icon
{
    transform: translateX(8px) rotate(45deg);
}
.pxl-button-widget.layout-2 svg
{
    position: absolute;
    inset: 0;
    visibility: hidden;
}
.pxl-button-widget.layout-2 .button-text, .pxl-button-widget.layout-2 .button-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-background-color);
}
.pxl-button-widget.layout-2 .button-text
{
    padding: 0 15px;
    border-radius: 9999px;
    width: var(--btn-width);
}
.pxl-button-widget.layout-2 .button-icon
{
    width: var(--btn-height,36px);
    border-radius: 9999px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.135,.9,.15,1);
    transition-duration: .9s;
}
.pxl-button-widget.layout-2 .button-icon i
{
    font-weight: bold;
}
.pxl-button-widget.layout-3 .tecko-button
{
    --btn-background-color: #111317;
    --btn-width: 306px;
    --btn-height: 96px;
    border-radius: 4px;
    background: var(--btn-background-color);
    padding: 16px;
    align-items: flex-end;
    justify-content: flex-start;
    text-transform: uppercase;
}
.pxl-button-widget.layout-3 .tecko-button i
{
    position: absolute;
    top: 16px;
    right: 16px;
}
.pxl-button-widget.layout-4 .tecko-button
{
    --btn-width: auto;
    --btn-height: 46px;
    --btn-background-color: #7e8695;
    width: var(--btn-width);
    height: var(--btn-height);
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    background-color: var(--btn-background-color);
    color: #fff;
    border-radius: 12px;
    z-index: 1;
    box-shadow: 0 0 12px 0 var(--tecko-box-shadow-color,#ddd) inset,0 0 12px 0 var(--tecko-box-shadow-color,#ddd) inset;
    transition: box-shadow .35s ease;
}
.pxl-button-widget.layout-4 .tecko-button:hover
{
    box-shadow: none;
}
.pxl-header.header-type-df
{
    padding: 16px 0;
}
@media(max-width: 1024px)
{
    .pxl-header .pxl-header-desktop
    {
        display: none;
    }
}
.pxl-header .header-container
{
    max-width: 1440px;
    margin: auto;
    padding: 0 35px;
}
@media(min-width: 1200px)
{
    .pxl-header .header-container
    {
        padding: 0 72px;
    }
}
.pxl-header .header-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 80px;
}
.pxl-header .pxl-primary-menu
{
    display: flex;
    font-size: 14px;
    font-weight: 500;
    column-gap: 48px;
}
@media(max-width: 1024px)
{
    .pxl-header .pxl-header-desktop
    {
        display: none;
    }
}
@media(min-width: 1025px)
{
    .pxl-header .pxl-header-mobile
    {
        display: none;
    }
}
.pxl-header .pxl-header-mobile .btn-nav-mobile
{
    font-size: 25px;
    color: #fff;
}
.tecko-header-transparent .pxl-header
{
    margin-bottom: calc(var(--tecko-header-height) * -1);
}
.tecko-header-transparent.single-post .pxl-content-area
{
    margin-top: var(--tecko-header-height);
}
.tecko-header-transparent.blog .pxl-content-area, .tecko-header-transparent.category .pxl-content-area, .tecko-header-transparent.tag .pxl-content-area, .tecko-header-transparent.tax-pxl-portfolio-category .pxl-content-area, .tecko-header-transparent.tax-pxl-portfolio-tag .pxl-content-area
{
    margin-top: var(--tecko-header-height);
}
.hambuger span
{
    width: 25px;
    height: 2px;
    display: block;
    background-color: var(--tecko-body-color);
}
.hambuger span:not(:last-child)
{
    margin-bottom: 5px;
}
.pxl-header
{
    position: relative;
    z-index: 9;
}
@media(max-width: 1024px)
{
    .pxl-header .tecko-header-type-desktop
    {
        display: none;
    }
}
@media(min-width: 1025px)
{
    .pxl-header .tecko-header-type-mobile
    {
        display: none;
    }
}
.pxl-header.tecko-header-sticky
{
    position: fixed;
    top: var(--admin-bar-height);
    left: 0;
    width: 100%;
    z-index: 5;
    transform: translateY(-100%);
    transition: transform .25s ease;
}
.pxl-header.tecko-header-sticky.is-sticky
{
    transform: none;
}
@media(min-width: 1025px)
{
    .tecko-menu
    {
        display: inline-flex;
        flex-wrap: wrap;
        column-gap: 40px;
        row-gap: 20px;
        list-style: none;
    }
    .tecko-menu>.menu-item:hover>a
    {
        position: relative;
    }
    .tecko-menu>.menu-item:hover>a:before
    {
        position: absolute;
        content: "";
        left: 0;
        top: 50%;
        width: 100%;
        height: calc(var(--tecko-header-height,48px) * .5);
    }
    .tecko-menu .menu-item
    {
        position: relative;
        display: inline-flex;
        align-items: center;
        column-gap: 5px;
        color: #7e8695;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.42;
    }
    .tecko-menu .menu-item .holder
    {
        display: none;
    }
    .tecko-menu .menu-item.menu-item-has-children>a:after
    {
        display: inline-flex;
        content: "";
        font-family: "pixelart";
        transform: rotate(270deg);
        font-size: 14px;
        font-weight: bold;
        margin-left: 8px;
    }
    .tecko-menu .menu-item:before
    {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
        background: var(--tecko-primary-color);
        animation: flickerAnimation .75s infinite;
        visibility: hidden;
    }
    .tecko-menu .menu-item.current-menu-parent:before
    {
        visibility: visible;
    }
    .tecko-menu .menu-item.current-menu-parent>a
    {
        color: #fff;
    }
    .tecko-menu .menu-item.current-menu-item:before
    {
        visibility: visible;
    }
    .tecko-menu .menu-item:hover:before
    {
        visibility: visible;
    }
    .tecko-menu .menu-item:hover>a
    {
        color: #fff;
    }
    .tecko-menu .menu-item:hover>.sub-menu
    {
        transform: none;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
    .tecko-menu .sub-menu
    {
        position: absolute;
        visibility: hidden;
        left: -30px;
        opacity: 0;
        min-width: 250px;
        background-color: #1f2025;
        box-shadow: 0 0 26px rgba(0,0,0,.06);
        padding: 25px 20px;
        top: calc(50% + (var(--tecko-header-height,48px) * .5));
        transition: all .2s ease-in-out;
        transform: translateY(15px) translateZ(0);
        z-index: 3;
        pointer-events: none;
        display: flex;
        row-gap: 16px;
        flex-direction: column;
        border-radius: 12px;
    }
    .tecko-menu .sub-menu li>a
    {
        width: 100%;
    }
    .tecko-menu .sub-menu li:hover>a
    {
        position: relative;
    }
    .tecko-menu .sub-menu li:hover>a:before
    {
        position: absolute;
        content: "";
        left: 100%;
        top: 0;
        width: 25px;
        height: 100%;
    }
    .tecko-menu .sub-menu li:hover>.sub-menu
    {
        top: -25px;
        left: calc(100% + 20px);
    }
    .tecko-menu .sub-menu li>.sub-menu
    {
        top: 0;
        left: calc(100% + 20px);
    }
}
@media(max-width: 1024px)
{
    .mfp-content .tecko-menu
    {
        position: relative;
        margin-top: var(--admin-bar-height);
        padding: 50px 0;
        max-width: 378px;
        background-color: #1f2025;
        height: calc(100vh - var(--admin-bar-height));
        transform: translate3d(-104%,0,0);
        transition: transform .5s cubic-bezier(.645,.045,.355,1);
    }
    .mfp-content .tecko-menu .menu-item
    {
        position: relative;
        list-style: none;
    }
    .mfp-content .tecko-menu .sub-menu
    {
        display: none;
        padding: 0;
        text-indent: 15px;
    }
    .mfp-content .tecko-menu .holder
    {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }
    .mfp-content .tecko-menu .holder:before, .mfp-content .tecko-menu .holder:after
    {
        display: block;
        position: absolute;
        content: "";
        z-index: 10;
        top: 50%;
        left: 50%;
        background-color: var(--tecko-body-color);
        transition: transform .35s ease-in-out,opacity .35s ease-in-out;
    }
    .mfp-content .tecko-menu .holder:before
    {
        width: 12px;
        height: 1px;
        transform: translate(-50%,-50%) rotate(-90deg);
    }
    .mfp-content .tecko-menu .holder:after
    {
        width: 1px;
        height: 12px;
        transform: translate(-50%,-50%) rotate(-90deg);
    }
    .mfp-content .tecko-menu a
    {
        display: flex;
        min-height: 50px;
        padding: 5px 20px;
        align-items: center;
        border-bottom: 1px solid rgba(134,134,134,.2);
    }
}
.tecko-mobile-menu .menu-item
{
    position: relative;
    list-style: none;
}
.tecko-mobile-menu .sub-menu
{
    display: none;
    padding: 0;
    text-indent: 15px;
}
.tecko-mobile-menu .holder
{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
.tecko-mobile-menu .holder:before, .tecko-mobile-menu .holder:after
{
    display: block;
    position: absolute;
    content: "";
    z-index: 10;
    top: 50%;
    left: 50%;
    background-color: var(--tecko-body-color);
    transition: transform .35s ease-in-out,opacity .35s ease-in-out;
}
.tecko-mobile-menu .holder:before
{
    width: 12px;
    height: 1px;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.tecko-mobile-menu .holder:after
{
    width: 1px;
    height: 12px;
    transform: translate(-50%,-50%) rotate(-90deg);
}
.tecko-mobile-menu a
{
    display: flex;
    min-height: 50px;
    padding: 5px 20px;
    align-items: center;
    border-bottom: 1px solid rgba(134,134,134,.2);
}
.tecko-mobile-menu-default
{
    height: calc(100% - var(--admin-bar-height));
    overflow: auto;
    background-color: #fff;
    width: 340px;
    padding: 30px 0 50px 0;
}
.pxl-hidden-template
{
    top: var(--admin-bar-height);
    position: fixed;
    height: 100%;
    overflow-x: auto;
    z-index: 2;
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
}
.pxl-hidden-template.pos-left
{
    transform: translate3d(-104%,0,0);
}
.mfp-ready .pxl-hidden-template
{
    transform: none;
}
.mfp-removing .pxl-hidden-template
{
    transform: translate3d(-104%,0,0);
}
.pxl-pagetitle, .pxl-pt-wrap
{
    color: #fff;
}
.pxl-pagetitle.layout-df, .pxl-pt-wrap.layout-df
{
    padding-top: 125px;
    padding-bottom: 113px;
}
@media(max-width: 767px)
{
    .pxl-pagetitle.layout-df, .pxl-pt-wrap.layout-df
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.pxl-pagetitle.layout-df .pxl-page-title-overlay, .pxl-pt-wrap.layout-df .pxl-page-title-overlay
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(16,11,26,.63);
}
.pxl-pagetitle .main-title, .pxl-pt-wrap .main-title
{
    color: #fff;
    letter-spacing: .025em;
    margin: 0 0 5px;
    text-transform: capitalize;
}
@media(max-width: 767px)
{
    .pxl-pagetitle .main-title, .pxl-pt-wrap .main-title
    {
        font-size: 50px;
        line-height: 1.1;
    }
}
.pxl-pagetitle .sub-title, .pxl-pt-wrap .sub-title
{
    font-size: 17px;
    letter-spacing: .03em;
    margin-top: 22px;
    position: relative;
    z-index: 3;
}
.pxl-pagetitle .sub-title .pxl-divider, .pxl-pt-wrap .sub-title .pxl-divider
{
    width: 120px;
    height: 2px;
    margin-bottom: 15px;
}
@media(max-width: 767px)
{
    .pxl-pagetitle .sub-title, .pxl-pt-wrap .sub-title
    {
        margin-bottom: 15px;
        font-size: 15px;
    }
}
.pxl-breadcrumb
{
    margin-top: 12px;
    color: #fff;
    position: relative;
    z-index: 3;
}
.pxl-breadcrumb .br-item
{
    display: inline-flex;
    align-items: center;
    font-family: var(--heading-font-family);
    font-size: 13px;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.pxl-breadcrumb .br-item:last-child .br-divider
{
    display: none!important;
}
.pxl-breadcrumb .br-divider
{
    padding: 0 10px;
    position: relative;
    color: #fff;
    font-size: 14px;
}
.pxl-breadcrumb a
{
    position: relative;
}
.pxl-breadcrumb a:hover
{
    color: #fff;
}
.pxl-breadcrumb .br-item+.br-item::before
{
    display: none;
}
@media(min-width: 1200px)
{
    .pxl-sidebar-area.sidebar-post.col-lg-3
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px;
    }
    .pxl-content-area.content-post.col-lg-9
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
    .pxl-sidebar-area.sidebar-page.col-lg-3
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px;
    }
    .pxl-content-area.content-page.col-lg-9
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px);
    }
}
.pxl-row-particles
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.pxl-single-page p:last-child
{
    clear: both;
}
.pxl-single-page p:last-child img[class*="align"]
{
    margin-bottom: 0;
}
.comment-list-wrap .navigation
{
    justify-content: flex-end;
}
.navigation.page-links
{
    margin-top: 26px;
    margin-bottom: 20px;
}
body.error404 .pxl-main
{
    padding: 0!important;
}
body.error404 .page-404-wrap
{
    padding-top: 180px;
    height: 100vh;
}
@media(max-width: 767px)
{
    body.error404 .page-404-wrap
    {
        padding-top: 150px;
    }
}
body.error404 .page-404-wrap .pxl-error-inner
{
    text-align: center;
}
body.error404 .page-404-wrap .pxl-error-inner .image-wrap
{
    margin-bottom: 17px;
}
body.error404 .page-404-wrap .pxl-error-inner .number-wrap
{
    font-size: 180px;
    line-height: 1;
    font-weight: bold;
    letter-spacing: .12em;
    margin: 0;
}
@media(max-width: 767px)
{
    body.error404 .page-404-wrap .pxl-error-inner .number-wrap
    {
        font-size: 130px;
    }
}
body.error404 .page-404-wrap .pxl-error-inner .pxl-error-title
{
    font-size: 60px;
    letter-spacing: .02em;
    margin-bottom: 18px;
}
@media(max-width: 767px)
{
    body.error404 .page-404-wrap .pxl-error-inner .pxl-error-title
    {
        font-size: 32px;
    }
}
body.error404 .page-404-wrap .pxl-error-inner .desc
{
    font-size: 17px;
    line-height: 26px;
    max-width: 680px;
    margin: 0 auto;
}
body.error404 .page-404-wrap .pxl-error-inner .pxl-button-wrapper
{
    margin-top: 43px;
}
.single-post .pxl-content-wrap
{
    padding: 20px;
    background-color: var(--tecko-secondary-color);
    border-radius: 24px;
    margin-bottom: 40px;
}
@media(min-width: 768px)
{
    .single-post .pxl-content-wrap
    {
        margin-bottom: 80px;
    }
}
@media(min-width: 1200px)
{
    .single-post .pxl-content-wrap
    {
        padding: 48px;
        margin-bottom: 160px;
    }
}
.pxl-single-post .post-tags-wrap
{
    flex-grow: 1;
}
.pxl-single-post .post-tags-share
{
    align-items: center;
    row-gap: 24px;
}
.pxl-single-post .post-featured
{
    margin-bottom: 32px;
}
.pxl-single-post .post-featured img
{
    aspect-ratio: 1.5068493151;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}
.pxl-single-post .post-category
{
    color: var(--tecko-primary-color);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.33;
}
.pxl-single-post .post-title
{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.02em;
    margin-top: 12px;
}
@media(min-width: 576px)
{
    .pxl-single-post .post-title
    {
        font-size: 36px;
    }
}
.pxl-single-post .post-date
{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}
.pxl-single-post .post-date a
{
    text-transform: capitalize;
}
.pxl-single-post .single-post-tags
{
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
}
.pxl-single-post .single-post-tags a
{
    background-color: #474e5c;
    padding: 10px 14px;
    border-radius: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}
.pxl-single-post .single-post-tags a:hover
{
    background-color: var(--tecko-primary-color);
}
.pxl-single-post .author-box
{
    display: flex;
    background-color: #111317;
    border-radius: 24px;
    padding: 24px;
    column-gap: 32px;
    flex-direction: column;
}
@media(min-width: 576px)
{
    .pxl-single-post .author-box
    {
        flex-direction: row;
        padding: 32px;
    }
}
.pxl-single-post .author-box .author-avatar
{
    max-width: 64px;
    width: 100%;
}
@media(max-width: 575px)
{
    .pxl-single-post .author-box .author-avatar
    {
        margin-bottom: 10px;
    }
}
.pxl-single-post .author-box .author-avatar img
{
    border-radius: 12px;
}
.pxl-single-post .author-box .author-name
{
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: #fff;
}
@media(min-width: 576px)
{
    .pxl-single-post .author-box .author-name
    {
        font-size: 20px;
    }
}
.pxl-single-post .author-box .author-role
{
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
}
.pxl-single-post .author-box .author-description
{
    font-size: 14px;
    line-height: 1.5;
    margin-top: 25px;
}
@media(min-width: 576px)
{
    .pxl-single-post .author-box .author-description
    {
        font-size: 16px;
    }
}
.pxl-single-post .author-box .user-social
{
    margin-top: 32px;
    display: flex;
    font-size: 14px;
    column-gap: 10px;
}
.pxl-single-post .author-box .user-social a
{
    position: relative;
    display: flex;
    padding: 13px;
    width: 36px;
    height: 36px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #7e8695;
    border-radius: 50%;
    transition: all 250ms ease;
    color: #7e8695;
}
.pxl-single-post .author-box .user-social a:hover
{
    background-color: var(--tecko-primary-color);
    border-color: var(--tecko-primary-color);
    color: #fff;
}
.sidebar-button
{
    position: fixed;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: center;
    width: 50px;
    aspect-ratio: 1;
    border-radius: 0 12px 12px 0;
    background-color: #000;
    font-size: 18px;
    box-shadow: 0 0 3px var(--tecko-primary-color);
    color: #fff;
    cursor: pointer;
    z-index: 3;
}
@media(min-width: 1025px)
{
    .sidebar-button
    {
        display: none;
    }
}
.single-post .pxl-main
{
    padding-top: 0;
}
.single-post .pxl-content-wrap .pxl-content-area
{
    display: flex;
    column-gap: 20px;
}
@media(min-width: 1200px)
{
    .single-post .pxl-content-wrap .pxl-content-area
    {
        column-gap: 84px;
    }
}
.single-post .pxl-content-wrap .pxl-content-area .pxl-content-main
{
    width: 100%;
}
.single-post .pxl-content-wrap .pxl-content-area.sidebar-position-left .pxl-content-main
{
    order: 2;
}
.single-post .pxl-content-wrap .pxl-content-area.sidebar-active .pxl-content-main
{
    flex: 1 1 auto;
    max-width: 100%;
    width: 100%;
}
@media(min-width: 1025px)
{
    .single-post .pxl-content-wrap .pxl-content-area.sidebar-active .pxl-content-main
    {
        max-width: 880px;
    }
}
.single-post .pxl-content-wrap .pxl-content-area.sidebar-active .pxl-sidebar-area
{
    flex: 0 1 auto;
    max-width: 330px;
    width: 100%;
}
@media(max-width: 1024px)
{
    .single-post .pxl-content-wrap .pxl-content-area.sidebar-active .pxl-sidebar-area
    {
        display: none;
    }
}
@media(max-width: 1024px)
{
    .single-post .pxl-content-wrap .mfp-hide
    {
        display: none;
    }
}
.single-post .post-title
{
    font-weight: 600;
    line-height: 130%;
}
.post-posted
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}
.post-posted a
{
    color: var(--tecko-primary-color);
}
.single-post-layout-default .single-post-share
{
    column-gap: 15px;
}
.single-post-layout-default .single-post-share-label
{
    font-size: 16px;
}
.single-post-layout-default .single-post-share-list
{
    column-gap: 10px;
    font-size: 18px;
    flex-wrap: nowrap;
}
.single-post-layout-default .single-post-share-list-item
{
    position: relative;
    display: flex;
    padding: 13px;
    min-width: 46px;
    min-height: 46px;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #7e8695;
    border-radius: 50%;
    width: 100%;
    transition: all 250ms ease;
}
.single-post-layout-default .single-post-share-list-item a
{
    color: #7e8695;
    position: absolute;
    width: 100%;
    height: 100%;
}
.single-post-layout-default .single-post-share-list-item:hover
{
    background-color: var(--tecko-primary-color);
    border-color: var(--tecko-primary-color);
}
.single-post-layout-default .single-post-share-list-item:hover a
{
    color: #fff;
}
.single-post-layout-default .author-box
{
    margin-top: 50px;
}
.post-content
{
    margin: 50px 0;
}
.single-post-layout-2 .single-post-content-main
{
    max-width: 860px;
    margin: auto;
}
.single-post-layout-2 .single-post-content-header, .single-post-layout-2 .single-post-content-footer
{
    max-width: 860px;
    margin: auto;
}
.single-post-layout-2 .post-title
{
    margin-top: 25px;
    margin-bottom: 0;
}
.single-post-layout-2 .single-post-meta-wrap
{
    margin-top: 25px;
}
.single-post-layout-2 .post-meta-inner-1
{
    column-gap: 30px;
    flex-direction: column;
    row-gap: 15px;
    align-items: flex-end;
}
@media(min-width: 576px)
{
    .single-post-layout-2 .post-meta-inner-1
    {
        flex-direction: row;
    }
}
.single-post-layout-2 .single-post-meta-author-inner
{
    column-gap: 15px;
}
.single-post-layout-2 .single-post-meta-author-info
{
    row-gap: 8px;
}
.single-post-layout-2 .single-post-meta-author-avatar
{
    max-width: 48px;
    border-radius: 50%;
    overflow: hidden;
}
.single-post-layout-2 .single-post-meta-author-info-label
{
    color: #fff;
    font-size: 10px;
    line-height: 1;
}
.single-post-layout-2 .single-post-meta-author-info-author-name
{
    color: #fff;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
}
.single-post-layout-2 .single-post-share
{
    column-gap: 15px;
}
.single-post-layout-2 .single-post-share-label
{
    color: #fff;
    font-size: 16px;
}
.single-post-layout-2 .single-post-share-list
{
    column-gap: 10px;
}
.single-post-layout-2 .single-post-share-list-icon
{
    font-size: 16px;
    color: #fff;
}
.single-post-layout-2 .single-post-share-list-icon:hover
{
    color: var(--tecko-primary-color);
}
.single-post-layout-2 .single-post-copy-clipboard-button
{
    font-size: 16px;
    color: #fff;
    column-gap: 10px;
    cursor: pointer;
    transition: color 250ms ease;
}
.single-post-layout-2 .single-post-copy-clipboard-button:hover
{
    color: var(--tecko-primary-color);
}
.single-post-layout-2 .single-post-copy-clipboard-button-icon
{
    font-size: 20px;
}
.single-post-layout-2 .single-post-like-button
{
    font-size: 16px;
    color: #fff;
    column-gap: 10px;
    cursor: pointer;
    transition: color 250ms ease;
}
.single-post-layout-2 .single-post-like-button:hover
{
    color: var(--tecko-primary-color);
}
.single-post-layout-2 .single-post-like-button-icon
{
    font-size: 26px;
}
.single-post-layout-2 .single-post-like-button-count
{
    line-height: 1;
}
.single-post-layout-2 .single-post-image-feature
{
    margin-top: 50px;
}
.single-post-layout-2 .single-post-image-feature img
{
    border-radius: 24px;
    width: 100%;
}
.single-post-layout-2 .author-box
{
    margin-top: 60px;
}
.single-post-layout-2 .comments-area
{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}
.mfp-content .pxl-sidebar-area
{
    position: relative;
    margin-top: var(--admin-bar-height);
    background-color: #1f2025;
    padding: 50px 24px;
    max-width: 378px;
    transform: translate3d(-104%,0,0);
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
}
.mfp-ready .pxl-sidebar-area
{
    transform: none;
}
.mfp-removing .pxl-sidebar-area
{
    transform: translate3d(-104%,0,0);
}
.blog .pxl-main, .category .pxl-main, .tax-pxl-portfolio-category .pxl-main, .tax-pxl-portfolio-tag .pxl-main, .tag .pxl-main
{
    padding-top: 0;
}
.blog .pxl-content-main-wrap, .category .pxl-content-main-wrap, .tax-pxl-portfolio-category .pxl-content-main-wrap, .tax-pxl-portfolio-tag .pxl-content-main-wrap, .tag .pxl-content-main-wrap
{
    margin-top: 30px;
}
@media(min-width: 768px)
{
    .blog .pxl-content-main-wrap, .category .pxl-content-main-wrap, .tax-pxl-portfolio-category .pxl-content-main-wrap, .tax-pxl-portfolio-tag .pxl-content-main-wrap, .tag .pxl-content-main-wrap
    {
        margin-top: 50px;
    }
}
.blog .pxl-content-wrap, .category .pxl-content-wrap, .tax-pxl-portfolio-category .pxl-content-wrap, .tax-pxl-portfolio-tag .pxl-content-wrap, .tag .pxl-content-wrap
{
    background-color: var(--tecko-secondary-color,#000);
    padding: 20px;
    border-radius: 24px;
    margin-bottom: 40px;
}
@media(min-width: 1200px)
{
    .blog .pxl-content-wrap, .category .pxl-content-wrap, .tax-pxl-portfolio-category .pxl-content-wrap, .tax-pxl-portfolio-tag .pxl-content-wrap, .tag .pxl-content-wrap
    {
        padding: 48px;
    }
}
@media(min-width: 768px)
{
    .blog .pxl-content-wrap, .category .pxl-content-wrap, .tax-pxl-portfolio-category .pxl-content-wrap, .tax-pxl-portfolio-tag .pxl-content-wrap, .tag .pxl-content-wrap
    {
        margin-bottom: 80px;
    }
}
@media(min-width: 1200px)
{
    .blog .pxl-content-wrap, .category .pxl-content-wrap, .tax-pxl-portfolio-category .pxl-content-wrap, .tax-pxl-portfolio-tag .pxl-content-wrap, .tag .pxl-content-wrap
    {
        padding: 48px;
        margin-bottom: 160px;
    }
}
.blog .content-archive .blog-item-layout-1, .category .content-archive .blog-item-layout-1, .tax-pxl-portfolio-category .content-archive .blog-item-layout-1, .tax-pxl-portfolio-tag .content-archive .blog-item-layout-1, .tag .content-archive .blog-item-layout-1
{
    margin-bottom: 50px;
}
@media(min-width: 1025px)
{
    .blog .content-archive .blog-item-layout-1, .category .content-archive .blog-item-layout-1, .tax-pxl-portfolio-category .content-archive .blog-item-layout-1, .tax-pxl-portfolio-tag .content-archive .blog-item-layout-1, .tag .content-archive .blog-item-layout-1
    {
        margin-bottom: 80px;
    }
}
.blog .blog-item-excerpt, .category .blog-item-excerpt, .tax-pxl-portfolio-category .blog-item-excerpt, .tax-pxl-portfolio-tag .blog-item-excerpt, .tag .blog-item-excerpt
{
    font-size: 16px;
    line-height: 1.5;
}
.blog-page-title-sub-heading
{
    column-gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
}
.blog-page-title-sub-heading:before
{
    background-color: #2df494;
}
.blog-page-title-heading
{
    font-size: 41px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.28px;
    color: #fff;
    margin: 0;
    margin-top: 10px;
}
@media(min-width: 768px)
{
    .blog-page-title-heading
    {
        font-size: 52px;
    }
}
@media(min-width: 1025px)
{
    .blog-page-title-heading
    {
        font-size: 64px;
        margin-top: 25px;
    }
}
.blog-item-layout-1 .blog-item-feature-img
{
    margin-bottom: 25px;
}
.blog-item-layout-1 .blog-item-feature-img img
{
    border-radius: 24px;
}
.blog-item-layout-1 .post-category
{
    margin-bottom: 24px;
    font-size: 16px;
    color: var(--tecko-featured-category-color,var(--tecko-primary-color));
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}
.blog-item-layout-1 .post-category a:hover
{
    color: var(--tecko-featured-category-hover-color,var(--tecko-primary-color));
}
.blog-item-layout-1 .blog-item-title
{
    color: var(--tecko-featured-title-color,#fff);
    font-size: 21px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.8px;
    margin: 0;
    margin-bottom: 15px;
}
.blog-item-layout-1 .blog-item-title a:hover
{
    color: var(--tecko-featured-title-hover-color,var(--tecko-primary-color));
}
@media(min-width: 576px)
{
    .blog-item-layout-1 .blog-item-title
    {
        font-size: 26px;
    }
}
@media(min-width: 768px)
{
    .blog-item-layout-1 .blog-item-title
    {
        font-size: 32px;
    }
}
@media(min-width: 1025px)
{
    .blog-item-layout-1 .blog-item-title
    {
        font-size: 40px;
    }
}
.blog-item-layout-1 .blog-item-excerpt
{
    color: var(--tecko-featured-excerpt-color);
}
.blog-item-layout-1 .post-date
{
    display: flex;
    align-items: center;
    column-gap: 8px;
    border-top: 1px solid var(--tecko-meta-border-color,#2b303b);
    margin-top: var(--tecko-meta-spacing,19px);
    padding-top: var(--tecko-meta-spacing,19px);
    color: var(--tecko-meta-color,#fff);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.blog-item-layout-1 .post-date:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: var(--tecko-meta-dot-color,#2df494);
    animation: flickerAnimation .75s infinite;
}
.blog-item-layout-1 .post-date a
{
    color: var(--tecko-meta-link-color,#fff);
}
.blog-item-layout-1 .post-date a:hover
{
    color: var(--tecko-meta-link-hover-color,#fff);
}
.blog-item-layout-default
{
    position: relative;
    overflow: hidden;
    padding: var(--tecko-item-padding,50px 0);
    border-top: 1px solid var(--tecko-item-border-color,#5f697c);
}
@media(max-width: 1024px)
{
    .blog-item-layout-default
    {
        display: flex;
        flex-direction: column;
    }
    .blog-item-layout-default .blog-item-layer-1
    {
        order: 2;
    }
    .blog-item-layout-default .blog-item-layer-2
    {
        order: 1;
        margin-bottom: 20px;
    }
}
.blog-item-layout-default .post-posted
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: var(--tecko-item-meta-color);
}
.blog-item-layout-default .post-posted a
{
    color: var(--tecko-item-meta-link-color,var(--tecko-primary-color));
}
.blog-item-layout-default .post-posted a:hover
{
    color: var(--tecko-item-meta-link-color,var(--tecko-primary-color));
}
@media(max-width: 1024px)
{
    .blog-item-layout-default .post-posted
    {
        margin-bottom: 5px;
    }
    .blog-item-layout-default .post-posted br
    {
        display: none;
    }
}
@media(max-width: 1024px)
{
    .blog-item-layout-default .blog-item-info
    {
        margin-bottom: 15px;
    }
}
.blog-item-layout-default .blog-item-title
{
    font-size: 21px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
    color: var(--tecko-item-title-color,#fff);
    margin: 0;
}
@media(min-width: 576px)
{
    .blog-item-layout-default .blog-item-title
    {
        font-size: 26px;
    }
}
@media(min-width: 768px)
{
    .blog-item-layout-default .blog-item-title
    {
        font-size: 32px;
    }
}
.blog-item-layout-default .blog-item-title a:hover
{
    color: var(--tecko-item-title-hover-color,var(--tecko-primary-color));
}
.blog-item-layout-default .blog-item-excerpt
{
    color: var(--tecko-item-excerpt-color,#d9dce3);
    margin-top: 15px;
}
.blog-item-layout-default .post-date
{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    color: var(--tecko-item-date-color,#d9dce3);
}
@media(max-width: 1024px)
{
    .blog-item-layout-default .post-date
    {
        display: flex;
        align-items: center;
        column-gap: 8px;
    }
    .blog-item-layout-default .post-date:before
    {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
        background: var(--tecko-item-dot-color,#2df494);
        animation: flickerAnimation .75s infinite;
    }
}
.blog-item-layout-default .blog-item-layer-1
{
    transition: .2s ease-in-out;
}
@media(min-width: 1025px)
{
    .blog-item-layout-default .blog-item-layer-2
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0%;
        background: #000;
        opacity: 0;
        transition: .35s ease-in-out;
        transition-property: opacity,height;
    }
}
.blog-item-layout-default .blog-item-layer-2 img
{
    aspect-ratio: 1.5069767442;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media(min-width: 768px)
{
    .blog-item-layout-default .blog-item-layer-2 img
    {
        aspect-ratio: 4.9846153846;
    }
}
.blog-item-layout-default .blog-item-layer-2-inner
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.blog-item-layout-default .blog-item-read-more-button
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    height: 36px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background-color: #fff;
    font-size: 12px;
    font-weight: 600;
    color: #000;
}
.blog-item-layout-default .blog-item-read-more-button:hover
{
    background-color: var(--tecko-primary-color);
    color: #fff;
}
@media(min-width: 1025px)
{
    .blog-item-layout-default:hover .blog-item-layer-1
    {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .blog-item-layout-default:hover .blog-item-layer-2
    {
        height: 100%;
        transition-delay: 200ms;
        opacity: 1;
    }
}
.posts-pagination
{
    text-align: center;
    font-size: 14px;
    margin-top: var(--tecko-pagination-spacing,30px);
}
.posts-pagination .pagination-inner
{
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: var(--tecko-button-column-gap,12px);
    row-gap: var(--tecko-button-row-gap,12px);
}
.posts-pagination .page-numbers
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tecko-button-size,46px);
    height: var(--tecko-button-size,46px);
    border-radius: var(--tecko-button-border-radius,12px);
    border: 1px solid var(--tecko-button-border-color,#7e8695);
    color: var(--tecko-button-color,#fff);
    background-color: var(--tecko-button-background-color);
    font-weight: 500;
}
.posts-pagination .page-numbers.current
{
    color: var(--tecko-button-hover-color,#fff);
    background-color: var(--tecko-button-hover-background-color,var(--tecko-primary-color));
    border-color: var(--tecko-button-hover-border-color,var(--tecko-primary-color));
}
.posts-pagination .page-numbers:not(.current):hover
{
    color: var(--tecko-button-hover-color,#fff);
    background-color: var(--tecko-button-hover-background-color,var(--tecko-primary-color));
    border-color: var(--tecko-button-hover-border-color,var(--tecko-primary-color));
}
.blog-carousel .blog-item-layout-1
{
    margin-bottom: 0!important;
}
.blog-carousel-pagination-wrap
{
    display: flex;
    column-gap: 25px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 35px;
}
.blog-carousel-pagination-wrap .swiper-nav-button
{
    display: inline-flex;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.blog-carousel-pagination-wrap .swiper-nav-button i
{
    font-weight: bold;
}
.blog-carousel-pagination-wrap .swiper-nav-button:hover
{
    color: var(--tecko-primary-color);
}
.blog-carousel-pagination
{
    width: auto!important;
    position: relative;
    display: inline-flex;
    column-gap: 15px;
    bottom: auto!important;
}
.blog .pxl-content-main-wrap, .category .pxl-content-main-wrap, .tag .pxl-content-main-wrap
{
    display: flex;
    column-gap: 48px;
}
.blog .pxl-content-main-wrap .pxl-content-main-inner, .category .pxl-content-main-wrap .pxl-content-main-inner, .tag .pxl-content-main-wrap .pxl-content-main-inner
{
    flex: 1 1 auto;
    width: calc(100% * 8 / 12);
}
.blog .pxl-content-main-wrap .pxl-sidebar-area, .category .pxl-content-main-wrap .pxl-sidebar-area, .tag .pxl-content-main-wrap .pxl-sidebar-area
{
    flex: 1 1 auto;
    width: calc(100% * 4 / 12);
}
@media(max-width: 1024px)
{
    .blog .pxl-content-main-wrap .mfp-hide, .category .pxl-content-main-wrap .mfp-hide, .tag .pxl-content-main-wrap .mfp-hide
    {
        display: none;
    }
}
.blog .pxl-content-main-wrap.sidebar-position-left .pxl-content-main-inner, .category .pxl-content-main-wrap.sidebar-position-left .pxl-content-main-inner, .tag .pxl-content-main-wrap.sidebar-position-left .pxl-content-main-inner
{
    order: 2;
}
.filter-by-category
{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -.48px;
    column-gap: var(--tecko-filter-column-gap,30px);
    row-gap: var(--tecko-filter-row-gap);
    color: var(--tecko-filter-color,var(--tecko-body-color));
}
@media(min-width: 768px)
{
    .filter-by-category
    {
        font-size: 24px;
    }
}
.filter-by-category .filter-item
{
    cursor: pointer;
}
.filter-by-category .filter-item:hover .filter-item-text, .filter-by-category .filter-item.active .filter-item-text
{
    color: var(--tecko-filter-hover-color,#fff);
}
.filter-by-category .filter-item-text
{
    transition: all 250ms ease 0ms;
}
.filter-by-category .filter-item-count
{
    font-family: "Inter";
    font-size: .58em;
    color: var(--tecko-filter-color,var(--tecko-body-color));
}
.tecko-post-search-widget .form-wrap, .elementor-widget-wp-widget-tecko_post_search_widget .form-wrap
{
    position: relative;
}
.tecko-post-search-widget .tecko-search-field, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-field
{
    background-color: transparent;
    border: none;
    color: var(--tecko-body-color);
    padding: 15px 0;
    border-bottom: 1px solid #474e5c;
}
.tecko-post-search-widget .tecko-search-field::placeholder, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-field::placeholder
{
    color: var(--tecko-body-color);
    font-family: var(--body-font-family);
    font-weight: 500;
}
.tecko-post-search-widget .tecko-search-submit, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-submit
{
    background-color: transparent;
    padding: 0;
    min-height: auto;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    transform: scaleX(-1);
    font-size: 12px;
}
.tecko-post-search-widget .tecko-search-submit:hover, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-submit:hover
{
    color: var(--tecko-primary-color);
}
.pxl-sidebar-area .widget:not(:last-child), .elementor-widget-sidebar .widget:not(:last-child)
{
    margin-bottom: 64px;
}
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley
{
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
embed, iframe, object
{
    max-width: 100%;
}
.custom-logo-link
{
    display: inline-block;
}
.wp-caption
{
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"]
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption .wp-caption-text
{
    padding-top: 2px;
    text-align: right;
    font-size: 14px;
    line-height: 34px;
    color: #acacac;
    font-style: italic;
}
.wp-caption-text
{
    text-align: right;
    font-size: 14px;
    line-height: 34px;
    color: #acacac;
}
.gallery
{
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 25px;
    margin-top: 28px;
}
.gallery-item
{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 0 1em;
    padding: 0 10px;
    width: 50%;
}
.gallery-item .gallery-icon
{
    overflow: hidden;
}
.gallery-caption
{
    display: block;
    text-align: left;
    padding: 0 10px 0 0;
    margin-bottom: 0;
}
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright
{
    display: flex;
}
.wp-block-gallery.alignfull
{
    margin-bottom: 20px;
}
.wp-block-gallery.alignfull .blocks-gallery-caption
{
    margin-bottom: 20px;
}
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull
{
    width: 100vw;
}
#primary:not(.content-has-sidebar) .wp-block-gallery.alignfull .blocks-gallery-grid
{
    position: relative;
    left: calc(-12.5% - 128px);
    width: calc(125% + 150px);
    max-width: calc(125% + 150px);
}
.gallery-columns-1 .gallery-item
{
    width: 100%;
}
@media(min-width: 480px)
{
    .gallery-columns-3 .gallery-item
    {
        width: 33.333333%;
    }
}
@media(min-width: 480px)
{
    .gallery-columns-4 .gallery-item
    {
        width: 25%;
    }
}
.gallery-columns-5 .gallery-caption
{
    display: none;
}
@media(min-width: 480px)
{
    .gallery-columns-5 .gallery-item
    {
        width: 25%;
    }
}
@media(min-width: 768px)
{
    .gallery-columns-5 .gallery-item
    {
        width: 20%;
    }
}
.gallery-columns-6 .gallery-caption
{
    display: none;
}
@media(min-width: 480px)
{
    .gallery-columns-6 .gallery-item
    {
        width: 25%;
    }
}
@media(min-width: 768px)
{
    .gallery-columns-6 .gallery-item
    {
        width: 16.66%;
    }
}
.gallery-columns-7 .gallery-caption
{
    display: none;
}
@media(min-width: 480px)
{
    .gallery-columns-7 .gallery-item
    {
        width: 25%;
    }
}
@media(min-width: 768px)
{
    .gallery-columns-7 .gallery-item
    {
        width: 14.28%;
    }
}
.gallery-columns-8 .gallery-caption
{
    display: none;
}
@media(min-width: 480px)
{
    .gallery-columns-8 .gallery-item
    {
        width: 25%;
    }
}
@media(min-width: 768px)
{
    .gallery-columns-8 .gallery-item
    {
        width: 12.5%;
    }
}
.gallery-columns-9 .gallery-caption
{
    display: none;
}
@media(min-width: 480px)
{
    .gallery-columns-9 .gallery-item
    {
        width: 25%;
    }
}
@media(min-width: 768px)
{
    .gallery-columns-9 .gallery-item
    {
        width: 11.11%;
    }
}
.gallery-caption
{
    display: block;
}
.wp-block-gallery
{
    max-width: 100%!important;
}
.wp-block-gallery.aligncenter, .wp-block-gallery.alignleft, .wp-block-gallery.alignright
{
    display: flex;
}
.comments-area
{
    margin-top: 48px;
    background-color: #000;
    border-radius: 24px;
    padding: 48px 32px;
}
.comments-area .comment-list-wrap
{
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #2b303b;
}
.comments-title, .comment-reply-title
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
}
.commentlist
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.commentlist .inner-top
{
    display: flex;
    column-gap: 16px;
}
.commentlist>li
{
    border-top: 1px solid #2b303b;
    padding-top: 40px;
}
.commentlist>li:not(:first-child)
{
    margin-top: 40px;
}
.commentlist .children>li
{
    margin-top: 40px;
}
.commentlist .comment-avatar img
{
    max-width: 48px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}
.commentlist .comment-content
{
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}
.commentlist .comment-content .comment-title
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.commentlist .comment-content .comment-date
{
    font-size: 12px;
}
.commentlist .comment-text
{
    margin-top: 18px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 1.42;
}
.commentlist .children
{
    list-style: none;
    padding: 0 0 0 64px;
    margin: 0;
}
[dir="rtl"] .commentlist .children
{
    padding: 0 70px 0 0;
}
@media(max-width: 1499px)
{
    .commentlist .children
    {
        padding: 0 0 0 35px;
    }
    [dir="rtl"] .commentlist .children
    {
        padding: 0 35px 0 0;
    }
}
@media(max-width: 575px)
{
    .commentlist .children
    {
        padding: 0 0 0 15px;
    }
    [dir="rtl"] .commentlist .children
    {
        padding: 0 15px 0 0;
    }
}
.commentlist .comment-reply-link
{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 7.5px 14px;
    background-color: #474e5c;
    line-height: 1;
    border-radius: 30px;
}
.commentlist .comment-reply-link:hover
{
    background-color: var(--tecko-primary-color);
}
.comments-pagination
{
    margin-top: 24px;
}
.logged-in-as
{
    margin-bottom: 10px;
    color: var(--tecko-heading-color);
}
#cancel-comment-reply-link
{
    padding-left: 15px;
    color: var(--tecko-heading-color);
    font-weight: 400;
}
[dir="rtl"] #cancel-comment-reply-link
{
    padding-left: 0;
    padding-right: 15px;
}
p.no-comments
{
    margin-top: 30px;
    color: #f00;
}
.rating-container
{
    display: inline-block;
    height: 18px;
    vertical-align: top;
    font-size: 0;
    unicode-bidi: bidi-override;
    direction: rtl;
}
.rating-container *
{
    font-size: 17px;
}
.rating-container>input
{
    display: none;
}
.rating-container>input+label
{
    font-family: "pxli";
    line-height: 1;
}
.rating-container>input+label:before
{
    display: inline-block;
    content: "";
    color: #ffb237;
}
.rating-container>input:checked~label:before, .rating-container>input+label:hover~label:before, .rating-container>input+label:hover:before, .pxl-rating-icon-filled:before
{
    content: "";
    color: #ffb237;
}
.rating-container:hover>input+label:before, .pxl-rating-icon-empty:before
{
    content: "";
    color: #ffb237;
    text-shadow: none;
}
.rating-container:hover>input+label:hover~label:before, .rating-container:hover>input+label:hover:before
{
    content: "";
    color: #ffb237;
}
.pxl-rating-icon-filled, .pxl-rating-icon-empty
{
    font-family: "pxli";
    display: inline-block;
    overflow: hidden;
    width: 1em;
    white-space: nowrap;
    cursor: pointer;
    margin: 0;
}
.pxl-rating-icon-empty
{
    z-index: -1;
}
.pxl-comment-form-fields-wrap
{
    display: flex;
    column-gap: 16px;
}
.pxl-comment-form-fields-wrap .comment-form-field
{
    width: 100%;
}
.pxl-comment-form-fields-wrap .comment-form-field input
{
    background-color: #111317;
    border: none;
    color: #fff;
    padding: 18px;
    border-radius: 12px;
}
.comment-form
{
    display: flex;
    flex-direction: column;
}
.comment-form .comment-form-cookies-consent
{
    display: none;
}
.comment-form .pxl-comment-form-fields-wrap
{
    order: 2;
}
.comment-form .pxl-comment-form-fields-wrap.pxl-comment-form-fields-message
{
    order: 1;
    margin-top: 24px;
}
.comment-form .pxl-comment-form-fields-wrap:not(.pxl-comment-form-fields-message)
{
    margin-top: 16px;
}
.comment-form .form-submit
{
    order: 3;
    margin-top: 32px;
}
.tecko-scroll-top.fixed
{
    position: fixed;
    z-index: 99;
    bottom: 24px;
    right: 30px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--tecko-primary-color);
    opacity: 0;
    visibility: hidden;
}
.tecko-scroll-top.fixed i
{
    font-size: 16px;
    color: #fff;
}
.tecko-scroll-top.fixed:hover i, .tecko-scroll-top.fixed:focus i, .tecko-scroll-top.fixed:active i
{
    -webkit-animation: toTopFromBottom .3s forwards;
    -khtml-animation: toTopFromBottom .3s forwards;
    -moz-animation: toTopFromBottom .3s forwards;
    -ms-animation: toTopFromBottom .3s forwards;
    -o-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards;
}
.tecko-scroll-top.fixed.on
{
    bottom: 44px;
    opacity: 1;
    visibility: visible;
}
.tecko-scroll-top.relative
{
    color: var(--tecko-button-icon-color,#fff);
    font-size: var(--tecko-icon-size,20px);
}
.tecko-scroll-top.relative:hover
{
    color: var(--tecko-button-text-hover-color,var(--tecko-primary-color));
}
.pxl-footer.scroll-off:after
{
    display: none;
}
.pxl-footer .pxl-heading-wrap .heading-title
{
    color: #fff;
}
.pxl-footer .pxl-heading-wrap h4
{
    font-size: 24px;
}
.pxl-footer .pxl-nav-menu ul>li a
{
    position: relative;
    transition: all 200ms ease 0s;
}
.pxl-footer .pxl-nav-menu ul>li a:before
{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 5px;
    transform: scale(0);
}
.pxl-footer .pxl-nav-menu ul>li a>span
{
    transition: all .3s cubic-bezier(.39,.58,.57,1)!important;
    display: inline-block;
    transform: translateX(-23px);
}
.pxl-footer .pxl-nav-menu ul>li a>span:before
{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    vertical-align: middle;
    margin-right: 10px;
    transform: scale(0);
}
.pxl-footer .pxl-nav-menu ul>li a:hover
{
    margin-left: 0;
}
.pxl-footer .pxl-nav-menu ul>li a:hover>span
{
    transform: translateX(0);
}
.pxl-footer .pxl-nav-menu ul>li a:hover:before
{
    transition: all 200ms linear 200ms;
}
.pxl-footer .pxl-nav-menu ul>li a:hover>span:before
{
    transition: all 200ms linear 300ms;
}
.pxl-footer .pxl-nav-menu ul>li a:hover:before, .pxl-footer .pxl-nav-menu ul>li a:hover>span:before
{
    transform: scale(1);
}
.pxl-footer .pxl-nav-menu ul>li+li
{
    margin-top: 10px;
}
.pxl-footer-fixed #pxl-footer.footer-type-el
{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media(max-width: 1199px)
{
    .pxl-footer-fixed #pxl-footer.footer-type-el
    {
        position: static;
    }
}
.pxl-footer-fixed #header-type-el
{
    background-color: #fff;
}
.pxl-footer-fixed #pxl-main
{
    background-color: #fff;
}
@media(max-width: 1199px)
{
    .pxl-footer-fixed #pxl-main
    {
        margin-bottom: 0!important;
    }
}/* Default Footer */
.pxl-footer-bottom
{
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    font-size: 16px;
}
.pxl-copyright-text a
{
    color: var(--tecko-primary-color);
}
.pxl-copyright-text a:hover
{
    color: #fff;
}
@media(max-width: 575px)
{
    .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon .fa-square-full
    {
        margin-top: 5px;
    }
}
.elementor-section .elementor-container
{
    flex-wrap: wrap;
    justify-content: center;
}
.elementor-lightbox .swiper-zoom-container>canvas, .elementor-lightbox .swiper-zoom-container>img, .elementor-lightbox .swiper-zoom-container>svg
{
    object-fit: cover;
    -o-object-fit: cover;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated
{
    padding: 0 15px;
}
.elementor-column-gap-extended>.elementor-column>.elementor-element-populated
{
    padding: 0 15px;
}
.pxl-single-post .single-elementor-content>.elementor
{
    margin: 0 -15px;
}
.pxl-single-post .elementor-inner-section>.elementor-column-gap-default
{
    margin: 0 -15px;
}
.elementor-section-boxed .elementor-inner-section>.elementor-column-gap-default
{
    margin: 0 -15px;
}
.pxl-entry-content .fadeInUp.animated
{
    -webkit-animation: pxlFadeInUp 1s linear;
    -khtml-animation: pxlFadeInUp 1s linear;
    -moz-animation: pxlFadeInUp 1s linear;
    -ms-animation: pxlFadeInUp 1s linear;
    -o-animation: pxlFadeInUp 1s linear;
    animation: pxlFadeInUp 1s linear;
    -webkit-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.pxl-entry-content .fadeInUp.animated.animated-slow
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.pxl-entry-content .fadeInUp.animated.animated-fast
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.pxl-entry-content .fadeInDown.animated
{
    -webkit-animation: pxlFadeInDown 1s linear;
    -khtml-animation: pxlFadeInDown 1s linear;
    -moz-animation: pxlFadeInDown 1s linear;
    -ms-animation: pxlFadeInDown 1s linear;
    -o-animation: pxlFadeInDown 1s linear;
    animation: pxlFadeInDown 1s linear;
    -webkit-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.pxl-entry-content .fadeInDown.animated.animated-slow
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.pxl-entry-content .fadeInDown.animated.animated-fast
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.pxl-entry-content .fadeInLeft.animated
{
    -webkit-animation: pxlFadeInLeft 1s linear;
    -khtml-animation: pxlFadeInLeft 1s linear;
    -moz-animation: pxlFadeInLeft 1s linear;
    -ms-animation: pxlFadeInLeft 1s linear;
    -o-animation: pxlFadeInLeft 1s linear;
    animation: pxlFadeInLeft 1s linear;
    -webkit-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.pxl-entry-content .fadeInLeft.animated.animated-slow
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.pxl-entry-content .fadeInLeft.animated.animated-fast
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.pxl-entry-content .fadeInRight.animated
{
    -webkit-animation: pxlFadeInRight 1s linear;
    -khtml-animation: pxlFadeInRight 1s linear;
    -moz-animation: pxlFadeInRight 1s linear;
    -ms-animation: pxlFadeInRight 1s linear;
    -o-animation: pxlFadeInRight 1s linear;
    animation: pxlFadeInRight 1s linear;
    -webkit-transition: all 1s linear;
    -khtml-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}
.pxl-entry-content .fadeInRight.animated.animated-slow
{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.pxl-entry-content .fadeInRight.animated.animated-fast
{
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}
.elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon
{
    flex: none;
}
@media(max-width: 575px)
{
    .elementor-widget-icon-list .elementor-icon-list-item
    {
        align-items: flex-start!important;
    }
    .elementor-widget-icon-list .elementor-icon-list-item .elementor-icon-list-icon
    {
        margin-top: .3em;
    }
}
.elementor-image-box-wrapper .elementor-image-box-img
{
    flex: none!important;
}
@media(max-width: 575px)
{
    .elementor-image-box-wrapper .elementor-image-box-img
    {
        margin-bottom: 15px!important;
    }
}
@media(min-width: 1200px)
{
    .pxl-section-offset-left.pxl-container-width-container-1200
    {
        padding-left: calc((100% - 1170px) / 2)!important;
    }
}
@media(min-width: 1570px)
{
    .pxl-section-offset-left.pxl-container-width-container-1570
    {
        padding-left: calc((100% - 1540px) / 2)!important;
    }
}
@media(min-width: 1200px)
{
    .pxl-section-offset-right.pxl-container-width-container-1200
    {
        padding-right: calc((100% - 1170px) / 2)!important;
    }
}
@media(min-width: 1570px)
{
    .pxl-section-offset-right.pxl-container-width-container-1570
    {
        padding-right: calc((100% - 1540px) / 2)!important;
    }
}
.pxl-shape-divider-pos-top .pxl-shape-divider
{
    top: -1px;
}
.pxl-shape-divider-mask .pxl-shape-divider
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    line-height: 0;
    direction: ltr;
    mask-image: var(--ss-mask-url);
    -webkit-mask-image: var(--ss-mask-url);
    -ms-mask-image: var(--ss-mask-url);
    -o-mask-image: var(--ss-mask-url);
    -webkit-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    background-color: #fff;
}
.pxl-shape-divider-mask.pxl-shape-divider-pos-top .pxl-shape-divider
{
    -webkit-mask-position: center top;
    -ms-mask-position: center top;
    -o-mask-position: center top;
    mask-position: center top;
}
.pxl-shape-divider-mask.pxl-shape-divider-pos-bottom .pxl-shape-divider
{
    -webkit-mask-position: center bottom;
    -ms-mask-position: center bottom;
    -o-mask-position: center bottom;
    mask-position: center bottom;
}
.elementor-widget-wrap
{
    transition: all 300ms ease 0s;
}
.elementor-lightbox .swiper-slide .swiper-zoom-container>img
{
    object-fit: contain;
    -o-object-fit: contain;
}
.pxl-text-editor-wrap .pxl-dropcap::first-letter, .pxl-text-editor-wrap .pxl-dropcap>*:first-child::first-letter 
{
    display: inline-block;
    float: left;
    margin: 0 22px 0 0;
    text-align: center;
    color: var(--tecko-heading-color);
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    font-family: var(--heading-font-family);
}
.e-widget-swiper .elementor-swiper-button
{
    font-size: 18px;
    color: #fff;
    width: 70px;
    height: 38px;
    background-color: var(--tecko-primary-color);
    align-items: center;
    transition: all 300ms ease;
    opacity: 1;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev
{
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateX(-100%);
    justify-content: flex-end;
    border-radius: 20px 0 0 0;
    padding-right: 18px;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev:before
{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 28px solid var(--tecko-primary-color);
    border-left: 12px solid transparent;
    position: absolute;
    bottom: 0;
    left: -10px;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-prev:hover i
{
    -webkit-animation: toLeftFromRight .4s forwards;
    -khtml-animation: toLeftFromRight .4s forwards;
    -moz-animation: toLeftFromRight .4s forwards;
    -ms-animation: toLeftFromRight .4s forwards;
    -o-animation: toLeftFromRight .4s forwards;
    animation: toLeftFromRight .4s forwards;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next
{
    bottom: 0;
    top: auto;
    right: 50%;
    transform: translateX(100%);
    border-radius: 0 20px 0 0;
    padding-left: 18px;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next:before
{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 28px solid var(--tecko-primary-color);
    border-right: 12px solid transparent;
    position: absolute;
    bottom: 0;
    right: -10px;
}
.e-widget-swiper.elementor-arrows-position-inside .elementor-swiper-button-next:hover i
{
    -webkit-animation: toRightFromLeft .5s forwards;
    -khtml-animation: toRightFromLeft .5s forwards;
    -moz-animation: toRightFromLeft .5s forwards;
    -ms-animation: toRightFromLeft .5s forwards;
    -o-animation: toRightFromLeft .5s forwards;
    animation: toRightFromLeft .5s forwards;
}/* The typewriter cursor effect */
@keyframes blink-caret
{
    from, to
    {
        opacity: 0;
    }
    50%
    {
        opacity: .8;
    }
}
.pxl-split-text
{
    font-kerning: none;
}
.pxl-button-wrapper .icon-ps-left
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.pxl-button-wrapper .icon-ps-left>*
{
    max-width: 100%;
}
.pxl-button-wrapper .icon-ps-left .pxl-button-text
{
    order: 2;
}
.pxl-button-wrapper .icon-ps-left .pxl-button-icon
{
    margin-left: 0;
    margin-right: 10px;
}
.pxl-nav-menu ul, .pxl-nav-menu ol
{
    list-style: none;
}
.pxl-nav-menu.is-arrow .pxl-primary-menu>li>.main-menu-toggle
{
    display: inline-flex;
}
.pxl-nav-menu ul.cat-list-item li
{
    padding-left: 13px;
}
.pxl-nav-menu ul.cat-list-item li:hover a, .pxl-nav-menu ul.cat-list-item li a:hover
{
    color: var(--link-color-hover);
}
.pxl-nav-menu.hide-underline .pxl-primary-menu>li:before
{
    content: none;
}
@media(min-width: 1200px)
{
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li:before
    {
        display: none;
    }
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li>a
    {
        color: var(--tecko-heading-color);
        font-weight: 700;
        overflow: hidden;
    }
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li>a span
    {
        position: relative;
        overflow: hidden;
    }
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li>a span:before
    {
        content: "";
        width: 100%;
        height: 1px;
        background-color: var(--tecko-primary-color);
        position: absolute;
        left: 0;
        bottom: -2px;
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -khtml-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: transform .6s linear,opacity .5s linear;
        -khtml-transition: transform .6s linear,opacity .5s linear;
        -moz-transition: transform .6s linear,opacity .5s linear;
        -ms-transition: transform .6s linear,opacity .5s linear;
        -o-transition: transform .6s linear,opacity .5s linear;
        transition: transform .6s linear,opacity .5s linear;
    }
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.active>a, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.current-menu-item>a, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.current-menu-ancestor>a, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li:hover>a
    {
        color: var(--tecko-primary-color);
    }
    .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.active>a span:before, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.current-menu-item>a span:before, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li.current-menu-ancestor>a span:before, .pxl-nav-menu.pxl-nav-menu-main.style-2 .pxl-primary-menu>li:hover>a span:before
    {
        opacity: 1;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item>a span:last-child
{
    transition: all 300ms linear 0s;
    border-bottom: 1px solid transparent;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item>a .link-icon
{
    color: var(--link-color-hover);
    margin-right: 8px;
    font-size: 12px;
    position: relative;
    bottom: 2px;
    transition: all 100ms linear 0s;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item>a .link-icon .fa-square-full
{
    font-size: 5px;
}
.pxl-nav-menu.pxl-nav-menu-inner .menu-item>a:hover .link-icon
{
    color: inherit;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-1.border-hover .menu-item>a:hover span:last-child
{
    border-color: inherit;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li
{
    position: relative;
    margin-bottom: 13px;
    padding-bottom: 9px;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li>a
{
    transition: none;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li>a:after
{
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 17px;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    margin-left: 2px;
    opacity: 0;
    transition: all 300ms linear 0s;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li>a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li>a:hover:after
{
    opacity: 1;
    margin-left: 8px;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li:before, .pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li:after
{
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li:before
{
    border-bottom: 1px dotted;
    opacity: .32;
    width: 100%;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li:after
{
    border-bottom: 1px solid;
    width: 0;
    opacity: 0;
    transition: all 300ms linear 0s;
}
.pxl-nav-menu.pxl-nav-menu-inner.style-2.border-hover .pxl-nav-inner>li:hover:after
{
    width: 100%;
    opacity: 1;
}
.pxl-anchor-wrap
{
    color: var(--tecko-heading-color);
}
.pxl-anchor-wrap .pxl-anchor-icon
{
    cursor: pointer;
}
.pxl-anchor-wrap svg
{
    width: 25px;
    fill: var(--tecko-heading-color);
}
.pxl-cart-widget .tecko-cart
{
    position: relative;
    font-size: 24px;
    color: #7e8695;
}
.pxl-cart-widget .tecko-cart .cart-count
{
    position: absolute;
    right: -7px;
    top: -2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #fff;
    color: #000;
    font-size: 12px;
    font-weight: 600;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-form
{
    width: 100%;
}
.pxl-search-form-layout-1 .pxl-search-wrap fieldset
{
    padding: 0;
}
.pxl-search-form-layout-1 .pxl-search-wrap form
{
    position: relative;
    height: 55px;
    display: inline-flex;
    border-radius: 5px;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field
{
    border-width: 0 0 1px 0;
    border-radius: 0;
    font-size: 13px;
    line-height: 32px;
    letter-spacing: .04em;
    border-color: transparent;
    height: 55px;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field::-webkit-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field::-moz-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:-ms-input-placeholder
{
    color: var(--tecko-heading-color);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-field:hover
{
    border-color: var(--tecko-primary-color);
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit
{
    width: 58px;
    display: flex;
    flex: none;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    font-size: 17px;
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.pxl-search-form-layout-1 .pxl-search-wrap .pxl-search-submit span
{
    animation: none;
    margin: 0;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]
{
    position: relative;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:before
{
    content: "";
    background-color: rgba(var(--secondary-color-rgb),.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:after
{
    content: "";
    font-family: "pxli";
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    display: inline-block;
    font-size: 30px;
    line-height: 1;
    margin-top: -15px;
    margin-left: -15px;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:before
{
    opacity: 1;
    visibility: visible;
}
.elementor-widget-image a[data-elementor-open-lightbox="yes"]:hover:after
{
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
@keyframes sliderShape
{
    0%, 100%
    {
        border-radius: 51% 49% 62% 38%/59% 50% 50% 41%;
        transform: translate3d(0,0,0) rotateZ(.01deg);
    }
    33%
    {
        border-radius: 67% 33% 80% 17%/87% 46% 54% 13%;
    }
    66%
    {
        border-radius: 85% 25% 63% 37%/53% 21% 79% 47%;
    }
}
@keyframes sliderShape2
{
    0%, 100%
    {
        border-radius: 55% 45% 51% 49%/49% 46% 54% 51%;
        transform: translate3d(0,0,0) rotateZ(.01deg);
    }
    34%
    {
        border-radius: 44% 56% 28% 72%/68% 52% 48% 32%;
    }
    55%
    {
        transform: translate3d(0,0,0) rotateZ(.01deg);
    }
    70%
    {
        border-radius: 68% 32% 69% 31%/73% 74% 26% 27%;
        transform: translate3d(0,-3px,0) rotateZ(.01deg);
    }
}
@keyframes sliderShape3
{
    0%, 100%
    {
        border-radius: 0% 100% 76% 24%/100% 42% 58% 0%;
    }
    50%
    {
        border-radius: 0% 100% 76% 24%/100% 65% 35% 0%;
        transform: translate3d(0,5px,0) rotateZ(.01deg);
    }
}
.pxl-fancy-layout-1+.pxl-fancy-layout-1
{
    position: relative;
}
.pxl-fancy-layout-1+.pxl-fancy-layout-1:before
{
    content: "";
    display: block;
    width: 1px;
    background-color: #d8d8d8;
    position: absolute;
    top: -60px;
    bottom: 30px;
    left: 36px;
}
.anchor-inner-item
{
    display: none;
    opacity: 0;
    -webkit-animation: pxlFadeInUp 300ms linear 1 forwards;
    -khtml-animation: pxlFadeInUp 300ms linear 1 forwards;
    -moz-animation: pxlFadeInUp 300ms linear 1 forwards;
    -ms-animation: pxlFadeInUp 300ms linear 1 forwards;
    -o-animation: pxlFadeInUp 300ms linear 1 forwards;
    animation: pxlFadeInUp 300ms linear 1 forwards;
}
.anchor-inner-item.active
{
    display: block;
}
.elementor-editor-active .anchor-inner-item
{
    display: block!important;
}
.tecko-star-rating
{
    display: flex;
    --star-background: #ef2b10;
    --star-color: #d9dce3;
    --percent: 100%;
    column-gap: 10px;
}
.tecko-star-rating .star-wrap
{
    position: relative;
    display: flex;
    background: linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.primary-color
{
    color: var(--tecko-primary-color);
}
.pointer-event-none
{
    pointer-events: none;
}/* Pxl Grid */
.pxl-grid .grid-filter-wrap
{
    margin-bottom: 40px;
}
.pxl-grid .grid-filter-wrap .filter-item
{
    font-family: var(--heading-font-family);
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    color: var(--tecko-heading-color);
    letter-spacing: .02em;
    text-transform: capitalize;
    margin-top: 10px;
    cursor: pointer;
    padding: 0 20px;
    position: relative;
}
.pxl-grid .grid-filter-wrap .filter-item:after
{
    content: "";
    display: block;
    height: 2px;
    background-color: var(--tecko-secondary-color);
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    transform: scaleX(0);
    transform-origin: left;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.pxl-grid .grid-filter-wrap .filter-item.active:after, .pxl-grid .grid-filter-wrap .filter-item:hover:after
{
    transform: scaleX(1);
}
.pxl-grid .grid-filter-wrap.start .filter-item:first-child
{
    padding-left: 0!important;
}
.pxl-grid .grid-filter-wrap.start .filter-item:first-child:after
{
    left: 0!important;
}
.pxl-grid .grid-filter-wrap.end .filter-item:last-child
{
    padding-right: 0!important;
}
.pxl-grid .grid-filter-wrap.end .filter-item:last-child:after
{
    right: 0!important;
}
.pxl-grid .grid-sizer
{
    visibility: hidden;
    position: absolute;
    margin: 0!important;
    padding: 0!important;
}
.pxl-grid .grid-item-inner
{
    position: relative;
}
.pxl-grid .item-featured .post-image>a
{
    display: block;
}
.grid-item .pxl-video-popup
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.grid-item .pxl-video-popup .video-play-button
{
    width: 56px;
    height: 56px;
    color: #fff;
}
.grid-item .audio-play-button
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex!important;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    background-color: var(--gradient02-color-to);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient02-color-to)),to(var(--gradient02-color-from)));
    background-image: -webkit-linear-gradient(var(--gradient02-angle),var(--gradient02-color-to),var(--gradient02-color-from));
    background-image: -moz-linear-gradient(var(--gradient02-angle),var(--gradient02-color-to),var(--gradient02-color-from));
    background-image: -ms-linear-gradient(var(--gradient02-angle),var(--gradient02-color-to),var(--gradient02-color-from));
    background-image: -o-linear-gradient(var(--gradient02-angle),var(--gradient02-color-to),var(--gradient02-color-from));
    background-image: linear-gradient(var(--gradient02-angle),var(--gradient02-color-to),var(--gradient02-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient02-color-to)",endColorStr="var(--gradient02-color-from)",gradientType="1");
    transition: all 400ms cubic-bezier(.39,.58,.57,1) 0s;
    background-size: 150%;
    border-radius: 50%;
}
.grid-item .audio-play-button i
{
    position: relative;
    z-index: 9;
    color: inherit;
    font-size: 22px;
}
.grid-item .audio-play-button:after
{
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    transition: all 400ms cubic-bezier(.39,.58,.57,1) 0s;
    background-color: var(--gradient01-color-to);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient01-color-to)),to(var(--gradient01-color-from)));
    background-image: -webkit-linear-gradient(var(--gradient02-angle),var(--gradient01-color-to),var(--gradient01-color-from));
    background-image: -moz-linear-gradient(var(--gradient02-angle),var(--gradient01-color-to),var(--gradient01-color-from));
    background-image: -ms-linear-gradient(var(--gradient02-angle),var(--gradient01-color-to),var(--gradient01-color-from));
    background-image: -o-linear-gradient(var(--gradient02-angle),var(--gradient01-color-to),var(--gradient01-color-from));
    background-image: linear-gradient(var(--gradient02-angle),var(--gradient01-color-to),var(--gradient01-color-from));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-to)",endColorStr="var(--gradient01-color-from)",gradientType="1");
    opacity: 0;
}
.grid-item .audio-play-button:hover:after
{
    opacity: 1;
}/* Pxl Post Grid */
.pxl-post-grid.layout-post-1 .grid-item
{
    margin-bottom: 35px;
}
.pxl-post-grid.layout-post-1 .item-featured
{
    position: relative;
    margin-top: 25px;
    margin-bottom: 25px;
}
.pxl-post-grid.layout-post-1 .item-featured .post-date
{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    color: #fff;
    background-color: var(--gradient01-color-from);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient01-color-from)),to(var(--gradient01-color-to)));
    background-image: -webkit-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -moz-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -ms-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -o-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-from)",endColorStr="var(--gradient01-color-to)",gradientType="1");
    display: inline-block;
    padding: 7px 18px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 17px;
    z-index: 1;
}
.pxl-post-grid.layout-post-1 .item-featured .post-image
{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.pxl-post-grid.layout-post-1 .pxl-archive-post i
{
    color: var(--tecko-primary-color);
}
.pxl-post-grid.layout-post-1 .pxl-archive-post.format-quote .quote-inner .quote-text
{
    font-size: 20px;
    line-height: 30px;
}
@media(min-width: 1200px)
{
    .pxl-post-grid.layout-post-1 .pxl-archive-post.format-quote .quote-inner .quote-text
    {
        max-width: 94%;
    }
}
.pxl-post-grid.layout-post-1 .pxl-archive-post.format-link .link-inner .link-text
{
    font-size: 20px;
    line-height: 30px;
}
.pxl-post-grid.layout-post-1 .item-content
{
    text-align: center;
    padding: 0 15px;
}
.pxl-post-grid.layout-post-1 .item-content .meta-inner
{
    justify-content: center;
}
.pxl-post-grid.layout-post-1 .item-title
{
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 1px;
}
.pxl-post-grid.layout-post-1 .pxl-divider
{
    width: 76px;
    height: 2px;
}
.pxl-post-grid.layout-post-1 .item-excerpt
{
    margin-top: 10px;
    margin-bottom: 15px;
}
.pxl-post-grid.layout-post-1 .post-metas
{
    margin-bottom: 0;
}
.pxl-post-grid.layout-post-1 .post-metas .post-comments a:after
{
    content: none;
}
@media(max-width: 575px)
{
    .pxl-post-grid.layout-post-1 .post-metas .meta-inner>span
    {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        justify-content: center;
    }
    .pxl-post-grid.layout-post-1 .post-metas .post-category i
    {
        display: none;
    }
    .pxl-post-grid.layout-post-1 .post-metas .post-category:after
    {
        content: none;
    }
}
.pxl-post-grid.layout-post-1 .posts-pagination
{
    padding-top: 30px;
}/* Pxl Post List */
.pxl-post-list.layout-post-list-1 .pxl-archive-post
{
    margin-bottom: 0;
    padding-bottom: 0;
    border-color: transparent;
}
.pxl-post-list.layout-post-list-1 .pxl-archive-post.format-link, .pxl-post-list.layout-post-list-1 .pxl-archive-post.format-quote
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.pxl-post-list.layout-post-list-1 .grid-item .grid-item-inner
{
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}
.pxl-post-list.layout-post-list-1 .grid-item:last-child .grid-item-inner
{
    padding-bottom: 0;
    margin-bottom: 0;
    border-color: transparent;
}
.pxl-post-list.layout-post-list-1 .grid-item:last-child .format-link, .pxl-post-list.layout-post-list-1 .grid-item:last-child .format-quote
{
    margin-bottom: 0!important;
}
.pxl-post-list.layout-post-list-1 .item-featured .post-image
{
    position: relative;
    margin: 20px 0;
    border-radius: 15px;
    overflow: hidden;
}
.pxl-post-list.layout-post-list-1 .item-featured .post-image .post-date
{
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .1em;
    color: #fff;
    background-color: var(--gradient01-color-from);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient01-color-from)),to(var(--gradient01-color-to)));
    background-image: -webkit-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -moz-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -ms-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: -o-linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    background-image: linear-gradient(72deg,var(--gradient01-color-from),var(--gradient01-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient01-color-from)",endColorStr="var(--gradient01-color-to)",gradientType="1");
    display: inline-block;
    padding: 7px 18px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 15px 0;
}
.pxl-post-list.layout-post-list-1 .item-featured .post-image .video-play-button
{
    width: 50px;
    height: 50px;
}
.pxl-post-list.layout-post-list-1 .item-featured .post-image .audio-play-button
{
    width: 50px;
    height: 50px;
}
.pxl-post-list.layout-post-list-1 .item-title
{
    font-size: 25px;
    line-height: 32px;
}
.pxl-post-list.layout-post-list-1 .item-excerpt
{
    margin-bottom: 20px;
}/* Pxl Portfolio Grid */
.pxl-portfolio-grid .grid-filter-wrap
{
    margin-bottom: 60px;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-featured
{
    position: relative;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-featured .post-image
{
    border-radius: 25px;
    overflow: hidden;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-title
{
    font-size: 20px;
    color: #fff;
    margin-bottom: 7px;
    transform: translateY(10px);
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-title a
{
    color: inherit;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-tags
{
    font-family: var(--heading-font-family);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #dbdbe2;
    transform: translatey(10px);
    opacity: 0;
    -webkit-transition: 300ms all ease 0ms;
    -khtml-transition: 300ms all ease 0ms;
    -moz-transition: 300ms all ease 0ms;
    -ms-transition: 300ms all ease 0ms;
    -o-transition: 300ms all ease 0ms;
    transition: 300ms all ease 0ms;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-tags a
{
    color: inherit;
}
@media(max-width: 575px)
{
    .pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-tags
    {
        font-size: 11px;
    }
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-content
{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 80%;
    padding: 30px 30px 28px;
    z-index: 1;
}
@media(max-width: 575px)
{
    .pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-content
    {
        padding: 30px 15px 28px;
        width: 85%;
    }
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-content .content-inner
{
    position: relative;
    z-index: 2;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-content:before
{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 0 20px 20px 0;
    background-color: var(--gradient02-color-from);
    background-image: -webkit-gradient(linear,left top,right top,from(var(--gradient02-color-from)),to(var(--gradient02-color-to)));
    background-image: -webkit-linear-gradient(90deg,var(--gradient02-color-from),var(--gradient02-color-to));
    background-image: -moz-linear-gradient(90deg,var(--gradient02-color-from),var(--gradient02-color-to));
    background-image: -ms-linear-gradient(90deg,var(--gradient02-color-from),var(--gradient02-color-to));
    background-image: -o-linear-gradient(90deg,var(--gradient02-color-from),var(--gradient02-color-to));
    background-image: linear-gradient(90deg,var(--gradient02-color-from),var(--gradient02-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="var(--gradient02-color-from)",endColorStr="var(--gradient02-color-to)",gradientType="1");
    transform: rotate3d(1,0,0,90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: out-left .4s ease 0ms 1 forwards;
    -khtml-animation: out-left .4s ease 0ms 1 forwards;
    -moz-animation: out-left .4s ease 0ms 1 forwards;
    -ms-animation: out-left .4s ease 0ms 1 forwards;
    -o-animation: out-left .4s ease 0ms 1 forwards;
    animation: out-left .4s ease 0ms 1 forwards;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-readmore
{
    opacity: 0;
    -webkit-transition: 300ms all linear 0ms;
    -khtml-transition: 300ms all linear 0ms;
    -moz-transition: 300ms all linear 0ms;
    -ms-transition: 300ms all linear 0ms;
    -o-transition: 300ms all linear 0ms;
    transition: 300ms all linear 0ms;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translate(50%,-50%);
}
@media(max-width: 575px)
{
    .pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner .item-readmore .bt-more-plus
    {
        width: 48px;
        height: 48px;
    }
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner:hover .item-title
{
    transform: translatey(0);
    opacity: 1;
    transition-delay: 300ms;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner:hover .item-tags
{
    transform: translatey(0);
    opacity: 1;
    transition-delay: 400ms;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner:hover .item-readmore
{
    right: 0;
    opacity: 1;
    transition-delay: 300ms;
}
.pxl-portfolio-grid.layout-pxl-portfolio-1 .grid-item-inner:hover .item-content:before
{
    -webkit-animation: in-left .4s ease 0ms 1 forwards;
    -khtml-animation: in-left .4s ease 0ms 1 forwards;
    -moz-animation: in-left .4s ease 0ms 1 forwards;
    -ms-animation: in-left .4s ease 0ms 1 forwards;
    -o-animation: in-left .4s ease 0ms 1 forwards;
    animation: in-left .4s ease 0ms 1 forwards;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner
{
    margin-bottom: 13px;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured
{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured .post-image
{
    overflow: hidden;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured .post-image img
{
    transition: all 400ms ease 0s;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured:before
{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 1000px;
    height: 1000px;
    background-color: rgba(var(--additional03-color-rgb),.65);
    z-index: 1;
    transform: translate(-50%,-50%) scale(0);
    opacity: 0;
    border-radius: 50%;
    transition: all 500ms linear 0s;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured .item-readmore
{
    -webkit-transition: 300ms all linear 0s;
    -khtml-transition: 300ms all linear 0s;
    -moz-transition: 300ms all linear 0s;
    -ms-transition: 300ms all linear 0s;
    -o-transition: 300ms all linear 0s;
    transition: 300ms all linear 0s;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    opacity: 0;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured .item-readmore .bt-more-plus
{
    width: 54px;
    height: 54px;
    border-radius: 8px;
    transform: scale(0);
    transition: all 400ms linear 0s;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured:hover:before
{
    opacity: 1;
    transform: translate(-50%,-50%) scale(1);
    transition: opacity 500ms linear,transform 700ms linear;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured:hover .post-image img
{
    filter: blur(3px);
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured:hover .item-readmore
{
    opacity: 1;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-featured:hover .item-readmore .bt-more-plus
{
    transform: scale(1);
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-title
{
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 25px;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-title a
{
    transition: all 300ms ease 0s;
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-title a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-portfolio-grid.layout-pxl-portfolio-2 .grid-item-inner .item-tags
{
    font-family: var(--heading-font-family);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .15em;
}
@keyframes socialIn
{
    0%
    {
        transform: translateY(-25px);
        opacity: 0;
    }
    100%
    {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
}/* Pxl Team Grid */
.pxl-team-grid.layout-1 .pxl-grid-inner
{
    padding-top: 80px;
}
.pxl-team-grid.layout-1 .pxl-grid-inner>.grid-item
{
    margin-bottom: 67px;
}
.pxl-team-grid.layout-1 .item-inner
{
    position: relative;
}
.pxl-team-grid.layout-1 .item-inner .item-image
{
    position: relative;
    margin-bottom: 25px;
}
.pxl-team-grid.layout-1 .item-inner .item-image .image-wrap
{
    border-radius: 30px;
    overflow: hidden;
}
.pxl-team-grid.layout-1 .item-inner .item-social
{
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 1;
}
.pxl-team-grid.layout-1 .item-inner .item-social i
{
    color: #fff;
    transition: all 300ms linear 0s;
}
.pxl-team-grid.layout-1 .item-inner .item-social a
{
    width: 40px;
    height: 40px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: var(--tecko-secondary-color);
    font-size: 15px;
    color: #fff;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms linear;
}
.pxl-team-grid.layout-1 .item-inner .item-social a>*
{
    max-width: 100%;
}
.pxl-team-grid.layout-1 .item-inner .item-social a:hover
{
    background-color: var(--tecko-primary-color);
}
.pxl-team-grid.layout-1 .item-inner .item-social a:hover i
{
    opacity: 1;
}
.pxl-team-grid.layout-1 .item-inner .say-hi
{
    position: absolute;
    top: -60px;
    left: 0;
    min-width: 150px;
    min-height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all 400ms ease-in-out;
    opacity: 0;
}
.pxl-team-grid.layout-1 .item-inner .say-hi h4
{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.pxl-team-grid.layout-1 .item-inner .say-hi img
{
    width: auto;
    max-width: 60px;
}
.pxl-team-grid.layout-1 .item-inner .item-image:hover .say-hi
{
    transform: scale(1);
    opacity: 1;
}
.pxl-team-grid.layout-1 .item-content
{
    text-align: center;
    padding: 0 20px;
}
.pxl-team-grid.layout-1 .item-content .item-title
{
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 8px;
    letter-spacing: .02em;
}
.pxl-team-grid.layout-1 .item-content .item-title a
{
    color: inherit;
}
.pxl-team-grid.layout-1 .item-content .item-title a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-team-grid.layout-1 .item-content .item-position
{
    font-family: var(--heading-font-family);
    font-size: 15px;
    color: #6d6c79;
    letter-spacing: .02em;
    text-transform: capitalize;
    margin-top: 3px;
}
.pxl-team-grid.layout-1 .item-content .item-description
{
    margin-top: 10px;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a
{
    -webkit-animation: socialIn 300ms forwards;
    -khtml-animation: socialIn 300ms forwards;
    -moz-animation: socialIn 300ms forwards;
    -ms-animation: socialIn 300ms forwards;
    -o-animation: socialIn 300ms forwards;
    animation: socialIn 300ms forwards;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:first-child
{
    animation-delay: 100ms;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:nth-child(2)
{
    animation-delay: 200ms;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:nth-child(3)
{
    animation-delay: 300ms;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:nth-child(4)
{
    animation-delay: 400ms;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:nth-child(5)
{
    animation-delay: 500ms;
}
.pxl-team-grid.layout-1 .item-inner:hover .item-social a:nth-child(6)
{
    animation-delay: 600ms;
}
.pxl-testimonial-carousel-widget.layout-1
{
    --item-background-color: #eaecf7;
    --meta-gap: 40px;
    --meta-border-color: #ddd;
}
.pxl-testimonial-carousel-widget.layout-1 .testimonial-item
{
    border-radius: 12px;
    background: var(--item-background-color);
    padding: 26px 43px 43px;
}
.pxl-testimonial-carousel-widget.layout-1 .testimonial-item-info
{
    display: flex;
    column-gap: 24px;
    align-items: center;
}
.pxl-testimonial-carousel-widget.layout-1 img
{
    max-width: 64px;
    aspect-ratio: .8648648649;
    object-fit: cover;
    object-position: top;
    clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
.pxl-testimonial-carousel-widget.layout-1 .reviewer-name
{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55;
    margin-bottom: var(--tecko-author-name-spacing);
}
.pxl-testimonial-carousel-widget.layout-1 .reviewer-description
{
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-carousel-widget.layout-1 .review
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.48px;
    margin-top: var(--review-spacing,36px);
}
.pxl-testimonial-carousel-widget.layout-1 .testimonial-meta
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--meta-border-color);
    margin-top: var(--meta-gap);
    padding-top: var(--meta-gap);
}
.pxl-testimonial-carousel-widget.layout-1 .tecko-star-rating
{
    --star-background: #f48c12;
}
.pxl-testimonial-carousel-widget.layout-1 .date
{
    color: #494949;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-testimonial-carousel-widget.layout-1 .rating-title
{
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55;
}
.pxl-testimonial-carousel-widget.layout-1 .testimonial-carousel-pagination-wrap
{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    margin-top: 40px;
}
.pxl-testimonial-carousel-widget.layout-1 .swiper-nav-button i
{
    width: 32px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #999;
    font-size: 16px;
    cursor: pointer;
    color: var(--tecko-primary-color);
    transition: all 250ms ease;
}
.pxl-testimonial-carousel-widget.layout-1 .swiper-nav-button i:hover
{
    border-color: var(--tecko-primary-color);
    color: #fff;
    background-color: var(--tecko-primary-color);
}
.pxl-testimonial-carousel-widget.layout-1 .swiper-pagination
{
    position: relative;
    bottom: auto!important;
    display: flex;
    column-gap: 14px;
    width: auto;
}
.pxl-testimonial-carousel-widget.layout-1 .swiper-pagination-bullet
{
    background-color: #d9d9d9;
}
.pxl-testimonial-carousel-widget.layout-1 .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color: var(--tecko-primary-color);
}
.pxl-testimonial-carousel-widget.layout-2
{
    --meta-gap: 30px;
    --meta-border-color: #d9dce3;
}
.pxl-testimonial-carousel-widget.layout-2 .widget-wrap
{
    position: relative;
    max-width: 464px;
    border-radius: 8px;
    background: #f2f0ed;
    padding: 24px;
}
.pxl-testimonial-carousel-widget.layout-2 .review
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-testimonial-carousel-widget.layout-2 .testimonial-item-info
{
    padding-top: var(--meta-gap);
    margin-top: var(--meta-gap);
    border-top: 1px dashed var(--meta-border-color);
}
.pxl-testimonial-carousel-widget.layout-2 .reviewer-name
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    margin-bottom: var(--tecko-author-name-spacing);
}
.pxl-testimonial-carousel-widget.layout-2 .reviewer-description
{
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-carousel-widget.layout-2 .testimonial-carousel-pagination-wrap
{
    display: flex;
    column-gap: 8px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.pxl-testimonial-carousel-widget.layout-2 .swiper-nav-button
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 4px;
    border: 1px solid #d9dce3;
    cursor: pointer;
    transition: all 250ms ease;
}
.pxl-testimonial-carousel-widget.layout-2 .swiper-nav-button:hover
{
    background-color: #111317;
    border-color: #111317;
    color: #fff;
}
.pxl-testimonial-carousel-widget.layout-3 .testimonial-item
{
    border-radius: 12px;
    border: 1px solid #f4f4f4;
    background: var(--item-background-color,#fff);
    padding: 32px;
}
.pxl-testimonial-carousel-widget.layout-3 .review
{
    color: #474e5c;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}
.pxl-testimonial-carousel-widget.layout-3 .testimonial-item-info
{
    display: flex;
    margin-top: 30px;
    align-items: center;
    column-gap: 16px;
}
.pxl-testimonial-carousel-widget.layout-3 .testimonial-item-info img
{
    width: 65px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}
.pxl-testimonial-carousel-widget.layout-3 .testimonial-item-info .reviewer-name
{
    color: #2b303b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    margin-bottom: var(--tecko-author-name-spacing,5px);
}
.pxl-testimonial-carousel-widget.layout-3 .testimonial-item-info .reviewer-description
{
    color: #2b303b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-carousel-widget.layout-4 .testimonial-item
{
    border-radius: 8px;
    background: #fff;
    padding: 40px;
}
.pxl-testimonial-carousel-widget.layout-4 .review
{
    color: #2b303b;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}
.pxl-testimonial-carousel-widget.layout-4 .testimonial-item-info
{
    margin-top: var(--review-spacing,64px);
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.pxl-testimonial-carousel-widget.layout-4 .reviewer-name
{
    color: #2b303b;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.14px;
    margin-bottom: var(--tecko-author-name-spacing);
}
.pxl-testimonial-carousel-widget.layout-4 .reviewer-description
{
    color: #2b303b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
}
.pxl-testimonial-carousel-widget.layout-4 .icon
{
    display: flex;
    width: 65px;
    aspect-ratio: 1;
    background: #0d0f11;
    border-radius: 50%;
    justify-content: center;
    color: #fff;
    font-size: 22px;
}
.pxl-testimonial-carousel-widget.layout-5 .testimonial-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-radius: 24px;
    background: #d9dce3;
    height: auto;
}
.pxl-testimonial-carousel-widget.layout-5 .rating
{
    font-size: 24px;
}
.pxl-testimonial-carousel-widget.layout-5 .review
{
    margin-top: 48px;
    color: #474e5c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-testimonial-carousel-widget.layout-5 .testimonial-item-info
{
    margin-top: 62px;
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.pxl-testimonial-carousel-widget.layout-5 img
{
    width: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.pxl-testimonial-carousel-widget.layout-5 .reviewer-name
{
    color: #111317;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    margin-bottom: var(--tecko-author-name-spacing);
}
.pxl-testimonial-carousel-widget.layout-5 .reviewer-description
{
    color: #474e5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-carousel-widget.layout-6
{
    height: 100%;
}
.pxl-testimonial-carousel-widget.layout-6 .testimonial-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}
.pxl-testimonial-carousel-widget.layout-6 .tecko-star-rating
{
    --star-background: #ffda18;
    font-size: var(--tecko-star-size,20px);
    margin-bottom: var(--tecko-star-spacing,20px);
}
.pxl-testimonial-carousel-widget.layout-6 .review
{
    color: var(--Mono-Neutral-Black,#000);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: var(--review-spacing,30px);
}
.pxl-testimonial-carousel-widget.layout-6 .reviewer-name
{
    color: var(--Mono-Black,#000);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: var(--tecko-author-name-spacing);
}
.pxl-testimonial-carousel-widget.layout-6 .reviewer-description
{
    color: var(--Mono-Gray-60,#5f697c);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-carousel-widget.layout-6 .testimonial-carousel-pagination-wrap
{
    display: flex;
    column-gap: var(--tecko-pagination-icon-gap,12px);
    font-size: var(--tecko-icon-size,12px);
    margin-top: var(--tecko-pagination-spacing,32px);
}
.pxl-testimonial-carousel-widget.layout-6 .testimonial-carousel-pagination-wrap .swiper-nav-button
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--tecko-icon-width,32px);
    height: var(--tecko-icon-width,32px);
    border-radius: var(--tecko-icon-border-radius,6px);
    background: var(--tecko-pagination-icon-background-color,#f0f2f4);
    cursor: pointer;
    color: var(--tecko-pagination-icon-color,#7e8695);
    transition: all .35s ease-in-out;
}
.pxl-testimonial-carousel-widget.layout-6 .testimonial-carousel-pagination-wrap .swiper-nav-button:hover
{
    color: var(--tecko-pagination-icon-hover-color,#fff);
    background: var(--tecko-pagination-icon-hover-background-color,#000);
}
.pxl-team-carousel.layout-1 .item-inner
{
    position: relative;
    padding-top: 80px;
}
.pxl-team-carousel.layout-1 .item-inner .item-image
{
    position: relative;
    margin-bottom: 25px;
}
.pxl-team-carousel.layout-1 .item-inner .item-image .image-wrap
{
    border-radius: 30px;
    overflow: hidden;
}
.pxl-team-carousel.layout-1 .item-inner .item-social
{
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    z-index: 1;
}
.pxl-team-carousel.layout-1 .item-inner .item-social i
{
    color: #fff;
    transition: all 300ms linear 0s;
}
.pxl-team-carousel.layout-1 .item-inner .item-social a
{
    width: 40px;
    height: 40px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: var(--tecko-secondary-color);
    font-size: 15px;
    color: #fff;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 400ms linear;
}
.pxl-team-carousel.layout-1 .item-inner .item-social a>*
{
    max-width: 100%;
}
.pxl-team-carousel.layout-1 .item-inner .item-social a:hover
{
    background-color: var(--tecko-primary-color);
}
.pxl-team-carousel.layout-1 .item-inner .item-social a:hover i
{
    opacity: 1;
}
.pxl-team-carousel.layout-1 .item-inner .say-hi
{
    position: absolute;
    top: -60px;
    left: 0;
    min-width: 150px;
    min-height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(0);
    transform-origin: bottom right;
    transition: all 400ms ease-in-out;
    opacity: 0;
}
.pxl-team-carousel.layout-1 .item-inner .say-hi h4
{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
.pxl-team-carousel.layout-1 .item-inner .say-hi img
{
    width: auto;
    max-width: 60px;
}
.pxl-team-carousel.layout-1 .item-inner .item-image:hover .say-hi
{
    transform: scale(1);
    opacity: 1;
}
.pxl-team-carousel.layout-1 .item-content
{
    text-align: center;
    padding: 0 20px;
}
.pxl-team-carousel.layout-1 .item-content .item-title
{
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 8px;
    letter-spacing: .02em;
}
.pxl-team-carousel.layout-1 .item-content .item-title a
{
    color: inherit;
}
.pxl-team-carousel.layout-1 .item-content .item-title a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-team-carousel.layout-1 .item-content .item-position
{
    font-family: var(--heading-font-family);
    font-size: 15px;
    color: #6d6c79;
    letter-spacing: .02em;
    text-transform: capitalize;
    margin-top: 3px;
}
.pxl-team-carousel.layout-1 .item-content .item-description
{
    margin-top: 10px;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a
{
    -webkit-animation: socialIn 300ms forwards;
    -khtml-animation: socialIn 300ms forwards;
    -moz-animation: socialIn 300ms forwards;
    -ms-animation: socialIn 300ms forwards;
    -o-animation: socialIn 300ms forwards;
    animation: socialIn 300ms forwards;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:first-child
{
    animation-delay: 100ms;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:nth-child(2)
{
    animation-delay: 200ms;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:nth-child(3)
{
    animation-delay: 300ms;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:nth-child(4)
{
    animation-delay: 400ms;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:nth-child(5)
{
    animation-delay: 500ms;
}
.pxl-team-carousel.layout-1 .item-inner:hover .item-social a:nth-child(6)
{
    animation-delay: 600ms;
}
.pxl-clients .item-image
{
    position: relative;
    -webkit-transition: all 300ms linear 0s;
    -khtml-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    margin: 30px 0;
}
.pxl-clients .item-image a
{
    text-align: center;
    display: block;
}
.pxl-clients .item-image img
{
    display: inline-block;
    max-height: 68px;
    width: auto!important;
    opacity: .6;
    filter: grayscale(1);
    -webkit-transition: all 300ms linear 0s;
    -khtml-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s;
    -ms-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}
.pxl-clients .item-image:hover img
{
    opacity: 1;
    filter: grayscale(0);
}
.pxl-clients .item-image.image-white img
{
    filter: brightness(0) invert(1);
    opacity: 1!important;
}
.pxl-clients .dark-bg .item-image img
{
    opacity: .4;
    filter: brightness(0) invert(1);
}
.pxl-clients .dark-bg .item-image:hover img
{
    opacity: 1;
}
@keyframes pulse-current
{
    0%
    {
        transform: translate(-50%,-50%) scale(1);
        opacity: 1;
    }
    100%
    {
        transform: translate(-50%,-50%) scale(2);
        opacity: 0;
    }
}
.pxl-swiper-slider .swiper-filter-wrap
{
    margin-bottom: 60px;
}
.pxl-swiper-slider .swiper-filter-wrap .filter-item
{
    font-family: var(--heading-font-family);
    font-size: 17px;
    font-weight: 500;
    line-height: 30px;
    color: var(--tecko-heading-color);
    letter-spacing: .02em;
    text-transform: capitalize;
    margin-top: 10px;
    cursor: pointer;
    padding: 0 20px;
    position: relative;
}
.pxl-swiper-slider .swiper-filter-wrap .filter-item:after
{
    content: "";
    display: block;
    height: 2px;
    background-color: var(--tecko-secondary-color);
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    transform: scaleX(0);
    transform-origin: left;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.pxl-swiper-slider .swiper-filter-wrap .filter-item.active:after, .pxl-swiper-slider .swiper-filter-wrap .filter-item:hover:after
{
    transform: scaleX(1);
}
.pxl-swiper-slider .swiper-filter-wrap.start .filter-item:first-child
{
    padding-left: 0!important;
}
.pxl-swiper-slider .swiper-filter-wrap.start .filter-item:first-child:after
{
    left: 0!important;
}
.pxl-swiper-slider .swiper-filter-wrap.end .filter-item:last-child
{
    padding-right: 0!important;
}
.pxl-swiper-slider .swiper-filter-wrap.end .filter-item:last-child:after
{
    right: 0!important;
}
.pxl-post-carousel.layout-post-1 .item-inner .post-image, .pxl-post-carousel.layout-post-1 .item-inner .post-image img
{
    border-radius: 25px;
}
.pxl-post-carousel.layout-post-1 .item-inner .post-date span
{
    display: inline-flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--tecko-primary-color);
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 5px;
}
.pxl-post-carousel.layout-post-1 .item-inner .post-date h4
{
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-flex;
}
.pxl-post-carousel.layout-post-1 .item-inner .post-content
{
    margin-bottom: 20px;
}
.pxl-post-carousel.layout-post-1 .item-inner .item-title
{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 18px;
}
.pxl-post-carousel.layout-post-1 .item-inner .item-excerpt
{
    margin-bottom: 15px;
}
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev
{
    left: -100px;
}
.pxl-post-carousel.layout-post-1 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next
{
    right: -100px;
}
.pxl-post-carousel.layout-post-2 .item-inner
{
    position: relative;
    transition: all 300ms ease 0s;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-date span
{
    display: inline-flex;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--tecko-primary-color);
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 5px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-date h4
{
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-flex;
}
.pxl-post-carousel.layout-post-2 .item-inner .item-title
{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 17px;
    margin-top: 18px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas
{
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.25);
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas i
{
    color: inherit;
    font-size: 10px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner>span
{
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    line-height: 1;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner>span:after
{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: rgba(255,255,255,.25);
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner>span:last-child
{
    padding: 0;
    margin: 0;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-metas .meta-inner>span:last-child:after
{
    content: none;
}
.pxl-post-carousel.layout-post-2 .item-inner .item-excerpt
{
    margin-bottom: 25px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-featured
{
    margin-bottom: 0;
    border-radius: 25px;
    overflow: hidden;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-content
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(18,16,35,.3);
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    transition: all 300ms ease-out 0s;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-content .post-date h4
{
    color: #fff;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-content .item-title
{
    color: #fff;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-content .item-title a
{
    color: inherit;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-hover
{
    opacity: 0;
    visibility: hidden;
    transition: all 200ms ease 0s;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 25px;
    -webkit-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    -khtml-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    -moz-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    -ms-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    -o-box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    box-shadow: 0 5px 30px 5px rgba(0,0,0,.12);
    background-color: #f7f7f9;
    padding: 20px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas
{
    color: var(--tecko-heading-color);
    border-color: #dadada;
    margin-top: 20px;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas>span:after
{
    color: #dadada;
}
.pxl-post-carousel.layout-post-2 .item-inner .post-hover .post-metas i
{
    color: #b3b2bf;
}
.pxl-post-carousel.layout-post-2 .item-inner:hover .post-content
{
    opacity: 0;
    visibility: hidden;
}
.pxl-post-carousel.layout-post-2 .item-inner:hover .post-hover
{
    opacity: 1;
    visibility: visible;
}
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows .pxl-swiper-arrow
{
    top: 55%;
}
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev
{
    left: -100px;
}
.pxl-post-carousel.layout-post-2 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next
{
    right: -100px;
}
.pxl-post-carousel.layout-post-3 .item-inner
{
    position: relative;
    transition: all 300ms ease 0s;
    border-radius: 25px;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    -khtml-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    -ms-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    -o-box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,.15);
    margin: 30px 0;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-featured
{
    margin-bottom: 0;
    position: relative;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-featured .post-image
{
    border-radius: 25px 25px 0 0;
    overflow: hidden;
}
.pxl-post-carousel.layout-post-3 .item-inner .meta-date
{
    position: absolute;
    top: 25px;
    left: 25px;
    width: 70px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}
.pxl-post-carousel.layout-post-3 .item-inner .meta-date h4
{
    margin: 0;
    padding: 10px 0;
    line-height: 1;
    font-size: 35px;
    color: #fff;
    background-color: #fb6a25;
}
.pxl-post-carousel.layout-post-3 .item-inner .meta-date .date-bot
{
    font-size: 13px;
    background-color: #fff;
    padding: 5px 0;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas
{
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    left: 25px;
    bottom: 20px;
    margin: 0;
    z-index: 1;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas i
{
    color: inherit;
    font-size: 10px;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner>span
{
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
    line-height: 1;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner>span:after
{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background-color: rgba(255,255,255,.25);
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner>span:last-child
{
    padding: 0;
    margin: 0;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-metas .meta-inner>span:last-child:after
{
    content: none;
}
.pxl-post-carousel.layout-post-3 .item-inner .gradient-bot
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7));
}
.pxl-post-carousel.layout-post-3 .item-inner .item-title
{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 17px;
}
.pxl-post-carousel.layout-post-3 .item-inner .item-excerpt
{
    margin-bottom: 25px;
}
.pxl-post-carousel.layout-post-3 .item-inner .post-details
{
    padding: 25px 25px 25px;
}
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows .pxl-swiper-arrow
{
    top: 50%;
}
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-prev
{
    left: -100px;
}
.pxl-post-carousel.layout-post-3 .pxl-swiper-arrows.nav-vertical-out .pxl-swiper-arrow-next
{
    right: -100px;
}
.pxl-blockquote-widget.layout-1
{
    --border-color-1: #0c5af5;
    --border-color-2: rgba(117,163,255,0);
    position: relative;
    border-radius: 20px;
    background: radial-gradient(134.16% 130% at 110% 20%,var(--border-color-1) 0%,var(--border-color-2) 96.72%);
    padding: 1px;
}
.pxl-blockquote-widget.layout-1 .widget-wrap
{
    position: relative;
    display: block;
    border-radius: inherit;
    background: #16171b;
    padding: 48px 64px;
}
.pxl-blockquote-widget.layout-1 .widget-wrap:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(112.32deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,0) 101.12%);
    opacity: .2;
    border-radius: inherit;
    transform: rotate(-180deg);
    mix-blend-mode: soft-light;
}
.pxl-blockquote-widget.layout-1 h6
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    color: #fff;
}
.pxl-blockquote-widget.layout-1 .quote-info
{
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin: 15px 0;
    margin-top: 30px;
}
.pxl-blockquote-widget.layout-1 .quote-info .quote-author-avatar img
{
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    max-width: 32px;
    border-radius: 50%;
}
.pxl-blockquote-widget.layout-1 .quote-info .quote-author-name
{
    font-size: 14px;
    color: #fff;
    line-height: 1.42;
    font-weight: 600;
}
.pxl-blockquote-widget.layout-1 .quote-info .quote-author-position
{
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}
.pxl-blockquote-widget.layout-1 .quote-char
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.pxl-blockquote-widget.layout-2 .widget-wrap
{
    padding: 24px 48px;
    border-radius: 24px;
    background: #0c5af5;
}
.pxl-blockquote-widget.layout-2 .quote-icon
{
    display: inline-flex;
    font-size: 48px;
    background: linear-gradient(180deg,#bbd1fe .01%,#0558ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.pxl-blockquote-widget.layout-2 h6
{
    color: #fff;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.48px;
    margin-top: 24px;
}
.pxl-blockquote-widget.layout-2 .quote-info
{
    display: flex;
    column-gap: 12px;
    margin-top: 24px;
    justify-content: flex-end;
    align-items: center;
}
.pxl-blockquote-widget.layout-2 .quote-info-wrap
{
    text-align: right;
}
.pxl-blockquote-widget.layout-2 .quote-author-name
{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
}
.pxl-blockquote-widget.layout-2 .quote-author-position
{
    color: #d9dce3;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-blockquote-widget.layout-2 img
{
    width: 48px;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.heading-widget .widget-wrap
{
    display: inline-block;
}
.heading-widget .heading-text
{
    margin: 0;
}
.heading-widget .heading-text.style-01
{
    display: inline-flex;
    align-items: center;
    text-indent: 30px;
}
.heading-widget .heading-text.style-01:before
{
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: var(--primary-color);
    animation: flickerAnimation .75s infinite;
}
.heading-widget .heading-highlight
{
    font-weight: 400;
    font-size: 32px;
    text-indent: 5px;
}
.nav-menu-widget.layout-1>.tecko-menu
{
    column-gap: var(--tecko-column-gap,40px);
    row-gap: var(--tecko-row-gap,20px);
}
.nav-menu-widget.layout-1>.tecko-menu>.menu-item>a
{
    color: var(--text-color,#7e8695);
}
.nav-menu-widget.layout-1>.tecko-menu>.menu-item:not(.current-menu-parent)>a:hover
{
    color: var(--text-hover-color,#fff);
}
.nav-menu-widget.layout-1>.tecko-menu>.menu-item.current-menu-item>a
{
    color: var(--active-color,#fff);
}
.nav-menu-widget.layout-2>.tecko-menu
{
    margin: 0;
    border-radius: 48px;
    border: 1px solid var(--border-color,#bbb);
    padding: 4px;
    column-gap: 0;
    row-gap: 0;
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item
{
    padding: 6px 20px;
    font-size: 16px;
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item:before
{
    content: none;
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item.current-menu-item, .nav-menu-widget.layout-2>.tecko-menu>.menu-item.current-menu-ancestor
{
    border-radius: inherit;
    background: var(--active-background-color,#0c5af5);
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item.current-menu-item>a, .nav-menu-widget.layout-2>.tecko-menu>.menu-item.current-menu-ancestor>a
{
    color: var(--active-color,#fff);
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item.menu-item-has-children>a:after
{
    content: none;
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item:not(.current-menu-parent)>a
{
    color: var(--text-color,#000);
}
.nav-menu-widget.layout-2>.tecko-menu>.menu-item:not(.current-menu-parent)>a:hover
{
    color: var(--text-hover-color,#0c5af5);
}
.pxl-post-carousel-widget .post-carousel-item img
{
    aspect-ratio: var(--as-ratio);
    object-fit: cover;
    width: 100%;
    border-radius: 24px;
}
.pxl-post-carousel-widget .post-carousel-item-feature-img
{
    position: relative;
}
.pxl-post-carousel-widget .post-carousel-item-feature-img:hover .post-carousel-item-post-link
{
    transform: none;
}
.pxl-post-carousel-widget .post-category
{
    color: var(--tecko-primary-color);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.333;
    text-transform: uppercase;
    margin-top: 25px;
}
.pxl-post-carousel-widget .post-carousel-item-title
{
    color: var(--tecko-body-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.333;
    letter-spacing: -.48px;
    margin-top: 10px;
    margin-bottom: 0;
}
.pxl-post-carousel-widget .post-carousel-item-title a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-post-carousel-widget .post-date
{
    border-top: 1px solid #d9dce3;
    padding-top: 10px;
    margin-top: 10px;
    color: #474e5c;
}
.pxl-post-carousel-widget .post-date:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: #2df494;
    animation: flickerAnimation .75s infinite;
}
.pxl-post-carousel-widget .post-carousel-item-post-link
{
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    background: var(--tecko-primary-color);
    transform: scale(0);
}
.pxl-post-carousel-widget .post-carousel-item-post-link i
{
    font-size: 22px;
}
.pxl-post-carousel-widget .post-carousel-item-post-link:hover
{
    background-color: #fff;
    color: #000;
}
.pxl-post-carousel-widget.layout-1 .tecko-post-carousel
{
    overflow: hidden;
}
.pxl-post-carousel-widget.layout-3 .blog-item-excerpt
{
    margin-top: 20px;
}
.pxl-post-carousel-widget.layout-3 .swiper-nav-wrap
{
    display: flex;
    justify-content: center;
    column-gap: 12px;
    margin-top: 30px;
}
.pxl-post-carousel-widget.layout-3 .swiper-nav-button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(264deg,rgba(255,255,255,.1) -1.01%,rgba(255,255,255,0) 149.68%);
    color: #5f697c;
    font-size: 18px;
    cursor: pointer;
    transition: all 350ms ease;
    color: #fff;
    font-weight: bold;
}
.pxl-post-carousel-widget.layout-3 .post-carousel-item:hover img
{
    transform: scale(1.05);
}
.pxl-post-carousel-widget.layout-3 .post-carousel-item-feature-img
{
    overflow: hidden;
    border-radius: 24px;
}
.pxl-post-carousel-widget.layout-3 .post-carousel-item-feature-img img
{
    border-radius: 0;
    transition: transform 1s ease;
}
.pxl-post-carousel-widget.layout-4 .swiper-slide
{
    height: auto;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #d9dce3;
    padding: 16px;
    transition: border-color 250ms ease;
    height: 100%;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item:hover
{
    border-color: #f24903;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item img
{
    border-radius: 4px;
}
.pxl-post-carousel-widget.layout-4 .post-category
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 16px;
}
.pxl-post-carousel-widget.layout-4 .post-category a:hover
{
    color: #f24903;
}
.pxl-post-carousel-widget.layout-4 .post-date
{
    padding: 0;
    margin: 0;
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-top: 20px;
    border: none;
}
.pxl-post-carousel-widget.layout-4 .post-date:before
{
    content: none;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item-title
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.48px;
    margin-top: 3px;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item-title a:hover
{
    color: #f24903;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item-link
{
    display: inline-block;
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 90px;
}
.pxl-post-carousel-widget.layout-4 .post-carousel-item-link:hover
{
    color: #f24903;
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item-feature-img
{
    position: relative;
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item-feature-img img
{
    border-radius: 8px;
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item-feature-img .post-carousel-item-link
{
    position: absolute;
    inset: 0;
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item-title
{
    color: var(--tecko-title-color,#000);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
    margin-top: var(--tecko-title-spacing,20px);
}
.pxl-post-carousel-widget.layout-5 .post-carousel-item-title a:hover
{
    color: var(--tecko-title-hover-color,var(--tecko-primary-color));
}
.pxl-post-carousel-widget.layout-5 .post-item-meta
{
    display: flex;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    color: var(--tecko-meta-color,#808080);
    margin-top: var(--tecko-meta-spacing,15px);
}
.pxl-post-carousel-widget.layout-5 .post-item-meta .post-category
{
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    text-transform: capitalize;
    color: var(--tecko-meta-link-color,#000);
}
.pxl-post-carousel-widget.layout-5 .post-item-meta .post-category a:hover
{
    color: var(--tecko-meta-link-hover-color,var(--tecko-primary-color));
}
.pxl-marquee-widget
{
    overflow: hidden;
}
.pxl-marquee-widget .swiper-wrapper
{
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.pxl-marquee-widget .swiper-slide
{
    width: auto;
}
.pxl-marquee-widget .marque-item-wrap
{
    display: flex;
    column-gap: 30px;
}
.pxl-marquee-widget .marque-item-icon
{
    display: inline-flex;
    font-size: 32px;
    align-items: center;
}
.pxl-marquee-widget .marque-item-text
{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.8px;
}
.pxl-list-widget .tecko-list-items
{
    margin: 0;
    list-style: none;
}
.pxl-list-widget .tecko-list-items
{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 15px;
    row-gap: 15px;
}
.pxl-list-widget .tecko-inline-items
{
    flex-wrap: wrap;
    flex-direction: row;
}
.pxl-icon-list-widget .tecko-list-items
{
    margin: 0;
    list-style: none;
}
.pxl-icon-list-widget .tecko-list-items
{
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 15px;
    row-gap: 15px;
}
.pxl-icon-list-widget .tecko-list-item
{
    display: flex;
}
.pxl-icon-list-widget .tecko-icon-list-icon
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--tecko-icon-width,auto);
    height: var(--tecko-icon-width,auto);
    background-color: var(--tecko-icon-background-color,transparent);
    border-radius: var(--tecko-icon-border-radius,0);
}
.pxl-post-grid-widget
{
    --post-grid-gap: 24px;
}
.pxl-post-grid-widget.layout-1 .widget-wrap
{
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--post-grid-gap) * -.5);
    margin-right: calc(var(--post-grid-gap) * -.5);
    margin-top: calc(var(--post-grid-gap) * -1);
}
.pxl-post-grid-widget.layout-1 .blog-item
{
    width: calc(100% * 1 / 3);
    padding-left: calc(var(--post-grid-gap) * .5);
    padding-right: calc(var(--post-grid-gap) * .5);
    margin-top: var(--post-grid-gap);
}
.pxl-post-grid-widget.layout-1 .post-category
{
    font-size: 12px;
    margin-top: 20px;
}
.pxl-post-grid-widget.layout-1 .blog-item-title
{
    font-size: 24px;
    margin-top: 15px;
}
.pxl-post-grid-widget.layout-1 .post-date
{
    font-size: 14px;
}
.pxl-post-list-widget.layout-1 .blog-item-layout-1
{
    display: flex;
    column-gap: 24px;
    row-gap: 24px;
    flex-direction: column;
}
@media(min-width: 768px)
{
    .pxl-post-list-widget.layout-1 .blog-item-layout-1
    {
        flex-direction: row;
    }
}
@media(min-width: 768px)
{
    .pxl-post-list-widget.layout-1 .blog-item-layout-1 .blog-item-feature-img, .pxl-post-list-widget.layout-1 .blog-item-layout-1 .blog-item-info-wrap
    {
        width: 50%;
    }
}
.pxl-post-list-widget.layout-1 .blog-item-layout-1 .post-category
{
    margin: 0;
    font-size: 12px;
}
.pxl-post-list-widget.layout-1 .blog-item-layout-1 .blog-item-title
{
    font-size: 24px;
    margin-top: 14px;
}
.pxl-post-list-widget.layout-1 .blog-item-layout-1 .post-date
{
    font-size: 14px;
}
.pxl-post-list-widget.layout-1 .blog-item:not(:first-child)
{
    margin-top: 30px;
}
@media(min-width: 1200px)
{
    .pxl-post-list-widget.layout-1 .blog-item:not(:first-child)
    {
        margin-top: 70px;
    }
}
.pxl-post-list-widget.layout-1 .blog-item-info-wrap
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pxl-post-list-widget.layout-2 .post-item
{
    position: relative;
    border-top: 1px solid #bbb;
    padding: 48px 0;
}
@media(min-width: 1025px)
{
    .pxl-post-list-widget.layout-2 .post-item:hover .post-item-layer-1
    {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .pxl-post-list-widget.layout-2 .post-item:hover .post-item-layer-2
    {
        height: 100%;
        transition-delay: 200ms;
        opacity: 1;
    }
}
@media(max-width: 1199px)
{
    .pxl-post-list-widget.layout-2 .post-item .post-title
    {
        font-size: 25px;
    }
}
@media(max-width: 1024px)
{
    .pxl-post-list-widget.layout-2 .post-item
    {
        display: flex;
        flex-direction: column-reverse;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-item-layer-1
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-info-wrap
    {
        width: 100%;
        order: 3;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-meta
    {
        width: 50%;
        max-width: 100%;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-meta br
    {
        display: none;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-meta a
    {
        display: inline-block;
    }
    .pxl-post-list-widget.layout-2 .post-item .post-title
    {
        font-size: 20px;
    }
}
.pxl-post-list-widget.layout-2 .post-item-layer-1
{
    display: flex;
    column-gap: 66px;
    transition: .2s ease-in-out;
}
.pxl-post-list-widget.layout-2 .post-meta
{
    max-width: 200px;
    width: 100%;
    color: var(--Mono-Gray-50,#808080);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-post-list-widget.layout-2 .post-meta a[rel="author"]
{
    color: #000;
}
.pxl-post-list-widget.layout-2 .post-meta .term-item
{
    color: var(--tecko-primary-color);
}
.pxl-post-list-widget.layout-2 .post-meta, .pxl-post-list-widget.layout-2 .post-date
{
    flex: 0 0 auto;
}
.pxl-post-list-widget.layout-2 .post-title
{
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
    margin: 0;
}
.pxl-post-list-widget.layout-2 .post-excerpt
{
    color: #666;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20;
}
.pxl-post-list-widget.layout-2 .post-date
{
    color: #808080;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
}
.pxl-post-list-widget.layout-2 .post-info-wrap
{
    flex: 1 1 auto;
}
.pxl-post-list-widget.layout-2 .post-posted
{
    color: #808080;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
@media(min-width: 1025px)
{
    .pxl-post-list-widget.layout-2 .post-item-layer-2
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        transition: .35s ease-in-out;
        transition-property: opacity,height;
    }
}
.pxl-post-list-widget.layout-2 .post-item-layer-2 img
{
    border-radius: 20px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.pxl-post-list-widget.layout-2 .post-item-layer-2-inner
{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    --btn-background-color: #fff;
    --btn-width: auto;
    --btn-height: 36px;
    display: inline-flex;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    height: var(--btn-height);
    color: #151515;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button:hover .button-icon
{
    transform: translateX(8px) rotate(45deg);
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button svg
{
    position: absolute;
    display: none;
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button .button-text, .pxl-post-list-widget.layout-2 .post-item-read-more-button .button-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--btn-background-color);
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button .button-text
{
    padding: 0 15px;
    border-radius: 9999px;
    width: var(--btn-width);
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button .button-icon
{
    width: var(--btn-height,36px);
    border-radius: 9999px;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.135,.9,.15,1);
    transition-duration: .9s;
    color: var(--tecko-primary-color);
}
.pxl-post-list-widget.layout-2 .post-item-read-more-button .button-icon i
{
    font-weight: bold;
}
.pxl-portfolio-tags-widget .tag-list
{
    display: inline-flex;
    row-gap: 8px;
    column-gap: 8px;
}
.pxl-portfolio-tags-widget .tag-item
{
    background-color: #474e5c;
    color: #fff;
    border-radius: 30px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
}
.pxl-portfolio-tags-widget .tag-item:hover
{
    background-color: var(--tecko-primary-color);
}
.pxl-process-carousel-widget
{
    position: relative;
    cursor: none;
}
.pxl-process-carousel-widget img
{
    aspect-ratio: var(--as-ratio);
    object-fit: cover;
    border-radius: 24px;
}
.pxl-process-carousel-widget .process-title
{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 15px;
}
.pxl-process-carousel-widget .tecko-custom-cursor
{
    position: absolute;
    aspect-ratio: 1;
    width: 120px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: 250ms ease;
    transition-property: opacity,transform;
    transform: scale(.3);
}
.pxl-process-carousel-widget .tecko-custom-cursor.disable
{
    opacity: 0!important;
    transform: scale(.3)!important;
}
.pxl-social-share-widget
{
    align-items: center;
    row-gap: 24px;
    column-gap: 24px;
}
.pxl-social-share-widget .social-share-widget-content
{
    row-gap: 10px;
    column-gap: 10px;
}
.pxl-social-share-widget .share-list-icon
{
    display: flex;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid #7e8695;
}
.pxl-social-share-widget .share-list-icon:hover
{
    background: var(--tecko-primary-color);
    color: #fff;
    border-color: var(--tecko-primary-color);
}
.pxl-portfolio-grid-widget
{
    overflow: hidden;
    --portfolio-grid-row-gap: 70px;
    --portfolio-grid-column-gap: 24px;
}
.pxl-portfolio-grid-widget .portfolio-grid-content
{
    margin-left: calc(var(--portfolio-grid-column-gap) * -.5);
    margin-right: calc(var(--portfolio-grid-column-gap) * -.5);
    margin-top: calc(var(--portfolio-grid-row-gap) * -1);
}
.pxl-portfolio-grid-widget .portfolio-grid-item
{
    width: calc(100% * 1 / 3);
    padding-left: calc(var(--portfolio-grid-column-gap) * .5);
    padding-right: calc(var(--portfolio-grid-column-gap) * .5);
    margin-top: calc(var(--portfolio-grid-row-gap));
}
.portfolio-filter
{
    margin-bottom: 45px;
}
.portfolio-filter .filter-list
{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    column-gap: 30px;
    row-gap: 30px;
    font-size: 24px;
    font-weight: 400;
    font-family: "Red Hat Display";
}
.portfolio-filter .filter-list-item
{
    cursor: pointer;
    transition: all 450ms ease;
}
.portfolio-filter .filter-list-item:hover
{
    color: var(--tecko-primary-color);
}
.portfolio-filter .filter-list-item.active
{
    color: var(--tecko-primary-color);
    text-decoration: underline;
    text-underline-offset: 5px;
}
.portfolio-load-more
{
    margin-top: 95px;
    text-align: center;
}
.portfolio-load-more .load-more-button
{
    position: relative;
    display: inline-flex;
    width: 120px;
    height: 46px;
    border-radius: 12px;
    background: var(--tecko-primary-color);
    color: #fff;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 250ms ease 0ms;
    font-size: 14px;
    font-weight: 600;
}
.portfolio-load-more .load-more-button.is-loading
{
    pointer-events: none;
}
.portfolio-load-more .load-more-button.is-loading .loadmore-text
{
    opacity: 0;
    visibility: hidden;
}
.portfolio-load-more .load-more-button.is-loading:after
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    border: 1px solid;
    border-color: currentColor;
    border-top-color: transparent;
    border-radius: 100%;
    animation: .95s linear infinite spin;
}
.portfolio-grid-item .portfolio-item-feature-img
{
    position: relative;
    margin-bottom: 30px;
}
.portfolio-grid-item .portfolio-item-feature-img img
{
    border-radius: 24px;
}
.portfolio-grid-item .portfolio-item-feature-img .portfolio-item-link
{
    position: absolute;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #fff;
    background: var(--tecko-primary-color);
    transform: scale(0);
}
.portfolio-grid-item .portfolio-item-feature-img .portfolio-item-link i
{
    font-size: 22px;
}
.portfolio-grid-item .portfolio-item-feature-img .portfolio-item-link:hover
{
    background-color: #fff;
    color: #000;
}
.portfolio-grid-item .portfolio-item-feature-img:hover .portfolio-item-link
{
    transform: none;
}
.portfolio-grid-item .portfolio-item-category
{
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.portfolio-grid-item .portfolio-item-title
{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
    line-height: 1.33;
    color: var(--tecko-body-color);
}
.pxl-portfolio-list-widget .portfolio-list-content
{
    --item-list-gap: 80px;
    margin-top: calc(var(--item-list-gap) * -1);
}
.pxl-portfolio-list-widget .portfolio-list-item
{
    width: 100%;
    padding-top: 30px;
    margin-top: calc(var(--item-list-gap));
    border-top: 1px solid #2b303b;
    flex-wrap: nowrap;
    column-gap: 30px;
    row-gap: 30px;
}
@media(max-width: 767px)
{
    .pxl-portfolio-list-widget .portfolio-list-item
    {
        flex-direction: column;
    }
    .pxl-portfolio-list-widget .portfolio-list-item .portfolio-item-feature-img, .pxl-portfolio-list-widget .portfolio-list-item .portfolio-item-info-wrap
    {
        width: 100%;
    }
    .pxl-portfolio-list-widget .portfolio-list-item .portfolio-item-feature-img img
    {
        width: 100%;
    }
    .pxl-portfolio-list-widget .portfolio-list-item .portfolio-item-info-wrap
    {
        padding: 0;
    }
    .pxl-portfolio-list-widget .portfolio-list-item .portfolio-item-info-wrap .portfolio-item-link
    {
        display: none;
    }
}
.pxl-portfolio-list-widget .portfolio-item-info-wrap
{
    position: relative;
    padding-right: 111px;
}
.pxl-portfolio-list-widget .portfolio-item-info-inner
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pxl-portfolio-list-widget .portfolio-item-feature-img
{
    width: calc(100% * 5 / 12);
}
.pxl-portfolio-list-widget .portfolio-item-feature-img img
{
    border-radius: 20px;
}
.pxl-portfolio-list-widget .portfolio-item-info-wrap
{
    width: calc(100% * 7 / 12);
}
.pxl-portfolio-list-widget .portfolio-item-title
{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
    color: var(--tecko-body-color);
}
.pxl-portfolio-list-widget .portfolio-item-title a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-portfolio-list-widget .portfolio-item-category
{
    font-size: 16px;
    text-transform: uppercase;
}
.pxl-portfolio-list-widget .portfolio-item-link
{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    width: 46px;
    height: 46px;
    background-color: var(--tecko-primary-color);
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    justify-content: center;
}
.pxl-portfolio-list-widget .portfolio-item-link i
{
    transform: rotate(315deg);
}
.pxl-portfolio-carousel-widget .carousel-action-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-portfolio-carousel-widget .carousel-action-wrap .swiper-pagination
{
    position: relative;
    display: flex;
    bottom: 0!important;
    column-gap: 8px;
}
.pxl-portfolio-carousel-widget .carousel-action-wrap .swiper-pagination-bullet
{
    width: 8px;
    height: 8px;
}
.pxl-portfolio-carousel-widget .carousel-action-wrap .swiper-nav-wrap
{
    display: flex;
    column-gap: 12px;
}
.pxl-portfolio-carousel-widget .carousel-action-wrap .swiper-nav-button
{
    display: flex;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border-radius: 30px;
    background: linear-gradient(264deg,rgba(255,255,255,.1) -1.01%,rgba(255,255,255,0) 149.68%);
    cursor: pointer;
}
.pxl-portfolio-carousel-widget img
{
    aspect-ratio: var(--as-ratio);
}
.pxl-portfolio-carousel-widget.layout-1 .portfolio-item-category
{
    margin-bottom: var(--category-spacing);
}
.pxl-portfolio-carousel-widget.layout-1 .portfolio-grid-item:hover img
{
    transform: scale(1.05);
}
.pxl-portfolio-carousel-widget.layout-1 .portfolio-item-feature-img
{
    overflow: hidden;
    border-radius: 24px;
}
.pxl-portfolio-carousel-widget.layout-1 .portfolio-item-feature-img img
{
    transition: transform 1s ease;
    border-radius: 0;
}
.pxl-portfolio-carousel-widget.layout-2
{
    --row-gap: 48px;
    --category-spacing: 15px;
    --title-spacing: 24px;
}
.pxl-portfolio-carousel-widget.layout-2 .post-item
{
    border-radius: 8px;
    border: 1px solid #d9dce3;
    padding: 24px 16px;
}
.pxl-portfolio-carousel-widget.layout-2 .post-item:last-child
{
    margin-top: var(--row-gap);
}
.pxl-portfolio-carousel-widget.layout-2 img
{
    border-radius: 4px;
}
.pxl-portfolio-carousel-widget.layout-2 .portfolio-item-title
{
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    margin-top: var(--title-spacing);
}
.pxl-portfolio-carousel-widget.layout-2 .portfolio-item-title a
{
    display: block;
    color: #111317;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pxl-portfolio-carousel-widget.layout-2 .portfolio-item-category
{
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    text-transform: uppercase;
    margin-top: var(--category-spacing);
}
.pxl-counter-widget
{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.pxl-counter-widget:hover .hover-background
{
    opacity: 1;
}
.pxl-counter-widget .hover-background
{
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity 350ms ease;
}
.pxl-counter-widget .counter-number
{
    display: flex;
    align-items: center;
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-counter-widget .counter-title
{
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-fancy-box-widget.layout-1
{
    position: relative;
    display: inline-flex;
    border-radius: 20px;
    max-width: 416px;
    --box-icon-bg-1: rgba(255,255,255,.1);
    --box-icon-bg-2: rgba(255,255,255,0);
    --box-border-color-1: rgba(117,117,117,.4);
    --box-border-color-2: rgba(255,255,255,0);
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg
{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg .pxl-fancy-box-widget-bg-inner
{
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: inherit;
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg .pxl-fancy-box-widget-bg-inner:before
{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    margin: -1px;
    background-image: linear-gradient(250deg,var(--box-border-color-1) 0%,var(--box-border-color-2) 70%);
    border-radius: inherit;
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg .pxl-fancy-box-widget-bg-inner .pxl-fancy-box-widget-bg-layer-1
{
    position: absolute;
    inset: 0;
    background-color: #1f2025;
    border-radius: inherit;
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg .pxl-fancy-box-widget-bg-inner .pxl-fancy-box-widget-bg-layer-2
{
    position: absolute;
    inset: 0;
    margin: -1px;
    background-image: linear-gradient(260deg,rgba(250,250,250,.05) 0%,rgba(0,0,0,0) 70.12%);
    border-radius: inherit;
    opacity: 0;
    transition: opacity 450ms ease;
}
.pxl-fancy-box-widget.layout-1 .pxl-fancy-box-widget-bg .pxl-fancy-box-widget-bg-inner .pxl-fancy-box-widget-bg-layer-2:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: url("../image/fancy-box-bg.png") rgba(0,0,0,.2) 50%/cover no-repeat;
    border-radius: inherit;
    opacity: .5;
}
.pxl-fancy-box-widget.layout-1 .box-inner
{
    padding: 32px 24px;
}
.pxl-fancy-box-widget.layout-1 .box-icon
{
    width: 48px;
    margin-bottom: var(--image-spacing,30px);
}
.pxl-fancy-box-widget.layout-1 .box-icon img
{
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.pxl-fancy-box-widget.layout-1 .box-content
{
    position: relative;
    padding-right: 100px;
}
.pxl-fancy-box-widget.layout-1 .box-title
{
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-fancy-box-widget.layout-1 .box-description
{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-fancy-box-widget.layout-1 .box-icon-link
{
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-flex;
    width: 36px;
    height: 36px;
    background: linear-gradient(264deg,var(--box-icon-bg-1)-1.01%,var(--box-icon-bg-2) 149.68%);
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
}
.pxl-fancy-box-widget.layout-1 .box-icon-link:hover
{
    transform: rotate(-45deg);
}
.pxl-fancy-box-widget.layout-1:hover .pxl-fancy-box-widget-bg-layer-2
{
    opacity: 1!important;
}
.pxl-fancy-box-widget.layout-1:hover .box-icon
{
    animation: zoom-in-out .3s cubic-bezier(.39,.58,.57,1);
}
.pxl-fancy-box-widget.layout-2
{
    height: 100%;
    --box-border-color-1: rgba(250,246,255,.4);
    --box-border-color-2: rgba(250,246,255,0);
    --box-border-color-3: rgba(250,246,255,.2);
    --box-border-color-4: rgba(126,106,185,.12);
    --box-border-color-5: rgba(126,106,185,.02);
    --box-border-color-6: rgba(126,106,185,.2);
    --box-border-color-7: #dcd5ef;
    --box-border-color-8: rgba(250,246,255,.5);
    --box-border-color-9: rgba(255,255,255,0);
}
.pxl-fancy-box-widget.layout-2 .box-icon
{
    margin-bottom: var(--image-spacing,15px);
}
.pxl-fancy-box-widget.layout-2:hover .box-icon
{
    animation: zoom-in-out .3s cubic-bezier(.39,.58,.57,1);
}
.pxl-fancy-box-widget.layout-2 .box-inner
{
    position: relative;
    padding: 48px 32px;
    height: 100%;
    z-index: 1;
}
.pxl-fancy-box-widget.layout-2 .box-inner .border-feature
{
    position: absolute;
    inset: 0;
    z-index: -1;
}
.pxl-fancy-box-widget.layout-2 .box-inner .border-x.top, .pxl-fancy-box-widget.layout-2 .box-inner .border-x.bottom
{
    background: linear-gradient(90deg,var(--box-border-color-1) 0%,var(--box-border-color-2) 25%,var(--box-border-color-3) 50%,var(--box-border-color-2) 75%,var(--box-border-color-1) 100%);
    width: 100%;
    height: 1px;
    position: absolute;
}
.pxl-fancy-box-widget.layout-2 .box-inner .border-x.bottom
{
    inset: auto 0% 0%;
}
.pxl-fancy-box-widget.layout-2 .box-inner .border-y.left, .pxl-fancy-box-widget.layout-2 .box-inner .border-y.right
{
    background: linear-gradient(180deg,var(--box-border-color-4) 0%,var(--box-border-color-5) 25%,var(--box-border-color-6) 50%,var(--box-border-color-5) 75%,var(--box-border-color-4) 100%);
    height: 100%;
    width: 1px;
    position: absolute;
}
.pxl-fancy-box-widget.layout-2 .box-inner .border-y.right
{
    inset: 0% 0% 0% auto;
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-feature
{
    position: absolute;
    inset: 0;
    z-index: -1;
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-top.left, .pxl-fancy-box-widget.layout-2 .box-inner .corner-top.right
{
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: var(--box-border-color-7);
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-top.left
{
    top: -1px;
    left: -1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-top.right
{
    top: -1px;
    right: -1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-bottom.left, .pxl-fancy-box-widget.layout-2 .box-inner .corner-bottom.right
{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--box-border-color-7);
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-bottom.left
{
    bottom: -1px;
    left: -1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .corner-bottom.right
{
    bottom: -1px;
    right: -1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-1:after
{
    position: absolute;
    content: "";
    width: 32px;
    height: 1px;
    top: 1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-1:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-1:before
{
    background: linear-gradient(270deg,var(--box-border-color-8) 0%,var(--box-border-color-9) 100%);
    right: 0;
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-1:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-1:after
{
    background: linear-gradient(90deg,var(--box-border-color-8) 0%,var(--box-border-color-9) 100%);
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-2:after
{
    position: absolute;
    content: "";
    width: 1px;
    height: 32px;
    left: 1px;
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-2:before, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-2:before
{
    background: linear-gradient(180deg,var(--box-border-color-9) 0%,var(--box-border-color-8) 100%);
    bottom: 0;
}
.pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-left-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.top-right-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-left-2:after, .pxl-fancy-box-widget.layout-2 .box-inner .line-corner.bottom-right-2:after
{
    background: linear-gradient(180deg,var(--box-border-color-8) 0%,var(--box-border-color-9) 100%);
}
.pxl-fancy-box-widget.layout-3
{
    --background-color: #fff;
    --title-color: #494949;
    --button-color: #fff;
    --button-hover-color: #fff;
    --button-background-color: #000;
    --button-background-hover-color: #0c5af5;
    --title-spacing: 50px;
}
.pxl-fancy-box-widget.layout-3 .box-inner
{
    border-radius: 20px;
    background: var(--background-color);
    padding: 46px 42px;
    transition: box-shadow 350ms ease;
}
.pxl-fancy-box-widget.layout-3 .box-inner:hover
{
    box-shadow: 0 316px 89px 0 rgba(0,0,0,0),0 202px 81px 0 rgba(0,0,0,.01),0 114px 68px 0 rgba(0,0,0,.05),0 51px 51px 0 rgba(0,0,0,.09),0 13px 28px 0 rgba(0,0,0,.1);
}
.pxl-fancy-box-widget.layout-3 .box-inner:hover .button-text, .pxl-fancy-box-widget.layout-3 .box-inner:hover .button-icon
{
    background-color: var(--button-background-hover-color);
    color: var(--button-hover-color);
}
.pxl-fancy-box-widget.layout-3 .box-icon
{
    margin-bottom: 50px;
}
.pxl-fancy-box-widget.layout-3 .box-title
{
    color: var(--title-color);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.24px;
    text-transform: uppercase;
    margin-bottom: var(--title-spacing);
}
.pxl-fancy-box-widget.layout-3 .box-description
{
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-fancy-box-widget.layout-3 .tecko-button
{
    font-family: "Red Hat Display";
    display: inline-flex;
    position: relative;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    height: 36px;
    color: var(--button-color);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    margin-top: 88px;
}
.pxl-fancy-box-widget.layout-3 .tecko-button:hover .button-icon
{
    transform: translateX(8px) rotate(45deg);
}
.pxl-fancy-box-widget.layout-3 svg
{
    position: absolute;
    display: none;
}
.pxl-fancy-box-widget.layout-3 .button-text, .pxl-fancy-box-widget.layout-3 .button-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--button-background-color);
    transition-property: transform,background-color;
    transition-timing-function: cubic-bezier(.135,.9,.15,1);
    transition-duration: .9s;
}
.pxl-fancy-box-widget.layout-3 .button-text
{
    padding: 0 15px;
    border-radius: 9999px;
}
.pxl-fancy-box-widget.layout-3 .button-icon
{
    width: var(--btn-height,36px);
    border-radius: 9999px;
}
.pxl-fancy-box-widget.layout-3 .button-icon i
{
    font-weight: bold;
}
.pxl-fancy-box-widget.layout-4
{
    height: 100%;
    --box-border-color-1: #d9dce3;
    --active-background-color: #fff;
    --badget-active-color: ;
    --badget-active-background-color: #f24903;
    --badget-spacing: 24px;
    --title-spacing: 16px;
    --image-spacing: 36px;
}
.pxl-fancy-box-widget.layout-4 .box-inner
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    border-radius: 8px;
    border: 1px solid var(--box-border-color-1);
    padding: 32px 24px 24px;
    transition: 350ms ease;
    transition-property: background,border-color;
}
.pxl-fancy-box-widget.layout-4 .box-inner:hover
{
    background: var(--active-background-color);
    border-color: var(--active-background-color);
}
.pxl-fancy-box-widget.layout-4 .box-inner:hover .box-badget
{
    background: var(--badget-active-background-color);
    color: var(--badget-active-color);
}
.pxl-fancy-box-widget.layout-4 .box-inner:hover .box-featured-image
{
    opacity: 1;
}
.pxl-fancy-box-widget.layout-4 .box-badget
{
    display: inline-flex;
    padding: 8px;
    column-gap: 8px;
    border-radius: 4px;
    background: #e4e0dc;
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    transition: background 350ms ease;
    text-transform: uppercase;
    margin-bottom: var(--badget-spacing);
}
.pxl-fancy-box-widget.layout-4 .box-title
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    margin-bottom: var(--title);
}
.pxl-fancy-box-widget.layout-4 .box-description
{
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-top: 16px;
}
.pxl-fancy-box-widget.layout-4 .box-featured-image
{
    margin-top: var(--image-spacing);
    text-align: center;
    opacity: .3;
    transition: opacity 350ms ease;
}
.pxl-fancy-box-widget.layout-5 .box-inner
{
    position: relative;
    padding-top: 44px;
}
.pxl-fancy-box-widget.layout-5 .box-inner:before
{
    position: absolute;
    content: "";
    top: 1.5px;
    width: 100%;
    height: 1px;
    background-color: var(--box-border-color-1,#bbc1ce);
}
.pxl-fancy-box-widget.layout-5 .box-inner:after
{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: var(--box-border-color-2,#2db04c);
    transition: width 250ms ease;
    border-radius: 3px;
}
.pxl-fancy-box-widget.layout-5 .box-inner:hover:after
{
    width: 50%;
    transition-duration: 550ms;
}
.pxl-fancy-box-widget.layout-5 .box-inner:hover .box-title
{
    color: var(--title-active-color,#000);
}
.pxl-fancy-box-widget.layout-5 .box-inner:hover .box-description
{
    color: var(--description-active-color,#474e5c);
}
.pxl-fancy-box-widget.layout-5 .box-title
{
    color: var(--title-color,#7e8695);
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
    transition: color 350ms ease;
    margin: 0;
    margin-bottom: var(--title-spacing,20px);
}
.pxl-fancy-box-widget.layout-5 .box-description
{
    color: #7e8695;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    transition: color 350ms ease;
}
.pxl-fancy-box-widget.layout-6 .box-inner
{
    padding: 24px 40px;
    border-radius: 20px;
    border: 1px solid var(--box-border-color-1,rgba(255,255,255,.05));
    background: linear-gradient(93deg,var(--background-color,rgba(255,255,255,.05)) -6.85%,var(--background-color-1,rgba(255,255,255,0)) 85.57%);
    background-clip: padding-box;
}
.pxl-fancy-box-widget.layout-6 .box-title
{
    color: var(--title-color,#fff);
    margin-bottom: var(--title-spacing,14px);
}
.pxl-fancy-box-widget.layout-7 .box-inner
{
    position: relative;
    padding: 90px 36px 36px;
}
.pxl-fancy-box-widget.layout-7 .box-count
{
    position: absolute;
    top: 60px;
    right: 65px;
    color: var(--count-color,#d9dce3);
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.96px;
}
.pxl-fancy-box-widget.layout-7 .box-icon
{
    margin-bottom: var(--image-spacing,10px);
}
.pxl-fancy-box-widget.layout-7 .box-title
{
    margin: 0;
    margin-bottom: var(--title-spacing);
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-fancy-box-widget.layout-7 .box-title a
{
    color: var(--title-color,#000);
}
.pxl-fancy-box-widget.layout-7 .box-title a:hover a
{
    color: var(--title-hovver-color,#2db04c);
}
.pxl-fancy-box-widget.layout-7 .box-description
{
    color: var(--desctiption-color,#474e5c);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-client-block-widget
{
    position: relative;
    -webkit-filter: url("#goo");
    filter: url("#goo");
    min-height: 400px;
    width: 100%;
    height: 100%;
    background: #1f2025;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pxl-client-block-widget .client-block-item
{
    position: absolute;
    display: inline-flex;
    padding: 20px;
    background-color: inherit;
}
.pxl-team-grid-widget
{
    --item-gap: 40px;
}
.pxl-team-grid-widget .widget-wrap
{
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--item-gap) * -.5);
    margin-right: calc(var(--item-gap) * -.5);
    margin-top: calc(var(--item-gap) * -1);
}
.pxl-team-grid-widget .team-member-item
{
    width: calc(100% * 3 / 12);
    padding-right: calc(var(--item-gap) * .5);
    padding-left: calc(var(--item-gap) * .5);
    margin-top: var(--item-gap);
}
.pxl-team-grid-widget.layout-1 .other-item .other-box
{
    max-width: 96px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    width: 100%;
    border-radius: 50%;
    background: #fff;
    color: var(--tecko-primary-color);
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
    margin-bottom: 24px;
}
.pxl-team-grid-widget.layout-1 .other-item .other-item-link
{
    position: relative;
    z-index: 2;
}
.pxl-team-grid-widget.layout-1 .other-item .other-item-link .other-link
{
    color: var(--tecko-primary-color);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.pxl-team-grid-widget.layout-1 .team-member-item-inner
{
    position: relative;
    text-align: center;
    background-color: #16171b;
    border-radius: 24px;
    padding: 40px 32px 32px 32px;
    height: 100%;
}
.pxl-team-grid-widget.layout-1 .team-member-item-inner:before
{
    position: absolute;
    content: "";
    opacity: 0;
    width: 95%;
    height: 95%;
    transition: all .4s ease;
    border: 1px solid var(--tecko-primary-color);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: inherit;
    z-index: 1;
}
.pxl-team-grid-widget.layout-1 .team-member-item-inner:hover:before
{
    opacity: 1;
    width: 100%;
    height: 100%;
}
.pxl-team-grid-widget.layout-1 .image
{
    display: inline-block;
    max-width: 96px;
    margin-bottom: 24px;
}
.pxl-team-grid-widget.layout-1 .image img
{
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    background: #eaeaea;
    filter: grayscale(1);
}
.pxl-team-grid-widget.layout-1 .team-member-name, .pxl-team-grid-widget.layout-1 .other-item-title
{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: var(--member-name-spacing,10px);
}
.pxl-team-grid-widget.layout-1 .team-member-position, .pxl-team-grid-widget.layout-1 .other-item-link
{
    color: #7e8695;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-bottom: var(--member-des-spacing,55px);
}
.pxl-team-grid-widget.layout-1 .social
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 12px;
    row-gap: 12px;
    z-index: 2;
}
.pxl-team-grid-widget.layout-1 .social-item
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #474e5c;
    font-size: 14px;
}
.pxl-team-grid-widget.layout-1 .social-item:hover
{
    border-color: var(--tecko-primary-color);
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.pxl-team-grid-widget.layout-2 .team-member-item
{
    margin-top: calc(var(--item-gap) * 3);
}
.pxl-team-grid-widget.layout-2 .team-member-item-inner:hover .social-item
{
    transform: none;
    opacity: 1;
}
.pxl-team-grid-widget.layout-2 .image
{
    position: relative;
}
.pxl-team-grid-widget.layout-2 img
{
    width: 100%;
    aspect-ratio: var(--as-ratio);
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
}
.pxl-team-grid-widget.layout-2 .social
{
    display: inline-flex;
    column-gap: 12px;
    position: absolute;
    bottom: 24px;
    right: 24px;
}
.pxl-team-grid-widget.layout-2 .social-item
{
    display: inline-flex;
    width: 36px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #fff;
    background-color: #0c5af5;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    transform: translateX(100%);
    opacity: 0;
    transition: 200ms ease;
    transition-property: opacity,transform;
}
.pxl-team-grid-widget.layout-2 .social-item:nth-last-child(2)
{
    transition-delay: 100ms;
}
.pxl-team-grid-widget.layout-2 .social-item:nth-last-child(3)
{
    transition-delay: 200ms;
}
.pxl-team-grid-widget.layout-2 .social-item:nth-last-child(4)
{
    transition-delay: 300ms;
}
.pxl-team-grid-widget.layout-2 .social-item:nth-last-child(5)
{
    transition-delay: 400ms;
}
.pxl-team-grid-widget.layout-2 .team-member-name
{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: var(--member-name-spacing,24px);
}
.pxl-team-grid-widget.layout-2 .team-member-position
{
    color: #7e8695;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-top: var(--member-des-spacing,3px);
}
.pxl-team-grid-widget.layout-2 .other-item .team-member-item-inner
{
    padding: 48px 24px 24px;
    border-radius: 24px;
    background: #0c5af5;
    aspect-ratio: .75;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pxl-team-grid-widget.layout-2 .other-item .other-item-title
{
    color: #fff;
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-team-grid-widget.layout-2 .other-item .other-item-link
{
    font-size: 30px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-team-grid-widget.layout-2 .other-item .other-link
{
    display: inline-flex;
    padding: 16px 24px;
    line-height: 1;
    border-radius: 12px;
    background: #fff;
    color: #111317;
    font-size: 14px;
    font-weight: 600;
}
.pxl-testimonial-infinite-slide-widget
{
    max-height: 773px;
    overflow: hidden;
}
.pxl-testimonial-infinite-slide-widget .testimonial-item
{
    margin-top: calc(var(--item-gap,15px) * .5);
    margin-bottom: calc(var(--item-gap,15px) * .5);
    max-width: 420px;
    background-color: #d9dce3;
    border-radius: 20px;
    padding: 32px 40px;
    width: 100%;
    transition: background-color 450ms ease;
}
.pxl-testimonial-infinite-slide-widget .testimonial-item:hover
{
    background-color: var(--tecko-primary-color);
}
.pxl-testimonial-infinite-slide-widget .testimonial-item:hover .review, .pxl-testimonial-infinite-slide-widget .testimonial-item:hover .reviewer-description, .pxl-testimonial-infinite-slide-widget .testimonial-item:hover .reviewer-name
{
    color: #fff;
}
.pxl-testimonial-infinite-slide-widget .review
{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -.48px;
    color: #111317;
    margin-bottom: 100px;
}
.pxl-testimonial-infinite-slide-widget .testimonial-item-info
{
    display: flex;
    justify-content: space-between;
}
.pxl-testimonial-infinite-slide-widget .reviewer-description
{
    color: #5f697c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-infinite-slide-widget .reviewer-name
{
    color: #111317;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 10px;
}
.pxl-testimonial-infinite-slide-widget img
{
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    max-width: 48px;
}
.pxl-testimonial-widget
{
    --border-feature-color: #e5e0ff;
    --border-color-1: rgba(166,149,243,.2);
    --border-color-2: rgba(166,149,243,.1);
    --border-color-3: rgba(166,149,243,.8);
    --border-color-4: rgba(166,149,243,.1);
    --border-color-5: rgba(166,149,243,.2);
    height: 100%;
}
.pxl-testimonial-widget .widget-wrap
{
    padding: 40px;
    padding: 32px;
    border: 1px solid;
    border-image: linear-gradient(269.94deg,var(--border-color-1) -14.99%,var(--border-color-2) -6.8%,var(--border-color-3) 50.52%,var(--border-color-4) 101.59%,var(--border-color-5) 110.99%) 1;
    transition: 350ms ease;
    transition-property: background-color,box-shadow;
    height: 100%;
}
.pxl-testimonial-widget .widget-wrap:hover
{
    background-color: #fff;
    box-shadow: 0 30px 50px -8px rgba(132,35,255,.07);
}
.pxl-testimonial-widget .testimonial-item
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.pxl-testimonial-widget .border-feature:before, .pxl-testimonial-widget .border-feature:after
{
    position: absolute;
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-feature-color);
}
.pxl-testimonial-widget .border-feature-1:before
{
    top: -2px;
    left: -2px;
}
.pxl-testimonial-widget .border-feature-1:after
{
    bottom: -2px;
    left: -2px;
}
.pxl-testimonial-widget .border-feature-2:before
{
    top: -2px;
    right: -2px;
}
.pxl-testimonial-widget .border-feature-2:after
{
    bottom: -2px;
    right: -2px;
}
.pxl-testimonial-widget .review
{
    color: #111317;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.55;
    margin-bottom: 70px;
}
.pxl-testimonial-widget .testimonial-item-info
{
    display: flex;
    justify-content: space-between;
}
.pxl-testimonial-widget .reviewer-name
{
    color: #111317;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-testimonial-widget .reviewer-description
{
    color: #7e8695;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-testimonial-widget .testimonial-item-info-right img
{
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    max-width: 48px;
}
.pxl-rating-badge-widget .widget-wrap
{
    display: inline-flex;
    align-items: center;
    border: 1px solid #bbc1ce;
    padding: 13px;
    padding-right: 23px;
    border-radius: 24px;
    column-gap: 25px;
}
.pxl-rating-badge-widget .logo
{
    max-width: 38px;
}
.pxl-rating-badge-widget img
{
    aspect-ratio: 1;
    object-fit: contain;
}
.pxl-rating-badge-widget .tecko-star-rating
{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.pxl-rating-badge-widget .star-wrap
{
    font-size: 20px;
}
.pxl-rating-badge-widget .description
{
    color: #5f697c;
    font-size: 12px;
    font-weight: 400;
    margin-top: 5px;
}
.pxl-accordion-widget
{
    --item-gap: 15px;
    --action-color: #9da5b4;
}
.pxl-accordion-widget .widget-wrap
{
    display: inline-flex;
    flex-direction: column;
    row-gap: var(--item-gap);
    width: 100%;
}
.pxl-accordion-widget .accordion-item
{
    cursor: pointer;
}
.pxl-accordion-widget .accordion-item.is-active .accordion-item-action span:after
{
    transform: none;
}
.pxl-accordion-widget .accordion-item-inner
{
    display: flex;
    width: 100%;
}
.pxl-accordion-widget .accordion-item-title
{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget .accordion-item-description
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-top: 30px;
    display: none;
}
.pxl-accordion-widget .accordion-item-action span
{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.pxl-accordion-widget .accordion-item-action span:before, .pxl-accordion-widget .accordion-item-action span:after
{
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: var(--action-color);
    left: 0;
    top: calc(50% - 1px);
}
.pxl-accordion-widget .accordion-item-action span:after
{
    transform: rotate(90deg);
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -khtml-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -ms-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
}
.pxl-accordion-widget.layout-1
{
    --border-color-1: rgba(117,117,117,.4);
    --border-color-2: rgba(255,255,255,0);
    --background-color: #1f2025;
    --background-color-active: #141414;
    --item-space-between: 64px;
}
.pxl-accordion-widget.layout-1 .accordion-item
{
    position: relative;
    display: inline-flex;
    padding: 40px 24px;
    border-radius: 24px;
    width: 100%;
}
.pxl-accordion-widget.layout-1 .accordion-item.is-active .accordion-item-bg:before
{
    background-color: var(--background-color-active);
}
.pxl-accordion-widget.layout-1 .accordion-item-bg
{
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: linear-gradient(357deg,var(--border-color-1) 0%,var(--border-color-2) 70%);
    z-index: -1;
}
.pxl-accordion-widget.layout-1 .accordion-item-bg:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--background-color);
    border: 1px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    transition: background 300ms ease-in-out;
    -webkit-transition: background 300ms ease-in-out;
    -khtml-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
}
.pxl-accordion-widget.layout-1 .accordion-item-inner
{
    column-gap: var(--item-space-between);
}
.pxl-accordion-widget.layout-1 .accordion-item-content
{
    width: 100%;
}
.pxl-accordion-widget.layout-1 .accordion-item-count
{
    color: #0c5af5;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-1 .accordion-item-title
{
    color: #fff;
}
.pxl-accordion-widget.layout-1 .accordion-item-description
{
    color: #fff;
}
.pxl-accordion-widget.layout-2
{
    --border-color-1: rgba(166,149,243,.2);
    --border-color-2: rgba(166,149,243,.1);
    --border-color-3: rgba(166,149,243,.8);
    --border-color-4: rgba(166,149,243,.1);
    --border-color-5: rgba(166,149,243,.2);
    --border-color-6: #e5e0ff;
    --background-color-active: white;
    max-width: 856px;
    width: 100%;
}
.pxl-accordion-widget.layout-2 .accordion-item
{
    position: relative;
    border: 1px solid;
    border-image: linear-gradient(269.94deg,var(--border-color-1) -14.99%,var(--border-color-2) -6.8%,var(--border-color-3) 50.52%,var(--border-color-4) 101.59%,var(--border-color-5) 110.99%) 1;
    padding: 35px 24px;
    background-color: var(--background-color);
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active
{
    background: var(--background-color-active);
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active .accordion-item-action span:after
{
    transform: none;
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active .accordion-item-bg:before
{
    background-color: #141414;
}
.pxl-accordion-widget.layout-2 .accordion-item-content
{
    flex: 1 1 auto;
}
.pxl-accordion-widget.layout-2 .border-feature:before, .pxl-accordion-widget.layout-2 .border-feature:after
{
    position: absolute;
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-color-6);
}
.pxl-accordion-widget.layout-2 .border-feature-1:before
{
    top: -2px;
    left: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-1:after
{
    bottom: -2px;
    left: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-2:before
{
    top: -2px;
    right: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-2:after
{
    bottom: -2px;
    right: -2px;
}
.pxl-accordion-widget.layout-3
{
    --item-gap: 4px;
    --background-color: #fff;
    --background-color-active: #0c5af5;
    --title-color-active: white;
    --description-color-active: white;
    --action-color-active: white;
}
.pxl-accordion-widget.layout-3 .accordion-item
{
    padding: 36px 40px;
    border-radius: 16px;
    background: var(--background-color);
    transition: background 250ms ease;
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active
{
    background: var(--background-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-title
{
    color: var(--title-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-action span:before, .pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-action span:after
{
    background: var(--action-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-description
{
    color: var(--description-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item-inner
{
    justify-content: space-between;
}
.pxl-accordion-widget.layout-3 .accordion-item-title
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-4
{
    --item-gap: 24px;
    --action-color: #111317;
}
.pxl-accordion-widget.layout-4 .widget-wrap
{
    display: flex;
    column-gap: 24px;
}
.pxl-accordion-widget.layout-4 .widget-wrap .main-content
{
    display: flex;
    flex-direction: column;
    width: calc(100% * 7 / 12);
    row-gap: var(--item-gap);
}
.pxl-accordion-widget.layout-4 .widget-wrap .featured-image
{
    width: calc(100% * 5 / 12);
    height: 371px;
}
.pxl-accordion-widget.layout-4 .widget-wrap .featured-image .featured-image-item
{
    background: #f2f0ed;
    border-radius: 8px;
    width: 100%;
    text-align: center;
}
@media(min-width: 1025px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap
    {
        flex-direction: row;
    }
}
@media(max-width: 1024px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap .main-content
    {
        order: 2;
        width: 100%;
    }
    .pxl-accordion-widget.layout-4 .widget-wrap .featured-image
    {
        width: 100%;
    }
}
@media(max-width: 575px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap .featured-image
    {
        display: none;
    }
}
.pxl-accordion-widget.layout-4 .featured-image
{
    position: relative;
}
.pxl-accordion-widget.layout-4 .featured-image .featured-image-item
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0s 1s;
}
.pxl-accordion-widget.layout-4 .featured-image .featured-image-item.is-active
{
    animation: image_to_left 1s cubic-bezier(.645,.045,.355,1) forwards;
    z-index: 1;
    opacity: 1;
    transition: opacity 0s;
}
.pxl-accordion-widget.layout-4 .accordion-item
{
    padding: 36px 40px;
    border-radius: 8px;
    background: #f2f0ed;
}
.pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-title
{
    color: #f24903;
}
.pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-action span:before, .pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-action span:after
{
    background-color: #f24903;
}
.pxl-accordion-widget.layout-4 .accordion-item-title
{
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.pxl-accordion-widget.layout-4 .title-icon
{
    display: flex;
}
.pxl-accordion-widget.layout-4 .accordion-item-inner
{
    justify-content: space-between;
}
.pxl-accordion-widget.layout-4 .accordion-item-title
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-4 .accordion-item-description
{
    border-top: 1px dashed #d9dce3;
    padding-top: 20px;
}
.pxl-accordion-widget.layout-5
{
    --action-color: #2db04c;
}
.pxl-accordion-widget.layout-5 .accordion-item-inner
{
    column-gap: 24px;
}
.pxl-accordion-widget.layout-5 .accordion-item
{
    border-radius: 12px;
    background: #fff;
    padding: 36px 24px;
}
.pxl-accordion-widget.layout-5 .accordion-item-title
{
    display: flex;
    column-gap: 24px;
    color: #111317;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-5 .accordion-item-description
{
    color: #474e5c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 32px;
    padding-left: 42px;
}
.pxl-accordion-widget.layout-6 .accordion-item
{
    padding: 40px 0;
}
.pxl-accordion-widget.layout-6 .accordion-item:not(:last-child)
{
    border-bottom: 1px solid var(--border-color-1,#d9dce3);
}
.pxl-accordion-widget.layout-6 .accordion-item-inner
{
    justify-content: space-between;
    column-gap: var(--item-space-between,96px);
}
.pxl-accordion-widget.layout-6 .accordion-item-count
{
    color: var(--count-color,#2b303b);
    font-size: 16px;
    font-weight: 500;
}
.pxl-accordion-widget.layout-6 .accordion-item-title
{
    color: var(--title-color,#2b303b);
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.64px;
}
.pxl-accordion-widget.layout-6 .accordion-item-content
{
    flex: 1 1 auto;
    max-width: 854px;
}
.pxl-accordion-widget.layout-6 .accordion-item-action
{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pxl-accordion-widget.layout-7
{
    display: flex;
    flex-direction: column;
    row-gap: var(--item-gap,12px);
}
.pxl-accordion-widget.layout-7 .accordion-item
{
    border-radius: 6px;
    border: 1px solid var(--Mono-Gray-20,#d9dce3);
    padding: 36px 24px;
}
.pxl-accordion-widget.layout-7 .accordion-item.is-active .accordion-item-title-wrap
{
    color: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-accordion-widget.layout-7 .accordion-item.is-active .accordion-item-title-wrap i
{
    transform: none;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap
{
    display: flex;
    justify-content: space-between;
    color: var(--tecko-title-color,#111827);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap .accordion-item-title
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap i
{
    transform: rotate(-180deg);
    transition: transform 300ms ease-in-out;
    color: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-accordion-widget.layout-7 .accordion-item-description
{
    color: var(--Gray-Gray-60,#4b5563);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: var(--tecko-description-spacing,20px);
    padding-top: var(--tecko-description-spacing,20px);
    border-top: 1px solid var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-accordion-widget
{
    --item-gap: 15px;
    --action-color: #9da5b4;
}
.pxl-accordion-widget .widget-wrap
{
    display: inline-flex;
    flex-direction: column;
    row-gap: var(--item-gap);
    width: 100%;
}
.pxl-accordion-widget .accordion-item
{
    cursor: pointer;
}
.pxl-accordion-widget .accordion-item.is-active .accordion-item-action span:after
{
    transform: none;
}
.pxl-accordion-widget .accordion-item-inner
{
    display: flex;
    width: 100%;
}
.pxl-accordion-widget .accordion-item-title
{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget .accordion-item-description
{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    margin-top: 30px;
    display: none;
}
.pxl-accordion-widget .accordion-item-action span
{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
}
.pxl-accordion-widget .accordion-item-action span:before, .pxl-accordion-widget .accordion-item-action span:after
{
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: var(--action-color);
    left: 0;
    top: calc(50% - 1px);
}
.pxl-accordion-widget .accordion-item-action span:after
{
    transform: rotate(90deg);
    transition: transform 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out;
    -khtml-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -ms-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
}
.pxl-accordion-widget.layout-1
{
    --border-color-1: rgba(117,117,117,.4);
    --border-color-2: rgba(255,255,255,0);
    --background-color: #1f2025;
    --background-color-active: #141414;
    --item-space-between: 64px;
}
.pxl-accordion-widget.layout-1 .accordion-item
{
    position: relative;
    display: inline-flex;
    padding: 40px 24px;
    border-radius: 24px;
    width: 100%;
}
.pxl-accordion-widget.layout-1 .accordion-item.is-active .accordion-item-bg:before
{
    background-color: var(--background-color-active);
}
.pxl-accordion-widget.layout-1 .accordion-item-bg
{
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background-image: linear-gradient(357deg,var(--border-color-1) 0%,var(--border-color-2) 70%);
    z-index: -1;
}
.pxl-accordion-widget.layout-1 .accordion-item-bg:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--background-color);
    border: 1px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    transition: background 300ms ease-in-out;
    -webkit-transition: background 300ms ease-in-out;
    -khtml-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
}
.pxl-accordion-widget.layout-1 .accordion-item-inner
{
    column-gap: var(--item-space-between);
}
.pxl-accordion-widget.layout-1 .accordion-item-content
{
    width: 100%;
}
.pxl-accordion-widget.layout-1 .accordion-item-count
{
    color: #0c5af5;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-1 .accordion-item-title
{
    color: #fff;
}
.pxl-accordion-widget.layout-1 .accordion-item-description
{
    color: #fff;
}
.pxl-accordion-widget.layout-2
{
    --border-color-1: rgba(166,149,243,.2);
    --border-color-2: rgba(166,149,243,.1);
    --border-color-3: rgba(166,149,243,.8);
    --border-color-4: rgba(166,149,243,.1);
    --border-color-5: rgba(166,149,243,.2);
    --border-color-6: #e5e0ff;
    --background-color-active: white;
    max-width: 856px;
    width: 100%;
}
.pxl-accordion-widget.layout-2 .accordion-item
{
    position: relative;
    border: 1px solid;
    border-image: linear-gradient(269.94deg,var(--border-color-1) -14.99%,var(--border-color-2) -6.8%,var(--border-color-3) 50.52%,var(--border-color-4) 101.59%,var(--border-color-5) 110.99%) 1;
    padding: 35px 24px;
    background-color: var(--background-color);
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active
{
    background: var(--background-color-active);
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active .accordion-item-action span:after
{
    transform: none;
}
.pxl-accordion-widget.layout-2 .accordion-item.is-active .accordion-item-bg:before
{
    background-color: #141414;
}
.pxl-accordion-widget.layout-2 .accordion-item-content
{
    flex: 1 1 auto;
}
.pxl-accordion-widget.layout-2 .border-feature:before, .pxl-accordion-widget.layout-2 .border-feature:after
{
    position: absolute;
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-color-6);
}
.pxl-accordion-widget.layout-2 .border-feature-1:before
{
    top: -2px;
    left: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-1:after
{
    bottom: -2px;
    left: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-2:before
{
    top: -2px;
    right: -2px;
}
.pxl-accordion-widget.layout-2 .border-feature-2:after
{
    bottom: -2px;
    right: -2px;
}
.pxl-accordion-widget.layout-3
{
    --item-gap: 4px;
    --background-color: #fff;
    --background-color-active: #0c5af5;
    --title-color-active: white;
    --description-color-active: white;
    --action-color-active: white;
}
.pxl-accordion-widget.layout-3 .accordion-item
{
    padding: 36px 40px;
    border-radius: 16px;
    background: var(--background-color);
    transition: background 250ms ease;
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active
{
    background: var(--background-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-title
{
    color: var(--title-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-action span:before, .pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-action span:after
{
    background: var(--action-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item.is-active .accordion-item-description
{
    color: var(--description-color-active);
}
.pxl-accordion-widget.layout-3 .accordion-item-inner
{
    justify-content: space-between;
}
.pxl-accordion-widget.layout-3 .accordion-item-title
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-4
{
    --item-gap: 24px;
    --action-color: #111317;
}
.pxl-accordion-widget.layout-4 .widget-wrap
{
    display: flex;
    column-gap: 24px;
}
.pxl-accordion-widget.layout-4 .widget-wrap .main-content
{
    display: flex;
    flex-direction: column;
    width: calc(100% * 7 / 12);
    row-gap: var(--item-gap);
}
.pxl-accordion-widget.layout-4 .widget-wrap .featured-image
{
    width: calc(100% * 5 / 12);
    height: 371px;
}
.pxl-accordion-widget.layout-4 .widget-wrap .featured-image .featured-image-item
{
    background: #f2f0ed;
    border-radius: 8px;
    width: 100%;
    text-align: center;
}
@media(min-width: 1025px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap
    {
        flex-direction: row;
    }
}
@media(max-width: 1024px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap .main-content
    {
        order: 2;
        width: 100%;
    }
    .pxl-accordion-widget.layout-4 .widget-wrap .featured-image
    {
        width: 100%;
    }
}
@media(max-width: 575px)
{
    .pxl-accordion-widget.layout-4 .widget-wrap .featured-image
    {
        display: none;
    }
}
.pxl-accordion-widget.layout-4 .featured-image
{
    position: relative;
}
.pxl-accordion-widget.layout-4 .featured-image .featured-image-item
{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0s 1s;
}
.pxl-accordion-widget.layout-4 .featured-image .featured-image-item.is-active
{
    animation: image_to_left 1s cubic-bezier(.645,.045,.355,1) forwards;
    z-index: 1;
    opacity: 1;
    transition: opacity 0s;
}
.pxl-accordion-widget.layout-4 .accordion-item
{
    padding: 36px 40px;
    border-radius: 8px;
    background: #f2f0ed;
}
.pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-title
{
    color: #f24903;
}
.pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-action span:before, .pxl-accordion-widget.layout-4 .accordion-item.is-active .accordion-item-action span:after
{
    background-color: #f24903;
}
.pxl-accordion-widget.layout-4 .accordion-item-title
{
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.pxl-accordion-widget.layout-4 .title-icon
{
    display: flex;
}
.pxl-accordion-widget.layout-4 .accordion-item-inner
{
    justify-content: space-between;
}
.pxl-accordion-widget.layout-4 .accordion-item-title
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-4 .accordion-item-description
{
    border-top: 1px dashed #d9dce3;
    padding-top: 20px;
}
.pxl-accordion-widget.layout-5
{
    --action-color: #2db04c;
}
.pxl-accordion-widget.layout-5 .accordion-item-inner
{
    column-gap: 24px;
}
.pxl-accordion-widget.layout-5 .accordion-item
{
    border-radius: 12px;
    background: #fff;
    padding: 36px 24px;
}
.pxl-accordion-widget.layout-5 .accordion-item-title
{
    display: flex;
    column-gap: 24px;
    color: #111317;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-accordion-widget.layout-5 .accordion-item-description
{
    color: #474e5c;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 32px;
    padding-left: 42px;
}
.pxl-accordion-widget.layout-6 .accordion-item
{
    padding: 40px 0;
}
.pxl-accordion-widget.layout-6 .accordion-item:not(:last-child)
{
    border-bottom: 1px solid var(--border-color-1,#d9dce3);
}
.pxl-accordion-widget.layout-6 .accordion-item-inner
{
    justify-content: space-between;
    column-gap: var(--item-space-between,96px);
}
.pxl-accordion-widget.layout-6 .accordion-item-count
{
    color: var(--count-color,#2b303b);
    font-size: 16px;
    font-weight: 500;
}
.pxl-accordion-widget.layout-6 .accordion-item-title
{
    color: var(--title-color,#2b303b);
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.64px;
}
.pxl-accordion-widget.layout-6 .accordion-item-content
{
    flex: 1 1 auto;
    max-width: 854px;
}
.pxl-accordion-widget.layout-6 .accordion-item-action
{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pxl-accordion-widget.layout-7
{
    display: flex;
    flex-direction: column;
    row-gap: var(--item-gap,12px);
}
.pxl-accordion-widget.layout-7 .accordion-item
{
    border-radius: 6px;
    border: 1px solid var(--Mono-Gray-20,#d9dce3);
    padding: 36px 24px;
}
.pxl-accordion-widget.layout-7 .accordion-item.is-active .accordion-item-title-wrap
{
    color: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-accordion-widget.layout-7 .accordion-item.is-active .accordion-item-title-wrap i
{
    transform: none;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap
{
    display: flex;
    justify-content: space-between;
    color: var(--tecko-title-color,#111827);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap .accordion-item-title
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}
.pxl-accordion-widget.layout-7 .accordion-item-title-wrap i
{
    transform: rotate(-180deg);
    transition: transform 300ms ease-in-out;
    color: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-accordion-widget.layout-7 .accordion-item-description
{
    color: var(--Gray-Gray-60,#4b5563);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: var(--tecko-description-spacing,20px);
    padding-top: var(--tecko-description-spacing,20px);
    border-top: 1px solid var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-divider-widget
{
    --border-weight: 1px;
    --border-type: solid;
    --border-color: #7e8695;
}
.pxl-divider-widget .tecko-divider-separator
{
    display: flex;
    border-block-start: var(--border-weight) var(--border-type) var(--border-color);
}
.pxl-divider-widget.horizontal .tecko-divider-separator
{
    width: 100%;
}
.pxl-divider-widget.vertical .tecko-divider-separator
{
    height: 16px;
    writing-mode: vertical-lr;
}
.pxl-subheading-widget.layout-1
{
    --border-color-1: rgba(198,176,255,.03);
    --border-color-2: rgba(97,105,229,.4);
    --border-color-3: rgba(197.64,175.88,255,.03);
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 4px;
    background: rgba(87,54,253,.05);
    border: 1px solid;
    border-image: linear-gradient(270deg,var(--border-color-1) 0%,var(--border-color-2) 50%,var(--border-color-3) 100%) 1;
    color: var(--tecko-label-color,var(--tecko-primary-color));
}
.pxl-subheading-widget.layout-1 .label-wrap
{
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.pxl-subheading-widget.layout-1 .button-link
{
    padding-left: 8px;
    margin-left: 8px;
    border-left: 1px solid rgba(87,54,253,.2);
}
.pxl-subheading-widget.layout-1 .button-link a
{
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.pxl-subheading-widget.layout-2
{
    display: flex;
    column-gap: 12px;
    align-items: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}
.pxl-subheading-widget.layout-2 .separator
{
    width: 48px;
    height: 2px;
    background: var(--tecko-body-color);
    border-radius: 4px;
}
.pxl-info-box-widget
{
    --border-feature-color: #e5e0ff;
    --border-color-1: rgba(166,149,243,.2);
    --border-color-2: rgba(166,149,243,.1);
    --border-color-3: rgba(166,149,243,.8);
    --border-color-4: rgba(166,149,243,.1);
    --border-color-5: rgba(166,149,243,.2);
    --title-gap: 8px;
}
.pxl-info-box-widget .widget-wrap
{
    padding: 32px 24px;
    border: 1px solid;
    border-image: linear-gradient(269.94deg,var(--border-color-1) -14.99%,var(--border-color-2) -6.8%,var(--border-color-3) 50.52%,var(--border-color-4) 101.59%,var(--border-color-5) 110.99%) 1;
    transition: 350ms ease;
    transition-property: background-color,box-shadow;
}
.pxl-info-box-widget .widget-wrap:hover
{
    background-color: #fff;
    box-shadow: 0 30px 50px -8px rgba(132,35,255,.07);
}
.pxl-info-box-widget .icon-wrap
{
    font-size: 20px;
    display: flex;
}
.pxl-info-box-widget svg
{
    width: 1em;
    height: 1em;
}
.pxl-info-box-widget .border-feature:before, .pxl-info-box-widget .border-feature:after
{
    position: absolute;
    display: inline-block;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-feature-color);
}
.pxl-info-box-widget .border-feature-1:before
{
    top: -2px;
    left: -2px;
}
.pxl-info-box-widget .border-feature-1:after
{
    bottom: -2px;
    left: -2px;
}
.pxl-info-box-widget .border-feature-2:before
{
    top: -2px;
    right: -2px;
}
.pxl-info-box-widget .border-feature-2:after
{
    bottom: -2px;
    right: -2px;
}
.pxl-info-box-widget .title-wrap
{
    display: flex;
    align-items: center;
    column-gap: var(--title-gap);
}
.pxl-info-box-widget .title
{
    color: #111317;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-info-box-widget .description
{
    margin-top: 15px;
    color: #474e5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-info-box-widget.layout-2
{
    --title-gap: 140px;
    --box-width: 354px;
}
.pxl-info-box-widget.layout-2 .widget-wrap
{
    width: var(--box-width);
}
.pxl-info-box-widget.layout-2 .icon-wrap
{
    font-size: 40px;
    margin-bottom: var(--title-gap);
}
.pxl-info-box-widget.layout-2 .title
{
    color: #474e5c;
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
}
.pxl-info-box-widget.layout-3
{
    border-radius: var(--tecko-box-border-radius,8px);
    border: 1px solid var(--border-feature-color,#d9dce3);
    background: rgba(255,255,255,.16);
    backdrop-filter: blur(var(--tecko-background-blur,38px));
    padding: var(--tecko-box-padding,32px);
    background-color: var(--tecko-box-background-color);
}
.pxl-info-box-widget.layout-3 .sub-title
{
    font-size: 16px;
    font-weight: 500;
    color: var(--tecko-sub-title-color,var(--tecko-primary-color));
}
.pxl-info-box-widget.layout-3 .title
{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin-top: var(--title-gap,120px);
    letter-spacing: -.48px;
}
.pxl-info-box-widget.layout-3 .button-link
{
    display: inline-flex;
    column-gap: 16px;
    color: var(--tecko-button-color,#000);
    font-size: 16px;
    margin-top: 20px;
}
.pxl-info-box-widget.layout-3 .button-link i
{
    display: inline-flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    background: var(--tecko-button-icon-background-color,#000);
    font-size: 12px;
    color: var(--tecko-button-icon-color,#fff);
    border-radius: 4px;
}
.pxl-info-box-widget.layout-3 .button-link:hover
{
    color: var(--tecko-button-hover-color,var(--tecko-primary-color));
}
.pxl-tabs-scroll-widget.layout-1
{
    --border-color-1: rgba(250,246,255,.4);
    --border-color-2: rgba(250,246,255,0);
    --border-color-3: rgba(250,246,255,.2);
    --border-color-4: rgba(126,106,185,.12);
    --border-color-5: rgba(126,106,185,.02);
    --border-color-6: rgba(126,106,185,.2);
    --border-color-7: rgba(250,246,255,.5);
    --border-color-8: rgba(255,255,255,0);
    --border-color-9: rgba(250,246,255,.8);
    --border-color-10: #dcd5ef;
}
.pxl-tabs-scroll-widget.layout-1 .tabs-title
{
    display: flex;
    z-index: 2;
}
.pxl-tabs-scroll-widget.layout-1 .tab-title-item
{
    flex: 0 1 auto;
    position: relative;
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
}
@media(max-width: 1024px)
{
    .pxl-tabs-scroll-widget.layout-1 .tab-title-item
    {
        padding: 0;
    }
    .pxl-tabs-scroll-widget.layout-1 .tab-title-item .title
    {
        display: none;
    }
}
@media(min-width: 1200px)
{
    .pxl-tabs-scroll-widget.layout-1 .tab-title-item
    {
        padding: 0 50px;
    }
}
.pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:last-child) .border-y:after
{
    content: none;
}
.pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:last-child) .corner-top:after, .pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:last-child) .corner-bottom:after
{
    content: none;
}
.pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:last-child) .line-corner-top.right, .pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:last-child) .line-corner-bottom.right
{
    display: none;
}
.pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:first-child) .line-corner-top.left:before, .pxl-tabs-scroll-widget.layout-1 .tab-title-item:not(:first-child) .line-corner-bottom.left:before
{
    content: none;
}
.pxl-tabs-scroll-widget.layout-1 .count
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #7e8695;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 4px;
    background: #474e5c;
}
.pxl-tabs-scroll-widget.layout-1 .title
{
    color: #7e8695;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-tabs-scroll-widget.layout-1 .border-feature
{
    position: absolute;
    inset: 0;
}
.pxl-tabs-scroll-widget.layout-1 .border-x:after, .pxl-tabs-scroll-widget.layout-1 .border-x:before
{
    content: "";
    background: linear-gradient(90deg,var(--border-color-1) 0%,var(--border-color-2) 25%,var(--border-color-3) 50%,var(--border-color-2) 75%,var(--border-color-1) 100%);
    width: 100%;
    height: 1px;
    position: absolute;
}
.pxl-tabs-scroll-widget.layout-1 .border-x:before
{
    inset: 0% 0% auto;
}
.pxl-tabs-scroll-widget.layout-1 .border-x:after
{
    inset: auto 0% 0%;
}
.pxl-tabs-scroll-widget.layout-1 .border-y:after, .pxl-tabs-scroll-widget.layout-1 .border-y:before
{
    content: "";
    background: linear-gradient(180deg,var(--border-color-4) 0%,var(--border-color-5) 25%,var(--border-color-6) 50%,var(--border-color-5) 75%,var(--border-color-4) 100%);
    height: 100%;
    width: 1px;
    position: absolute;
}
.pxl-tabs-scroll-widget.layout-1 .border-y:before
{
    inset: 0% auto 0% 0%;
}
.pxl-tabs-scroll-widget.layout-1 .border-y:after
{
    inset: 0% 0% 0% auto;
}
.pxl-tabs-scroll-widget.layout-1 .corner-feature
{
    position: absolute;
    inset: 0;
}
.pxl-tabs-scroll-widget.layout-1 .corner-top:after, .pxl-tabs-scroll-widget.layout-1 .corner-top:before
{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-color-10);
}
.pxl-tabs-scroll-widget.layout-1 .corner-top:before
{
    top: -1px;
    left: -1px;
}
.pxl-tabs-scroll-widget.layout-1 .corner-top:after
{
    top: -1px;
    right: -1px;
}
.pxl-tabs-scroll-widget.layout-1 .corner-bottom:after, .pxl-tabs-scroll-widget.layout-1 .corner-bottom:before
{
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background-color: var(--border-color-10);
}
.pxl-tabs-scroll-widget.layout-1 .corner-bottom:before
{
    bottom: -1px;
    left: -1px;
}
.pxl-tabs-scroll-widget.layout-1 .corner-bottom:after
{
    bottom: -1px;
    right: -1px;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-feature
{
    position: absolute;
    inset: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top:after, .pxl-tabs-scroll-widget.layout-1 .line-corner-top:before
{
    position: absolute;
    content: "";
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.left
{
    position: relative;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.left:before
{
    background: linear-gradient(270deg,var(--border-color-7) 0%,var(--border-color-8) 100%);
    width: 32px;
    height: 1px;
    right: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.left:after
{
    background: linear-gradient(180deg,var(--border-color-8) 0%,var(--border-color-7) 100%);
    width: 1px;
    height: 32px;
    bottom: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.right
{
    position: relative;
    left: 100%;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.right:before
{
    background: linear-gradient(90deg,var(--border-color-7) 0%,var(--border-color-8) 100%);
    width: 32px;
    height: 1px;
    left: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-top.right:after
{
    background: linear-gradient(180deg,var(--border-color-8) 0%,var(--border-color-7) 100%);
    width: 1px;
    height: 32px;
    bottom: 0;
    right: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom
{
    top: 100%;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom:after, .pxl-tabs-scroll-widget.layout-1 .line-corner-bottom:before
{
    position: absolute;
    content: "";
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.left
{
    position: relative;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.left:before
{
    background: linear-gradient(270deg,var(--border-color-7) 0%,var(--border-color-8) 100%);
    width: 32px;
    height: 1px;
    right: 0;
    bottom: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.left:after
{
    background: linear-gradient(180deg,var(--border-color-9) 0%,var(--border-color-8) 100%);
    width: 1px;
    height: 32px;
    top: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.right
{
    position: relative;
    left: 100%;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.right:before
{
    background: linear-gradient(90deg,var(--border-color-7) 0%,var(--border-color-8) 100%);
    width: 32px;
    height: 1px;
    left: 0;
    bottom: 0;
}
.pxl-tabs-scroll-widget.layout-1 .line-corner-bottom.right:after
{
    background: linear-gradient(180deg,var(--border-color-9) 0%,var(--border-color-8) 100%);
    width: 1px;
    height: 32px;
    top: 0;
    right: 0;
}
.pxl-tabs-scroll-widget.layout-1 .progress-bar
{
    --tab-progress: 0%;
    position: absolute;
    inset: 0;
    height: 100%;
    z-index: -1;
}
.pxl-tabs-scroll-widget.layout-1 .progress-bar:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: #222126;
}
.pxl-tabs-scroll-widget.layout-1 .progress-bar:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: var(--tab-progress);
    height: 100%;
    background: #c2b8f7;
}
.pxl-tabs-scroll-widget.layout-1 .tabs-content-wrap
{
    display: flex;
    flex-direction: column;
    margin-top: 120px;
}
.pxl-tabs-scroll-widget.layout-1 .tabs-content
{
    position: relative;
    z-index: 1;
}
.pxl-tabs-scroll-widget.layout-1 .tabs-content:not(:last-child)
{
    padding-bottom: 120px;
}
.pxl-tabs-scroll-widget.layout-1 .tabs-content:before
{
    content: "";
    position: absolute;
    inset: 0;
    top: -120px;
    background-image: linear-gradient(#13121600,#131216 12%);
}
.pxl-tabs-scroll-widget.layout-2 .tabs-content-wrap
{
    margin-bottom: calc(var(--tab-content-gap,120px) * -1);
}
.pxl-tabs-scroll-widget.layout-2 .tabs-content
{
    padding-bottom: var(--tab-content-gap,120px);
}
.heading-scroll-effect-widget
{
    --heading-color-1: #f0f2f4;
    --heading-color-2: #7e8695;
}
.heading-scroll-effect-widget .heading-text div
{
    background-clip: text;
    color: transparent;
    background: linear-gradient(to right,var(--heading-color-1) 50%,var(--heading-color-2) 50%) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 200% 100%;
    background-position-x: 100%;
    transition: background-size cubic-bezier(.1,.5,.5,1) .75s;
}
.pxl-pricing-tabs-widget
{
    --background-color: #222126;
    --active-color: #131216;
    --border-color: #2b303b;
    --item-inner-gap: 24px;
}
@media(min-width: 1200px)
{
    .pxl-pricing-tabs-widget
    {
        --item-inner-gap: 55px;
    }
}
.pxl-pricing-tabs-widget .widget-wrap
{
    display: flex;
    column-gap: 24px;
    row-gap: 24px;
    flex-direction: column-reverse;
}
@media(min-width: 1200px)
{
    .pxl-pricing-tabs-widget .widget-wrap
    {
        flex-direction: row;
    }
}
.pxl-pricing-tabs-widget .widget-wrap>div
{
    background: var(--background-color);
    border-radius: 16px;
}
@media(min-width: 1200px)
{
    .pxl-pricing-tabs-widget .widget-wrap>div
    {
        width: 50%;
    }
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-content-wrap
{
    padding: 48px 40px;
}
@media(max-width: 767px)
{
    .pxl-pricing-tabs-widget .widget-wrap .pricing-content-wrap
    {
        padding: 30px 24px;
    }
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-content
{
    position: relative;
    overflow: hidden;
}
.pxl-pricing-tabs-widget .widget-wrap .tab-content
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
    transition: .35s ease-in-out;
}
.pxl-pricing-tabs-widget .widget-wrap .tab-content.is-active
{
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: .35s ease-in-out .35s;
    z-index: 2;
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-title
{
    padding: 24px 16px;
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-title-item-wrap:not(:last-child)
{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--border-color);
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-title-item-wrap.is-active .pricing-title-item
{
    background: var(--active-color);
    opacity: 1;
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-title-item
{
    display: flex;
    align-items: center;
    padding: 37px 24px;
    column-gap: var(--item-inner-gap);
    border-radius: 12px;
    opacity: .5;
    transition: 450ms ease;
    transition-property: background,opacity;
}
@media(max-width: 575px)
{
    .pxl-pricing-tabs-widget .widget-wrap .pricing-title-item
    {
        flex-direction: column;
        text-align: center;
    }
}
.pxl-pricing-tabs-widget .widget-wrap .price-wrap
{
    display: flex;
    flex-direction: column;
    flex: 0 0 25%;
}
.pxl-pricing-tabs-widget .widget-wrap .perfix-label
{
    color: #7e8695;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 7px;
}
.pxl-pricing-tabs-widget .widget-wrap .price
{
    color: #f0f2f4;
    leading-trim: both;
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -.8px;
}
.pxl-pricing-tabs-widget .widget-wrap .suffix-label
{
    color: #9da5b4;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-pricing-tabs-widget .widget-wrap .description
{
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-button
{
    --btn-width: 126px;
    --btn-height: 46px;
    --btn-background-color: #5736fd;
    --btn-hover-background-color: #fff;
    flex: 0 0 auto;
    border-radius: 4px;
    background-color: var(--btn-background-color);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.pxl-pricing-tabs-widget .widget-wrap .pricing-button:hover
{
    color: #000;
}
.pxl-tabs-widget .tabs-content
{
    position: relative;
}
.pxl-tabs-widget .tabs-item
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(40px);
    transition: .2s ease-in-out;
}
.pxl-tabs-widget .tabs-item.is-active
{
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: .45s ease-in-out .2s;
    z-index: 2;
}
.pxl-tabs-widget.layout-1 .tabs-title
{
    display: flex;
    align-items: center;
    column-gap: 16px;
    justify-content: center;
    margin-bottom: 96px;
}
.pxl-tabs-widget.layout-1 .description
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-tabs-widget.layout-1 .tab-title-text
{
    color: var(--title-color,#fff);
    opacity: .5;
    transition: opacity 250ms ease;
}
.pxl-tabs-widget.layout-1 .tab-title-text.is-active
{
    opacity: 1;
}
.pxl-tabs-widget.layout-1 .switch-button
{
    display: inline-flex;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.pxl-tabs-widget.layout-1 .switch-button .switch-button-bg
{
    background-image: linear-gradient(269.94deg,rgba(166,149,243,.2) -14.99%,rgba(166,149,243,.1) -6.8%,var(--border-color,rgba(166,149,243,.8)) 50.52%,rgba(166,149,243,.1) 101.59%,rgba(166,149,243,.2) 110.99%);
    position: absolute;
    inset: 0;
    border-radius: inherit;
    z-index: -1;
}
.pxl-tabs-widget.layout-1 .switch-button .switch-button-bg:before
{
    content: "";
    position: absolute;
    inset: 0;
    background: var(--background-color,#1f2025);
    border: 1px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    transition: background 300ms ease-in-out;
    -webkit-transition: background 300ms ease-in-out;
    -khtml-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
}
.pxl-tabs-widget.layout-1 .switch-button .switch-button-bg:after
{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(85,29,255,.05);
    border: 1px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    transition: background 300ms ease-in-out;
    -webkit-transition: background 300ms ease-in-out;
    -khtml-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
}
.pxl-tabs-widget.layout-1 .switch-button .toggle-slide
{
    background: linear-gradient(269.94deg,var(--switch-color-1,rgba(97,105,229,.9)),var(--switch-color-2,rgba(97,105,229,.4)));
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    bottom: 5px;
    border-radius: 20px;
    transition-property: width,left;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
.pxl-tabs-widget.layout-1 .switch-button .switch-button-item
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px;
    cursor: pointer;
}
.pxl-tabs-widget.layout-1 .title-text
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
}
.pxl-tabs-widget.layout-2 .heading-wrap
{
    display: flex;
    justify-content: space-between;
}
@media(max-width: 767px)
{
    .pxl-tabs-widget.layout-2 .heading-wrap
    {
        flex-direction: column;
    }
}
.pxl-tabs-widget.layout-2 .heading-title
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 64px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -1.28px;
}
.pxl-tabs-widget.layout-2 .switch-button
{
    display: inline-flex;
    column-gap: 32px;
    border-radius: 8px;
    border: 1px solid var(--border-color,#bbc1ce);
    background: #f2f0ed;
    padding: 8px 12px;
}
.pxl-tabs-widget.layout-2 .switch-button-item
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    color: #000;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    min-width: 119px;
    cursor: pointer;
}
.pxl-tabs-widget.layout-2 .switch-button-item.is-active
{
    border-radius: 4px;
    background: #f24903;
}
.pxl-tabs-widget.layout-2 .description
{
    color: #f24903;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    margin-top: 10px;
}
@media(min-width: 768px)
{
    .pxl-tabs-widget.layout-2 .description
    {
        text-align: right;
    }
}
.pxl-tabs-widget.layout-3 .tabs-title
{
    text-align: center;
    margin-bottom: 64px;
}
.pxl-tabs-widget.layout-3 .switch-button
{
    position: relative;
    display: inline-flex;
    border-radius: 12px;
    background: var(--background-color,#f4f4f4);
    padding: 4px;
    z-index: 1;
}
.pxl-tabs-widget.layout-3 .switch-button-item
{
    padding: 10px 20px;
    color: #000;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.pxl-tabs-widget.layout-3 .switch-button-item.is-active
{
    color: #fff;
}
.pxl-tabs-widget.layout-3 .toggle-slide
{
    background: var(--active-background-color,#000);
    position: absolute;
    top: 4px;
    left: 4px;
    width: 0;
    bottom: 4px;
    border-radius: inherit;
    transition-property: width,left;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(.25,.46,.45,.94);
    z-index: -1;
}
.pxl-tabs-widget.layout-4
{
    display: flex;
    gap: var(--tecko-tab-gap,200px);
}
.pxl-tabs-widget.layout-4 .tab-title-wrap, .pxl-tabs-widget.layout-4 .tab-content-wrap
{
    width: 50%;
}
@media(max-width: 767px)
{
    .pxl-tabs-widget.layout-4
    {
        flex-direction: column;
    }
    .pxl-tabs-widget.layout-4 .tab-title-wrap, .pxl-tabs-widget.layout-4 .tab-content-wrap
    {
        width: 100%;
    }
}
.pxl-tabs-widget.layout-4 .tab-content-wrap
{
    position: relative;
}
.pxl-tabs-widget.layout-4 .tab-content-wrap .tab-content
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
    transition: .35s ease-in-out;
}
.pxl-tabs-widget.layout-4 .tab-content-wrap .tab-content.is-active
{
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: .25s ease-in-out .25s;
    z-index: 2;
}
.pxl-tabs-widget.layout-4 .tab-title-item
{
    position: relative;
    padding: var(--tecko-item-padding,32px);
    cursor: pointer;
    transition: all .35s ease;
}
.pxl-tabs-widget.layout-4 .tab-title-item.is-active:before
{
    background: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-tabs-widget.layout-4 .tab-title-item.is-active .tab-title
{
    color: var(--tecko-active-color,var(--tecko-primary-color));
}
.pxl-tabs-widget.layout-4 .tab-title-item.is-active .tab-title-description
{
    color: var(--tecko-description-color,#5f697c);
}
.pxl-tabs-widget.layout-4 .tab-title-item:before
{
    content: "";
    background: var(--tecko-border-color,#d9dce3);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    transition: background .35s ease;
}
.pxl-tabs-widget.layout-4 .tab-title
{
    color: var(--tecko-deactive-color,#bbc1ce);
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
    transition: color .35s ease;
    margin-bottom: var(--tecko-title-spacing,12px);
}
.pxl-tabs-widget.layout-4 .tab-title-description
{
    color: var(--tecko-deactive-color,#bbc1ce);
    font-size: 16px;
    line-height: 1.5;
    transition: color .35s ease;
}
.tecko-newsletter-form-widget.layout-1 .form-group
{
    display: flex;
    column-gap: 8px;
}
.tecko-newsletter-form-widget.layout-1 .tecko-field-email
{
    flex: 1 0 0;
}
.tecko-newsletter-form-widget.layout-1 .tecko-email
{
    padding: 13px 12px;
    color: var(--tecko-email-color,#7e8695);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    border-radius: 4px;
    background: var(--tecko-email-background-color,rgba(0,0,0,.08));
    border: 0;
}
.tecko-newsletter-form-widget.layout-1 .tecko-email::placeholder
{
    color: var(--tecko-email-color,#7e8695);
}
.tecko-newsletter-form-widget.layout-1 .tecko-submit
{
    background: var(--tecko-button-background-color,#111317);
    border-radius: 4px;
    color: var(--tecko-button-color,#fff);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    padding: 13px 24px;
}
.tecko-newsletter-form-widget.layout-2 .form-group
{
    display: flex;
    column-gap: 8px;
    border-bottom: 1px solid #bbb;
    padding-bottom: 18px;
}
.tecko-newsletter-form-widget.layout-2 .tecko-field-email
{
    flex: 1 0 0;
}
.tecko-newsletter-form-widget.layout-2 .tecko-email
{
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    border: 0;
}
.tecko-newsletter-form-widget.layout-2 .tecko-email::placeholder
{
    color: #999;
}
.tecko-newsletter-form-widget.layout-2 .tecko-submit
{
    background: transparent;
    color: #000;
    padding: 0;
    min-height: auto;
    font-size: 20px;
}
.tecko-newsletter-form-widget.layout-3 .form-group
{
    background-image: url("../image/border.svg");
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 5.1707317073;
    display: flex;
    max-width: 212px;
}
.tecko-newsletter-form-widget.layout-3 .tecko-field-email
{
    flex: 1 0 auto;
}
.tecko-newsletter-form-widget.layout-3 .tecko-email
{
    color: #999;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    border: 0;
    height: 100%;
    padding: 0 16px;
    max-width: 172px;
}
.tecko-newsletter-form-widget.layout-3 .tecko-email::placeholder
{
    color: #999;
}
.tecko-newsletter-form-widget.layout-3 .tecko-field-button
{
    flex: 0 0 auto;
    aspect-ratio: 1;
    padding: 5px;
}
.tecko-newsletter-form-widget.layout-3 .tecko-submit
{
    background: transparent;
    color: #000;
    padding: 0;
    min-height: auto;
    font-size: 18px;
    width: 100%;
    height: 100%;
    background: var(--tecko-primary-color);
    border-radius: 50%;
    color: #fff;
}
.tecko-newsletter-form-widget.layout-3 .tecko-submit:hover
{
    background-color: #000;
}
.tecko-newsletter-form-widget.layout-4
{
    --button-primary-color: #f24903;
}
.tecko-newsletter-form-widget.layout-4 .form-group
{
    display: flex;
    column-gap: 8px;
}
.tecko-newsletter-form-widget.layout-4 .tecko-field-email
{
    flex: 1 0 0;
    border-radius: 4px;
    border: 1px solid #d9dce3;
    overflow: hidden;
}
.tecko-newsletter-form-widget.layout-4 .tecko-email
{
    padding: 13px 12px;
    color: #7e8695;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
    background: #fff;
    border: 0;
}
.tecko-newsletter-form-widget.layout-4 .tecko-email::placeholder
{
    font-family: inherit;
    color: #7e8695;
    text-transform: uppercase;
}
.tecko-newsletter-form-widget.layout-4 .tecko-submit
{
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9dce3;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    padding: 13px 24px;
    text-transform: uppercase;
}
.tecko-newsletter-form-widget.layout-4 .tecko-submit:hover
{
    background-color: var(--button-primary-color);
    border-color: var(--button-primary-color);
    color: #fff;
}
.pxl-member-accordion-widget
{
    --wg-height: 487px;
    --background-color: #0c5af5;
}
.pxl-member-accordion-widget .widget-wrap
{
    height: var(--wg-height);
}
@media(min-width: 768px)
{
    .pxl-member-accordion-widget .widget-wrap
    {
        display: flex;
        column-gap: 20px;
    }
}
@media(min-width: 1200px)
{
    .pxl-member-accordion-widget .widget-wrap
    {
        column-gap: 24px;
    }
}
.pxl-member-accordion-widget .widget-wrap .team-member-item
{
    overflow: hidden;
}
@media(min-width: 768px)
{
    .pxl-member-accordion-widget .widget-wrap .team-member-item
    {
        position: relative;
        flex: 1 0 0%;
        transition: flex .5s cubic-bezier(.29,0,.2,1);
    }
}
@media(min-width: 768px)
{
    .pxl-member-accordion-widget .widget-wrap .team-member-item.is-active
    {
        flex: 30%;
    }
    .pxl-member-accordion-widget .widget-wrap .team-member-item.is-active img
    {
        filter: none;
    }
}
@media(min-width: 1025px)
{
    .pxl-member-accordion-widget .widget-wrap .team-member-item.is-active
    {
        flex: 20%;
    }
}
.pxl-member-accordion-widget .widget-wrap .team-member-item.swiper-slide-active img
{
    filter: none;
}
.pxl-member-accordion-widget .widget-wrap .team-member-item img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 12px;
    transition: filter .6s cubic-bezier(.48,0,.11,1);
    filter: saturate(0%);
}
@media(min-width: 768px)
{
    .pxl-member-accordion-widget.layout-1 .team-member-item.is-active .team-member-item-inner
    {
        animation: fadeInUp;
        animation-duration: 450ms;
        animation-delay: .3s;
        animation-fill-mode: forwards;
    }
}
.pxl-member-accordion-widget.layout-1 .team-member-item.swiper-slide-active .team-member-item-inner
{
    animation: fadeInUp;
    animation-duration: 450ms;
    animation-delay: .3s;
    animation-fill-mode: forwards;
}
.pxl-member-accordion-widget.layout-1 .team-member-item-inner
{
    position: absolute;
    bottom: 20px;
    left: 18px;
    right: 28px;
    display: flex;
    border-radius: 16px;
    background-color: var(--background-color);
    padding: 20px;
    column-gap: 24px;
    align-items: flex-end;
    justify-content: space-between;
    opacity: 0;
}
.pxl-member-accordion-widget.layout-1 .team-member-name
{
    color: #fff;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-member-accordion-widget.layout-1 .team-member-description
{
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-member-accordion-widget.layout-1 .social
{
    display: flex;
    font-size: 21px;
    column-gap: 12px;
}
.pxl-member-accordion-widget.layout-1 .social-item
{
    color: var(--social-color,#fff);
}
.pxl-member-accordion-widget.layout-2 .widget-wrap
{
    height: auto;
}
.pxl-member-accordion-widget.layout-2 .team-member-item
{
    display: flex;
    flex-direction: column;
}
@media(min-width: 768px)
{
    .pxl-member-accordion-widget.layout-2 .team-member-item.is-active .team-member-item-inner
    {
        opacity: 1;
        transform: none;
        transition: 450ms cubic-bezier(.48,0,.11,1) .4s;
        transition-property: opacity,transform;
    }
    .pxl-member-accordion-widget.layout-2 .team-member-item.is-active .team-member-item-inner:before
    {
        width: 100%;
    }
}
.pxl-member-accordion-widget.layout-2 .team-member-item.swiper-slide-active .team-member-item-inner
{
    opacity: 1;
    transform: none;
    transition: 450ms cubic-bezier(.48,0,.11,1) .4s;
    transition-property: opacity,transform;
}
.pxl-member-accordion-widget.layout-2 .team-member-item.swiper-slide-active .team-member-item-inner:before
{
    width: 100%;
}
.pxl-member-accordion-widget.layout-2 .image
{
    position: relative;
    flex: 1 1 auto;
    height: var(--image-height,487px);
}
.pxl-member-accordion-widget.layout-2 .team-member-item-inner
{
    position: relative;
    flex: 0 0 auto;
    margin-top: var(--content-spacing,24px);
    padding-top: var(--content-spacing,24px);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    opacity: 0;
    transform: translateX(10px);
}
.pxl-member-accordion-widget.layout-2 .team-member-item-inner:before
{
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    top: 0;
    transition: 650ms cubic-bezier(.48,0,.11,1) .55s;
    border-top: 1px solid var(--border-color,#d9dce3);
}
.pxl-member-accordion-widget.layout-2 .team-member-name
{
    color: #2b303b;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pxl-member-accordion-widget.layout-2 .team-member-description
{
    color: #474e5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-member-accordion-widget.layout-2 .social
{
    display: flex;
    column-gap: 8px;
}
.pxl-member-accordion-widget.layout-2 .social-item
{
    display: flex;
    width: 40px;
    color: var(--social-color,#2b303b);
    aspect-ratio: 1;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--social-background-color);
    border: 1px solid var(--social-border-color,#d9dce3);
}
.pxl-member-accordion-widget.layout-2 .social-item:hover
{
    color: var(--social-hover-color);
    border-color: var(--social-hover-border-color);
    background-color: var(--social-hover-background-color);
}
.pxl-pricing-table-widget.layout-1
{
    --item-gap: 18px;
    height: 100%;
}
.pxl-pricing-table-widget.layout-1 .widget-wrap
{
    padding: 56px;
    border-radius: 23px;
    border: 1px solid #bbb;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pxl-pricing-table-widget.layout-1 .title-wrap
{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.pxl-pricing-table-widget.layout-1 .title-text
{
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
}
.pxl-pricing-table-widget.layout-1 .feature-text
{
    border-radius: 30px;
    background: #ddddf9;
    color: #0c5af5;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    padding: 4px 14px;
}
.pxl-pricing-table-widget.layout-1 .price-wrap
{
    margin-top: 25px;
    font-family: "Red Hat Display";
}
.pxl-pricing-table-widget.layout-1 .price
{
    color: #151515;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-pricing-table-widget.layout-1 .duration
{
    color: #494949;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.64px;
}
.pxl-pricing-table-widget.layout-1 .description
{
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 25px;
}
.pxl-pricing-table-widget.layout-1 .option-list
{
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    row-gap: var(--item-gap);
}
.pxl-pricing-table-widget.layout-1 .option-item
{
    display: flex;
    column-gap: 15px;
    color: #151515;
    font-size: 20px;
    align-items: center;
}
.pxl-pricing-table-widget.layout-1 .option-title
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-1 .button-wrap
{
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-1 .pricing-button
{
    --hover-color: #fff;
    display: flex;
    width: 100%;
    border-radius: 49px;
    background: #000;
    align-items: center;
    justify-content: center;
    height: 48px;
    color: #fff;
}
.pxl-pricing-table-widget.layout-1 .pricing-button:hover
{
    color: var(--hover-color);
}
.pxl-pricing-table-widget.layout-2
{
    --item-gap: 24px;
}
.pxl-pricing-table-widget.layout-2 .widget-wrap
{
    padding: 64px 24px 24px;
    border-radius: 8px;
    border: 1px solid #d9dce3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.pxl-pricing-table-widget.layout-2 .title-text
{
    color: #f24903;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-2 .feature-text
{
    border-radius: 4px;
    background: #111317;
    padding: 10px 8px;
    color: #fff;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 0;
    line-height: 1;
}
.pxl-pricing-table-widget.layout-2 .price-wrap
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;/* 133.333% */
    letter-spacing: -.72px;
}
.pxl-pricing-table-widget.layout-2 .duration
{
    font-size: 16px;
    font-weight: 400;
}
.pxl-pricing-table-widget.layout-2 .option-list
{
    margin-top: 45px;
}
.pxl-pricing-table-widget.layout-2 .option-item
{
    padding: var(--item-gap) 0;
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border-top: 1px dashed #bbc1ce;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-pricing-table-widget.layout-2 .pricing-button
{
    --hover-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #111317;
    width: 100%;
    height: 46px;
    color: #fff;
    column-gap: 10px;
    margin-top: 48px;
}
.pxl-pricing-table-widget.layout-2 .pricing-button:hover
{
    color: var(--hover-color);
}
.pxl-pricing-table-widget.layout-2 .button-icon
{
    display: flex;
}
.pxl-pricing-table-widget.layout-3
{
    height: 100%;
}
.pxl-pricing-table-widget.layout-3 .widget-wrap
{
    padding: 36px 24px;
    border-radius: 16px;
    border: 1px solid #f4f4f4;
    background: #fff;
    height: 100%;
}
.pxl-pricing-table-widget.layout-3 .title-text
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-3 .description
{
    color: #474e5c;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
}
.pxl-pricing-table-widget.layout-3 .button-wrap
{
    margin-top: 48px;
}
.pxl-pricing-table-widget.layout-3 .pricing-button
{
    display: inline-flex;
    column-gap: 8px;
    align-item: center;
    padding: 10px 20px;
    border-radius: 12px;
    background: #000;
    color: #fff;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.pxl-pricing-table-widget.layout-3 .price-wrap
{
    margin-top: 40px;
}
.pxl-pricing-table-widget.layout-3 .price
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-pricing-table-widget.layout-3 .duration
{
    color: #7e8695;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 12px;
}
.pxl-pricing-table-widget.layout-3 .option-list, .pxl-pricing-table-widget.layout-3 .option-list-2
{
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid #d9dce3;
}
.pxl-pricing-table-widget.layout-3 .option-label
{
    display: inline-block;
    color: #000;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 25px;
}
.pxl-pricing-table-widget.layout-3 .option-item
{
    display: flex;
    align-items: center;
    column-gap: 16px;
    color: #474e5c;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-3 .option-item:not(:last-child)
{
    margin-bottom: 10px;
}
.pxl-pricing-table-widget.layout-4
{
    height: 100%;
}
.pxl-pricing-table-widget.layout-4 .widget-wrap
{
    padding: 40px 40px 48px;
    border-radius: 24px;
    border: 1px solid #2b303b;
    background: #000;
    height: 100%;
}
.pxl-pricing-table-widget.layout-4 .title-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-pricing-table-widget.layout-4 .title-text
{
    color: #f0f2f4;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-4 .description
{
    color: #9da5b4;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    margin-top: 16px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap
{
    font-family: "Red Hat Display";
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap .price
{
    color: #0c5af5;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.64px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap .duration
{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-4 .button-wrap
{
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-4 .pricing-button
{
    display: flex;
    justify-content: center;
    padding: 16px 24px;
    width: 100%;
    border-radius: 12px;
    background: #f0f2f4;
    color: #111317;
    font-size: 14px;
    font-weight: 600;
}
.pxl-pricing-table-widget.layout-4 .option-list
{
    margin-top: 40px;
}
.pxl-pricing-table-widget.layout-4 .option-label
{
    display: block;
    color: #f0f2f4;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px dashed #474e5c;
}
.pxl-pricing-table-widget.layout-4 .option-item
{
    display: flex;
    column-gap: 16px;
    color: #9da5b4;
    font-size: 14px;
    font-weight: 500;
}
.pxl-pricing-table-widget.layout-4 .option-item:not(:last-child)
{
    margin-bottom: 24px;
}
.pxl-pricing-table-widget.layout-4 .option-item i
{
    color: #0c5af5;
}
.pxl-pricing-table-widget.layout-4.featured
{
    position: relative;
}
.pxl-pricing-table-widget.layout-4.featured .widget-wrap
{
    border: 2px solid #0c5af5;
    border-radius: 0 0 24px 24px;
    background: #fff;
}
.pxl-pricing-table-widget.layout-4.featured .widget-wrap .feature-content
{
    position: absolute;
    display: flex;
    column-gap: 12px;
    color: #fff;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 100%;
    width: 100%;
    border-radius: 24px 24px 0 0;
    background: #0c5af5;
    height: 48px;
    padding: 0 48px;
}
.pxl-pricing-table-widget.layout-4.featured .title-text
{
    color: #111317;
}
.pxl-pricing-table-widget.layout-4.featured .description
{
    color: #474e5c;
}
.pxl-pricing-table-widget.layout-4.featured .duration
{
    color: #111317;
}
.pxl-pricing-table-widget.layout-4.featured .pricing-button
{
    background: #0c5af5;
    color: #f0f2f4;
}
.pxl-pricing-table-widget.layout-4.featured .option-label
{
    color: #111317;
    border-color: #bbc1ce;
}
.pxl-pricing-table-widget.layout-4.featured .option-item
{
    color: #474e5c;
}
.pxl-pricing-table-widget.layout-1
{
    --item-gap: 18px;
    height: 100%;
}
.pxl-pricing-table-widget.layout-1 .widget-wrap
{
    padding: 56px;
    border-radius: 23px;
    border: 1px solid #bbb;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pxl-pricing-table-widget.layout-1 .title-wrap
{
    display: flex;
    column-gap: 20px;
    align-items: center;
}
.pxl-pricing-table-widget.layout-1 .title-text
{
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
}
.pxl-pricing-table-widget.layout-1 .feature-text
{
    border-radius: 30px;
    background: #ddddf9;
    color: #0c5af5;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    padding: 4px 14px;
}
.pxl-pricing-table-widget.layout-1 .price-wrap
{
    margin-top: 25px;
    font-family: "Red Hat Display";
}
.pxl-pricing-table-widget.layout-1 .price
{
    color: #151515;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-pricing-table-widget.layout-1 .duration
{
    color: #494949;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.64px;
}
.pxl-pricing-table-widget.layout-1 .description
{
    color: #808080;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 25px;
}
.pxl-pricing-table-widget.layout-1 .option-list
{
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    row-gap: var(--item-gap);
}
.pxl-pricing-table-widget.layout-1 .option-item
{
    display: flex;
    column-gap: 15px;
    color: #151515;
    font-size: 20px;
    align-items: center;
}
.pxl-pricing-table-widget.layout-1 .option-title
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-1 .button-wrap
{
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-1 .pricing-button
{
    --hover-color: #fff;
    display: flex;
    width: 100%;
    border-radius: 49px;
    background: #000;
    align-items: center;
    justify-content: center;
    height: 48px;
    color: #fff;
}
.pxl-pricing-table-widget.layout-1 .pricing-button:hover
{
    color: var(--hover-color);
}
.pxl-pricing-table-widget.layout-2
{
    --item-gap: 24px;
}
.pxl-pricing-table-widget.layout-2 .widget-wrap
{
    padding: 64px 24px 24px;
    border-radius: 8px;
    border: 1px solid #d9dce3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}
.pxl-pricing-table-widget.layout-2 .title-text
{
    color: #f24903;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-2 .feature-text
{
    border-radius: 4px;
    background: #111317;
    padding: 10px 8px;
    color: #fff;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 0;
    line-height: 1;
}
.pxl-pricing-table-widget.layout-2 .price-wrap
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;/* 133.333% */
    letter-spacing: -.72px;
}
.pxl-pricing-table-widget.layout-2 .duration
{
    font-size: 16px;
    font-weight: 400;
}
.pxl-pricing-table-widget.layout-2 .option-list
{
    margin-top: 45px;
}
.pxl-pricing-table-widget.layout-2 .option-item
{
    padding: var(--item-gap) 0;
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border-top: 1px dashed #bbc1ce;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-pricing-table-widget.layout-2 .pricing-button
{
    --hover-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #111317;
    width: 100%;
    height: 46px;
    color: #fff;
    column-gap: 10px;
    margin-top: 48px;
}
.pxl-pricing-table-widget.layout-2 .pricing-button:hover
{
    color: var(--hover-color);
}
.pxl-pricing-table-widget.layout-2 .button-icon
{
    display: flex;
}
.pxl-pricing-table-widget.layout-3
{
    height: 100%;
}
.pxl-pricing-table-widget.layout-3 .widget-wrap
{
    padding: 36px 24px;
    border-radius: 16px;
    border: 1px solid #f4f4f4;
    background: #fff;
    height: 100%;
}
.pxl-pricing-table-widget.layout-3 .title-text
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-3 .description
{
    color: #474e5c;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 20px;
}
.pxl-pricing-table-widget.layout-3 .button-wrap
{
    margin-top: 48px;
}
.pxl-pricing-table-widget.layout-3 .pricing-button
{
    display: inline-flex;
    column-gap: 8px;
    align-item: center;
    padding: 10px 20px;
    border-radius: 12px;
    background: #000;
    color: #fff;
    line-height: 1;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.pxl-pricing-table-widget.layout-3 .price-wrap
{
    margin-top: 40px;
}
.pxl-pricing-table-widget.layout-3 .price
{
    color: #000;
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.96px;
}
.pxl-pricing-table-widget.layout-3 .duration
{
    color: #7e8695;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 12px;
}
.pxl-pricing-table-widget.layout-3 .option-list, .pxl-pricing-table-widget.layout-3 .option-list-2
{
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid #d9dce3;
}
.pxl-pricing-table-widget.layout-3 .option-label
{
    display: inline-block;
    color: #000;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 25px;
}
.pxl-pricing-table-widget.layout-3 .option-item
{
    display: flex;
    align-items: center;
    column-gap: 16px;
    color: #474e5c;
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
.pxl-pricing-table-widget.layout-3 .option-item:not(:last-child)
{
    margin-bottom: 10px;
}
.pxl-pricing-table-widget.layout-4
{
    height: 100%;
}
.pxl-pricing-table-widget.layout-4 .widget-wrap
{
    padding: 40px 40px 48px;
    border-radius: 24px;
    border: 1px solid #2b303b;
    background: #000;
    height: 100%;
}
.pxl-pricing-table-widget.layout-4 .title-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pxl-pricing-table-widget.layout-4 .title-text
{
    color: #f0f2f4;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-4 .description
{
    color: #9da5b4;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42;
    margin-top: 16px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap
{
    font-family: "Red Hat Display";
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap .price
{
    color: #0c5af5;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.64px;
}
.pxl-pricing-table-widget.layout-4 .price-wrap .duration
{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.48px;
}
.pxl-pricing-table-widget.layout-4 .button-wrap
{
    margin-top: 30px;
}
.pxl-pricing-table-widget.layout-4 .pricing-button
{
    display: flex;
    justify-content: center;
    padding: 16px 24px;
    width: 100%;
    border-radius: 12px;
    background: #f0f2f4;
    color: #111317;
    font-size: 14px;
    font-weight: 600;
}
.pxl-pricing-table-widget.layout-4 .option-list
{
    margin-top: 40px;
}
.pxl-pricing-table-widget.layout-4 .option-label
{
    display: block;
    color: #f0f2f4;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px dashed #474e5c;
}
.pxl-pricing-table-widget.layout-4 .option-item
{
    display: flex;
    column-gap: 16px;
    color: #9da5b4;
    font-size: 14px;
    font-weight: 500;
}
.pxl-pricing-table-widget.layout-4 .option-item:not(:last-child)
{
    margin-bottom: 24px;
}
.pxl-pricing-table-widget.layout-4 .option-item i
{
    color: #0c5af5;
}
.pxl-pricing-table-widget.layout-4.featured
{
    position: relative;
}
.pxl-pricing-table-widget.layout-4.featured .widget-wrap
{
    border: 2px solid #0c5af5;
    border-radius: 0 0 24px 24px;
    background: #fff;
}
.pxl-pricing-table-widget.layout-4.featured .widget-wrap .feature-content
{
    position: absolute;
    display: flex;
    column-gap: 12px;
    color: #fff;
    align-items: center;
    justify-content: center;
    left: 0;
    bottom: 100%;
    width: 100%;
    border-radius: 24px 24px 0 0;
    background: #0c5af5;
    height: 48px;
    padding: 0 48px;
}
.pxl-pricing-table-widget.layout-4.featured .title-text
{
    color: #111317;
}
.pxl-pricing-table-widget.layout-4.featured .description
{
    color: #474e5c;
}
.pxl-pricing-table-widget.layout-4.featured .duration
{
    color: #111317;
}
.pxl-pricing-table-widget.layout-4.featured .pricing-button
{
    background: #0c5af5;
    color: #f0f2f4;
}
.pxl-pricing-table-widget.layout-4.featured .option-label
{
    color: #111317;
    border-color: #bbc1ce;
}
.pxl-pricing-table-widget.layout-4.featured .option-item
{
    color: #474e5c;
}
.pxl-featured-portfolio-widget .post-item:hover .post-item-post-link
{
    opacity: 1;
}
.pxl-featured-portfolio-widget .post-featured-img
{
    position: relative;
    border-radius: 16px;
    border: 1px solid #d9dce3;
    padding: 24px 16px;
}
.pxl-featured-portfolio-widget .post-featured-img img
{
    border-radius: 8px;
}
.pxl-featured-portfolio-widget .post-featured-img .post-item-post-link
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    width: 46px;
    opacity: 0;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #f24903;
    color: #fff;
}
.pxl-featured-portfolio-widget .post-featured-img .post-item-post-link i
{
    transform: rotate(320deg);
}
.pxl-featured-portfolio-widget .post-item-title
{
    margin: 0;
    margin-top: 32px;
}
.pxl-featured-portfolio-widget .post-item-title a
{
    display: inline-block;
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.64px;
}
.pxl-featured-portfolio-widget .post-category
{
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    margin-top: 7px;
}
.pxl-quote-carousel-widget
{
    --background-color: #fff;
    --nav-primary-color: #000;
    --nav-second-color: #d9dce3;
}
.pxl-quote-carousel-widget .widget-wrap
{
    position: relative;
    border-radius: 8px;
    background: var(--background-color);
    padding: 96px 290px;
}
.pxl-quote-carousel-widget .quote
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: -.64px;
    background: var(--background-color);
}
.pxl-quote-carousel-widget .tecko-swiper-pagination
{
    position: absolute;
    top: 24px;
    left: 24px;
    bottom: auto!important;
    display: inline-flex;
    column-gap: 4px;
}
.pxl-quote-carousel-widget .tecko-swiper-pagination .swiper-pagination-bullet
{
    width: 48px;
    height: 2px;
    border-radius: 4px;
    background: var(--nav-second-color);
    transition: background 250ms ease;
}
.pxl-quote-carousel-widget .tecko-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background: var(--nav-primary-color);
}
.pxl-quote-carousel-widget .tecko-quote-carousel-extra
{
    position: absolute;
    left: 24px;
    bottom: 24px;
    right: 24px;
    width: 100%;
}
.pxl-quote-carousel-widget .author-name
{
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.pxl-quote-carousel-widget .author-description
{
    color: #7e8695;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
}
.pxl-process-widget
{
    --border-color: #d9dce3;
    display: flex;
    column-gap: 24px;
}
@media(max-width: 1024px)
{
    .pxl-process-widget
    {
        flex-direction: column;
    }
}
.pxl-process-widget .title-wrap
{
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: calc(100% * 9 / 12);
    row-gap: 24px;
}
@media(max-width: 1024px)
{
    .pxl-process-widget .title-wrap
    {
        width: 100%;
    }
}
.pxl-process-widget .process-title
{
    border-radius: 4px;
    border: 1px dashed var(--border-color);
    padding: 32px 24px;
    color: rgba(17,19,23,.5);
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    transition: all 350ms ease;
}
.pxl-process-widget .process-title.is-active
{
    color: #111317;
    background: #fff;
    border-color: transparent;
}
.pxl-process-widget .content-wrap
{
    border-left: 1px dashed var(--border-color);
}
.pxl-process-widget .icon-wrap, .pxl-process-widget .main-content
{
    padding-left: 24px;
}
@media(max-width: 1024px)
{
    .pxl-process-widget .icon-wrap, .pxl-process-widget .main-content
    {
        padding: 24px;
    }
}
.pxl-process-widget .content
{
    position: relative;
}
.pxl-process-widget .process-content
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(40px);
    transition: .2s ease-in-out;
    color: #5f697c;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    letter-spacing: -.14px;
}
.pxl-process-widget .process-content.is-active
{
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: .45s ease-in-out .2s;
    z-index: 2;
}
.pxl-process-widget .process-content .badget
{
    display: inline-flex;
    column-gap: 8px;
    padding: 8px;
    margin-top: 24px;
    border-radius: 4px;
    background: #fff;
    line-height: 1;
    color: #111317;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 400;
}
.pxl-process-widget .icon-wrap
{
    border-bottom: 1px dashed var(--border-color);
    padding: 24px;
    height: 50%;
}
.pxl-process-widget .icon-wrap i
{
    font-size: 48px;
    color: #f24903;
}
.pxl-process-widget .main-content
{
    height: 50%;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
@media(min-width: 768px)
{
    .pxl-process-accordion-widget .widget-wrap
    {
        display: flex;
        column-gap: 20px;
    }
}
@media(min-width: 1200px)
{
    .pxl-process-accordion-widget .widget-wrap
    {
        column-gap: 24px;
    }
}
.pxl-process-accordion-widget .widget-wrap .process-item
{
    overflow: hidden;
}
@media(min-width: 768px)
{
    .pxl-process-accordion-widget .widget-wrap .process-item
    {
        position: relative;
        flex: 1 0 0%;
        transition: flex .5s cubic-bezier(.29,0,.2,1);
    }
}
@media(min-width: 768px)
{
    .pxl-process-accordion-widget .widget-wrap .process-item.is-active
    {
        flex: 50%;
    }
}
.pxl-process-accordion-widget .widget-wrap .process-item img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 12px;
    transition: filter .6s cubic-bezier(.48,0,.11,1);
}
.pxl-process-accordion-widget .process-item
{
    display: flex;
    flex-direction: column;
}
@media(min-width: 768px)
{
    .pxl-process-accordion-widget .process-item.is-active .process-item-inner
    {
        opacity: 1;
        transform: none;
        transition: 450ms cubic-bezier(.48,0,.11,1) .4s;
        transition-property: opacity,transform;
    }
    .pxl-process-accordion-widget .process-item.is-active .process-item-inner:before
    {
        width: 100%;
    }
}
.pxl-process-accordion-widget .process-item.swiper-slide-active .process-item-inner
{
    opacity: 1;
    transform: none;
    transition: 450ms cubic-bezier(.48,0,.11,1) .4s;
    transition-property: opacity,transform;
}
.pxl-process-accordion-widget .process-item.swiper-slide-active .process-item-inner:before
{
    width: 100%;
}
.pxl-process-accordion-widget .featured-image
{
    position: relative;
    flex: 1 1 auto;
    height: var(--image-height,415px);
}
.pxl-process-accordion-widget .process-item-inner
{
    position: relative;
    flex: 0 0 auto;
    margin-top: var(--content-spacing,24px);
    padding-top: var(--content-spacing,24px);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    opacity: 0;
    transform: translateX(15px);
}
.pxl-process-accordion-widget .process-item-inner:before
{
    content: "";
    position: absolute;
    left: 0;
    width: 0%;
    top: 0;
    transition: 650ms cubic-bezier(.48,0,.11,1) .55s;
    border-top: 1px solid var(--border-color,#d9dce3);
}
.pxl-process-accordion-widget .process-count
{
    color: var(--count-color,#dca9e4);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: var(--count-spacing,2px);
}
.pxl-process-accordion-widget .process-name
{
    color: var(--title-color,#2b303b);
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: var(--title-spacing,3px);
    letter-spacing: -.64px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pxl-process-accordion-widget .process-description
{
    color: var(--des-color,#474e5c);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pxl-portfolio-box-widget .box-inner
{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.pxl-portfolio-box-widget .box-inner:hover .feadtured-image:after
{
    opacity: 1;
}
.pxl-portfolio-box-widget .box-inner:hover .box-title
{
    transform: none;
    opacity: 1;
    transition-delay: 300ms;
}
.pxl-portfolio-box-widget .box-inner:hover .tag-item
{
    transform: none;
    opacity: 1;
    transition-delay: 400ms;
}
.pxl-portfolio-box-widget .box-inner:hover .box-icon-link
{
    transform: none;
    opacity: 1;
    transition-delay: 350ms;
}
.pxl-portfolio-box-widget img
{
    border-radius: 9px;
}
.pxl-portfolio-box-widget .feadtured-image:after
{
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 250ms ease .45s;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--overlay-bg-color,#000) 100%);
}
.pxl-portfolio-box-widget .box-content-wrap
{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 42px 54px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.pxl-portfolio-box-widget .box-title
{
    color: #fff;
    font-family: "Red Hat Display";
    font-size: 48px;
    margin-bottom: var(--title-spacing,15px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.96px;
    opacity: 0;
    transform: translateY(15px);
    transition: 350ms ease 200ms;
    transition-property: opacity,transform;
}
.pxl-portfolio-box-widget .tag-item
{
    display: inline-block;
    border-radius: 100px;
    border: 1px solid var(--tag-border-color,#ddd);
    padding: 8px 12px;
    color: var(--tag-color,#ddd);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.33;
    opacity: 0;
    transform: translateY(15px);
    transition: 350ms ease;
    transition-property: opacity,transform;
}
.pxl-portfolio-box-widget .box-icon-link
{
    font-size: 36px;
    color: var(--icon-color,#fff);
    opacity: 0;
    transform: translateY(15px);
    transition: 350ms ease;
    transition-property: opacity,transform;
}
.pxl-client-carousel-widget .swiper-wrapper
{
    align-items: center;
}
.pxl-client-carousel-widget.layout-2 img
{
    width: 100%;
    border-radius: var(--tecko-iamge-border-radius,8px);
    background-color: var(--tecko-image-background-color,#111317);
    transition: all .3s ease-in-out;
}
.pxl-client-carousel-widget.layout-2 .client-item:not(.swiper-slide-active)
{
    opacity: .3;
}
.pxl-client-carousel-widget.layout-2 .swiper-slide-active img
{
    box-shadow: 0 0 48px 0 var(--tecko-image-active-box-shadow-color,rgba(204,204,204,.64)) inset,0 0 48px 0 var(--tecko-image-active-box-shadow-color,rgba(204,204,204,.64)) inset,0 0 28px 0 rgba(204,204,204,.32) inset;
    background-color: var(--tecko-image-active-background-color,#2b303b);
}
.pxl-client-carousel-widget.layout-2 .swiper-slide-active .client-content
{
    opacity: 1;
}
.pxl-client-carousel-widget.layout-2 .client-content
{
    position: relative;
    padding-right: 20px;
}
.pxl-client-carousel-widget.layout-2 .client-content:after
{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    display: inline-flex;
    width: 12px;
    height: 12px;
    background-color: var(--tecko-primary-color);
    animation: flickerAnimation .75s infinite;
}
.pxl-client-carousel-widget.layout-2 .client-content
{
    opacity: 0;
    transition: .5s opacity ease 0s;
}
.pxl-client-carousel-widget.layout-2 .client-title
{
    color: var(--tecko-title-color,#fff);
    font-size: 16px;
    line-height: 1.5;
    margin-top: var(--tecko-title-spacing,20px);
}
.pxl-client-carousel-widget.layout-2 .client-description
{
    color: var(--tecko-description-color,#7e8695);
    font-size: 12px;
    line-height: 1.5;
    margin-top: var(--tecko-description-spacing);
}
.pxl-service-list-widget.layout-1 .service-item
{
    border-bottom: 1px solid var(--border-color,#bebebe);
    padding: 32px 0;
    transition: background 350ms ease;
}
.pxl-service-list-widget.layout-1 .service-item:hover .service-item-title, .pxl-service-list-widget.layout-1 .service-item:hover .service-item-count, .pxl-service-list-widget.layout-1 .service-item:hover .servcie-item-link, .pxl-service-list-widget.layout-1 .service-item:hover .tag-item-text
{
    color: rgba(0,0,0,0);
}
.pxl-service-list-widget.layout-1 .service-item:hover .tag-item:before
{
    opacity: 1;
}
.pxl-service-list-widget.layout-1 .service-item:hover .tag-item:after
{
    border-color: transparent;
}
.pxl-service-list-widget.layout-1 .service-item-inner
{
    display: flex;
    justify-content: space-between;
    column-gap: var(--item-gap,40px);
    align-items: center;
}
.pxl-service-list-widget.layout-1 .service-item-count
{
    flex: 0 0 10%;
    color: #2b303b;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.72px;
    transition: color 450ms ease;
    background: linear-gradient(92deg,var(--hover-color-1,#fd9ed0) -18.46%,var(--hover-color-2,#d4a2fe) 42.08%,var(--hover-color-3,#a1b1fb) 107.05%);
    background-clip: text;
    -webkit-background-clip: text;
}
.pxl-service-list-widget.layout-1 .service-item-content
{
    flex: 1 1 auto;
}
.pxl-service-list-widget.layout-1 .service-item-action
{
    flex: 0 0 10%;
    color: var(--icon-color,#2b303b);
    font-size: 36px;
}
.pxl-service-list-widget.layout-1 .servcie-item-link
{
    transition: color 450ms ease;
    background: linear-gradient(92deg,var(--hover-color-1,#fd9ed0) -18.46%,var(--hover-color-2,#d4a2fe) 42.08%,var(--hover-color-3,#a1b1fb) 107.05%);
    background-clip: text;
    -webkit-background-clip: text;
}
.pxl-service-list-widget.layout-1 .service-item-title
{
    color: #2b303b;
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -1.44px;
    transition: color 450ms ease;
    background: linear-gradient(92deg,var(--hover-color-1,#fd9ed0) -18.46%,var(--hover-color-2,#d4a2fe) 42.08%,var(--hover-color-3,#a1b1fb) 107.05%);
    background-clip: text;
    -webkit-background-clip: text;
}
.pxl-service-list-widget.layout-1 .service-item-tag
{
    display: inline-flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
    margin-top: 16px;
}
.pxl-service-list-widget.layout-1 .service-item-tag .tag-item
{
    position: relative;
    padding: 8px 12px;
    border-radius: 100px;
    color: var(--tag-color,#474e5c);
    z-index: 1;
}
.pxl-service-list-widget.layout-1 .service-item-tag .tag-item:before
{
    position: absolute;
    content: "";
    inset: 0;
    opacity: 0;
    border-radius: inherit;
    background: linear-gradient(92deg,var(--hover-color-1,#fd9ed0) -18.46%,var(--hover-color-2,#d4a2fe) 42.08%,var(--hover-color-3,#a1b1fb) 107.05%);
    z-index: -1;
}
.pxl-service-list-widget.layout-1 .service-item-tag .tag-item:after
{
    position: absolute;
    content: "";
    inset: 0;
    border-radius: inherit;
    background: #fff;
    border: 1px solid var(--tag-border-color,#d9dce3);
    background-clip: content-box;
    z-index: -1;
}
.pxl-service-list-widget.layout-1 .service-item-tag .tag-item-text
{
    transition: color 450ms ease;
    background: linear-gradient(92deg,var(--hover-color-1,#fd9ed0) -18.46%,var(--hover-color-2,#d4a2fe) 42.08%,var(--hover-color-3,#a1b1fb) 107.05%);
    background-clip: text;
    -webkit-background-clip: text;
}
.pxl-infinite-slide-el .pxl-infinite-slide
{
    display: flex;
    align-items: stretch!important;
}
.pxl-infinite-slide-el.layout-1
{
    max-height: var(--widget-max-height,500px);
    overflow: hidden;
}
.pxl-infinite-slide-el.layout-1 .client-item
{
    margin-left: calc(var(--item-gap,24px) * .5);
    margin-right: calc(var(--item-gap,24px) * .5);
    border-radius: 12px;
    background: var(--item-background-color,#000);
    padding: 56px;
    max-width: var(--item-max-width,306px);
}
.pxl-infinite-slide-el.layout-2 .client-item
{
    display: flex!important;
    align-items: center;
    column-gap: 10px;
    min-width: 230px;
    padding: 6px 10px;
    margin-left: calc(var(--item-gap,24px) * .5);
    margin-right: calc(var(--item-gap,24px) * .5);
    border-radius: 4px;
    border: 1px solid var(--Mono-Gray-10,#f0f2f4);
    background: #fff;
    box-shadow: 0 1px 8px 0 rgba(67,50,162,.06);
}
.pxl-infinite-slide-el.layout-2 .client-item img
{
    max-width: 20px;
}
.pxl-navigation-carousel.default
{
    display: inline-flex;
    column-gap: 12px;
}
.pxl-navigation-carousel.default .nav-button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    aspect-ratio: 1;
    border-radius: 50%;
    font-size: 20px;
    background-color: #d9dce3;
    color: #5f697c;
    cursor: pointer;
    transition: 250ms ease;
    transition-property: color,background-color;
}
.pxl-navigation-carousel.default .nav-button:hover
{
    background-color: #fff;
    color: #111317;
}
.pxl-navigation-carousel.style-01
{
    display: inline-flex;
    column-gap: 8px;
}
.pxl-navigation-carousel.style-01 .nav-button
{
    display: flex;
    align-item: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #d9dce3;
    cursor: pointer;
    color: #000;
    transition: all 250ms ease;
}
.pxl-navigation-carousel.style-01 .nav-button:hover
{
    color: #fff;
    background-color: #111317;
    border-color: #111317;
}
.pxl-navigation-carousel.style-01 .nav-icon-left:before
{
    content: "";
}
.pxl-navigation-carousel.style-01 .nav-icon-right:before
{
    content: "";
}
.pxl-career-list-widget .career-item
{
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
    border-top: 1px solid var(--border-color,#d9dce3);
}
.pxl-career-list-widget .career-item:hover .career-title
{
    color: var(--title-hover-color,#111317);
}
.pxl-career-list-widget .career-item:hover .career-description
{
    color: var(--des-hover-color,#111317);
}
.pxl-career-list-widget .career-item .career-link
{
    position: absolute;
    inset: 0;
}
@media(max-width: 575px)
{
    .pxl-career-list-widget .career-item
    {
        flex-direction: column;
        row-gap: 10px;
    }
}
.pxl-career-list-widget .career-title
{
    color: var(--title-color,#474e5c);
    font-size: 18px;
    font-weight: 600;
}
.pxl-career-list-widget .career-description
{
    color: var(--des-color,#474e5c);
    font-size: 16px;
    font-weight: 500;
}
@media(max-width: 1024px)
{
    .tecko-sidebar-widget .pxl-sidebar-area
    {
        display: none;
    }
}
@media(max-width: 1024px)
{
    .tecko-sidebar-widget .mfp-hide
    {
        display: none;
    }
}
.pxl-search-form-widget .form-wrap
{
    display: flex;
    column-gap: 20px;
}
.pxl-search-form-widget .form-wrap .pxl-search-field
{
    padding: 0 20px;
    border-radius: 12px;
    border: 2px solid var(--tecko-primary-color);
}
.pxl-search-form-widget .form-wrap .pxl-search-field::placeholder
{
    color: #000;
}
.pxl-search-form-widget .form-wrap .pxl-search-submit
{
    padding: 5px 15px;
}
.pxl-search-form-widget .form-wrap .pxl-search-submit:hover, .pxl-search-form-widget .form-wrap .pxl-search-submit:focus
{
    background-color: #000;
    color: #fff;
}
.tecko-logo-widget img
{
    max-width: var(--logo-max-width,200px);
}
.col2-set
{
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.col2-set .col-1, .col2-set .col-2
{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
}
@media(min-width: 769px)
{
    .col2-set .col-1, .col2-set .col-2
    {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
.woocommerce-notices-wrapper
{
    margin-top: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dadada;
}
.woocommerce-notices-wrapper:empty
{
    display: none;
}
@media(min-width: 768px)
{
    .woocommerce-notices-wrapper .woocommerce-error li
    {
        position: relative;
        padding-right: 165px;
    }
}
@media(max-width: 767px)
{
    .woocommerce-notices-wrapper .woocommerce-error li
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    .woocommerce-notices-wrapper .woocommerce-error li>*
    {
        max-width: 100%;
    }
}
@media(min-width: 768px)
{
    .woocommerce-notices-wrapper .woocommerce-error li a
    {
        position: absolute;
        top: 50%;
        right: 0;
        width: 150px;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media(max-width: 767px)
{
    .woocommerce-notices-wrapper .woocommerce-error li a
    {
        order: 2;
    }
}
.woocommerce-notices-wrapper .btn-secondary:hover
{
    background-color: var(--tecko-primary-color);
}
.woocommerce-error
{
    color: #d62a28;
}
.woocommerce-message
{
    color: #27ae60;
}
.pxl-shop-topbar-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.woocommerce-result-count
{
    color: #7e8695;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.woocommerce-result-count span
{
    color: #fff;
}
.woocommerce-ordering
{
    display: flex;
    column-gap: 14px;
    align-items: center;
}
.woocommerce-ordering label
{
    flex: 0 0 auto;
    margin: 0;
    color: #7e8695;
    font-size: 16px;
    font-weight: 400;
}
.woocommerce-ordering .orderby
{
    height: 40px;
    padding: 0 15px;
    border: 0;
    border-radius: 12px;
    line-height: normal;
}
.product .product-featured-image-wrap
{
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 12px;
}
.product .product-featured-image-wrap .tecko-onsale
{
    position: absolute;
    left: 14px;
    top: 14px;
    border-radius: 8px;
    background: #ef2a10;
    padding: 8px 14px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    z-index: 1;
}
.product .product-featured-image-wrap img
{
    width: 100%;
    background-color: #eff1f3;
}
.product .product-featured-image-wrap .flip-image
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s,transform 2s cubic-bezier(0,0,.44,1.18),-webkit-transform 2s cubic-bezier(0,0,.44,1.18);
}
.product .product-featured-image-wrap:hover .flip-image
{
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    opacity: 1;
}
.product .product-info-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.product .product-info-wrap .woocommerce-loop-product__title
{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 10px;
}
.product .product-info-wrap .tecko-product-price
{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}
.product .product-info-wrap .tecko-product-price del
{
    color: #5f697c;
}
.product .product-info-wrap .tecko-product-price ins
{
    color: #ef2a10;
}
.product .product-info-wrap .add_to_cart_button, .product .product-info-wrap .product_type_grouped, .product .product-info-wrap .product_type_external, .product .product-info-wrap .product_type_variable
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 0;
    min-height: auto;
    border: 1px solid #bbb;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: transparent;
}
.product .product-info-wrap .add_to_cart_button:hover, .product .product-info-wrap .product_type_grouped:hover, .product .product-info-wrap .product_type_external:hover, .product .product-info-wrap .product_type_variable:hover
{
    background: #0c5af5;
    border-color: #0c5af5;
    color: #fff;
}
.product .product-info-wrap .add_to_cart_button.added:after, .product .product-info-wrap .product_type_grouped.added:after, .product .product-info-wrap .product_type_external.added:after, .product .product-info-wrap .product_type_variable.added:after
{
    content: none;
}
.product .product-info-wrap .add_to_cart_button.loading, .product .product-info-wrap .product_type_grouped.loading, .product .product-info-wrap .product_type_external.loading, .product .product-info-wrap .product_type_variable.loading
{
    padding: 0;
}
.product .product-info-wrap .add_to_cart_button.loading i, .product .product-info-wrap .product_type_grouped.loading i, .product .product-info-wrap .product_type_external.loading i, .product .product-info-wrap .product_type_variable.loading i
{
    opacity: 0;
}
.product .product-info-wrap .add_to_cart_button.loading:after, .product .product-info-wrap .product_type_grouped.loading:after, .product .product-info-wrap .product_type_external.loading:after, .product .product-info-wrap .product_type_variable.loading:after
{
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product .product-info-wrap .added_to_cart
{
    display: none;
}
.tecko-products
{
    --column-gap: 24px;
    --row-gap: 62px;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--row-gap) * -1);
    margin-left: calc(var(--column-gap) * -.5);
    margin-right: calc(var(--column-gap) * -.5);
}
.tecko-products .product
{
    width: 100%;
    padding-right: calc(var(--column-gap) * .5);
    padding-left: calc(var(--column-gap) * .5);
    margin-top: var(--row-gap);
}
@media(min-width: 576px)
{
    .tecko-products .product
    {
        width: calc(100% * 6 / 12);
    }
}
@media(min-width: 768px)
{
    .tecko-products .product
    {
        width: calc(100% * 4 / 12);
    }
}
.woocommerce-pagination
{
    margin-top: 68px;
}
.woocommerce-pagination .page-numbers
{
    display: flex;
    row-gap: 12px;
    column-gap: 12px;
    align-items: center;
    justify-content: center;
}
.woocommerce-pagination .page-numbers .page-numbers
{
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 46px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    aspect-ratio: 1;
    border-radius: 12px;
    border: 1px solid #7e8695;
}
.woocommerce-pagination .page-numbers .page-numbers:hover, .woocommerce-pagination .page-numbers .page-numbers.current
{
    border-color: #0c5af5;
    background-color: #0c5af5;
    color: #fff;
}
@media(min-width: 1200px)
{
    .woocommerce.archive .container
    {
        max-width: 1440px;
    }
    .woocommerce.archive .pxl-sidebar-area.col-xl-4
    {
        width: 24%;
    }
    .woocommerce.archive .pxl-content-area.col-xl-8
    {
        width: 76%;
    }
}
.woocommerce.archive .pxl-content-wrap
{
    border-radius: 24px;
    background: #16171b;
    padding: 48px;
    margin-bottom: 50px;
}
@media(min-width: 768px)
{
    .woocommerce.archive .pxl-content-wrap
    {
        margin-bottom: 70px;
    }
}
@media(min-width: 1200px)
{
    .woocommerce.archive .pxl-content-wrap
    {
        margin-bottom: 160px;
    }
}
@media(max-width: 1199px)
{
    .woocommerce.archive .pxl-content-wrap
    {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.woocommerce.archive .pxl-content-area
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
}
@media(min-width: 1025px)
{
    .woocommerce.archive .pxl-content-area
    {
        flex-wrap: nowrap;
    }
}
.woocommerce.archive .sidebar-active .pxl-main-content-area
{
    width: 100%;
}
@media(min-width: 1025px)
{
    .woocommerce.archive .sidebar-active .pxl-main-content-area
    {
        width: calc(100% * 9 / 12);
    }
}
@media(min-width: 1025px)
{
    .woocommerce.archive .sidebar-position-left .pxl-main-content-area
    {
        order: 2;
    }
}
.woocommerce.archive .shop-sidebar
{
    display: flex;
    flex-direction: column;
    row-gap: 52px;
    width: calc(100% * 3 / 12);
}
.woocommerce.archive .shop-sidebar .main-sidebar, .woocommerce.archive .shop-sidebar .filter-sidebar
{
    border-radius: 12px;
    background: #2b303b;
    padding: 40px 28px;
}
@media(max-width: 1024px)
{
    .woocommerce.archive .shop-sidebar.mfp-hide
    {
        display: none;
    }
}
.woocommerce.archive.tecko-header-transparent .pxl-content-area
{
    margin-top: var(--tecko-header-height);
}
.woocommerce.archive .filter-sidebar .widget:not(:last-child)
{
    border-bottom: 1px solid #5f697c;
    padding-bottom: 64px;
    margin-bottom: 64px;
}
.woocommerce.archive .heading-wrap
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 68px;
}
.woocommerce.archive .heading-wrap .filter-heading
{
    color: var(--Mono-White,#fff);
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
}
.woocommerce.archive .heading-wrap .filter-reset
{
    display: flex;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
.woocommerce.archive .heading-wrap .filter-reset i
{
    margin-right: 4px;
    font-size: 16px;
    font-weight: normal;
}
.widget_product_categories .product-categories
{
    margin: 0;
}
.widget_product_categories .product-categories li
{
    list-style: none;
    color: #7e8695;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
}
.widget_product_categories .product-categories li.current-cat, .widget_product_categories .product-categories li.current-cat-parent
{
    color: #fff;
}
.widget_product_categories .product-categories a:hover
{
    color: #fff;
}
.widget_product_categories .product-categories>li:not(:last-child)
{
    margin-bottom: 17px;
}
.widget_product_categories .product-categories .children
{
    margin-top: 14px;
}
.widget_product_categories .product-categories .children li
{
    font-size: 20px;
}
.widget_product_categories .product-categories .children li:not(:last-child)
{
    margin-bottom: 15px;
}
.mfp-content .shop-sidebar
{
    row-gap: 24px!important;
    position: relative;
    margin-top: var(--admin-bar-height);
    background-color: #1f2025;
    padding: 50px 24px;
    width: 340px!important;
    transform: translate3d(-104%,0,0);
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
}
.mfp-ready .shop-sidebar
{
    transform: none;
}
.mfp-removing .shop-sidebar
{
    transform: translate3d(-104%,0,0);
}
.tecko-post-search-widget .form-wrap, .elementor-widget-wp-widget-tecko_post_search_widget .form-wrap
{
    position: relative;
}
.tecko-post-search-widget .tecko-search-field, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-field
{
    background-color: transparent;
    border: none;
    color: var(--tecko-body-color);
    padding: 15px 0;
    border-bottom: 1px solid #474e5c;
}
.tecko-post-search-widget .tecko-search-field::placeholder, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-field::placeholder
{
    color: var(--tecko-body-color);
    font-family: var(--body-font-family);
    font-weight: 500;
}
.tecko-post-search-widget .tecko-search-submit, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-submit
{
    background-color: transparent;
    padding: 0;
    min-height: auto;
    position: absolute;
    top: calc(50% - 6px);
    right: 0;
    transform: scaleX(-1);
    font-size: 12px;
}
.tecko-post-search-widget .tecko-search-submit:hover, .elementor-widget-wp-widget-tecko_post_search_widget .tecko-search-submit:hover
{
    color: var(--tecko-primary-color);
}
.pxl-sidebar-area .widget:not(:last-child), .elementor-widget-sidebar .widget:not(:last-child)
{
    margin-bottom: 64px;
}
.pxl-star-rated
{
    color: #ffb237;
}
.woocommerce-product-rating
{
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    margin: 0;
    align-items: center;
}
p.stars
{
    margin: 0;
    line-height: 1;
}
p.stars>span
{
    display: block;
}
.star-rating
{
    font-family: "Material-Design-Iconic-Font";
    font-size: 18px;
    letter-spacing: 3px;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width: 87px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}
.star-rating:before
{
    content: "";
    display: block;
    overflow: hidden;
}
.star-rating>span:before, .star-rating .pxl-star-rated:before
{
    content: "";
    display: block;
    overflow: hidden;
}
.star-rating>span:before, .star-rating .pxl-star-rated:before, .star-rating[aria-label="Rated 0 out of 5"]:before
{
    color: #ffb237;
}
.star-rating .pxl-star-rated, .star-rating>span
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 28px;
}
[dir="rtl"] .star-rating .pxl-star-rated, [dir="rtl"] .star-rating>span
{
    left: auto;
    right: 0;
}
.star-rating+.woocommerce-review-link
{
    font-size: 14px;
    color: var(--tecko-body-color);
}
.star-rating+.woocommerce-review-link:hover
{
    color: var(--tecko-primary-color);
}
[dir="rtl"] .star-rating+.woocommerce-review-link
{
    margin-left: 0;
    margin-right: 30px;
}
.comment-rating .star-rating
{
    font-size: 15px;
    width: 76px;
}
.woocommerce-Reviews .comment-meta
{
    margin-bottom: -5px;
}
.pxl-rating-wrap
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.pxl-rating-wrap>*
{
    max-width: 100%;
}
.review-num
{
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .08em;
    color: #707070;
    line-height: 32px;
    padding-left: 3px;
}
p.stars a
{
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: #ffb237;
}
p.stars a::before
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: "Material-Design-Iconic-Font";
    content: "";
    text-indent: 0;
}
p.stars a:hover~a::before
{
    content: "";
    font-weight: 300;
}
p.stars:hover a::before
{
    content: "";
    font-weight: 900;
}
p.stars.selected a.active::before
{
    content: "";
    font-weight: 900;
}
p.stars.selected a.active~a::before
{
    content: "";
    font-weight: 300;
}
p.stars.selected a:not(.active)::before
{
    content: "";
    font-weight: 900;
}
.single-product .pxl-main
{
    margin-bottom: 50px;
}
@media(min-width: 768px)
{
    .single-product .pxl-main
    {
        margin-bottom: 70px;
    }
}
@media(min-width: 1200px)
{
    .single-product .pxl-main
    {
        margin-bottom: 160px;
    }
}
.pxl-single-product-gallery-summary-wraps
{
    margin: -15px -20px;
}
@media(max-width: 1199px)
{
    .pxl-single-product-gallery-summary-wraps
    {
        margin: -15px;
    }
}
.pxl-single-product-gallery-summary-wraps>div
{
    padding: 15px 20px;
}
@media(max-width: 1199px)
{
    .pxl-single-product-gallery-summary-wraps>div
    {
        padding: 15px;
    }
}
.pxl-single-product-gallery-summary-wraps>div.pxl-single-product-gallery-wraps
{
    text-align: center;
    margin-bottom: 40px;
}
.pxl-single-product-gallery-summary-wraps>div>.pxl-single-product-gallery-wraps-inner
{
    display: inline-block;
}
@media(max-width: 991px)
{
    .pxl-single-product-gallery-summary-wraps.vertical .pxl-single-product-summary-wrap
    {
        padding-top: 50px;
    }
}
@media(max-width: 1199px)
{
    .has-sidebar .pxl-single-product-gallery-summary-wraps>div
    {
        width: 100%;
    }
    .has-sidebar .pxl-single-product-gallery-summary-wraps.vertical .pxl-single-product-summary-wrap
    {
        padding-top: 50px;
    }
}/** ------------------------------------------------
 * Gallery
---------------------------------------------------*/
@media(min-width: 576px)
{
    .pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner>*
    {
        max-width: 100%;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner>div
    {
        margin: 0 15px;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner .woocommerce-product-gallery
    {
        flex: 1 0 0%;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .pxl-single-product-gallery-wraps-inner .wc-gallery-sync
    {
        flex: 0 0 118px;
        width: 118px;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides
    {
        margin: -8px 0;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides>div
    {
        margin: 8px 0;
    }
    .pxl-single-product-gallery-wraps.thumbnail-right .wc-gallery-sync-slides img.img-gal
    {
        width: 100%;
    }
}
.pxl-single-product-gallery-wraps .onsale
{
    top: 30px;
    left: 35px;
}
.flex-direction-nav
{
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.flex-direction-nav>li
{
    position: absolute;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -khtml-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.flex-direction-nav>li span
{
    width: 30px;
    height: 30px;
    background: var(--tecko-primary-color);
    color: #fff;
    line-height: 30px;
    text-align: center;
    display: block;
    -webkit-transition: all 300ms linear;
    -khtml-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.flex-direction-nav>li:hover span
{
    background: var(--tecko-secondary-color);
}
.flex-direction-nav>li .flex-disabled
{
    cursor: not-allowed;
}
.pxl-variation-quantity-wrap .single_variation_wrap
{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    padding-top: 22px;
    margin-top: 28px;
    border-top: 1px solid #ededed;
}
.pxl-variation-quantity-wrap .woocommerce-variation-price
{
    margin-top: 20px;
}
.pxl-variation-quantity-wrap .woocommerce-variation-price .price
{
    font-size: 17px;
}
.stock-wishlist
{
    display: flex;
    align-items: center;
}
.stock-wishlist .stock
{
    margin-right: 25px;
}
.stock
{
    color: var(--tecko-primary-color);
}
.stock span
{
    margin-right: 4px;
}
.stock.top
{
    margin-top: 10px;
    display: none;
}
.pxl-quantity
{
    position: relative;
    display: inline-block;
}
.pxl-quantity .quantity-button
{
    position: absolute;
    top: 0;
    width: 40px;
    height: 46px;
    line-height: 46px;
    font-size: 13px;
    font-weight: 900;
    border: 0;
    color: #9da5b4;
    cursor: pointer;
    text-align: center;
}
.pxl-quantity .quantity-up
{
    right: 0;
}
.pxl-quantity .quantity-up:before, .pxl-quantity .quantity-up:after
{
    content: "";
    width: 10px;
    height: 1px;
    display: block;
    background-color: #9da5b4;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    -webkit-transition: background-color .3s linear;
    -khtml-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.pxl-quantity .quantity-up:after
{
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pxl-quantity .quantity-up:hover:before, .pxl-quantity .quantity-up:hover:after
{
    background-color: #fff;
}
.pxl-quantity .quantity-down
{
    left: 0;
    z-index: 1;
}
.pxl-quantity .quantity-down:before
{
    content: "";
    width: 10px;
    height: 1px;
    display: block;
    background-color: #9da5b4;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -6px;
    -webkit-transition: background-color .3s linear;
    -khtml-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -ms-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.pxl-quantity .quantity-down:hover:before
{
    background-color: #fff;
}
input.qty[type="number"]
{
    width: 107px!important;
    height: 48px!important;
    line-height: 48px!important;
    text-align: center;
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    background: transparent!important;
    border-radius: 12px;
    border: 1px solid #bbc1ce;
    -moz-appearance: textfield;
}
input.qty[type="number"]::-webkit-outer-spin-button, input.qty[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.pxl-addtocart-btn-wrap
{
    margin-top: 28px;
    align-items: center;
}
.cart.grouped_form .stock
{
    display: none;
}
.group_table
{
    width: 100%;
}
.group_table .list-item
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 15px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.group_table .list-item:not(:last-child)
{
    border-bottom: 1px solid #2b303b;
}
.content-product .post-share-wrap
{
    margin-top: 20px;
    margin-bottom: 0;
}
.single-product .container
{
    padding: 0 30px;
}
@media(min-width: 1200px)
{
    .single-product .container
    {
        padding: 0 72px;
    }
}
.single-product .content-area
{
    padding-top: 30px;
}
@media(min-width: 1200px)
{
    .single-product .content-area
    {
        padding-top: 72px;
    }
}
.single-product.tecko-header-transparent .content-area
{
    margin-top: var(--tecko-header-height);
}
.single-product .woocommerce-breadcrumb
{
    font-size: 16px;
    font-weight: 600;
    color: #f0f2f4;
    margin-bottom: 30px;
}
@media(min-width: 768px)
{
    .single-product .woocommerce-breadcrumb
    {
        font-size: 18px;
    }
}
@media(min-width: 1200px)
{
    .single-product .woocommerce-breadcrumb
    {
        font-size: 20px;
        margin-bottom: 52px;
    }
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a
{
    color: #474e5c;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a:hover
{
    color: #f0f2f4;
}
.single-product-info
{
    display: flex;
}
@media(max-width: 767px)
{
    .single-product-info
    {
        flex-direction: column;
    }
}
@media(max-width: 1199px)
{
    .single-product-info
    {
        align-items: flex-start;
    }
}
.single-product-info .product-info
{
    width: 100%;
}
@media(max-width: 767px)
{
    .single-product-info .product-info
    {
        margin-top: 30px;
    }
}
@media(min-width: 768px)
{
    .single-product-info .product-info
    {
        width: calc(100% * 6 / 12);
        margin-left: 30px;
    }
}
@media(min-width: 1200px)
{
    .single-product-info .product-info
    {
        margin-left: 85px;
        width: calc(100% * 5 / 12);
    }
}
.single-product-info .single-product-media
{
    display: flex;
    column-gap: 24px;
    width: 100%;
}
@media(max-width: 1199px)
{
    .single-product-info .single-product-media
    {
        flex-direction: column-reverse;
    }
}
@media(min-width: 768px)
{
    .single-product-info .single-product-media
    {
        width: calc(100% * 6 / 12);
    }
}
@media(min-width: 1200px)
{
    .single-product-info .single-product-media
    {
        width: calc(100% * 7 / 12);
    }
}
.single-product-info .single-product-media img
{
    width: 100%;
}
.single-product-info .woocommerce-product-gallery__trigger
{
    display: none;
}
.single-product-info .woocommerce-product-gallery__wrapper
{
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}
.single-product-info .flex-viewport
{
    border-radius: 12px;
    order: 2;
}
.single-product-info .flex-control-nav
{
    list-style: none;
    order: 1;
    width: 86px;
    flex: 0 0 auto;
    margin: 0;
}
@media(max-width: 1199px)
{
    .single-product-info .flex-control-nav
    {
        display: flex;
        width: 100%;
        column-gap: 12px;
        margin-top: 12px;
    }
    .single-product-info .flex-control-nav li
    {
        margin-bottom: 0!important;
    }
}
.single-product-info .flex-control-nav li
{
    overflow: hidden;
    border-radius: 12px;
}
.single-product-info .flex-control-nav li:not(:last-child)
{
    margin-bottom: 11px;
}
.single-product-info .product_title
{
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.64px;
    margin: 0;
    margin-bottom: 10px;
}
@media(max-width: 1199px)
{
    .single-product-info .product_title
    {
        font-size: 25px;
    }
}
@media(max-width: 767px)
{
    .single-product-info .product_title
    {
        font-size: 20px;
    }
}
.single-product-info .woocommerce-product-rating
{
    display: flex;
    margin-bottom: 25px!important;
}
.single-product-info .woocommerce-review-link
{
    border-left: 1px solid #5f697c;
    margin-left: 16px;
    padding-left: 16px;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
}
.single-product-info .tecko-single-price
{
    display: flex;
    column-gap: 20px;
    color: #fff!important;
    font-family: "Red Hat Display";
    font-size: 36px!important;
    font-weight: 600;
    letter-spacing: -.72px;
    margin-bottom: 25px;
}
@media(max-width: 1199px)
{
    .single-product-info .tecko-single-price
    {
        font-size: 30px!important;
    }
}
@media(max-width: 767px)
{
    .single-product-info .tecko-single-price
    {
        font-size: 25px!important;
    }
}
.single-product-info .tecko-single-price .price
{
    color: #fff!important;
}
.single-product-info .tecko-single-price del
{
    color: #474e5c;
    opacity: 1!important;
}
.single-product-info .tecko-single-price ins
{
    font-weight: 600!important;
    color: #ef2a10;
}
.single-product-info .cart:not(.variations_form)
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 12px;
    margin-top: 40px;
    align-items: center;
}
.single-product-info .cart.grouped_form
{
    flex-direction: column;
}
.single-product-info .cart.grouped_form .group-add-to-cart-wrap
{
    display: flex;
    width: 100%;
    column-gap: 12px;
}
.single-product-info .cart:before, .single-product-info .cart:after
{
    content: none!important;
}
.single-product-info .cart .single_add_to_cart_button
{
    flex: 1 0 auto;
    border-radius: 12px;
    background-color: #0c5af5!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.single-product-info .cart .single_add_to_cart_button.disabled
{
    pointer-events: none;
}
.single-product-info .cart .single_add_to_cart_button.added:after
{
    content: none;
}
.single-product-info .cart .single_add_to_cart_button.loading
{
    opacity: .5;
}
.single-product-info .cart .single_add_to_cart_button.loading:after
{
    content: none;
}
.single-product-info .cart .single_add_to_cart_button.loading:before
{
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100%;
    border: solid 2px #fff;
    border-top-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-animation: pxl-spin .6s linear infinite;
    -khtml-animation: pxl-spin .6s linear infinite;
    -moz-animation: pxl-spin .6s linear infinite;
    -ms-animation: pxl-spin .6s linear infinite;
    -o-animation: pxl-spin .6s linear infinite;
    animation: pxl-spin .6s linear infinite;
}
.single-product-info .cart .single_add_to_cart_button.loading span
{
    opacity: 0;
}
.single-product-info .cart .woosw-btn
{
    display: inline-flex;
    justify-content: center;
    width: 46px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #bbc1ce;
    color: #fff;
    background: transparent;
    float: none;
    padding: 0;
}
.single-product-info .cart .feedback
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #bbc1ce;
    background: transparent!important;
    float: none!important;
    padding: 0;
}
.single-product-info .cart .feedback i
{
    margin: 0;
}
.single-product-info .quantity
{
    display: flex;
    align-items: center;
    column-gap: 20px;
    float: none!important;
    margin: 0!important;
}
.single-product-info .qty-label
{
    color: #7e8695;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.single-product-info .product_meta
{
    display: flex;
    row-gap: 20px;
    flex-direction: column;
}
.single-product-info .product_meta>span
{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.single-product-info .product_meta a, .single-product-info .product_meta .sku
{
    color: #9da5b4;
    font-size: 16px;
    font-weight: 400;
}
.single-product-info .product_meta .social-share
{
    display: flex;
    column-gap: 8px;
    margin-top: 15px;
}
.single-product-info .product_meta .social-share .pxl-icon
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #fff;
}
.single-product-info .product_meta .social-share .pxl-icon:hover
{
    background-color: var(--tecko-primary-color);
}
.single-product-info .product_meta .social-share .pxl-icon:hover svg path
{
    fill: white;
}
.single-product-info .product_meta .social-share svg
{
    width: 16px;
    height: auto;
    fill: black;
}
.woocommerce-tabs
{
    margin-top: 50px;
}
@media(min-width: 1200px)
{
    .woocommerce-tabs
    {
        margin-top: 90px;
    }
}
.woocommerce-tabs .wc-tabs
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 10px;
    margin-bottom: var(--tab-title-spacing,52px)!important;
    padding: 0!important;
    padding-bottom: var(--tab-title-spacing,52px)!important;
}
@media(max-width: 1199px)
{
    .woocommerce-tabs .wc-tabs
    {
        --tab-title-spacing: 30px;
    }
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before
{
    border-color: #2b303b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li
{
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    font-family: "Red Hat Display";
    font-size: 24px;
    letter-spacing: -.48px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after
{
    content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a
{
    color: #474e5c;
    font-weight: 600;
    padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover
{
    color: #fff;
}
@media(max-width: 1199px)
{
    .woocommerce div.product .woocommerce-tabs ul.tabs li
    {
        font-size: 20px;
    }
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active
{
    background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a
{
    color: #fff;
}
.up-sells, .related
{
    margin-top: 50px;
}
@media(min-width: 1200px)
{
    .up-sells, .related
    {
        margin-top: 74px;
    }
}
.up-sells h2, .related h2
{
    font-family: "Red Hat Display";
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.64px;
    margin-bottom: 30px;
}
@media(max-width: 1199px)
{
    .up-sells h2, .related h2
    {
        font-size: 25px;
    }
}
@media(max-width: 767px)
{
    .up-sells h2, .related h2
    {
        font-size: 20px;
    }
}
.woocommerce table.shop_attributes
{
    border: none;
}
.woocommerce table.shop_attributes th
{
    border: none;
}
.woocommerce table.shop_attributes td
{
    border: none;
}
#review_form_wrapper
{
    margin-top: 30px;
}
.comment-reply-title
{
    display: inline-block;
    color: #fff;
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.64px;
    margin-bottom: 20px;
}
.woocommerce-Reviews-title
{
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #2b303b;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce-Reviews input
{
    color: #fff;
    background: #111317;
    border: none;
    border-radius: 12px;
    height: 46px;
    padding: 0 15px;
}
.woocommerce-Reviews label
{
    margin-bottom: 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text
{
    margin: 0;
    margin-top: 18px;
    border: none;
    border-radius: 0;
    padding: 0;
}
.woocommerce #review_form #respond p:not(:last-child)
{
    margin-bottom: 20px;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th
{
    padding: 0;
}
.woocommerce div.product form.cart .variations label
{
    margin: 0;
    font-weight: 600;
}
.wvs-loaded .label
{
    display: flex;
    column-gap: 5px;
}
.wvs-loaded tr
{
    display: block;
}
.wvs-loaded tr:not(:last-child)
{
    margin-bottom: 30px;
}
.woo-variation-items-wrapper
{
    display: flex;
    margin-top: 16px;
}
.variable-items-wrapper
{
    display: flex;
    column-gap: 28px;
    row-gap: 28px;
    list-style: none;
    margin: 0;
}
.variable-items-wrapper .variable-item.selected .variable-item-span-button, .variable-items-wrapper .variable-item.selected .variable-item-span-color
{
    border-color: var(--tecko-primary-color);
}
.variable-items-wrapper .variable-item-span-button
{
    border: 1px solid #2b303b;
    border-radius: 12px;
    padding: 10px 15px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    transition: 250ms ease;
    transition-property: border-color;
}
.variable-items-wrapper .variable-item-span-button:hover
{
    border-color: var(--tecko-primary-color);
}
.variable-items-wrapper .variable-item-span-color
{
    display: inline-flex;
    width: 40px;
    aspect-ratio: 1;
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid #bbc1ce;
    transition: 250ms ease;
    transition-property: border-color;
}
.variable-items-wrapper .variable-item-span-color:hover
{
    border-color: var(--tecko-primary-color);
}
.variable-items-wrapper .variable-item.disabled
{
    pointer-events: none;
}
.variable-items-wrapper .variable-item.disabled .variable-item-span
{
    opacity: .25;
}
.reset_variations
{
    display: none!important;
}
.single_variation_wrap .woocommerce-variation-add-to-cart
{
    display: flex;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 12px;
}
.woocommerce-product-details__short-description
{
    margin-bottom: 25px;
}
.woocommerce .comment-form-comment #comment
{
    height: 250px!important;
}
.woocommerce .comment-inner
{
    display: flex;
    column-gap: 16px;
}
.woocommerce .comment-inner .comment-title
{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.woocommerce .comment-inner .comment-content
{
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.woocommerce .commentlist li
{
    border-bottom: 1px solid #2b303b!important;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--reviews
{
    background: #000;
    border-radius: 24px;
    padding: 48px 32px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar
{
    position: relative;
    float: none;
    width: 100%;
    padding: 0;
    border: none;
}
.woocommerce #review_form #respond .form-submit input
{
    font-size: 14px;
    font-weight: 600;
    background: var(--tecko-primary-color);
    color: #fff;
    padding: 5px 35px;
    border-radius: 12px;
}
.woocommerce .star-rating
{
    width: 90px;
}
.woocommerce a.added_to_cart
{
    display: none;
}
.single_variation
{
    display: none!important;
}
.woocommerce-cart.tecko-header-transparent .pxl-content-main
{
    margin-top: var(--tecko-header-height);
    padding-top: 30px;
}
.woocommerce-cart .pxl-content-wrap
{
    background-color: #16171b;
    border-radius: 24px;
    padding: 48px;
    margin-bottom: 100px;
}
@media(max-width: 1199px)
{
    .woocommerce-cart .pxl-content-wrap
    {
        padding: 48px 15px;
        margin-bottom: 70px;
    }
}
@media(max-width: 1024px)
{
    .woocommerce-cart .pxl-content-wrap
    {
        padding: 30px 15px;
    }
}
@media(max-width: 767px)
{
    .woocommerce-cart .pxl-content-wrap
    {
        margin-bottom: 50px;
    }
}
.woocommerce-cart .cart-form-content
{
    display: flex;
}
@media(max-width: 1024px)
{
    .woocommerce-cart .cart-form-content
    {
        flex-direction: column;
    }
}
.woocommerce-cart .cart-form-content .cart-content-left
{
    width: calc(100% * 8 / 12);
}
@media(max-width: 1024px)
{
    .woocommerce-cart .cart-form-content .cart-content-left
    {
        width: 100%;
    }
}
.woocommerce-cart .cart-form-content .cart-content-right
{
    width: calc(100% * 4 / 12);
    margin-left: 50px;
}
@media(max-width: 1199px)
{
    .woocommerce-cart .cart-form-content .cart-content-right
    {
        margin-left: 30px;
    }
}
@media(max-width: 1024px)
{
    .woocommerce-cart .cart-form-content .cart-content-right
    {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals
{
    background-color: #000;
    border-radius: 12px;
    padding: 24px;
    width: 100%;
    float: none;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .pxl-heading
{
    font-size: 20px;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .sub-total
{
    font-size: 16px;
    margin-bottom: 16px;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .order-total
{
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .wc-proceed-to-checkout
{
    padding: 0;
    margin-top: 30px;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .wc-proceed-to-checkout .checkout-button
{
    border-radius: 12px;
    background-color: var(--tecko-primary-color);
    color: #fff;
    font-weight: 400;
    font-size: 16px;
}
.woocommerce-cart .cart-form-content .cart-content-right .cart_totals .wc-proceed-to-checkout .checkout-button:hover
{
    background-color: #fff;
    color: #000;
}
.woocommerce-cart .cart-list-head
{
    border-bottom: 1px solid #2b303b;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-head
    {
        display: none;
    }
}
.woocommerce-cart .head-inner
{
    display: flex;
    column-gap: 20px;
}
.woocommerce-cart .head-inner .col
{
    display: flex;
    width: 100%;
}
.woocommerce-cart .head-inner .col-name
{
    flex: 1 1 auto;
    width: 100%;
    margin-left: -90px;
}
.woocommerce-cart .head-inner .col-price
{
    flex: 1 0 auto;
    width: calc(100% * 2 / 12);
}
.woocommerce-cart .head-inner .col-quantity
{
    flex: 1 0 auto;
    width: calc(100% * 3 / 12);
}
.woocommerce-cart .head-inner .col-subtotal
{
    flex: 1 0 auto;
    width: calc(100% * 2 / 12);
}
.woocommerce-cart .head-inner .col-remove
{
    flex: 1 0 auto;
}
.woocommerce-cart .cart-list-item
{
    display: flex;
    column-gap: 20px;
    padding: 20px 0;
}
.woocommerce-cart .cart-list-item:not(:last-child)
{
    border-bottom: 1px solid #2b303b;
}
.woocommerce-cart .cart-list-item .cart-item-info
{
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-item .cart-item-info
    {
        flex-wrap: wrap;
        row-gap: 10px;
    }
}
.woocommerce-cart .cart-list-item .product-thumbnail img
{
    width: 70px;
    border-radius: 8px;
}
.woocommerce-cart .cart-list-item .item-name
{
    flex: 1 1 auto;
    width: 100%;
}
.woocommerce-cart .cart-list-item .item-price
{
    flex: 1 0 auto;
    width: calc(100% * 2 / 12);
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-item .item-price
    {
        width: auto;
        flex: 0 0 auto;
    }
}
.woocommerce-cart .cart-list-item .cart-item-quantify
{
    flex: 1 0 auto;
    width: calc(100% * 3 / 12);
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-item .cart-item-quantify
    {
        width: auto;
        flex: 0 0 auto;
        margin-left: 16px;
    }
    .woocommerce-cart .cart-list-item .cart-item-quantify input.qty[type="number"]
    {
        height: 25px!important;
        width: 80px!important;
    }
    .woocommerce-cart .cart-list-item .cart-item-quantify .quantity-button
    {
        height: 25px;
        width: 25px;
    }
}
.woocommerce-cart .cart-list-item .item-subtotal
{
    flex: 1 0 auto;
    width: calc(100% * 2 / 12);
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-item .item-subtotal
    {
        width: 100%;
    }
}
@media(min-width: 768px)
{
    .woocommerce-cart .cart-list-item .item-subtotal .lbl
    {
        display: none;
    }
}
.woocommerce-cart .cart-list-item .col-remove
{
    flex: 1 0 auto;
}
@media(max-width: 767px)
{
    .woocommerce-cart .cart-list-item .col-remove
    {
        position: absolute;
        top: 0;
        right: 0;
    }
}
.woocommerce-cart .cart-list-item .qty-label
{
    display: none;
}
.woocommerce-cart .cart-list-item svg
{
    width: 14px;
    height: auto;
}
.woocommerce-cart .cart-list-item svg path
{
    fill: var(--tecko-primary-color);
}
.woocommerce-cart .cart-list-item .remove-from-cart-js:hover
{
    background: transparent;
}
.woocommerce-cart .cart-list-item .item-name
{
    font-size: 16px;
    color: #fff;
}
.woocommerce-cart .form-coupon
{
    margin-top: 30px;
}
.woocommerce-cart .coupon label
{
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}
.woocommerce-cart .coupon-control
{
    display: flex;
    column-gap: 16px;
    margin-top: 16px;
}
.woocommerce-cart .coupon-control .button
{
    flex: 1 0 auto;
    font-size: 14px;
    font-weight: 400;
    border-radius: 12px;
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.woocommerce-cart .coupon-control .button:hover
{
    background-color: #fff;
    color: #000;
}
.woocommerce-cart .coupon-control #coupon_code
{
    font-family: "Inter";
    color: #fff;
    padding: 14px 18px 14px 18px;
    border-radius: 12px;
    background-color: #111317;
    border: 1px solid #2b303b;
}
.woocommerce-cart .coupon-control #coupon_code:hover, .woocommerce-cart .coupon-control #coupon_code:focus
{
    border-color: var(--tecko-primary-color);
}
.return-to-shop .wc-backward
{
    display: flex!important;
    border-radius: 12px!important;
    background-color: var(--tecko-primary-color)!important;
    color: #fff!important;
    font-weight: 400!important;
    font-size: 16px!important;
}
@media(min-width: 1200px)
{
    .woocommerce-checkout .container
    {
        padding: 0 24px;
    }
}
.woocommerce-checkout.tecko-header-transparent .pxl-content-main
{
    margin-top: var(--tecko-header-height);
}
.woocommerce-checkout .pxl-content-wrap
{
    padding: 48px;
    background-color: #16171b;
    border-radius: 24px;
    margin-bottom: 80px;
}
@media(max-width: 1199px)
{
    .woocommerce-checkout .pxl-content-wrap
    {
        padding: 48px 15px;
    }
}
@media(max-width: 767px)
{
    .woocommerce-checkout .pxl-content-wrap
    {
        margin-bottom: 50px;
    }
}
.woocommerce-checkout form.checkout_coupon
{
    display: block!important;
    margin-top: 0;
    padding: 0;
    border: none;
}
.woocommerce-checkout form.checkout_coupon .form-coupon-inner
{
    display: flex;
    column-gap: 16px;
}
.woocommerce-checkout form.checkout_coupon .form-coupon-inner #coupon_code
{
    font-family: "Inter";
    color: #fff;
    padding: 14px 18px 14px 18px;
    border-radius: 12px;
    background-color: #111317;
    border: 1px solid #2b303b;
}
.woocommerce-checkout form.checkout_coupon .form-coupon-inner #coupon_code:hover, .woocommerce-checkout form.checkout_coupon .form-coupon-inner #coupon_code:focus
{
    border-color: var(--tecko-primary-color);
}
.woocommerce-checkout form.checkout_coupon .form-coupon-inner .button
{
    flex: 1 0 auto;
    font-size: 14px;
    font-weight: 400;
    border-radius: 12px;
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.woocommerce-checkout form.checkout_coupon .form-coupon-inner .button:hover
{
    background-color: #fff;
    color: #000;
}
.woocommerce-checkout .pxl-checkout-wrap
{
    display: flex;
}
@media(max-width: 1024px)
{
    .woocommerce-checkout .pxl-checkout-wrap
    {
        flex-direction: column;
    }
}
.woocommerce-checkout .pxl-checkout-wrap .checkout-col-left
{
    width: calc(100% * 7 / 12);
}
@media(max-width: 1024px)
{
    .woocommerce-checkout .pxl-checkout-wrap .checkout-col-left
    {
        width: 100%;
    }
}
.woocommerce-checkout .pxl-checkout-wrap .checkout-col-right
{
    width: calc(100% * 5 / 12);
    margin-left: 50px;
}
@media(max-width: 1024px)
{
    .woocommerce-checkout .pxl-checkout-wrap .checkout-col-right
    {
        width: 100%;
        margin-left: 0;
        margin-top: 50px;
    }
}
.woocommerce-checkout .pxl-heading
{
    font-size: 20px;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-input-wrapper input.input-text
{
    border: 1px solid #2b303b;
    border-radius: 12px;
}
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-input-wrapper input.input-text:hover, .woocommerce-checkout .woocommerce-billing-fields .woocommerce-input-wrapper input.input-text:focus
{
    border-color: var(--tecko-primary-color);
}
.woocommerce-checkout .woocommerce-billing-fields .form-row label
{
    margin-bottom: 15px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single
{
    background: transparent;
    height: 46px;
    border-color: #2b303b;
    border-radius: 12px;
    padding: 0 20px;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 46px!important;
}
.woocommerce-checkout .woocommerce-additional-fields
{
    margin-top: 30px;
}
.woocommerce-checkout .woocommerce-additional-fields h3
{
    font-size: 20px;
}
.woocommerce-checkout .woocommerce-additional-fields #order_comments
{
    margin-top: 15px;
    padding: 20px;
    height: 150px;
    border: 1px solid #2b303b;
    border-radius: 12px;
}
.woocommerce-checkout .order-review-heading
{
    margin-bottom: 30px;
}
.woocommerce-checkout .review-order-list
{
    border-bottom: 1px solid #2b303b;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.woocommerce-checkout .review-order-list .cart_item
{
    display: flex;
    column-gap: 10px;
    align-items: center;
}
.woocommerce-checkout .review-order-list .cart_item:not(:last-child)
{
    margin-bottom: 15px;
}
.woocommerce-checkout .review-order-list .cart_item .product-thumbs img
{
    width: 45px;
    border-radius: 4px;
}
.woocommerce-checkout .review-order-list .cart_item .product-name
{
    flex: 1 1 auto;
    width: 100%;
}
.woocommerce-checkout .review-order-subtotal-shiping
{
    font-size: 16px;
    margin-bottom: 20px;
}
.woocommerce-checkout .order-total
{
    margin-bottom: 30px;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}
.woocommerce-checkout .place-order .button
{
    font-size: 14px;
    font-weight: 400;
    border-radius: 12px;
    background-color: var(--tecko-primary-color)!important;
    color: #fff;
}
.woocommerce-checkout .place-order .button:hover
{
    background-color: #fff!important;
    color: #000!important;
}
.woocommerce-checkout #payment
{
    background-color: #000;
}
.woocommerce-checkout #payment ul.payment_methods
{
    border-color: #2b303b;
}
ul.order_details
{
    content: "";
    display: table;
    list-style: none;
    margin-bottom: 45px;
}
ul.order_details li
{
    float: left;
    margin-right: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    border-right: 1px dashed #707070;
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}
@media(max-width: 1024px)
{
    ul.order_details li
    {
        border: 0;
        float: none;
        margin-bottom: 15px;
    }
}
ul.order_details li:last-child
{
    margin-right: 0;
    padding-right: 0;
}
ul.order_details li strong
{
    display: block;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1.5;
    margin-top: 5px;
}
@media(max-width: 1024px)
{
    ul.order_details li strong
    {
        font-weight: 400;
    }
}
ul.order_details li:last-of-type
{
    border: none;
}
.woocommerce-order-details__title, .woocommerce-column__title
{
    font-size: 28px;
}
.wc-bacs-bank-details-account-name
{
    font-weight: bold;
}
.woocommerce-order-downloads, .woocommerce-order-details
{
    margin-bottom: 45px;
}
.woocommerce-order-downloads *:last-child, .woocommerce-order-details *:last-child
{
    margin-bottom: 0;
}
.woocommerce-order-details table strong
{
    font-weight: 400;
}
.woocommerce-customer-details address
{
    font-style: normal;
    margin-bottom: 0;
    border: 1px solid #dadada;
    text-align: left;
    width: 100%;
    border-radius: 4px;
    padding: 8px 16px;
}
.woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce-customer-details .woocommerce-customer-details--email
{
    margin-bottom: 0;
}
.woocommerce-customer-details .woocommerce-customer-details--phone::before
{
    font-family: "pxli";
    content: "";
    margin-left: -1.5em;
    line-height: 1.75;
    position: absolute;
}
.woocommerce-customer-details .woocommerce-customer-details--email::before
{
    font-family: "pxli";
    content: "";
    margin-left: -1.5em;
    line-height: 1.75;
    position: absolute;
}
.pxl-account-widget
{
    position: relative;
}
.pxl-account-widget .tecko-account
{
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 24px;
}
.pxl-account-widget .tecko-account span
{
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    margin-left: 12px;
}
.pxl-account-widget ul
{
    display: flex;
    row-gap: 10px;
    flex-direction: column;
    position: absolute;
    width: 150px;
    font-size: 14px;
    padding: 20px 15px;
    right: -5px;
    top: 100%;
    background-color: #1f2025;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    border-radius: 3px;
    visibility: hidden;
    transform: translateY(15px) translateZ(0);
    transition: opacity .2s,visibility .2s,transform .2s;
    opacity: 0;
    z-index: 9;
    list-style: none;
}
.pxl-account-widget:hover ul
{
    visibility: visible;
    opacity: 1;
    transform: none;
}
.woocommerce-account .pxl-content-wrap
{
    padding: 48px;
    margin-bottom: 100px;
    background-color: #000;
    border-radius: 24px;
}
.woocommerce-account fieldset
{
    border-color: var(--tecko-primary-color);
}
.woocommerce-account .woocommerce-MyAccount-content .button
{
    background-color: var(--tecko-primary-color);
    color: #fff;
    font-weight: 400;
    margin-top: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover
{
    background-color: #fff;
    color: #000;
}
.tecko-header-transparent.woocommerce-account .pxl-content-main
{
    margin-top: var(--tecko-header-height);
}
.woocommerce-MyAccount-navigation ul
{
    display: flex;
    row-gap: 20px;
    font-size: 20px;
    flex-direction: column;
    list-style: none;
    margin: 0;
}
.woocommerce-info .wc-forward
{
    min-height: auto;
    color: #fff!important;
    background-color: var(--tecko-primary-color)!important;
    font-size: 12px!important;
    font-weight: 400!important;
}
.woocommerce-info .wc-forward:hover
{
    background-color: #000!important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea
{
    background-color: #111317;
    border-radius: 4px;
    border: none;
    color: #9da5b4;
    height: 46px;
    padding: 0 20px;
}
.woocommerce form.login, .woocommerce form.register
{
    border-color: var(--tecko-primary-color);
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme
{
    display: flex;
    align-items: center;
}
.woocommerce form .form-row label
{
    line-height: 1;
}
.woocommerce form .form-row label input[type="checkbox"]
{
    transform: none;
}
.woocommerce-form-login__submit, .woocommerce-form-register__submit
{
    background-color: var(--tecko-primary-color)!important;
    color: #fff!important;
    min-width: 150px;
}
.woocommerce-form-login__submit:hover, .woocommerce-form-register__submit:hover
{
    background-color: #fff!important;
    color: #000!important;
}
.woosw-continue, .woosw-page
{
    color: #000;
}
.woosw-items .add_to_cart_button, .woosw-items .product_type_grouped, .woosw-items .product_type_external, .woosw-items .product_type_variable
{
    display: inline-flex!important;
    align-items: center!important;
    justify-content: center!important;
    width: 40px!important;
    aspect-ratio: 1!important;
    border-radius: 50%!important;
    padding: 0!important;
    min-height: auto!important;
    border: 1px solid #bbb!important;
    color: #000!important;
    font-size: 16px!important;
    font-weight: bold!important;
    background: transparent!important;
}/* Button Unitest */
.wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar
{
    text-align: center;
}
.wp-block-button
{
    margin-bottom: 1.5em;
}
.wp-block-button.is-style-squared .wp-block-button__link
{
    border-radius: 0;
}
.wp-block-button.is-style-outline .wp-block-button__link
{
    color: var(--tecko-heading-color)!important;
    border-color: var(--tecko-secondary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover
{
    background-color: var(--tecko-secondary-color);
    color: #fff!important;
}
.wp-block-cover
{
    color: #fff;
}
.single-post p[class], .single-post p[style]
{
    line-height: normal;
    clear: both;
    overflow: hidden;
}
[class*="wp-block-"]
{
    margin-bottom: 30px;
}
[class*="wp-block-"]:first-child
{
    margin-top: 0;
}
[class*="wp-block-"]:last-child
{
    margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"]
{
    margin-top: 0;
    margin-bottom: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:first-child
{
    margin-top: 0;
}
.pxl-sidebar-area [class*="wp-block-"]:last-child
{
    margin-bottom: 0;
}
.pxl-sidebar-area .widget_block .wp-block-latest-comments
{
    overflow: hidden;
}
.pxl-sidebar-area .widget_block .wp-block-latest-comments a:hover
{
    color: var(--tecko-primary-color);
}
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment
{
    border-bottom: 1px solid #dadada;
    padding-bottom: 11px;
    margin-bottom: 11px;
    line-height: 1.8;
}
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a
{
    color: var(--tecko-heading-color);
}
.pxl-sidebar-area .widget_block .wp-block-latest-comments .wp-block-latest-comments__comment:last-child
{
    border: none;
    margin-bottom: -15px;
}
.wp-block-group.has-background
{
    padding: 15px 20px;
}
.wp-block-group .wp-block-button+*
{
    padding-top: 15px;
}
.wp-block-rss
{
    list-style: none;
}
.wp-block-table .has-fixed-layout
{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.blocks-gallery-caption
{
    margin-bottom: 30px;
}
.wp-caption.alignright
{
    margin-bottom: 0!important;
}
.wp-block-quote br
{
    display: none;
}
.pxl-sidebar-area .wp-block-latest-comments li
{
    margin-bottom: 30px;
}
.pxl-sidebar-area .wp-block-latest-comments li:last-child
{
    margin-bottom: 0;
}
.wp-block-search__label
{
    margin: 0 0 17px 0;
    padding-bottom: 0;
    font-size: 22px;
    line-height: 1.33333;
    display: none;
}
.wp-block-search__label:before
{
    display: none;
}
.wp-block-search__inside-wrapper
{
    position: relative;
    margin-top: 30px!important;
}
.wp-block-search__inside-wrapper .wp-block-search__input
{
    height: 50px;
    line-height: 48px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0 55px 0 20px;
    margin: 0;
}
.wp-block-search__inside-wrapper .wp-block-search__input::-webkit-input-placeholder
{
    color: #222;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input:-moz-placeholder
{
    color: #222;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input::-moz-placeholder
{
    color: #222;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
.wp-block-search__inside-wrapper .wp-block-search__input:-ms-input-placeholder
{
    color: #222;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    opacity: 1;
    text-overflow: ellipsis;
    line-height: inherit;
}
[dir="rtl"] .wp-block-search__inside-wrapper .wp-block-search__input
{
    padding: 0 20px 0 55px;
}
@keyframes flickerAnimation
{
    0%
    {
        opacity: 1;
    }
    50%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}
@keyframes button-bg-move-left
{
    0%
    {
        left: -20px;
    }
    100%
    {
        left: 50%;
    }
}
@keyframes button-bg-move-right
{
    0%
    {
        right: -20px;
    }
    100%
    {
        right: 50%;
    }
}
@keyframes fadeInUp
{
    0%
    {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
    }
}
@keyframes zoom-in-out
{
    0%
    {
        transform: scale(1);
        opacity: 1;
    }
    50%
    {
        transform: scale(.5);
        opacity: .3;
    }
    100%
    {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes image_to_left
{
    0%
    {
        clip-path: inset(0 0 0 100%);
    }
    100%
    {
        clip-path: inset(0 0 0 0);
    }
}
.widget .widget-title
{
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33;
    color: #7e8695;
    font-family: var(--body-font-family);
    margin-bottom: 32px;
}
.widget .widget-title:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: var(--tecko-primary-color);
    animation: flickerAnimation .75s infinite;
}
.widget_pxl_recent_posts .pxl-post-item, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item
{
    display: flex;
    column-gap: 24px;
}
.widget_pxl_recent_posts .pxl-post-item:not(:last-child), .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item:not(:last-child)
{
    margin-bottom: 24px;
}
.widget_pxl_recent_posts .pxl-post-item img, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item img
{
    aspect-ratio: 1;
    object-fit: cover;
    max-width: 86px;
    border-radius: 12px;
}
.widget_pxl_recent_posts .pxl-post-item .pxl-wg-post-title, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item .pxl-wg-post-title
{
    font-family: var(--body-font-family);
    line-height: 1.33;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
.widget_pxl_recent_posts .pxl-post-item .pxl-wg-post-title a, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item .pxl-wg-post-title a
{
    color: #fff;
}
.widget_pxl_recent_posts .pxl-post-item .pxl-wg-post-title a:hover, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item .pxl-wg-post-title a:hover
{
    color: var(--tecko-primary-color);
}
.widget_pxl_recent_posts .pxl-post-item .post-date, .elementor-widget-wp-widget-pxl_recent_posts .pxl-post-item .post-date
{
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.33;
}
.widget_categories ul, .widget_categories li
{
    list-style-type: none;
}
.widget_categories .pxl-cat-item
{
    font-size: 24px;
    font-weight: 600;
    font-family: var(--heading-font-family);
    line-height: calc(30 / 24);
    letter-spacing: -.02em;
}
.widget_categories .pxl-cat-item:not(:last-child)
{
    margin-bottom: 8px;
}
.widget_categories .pxl-cat-item a
{
    color: #7e8695;
}
.widget_categories .pxl-cat-item a:hover
{
    color: var(--tecko-primary-color);
}
.widget_categories .pxl-cat-item a .count
{
    font-size: 14px;
    font-family: var(--body-font-family);
    color: #7e8695;
}
.widget_tag_cloud .tagcloud
{
    display: inline-flex;
    column-gap: 8px;
    row-gap: 8px;
    flex-wrap: wrap;
}
.widget_tag_cloud .tag-cloud-link
{
    padding: 10px 14px 10px 14px;
    border-radius: 30px;
    background-color: #474e5c;
    color: #fff;
    font-size: 14px!important;
    font-weight: 500;
    line-height: calc(17 / 14);
}
.widget_tag_cloud .tag-cloud-link:hover
{
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.tecko-newsletter-widget .newsletter-intro
{
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: calc(20 / 14);
    margin-bottom: 16px;
}
.tecko-newsletter-widget .tnp-field-email
{
    position: relative;
}
.tecko-newsletter-widget .tnp-field-email input.tnp-email
{
    background-color: #2b303b;
    color: var(--tecko-body-color);
    border: none;
    padding: 15px 18px;
    border-radius: 12px;
}
.tecko-newsletter-widget .tnp-field-email input.tnp-email::placeholder
{
    font-family: var(--body-font-family);
    color: var(--tecko-body-color);
}
.tecko-newsletter-widget .tnp-subscription
{
    margin: 0;
}
.tecko-newsletter-widget input[type="submit"].tnp-submit
{
    width: 100%;
    background-color: var(--tecko-primary-color);
    font-size: 14px;
}
.tecko-newsletter-widget input[type="submit"].tnp-submit:hover
{
    background-color: #fff;
    color: #000;
}
.tecko-newsletter-widget .tnp-field
{
    margin: 0;
}
.tecko-newsletter-widget .tnp-field:not(:last-child)
{
    margin-bottom: 16px;
}
.tecko-social-widget .widget-main-content
{
    display: flex;
    column-gap: 16px;
}
.tecko-social-widget .widget-main-content .social-item
{
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #7e8695;
    color: #7e8695;
    font-size: 12px;
}
.tecko-social-widget .widget-main-content .social-item:hover
{
    border-color: var(--tecko-primary-color);
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.woocommerce-widget-filter-brands, .woocommerce-widget-filter-attribute
{
    display: flex;
    flex-direction: column;
}
.woocommerce-widget-filter-brands li, .woocommerce-widget-filter-attribute li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
.woocommerce-widget-filter-brands li a, .woocommerce-widget-filter-attribute li a
{
    position: relative;
    display: inline-block;
    color: var(--Mono-Gray-50,#7e8695);
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.48px;
}
.woocommerce-widget-filter-brands li a:before, .woocommerce-widget-filter-attribute li a:before
{
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background: #d9d9d9;
    position: relative;
    border-radius: 4px;
    top: 3px;
    transition: .2s ease-in-out;
}
.woocommerce-widget-filter-brands li a i, .woocommerce-widget-filter-attribute li a i
{
    position: absolute;
    top: 10px;
    left: 3px;
    font-size: 16px;
    color: #fff;
    opacity: 0;
    transition: .25s ease-in-out;
}
.woocommerce-widget-filter-brands li.chosen a:before, .woocommerce-widget-filter-attribute li.chosen a:before
{
    background-color: var(--tecko-primary-color);
}
.woocommerce-widget-filter-brands li.chosen a i, .woocommerce-widget-filter-attribute li.chosen a i
{
    opacity: 1;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content
{
    background-color: #d9dce3;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle
{
    background-color: var(--tecko-primary-color);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range
{
    background-color: var(--tecko-primary-color);
}
.woocommerce .widget_price_filter .price_slider_amount
{
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.woocommerce .widget_price_filter .price_slider_amount .clear
{
    display: none;
}
.widget_price_filter button[type="submit"]
{
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: var(--tecko-primary-color);
}
.widget_price_filter button[type="submit"]:hover
{
    background-color: #fff;
    color: #000;
}
.mfp-bg
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    overflow: hidden;
    position: fixed;
    background: #000000b3;
    opacity: .7;
    backdrop-filter: blur(10px);
}
.mfp-wrap
{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden;
}
.mfp-container
{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.mfp-container:before
{
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before
{
    display: none;
}
.mfp-content
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 8;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content
{
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur
{
    cursor: progress;
}
.mfp-zoom-out-cur
{
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom
{
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content
{
    cursor: auto;
}
.mfp-arrow, .mfp-preloader, .mfp-counter
{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure
{
    display: none;
}
.mfp-preloader
{
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a
{
    color: #ccc;
}
.mfp-preloader a:hover
{
    color: #fff;
}
.mfp-s-ready .mfp-preloader
{
    display: none;
}
.mfp-s-error .mfp-content
{
    display: none;
}
button::-moz-focus-inner
{
    padding: 0;
    border: 0;
}
.mfp-counter
{
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-iframe-holder
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content
{
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-scaler
{
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe
{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000;
}/* Main image in popup */
img.mfp-img
{
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}/* The shadow behind the image */
.mfp-figure
{
    line-height: 0;
}
.mfp-figure:after
{
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444;
}
.mfp-figure small
{
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure
{
    margin: 0;
}
.mfp-bottom-bar
{
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title
{
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content
{
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure
{
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px)
{/**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder
    {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after
    {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small
    {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar
    {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty
    {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter
    {
        right: 5px;
        top: 3px;
    }
}
.mfp-move-horizontal.mfp-bg
{
    opacity: 0;
    transition: opacity .25s ease,visibility 0s ease .25s;
}
.mfp-move-horizontal.mfp-ready.mfp-bg
{
    opacity: 1;
    transition: opacity .25s ease,visibility 0s ease;
}
.mfp-close
{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 25px;
    aspect-ratio: 1;
    padding: 0;
    min-height: auto;
    border: 1px solid #2b303b;
    background: transparent;
    color: #2b303b;
    border-radius: 6px;
}
.mfp-close:hover
{
    background: var(--tecko-primary-color);
    border-color: var(--tecko-primary-color);
    color: #fff;
}
.mfp-close i
{
    pointer-events: none;
}
.mfp-is-open
{
    overflow: hidden;
}
.mfp-is-open .mfp-ready
{
    overflow: hidden auto!important;
}
.wp-block-search__input
{
    background: transparent;
    border-radius: 12px;
    color: #fff;
    border-color: var(--tecko-primary-color);
}
.wp-block-search__input::placeholder
{
    color: #fff!important;
}
.widget_block .wp-block-heading
{
    display: flex;
    align-items: center;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #7e8695;
    font-family: var(--body-font-family);
    margin-bottom: 32px;
}
.widget_block .wp-block-heading:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    clip-path: polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);
    background: var(--tecko-primary-color);
    animation: flickerAnimation .75s infinite;
}
.widget_block .wp-block-latest-posts__list
{
    font-size: 14px;
    font-weight: 600;
}
.widget_block .wp-block-latest-posts__list li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_block .wp-block-latest-posts__list a
{
    color: #fff;
}
.widget_block .wp-block-latest-posts__list a:hover
{
    color: var(--tecko-primary-color);
}
.widget_archive .wp-block-archives-list
{
    list-style: none;
}
.widget_archive .wp-block-archives-list li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_archive .wp-block-archives-list a
{
    color: #fff;
}
.widget_archive .wp-block-archives-list a:hover
{
    color: var(--tecko-primary-color);
}
.widget_archive .wp-block-archives-dropdown .wp-block-archives__label
{
    margin-bottom: 32px;
}
.widget_archive .wp-block-archives-dropdown select
{
    height: 50px;
    border-radius: 12px;
    padding: 0 20px;
}
.widget_calendar caption
{
    color: var(--tecko-body-color);
    margin-bottom: 16px;
}
.widget_calendar th, .widget_calendar td
{
    text-align: center;
}
.widget_calendar th
{
    background-color: var(--tecko-primary-color);
    color: #fff;
}
.widget_calendar td
{
    color: #fff;
}
.widget_categories .wp-block-categories-list .children
{
    margin-top: 15px;
}
.widget_categories .wp-block-categories-list li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_categories .wp-block-categories-list a
{
    color: #fff;
}
.widget_categories .wp-block-categories-list a:hover
{
    color: var(--tecko-primary-color);
}
.widget_categories select
{
    height: 50px;
    border-radius: 12px;
    padding: 0 20px;
}
.wp-block-categories-dropdown select
{
    height: 50px;
    border-radius: 12px;
    padding: 0 20px;
}
.widget_recent_entries .wp-block-latest-posts__post-title
{
    display: inline-block;
    margin-bottom: 8px;
}
.widget_recent_entries .wp-block-latest-posts__featured-image
{
    margin-bottom: 8px;
}
.widget_recent_entries .wp-block-latest-posts__post-excerpt
{
    margin-top: 8px;
}
.wp-block-loginout
{
    font-weight: 600;
}
.wp-block-loginout a
{
    color: #fff;
}
.wp-block-loginout a:hover
{
    color: var(--tecko-primary-color);
}
.wp-block-page-list
{
    list-style: none;
}
.wp-block-page-list li:not(:last-child)
{
    margin-bottom: 15px;
}
.wp-block-page-list a
{
    color: #fff;
}
.wp-block-page-list a:hover
{
    color: var(--tecko-primary-color);
}
.wp-block-page-list .wp-block-navigation__submenu-container
{
    margin-top: 15px;
}
.widget_rss .wp-block-rss li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_rss .wp-block-rss a
{
    color: #fff;
}
.widget_rss .wp-block-rss a:hover
{
    color: var(--tecko-primary-color);
}
.widget_tag_cloud .wp-block-tag-cloud
{
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}
.widget_archive ul
{
    list-style: none;
}
.widget_archive li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_archive a
{
    color: #fff;
}
.widget_archive a:hover
{
    color: var(--tecko-primary-color);
}
.widget_archive select
{
    height: 50px;
    border-radius: 12px;
    padding: 0 20px;
}
.widget_pages ul
{
    list-style: none;
}
.widget_pages li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_pages a
{
    color: #fff;
}
.widget_pages a:hover
{
    color: var(--tecko-primary-color);
}
.widget_pages .children
{
    margin-top: 15px;
}
.widget_meta ul
{
    list-style: none;
}
.widget_meta li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget_meta a
{
    color: #fff;
}
.widget_meta a:hover
{
    color: var(--tecko-primary-color);
}
.widget ul
{
    list-style: none;
}
.widget li:not(:last-child)
{
    margin-bottom: 15px;
}
.widget a
{
    color: #fff;
}
.widget a:hover
{
    color: var(--tecko-primary-color);
}
.widget select
{
    height: 50px;
    border-radius: 12px;
    padding: 0 20px;
}
.widget_search .searchform-wrap
{
    display: flex;
    column-gap: 10px;
}
.widget_search .searchform-wrap input
{
    border-radius: 12px;
    background: transparent;
    border: 1px solid var(--tecko-primary-color);
    padding: 0 20px;
    color: #fff;
}
.widget_text strong
{
    display: inline-block;
    margin-bottom: 10px;
}
.text-gradient
{
    background: linear-gradient(92deg,#6d53ff 40.95%,#ff008c 70.55%);
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}
.text-gradient>.word>*
{
    background: linear-gradient(92deg,#6d53ff 40.95%,#ff008c 70.55%);
    background-clip: text!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}/*# sourceMappingURL=style.css.map */